@viivue/tailwindcss-preset
Version:
TailwindCSS preset that supports CSS variables, responsive pixel-based values, desktop-first, helper components and more.
6 lines • 14.4 kB
JavaScript
/**
* @viivue/tailwindcss-preset v1.0.0
* TailwindCSS preset that supports CSS variables, responsive pixel-based values, desktop-first, helper components and more.
* (c) 2025 viivue
*/
var be=Object.create;var L=Object.defineProperty;var _e=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var R=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Se=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ce(t))!we.call(e,o)&&o!==r&&L(e,o,{get:()=>t[o],enumerable:!(n=_e(t,o))||n.enumerable});return e};var j=(e,t,r)=>(r=e!=null?be(Te(e)):{},Se(L(r,"default",{value:e,enumerable:true}),e));var H=R(F=>{Object.defineProperty(F,"__esModule",{value:true});Object.defineProperty(F,"default",{enumerable:true,get:function(){return Ie}});function U(e,t){return {handler:e,config:t}}U.withOptions=function(e,t=()=>({})){let r=function(n){return {__options:n,handler:e(n),config:t(n)}};return r.__isOptionsFunction=true,r.__pluginFunction=e,r.__configFunction=t,r};var Ie=U;});var J=R(k=>{Object.defineProperty(k,"__esModule",{value:true});Object.defineProperty(k,"default",{enumerable:true,get:function(){return ze}});var Re=je(H());function je(e){return e&&e.__esModule?e:{default:e}}var ze=Re.default;});var w=R((Ue,X)=>{var E=J();X.exports=(E.__esModule?E:{default:E}).default;});var re=R((dr,ee)=>{var Oe=$e(w());function K(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function Pe(e){if(Array.isArray(e))return e}function $e(e){return e&&e.__esModule?e:{default:e}}function Ae(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n=[],o=true,i=false,p,a;try{for(r=r.call(e);!(o=(p=r.next()).done)&&(n.push(p.value),!(t&&n.length===t));o=!0);}catch(s){i=true,a=s;}finally{try{!o&&r.return!=null&&r.return();}finally{if(i)throw a}}return n}}function Ve(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function We(e,t){return Pe(e)||Ae(e,t)||Fe(e,t)||Ve()}function Me(e){"@swc/helpers - typeof";return e&&typeof Symbol<"u"&&e.constructor===Symbol?"symbol":typeof e}function Fe(e,t){if(e){if(typeof e=="string")return K(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(r);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return K(e,t)}}ee.exports=(0, Oe.default)(function(t){var r=t.matchUtilities,n=t.matchVariant,o=t.theme,i,p=(i=o("containers"))!==null&&i!==void 0?i:{},a={},s={},l=true,u=false,h=void 0;try{for(var C=Object.entries(p)[Symbol.iterator](),y;!(l=(y=C.next()).done);l=!0){var v=We(y.value,2),x=v[0],d=v[1];typeof d=="string"?(a[x]=d,s[x]="min-width"):(typeof d>"u"?"undefined":Me(d))==="object"&&d!==null&&(d.min?(a[x]=d.min,s[x]="min-width"):d.max&&(a[x]=d.max,s[x]="max-width"));}}catch(g){u=true,h=g;}finally{try{!l&&C.return!=null&&C.return();}finally{if(u)throw h}}function ye(g){var c,f,m=(f=(c=g.match(/^(\d+\.\d+|\d+|\.\d+)\D+/))===null||c===void 0?void 0:c[1])!==null&&f!==void 0?f:null;return m===null?null:parseFloat(g)}r({"@container":function(g,c){var f=c.modifier;return {"container-type":g,"container-name":f}}},{values:{DEFAULT:"inline-size",normal:"normal"},modifiers:"any"}),n("@",function(){var g=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"",c=(arguments.length>1?arguments[1]:void 0).modifier,f=ye(g),m=Object.keys(a).find(function(I){return a[I]===g}),b=m?s[m]:"min-width";return f!==null?"@container ".concat(c??""," (").concat(b,": ").concat(g,")"):[]},{values:a,sort:function(c,f){var m=parseFloat(c.value),b=parseFloat(f.value);if(m===null||b===null)return 0;var I=Object.keys(a).find(function(M){return a[M]===c.value}),D=Object.keys(a).find(function(M){return a[M]===f.value}),P=I?s[I]:"min-width",ve=D?s[D]:"min-width";if(P!==ve)return P==="max-width"?-1:1;if(P==="max-width"){if(m-b!==0)return b-m}else if(m-b!==0)return m-b;var $,A=($=c.modifier)!==null&&$!==void 0?$:"",V,W=(V=f.modifier)!==null&&V!==void 0?V:"";return A===""&&W!==""?1:A!==""&&W===""?-1:A.localeCompare(W,"en",{numeric:true})}});},{theme:{containers:{xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"}}});});var G={};function Z(e){G=e;}function _(){return G.theme||{}}function z(){return _()?.prefix||""}var ue=j(w());var q={fontFamily:"font",colors:"color",spacing:"spacing",fontSize:"size"};var T=(e,t)=>{let r=z(),n=q[e];return `--${r}${n}-${t}`};var B=(e,t="")=>{let n=_()[e],o={};return Object.entries(n).forEach(([i,p])=>{p.startsWith("var(--")||(o[`responsive-${i}${t}`]=`var(${T(e,i)})`);}),o};var N=e=>{let t=_(),r=t[e],n=e[0]==="_"?`${e}Responsive`:`_${e}Responsive`,o=t[n],i={},p=new Set;return Object.entries(t.screens).filter(([,s])=>s.max).sort((s,l)=>parseInt(l[1].max)-parseInt(s[1].max)).forEach(([s,l])=>{let u=o[s];if(u){let h=Object.entries(u).reduce((C,[y,v])=>{let x=`${y}:${v}`;return v!==r[y]&&y!==v.replace("px","")&&!p.has(x)&&(C[T(e,y)]=v,p.add(x)),C},{});Object.keys(h).length>0&&(i[`@media (max-width: ${l.max})`]={":root":h});}}),i};var Q=e=>{let t=z();if(e?._container){let r=`--${t}gap-side`,n={},o={},i="theme(space.responsive-gap-container)",p={position:"relative",maxWidth:"unset",width:"100%",paddingLeft:i,paddingRight:i,marginLeft:"auto",marginRight:"auto"};return Object.entries(e?._container).forEach(([a,s])=>{let l=a==="default"?"":`-${a}`,u=`--${t}container${l}`,h=`clamp(${i}, (var(--100vw, 100vw) - var(${u}) - (${i} * 2)) / 2, 100vw)`;n[u]=s,n[`${r}${l}`]=h,a!=="default"&&(o[`.container-${a}`]={...p,maxWidth:s},o[`.container-${a}`][r]=`var(${r}${l});`);}),o[".container-fluid"]={...p},o[".container-fluid"][r]=i,{":root":n,...o}}return {}};var Y=e=>{let t=e._fontWeight,r=e.fontFamily;return !t||!r?(console.warn("Missing fontWeight or fontFamily."),{}):Object.entries(t).reduce((n,[o,i])=>r.hasOwnProperty(o)?(i.forEach(p=>{n[`${o}-${p}`]=p;}),n):(console.warn(`[fontWeight] "${o}" is not defined in the fontFamily and will be ignored.`),n),{})};var S=e=>{let t=_(),r={},n=t[e];return Object.entries(n).forEach(([o,i])=>{e==="fontFamily"&&Array.isArray(i)&&(i=i.join(", ")),r[T(e,o)]=i;}),{":root":r}};var he=j(re());var te=j(w()),ne=(0, te.default)(function({matchUtilities:e,theme:t}){e({style:r=>{let n=r;n.startsWith("var(")&&(n.indexOf(")")>n.indexOf("=")||n.indexOf(")")===-1)&&(n=n.replace(/^var\(/,""),n.endsWith(")")&&(n=n.replace(/\)$/,"")));let o=n.split(";").filter(Boolean),i={};return o.forEach(p=>{if(p.includes("=")){let[a,s]=p.split("=").map(l=>l.trim());a&&s&&(i[a]=s);}}),i}},{values:t("style",{DEFAULT:""}),modifiers:"any",arbitrary:true});},{theme:{style:{}}});var me=j(w());var oe={".fl-center":{display:"flex","align-items":"center","justify-content":"center"},".fl-center-v":{display:"flex","align-items":"center"},".fl-center-h":{display:"flex","justify-content":"center"}};var ie={".ab-center":{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},".ab-center-v":{position:"absolute",top:"50%",transform:"translateY(-50%)"},".ab-center-h":{position:"absolute",left:"50%",transform:"translateX(-50%)"},".ab-full, .ab-full-b::before, .ab-full-a::after, .ab-full-ba::before, .ab-full-ba::after":{position:"absolute",inset:"0"},".ab-full-b::before, .ab-full-a::after, .ab-full-ba::before, .ab-full-ba::after":{content:'""'}};var ae={".img-wrapper-cover > img, .img-wrapper-contain > img":{"object-position":"center center",height:"100%",width:"100%","min-height":"100%","min-width":"100%","max-height":"100%","max-width":"100%",display:"block"},".img-wrapper-cover > img":{"object-fit":"cover"},".img-wrapper-contain > img":{"object-fit":"contain"}};var se={"ul.list-style-none, .list-style-none ul":{margin:"0","list-style":"none"},"ul.list-style-none > li, .list-style-none ul > li":{padding:"0"}};var pe={".t":{"transition-duration":".25s","transition-property":"all","transition-timing-function":"ease","transition-delay":"0s"},".t-slow":{"transition-duration":".6s"}};var le={":root":{"--loading-size":"35px","--loading-color":"theme('colors.primary')","--loading-bg":"rgba(255, 255, 255, 0.7)"},".loading, .woocommerce .blockUI.blockOverlay, .woocommerce .loader":{position:"relative"},".woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before, .loading::before":{content:'""',position:"absolute",inset:"0","z-index":"2","background-color":"var(--loading-bg)"},".loading::after, body .xwc--pf-loader-overlay::after, .woocommerce .blockUI.blockOverlay::after, .woocommerce .loader::after":{content:'""',position:"absolute",top:"50%",left:"50%","z-index":"3",width:"var(--loading-size)",height:"var(--loading-size)",margin:"calc(-0.5 * var(--loading-size)) 0 0 calc(-0.5 * var(--loading-size))","border-radius":"50%",border:"2px dashed transparent","border-bottom-color":"var(--loading-color)","border-right-color":"var(--loading-color)",animation:"spinner-loading 0.6s linear infinite","box-sizing":"border-box"},"@keyframes spinner-loading":{to:{transform:"rotate(360deg)"}}};var ce={".flex-grid-template":{"--grid-gap-x":"30px","--grid-gap-y":"30px","--grid-col":"3","--grid-gap-x-total":"calc(var(--grid-gap-x) * (var(--grid-col) - 1))","--grid-space-each":"calc(var(--grid-gap-x-total) / var(--grid-col))",display:"flex","flex-wrap":"wrap",gap:"var(--grid-gap-y) var(--grid-gap-x)"},".flex-grid-template > *":{width:"calc(100% / var(--grid-col) - var(--grid-space-each))"},"@media only screen and (max-width: 768px)":{".flex-grid-template":{"--grid-col":"2"}},"@media only screen and (max-width: 576px)":{".flex-grid-template":{"--grid-col":"1"}},".flex-grid-col-1":{"--grid-col":"1"},".flex-grid-col-2":{"--grid-col":"2"},".flex-grid-col-3":{"--grid-col":"3"},".flex-grid-col-4":{"--grid-col":"4"},".flex-grid-col-5":{"--grid-col":"5"},".flex-grid-col-6":{"--grid-col":"6"},".flex-grid-col-7":{"--grid-col":"7"},".flex-grid-col-8":{"--grid-col":"8"},".flex-grid-col-9":{"--grid-col":"9"},".flex-grid-col-10":{"--grid-col":"10"},".flex-grid-col-11":{"--grid-col":"11"},".flex-grid-col-12":{"--grid-col":"12"}};var ge={".skeleton-bg":{"background-image":"url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4Ij4NCjxjaXJjbGUgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTA1MjU0IiBzdHJva2Utd2lkdGg9IjEwIiByPSI0NSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY2IDQ0IiBzdHlsZT0iJiMxMDsgICAgLyogc3Ryb2tlLWRhc2hhcnJheTogMTY2IDQ0OyAqLyYjMTA7Ij4NCiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIi8+DQo8L2NpcmNsZT4NCjwvc3ZnPg==)","background-size":"30px","background-repeat":"no-repeat","background-position":"center","background-color":"#eee"}};var fe=({matchUtilities:e,theme:t})=>{e({"flex-grid-gap-x":r=>({"--grid-gap-x":r})},{values:t("spacing")}),e({"flex-grid-gap-y":r=>({"--grid-gap-y":r})},{values:t("spacing")}),e({"flex-grid-gap":r=>({"--grid-gap-x":r,"--grid-gap-y":r})},{values:t("spacing")});};var xe=(0, me.default)(function({addComponents:e,matchUtilities:t,theme:r}){e({...oe,...ie,...ae,...se,...pe,...le,...ce,...ge}),fe({matchUtilities:t,theme:r});});var de={0:"0px",1:"1px",2:"2px",4:"4px",6:"6px",8:"8px",10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",28:"28px",32:"32px",36:"36px",40:"40px",44:"44px",48:"48px",52:"52px",56:"56px",60:"60px",64:"64px",72:"72px",80:"80px",88:"88px",96:"96px",104:"104px",112:"112px",120:"120px",128:"128px",136:"136px",144:"144px",152:"152px",160:"160px",168:"168px",176:"176px",184:"184px",192:"192px"},ke={0:"0px",1:"1px",2:"2px",4:"4px",6:"6px",8:"8px",10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",28:"28px",32:"32px",36:"36px",40:"40px",44:"44px",48:"48px",52:"52px",56:"56px",60:"60px",64:"60px",72:"60px",80:"60px",88:"80px",96:"80px",104:"80px",112:"80px",120:"80px",128:"80px",136:"128px",144:"128px",152:"128px",160:"128px",168:"128px",176:"128px",184:"128px",192:"128px"},Ee={0:"0px",1:"1px",2:"2px",4:"4px",6:"6px",8:"8px",10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",28:"28px",32:"32px",36:"36px",40:"40px",44:"44px",48:"48px",52:"52px",56:"52px",60:"52px",64:"52px",72:"52px",80:"52px",88:"60px",96:"60px",104:"60px",112:"60px",120:"60px",128:"60px",136:"80px",144:"80px",152:"80px",160:"80px",168:"80px",176:"80px",184:"80px",192:"80px"},Be={0:"0px",1:"1px",2:"2px",4:"4px",6:"6px",8:"8px",10:"10px",12:"12px",14:"14px",16:"16px",20:"20px",24:"24px",28:"28px",32:"32px",36:"36px",40:"40px",44:"44px",48:"48px",52:"52px",56:"52px",60:"52px",64:"52px",72:"52px",80:"52px",88:"60px",96:"60px",104:"60px",112:"60px",120:"60px",128:"60px",136:"60px",144:"60px",152:"60px",160:"60px",168:"60px",176:"60px",184:"60px",192:"60px"},O={md:ke,sm:Ee,xs:Be};function Br(e={}){let t={theme:{prefix:e.prefix||"",backgroundImage:{...e.backgroundImage},screens:{...e.screens},colors:{...e.colors},fontFamily:{...e.fontFamily},containers:{...e.screens},_fontWeight:{...e.fontWeight},fontWeight:{},fontSize:{...e.fontSize},_fontSizeResponsive:{...e.fontSizeResponsive},spacing:{...de,...e.spacing},_spacingResponsive:{md:{...O?.md,...e.spacingResponsive?.md},sm:{...O?.sm,...e.spacingResponsive?.sm},xs:{...O?.xs,...e.spacingResponsive?.xs}},_container:{...e.container},container:{center:true,padding:"theme(space.responsive-gap-container)",screens:{lg:{...e.container}.default}},_variants:{...e.variants},extend:{spacing:()=>B("spacing"),fontSize:()=>B("fontSize"),fontWeight:()=>Y({fontFamily:{...e.fontFamily},_fontWeight:{...e.fontWeight}})}},safelist:["container","container-small","container-fluid","loading","overscroll-y-none","sr-only"],plugins:[(0, ue.default)(({addUtilities:r,addComponents:n,addVariant:o,config:i})=>{let p=i().theme;r(S("colors")),r(S("fontSize")),r(S("fontFamily")),r(S("spacing")),r(N("spacing")),r(N("fontSize")),n(Q(p)),Object.entries({...e.variants}).forEach(([a,s])=>{o(a,s.toString());});}),he.default,ne,xe]};return Z(t),t}export{Br as viivuePreset};