@twind/preset-tailwind - npm Package Compare versions

Comparing version 1.1.1-next-20221218112843 to 1.1.1-next-20221220021500

base.browser.dev.js

@@ -1,1 +0,38 @@
-import r from"./baseTheme.browser.dev.js";import e from"./preflight.browser.dev.js";import t from"./rules.browser.dev.js";import o from"./variants.browser.dev.js";function n({colors:n,disablePreflight:i}={}){return{preflight:i?void 0:e,theme:{...r,colors:{inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",...n}},variants:o,rules:t,finalize(r){var e;return!r.r.some(r=>/^&::(before|after)$/.test(r))||(null==(e=r.d)?void 0:e.includes("content:"))?r:{...r,d:["content:var(--tw-content)",r.d].filter(Boolean).join(";")}}}}export{n as default};//# sourceMappingURL=base.browser.dev.js.map
+import theme from './baseTheme.browser.dev.js';
+import preflight from './preflight.browser.dev.js';
+import rules from './rules.browser.dev.js';
+import variants from './variants.browser.dev.js';
+/** Allows to disable to tailwind preflight (default: `false` eg include the tailwind preflight ) */ /**
+ * @experimental
+ */ function presetTailwindBase({ colors , disablePreflight  } = {}) {
+    return {
+        // allow other preflight to run
+        preflight: disablePreflight ? void 0 : preflight,
+        theme: {
+            ...theme,
+            colors: {
+                inherit: 'inherit',
+                current: 'currentColor',
+                transparent: 'transparent',
+                black: '#000',
+                white: '#fff',
+                ...colors
+            }
+        },
+        variants,
+        rules,
+        finalize (rule) {
+            var _rule_d;
+            return(// automatically add `content: ''` to before and after so you don’t have to specify it unless you want a different value
+            !rule.r.some((r)=>/^&::(before|after)$/.test(r)) || (null == (_rule_d = rule.d) ? void 0 : _rule_d.includes('content:')) ? rule : {
+                ...rule,
+                d: [
+                    'content:var(--tw-content)',
+                    rule.d
+                ].filter(Boolean).join(';')
+            });
+        }
+    };
+}
+export { presetTailwindBase as default };
+//# sourceMappingURL=base.browser.dev.js.map

base.browser.js

@@ -1,1 +0,38 @@
-import r from"./baseTheme.browser.js";import e from"./preflight.browser.js";import t from"./rules.browser.js";import o from"./variants.browser.js";function n({colors:n,disablePreflight:i}={}){return{preflight:i?void 0:e,theme:{...r,colors:{inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",...n}},variants:o,rules:t,finalize(r){var e;return!r.r.some(r=>/^&::(before|after)$/.test(r))||(null==(e=r.d)?void 0:e.includes("content:"))?r:{...r,d:["content:var(--tw-content)",r.d].filter(Boolean).join(";")}}}}export{n as default};//# sourceMappingURL=base.browser.js.map
+import theme from './baseTheme.browser.js';
+import preflight from './preflight.browser.js';
+import rules from './rules.browser.js';
+import variants from './variants.browser.js';
+/** Allows to disable to tailwind preflight (default: `false` eg include the tailwind preflight ) */ /**
+ * @experimental
+ */ function presetTailwindBase({ colors , disablePreflight  } = {}) {
+    return {
+        // allow other preflight to run
+        preflight: disablePreflight ? void 0 : preflight,
+        theme: {
+            ...theme,
+            colors: {
+                inherit: 'inherit',
+                current: 'currentColor',
+                transparent: 'transparent',
+                black: '#000',
+                white: '#fff',
+                ...colors
+            }
+        },
+        variants,
+        rules,
+        finalize (rule) {
+            var _rule_d;
+            return(// automatically add `content: ''` to before and after so you don’t have to specify it unless you want a different value
+            !rule.r.some((r)=>/^&::(before|after)$/.test(r)) || (null == (_rule_d = rule.d) ? void 0 : _rule_d.includes('content:')) ? rule : {
+                ...rule,
+                d: [
+                    'content:var(--tw-content)',
+                    rule.d
+                ].filter(Boolean).join(';')
+            });
+        }
+    };
+}
+export { presetTailwindBase as default };
+//# sourceMappingURL=base.browser.js.map

baseTheme.browser.dev.js

@@ -1,1 +0,1 @@
-let o={screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},columns:{auto:"auto","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},spacing:{px:"1px",0:"0px",...n(4,"rem",4,.5,.5),...n(12,"rem",4,5),14:"3.5rem",...n(64,"rem",4,16,4),72:"18rem",80:"20rem",96:"24rem"},durations:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0,0,0.2,1) infinite",pulse:"pulse 2s cubic-bezier(0.4,0,0.6,1) infinite",bounce:"bounce 1s infinite"},aspectRatio:{auto:"auto",square:"1/1",video:"16/9"},backdropBlur:t("blur"),backdropBrightness:t("brightness"),backdropContrast:t("contrast"),backdropGrayscale:t("grayscale"),backdropHueRotate:t("hueRotate"),backdropInvert:t("invert"),backdropOpacity:t("opacity"),backdropSaturate:t("saturate"),backdropSepia:t("sepia"),backgroundColor:t("colors"),backgroundImage:{none:"none"},backgroundOpacity:t("opacity"),backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{none:"none",0:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},brightness:{...n(200,"",100,0,50),...n(110,"",100,90,5),75:"0.75",125:"1.25"},borderColor:({theme:o})=>({DEFAULT:o("colors.gray.200","currentColor"),...o("colors")}),borderOpacity:t("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem","1/2":"50%",full:"9999px"},borderSpacing:t("spacing"),borderWidth:{DEFAULT:"1px",...r(8,"px")},boxShadow:{sm:"0 1px 2px 0 rgba(0,0,0,0.05)",DEFAULT:"0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",md:"0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",lg:"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",xl:"0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)","2xl":"0 25px 50px -12px rgba(0,0,0,0.25)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.05)",none:"0 0 #0000"},boxShadowColor:t("colors"),caretColor:t("colors"),accentColor:({theme:o})=>({auto:"auto",...o("colors")}),contrast:{...n(200,"",100,0,50),75:"0.75",125:"1.25"},content:{none:"none"},divideColor:t("borderColor"),divideOpacity:t("borderOpacity"),divideWidth:t("borderWidth"),dropShadow:{sm:"0 1px 1px rgba(0,0,0,0.05)",DEFAULT:["0 1px 2px rgba(0,0,0,0.1)","0 1px 1px rgba(0,0,0,0.06)"],md:["0 4px 3px rgba(0,0,0,0.07)","0 2px 2px rgba(0,0,0,0.06)"],lg:["0 10px 8px rgba(0,0,0,0.04)","0 4px 3px rgba(0,0,0,0.1)"],xl:["0 20px 13px rgba(0,0,0,0.03)","0 8px 5px rgba(0,0,0,0.08)"],"2xl":"0 25px 25px rgba(0,0,0,0.15)",none:"0 0 #0000"},fill:({theme:o})=>({...o("colors"),none:"none"}),grayscale:{DEFAULT:"100%",0:"0"},hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},invert:{DEFAULT:"100%",0:"0"},flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:o})=>({...o("spacing"),...e(2,6),...e(12,12),auto:"auto",full:"100%"}),flexGrow:{DEFAULT:1,0:0},flexShrink:{DEFAULT:1,0:0},fontFamily:{sans:'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'.split(","),serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif'.split(","),mono:'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'.split(",")},fontSize:{xs:["0.75rem","1rem"],sm:["0.875rem","1.25rem"],base:["1rem","1.5rem"],lg:["1.125rem","1.75rem"],xl:["1.25rem","1.75rem"],"2xl":["1.5rem","2rem"],"3xl":["1.875rem","2.25rem"],"4xl":["2.25rem","2.5rem"],"5xl":["3rem","1"],"6xl":["3.75rem","1"],"7xl":["4.5rem","1"],"8xl":["6rem","1"],"9xl":["8rem","1"]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:t("spacing"),gradientColorStops:t("colors"),gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridColumn:{auto:"auto","span-full":"1 / -1"},gridRow:{auto:"auto","span-full":"1 / -1"},gridTemplateColumns:{none:"none"},gridTemplateRows:{none:"none"},height:({theme:o})=>({...o("spacing"),...e(2,6),min:"min-content",max:"max-content",fit:"fit-content",auto:"auto",full:"100%",screen:"100vh"}),inset:({theme:o})=>({...o("spacing"),...e(2,4),auto:"auto",full:"100%"}),keyframes:{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"0%":{transform:"scale(1)",opacity:"1"},"75%,100%":{transform:"scale(2)",opacity:"0"}},pulse:{"0%,100%":{opacity:"1"},"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{...n(10,"rem",4,3),none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},margin:({theme:o})=>({auto:"auto",...o("spacing")}),maxHeight:({theme:o})=>({full:"100%",min:"min-content",max:"max-content",fit:"fit-content",screen:"100vh",...o("spacing")}),maxWidth:({theme:o,breakpoints:e})=>({...e(o("screens")),none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch"}),minHeight:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",screen:"100vh"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"},opacity:{...n(100,"",100,0,10),5:"0.05",25:"0.25",75:"0.75",95:"0.95"},order:{first:"-9999",last:"9999",none:"0"},padding:t("spacing"),placeholderColor:t("colors"),placeholderOpacity:t("opacity"),outlineColor:t("colors"),outlineOffset:r(8,"px"),outlineWidth:r(8,"px"),ringColor:({theme:o})=>({...o("colors"),DEFAULT:"#3b82f6"}),ringOffsetColor:t("colors"),ringOffsetWidth:r(8,"px"),ringOpacity:({theme:o})=>({...o("opacity"),DEFAULT:"0.5"}),ringWidth:{DEFAULT:"3px",...r(8,"px")},rotate:{...r(2,"deg"),...r(12,"deg",3),...r(180,"deg",45)},saturate:n(200,"",100,0,50),scale:{...n(150,"",100,0,50),...n(110,"",100,90,5),75:"0.75",125:"1.25"},scrollMargin:t("spacing"),scrollPadding:t("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{...r(2,"deg"),...r(12,"deg",3)},space:t("spacing"),stroke:({theme:o})=>({...o("colors"),none:"none"}),strokeWidth:n(2),textColor:t("colors"),textDecorationColor:t("colors"),textDecorationThickness:{"from-font":"from-font",auto:"auto",...r(8,"px")},textUnderlineOffset:{auto:"auto",...r(8,"px")},textIndent:t("spacing"),textOpacity:t("opacity"),transitionDuration:({theme:o})=>({...o("durations"),DEFAULT:"150ms"}),transitionDelay:t("durations"),transitionProperty:{none:"none",all:"all",DEFAULT:"color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",colors:"color,background-color,border-color,text-decoration-color,fill,stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4,0,0.2,1)",linear:"linear",in:"cubic-bezier(0.4,0,1,1)",out:"cubic-bezier(0,0,0.2,1)","in-out":"cubic-bezier(0.4,0,0.2,1)"},translate:({theme:o})=>({...o("spacing"),...e(2,4),full:"100%"}),width:({theme:o})=>({min:"min-content",max:"max-content",fit:"fit-content",screen:"100vw",...o("flexBasis")}),willChange:{scroll:"scroll-position"},zIndex:{...n(50,"",1,0,10),auto:"auto"}};function e(o,e){let r={};do for(var n=1;n<o;n++)r[`${n}/${o}`]=Number((n/o*100).toFixed(6))+"%";while(++o<=e)return r}function r(o,e,r=0){let n={};for(;r<=o;r=2*r||1)n[r]=r+e;return n}function n(o,e="",r=1,n=0,t=1,i={}){for(;n<=o;n+=t)i[n]=n/r+e;return i}function t(o){return({theme:e})=>e(o)}export{o as default};//# sourceMappingURL=baseTheme.browser.dev.js.map
+export { default } from "./baseTheme.browser.js";

baseTheme.browser.js

@@ -1,1 +0,1 @@
-let o={screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},columns:{auto:"auto","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},spacing:{px:"1px",0:"0px",...n(4,"rem",4,.5,.5),...n(12,"rem",4,5),14:"3.5rem",...n(64,"rem",4,16,4),72:"18rem",80:"20rem",96:"24rem"},durations:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0,0,0.2,1) infinite",pulse:"pulse 2s cubic-bezier(0.4,0,0.6,1) infinite",bounce:"bounce 1s infinite"},aspectRatio:{auto:"auto",square:"1/1",video:"16/9"},backdropBlur:t("blur"),backdropBrightness:t("brightness"),backdropContrast:t("contrast"),backdropGrayscale:t("grayscale"),backdropHueRotate:t("hueRotate"),backdropInvert:t("invert"),backdropOpacity:t("opacity"),backdropSaturate:t("saturate"),backdropSepia:t("sepia"),backgroundColor:t("colors"),backgroundImage:{none:"none"},backgroundOpacity:t("opacity"),backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{none:"none",0:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},brightness:{...n(200,"",100,0,50),...n(110,"",100,90,5),75:"0.75",125:"1.25"},borderColor:({theme:o})=>({DEFAULT:o("colors.gray.200","currentColor"),...o("colors")}),borderOpacity:t("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem","1/2":"50%",full:"9999px"},borderSpacing:t("spacing"),borderWidth:{DEFAULT:"1px",...r(8,"px")},boxShadow:{sm:"0 1px 2px 0 rgba(0,0,0,0.05)",DEFAULT:"0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",md:"0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",lg:"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",xl:"0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)","2xl":"0 25px 50px -12px rgba(0,0,0,0.25)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.05)",none:"0 0 #0000"},boxShadowColor:t("colors"),caretColor:t("colors"),accentColor:({theme:o})=>({auto:"auto",...o("colors")}),contrast:{...n(200,"",100,0,50),75:"0.75",125:"1.25"},content:{none:"none"},divideColor:t("borderColor"),divideOpacity:t("borderOpacity"),divideWidth:t("borderWidth"),dropShadow:{sm:"0 1px 1px rgba(0,0,0,0.05)",DEFAULT:["0 1px 2px rgba(0,0,0,0.1)","0 1px 1px rgba(0,0,0,0.06)"],md:["0 4px 3px rgba(0,0,0,0.07)","0 2px 2px rgba(0,0,0,0.06)"],lg:["0 10px 8px rgba(0,0,0,0.04)","0 4px 3px rgba(0,0,0,0.1)"],xl:["0 20px 13px rgba(0,0,0,0.03)","0 8px 5px rgba(0,0,0,0.08)"],"2xl":"0 25px 25px rgba(0,0,0,0.15)",none:"0 0 #0000"},fill:({theme:o})=>({...o("colors"),none:"none"}),grayscale:{DEFAULT:"100%",0:"0"},hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},invert:{DEFAULT:"100%",0:"0"},flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:o})=>({...o("spacing"),...e(2,6),...e(12,12),auto:"auto",full:"100%"}),flexGrow:{DEFAULT:1,0:0},flexShrink:{DEFAULT:1,0:0},fontFamily:{sans:'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'.split(","),serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif'.split(","),mono:'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'.split(",")},fontSize:{xs:["0.75rem","1rem"],sm:["0.875rem","1.25rem"],base:["1rem","1.5rem"],lg:["1.125rem","1.75rem"],xl:["1.25rem","1.75rem"],"2xl":["1.5rem","2rem"],"3xl":["1.875rem","2.25rem"],"4xl":["2.25rem","2.5rem"],"5xl":["3rem","1"],"6xl":["3.75rem","1"],"7xl":["4.5rem","1"],"8xl":["6rem","1"],"9xl":["8rem","1"]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:t("spacing"),gradientColorStops:t("colors"),gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridColumn:{auto:"auto","span-full":"1 / -1"},gridRow:{auto:"auto","span-full":"1 / -1"},gridTemplateColumns:{none:"none"},gridTemplateRows:{none:"none"},height:({theme:o})=>({...o("spacing"),...e(2,6),min:"min-content",max:"max-content",fit:"fit-content",auto:"auto",full:"100%",screen:"100vh"}),inset:({theme:o})=>({...o("spacing"),...e(2,4),auto:"auto",full:"100%"}),keyframes:{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"0%":{transform:"scale(1)",opacity:"1"},"75%,100%":{transform:"scale(2)",opacity:"0"}},pulse:{"0%,100%":{opacity:"1"},"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{...n(10,"rem",4,3),none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},margin:({theme:o})=>({auto:"auto",...o("spacing")}),maxHeight:({theme:o})=>({full:"100%",min:"min-content",max:"max-content",fit:"fit-content",screen:"100vh",...o("spacing")}),maxWidth:({theme:o,breakpoints:e})=>({...e(o("screens")),none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch"}),minHeight:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",screen:"100vh"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"},opacity:{...n(100,"",100,0,10),5:"0.05",25:"0.25",75:"0.75",95:"0.95"},order:{first:"-9999",last:"9999",none:"0"},padding:t("spacing"),placeholderColor:t("colors"),placeholderOpacity:t("opacity"),outlineColor:t("colors"),outlineOffset:r(8,"px"),outlineWidth:r(8,"px"),ringColor:({theme:o})=>({...o("colors"),DEFAULT:"#3b82f6"}),ringOffsetColor:t("colors"),ringOffsetWidth:r(8,"px"),ringOpacity:({theme:o})=>({...o("opacity"),DEFAULT:"0.5"}),ringWidth:{DEFAULT:"3px",...r(8,"px")},rotate:{...r(2,"deg"),...r(12,"deg",3),...r(180,"deg",45)},saturate:n(200,"",100,0,50),scale:{...n(150,"",100,0,50),...n(110,"",100,90,5),75:"0.75",125:"1.25"},scrollMargin:t("spacing"),scrollPadding:t("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{...r(2,"deg"),...r(12,"deg",3)},space:t("spacing"),stroke:({theme:o})=>({...o("colors"),none:"none"}),strokeWidth:n(2),textColor:t("colors"),textDecorationColor:t("colors"),textDecorationThickness:{"from-font":"from-font",auto:"auto",...r(8,"px")},textUnderlineOffset:{auto:"auto",...r(8,"px")},textIndent:t("spacing"),textOpacity:t("opacity"),transitionDuration:({theme:o})=>({...o("durations"),DEFAULT:"150ms"}),transitionDelay:t("durations"),transitionProperty:{none:"none",all:"all",DEFAULT:"color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",colors:"color,background-color,border-color,text-decoration-color,fill,stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4,0,0.2,1)",linear:"linear",in:"cubic-bezier(0.4,0,1,1)",out:"cubic-bezier(0,0,0.2,1)","in-out":"cubic-bezier(0.4,0,0.2,1)"},translate:({theme:o})=>({...o("spacing"),...e(2,4),full:"100%"}),width:({theme:o})=>({min:"min-content",max:"max-content",fit:"fit-content",screen:"100vw",...o("flexBasis")}),willChange:{scroll:"scroll-position"},zIndex:{...n(50,"",1,0,10),auto:"auto"}};function e(o,e){let r={};do for(var n=1;n<o;n++)r[`${n}/${o}`]=Number((n/o*100).toFixed(6))+"%";while(++o<=e)return r}function r(o,e,r=0){let n={};for(;r<=o;r=2*r||1)n[r]=r+e;return n}function n(o,e="",r=1,n=0,t=1,i={}){for(;n<=o;n+=t)i[n]=n/r+e;return i}function t(o){return({theme:e})=>e(o)}export{o as default};//# sourceMappingURL=baseTheme.browser.js.map
+export { default } from "./baseTheme.js";

CHANGELOG.md

 # @twind/preset-tailwind
 
-## 1.1.1-next-20221218112843
+## 1.1.1-next-20221220021500
 
 ### Patch Changes
 
+- create dedicated worker and deno bundles, and downgrade module to es2019 (fixes [#426](https://github.com/tw-in-js/twind/issues/426)) ([`02ea227a`](https://github.com/tw-in-js/twind/commit/02ea227afffe474cde5e843c3519f0836ee18f8a))
+
 - bump @twind/core peerDependency to latest ([`a26657cf`](https://github.com/tw-in-js/twind/commit/a26657cf025aa7ad207372b30034d81417ad41c7))
@@ -11,4 +13,4 @@
 
-- Updated dependencies [[`6521e678`](https://github.com/tw-in-js/twind/commit/6521e678821f05de8cd3a87b0176083efee43405), [`c832b338`](https://github.com/tw-in-js/twind/commit/c832b33849690545e7a4dffbdada2f5b97f6aa08)]:
-  - @twind/core@1.1.1-next-20221218112843
+- Updated dependencies [[`02ea227a`](https://github.com/tw-in-js/twind/commit/02ea227afffe474cde5e843c3519f0836ee18f8a), [`6521e678`](https://github.com/tw-in-js/twind/commit/6521e678821f05de8cd3a87b0176083efee43405), [`c832b338`](https://github.com/tw-in-js/twind/commit/c832b33849690545e7a4dffbdada2f5b97f6aa08)]:
+  - @twind/core@1.1.1-next-20221220021500
 
@@ -15,0 +17,0 @@ ## 1.1.0

colors.browser.dev.js

@@ -1,1 +0,1 @@
-export{b as amber,i as blue,f as cyan,e as emerald,k as fuchsia,g as gray,d as green,j as indigo,l as lime,n as neutral,o as orange,m as pink,p as purple,r as red,q as rose,h as sky,s as slate,a as stone,t as teal,v as violet,y as yellow,z as zinc}from"./_/colors-7c378bfb.js";//# sourceMappingURL=colors.browser.dev.js.map
+export * from "./colors.browser.js";

colors.browser.js

@@ -1,1 +0,2 @@
-export{b as amber,i as blue,f as cyan,e as emerald,k as fuchsia,g as gray,d as green,j as indigo,l as lime,n as neutral,o as orange,m as pink,p as purple,r as red,q as rose,h as sky,s as slate,a as stone,t as teal,v as violet,y as yellow,z as zinc}from"./_/colors-7c378bfb.js";//# sourceMappingURL=colors.browser.js.map
+export { b as amber, i as blue, f as cyan, e as emerald, k as fuchsia, g as gray, d as green, j as indigo, l as lime, n as neutral, o as orange, m as pink, p as purple, r as red, q as rose, h as sky, s as slate, a as stone, t as teal, v as violet, y as yellow, z as zinc } from './_/colors-e5e84df2.js';
+//# sourceMappingURL=colors.browser.js.map

defaultTheme.browser.dev.js

@@ -1,1 +0,8 @@
-import{c as e}from"./_/colors-7c378bfb.js";import o from"./baseTheme.browser.dev.js";let r={...o,colors:e};export{r as default};//# sourceMappingURL=defaultTheme.browser.dev.js.map
+import { c as colors } from './_/colors-e5e84df2.js';
+import theme$1 from './baseTheme.browser.dev.js';
+let theme = {
+    ...theme$1,
+    colors
+};
+export { theme as default };
+//# sourceMappingURL=defaultTheme.browser.dev.js.map

defaultTheme.browser.js

@@ -1,1 +0,8 @@
-import{c as e}from"./_/colors-7c378bfb.js";import o from"./baseTheme.browser.js";let r={...o,colors:e};export{r as default};//# sourceMappingURL=defaultTheme.browser.js.map
+import { c as colors } from './_/colors-e5e84df2.js';
+import theme$1 from './baseTheme.browser.js';
+let theme = {
+    ...theme$1,
+    colors
+};
+export { theme as default };
+//# sourceMappingURL=defaultTheme.browser.js.map

package.json

 {
   "name": "@twind/preset-tailwind",
-  "version": "1.1.1-next-20221218112843",
+  "version": "1.1.1-next-20221220021500",
   "description": "Tailwind CSS preset for twind",
@@ -52,4 +52,5 @@ "type": "module",
         "esnext": "./preset-tailwind.esnext.dev.js",
+        "deno": "./preset-tailwind.deno.dev.js",
         "module": "./preset-tailwind.dev.js",
-        "worker": "./preset-tailwind.dev.js",
+        "worker": "./preset-tailwind.worker.dev.js",
         "browser": "./preset-tailwind.browser.dev.js",
@@ -64,4 +65,5 @@ "script": "./preset-tailwind.global.dev.js",
       "esnext": "./preset-tailwind.esnext.js",
+      "deno": "./preset-tailwind.deno.js",
       "module": "./preset-tailwind.js",
-      "worker": "./preset-tailwind.js",
+      "worker": "./preset-tailwind.worker.js",
       "browser": "./preset-tailwind.browser.js",
@@ -79,4 +81,5 @@ "script": "./preset-tailwind.global.js",
         "esnext": "./base.esnext.dev.js",
+        "deno": "./base.deno.dev.js",
         "module": "./base.dev.js",
-        "worker": "./base.dev.js",
+        "worker": "./base.worker.dev.js",
         "browser": "./base.browser.dev.js",
@@ -91,4 +94,5 @@ "script": "./base.global.dev.js",
       "esnext": "./base.esnext.js",
+      "deno": "./base.deno.js",
       "module": "./base.js",
-      "worker": "./base.js",
+      "worker": "./base.worker.js",
       "browser": "./base.browser.js",
@@ -106,4 +110,5 @@ "script": "./base.global.js",
         "esnext": "./baseTheme.esnext.dev.js",
+        "deno": "./baseTheme.deno.dev.js",
         "module": "./baseTheme.dev.js",
-        "worker": "./baseTheme.dev.js",
+        "worker": "./baseTheme.worker.dev.js",
         "browser": "./baseTheme.browser.dev.js",
@@ -118,4 +123,5 @@ "script": "./baseTheme.global.dev.js",
       "esnext": "./baseTheme.esnext.js",
+      "deno": "./baseTheme.deno.js",
       "module": "./baseTheme.js",
-      "worker": "./baseTheme.js",
+      "worker": "./baseTheme.worker.js",
       "browser": "./baseTheme.browser.js",
@@ -133,4 +139,5 @@ "script": "./baseTheme.global.js",
         "esnext": "./colors.esnext.dev.js",
+        "deno": "./colors.deno.dev.js",
         "module": "./colors.dev.js",
-        "worker": "./colors.dev.js",
+        "worker": "./colors.worker.dev.js",
         "browser": "./colors.browser.dev.js",
@@ -145,4 +152,5 @@ "script": "./colors.global.dev.js",
       "esnext": "./colors.esnext.js",
+      "deno": "./colors.deno.js",
       "module": "./colors.js",
-      "worker": "./colors.js",
+      "worker": "./colors.worker.js",
       "browser": "./colors.browser.js",
@@ -160,4 +168,5 @@ "script": "./colors.global.js",
         "esnext": "./defaultTheme.esnext.dev.js",
+        "deno": "./defaultTheme.deno.dev.js",
         "module": "./defaultTheme.dev.js",
-        "worker": "./defaultTheme.dev.js",
+        "worker": "./defaultTheme.worker.dev.js",
         "browser": "./defaultTheme.browser.dev.js",
@@ -172,4 +181,5 @@ "script": "./defaultTheme.global.dev.js",
       "esnext": "./defaultTheme.esnext.js",
+      "deno": "./defaultTheme.deno.js",
       "module": "./defaultTheme.js",
-      "worker": "./defaultTheme.js",
+      "worker": "./defaultTheme.worker.js",
       "browser": "./defaultTheme.browser.js",
@@ -187,4 +197,5 @@ "script": "./defaultTheme.global.js",
         "esnext": "./preflight.esnext.dev.js",
+        "deno": "./preflight.deno.dev.js",
         "module": "./preflight.dev.js",
-        "worker": "./preflight.dev.js",
+        "worker": "./preflight.worker.dev.js",
         "browser": "./preflight.browser.dev.js",
@@ -199,4 +210,5 @@ "script": "./preflight.global.dev.js",
       "esnext": "./preflight.esnext.js",
+      "deno": "./preflight.deno.js",
       "module": "./preflight.js",
-      "worker": "./preflight.js",
+      "worker": "./preflight.worker.js",
       "browser": "./preflight.browser.js",
@@ -214,4 +226,5 @@ "script": "./preflight.global.js",
         "esnext": "./rules.esnext.dev.js",
+        "deno": "./rules.deno.dev.js",
         "module": "./rules.dev.js",
-        "worker": "./rules.dev.js",
+        "worker": "./rules.worker.dev.js",
         "browser": "./rules.browser.dev.js",
@@ -226,4 +239,5 @@ "script": "./rules.global.dev.js",
       "esnext": "./rules.esnext.js",
+      "deno": "./rules.deno.js",
       "module": "./rules.js",
-      "worker": "./rules.js",
+      "worker": "./rules.worker.js",
       "browser": "./rules.browser.js",
@@ -241,4 +255,5 @@ "script": "./rules.global.js",
         "esnext": "./variants.esnext.dev.js",
+        "deno": "./variants.deno.dev.js",
         "module": "./variants.dev.js",
-        "worker": "./variants.dev.js",
+        "worker": "./variants.worker.dev.js",
         "browser": "./variants.browser.dev.js",
@@ -253,4 +268,5 @@ "script": "./variants.global.dev.js",
       "esnext": "./variants.esnext.js",
+      "deno": "./variants.deno.js",
       "module": "./variants.js",
-      "worker": "./variants.js",
+      "worker": "./variants.worker.js",
       "browser": "./variants.browser.js",
@@ -268,3 +284,3 @@ "script": "./variants.global.js",
   "peerDependencies": {
-    "@twind/core": "1.1.1-next-20221218112843",
+    "@twind/core": "1.1.1-next-20221220021500",
     "typescript": "^4.8.4"
@@ -281,8 +297,5 @@ },
   "module": "./preset-tailwind.js",
-  "worker": "./preset-tailwind.js",
-  "esnext": "./preset-tailwind.esnext.js",
   "unpkg": "./preset-tailwind.global.js",
   "jsdelivr": "./preset-tailwind.global.js",
-  "browser": "./preset-tailwind.browser.js",
   "types": "./preset-tailwind.d.ts"
 }

preflight.browser.dev.js

@@ -1,1 +0,231 @@
-import e from"./baseTheme.browser.dev.js";let t={"*,::before,::after":{boxSizing:"border-box",borderWidth:"0",borderStyle:"solid",borderColor:"theme(borderColor.DEFAULT, currentColor)"},"::before,::after":{"--tw-content":"''"},html:{lineHeight:1.5,WebkitTextSizeAdjust:"100%",MozTabSize:"4",tabSize:4,fontFamily:`theme(fontFamily.sans, ${e.fontFamily.sans})`,fontFeatureSettings:"theme(fontFamily.sans[1].fontFeatureSettings, normal)"},body:{margin:"0",lineHeight:"inherit"},hr:{height:"0",color:"inherit",borderTopWidth:"1px"},"abbr:where([title])":{textDecoration:"underline dotted"},"h1,h2,h3,h4,h5,h6":{fontSize:"inherit",fontWeight:"inherit"},a:{color:"inherit",textDecoration:"inherit"},"b,strong":{fontWeight:"bolder"},"code,kbd,samp,pre":{fontFamily:`theme(fontFamily.mono, ${e.fontFamily.mono})`,fontFeatureSettings:"theme(fontFamily.mono[1].fontFeatureSettings, normal)",fontSize:"1em"},small:{fontSize:"80%"},"sub,sup":{fontSize:"75%",lineHeight:0,position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},table:{textIndent:"0",borderColor:"inherit",borderCollapse:"collapse"},"button,input,optgroup,select,textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"inherit",color:"inherit",margin:"0",padding:"0"},"button,select":{textTransform:"none"},"button,[type='button'],[type='reset'],[type='submit']":{WebkitAppearance:"button",backgroundColor:"transparent",backgroundImage:"none"},":-moz-focusring":{outline:"auto"},":-moz-ui-invalid":{boxShadow:"none"},progress:{verticalAlign:"baseline"},"::-webkit-inner-spin-button,::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{WebkitAppearance:"textfield",outlineOffset:"-2px"},"::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},summary:{display:"list-item"},"blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre":{margin:"0"},fieldset:{margin:"0",padding:"0"},legend:{padding:"0"},"ol,ul,menu":{listStyle:"none",margin:"0",padding:"0"},textarea:{resize:"vertical"},"input::placeholder,textarea::placeholder":{opacity:1,color:"theme(colors.gray.400, #9ca3af)"},'button,[role="button"]':{cursor:"pointer"},":disabled":{cursor:"default"},"img,svg,video,canvas,audio,iframe,embed,object":{display:"block",verticalAlign:"middle"},"img,video":{maxWidth:"100%",height:"auto"},"[hidden]":{display:"none"}};export{t as default};//# sourceMappingURL=preflight.browser.dev.js.map
+import theme from './baseTheme.browser.dev.js';
+let preflight = {
+    /*
+    1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+    2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+    */ '*,::before,::after': {
+        boxSizing: 'border-box',
+        /* 1 */ borderWidth: '0',
+        /* 2 */ borderStyle: 'solid',
+        /* 2 */ borderColor: 'theme(borderColor.DEFAULT, currentColor)'
+    },
+    /* 2 */ '::before,::after': {
+        '--tw-content': "''"
+    },
+    /*
+    1. Use a consistent sensible line-height in all browsers.
+    2. Prevent adjustments of font size after orientation changes in iOS.
+    3. Use a more readable tab size.
+    4. Use the user's configured `sans` font-family by default.
+    5. Use the user's configured `sans` font-feature-settings by default.
+    */ html: {
+        lineHeight: 1.5,
+        /* 1 */ WebkitTextSizeAdjust: '100%',
+        /* 2 */ MozTabSize: '4',
+        /* 3 */ tabSize: 4,
+        /* 3 */ fontFamily: `theme(fontFamily.sans, ${theme.fontFamily.sans})`,
+        /* 4 */ fontFeatureSettings: 'theme(fontFamily.sans[1].fontFeatureSettings, normal)'
+    },
+    /* 5 */ /*
+    1. Remove the margin in all browsers.
+    2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+    */ body: {
+        margin: '0',
+        /* 1 */ lineHeight: 'inherit'
+    },
+    /* 2 */ /*
+    1. Add the correct height in Firefox.
+    2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+    3. Ensure horizontal rules are visible by default.
+    */ hr: {
+        height: '0',
+        /* 1 */ color: 'inherit',
+        /* 2 */ borderTopWidth: '1px'
+    },
+    /* 3 */ /*
+    Add the correct text decoration in Chrome, Edge, and Safari.
+    */ 'abbr:where([title])': {
+        textDecoration: 'underline dotted'
+    },
+    /*
+    Remove the default font size and weight for headings.
+    */ 'h1,h2,h3,h4,h5,h6': {
+        fontSize: 'inherit',
+        fontWeight: 'inherit'
+    },
+    /*
+    Reset links to optimize for opt-in styling instead of opt-out.
+    */ a: {
+        color: 'inherit',
+        textDecoration: 'inherit'
+    },
+    /*
+    Add the correct font weight in Edge and Safari.
+    */ 'b,strong': {
+        fontWeight: 'bolder'
+    },
+    /*
+    1. Use the user's configured `mono` font family by default.
+    2. Use the user's configured `mono` font-feature-settings by default.
+    3. Correct the odd `em` font sizing in all browsers.
+    */ 'code,kbd,samp,pre': {
+        fontFamily: `theme(fontFamily.mono, ${theme.fontFamily.mono})`,
+        fontFeatureSettings: 'theme(fontFamily.mono[1].fontFeatureSettings, normal)',
+        fontSize: '1em'
+    },
+    /*
+    Add the correct font size in all browsers.
+    */ small: {
+        fontSize: '80%'
+    },
+    /*
+    Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+    */ 'sub,sup': {
+        fontSize: '75%',
+        lineHeight: 0,
+        position: 'relative',
+        verticalAlign: 'baseline'
+    },
+    sub: {
+        bottom: '-0.25em'
+    },
+    sup: {
+        top: '-0.5em'
+    },
+    /*
+    1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+    2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+    3. Remove gaps between table borders by default.
+    */ table: {
+        textIndent: '0',
+        /* 1 */ borderColor: 'inherit',
+        /* 2 */ borderCollapse: 'collapse'
+    },
+    /* 3 */ /*
+    1. Change the font styles in all browsers.
+    2. Remove the margin in Firefox and Safari.
+    3. Remove default padding in all browsers.
+    */ 'button,input,optgroup,select,textarea': {
+        fontFamily: 'inherit',
+        /* 1 */ fontSize: '100%',
+        /* 1 */ lineHeight: 'inherit',
+        /* 1 */ color: 'inherit',
+        /* 1 */ margin: '0',
+        /* 2 */ padding: '0'
+    },
+    /* 3 */ /*
+    Remove the inheritance of text transform in Edge and Firefox.
+    */ 'button,select': {
+        textTransform: 'none'
+    },
+    /*
+    1. Correct the inability to style clickable types in iOS and Safari.
+    2. Remove default button styles.
+    */ "button,[type='button'],[type='reset'],[type='submit']": {
+        WebkitAppearance: 'button',
+        /* 1 */ backgroundColor: 'transparent',
+        /* 2 */ backgroundImage: 'none'
+    },
+    /* 4 */ /*
+    Use the modern Firefox focus style for all focusable elements.
+    */ ':-moz-focusring': {
+        outline: 'auto'
+    },
+    /*
+    Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+    */ ':-moz-ui-invalid': {
+        boxShadow: 'none'
+    },
+    /*
+    Add the correct vertical alignment in Chrome and Firefox.
+    */ progress: {
+        verticalAlign: 'baseline'
+    },
+    /*
+    Correct the cursor style of increment and decrement buttons in Safari.
+    */ '::-webkit-inner-spin-button,::-webkit-outer-spin-button': {
+        height: 'auto'
+    },
+    /*
+    1. Correct the odd appearance in Chrome and Safari.
+    2. Correct the outline style in Safari.
+    */ "[type='search']": {
+        WebkitAppearance: 'textfield',
+        /* 1 */ outlineOffset: '-2px'
+    },
+    /* 2 */ /*
+    Remove the inner padding in Chrome and Safari on macOS.
+    */ '::-webkit-search-decoration': {
+        WebkitAppearance: 'none'
+    },
+    /*
+    1. Correct the inability to style clickable types in iOS and Safari.
+    2. Change font properties to `inherit` in Safari.
+    */ '::-webkit-file-upload-button': {
+        WebkitAppearance: 'button',
+        /* 1 */ font: 'inherit'
+    },
+    /* 2 */ /*
+    Add the correct display in Chrome and Safari.
+    */ summary: {
+        display: 'list-item'
+    },
+    /*
+    Removes the default spacing and border for appropriate elements.
+    */ 'blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre': {
+        margin: '0'
+    },
+    fieldset: {
+        margin: '0',
+        padding: '0'
+    },
+    legend: {
+        padding: '0'
+    },
+    'ol,ul,menu': {
+        listStyle: 'none',
+        margin: '0',
+        padding: '0'
+    },
+    /*
+    Prevent resizing textareas horizontally by default.
+    */ textarea: {
+        resize: 'vertical'
+    },
+    /*
+    1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+    2. Set the default placeholder color to the user's configured gray 400 color.
+    */ 'input::placeholder,textarea::placeholder': {
+        opacity: 1,
+        /* 1 */ color: 'theme(colors.gray.400, #9ca3af)'
+    },
+    /* 2 */ /*
+    Set the default cursor for buttons.
+    */ 'button,[role="button"]': {
+        cursor: 'pointer'
+    },
+    /*
+    Make sure disabled buttons don't get the pointer cursor.
+    */ ':disabled': {
+        cursor: 'default'
+    },
+    /*
+    1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+    2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+      This can trigger a poorly considered lint error in some tools but is included by design.
+    */ 'img,svg,video,canvas,audio,iframe,embed,object': {
+        display: 'block',
+        /* 1 */ verticalAlign: 'middle'
+    },
+    /* 2 */ /*
+    Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+    */ 'img,video': {
+        maxWidth: '100%',
+        height: 'auto'
+    },
+    /* Make elements with the HTML hidden attribute stay hidden by default */ '[hidden]': {
+        display: 'none'
+    }
+};
+export { preflight as default };
+//# sourceMappingURL=preflight.browser.dev.js.map

preflight.browser.js

@@ -1,1 +0,231 @@
-import e from"./baseTheme.browser.js";let t={"*,::before,::after":{boxSizing:"border-box",borderWidth:"0",borderStyle:"solid",borderColor:"theme(borderColor.DEFAULT, currentColor)"},"::before,::after":{"--tw-content":"''"},html:{lineHeight:1.5,WebkitTextSizeAdjust:"100%",MozTabSize:"4",tabSize:4,fontFamily:`theme(fontFamily.sans, ${e.fontFamily.sans})`,fontFeatureSettings:"theme(fontFamily.sans[1].fontFeatureSettings, normal)"},body:{margin:"0",lineHeight:"inherit"},hr:{height:"0",color:"inherit",borderTopWidth:"1px"},"abbr:where([title])":{textDecoration:"underline dotted"},"h1,h2,h3,h4,h5,h6":{fontSize:"inherit",fontWeight:"inherit"},a:{color:"inherit",textDecoration:"inherit"},"b,strong":{fontWeight:"bolder"},"code,kbd,samp,pre":{fontFamily:`theme(fontFamily.mono, ${e.fontFamily.mono})`,fontFeatureSettings:"theme(fontFamily.mono[1].fontFeatureSettings, normal)",fontSize:"1em"},small:{fontSize:"80%"},"sub,sup":{fontSize:"75%",lineHeight:0,position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},table:{textIndent:"0",borderColor:"inherit",borderCollapse:"collapse"},"button,input,optgroup,select,textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"inherit",color:"inherit",margin:"0",padding:"0"},"button,select":{textTransform:"none"},"button,[type='button'],[type='reset'],[type='submit']":{WebkitAppearance:"button",backgroundColor:"transparent",backgroundImage:"none"},":-moz-focusring":{outline:"auto"},":-moz-ui-invalid":{boxShadow:"none"},progress:{verticalAlign:"baseline"},"::-webkit-inner-spin-button,::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{WebkitAppearance:"textfield",outlineOffset:"-2px"},"::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},summary:{display:"list-item"},"blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre":{margin:"0"},fieldset:{margin:"0",padding:"0"},legend:{padding:"0"},"ol,ul,menu":{listStyle:"none",margin:"0",padding:"0"},textarea:{resize:"vertical"},"input::placeholder,textarea::placeholder":{opacity:1,color:"theme(colors.gray.400, #9ca3af)"},'button,[role="button"]':{cursor:"pointer"},":disabled":{cursor:"default"},"img,svg,video,canvas,audio,iframe,embed,object":{display:"block",verticalAlign:"middle"},"img,video":{maxWidth:"100%",height:"auto"},"[hidden]":{display:"none"}};export{t as default};//# sourceMappingURL=preflight.browser.js.map
+import theme from './baseTheme.browser.js';
+let preflight = {
+    /*
+    1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+    2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+    */ '*,::before,::after': {
+        boxSizing: 'border-box',
+        /* 1 */ borderWidth: '0',
+        /* 2 */ borderStyle: 'solid',
+        /* 2 */ borderColor: 'theme(borderColor.DEFAULT, currentColor)'
+    },
+    /* 2 */ '::before,::after': {
+        '--tw-content': "''"
+    },
+    /*
+    1. Use a consistent sensible line-height in all browsers.
+    2. Prevent adjustments of font size after orientation changes in iOS.
+    3. Use a more readable tab size.
+    4. Use the user's configured `sans` font-family by default.
+    5. Use the user's configured `sans` font-feature-settings by default.
+    */ html: {
+        lineHeight: 1.5,
+        /* 1 */ WebkitTextSizeAdjust: '100%',
+        /* 2 */ MozTabSize: '4',
+        /* 3 */ tabSize: 4,
+        /* 3 */ fontFamily: `theme(fontFamily.sans, ${theme.fontFamily.sans})`,
+        /* 4 */ fontFeatureSettings: 'theme(fontFamily.sans[1].fontFeatureSettings, normal)'
+    },
+    /* 5 */ /*
+    1. Remove the margin in all browsers.
+    2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+    */ body: {
+        margin: '0',
+        /* 1 */ lineHeight: 'inherit'
+    },
+    /* 2 */ /*
+    1. Add the correct height in Firefox.
+    2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+    3. Ensure horizontal rules are visible by default.
+    */ hr: {
+        height: '0',
+        /* 1 */ color: 'inherit',
+        /* 2 */ borderTopWidth: '1px'
+    },
+    /* 3 */ /*
+    Add the correct text decoration in Chrome, Edge, and Safari.
+    */ 'abbr:where([title])': {
+        textDecoration: 'underline dotted'
+    },
+    /*
+    Remove the default font size and weight for headings.
+    */ 'h1,h2,h3,h4,h5,h6': {
+        fontSize: 'inherit',
+        fontWeight: 'inherit'
+    },
+    /*
+    Reset links to optimize for opt-in styling instead of opt-out.
+    */ a: {
+        color: 'inherit',
+        textDecoration: 'inherit'
+    },
+    /*
+    Add the correct font weight in Edge and Safari.
+    */ 'b,strong': {
+        fontWeight: 'bolder'
+    },
+    /*
+    1. Use the user's configured `mono` font family by default.
+    2. Use the user's configured `mono` font-feature-settings by default.
+    3. Correct the odd `em` font sizing in all browsers.
+    */ 'code,kbd,samp,pre': {
+        fontFamily: `theme(fontFamily.mono, ${theme.fontFamily.mono})`,
+        fontFeatureSettings: 'theme(fontFamily.mono[1].fontFeatureSettings, normal)',
+        fontSize: '1em'
+    },
+    /*
+    Add the correct font size in all browsers.
+    */ small: {
+        fontSize: '80%'
+    },
+    /*
+    Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+    */ 'sub,sup': {
+        fontSize: '75%',
+        lineHeight: 0,
+        position: 'relative',
+        verticalAlign: 'baseline'
+    },
+    sub: {
+        bottom: '-0.25em'
+    },
+    sup: {
+        top: '-0.5em'
+    },
+    /*
+    1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+    2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+    3. Remove gaps between table borders by default.
+    */ table: {
+        textIndent: '0',
+        /* 1 */ borderColor: 'inherit',
+        /* 2 */ borderCollapse: 'collapse'
+    },
+    /* 3 */ /*
+    1. Change the font styles in all browsers.
+    2. Remove the margin in Firefox and Safari.
+    3. Remove default padding in all browsers.
+    */ 'button,input,optgroup,select,textarea': {
+        fontFamily: 'inherit',
+        /* 1 */ fontSize: '100%',
+        /* 1 */ lineHeight: 'inherit',
+        /* 1 */ color: 'inherit',
+        /* 1 */ margin: '0',
+        /* 2 */ padding: '0'
+    },
+    /* 3 */ /*
+    Remove the inheritance of text transform in Edge and Firefox.
+    */ 'button,select': {
+        textTransform: 'none'
+    },
+    /*
+    1. Correct the inability to style clickable types in iOS and Safari.
+    2. Remove default button styles.
+    */ "button,[type='button'],[type='reset'],[type='submit']": {
+        WebkitAppearance: 'button',
+        /* 1 */ backgroundColor: 'transparent',
+        /* 2 */ backgroundImage: 'none'
+    },
+    /* 4 */ /*
+    Use the modern Firefox focus style for all focusable elements.
+    */ ':-moz-focusring': {
+        outline: 'auto'
+    },
+    /*
+    Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+    */ ':-moz-ui-invalid': {
+        boxShadow: 'none'
+    },
+    /*
+    Add the correct vertical alignment in Chrome and Firefox.
+    */ progress: {
+        verticalAlign: 'baseline'
+    },
+    /*
+    Correct the cursor style of increment and decrement buttons in Safari.
+    */ '::-webkit-inner-spin-button,::-webkit-outer-spin-button': {
+        height: 'auto'
+    },
+    /*
+    1. Correct the odd appearance in Chrome and Safari.
+    2. Correct the outline style in Safari.
+    */ "[type='search']": {
+        WebkitAppearance: 'textfield',
+        /* 1 */ outlineOffset: '-2px'
+    },
+    /* 2 */ /*
+    Remove the inner padding in Chrome and Safari on macOS.
+    */ '::-webkit-search-decoration': {
+        WebkitAppearance: 'none'
+    },
+    /*
+    1. Correct the inability to style clickable types in iOS and Safari.
+    2. Change font properties to `inherit` in Safari.
+    */ '::-webkit-file-upload-button': {
+        WebkitAppearance: 'button',
+        /* 1 */ font: 'inherit'
+    },
+    /* 2 */ /*
+    Add the correct display in Chrome and Safari.
+    */ summary: {
+        display: 'list-item'
+    },
+    /*
+    Removes the default spacing and border for appropriate elements.
+    */ 'blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre': {
+        margin: '0'
+    },
+    fieldset: {
+        margin: '0',
+        padding: '0'
+    },
+    legend: {
+        padding: '0'
+    },
+    'ol,ul,menu': {
+        listStyle: 'none',
+        margin: '0',
+        padding: '0'
+    },
+    /*
+    Prevent resizing textareas horizontally by default.
+    */ textarea: {
+        resize: 'vertical'
+    },
+    /*
+    1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+    2. Set the default placeholder color to the user's configured gray 400 color.
+    */ 'input::placeholder,textarea::placeholder': {
+        opacity: 1,
+        /* 1 */ color: 'theme(colors.gray.400, #9ca3af)'
+    },
+    /* 2 */ /*
+    Set the default cursor for buttons.
+    */ 'button,[role="button"]': {
+        cursor: 'pointer'
+    },
+    /*
+    Make sure disabled buttons don't get the pointer cursor.
+    */ ':disabled': {
+        cursor: 'default'
+    },
+    /*
+    1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+    2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+      This can trigger a poorly considered lint error in some tools but is included by design.
+    */ 'img,svg,video,canvas,audio,iframe,embed,object': {
+        display: 'block',
+        /* 1 */ verticalAlign: 'middle'
+    },
+    /* 2 */ /*
+    Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+    */ 'img,video': {
+        maxWidth: '100%',
+        height: 'auto'
+    },
+    /* Make elements with the HTML hidden attribute stay hidden by default */ '[hidden]': {
+        display: 'none'
+    }
+};
+export { preflight as default };
+//# sourceMappingURL=preflight.browser.js.map

preset-tailwind.browser.dev.js

@@ -1,1 +0,10 @@
-import r from"./base.browser.dev.js";import{c as o}from"./_/colors-7c378bfb.js";function e({disablePreflight:e}={}){return r({colors:o,disablePreflight:e})}export{e as default};//# sourceMappingURL=preset-tailwind.browser.dev.js.map
+import presetTailwindBase from './base.browser.dev.js';
+import { c as colors } from './_/colors-e5e84df2.js';
+/** Allows to disable to tailwind preflight (default: `false` eg include the tailwind preflight ) */ function presetTailwind({ disablePreflight  } = {}) {
+    return presetTailwindBase({
+        colors,
+        disablePreflight
+    });
+}
+export { presetTailwind as default };
+//# sourceMappingURL=preset-tailwind.browser.dev.js.map

preset-tailwind.browser.js

@@ -1,1 +0,10 @@
-import r from"./base.browser.js";import{c as o}from"./_/colors-7c378bfb.js";function s({disablePreflight:s}={}){return r({colors:o,disablePreflight:s})}export{s as default};//# sourceMappingURL=preset-tailwind.browser.js.map
+import presetTailwindBase from './base.browser.js';
+import { c as colors } from './_/colors-e5e84df2.js';
+/** Allows to disable to tailwind preflight (default: `false` eg include the tailwind preflight ) */ function presetTailwind({ disablePreflight  } = {}) {
+    return presetTailwindBase({
+        colors,
+        disablePreflight
+    });
+}
+export { presetTailwind as default };
+//# sourceMappingURL=preset-tailwind.browser.js.map

rules.browser.dev.js

@@ -1,1 +0,1 @@
-var t,e,o,r,i,a,n,l,s,d,c,p,w,g,u,f,b,y;import{match as h,arbitrary as m,matchTheme as v,mql as x,asArray as $,matchColor as k,toColorValue as S,toCSS as z,withAutocomplete as C}from"@twind/core";let W=[h("\\[([-\\w]+):(.+)]",({1:t,2:e},o)=>({"@layer overrides":{"&":{[t]:m(`[${e}]`,"",o)}}})),(t=h("(group|peer)([~/][^-[]+)?",({input:t},{h:e})=>[{c:e(t)}]),C(t,()=>["group","peer"])),v("aspect-","aspectRatio"),h("container",(t,{theme:e})=>{let{screens:o=e("screens"),center:r,padding:i}=e("container"),a={width:"100%",marginRight:r&&"auto",marginLeft:r&&"auto",...s("xs")};for(let n in o){let l=o[n];"string"==typeof l&&(a[x(l)]={"&":{maxWidth:l,...s(n)}})}return a;function s(t){let e=i&&("string"==typeof i?i:i[t]||i.DEFAULT);if(e)return{paddingRight:e,paddingLeft:e}}}),v("content-","content",({_:t})=>({"--tw-content":t,content:"var(--tw-content)"})),h("(?:box-)?decoration-(slice|clone)","boxDecorationBreak"),h("box-(border|content)","boxSizing",({1:t})=>t+"-box"),h("hidden",{display:"none"}),h("table-(auto|fixed)","tableLayout"),h(["(block|flex|table|grid|inline|contents|flow-root|list-item)","(inline-(block|flex|table|grid))","(table-(caption|cell|column|row|(column|row|footer|header)-group))"],"display"),"(float)-(left|right|none)","(clear)-(left|right|none|both)","(overflow(?:-[xy])?)-(auto|hidden|clip|visible|scroll)","(isolation)-(auto)",h("isolate","isolation"),h("object-(contain|cover|fill|none|scale-down)","objectFit"),v("object-","objectPosition"),h("object-(top|bottom|center|(left|right)(-(top|bottom))?)","objectPosition",O),h("overscroll(-[xy])?-(auto|contain|none)",({1:t="",2:e})=>({["overscroll-behavior"+t]:e})),h("(static|fixed|absolute|relative|sticky)","position"),v("-?inset(-[xy])?(?:$|-)","inset",({1:t,_:e})=>({top:"-x"!=t&&e,right:"-y"!=t&&e,bottom:"-x"!=t&&e,left:"-y"!=t&&e})),v("-?(top|bottom|left|right)(?:$|-)","inset"),h("(visible|collapse)","visibility"),h("invisible",{visibility:"hidden"}),v("-?z-","zIndex"),h("flex-((row|col)(-reverse)?)","flexDirection",V),h("flex-(wrap|wrap-reverse|nowrap)","flexWrap"),v("(flex-(?:grow|shrink))(?:$|-)"),v("(flex)-"),v("grow(?:$|-)","flexGrow"),v("shrink(?:$|-)","flexShrink"),v("basis-","flexBasis"),v("-?(order)-"),C("-?(order)-(\\d+)",()=>H({end:12})),v("grid-cols-","gridTemplateColumns"),(e=h("grid-cols-(\\d+)","gridTemplateColumns",E),C(e,()=>H({end:6}))),v("col-","gridColumn"),(o=h("col-(span)-(\\d+)","gridColumn",L),C(o,()=>H({end:12}))),v("col-start-","gridColumnStart"),(r=h("col-start-(auto|\\d+)","gridColumnStart"),C(r,({1:t})=>"auto"===t?[""]:H({end:13}))),v("col-end-","gridColumnEnd"),(i=h("col-end-(auto|\\d+)","gridColumnEnd"),C(i,({1:t})=>"auto"===t?[""]:H({end:13}))),v("grid-rows-","gridTemplateRows"),(a=h("grid-rows-(\\d+)","gridTemplateRows",E),C(a,()=>H({end:6}))),v("row-","gridRow"),(n=h("row-(span)-(\\d+)","gridRow",L),C(n,()=>H({end:6}))),v("row-start-","gridRowStart"),(l=h("row-start-(auto|\\d+)","gridRowStart"),C(l,({1:t})=>"auto"===t?[""]:H({end:7}))),v("row-end-","gridRowEnd"),(s=h("row-end-(auto|\\d+)","gridRowEnd"),C(s,({1:t})=>"auto"===t?[""]:H({end:7}))),h("grid-flow-((row|col)(-dense)?)","gridAutoFlow",t=>O(V(t))),h("grid-flow-(dense)","gridAutoFlow"),v("auto-cols-","gridAutoColumns"),v("auto-rows-","gridAutoRows"),v("gap-x(?:$|-)","gap","columnGap"),v("gap-y(?:$|-)","gap","rowGap"),v("gap(?:$|-)","gap"),C("(justify-(?:items|self))-",({1:t})=>t.endsWith("-items-")?["start","end","center","stretch"]:["auto","start","end","center","stretch"]),(d=h("justify-","justifyContent",R),C(d,()=>["start","end","center","between","around","evenly"])),(c=h("(content|items|self)-",t=>({["align-"+t[1]]:R(t)})),C(c,({1:t})=>"content"==t?["center","start","end","between","around","evenly","stretch","baseline"]:"items"==t?["start","end","center","stretch","baseline"]:["auto","start","end","center","stretch","baseline"])),(p=h("(place-(content|items|self))-",({1:t,$$:e})=>({[t]:("wun".includes(e[3])?"space-":"")+e})),C(p,({2:t})=>"content"==t?["center","start","end","between","around","evenly","stretch","baseline"]:"items"==t?["start","end","center","stretch","baseline"]:["auto","start","end","center","stretch","baseline"])),v("p([xytrbl])?(?:$|-)","padding",D("padding")),v("-?m([xytrbl])?(?:$|-)","margin",D("margin")),v("-?space-(x|y)(?:$|-)","space",({1:t,_:e})=>({"&>:not([hidden])~:not([hidden])":{[`--tw-space-${t}-reverse`]:"0",["margin-"+({y:"top",x:"left"})[t]]:`calc(${e} * calc(1 - var(--tw-space-${t}-reverse)))`,["margin-"+({y:"bottom",x:"right"})[t]]:`calc(${e} * var(--tw-space-${t}-reverse))`}})),h("space-(x|y)-reverse",({1:t})=>({"&>:not([hidden])~:not([hidden])":{[`--tw-space-${t}-reverse`]:"1"}})),v("w-","width"),v("min-w-","minWidth"),v("max-w-","maxWidth"),v("h-","height"),v("min-h-","minHeight"),v("max-h-","maxHeight"),v("font-","fontWeight"),v("font-","fontFamily",({_:t})=>"string"==typeof(t=$(t))[1]?{fontFamily:F(t)}:{fontFamily:F(t[0]),...t[1]}),h("antialiased",{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"}),h("subpixel-antialiased",{WebkitFontSmoothing:"auto",MozOsxFontSmoothing:"auto"}),h("italic","fontStyle"),h("not-italic",{fontStyle:"normal"}),h("(ordinal|slashed-zero|(normal|lining|oldstyle|proportional|tabular)-nums|(diagonal|stacked)-fractions)",({1:t,2:e="",3:o})=>"normal"==e?{fontVariantNumeric:"normal"}:{["--tw-"+(o?"numeric-fraction":"pt".includes(e[0])?"numeric-spacing":e?"numeric-figure":t)]:t,fontVariantNumeric:"var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-ordinal":"var(--tw-empty,/*!*/ /*!*/)","--tw-slashed-zero":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-figure":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-spacing":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-fraction":"var(--tw-empty,/*!*/ /*!*/)"}}}),v("tracking-","letterSpacing"),v("leading-","lineHeight"),h("list-(inside|outside)","listStylePosition"),v("list-","listStyleType"),(w=h("list-","listStyleType"),C(w,()=>["none","disc","decimal"])),v("placeholder-opacity-","placeholderOpacity",({_:t})=>({"&::placeholder":{"--tw-placeholder-opacity":t}})),k("placeholder-",{property:"color",selector:"&::placeholder"}),h("text-(left|center|right|justify|start|end)","textAlign"),h("text-(ellipsis|clip)","textOverflow"),v("text-opacity-","textOpacity","--tw-text-opacity"),k("text-",{property:"color"}),v("text-","fontSize",({_:t})=>"string"==typeof t?{fontSize:t}:{fontSize:t[0],..."string"==typeof t[1]?{lineHeight:t[1]}:t[1]}),v("indent-","textIndent"),h("(overline|underline|line-through)","textDecorationLine"),h("no-underline",{textDecorationLine:"none"}),v("underline-offset-","textUnderlineOffset"),k("decoration-",{section:"textDecorationColor",opacityVariable:!1,opacitySection:"opacity"}),v("decoration-","textDecorationThickness"),(g=h("decoration-","textDecorationStyle"),C(g,()=>["solid","double","dotted","dashed","wavy"])),h("(uppercase|lowercase|capitalize)","textTransform"),h("normal-case",{textTransform:"none"}),h("truncate",{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),(u=h("align-","verticalAlign"),C(u,()=>["baseline","top","middle","bottom","text-top","text-bottom","sub","super"])),(f=h("whitespace-","whiteSpace"),C(f,()=>["normal","nowrap","pre","pre-line","pre-wrap"])),h("break-normal",{wordBreak:"normal",overflowWrap:"normal"}),h("break-words",{overflowWrap:"break-word"}),h("break-all",{wordBreak:"break-all"}),h("break-keep",{wordBreak:"keep-all"}),k("caret-",{opacityVariable:!1,opacitySection:"opacity"}),k("accent-",{opacityVariable:!1,opacitySection:"opacity"}),h("bg-gradient-to-([trbl]|[tb][rl])","backgroundImage",({1:t})=>`linear-gradient(to ${j(t," ")},var(--tw-gradient-stops))`),k("from-",{section:"gradientColorStops",opacityVariable:!1,opacitySection:"opacity"},({_:t})=>({"--tw-gradient-from":t.value,"--tw-gradient-to":t.color({opacityValue:"0"}),"--tw-gradient-stops":"var(--tw-gradient-from),var(--tw-gradient-to)"})),k("via-",{section:"gradientColorStops",opacityVariable:!1,opacitySection:"opacity"},({_:t})=>({"--tw-gradient-to":t.color({opacityValue:"0"}),"--tw-gradient-stops":`var(--tw-gradient-from),${t.value},var(--tw-gradient-to)`})),k("to-",{section:"gradientColorStops",property:"--tw-gradient-to",opacityVariable:!1,opacitySection:"opacity"}),h("bg-(fixed|local|scroll)","backgroundAttachment"),h("bg-origin-(border|padding|content)","backgroundOrigin",({1:t})=>t+"-box"),h(["bg-(no-repeat|repeat(-[xy])?)","bg-repeat-(round|space)"],"backgroundRepeat"),(b=h("bg-blend-","backgroundBlendMode"),C(b,()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"])),h("bg-clip-(border|padding|content|text)","backgroundClip",({1:t})=>t+("text"==t?"":"-box")),v("bg-opacity-","backgroundOpacity","--tw-bg-opacity"),k("bg-",{section:"backgroundColor"}),v("bg-","backgroundImage"),v("bg-","backgroundPosition"),h("bg-(top|bottom|center|(left|right)(-(top|bottom))?)","backgroundPosition",O),v("bg-","backgroundSize"),v("rounded(?:$|-)","borderRadius"),v("rounded-([trbl]|[tb][rl])(?:$|-)","borderRadius",({1:t,_:e})=>{let o={t:["tl","tr"],r:["tr","br"],b:["bl","br"],l:["bl","tl"]}[t]||[t,t];return{[`border-${j(o[0])}-radius`]:e,[`border-${j(o[1])}-radius`]:e}}),h("border-(collapse|separate)","borderCollapse"),v("border-opacity(?:$|-)","borderOpacity","--tw-border-opacity"),h("border-(solid|dashed|dotted|double|none)","borderStyle"),v("border-spacing(-[xy])?(?:$|-)","borderSpacing",({1:t,_:e})=>({"@layer defaults":{"*,::before,::after,::backdrop":{"--tw-border-spacing-x":0,"--tw-border-spacing-y":0}},["--tw-border-spacing"+(t||"-x")]:e,["--tw-border-spacing"+(t||"-y")]:e,"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"})),k("border-([xytrbl])-",{section:"borderColor"},D("border","Color")),k("border-"),v("border-([xytrbl])(?:$|-)","borderWidth",D("border","Width")),v("border(?:$|-)","borderWidth"),v("divide-opacity(?:$|-)","divideOpacity",({_:t})=>({"&>:not([hidden])~:not([hidden])":{"--tw-divide-opacity":t}})),h("divide-(solid|dashed|dotted|double|none)",({1:t})=>({"&>:not([hidden])~:not([hidden])":{borderStyle:t}})),h("divide-([xy]-reverse)",({1:t})=>({"&>:not([hidden])~:not([hidden])":{["--tw-divide-"+t]:"1"}})),v("divide-([xy])(?:$|-)","divideWidth",({1:t,_:e})=>{let o={x:"lr",y:"tb"}[t];return{"&>:not([hidden])~:not([hidden])":{[`--tw-divide-${t}-reverse`]:"0",[`border-${j(o[0])}Width`]:`calc(${e} * calc(1 - var(--tw-divide-${t}-reverse)))`,[`border-${j(o[1])}Width`]:`calc(${e} * var(--tw-divide-${t}-reverse))`}}}),k("divide-",{property:"borderColor",selector:"&>:not([hidden])~:not([hidden])"}),v("ring-opacity(?:$|-)","ringOpacity","--tw-ring-opacity"),k("ring-offset-",{property:"--tw-ring-offset-color",opacityVariable:!1}),v("ring-offset(?:$|-)","ringOffsetWidth","--tw-ring-offset-width"),h("ring-inset",{"--tw-ring-inset":"inset"}),k("ring-",{property:"--tw-ring-color"}),v("ring(?:$|-)","ringWidth",({_:t},{theme:e})=>({"--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":`var(--tw-ring-inset) 0 0 0 calc(${t} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000","&":{"--tw-ring-inset":"var(--tw-empty,/*!*/ /*!*/)","--tw-ring-offset-width":e("ringOffsetWidth","","0px"),"--tw-ring-offset-color":S(e("ringOffsetColor","","#fff")),"--tw-ring-color":S(e("ringColor","","#93c5fd"),{opacityVariable:"--tw-ring-opacity"}),"--tw-ring-opacity":e("ringOpacity","","0.5")}}}})),k("shadow-",{section:"boxShadowColor",opacityVariable:!1,opacitySection:"opacity"},({_:t})=>({"--tw-shadow-color":t.value,"--tw-shadow":"var(--tw-shadow-colored)"})),v("shadow(?:$|-)","boxShadow",({_:t})=>({"--tw-shadow":F(t),"--tw-shadow-colored":F(t).replace(/([^,]\s+)(?:#[a-f\d]+|(?:(?:hsl|rgb)a?|hwb|lab|lch|color|var)\(.+?\)|[a-z]+)(,|$)/g,"$1var(--tw-shadow-color)$2"),boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}}})),v("(opacity)-"),(y=h("mix-blend-","mixBlendMode"),C(y,()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"])),...T(),...T("backdrop-"),v("transition(?:$|-)","transitionProperty",(t,{theme:e})=>({transitionProperty:F(t),transitionTimingFunction:"none"==t._?void 0:F(e("transitionTimingFunction","")),transitionDuration:"none"==t._?void 0:F(e("transitionDuration",""))})),v("duration(?:$|-)","transitionDuration","transitionDuration",F),v("ease(?:$|-)","transitionTimingFunction","transitionTimingFunction",F),v("delay(?:$|-)","transitionDelay","transitionDelay",F),v("animate(?:$|-)","animation",(t,{theme:e,h:o,e:r})=>{let i=F(t),a=i.split(" "),n=e("keyframes",a[0]);return n?{["@keyframes "+(a[0]=r(o(a[0])))]:n,animation:a.join(" ")}:{animation:i}}),"(transform)-(none)",h("transform",B),h("transform-(cpu|gpu)",({1:t})=>({"--tw-transform":P("gpu"==t)})),v("scale(-[xy])?-","scale",({1:t,_:e})=>({["--tw-scale"+(t||"-x")]:e,["--tw-scale"+(t||"-y")]:e,...B()})),v("-?(rotate)-","rotate",A),v("-?(translate-[xy])-","translate",A),v("-?(skew-[xy])-","skew",A),h("origin-(center|((top|bottom)(-(left|right))?)|left|right)","transformOrigin",O),C("(appearance)-",()=>["auto","none"]),v("(columns)-"),C("(columns)-(\\d+)",()=>H({end:12})),C("(break-(?:before|after|inside))-",({1:t})=>t.endsWith("-inside-")?["auto","avoid","avoid-page","avoid-column"]:["auto","avoid","all","avoid-page","page","left","right","column"]),v("(cursor)-"),C("(cursor)-",()=>["alias","all-scroll","auto","cell","col-resize","context-menu","copy","crosshair","default","e-resize","ew-resize","grab","grabbing","help","move","n-resize","ne-resize","nesw-resize","no-drop","none","not-allowed","ns-resize","nw-resize","nwse-resize","pointer","progress","row-resize","s-resize","se-resize","sw-resize","text","vertical-text","w-resize","wait","zoom-in","zoom-out"]),h("snap-(none)","scroll-snap-type"),h("snap-(x|y|both)",({1:t})=>({"scroll-snap-type":t+" var(--tw-scroll-snap-strictness)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-scroll-snap-strictness":"proximity"}}})),h("snap-(mandatory|proximity)","--tw-scroll-snap-strictness"),h("snap-(?:(start|end|center)|align-(none))","scroll-snap-align"),h("snap-(normal|always)","scroll-snap-stop"),h("scroll-(auto|smooth)","scroll-behavior"),v("scroll-p([xytrbl])?(?:$|-)","padding",D("scroll-padding")),v("-?scroll-m([xytrbl])?(?:$|-)","scroll-margin",D("scroll-margin")),h("touch-(auto|none|manipulation)","touch-action"),h("touch-(pinch-zoom|pan-(?:(x|left|right)|(y|up|down)))",({1:t,2:e,3:o})=>({[`--tw-${e?"pan-x":o?"pan-y":t}`]:t,"touch-action":"var(--tw-touch-action)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-pan-x":"var(--tw-empty,/*!*/ /*!*/)","--tw-pan-y":"var(--tw-empty,/*!*/ /*!*/)","--tw-pinch-zoom":"var(--tw-empty,/*!*/ /*!*/)","--tw-touch-action":"var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)"}}})),h("outline-none",{outline:"2px solid transparent","outline-offset":"2px"}),h("outline",{outlineStyle:"solid"}),h("outline-(dashed|dotted|double)","outlineStyle"),v("-?(outline-offset)-"),k("outline-",{opacityVariable:!1,opacitySection:"opacity"}),v("outline-","outlineWidth"),C("(pointer-events)-",()=>["auto","none"]),v("(will-change)-"),C("(will-change)-",()=>["auto","contents","transform"]),["resize(?:-(none|x|y))?","resize",({1:t})=>({x:"horizontal",y:"vertical"})[t]||t||"both"],h("select-(none|text|all|auto)","userSelect"),k("fill-",{section:"fill",opacityVariable:!1,opacitySection:"opacity"}),k("stroke-",{section:"stroke",opacityVariable:!1,opacitySection:"opacity"}),v("stroke-","strokeWidth"),h("sr-only",{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",whiteSpace:"nowrap",clip:"rect(0,0,0,0)",borderWidth:"0"}),h("not-sr-only",{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",whiteSpace:"normal",clip:"auto"})];function O(t){return("string"==typeof t?t:t[1]).replace(/-/g," ").trim()}function V(t){return("string"==typeof t?t:t[1]).replace("col","column")}function j(t,e="-"){let o=[];for(let r of t)o.push({t:"top",r:"right",b:"bottom",l:"left"}[r]);return o.join(e)}function F(t){return t&&""+(t._||t)}function R({$$:t}){return(({r:"flex-","":"flex-",w:"space-",u:"space-",n:"space-"})[t[3]||""]||"")+t}function D(t,e=""){return({1:o,_:r})=>{let i={x:"lr",y:"tb"}[o]||o+o;return i?{...z(t+"-"+j(i[0])+e,r),...z(t+"-"+j(i[1])+e,r)}:z(t+e,r)}}function T(t=""){let e=["blur","brightness","contrast","grayscale","hue-rotate","invert",t&&"opacity","saturate","sepia",!t&&"drop-shadow"].filter(Boolean),o={};for(let r of e)o[`--tw-${t}${r}`]="var(--tw-empty,/*!*/ /*!*/)";return o={[`${t}filter`]:e.map(e=>`var(--tw-${t}${e})`).join(" "),"@layer defaults":{"*,::before,::after,::backdrop":o}},[`(${t}filter)-(none)`,h(`${t}filter`,o),...e.map(e=>v(`${"h"==e[0]?"-?":""}(${t}${e})(?:$|-)`,e,({1:t,_:r})=>({[`--tw-${t}`]:$(r).map(t=>`${e}(${t})`).join(" "),...o})))]}function A({1:t,_:e}){return{["--tw-"+t]:e,...B()}}function B(){return{transform:"var(--tw-transform)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-translate-x":"0","--tw-translate-y":"0","--tw-rotate":"0","--tw-skew-x":"0","--tw-skew-y":"0","--tw-scale-x":"1","--tw-scale-y":"1","--tw-transform":P()}}}}function P(t){return[t?"translate3d(var(--tw-translate-x),var(--tw-translate-y),0)":"translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))","rotate(var(--tw-rotate))","skewX(var(--tw-skew-x))","skewY(var(--tw-skew-y))","scaleX(var(--tw-scale-x))","scaleY(var(--tw-scale-y))"].join(" ")}function L({1:t,2:e}){return`${t} ${e} / ${t} ${e}`}function E({1:t}){return`repeat(${t},minmax(0,1fr))`}function H({start:t=1,end:e,step:o=1}){let r=[];for(let i=t;i<=e;i+=o)r.push(`${i}`);return r}export{W as default};//# sourceMappingURL=rules.browser.dev.js.map
+export { default } from "./rules.dev.js";

rules.browser.js

@@ -1,1 +0,1 @@
-import{match as t,arbitrary as o,matchTheme as e,mql as r,asArray as i,matchColor as a,toColorValue as n,toCSS as l}from"@twind/core";let s=[t("\\[([-\\w]+):(.+)]",({1:t,2:e},r)=>({"@layer overrides":{"&":{[t]:o(`[${e}]`,"",r)}}})),t("(group|peer)([~/][^-[]+)?",({input:t},{h:o})=>[{c:o(t)}]),e("aspect-","aspectRatio"),t("container",(t,{theme:o})=>{let{screens:e=o("screens"),center:i,padding:a}=o("container"),n={width:"100%",marginRight:i&&"auto",marginLeft:i&&"auto",...d("xs")};for(let l in e){let s=e[l];"string"==typeof s&&(n[r(s)]={"&":{maxWidth:s,...d(l)}})}return n;function d(t){let o=a&&("string"==typeof a?a:a[t]||a.DEFAULT);if(o)return{paddingRight:o,paddingLeft:o}}}),e("content-","content",({_:t})=>({"--tw-content":t,content:"var(--tw-content)"})),t("(?:box-)?decoration-(slice|clone)","boxDecorationBreak"),t("box-(border|content)","boxSizing",({1:t})=>t+"-box"),t("hidden",{display:"none"}),t("table-(auto|fixed)","tableLayout"),t(["(block|flex|table|grid|inline|contents|flow-root|list-item)","(inline-(block|flex|table|grid))","(table-(caption|cell|column|row|(column|row|footer|header)-group))"],"display"),"(float)-(left|right|none)","(clear)-(left|right|none|both)","(overflow(?:-[xy])?)-(auto|hidden|clip|visible|scroll)","(isolation)-(auto)",t("isolate","isolation"),t("object-(contain|cover|fill|none|scale-down)","objectFit"),e("object-","objectPosition"),t("object-(top|bottom|center|(left|right)(-(top|bottom))?)","objectPosition",d),t("overscroll(-[xy])?-(auto|contain|none)",({1:t="",2:o})=>({["overscroll-behavior"+t]:o})),t("(static|fixed|absolute|relative|sticky)","position"),e("-?inset(-[xy])?(?:$|-)","inset",({1:t,_:o})=>({top:"-x"!=t&&o,right:"-y"!=t&&o,bottom:"-x"!=t&&o,left:"-y"!=t&&o})),e("-?(top|bottom|left|right)(?:$|-)","inset"),t("(visible|collapse)","visibility"),t("invisible",{visibility:"hidden"}),e("-?z-","zIndex"),t("flex-((row|col)(-reverse)?)","flexDirection",c),t("flex-(wrap|wrap-reverse|nowrap)","flexWrap"),e("(flex-(?:grow|shrink))(?:$|-)"),e("(flex)-"),e("grow(?:$|-)","flexGrow"),e("shrink(?:$|-)","flexShrink"),e("basis-","flexBasis"),e("-?(order)-"),"-?(order)-(\\d+)",e("grid-cols-","gridTemplateColumns"),t("grid-cols-(\\d+)","gridTemplateColumns",x),e("col-","gridColumn"),t("col-(span)-(\\d+)","gridColumn",m),e("col-start-","gridColumnStart"),t("col-start-(auto|\\d+)","gridColumnStart"),e("col-end-","gridColumnEnd"),t("col-end-(auto|\\d+)","gridColumnEnd"),e("grid-rows-","gridTemplateRows"),t("grid-rows-(\\d+)","gridTemplateRows",x),e("row-","gridRow"),t("row-(span)-(\\d+)","gridRow",m),e("row-start-","gridRowStart"),t("row-start-(auto|\\d+)","gridRowStart"),e("row-end-","gridRowEnd"),t("row-end-(auto|\\d+)","gridRowEnd"),t("grid-flow-((row|col)(-dense)?)","gridAutoFlow",t=>d(c(t))),t("grid-flow-(dense)","gridAutoFlow"),e("auto-cols-","gridAutoColumns"),e("auto-rows-","gridAutoRows"),e("gap-x(?:$|-)","gap","columnGap"),e("gap-y(?:$|-)","gap","rowGap"),e("gap(?:$|-)","gap"),"(justify-(?:items|self))-",t("justify-","justifyContent",g),t("(content|items|self)-",t=>({["align-"+t[1]]:g(t)})),t("(place-(content|items|self))-",({1:t,$$:o})=>({[t]:("wun".includes(o[3])?"space-":"")+o})),e("p([xytrbl])?(?:$|-)","padding",f("padding")),e("-?m([xytrbl])?(?:$|-)","margin",f("margin")),e("-?space-(x|y)(?:$|-)","space",({1:t,_:o})=>({"&>:not([hidden])~:not([hidden])":{[`--tw-space-${t}-reverse`]:"0",["margin-"+({y:"top",x:"left"})[t]]:`calc(${o} * calc(1 - var(--tw-space-${t}-reverse)))`,["margin-"+({y:"bottom",x:"right"})[t]]:`calc(${o} * var(--tw-space-${t}-reverse))`}})),t("space-(x|y)-reverse",({1:t})=>({"&>:not([hidden])~:not([hidden])":{[`--tw-space-${t}-reverse`]:"1"}})),e("w-","width"),e("min-w-","minWidth"),e("max-w-","maxWidth"),e("h-","height"),e("min-h-","minHeight"),e("max-h-","maxHeight"),e("font-","fontWeight"),e("font-","fontFamily",({_:t})=>"string"==typeof(t=i(t))[1]?{fontFamily:w(t)}:{fontFamily:w(t[0]),...t[1]}),t("antialiased",{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"}),t("subpixel-antialiased",{WebkitFontSmoothing:"auto",MozOsxFontSmoothing:"auto"}),t("italic","fontStyle"),t("not-italic",{fontStyle:"normal"}),t("(ordinal|slashed-zero|(normal|lining|oldstyle|proportional|tabular)-nums|(diagonal|stacked)-fractions)",({1:t,2:o="",3:e})=>"normal"==o?{fontVariantNumeric:"normal"}:{["--tw-"+(e?"numeric-fraction":"pt".includes(o[0])?"numeric-spacing":o?"numeric-figure":t)]:t,fontVariantNumeric:"var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-ordinal":"var(--tw-empty,/*!*/ /*!*/)","--tw-slashed-zero":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-figure":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-spacing":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-fraction":"var(--tw-empty,/*!*/ /*!*/)"}}}),e("tracking-","letterSpacing"),e("leading-","lineHeight"),t("list-(inside|outside)","listStylePosition"),e("list-","listStyleType"),t("list-","listStyleType"),e("placeholder-opacity-","placeholderOpacity",({_:t})=>({"&::placeholder":{"--tw-placeholder-opacity":t}})),a("placeholder-",{property:"color",selector:"&::placeholder"}),t("text-(left|center|right|justify|start|end)","textAlign"),t("text-(ellipsis|clip)","textOverflow"),e("text-opacity-","textOpacity","--tw-text-opacity"),a("text-",{property:"color"}),e("text-","fontSize",({_:t})=>"string"==typeof t?{fontSize:t}:{fontSize:t[0],..."string"==typeof t[1]?{lineHeight:t[1]}:t[1]}),e("indent-","textIndent"),t("(overline|underline|line-through)","textDecorationLine"),t("no-underline",{textDecorationLine:"none"}),e("underline-offset-","textUnderlineOffset"),a("decoration-",{section:"textDecorationColor",opacityVariable:!1,opacitySection:"opacity"}),e("decoration-","textDecorationThickness"),t("decoration-","textDecorationStyle"),t("(uppercase|lowercase|capitalize)","textTransform"),t("normal-case",{textTransform:"none"}),t("truncate",{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),t("align-","verticalAlign"),t("whitespace-","whiteSpace"),t("break-normal",{wordBreak:"normal",overflowWrap:"normal"}),t("break-words",{overflowWrap:"break-word"}),t("break-all",{wordBreak:"break-all"}),t("break-keep",{wordBreak:"keep-all"}),a("caret-",{opacityVariable:!1,opacitySection:"opacity"}),a("accent-",{opacityVariable:!1,opacitySection:"opacity"}),t("bg-gradient-to-([trbl]|[tb][rl])","backgroundImage",({1:t})=>`linear-gradient(to ${p(t," ")},var(--tw-gradient-stops))`),a("from-",{section:"gradientColorStops",opacityVariable:!1,opacitySection:"opacity"},({_:t})=>({"--tw-gradient-from":t.value,"--tw-gradient-to":t.color({opacityValue:"0"}),"--tw-gradient-stops":"var(--tw-gradient-from),var(--tw-gradient-to)"})),a("via-",{section:"gradientColorStops",opacityVariable:!1,opacitySection:"opacity"},({_:t})=>({"--tw-gradient-to":t.color({opacityValue:"0"}),"--tw-gradient-stops":`var(--tw-gradient-from),${t.value},var(--tw-gradient-to)`})),a("to-",{section:"gradientColorStops",property:"--tw-gradient-to",opacityVariable:!1,opacitySection:"opacity"}),t("bg-(fixed|local|scroll)","backgroundAttachment"),t("bg-origin-(border|padding|content)","backgroundOrigin",({1:t})=>t+"-box"),t(["bg-(no-repeat|repeat(-[xy])?)","bg-repeat-(round|space)"],"backgroundRepeat"),t("bg-blend-","backgroundBlendMode"),t("bg-clip-(border|padding|content|text)","backgroundClip",({1:t})=>t+("text"==t?"":"-box")),e("bg-opacity-","backgroundOpacity","--tw-bg-opacity"),a("bg-",{section:"backgroundColor"}),e("bg-","backgroundImage"),e("bg-","backgroundPosition"),t("bg-(top|bottom|center|(left|right)(-(top|bottom))?)","backgroundPosition",d),e("bg-","backgroundSize"),e("rounded(?:$|-)","borderRadius"),e("rounded-([trbl]|[tb][rl])(?:$|-)","borderRadius",({1:t,_:o})=>{let e={t:["tl","tr"],r:["tr","br"],b:["bl","br"],l:["bl","tl"]}[t]||[t,t];return{[`border-${p(e[0])}-radius`]:o,[`border-${p(e[1])}-radius`]:o}}),t("border-(collapse|separate)","borderCollapse"),e("border-opacity(?:$|-)","borderOpacity","--tw-border-opacity"),t("border-(solid|dashed|dotted|double|none)","borderStyle"),e("border-spacing(-[xy])?(?:$|-)","borderSpacing",({1:t,_:o})=>({"@layer defaults":{"*,::before,::after,::backdrop":{"--tw-border-spacing-x":0,"--tw-border-spacing-y":0}},["--tw-border-spacing"+(t||"-x")]:o,["--tw-border-spacing"+(t||"-y")]:o,"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"})),a("border-([xytrbl])-",{section:"borderColor"},f("border","Color")),a("border-"),e("border-([xytrbl])(?:$|-)","borderWidth",f("border","Width")),e("border(?:$|-)","borderWidth"),e("divide-opacity(?:$|-)","divideOpacity",({_:t})=>({"&>:not([hidden])~:not([hidden])":{"--tw-divide-opacity":t}})),t("divide-(solid|dashed|dotted|double|none)",({1:t})=>({"&>:not([hidden])~:not([hidden])":{borderStyle:t}})),t("divide-([xy]-reverse)",({1:t})=>({"&>:not([hidden])~:not([hidden])":{["--tw-divide-"+t]:"1"}})),e("divide-([xy])(?:$|-)","divideWidth",({1:t,_:o})=>{let e={x:"lr",y:"tb"}[t];return{"&>:not([hidden])~:not([hidden])":{[`--tw-divide-${t}-reverse`]:"0",[`border-${p(e[0])}Width`]:`calc(${o} * calc(1 - var(--tw-divide-${t}-reverse)))`,[`border-${p(e[1])}Width`]:`calc(${o} * var(--tw-divide-${t}-reverse))`}}}),a("divide-",{property:"borderColor",selector:"&>:not([hidden])~:not([hidden])"}),e("ring-opacity(?:$|-)","ringOpacity","--tw-ring-opacity"),a("ring-offset-",{property:"--tw-ring-offset-color",opacityVariable:!1}),e("ring-offset(?:$|-)","ringOffsetWidth","--tw-ring-offset-width"),t("ring-inset",{"--tw-ring-inset":"inset"}),a("ring-",{property:"--tw-ring-color"}),e("ring(?:$|-)","ringWidth",({_:t},{theme:o})=>({"--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":`var(--tw-ring-inset) 0 0 0 calc(${t} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000","&":{"--tw-ring-inset":"var(--tw-empty,/*!*/ /*!*/)","--tw-ring-offset-width":o("ringOffsetWidth","","0px"),"--tw-ring-offset-color":n(o("ringOffsetColor","","#fff")),"--tw-ring-color":n(o("ringColor","","#93c5fd"),{opacityVariable:"--tw-ring-opacity"}),"--tw-ring-opacity":o("ringOpacity","","0.5")}}}})),a("shadow-",{section:"boxShadowColor",opacityVariable:!1,opacitySection:"opacity"},({_:t})=>({"--tw-shadow-color":t.value,"--tw-shadow":"var(--tw-shadow-colored)"})),e("shadow(?:$|-)","boxShadow",({_:t})=>({"--tw-shadow":w(t),"--tw-shadow-colored":w(t).replace(/([^,]\s+)(?:#[a-f\d]+|(?:(?:hsl|rgb)a?|hwb|lab|lch|color|var)\(.+?\)|[a-z]+)(,|$)/g,"$1var(--tw-shadow-color)$2"),boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}}})),e("(opacity)-"),t("mix-blend-","mixBlendMode"),...u(),...u("backdrop-"),e("transition(?:$|-)","transitionProperty",(t,{theme:o})=>({transitionProperty:w(t),transitionTimingFunction:"none"==t._?void 0:w(o("transitionTimingFunction","")),transitionDuration:"none"==t._?void 0:w(o("transitionDuration",""))})),e("duration(?:$|-)","transitionDuration","transitionDuration",w),e("ease(?:$|-)","transitionTimingFunction","transitionTimingFunction",w),e("delay(?:$|-)","transitionDelay","transitionDelay",w),e("animate(?:$|-)","animation",(t,{theme:o,h:e,e:r})=>{let i=w(t),a=i.split(" "),n=o("keyframes",a[0]);return n?{["@keyframes "+(a[0]=r(e(a[0])))]:n,animation:a.join(" ")}:{animation:i}}),"(transform)-(none)",t("transform",y),t("transform-(cpu|gpu)",({1:t})=>({"--tw-transform":h("gpu"==t)})),e("scale(-[xy])?-","scale",({1:t,_:o})=>({["--tw-scale"+(t||"-x")]:o,["--tw-scale"+(t||"-y")]:o,...y()})),e("-?(rotate)-","rotate",b),e("-?(translate-[xy])-","translate",b),e("-?(skew-[xy])-","skew",b),t("origin-(center|((top|bottom)(-(left|right))?)|left|right)","transformOrigin",d),"(appearance)-",e("(columns)-"),"(columns)-(\\d+)","(break-(?:before|after|inside))-",e("(cursor)-"),"(cursor)-",t("snap-(none)","scroll-snap-type"),t("snap-(x|y|both)",({1:t})=>({"scroll-snap-type":t+" var(--tw-scroll-snap-strictness)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-scroll-snap-strictness":"proximity"}}})),t("snap-(mandatory|proximity)","--tw-scroll-snap-strictness"),t("snap-(?:(start|end|center)|align-(none))","scroll-snap-align"),t("snap-(normal|always)","scroll-snap-stop"),t("scroll-(auto|smooth)","scroll-behavior"),e("scroll-p([xytrbl])?(?:$|-)","padding",f("scroll-padding")),e("-?scroll-m([xytrbl])?(?:$|-)","scroll-margin",f("scroll-margin")),t("touch-(auto|none|manipulation)","touch-action"),t("touch-(pinch-zoom|pan-(?:(x|left|right)|(y|up|down)))",({1:t,2:o,3:e})=>({[`--tw-${o?"pan-x":e?"pan-y":t}`]:t,"touch-action":"var(--tw-touch-action)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-pan-x":"var(--tw-empty,/*!*/ /*!*/)","--tw-pan-y":"var(--tw-empty,/*!*/ /*!*/)","--tw-pinch-zoom":"var(--tw-empty,/*!*/ /*!*/)","--tw-touch-action":"var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)"}}})),t("outline-none",{outline:"2px solid transparent","outline-offset":"2px"}),t("outline",{outlineStyle:"solid"}),t("outline-(dashed|dotted|double)","outlineStyle"),e("-?(outline-offset)-"),a("outline-",{opacityVariable:!1,opacitySection:"opacity"}),e("outline-","outlineWidth"),"(pointer-events)-",e("(will-change)-"),"(will-change)-",["resize(?:-(none|x|y))?","resize",({1:t})=>({x:"horizontal",y:"vertical"})[t]||t||"both"],t("select-(none|text|all|auto)","userSelect"),a("fill-",{section:"fill",opacityVariable:!1,opacitySection:"opacity"}),a("stroke-",{section:"stroke",opacityVariable:!1,opacitySection:"opacity"}),e("stroke-","strokeWidth"),t("sr-only",{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",whiteSpace:"nowrap",clip:"rect(0,0,0,0)",borderWidth:"0"}),t("not-sr-only",{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",whiteSpace:"normal",clip:"auto"})];function d(t){return("string"==typeof t?t:t[1]).replace(/-/g," ").trim()}function c(t){return("string"==typeof t?t:t[1]).replace("col","column")}function p(t,o="-"){let e=[];for(let r of t)e.push({t:"top",r:"right",b:"bottom",l:"left"}[r]);return e.join(o)}function w(t){return t&&""+(t._||t)}function g({$$:t}){return(({r:"flex-","":"flex-",w:"space-",u:"space-",n:"space-"})[t[3]||""]||"")+t}function f(t,o=""){return({1:e,_:r})=>{let i={x:"lr",y:"tb"}[e]||e+e;return i?{...l(t+"-"+p(i[0])+o,r),...l(t+"-"+p(i[1])+o,r)}:l(t+o,r)}}function u(o=""){let r=["blur","brightness","contrast","grayscale","hue-rotate","invert",o&&"opacity","saturate","sepia",!o&&"drop-shadow"].filter(Boolean),a={};for(let n of r)a[`--tw-${o}${n}`]="var(--tw-empty,/*!*/ /*!*/)";return a={[`${o}filter`]:r.map(t=>`var(--tw-${o}${t})`).join(" "),"@layer defaults":{"*,::before,::after,::backdrop":a}},[`(${o}filter)-(none)`,t(`${o}filter`,a),...r.map(t=>e(`${"h"==t[0]?"-?":""}(${o}${t})(?:$|-)`,t,({1:o,_:e})=>({[`--tw-${o}`]:i(e).map(o=>`${t}(${o})`).join(" "),...a})))]}function b({1:t,_:o}){return{["--tw-"+t]:o,...y()}}function y(){return{transform:"var(--tw-transform)","@layer defaults":{"*,::before,::after,::backdrop":{"--tw-translate-x":"0","--tw-translate-y":"0","--tw-rotate":"0","--tw-skew-x":"0","--tw-skew-y":"0","--tw-scale-x":"1","--tw-scale-y":"1","--tw-transform":h()}}}}function h(t){return[t?"translate3d(var(--tw-translate-x),var(--tw-translate-y),0)":"translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))","rotate(var(--tw-rotate))","skewX(var(--tw-skew-x))","skewY(var(--tw-skew-y))","scaleX(var(--tw-scale-x))","scaleY(var(--tw-scale-y))"].join(" ")}function m({1:t,2:o}){return`${t} ${o} / ${t} ${o}`}function x({1:t}){return`repeat(${t},minmax(0,1fr))`}export{s as default};//# sourceMappingURL=rules.browser.js.map
+export { default } from "./rules.js";

rules.esnext.dev.js

@@ -1,1057 +0,1 @@
-var // indirection wrapper to remove autocomplete functions from production bundles
-rule, rule1, rule2, rule3, rule4, rule5, rule6, rule7, rule8, rule9, rule10, rule11, rule12, rule13, rule14, rule15, rule16, rule17;
-import { match, arbitrary, matchTheme, mql, asArray, matchColor, toColorValue, toCSS, withAutocomplete } from '@twind/core';
-let rules = [
-    /* arbitrary properties: [paint-order:markers] */ match('\\[([-\\w]+):(.+)]', ({ 1: $1 , 2: $2  }, context)=>({
-            '@layer overrides': {
-                '&': {
-                    [$1]: arbitrary(`[${$2}]`, '', context)
-                }
-            }
-        })),
-    (rule = /* Styling based on parent and peer state */ match('(group|peer)([~/][^-[]+)?', ({ input  }, { h  })=>[
-            {
-                c: h(input)
-            }
-        ]), withAutocomplete(rule, ()=>[
-            'group',
-            'peer'
-        ])),
-    /* LAYOUT */ matchTheme('aspect-', 'aspectRatio'),
-    match('container', (_, { theme  })=>{
-        let { screens =theme('screens') , center , padding  } = theme('container'), rules = {
-            width: '100%',
-            marginRight: center && 'auto',
-            marginLeft: center && 'auto',
-            ...paddingFor('xs')
-        };
-        for(let screen in screens){
-            let value = screens[screen];
-            'string' == typeof value && (rules[mql(value)] = {
-                '&': {
-                    maxWidth: value,
-                    ...paddingFor(screen)
-                }
-            });
-        }
-        return rules;
-        function paddingFor(screen) {
-            let value = padding && ('string' == typeof padding ? padding : padding[screen] || padding.DEFAULT);
-            if (value) return {
-                paddingRight: value,
-                paddingLeft: value
-            };
-        }
-    }),
-    // Content
-    matchTheme('content-', 'content', ({ _  })=>({
-            '--tw-content': _,
-            content: 'var(--tw-content)'
-        })),
-    // Box Decoration Break
-    match('(?:box-)?decoration-(slice|clone)', 'boxDecorationBreak'),
-    // Box Sizing
-    match('box-(border|content)', 'boxSizing', ({ 1: $1  })=>$1 + '-box'),
-    // Display
-    match('hidden', {
-        display: 'none'
-    }),
-    // Table Layout
-    match('table-(auto|fixed)', 'tableLayout'),
-    match([
-        '(block|flex|table|grid|inline|contents|flow-root|list-item)',
-        '(inline-(block|flex|table|grid))',
-        '(table-(caption|cell|column|row|(column|row|footer|header)-group))'
-    ], 'display'),
-    // Floats
-    '(float)-(left|right|none)',
-    // Clear
-    '(clear)-(left|right|none|both)',
-    // Overflow
-    '(overflow(?:-[xy])?)-(auto|hidden|clip|visible|scroll)',
-    // Isolation
-    '(isolation)-(auto)',
-    // Isolation
-    match('isolate', 'isolation'),
-    // Object Fit
-    match('object-(contain|cover|fill|none|scale-down)', 'objectFit'),
-    // Object Position
-    matchTheme('object-', 'objectPosition'),
-    match('object-(top|bottom|center|(left|right)(-(top|bottom))?)', 'objectPosition', spacify),
-    // Overscroll Behavior
-    match('overscroll(-[xy])?-(auto|contain|none)', ({ 1: $1 = '' , 2: $2  })=>({
-            ['overscroll-behavior' + $1]: $2
-        })),
-    // Position
-    match('(static|fixed|absolute|relative|sticky)', 'position'),
-    // Top / Right / Bottom / Left
-    matchTheme('-?inset(-[xy])?(?:$|-)', 'inset', ({ 1: $1 , _  })=>({
-            top: '-x' != $1 && _,
-            right: '-y' != $1 && _,
-            bottom: '-x' != $1 && _,
-            left: '-y' != $1 && _
-        })),
-    matchTheme('-?(top|bottom|left|right)(?:$|-)', 'inset'),
-    // Visibility
-    match('(visible|collapse)', 'visibility'),
-    match('invisible', {
-        visibility: 'hidden'
-    }),
-    // Z-Index
-    matchTheme('-?z-', 'zIndex'),
-    /* FLEXBOX */ // Flex Direction
-    match('flex-((row|col)(-reverse)?)', 'flexDirection', columnify),
-    match('flex-(wrap|wrap-reverse|nowrap)', 'flexWrap'),
-    matchTheme('(flex-(?:grow|shrink))(?:$|-)'),
-    /*, 'flex-grow' | flex-shrink */ matchTheme('(flex)-'),
-    /*, 'flex' */ matchTheme('grow(?:$|-)', 'flexGrow'),
-    matchTheme('shrink(?:$|-)', 'flexShrink'),
-    matchTheme('basis-', 'flexBasis'),
-    matchTheme('-?(order)-'),
-    withAutocomplete(/*, 'order' */ '-?(order)-(\\d+)', ()=>range({
-            end: 12
-        })),
-    /* GRID */ // Grid Template Columns
-    matchTheme('grid-cols-', 'gridTemplateColumns'),
-    (rule1 = match('grid-cols-(\\d+)', 'gridTemplateColumns', gridTemplate), withAutocomplete(rule1, ()=>range({
-            end: 6
-        }))),
-    // Grid Column Start / End
-    matchTheme('col-', 'gridColumn'),
-    (rule2 = match('col-(span)-(\\d+)', 'gridColumn', span), withAutocomplete(rule2, ()=>range({
-            end: 12
-        }))),
-    matchTheme('col-start-', 'gridColumnStart'),
-    (rule3 = match('col-start-(auto|\\d+)', 'gridColumnStart'), withAutocomplete(rule3, ({ 1: $1  })=>'auto' === $1 ? [
-            ''
-        ] : range({
-            end: 13
-        }))),
-    matchTheme('col-end-', 'gridColumnEnd'),
-    (rule4 = match('col-end-(auto|\\d+)', 'gridColumnEnd'), withAutocomplete(rule4, ({ 1: $1  })=>'auto' === $1 ? [
-            ''
-        ] : range({
-            end: 13
-        }))),
-    // Grid Template Rows
-    matchTheme('grid-rows-', 'gridTemplateRows'),
-    (rule5 = match('grid-rows-(\\d+)', 'gridTemplateRows', gridTemplate), withAutocomplete(rule5, ()=>range({
-            end: 6
-        }))),
-    // Grid Row Start / End
-    matchTheme('row-', 'gridRow'),
-    (rule6 = match('row-(span)-(\\d+)', 'gridRow', span), withAutocomplete(rule6, ()=>range({
-            end: 6
-        }))),
-    matchTheme('row-start-', 'gridRowStart'),
-    (rule7 = match('row-start-(auto|\\d+)', 'gridRowStart'), withAutocomplete(rule7, ({ 1: $1  })=>'auto' === $1 ? [
-            ''
-        ] : range({
-            end: 7
-        }))),
-    matchTheme('row-end-', 'gridRowEnd'),
-    (rule8 = match('row-end-(auto|\\d+)', 'gridRowEnd'), withAutocomplete(rule8, ({ 1: $1  })=>'auto' === $1 ? [
-            ''
-        ] : range({
-            end: 7
-        }))),
-    // Grid Auto Flow
-    match('grid-flow-((row|col)(-dense)?)', 'gridAutoFlow', (match)=>spacify(columnify(match))),
-    match('grid-flow-(dense)', 'gridAutoFlow'),
-    // Grid Auto Columns
-    matchTheme('auto-cols-', 'gridAutoColumns'),
-    // Grid Auto Rows
-    matchTheme('auto-rows-', 'gridAutoRows'),
-    // Gap
-    matchTheme('gap-x(?:$|-)', 'gap', 'columnGap'),
-    matchTheme('gap-y(?:$|-)', 'gap', 'rowGap'),
-    matchTheme('gap(?:$|-)', 'gap'),
-    withAutocomplete(/* BOX ALIGNMENT */ // Justify Items
-    // Justify Self
-    '(justify-(?:items|self))-', ({ 1: $1  })=>$1.endsWith('-items-') ? [
-            'start',
-            'end',
-            'center',
-            'stretch'
-        ] : /* '-self-' */ [
-            'auto',
-            'start',
-            'end',
-            'center',
-            'stretch'
-        ]),
-    (rule9 = // Justify Content
-    match('justify-', 'justifyContent', convertContentValue), withAutocomplete(rule9, ()=>[
-            'start',
-            'end',
-            'center',
-            'between',
-            'around',
-            'evenly'
-        ])),
-    (rule10 = // Align Content
-    // Align Items
-    // Align Self
-    match('(content|items|self)-', (match)=>({
-            ['align-' + match[1]]: convertContentValue(match)
-        })), withAutocomplete(rule10, ({ 1: $1  })=>'content' == $1 ? [
-            'center',
-            'start',
-            'end',
-            'between',
-            'around',
-            'evenly',
-            'stretch',
-            'baseline'
-        ] : 'items' == $1 ? [
-            'start',
-            'end',
-            'center',
-            'stretch',
-            'baseline'
-        ] : /* $1 == 'self' */ [
-            'auto',
-            'start',
-            'end',
-            'center',
-            'stretch',
-            'baseline'
-        ])),
-    (rule11 = // Place Content
-    // Place Items
-    // Place Self
-    match('(place-(content|items|self))-', ({ 1: $1 , $$  })=>({
-            [$1]: ('wun'.includes($$[3]) ? 'space-' : '') + $$
-        })), withAutocomplete(rule11, ({ 2: $2  })=>'content' == $2 ? [
-            'center',
-            'start',
-            'end',
-            'between',
-            'around',
-            'evenly',
-            'stretch',
-            'baseline'
-        ] : 'items' == $2 ? [
-            'start',
-            'end',
-            'center',
-            'stretch',
-            'baseline'
-        ] : /* $2 == 'self' */ [
-            'auto',
-            'start',
-            'end',
-            'center',
-            'stretch',
-            'baseline'
-        ])),
-    /* SPACING */ // Padding
-    matchTheme('p([xytrbl])?(?:$|-)', 'padding', edge('padding')),
-    // Margin
-    matchTheme('-?m([xytrbl])?(?:$|-)', 'margin', edge('margin')),
-    // Space Between
-    matchTheme('-?space-(x|y)(?:$|-)', 'space', ({ 1: $1 , _  })=>({
-            '&>:not([hidden])~:not([hidden])': {
-                [`--tw-space-${$1}-reverse`]: '0',
-                ['margin-' + ({
-                    y: 'top',
-                    x: 'left'
-                })[$1]]: `calc(${_} * calc(1 - var(--tw-space-${$1}-reverse)))`,
-                ['margin-' + ({
-                    y: 'bottom',
-                    x: 'right'
-                })[$1]]: `calc(${_} * var(--tw-space-${$1}-reverse))`
-            }
-        })),
-    match('space-(x|y)-reverse', ({ 1: $1  })=>({
-            '&>:not([hidden])~:not([hidden])': {
-                [`--tw-space-${$1}-reverse`]: '1'
-            }
-        })),
-    /* SIZING */ // Width
-    matchTheme('w-', 'width'),
-    // Min-Width
-    matchTheme('min-w-', 'minWidth'),
-    // Max-Width
-    matchTheme('max-w-', 'maxWidth'),
-    // Height
-    matchTheme('h-', 'height'),
-    // Min-Height
-    matchTheme('min-h-', 'minHeight'),
-    // Max-Height
-    matchTheme('max-h-', 'maxHeight'),
-    /* TYPOGRAPHY */ // Font Weight
-    matchTheme('font-', 'fontWeight'),
-    // Font Family
-    matchTheme('font-', 'fontFamily', ({ _  })=>{
-        return 'string' == typeof (_ = asArray(_))[1] ? {
-            fontFamily: join(_)
-        } : {
-            fontFamily: join(_[0]),
-            ..._[1]
-        };
-    }),
-    // Font Smoothing
-    match('antialiased', {
-        WebkitFontSmoothing: 'antialiased',
-        MozOsxFontSmoothing: 'grayscale'
-    }),
-    match('subpixel-antialiased', {
-        WebkitFontSmoothing: 'auto',
-        MozOsxFontSmoothing: 'auto'
-    }),
-    // Font Style
-    match('italic', 'fontStyle'),
-    match('not-italic', {
-        fontStyle: 'normal'
-    }),
-    // Font Variant Numeric
-    match('(ordinal|slashed-zero|(normal|lining|oldstyle|proportional|tabular)-nums|(diagonal|stacked)-fractions)', ({ 1: $1 , 2: $2 = '' , 3: $3  })=>// normal-nums
-        'normal' == $2 ? {
-            fontVariantNumeric: 'normal'
-        } : {
-            ['--tw-' + ($3 ? // diagonal-fractions, stacked-fractions
-            'numeric-fraction' : 'pt'.includes($2[0]) ? // proportional-nums, tabular-nums
-            'numeric-spacing' : $2 ? // lining-nums, oldstyle-nums
-            'numeric-figure' : // ordinal, slashed-zero
-            $1)]: $1,
-            fontVariantNumeric: 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',
-            '@layer defaults': {
-                '*,::before,::after,::backdrop': {
-                    '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)'
-                }
-            }
-        }),
-    // Letter Spacing
-    matchTheme('tracking-', 'letterSpacing'),
-    // Line Height
-    matchTheme('leading-', 'lineHeight'),
-    // List Style Position
-    match('list-(inside|outside)', 'listStylePosition'),
-    // List Style Type
-    matchTheme('list-', 'listStyleType'),
-    (rule12 = match('list-', 'listStyleType'), withAutocomplete(rule12, ()=>[
-            'none',
-            'disc',
-            'decimal'
-        ])),
-    // Placeholder Opacity
-    matchTheme('placeholder-opacity-', 'placeholderOpacity', ({ _  })=>({
-            '&::placeholder': {
-                '--tw-placeholder-opacity': _
-            }
-        })),
-    // Placeholder Color
-    matchColor('placeholder-', {
-        property: 'color',
-        selector: '&::placeholder'
-    }),
-    // Text Alignment
-    match('text-(left|center|right|justify|start|end)', 'textAlign'),
-    match('text-(ellipsis|clip)', 'textOverflow'),
-    // Text Opacity
-    matchTheme('text-opacity-', 'textOpacity', '--tw-text-opacity'),
-    // Text Color
-    matchColor('text-', {
-        property: 'color'
-    }),
-    // Font Size
-    matchTheme('text-', 'fontSize', ({ _  })=>'string' == typeof _ ? {
-            fontSize: _
-        } : {
-            fontSize: _[0],
-            ...'string' == typeof _[1] ? {
-                lineHeight: _[1]
-            } : _[1]
-        }),
-    // Text Indent
-    matchTheme('indent-', 'textIndent'),
-    // Text Decoration
-    match('(overline|underline|line-through)', 'textDecorationLine'),
-    match('no-underline', {
-        textDecorationLine: 'none'
-    }),
-    // Text Underline offset
-    matchTheme('underline-offset-', 'textUnderlineOffset'),
-    // Text Decoration Color
-    matchColor('decoration-', {
-        section: 'textDecorationColor',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    // Text Decoration Thickness
-    matchTheme('decoration-', 'textDecorationThickness'),
-    (rule13 = // Text Decoration Style
-    match('decoration-', 'textDecorationStyle'), withAutocomplete(rule13, ()=>[
-            'solid',
-            'double',
-            'dotted',
-            'dashed',
-            'wavy'
-        ])),
-    // Text Transform
-    match('(uppercase|lowercase|capitalize)', 'textTransform'),
-    match('normal-case', {
-        textTransform: 'none'
-    }),
-    // Text Overflow
-    match('truncate', {
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis'
-    }),
-    (rule14 = // Vertical Alignment
-    match('align-', 'verticalAlign'), withAutocomplete(rule14, ()=>[
-            'baseline',
-            'top',
-            'middle',
-            'bottom',
-            'text-top',
-            'text-bottom',
-            'sub',
-            'super'
-        ])),
-    (rule15 = // Whitespace
-    match('whitespace-', 'whiteSpace'), withAutocomplete(rule15, ()=>[
-            'normal',
-            'nowrap',
-            'pre',
-            'pre-line',
-            'pre-wrap'
-        ])),
-    // Word Break
-    match('break-normal', {
-        wordBreak: 'normal',
-        overflowWrap: 'normal'
-    }),
-    match('break-words', {
-        overflowWrap: 'break-word'
-    }),
-    match('break-all', {
-        wordBreak: 'break-all'
-    }),
-    match('break-keep', {
-        wordBreak: 'keep-all'
-    }),
-    // Caret Color
-    matchColor('caret-', {
-        // section: 'caretColor',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    // Accent Color
-    matchColor('accent-', {
-        // section: 'accentColor',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    // Gradient Color Stops
-    match('bg-gradient-to-([trbl]|[tb][rl])', 'backgroundImage', ({ 1: $1  })=>`linear-gradient(to ${position($1, ' ')},var(--tw-gradient-stops))`),
-    matchColor('from-', {
-        section: 'gradientColorStops',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }, ({ _  })=>({
-            '--tw-gradient-from': _.value,
-            '--tw-gradient-to': _.color({
-                opacityValue: '0'
-            }),
-            '--tw-gradient-stops': "var(--tw-gradient-from),var(--tw-gradient-to)"
-        })),
-    matchColor('via-', {
-        section: 'gradientColorStops',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }, ({ _  })=>({
-            '--tw-gradient-to': _.color({
-                opacityValue: '0'
-            }),
-            '--tw-gradient-stops': `var(--tw-gradient-from),${_.value},var(--tw-gradient-to)`
-        })),
-    matchColor('to-', {
-        section: 'gradientColorStops',
-        property: '--tw-gradient-to',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    /* BACKGROUNDS */ // Background Attachment
-    match('bg-(fixed|local|scroll)', 'backgroundAttachment'),
-    // Background Origin
-    match('bg-origin-(border|padding|content)', 'backgroundOrigin', ({ 1: $1  })=>$1 + '-box'),
-    // Background Repeat
-    match([
-        'bg-(no-repeat|repeat(-[xy])?)',
-        'bg-repeat-(round|space)'
-    ], 'backgroundRepeat'),
-    (rule16 = // Background Blend Mode
-    match('bg-blend-', 'backgroundBlendMode'), withAutocomplete(rule16, ()=>[
-            'normal',
-            'multiply',
-            'screen',
-            'overlay',
-            'darken',
-            'lighten',
-            'color-dodge',
-            'color-burn',
-            'hard-light',
-            'soft-light',
-            'difference',
-            'exclusion',
-            'hue',
-            'saturation',
-            'color',
-            'luminosity'
-        ])),
-    // Background Clip
-    match('bg-clip-(border|padding|content|text)', 'backgroundClip', ({ 1: $1  })=>$1 + ('text' == $1 ? '' : '-box')),
-    // Background Opacity
-    matchTheme('bg-opacity-', 'backgroundOpacity', '--tw-bg-opacity'),
-    // Background Color
-    // bg-${backgroundColor}/${backgroundOpacity}
-    matchColor('bg-', {
-        section: 'backgroundColor'
-    }),
-    // Background Image
-    // supported arbitrary types are: length, color, angle, list
-    matchTheme('bg-', 'backgroundImage'),
-    // Background Position
-    matchTheme('bg-', 'backgroundPosition'),
-    match('bg-(top|bottom|center|(left|right)(-(top|bottom))?)', 'backgroundPosition', spacify),
-    // Background Size
-    matchTheme('bg-', 'backgroundSize'),
-    /* BORDERS */ // Border Radius
-    matchTheme('rounded(?:$|-)', 'borderRadius'),
-    matchTheme('rounded-([trbl]|[tb][rl])(?:$|-)', 'borderRadius', ({ 1: $1 , _  })=>{
-        let corners = {
-            t: [
-                'tl',
-                'tr'
-            ],
-            r: [
-                'tr',
-                'br'
-            ],
-            b: [
-                'bl',
-                'br'
-            ],
-            l: [
-                'bl',
-                'tl'
-            ]
-        }[$1] || [
-            $1,
-            $1
-        ];
-        return {
-            [`border-${position(corners[0])}-radius`]: _,
-            [`border-${position(corners[1])}-radius`]: _
-        };
-    }),
-    // Border Collapse
-    match('border-(collapse|separate)', 'borderCollapse'),
-    // Border Opacity
-    matchTheme('border-opacity(?:$|-)', 'borderOpacity', '--tw-border-opacity'),
-    // Border Style
-    match('border-(solid|dashed|dotted|double|none)', 'borderStyle'),
-    // Border Spacing
-    matchTheme('border-spacing(-[xy])?(?:$|-)', 'borderSpacing', ({ 1: $1 , _  })=>({
-            '@layer defaults': {
-                '*,::before,::after,::backdrop': {
-                    '--tw-border-spacing-x': 0,
-                    '--tw-border-spacing-y': 0
-                }
-            },
-            ['--tw-border-spacing' + ($1 || '-x')]: _,
-            ['--tw-border-spacing' + ($1 || '-y')]: _,
-            'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)'
-        })),
-    // Border Color
-    matchColor('border-([xytrbl])-', {
-        section: 'borderColor'
-    }, edge('border', 'Color')),
-    matchColor('border-'),
-    // Border Width
-    matchTheme('border-([xytrbl])(?:$|-)', 'borderWidth', edge('border', 'Width')),
-    matchTheme('border(?:$|-)', 'borderWidth'),
-    // Divide Opacity
-    matchTheme('divide-opacity(?:$|-)', 'divideOpacity', ({ _  })=>({
-            '&>:not([hidden])~:not([hidden])': {
-                '--tw-divide-opacity': _
-            }
-        })),
-    // Divide Style
-    match('divide-(solid|dashed|dotted|double|none)', ({ 1: $1  })=>({
-            '&>:not([hidden])~:not([hidden])': {
-                borderStyle: $1
-            }
-        })),
-    // Divide Width
-    match('divide-([xy]-reverse)', ({ 1: $1  })=>({
-            '&>:not([hidden])~:not([hidden])': {
-                ['--tw-divide-' + $1]: '1'
-            }
-        })),
-    matchTheme('divide-([xy])(?:$|-)', 'divideWidth', ({ 1: $1 , _  })=>{
-        let edges = {
-            x: 'lr',
-            y: 'tb'
-        }[$1];
-        return {
-            '&>:not([hidden])~:not([hidden])': {
-                [`--tw-divide-${$1}-reverse`]: '0',
-                [`border-${position(edges[0])}Width`]: `calc(${_} * calc(1 - var(--tw-divide-${$1}-reverse)))`,
-                [`border-${position(edges[1])}Width`]: `calc(${_} * var(--tw-divide-${$1}-reverse))`
-            }
-        };
-    }),
-    // Divide Color
-    matchColor('divide-', {
-        // section: $0.replace('-', 'Color') -> 'divideColor'
-        property: 'borderColor',
-        // opacityVariable: '--tw-border-opacity',
-        // opacitySection: section.replace('Color', 'Opacity') -> 'divideOpacity'
-        selector: '&>:not([hidden])~:not([hidden])'
-    }),
-    // Ring Offset Opacity
-    matchTheme('ring-opacity(?:$|-)', 'ringOpacity', '--tw-ring-opacity'),
-    // Ring Offset Color
-    matchColor('ring-offset-', {
-        // section: 'ringOffsetColor',
-        property: '--tw-ring-offset-color',
-        opacityVariable: false
-    }),
-    // opacitySection: section.replace('Color', 'Opacity') -> 'ringOffsetOpacity'
-    // Ring Offset Width
-    matchTheme('ring-offset(?:$|-)', 'ringOffsetWidth', '--tw-ring-offset-width'),
-    // Ring Inset
-    match('ring-inset', {
-        '--tw-ring-inset': 'inset'
-    }),
-    // Ring Color
-    matchColor('ring-', {
-        // section: 'ringColor',
-        property: '--tw-ring-color'
-    }),
-    // opacityVariable: '--tw-ring-opacity',
-    // opacitySection: section.replace('Color', 'Opacity') -> 'ringOpacity'
-    // Ring Width
-    matchTheme('ring(?:$|-)', 'ringWidth', ({ _  }, { theme  })=>({
-            '--tw-ring-offset-shadow': "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
-            '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(${_} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
-            boxShadow: "var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)",
-            '@layer defaults': {
-                '*,::before,::after,::backdrop': {
-                    '--tw-ring-offset-shadow': '0 0 #0000',
-                    '--tw-ring-shadow': '0 0 #0000',
-                    '--tw-shadow': '0 0 #0000',
-                    '--tw-shadow-colored': '0 0 #0000',
-                    // Within own declaration to have the defaults above to be merged with defaults from shadow
-                    '&': {
-                        '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
-                        '--tw-ring-offset-width': theme('ringOffsetWidth', '', '0px'),
-                        '--tw-ring-offset-color': toColorValue(theme('ringOffsetColor', '', '#fff')),
-                        '--tw-ring-color': toColorValue(theme('ringColor', '', '#93c5fd'), {
-                            opacityVariable: '--tw-ring-opacity'
-                        }),
-                        '--tw-ring-opacity': theme('ringOpacity', '', '0.5')
-                    }
-                }
-            }
-        })),
-    /* EFFECTS */ // Box Shadow Color
-    matchColor('shadow-', {
-        section: 'boxShadowColor',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }, ({ _  })=>({
-            '--tw-shadow-color': _.value,
-            '--tw-shadow': 'var(--tw-shadow-colored)'
-        })),
-    // Box Shadow
-    matchTheme('shadow(?:$|-)', 'boxShadow', ({ _  })=>({
-            '--tw-shadow': join(_),
-            // replace all colors with reference to --tw-shadow-colored
-            // this matches colors after non-comma char (keyword, offset) before comma or the end
-            '--tw-shadow-colored': join(_).replace(/([^,]\s+)(?:#[a-f\d]+|(?:(?:hsl|rgb)a?|hwb|lab|lch|color|var)\(.+?\)|[a-z]+)(,|$)/g, '$1var(--tw-shadow-color)$2'),
-            boxShadow: "var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)",
-            '@layer defaults': {
-                '*,::before,::after,::backdrop': {
-                    '--tw-ring-offset-shadow': '0 0 #0000',
-                    '--tw-ring-shadow': '0 0 #0000',
-                    '--tw-shadow': '0 0 #0000',
-                    '--tw-shadow-colored': '0 0 #0000'
-                }
-            }
-        })),
-    // Opacity
-    matchTheme('(opacity)-'),
-    (rule17 = /*, 'opacity' */ // Mix Blend Mode
-    match('mix-blend-', 'mixBlendMode'), withAutocomplete(rule17, ()=>[
-            'normal',
-            'multiply',
-            'screen',
-            'overlay',
-            'darken',
-            'lighten',
-            'color-dodge',
-            'color-burn',
-            'hard-light',
-            'soft-light',
-            'difference',
-            'exclusion',
-            'hue',
-            'saturation',
-            'color',
-            'luminosity'
-        ])),
-    /* FILTERS */ ...filter(),
-    ...filter('backdrop-'),
-    /* TRANSITIONS AND ANIMATION */ // Transition Property
-    matchTheme('transition(?:$|-)', 'transitionProperty', (match, { theme  })=>({
-            transitionProperty: join(match),
-            transitionTimingFunction: 'none' == match._ ? void 0 : join(theme('transitionTimingFunction', '')),
-            transitionDuration: 'none' == match._ ? void 0 : join(theme('transitionDuration', ''))
-        })),
-    // Transition Duration
-    matchTheme('duration(?:$|-)', 'transitionDuration', 'transitionDuration', join),
-    // Transition Timing Function
-    matchTheme('ease(?:$|-)', 'transitionTimingFunction', 'transitionTimingFunction', join),
-    // Transition Delay
-    matchTheme('delay(?:$|-)', 'transitionDelay', 'transitionDelay', join),
-    matchTheme('animate(?:$|-)', 'animation', (match, { theme , h , e  })=>{
-        let animation = join(match), // Try to auto inject keyframes
-        parts = animation.split(' '), keyframeValues = theme('keyframes', parts[0]);
-        return keyframeValues ? {
-            ['@keyframes ' + (parts[0] = e(h(parts[0])))]: keyframeValues,
-            animation: parts.join(' ')
-        } : {
-            animation
-        };
-    }),
-    /* TRANSFORMS */ // Transform
-    '(transform)-(none)',
-    match('transform', tranformDefaults),
-    match('transform-(cpu|gpu)', ({ 1: $1  })=>({
-            '--tw-transform': transformValue('gpu' == $1)
-        })),
-    // Scale
-    matchTheme('scale(-[xy])?-', 'scale', ({ 1: $1 , _  })=>({
-            ['--tw-scale' + ($1 || '-x')]: _,
-            ['--tw-scale' + ($1 || '-y')]: _,
-            ...tranformDefaults()
-        })),
-    // Rotate
-    matchTheme('-?(rotate)-', 'rotate', transform),
-    // Translate
-    matchTheme('-?(translate-[xy])-', 'translate', transform),
-    // Skew
-    matchTheme('-?(skew-[xy])-', 'skew', transform),
-    // Transform Origin
-    match('origin-(center|((top|bottom)(-(left|right))?)|left|right)', 'transformOrigin', spacify),
-    withAutocomplete(/* INTERACTIVITY */ // Appearance
-    '(appearance)-', ()=>[
-            'auto',
-            'none'
-        ]),
-    // Columns
-    matchTheme('(columns)-'),
-    withAutocomplete(/*, 'columns' */ '(columns)-(\\d+)', ()=>range({
-            end: 12
-        })),
-    withAutocomplete(// Break Before, After and Inside
-    '(break-(?:before|after|inside))-', ({ 1: $1  })=>$1.endsWith('-inside-') ? [
-            'auto',
-            'avoid',
-            'avoid-page',
-            'avoid-column'
-        ] : /* before || after */ [
-            'auto',
-            'avoid',
-            'all',
-            'avoid-page',
-            'page',
-            'left',
-            'right',
-            'column'
-        ]),
-    // Cursor
-    matchTheme('(cursor)-'),
-    withAutocomplete(/*, 'cursor' */ '(cursor)-', ()=>[
-            'alias',
-            'all-scroll',
-            'auto',
-            'cell',
-            'col-resize',
-            'context-menu',
-            'copy',
-            'crosshair',
-            'default',
-            'e-resize',
-            'ew-resize',
-            'grab',
-            'grabbing',
-            'help',
-            'move',
-            'n-resize',
-            'ne-resize',
-            'nesw-resize',
-            'no-drop',
-            'none',
-            'not-allowed',
-            'ns-resize',
-            'nw-resize',
-            'nwse-resize',
-            'pointer',
-            'progress',
-            'row-resize',
-            's-resize',
-            'se-resize',
-            'sw-resize',
-            'text',
-            'vertical-text',
-            'w-resize',
-            'wait',
-            'zoom-in',
-            'zoom-out'
-        ]),
-    // Scroll Snap Type
-    match('snap-(none)', 'scroll-snap-type'),
-    match('snap-(x|y|both)', ({ 1: $1  })=>({
-            'scroll-snap-type': $1 + ' var(--tw-scroll-snap-strictness)',
-            '@layer defaults': {
-                '*,::before,::after,::backdrop': {
-                    '--tw-scroll-snap-strictness': 'proximity'
-                }
-            }
-        })),
-    match('snap-(mandatory|proximity)', '--tw-scroll-snap-strictness'),
-    // Scroll Snap Align
-    match('snap-(?:(start|end|center)|align-(none))', 'scroll-snap-align'),
-    // Scroll Snap Stop
-    match('snap-(normal|always)', 'scroll-snap-stop'),
-    match('scroll-(auto|smooth)', 'scroll-behavior'),
-    // Scroll Margin
-    // Padding
-    matchTheme('scroll-p([xytrbl])?(?:$|-)', 'padding', edge('scroll-padding')),
-    // Margin
-    matchTheme('-?scroll-m([xytrbl])?(?:$|-)', 'scroll-margin', edge('scroll-margin')),
-    // Touch Action
-    match('touch-(auto|none|manipulation)', 'touch-action'),
-    match('touch-(pinch-zoom|pan-(?:(x|left|right)|(y|up|down)))', ({ 1: $1 , 2: $2 , 3: $3  })=>({
-            // x, left, right -> pan-x
-            // y, up, down -> pan-y
-            // -> pinch-zoom
-            [`--tw-${$2 ? 'pan-x' : $3 ? 'pan-y' : $1}`]: $1,
-            'touch-action': 'var(--tw-touch-action)',
-            '@layer defaults': {
-                '*,::before,::after,::backdrop': {
-                    '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',
-                    '--tw-touch-action': 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)'
-                }
-            }
-        })),
-    // Outline Style
-    match('outline-none', {
-        outline: '2px solid transparent',
-        'outline-offset': '2px'
-    }),
-    match('outline', {
-        outlineStyle: 'solid'
-    }),
-    match('outline-(dashed|dotted|double)', 'outlineStyle'),
-    // Outline Offset
-    matchTheme('-?(outline-offset)-'),
-    /*, 'outlineOffset'*/ // Outline Color
-    matchColor('outline-', {
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    // Outline Width
-    matchTheme('outline-', 'outlineWidth'),
-    withAutocomplete(// Pointer Events
-    '(pointer-events)-', ()=>[
-            'auto',
-            'none'
-        ]),
-    // Will Change
-    matchTheme('(will-change)-'),
-    withAutocomplete(/*, 'willChange' */ '(will-change)-', ()=>[
-            'auto',
-            'contents',
-            'transform'
-        ]),
-    // Resize
-    [
-        'resize(?:-(none|x|y))?',
-        'resize',
-        ({ 1: $1  })=>({
-                x: 'horizontal',
-                y: 'vertical'
-            })[$1] || $1 || 'both'
-    ],
-    // User Select
-    match('select-(none|text|all|auto)', 'userSelect'),
-    /* SVG */ // Fill, Stroke
-    matchColor('fill-', {
-        section: 'fill',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    matchColor('stroke-', {
-        section: 'stroke',
-        opacityVariable: false,
-        opacitySection: 'opacity'
-    }),
-    // Stroke Width
-    matchTheme('stroke-', 'strokeWidth'),
-    /* ACCESSIBILITY */ // Screen Readers
-    match('sr-only', {
-        position: 'absolute',
-        width: '1px',
-        height: '1px',
-        padding: '0',
-        margin: '-1px',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        clip: 'rect(0,0,0,0)',
-        borderWidth: '0'
-    }),
-    match('not-sr-only', {
-        position: 'static',
-        width: 'auto',
-        height: 'auto',
-        padding: '0',
-        margin: '0',
-        overflow: 'visible',
-        whiteSpace: 'normal',
-        clip: 'auto'
-    })
-];
-function spacify(value) {
-    return ('string' == typeof value ? value : value[1]).replace(/-/g, ' ').trim();
-}
-function columnify(value) {
-    return ('string' == typeof value ? value : value[1]).replace('col', 'column');
-}
-function position(shorthand, separator = '-') {
-    let longhand = [];
-    for (let short of shorthand)longhand.push({
-        t: 'top',
-        r: 'right',
-        b: 'bottom',
-        l: 'left'
-    }[short]);
-    return longhand.join(separator);
-}
-function join(value) {
-    return value && '' + (value._ || value);
-}
-function convertContentValue({ $$  }) {
-    return (({
-        // /* aut*/ o: '',
-        /* sta*/ r: /*t*/ 'flex-',
-        /* end*/ '': 'flex-',
-        // /* cen*/ t /*er*/: '',
-        /* bet*/ w: /*een*/ 'space-',
-        /* aro*/ u: /*nd*/ 'space-',
-        /* eve*/ n: /*ly*/ 'space-'
-    })[$$[3] || ''] || '') + $$;
-}
-function edge(propertyPrefix, propertySuffix = '') {
-    return ({ 1: $1 , _  })=>{
-        let edges = {
-            x: 'lr',
-            y: 'tb'
-        }[$1] || $1 + $1;
-        return edges ? {
-            ...toCSS(propertyPrefix + '-' + position(edges[0]) + propertySuffix, _),
-            ...toCSS(propertyPrefix + '-' + position(edges[1]) + propertySuffix, _)
-        } : toCSS(propertyPrefix + propertySuffix, _);
-    };
-}
-function filter(prefix = '') {
-    let filters = [
-        'blur',
-        'brightness',
-        'contrast',
-        'grayscale',
-        'hue-rotate',
-        'invert',
-        prefix && 'opacity',
-        'saturate',
-        'sepia',
-        !prefix && 'drop-shadow'
-    ].filter(Boolean), defaults = {};
-    // first create properties defaults
-    for (let key of filters)defaults[`--tw-${prefix}${key}`] = 'var(--tw-empty,/*!*/ /*!*/)';
-    return defaults = {
-        // add default filter which allows standalone usage
-        [`${prefix}filter`]: filters.map((key)=>`var(--tw-${prefix}${key})`).join(' '),
-        // move defaults
-        '@layer defaults': {
-            '*,::before,::after,::backdrop': defaults
-        }
-    }, [
-        `(${prefix}filter)-(none)`,
-        match(`${prefix}filter`, defaults),
-        ...filters.map((key)=>matchTheme(// hue-rotate can be negated
-            `${'h' == key[0] ? '-?' : ''}(${prefix}${key})(?:$|-)`, key, ({ 1: $1 , _  })=>({
-                    [`--tw-${$1}`]: asArray(_).map((value)=>`${key}(${value})`).join(' '),
-                    ...defaults
-                })))
-    ];
-}
-function transform({ 1: $1 , _  }) {
-    return {
-        ['--tw-' + $1]: _,
-        ...tranformDefaults()
-    };
-}
-function tranformDefaults() {
-    return {
-        transform: 'var(--tw-transform)',
-        '@layer defaults': {
-            '*,::before,::after,::backdrop': {
-                '--tw-translate-x': '0',
-                '--tw-translate-y': '0',
-                '--tw-rotate': '0',
-                '--tw-skew-x': '0',
-                '--tw-skew-y': '0',
-                '--tw-scale-x': '1',
-                '--tw-scale-y': '1',
-                '--tw-transform': transformValue()
-            }
-        }
-    };
-}
-function transformValue(gpu) {
-    return [
-        gpu ? // -gpu
-        'translate3d(var(--tw-translate-x),var(--tw-translate-y),0)' : 'translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))',
-        'rotate(var(--tw-rotate))',
-        'skewX(var(--tw-skew-x))',
-        'skewY(var(--tw-skew-y))',
-        'scaleX(var(--tw-scale-x))',
-        'scaleY(var(--tw-scale-y))'
-    ].join(' ');
-}
-function span({ 1: $1 , 2: $2  }) {
-    return `${$1} ${$2} / ${$1} ${$2}`;
-}
-function gridTemplate({ 1: $1  }) {
-    return `repeat(${$1},minmax(0,1fr))`;
-}
-function range({ start =1 , end , step =1  }) {
-    let result = [];
-    for(let index = start; index <= end; index += step)result.push(`${index}`);
-    return result;
-}
-export { rules as default };
-//# sourceMappingURL=rules.esnext.dev.js.map
+export { default } from "./rules.dev.js";

variants.browser.dev.js

@@ -1,1 +0,1 @@
-import{normalize as e,withAutocomplete as t,arbitrary as i}from"@twind/core";let r=[["sticky","@supports ((position: -webkit-sticky) or (position:sticky))"],["motion-reduce","@media (prefers-reduced-motion:reduce)"],["motion-safe","@media (prefers-reduced-motion:no-preference)"],["print","@media print"],["(portrait|landscape)",({1:e})=>`@media (orientation:${e})`],["contrast-(more|less)",({1:e})=>`@media (prefers-contrast:${e})`],["(first-(letter|line)|placeholder|backdrop|before|after)",({1:e})=>`&::${e}`],["(marker|selection)",({1:e})=>`& *::${e},&::${e}`],["file","&::file-selector-button"],["(first|last|only)",({1:e})=>`&:${e}-child`],["even","&:nth-child(2n)"],["odd","&:nth-child(odd)"],["open","&[open]"],["(aria|data)-",t(({1:e,$$:t},r)=>t&&`&[${e}-${r.theme(e,t)||i(t,"",r)||`${t}="true"`}]`,({1:e},{theme:t})=>[...new Set([..."aria"==e?["checked","disabled","expanded","hidden","pressed","readonly","required","selected"]:[],...Object.keys(t(e)||{})])].map(i=>({suffix:i,label:`&[${e}-${t(e,i)||`${i}="true"`}]`,theme:{section:e,key:i}})).concat([{suffix:"[",label:`&[${e}-…]`}]))],["((group|peer)(~[^-[]+)?)(-\\[(.+)]|[-[].+?)(\\/.+)?",t(({2:t,3:i="",4:r,5:s="",6:a=i},{e:n,h:o,v:l})=>{let d=e(s)||("["==r[0]?r:l(r.slice(1)));return`${(d.includes("&")?d:"&"+d).replace(/&/g,`:merge(.${n(o(t+a))})`)}${"p"==t[0]?"~":" "}&`},(e,{variants:t})=>Object.entries(t).filter(([,e])=>/^&(\[|:[^:])/.test(e)).flatMap(([e,t])=>[{prefix:"group-",suffix:e,label:`${t.replace("&",".group")} &`,modifiers:[]},{prefix:"peer-",suffix:e,label:`${t.replace("&",".peer")} &`,modifiers:[]}]))],["(ltr|rtl)",t(({1:e})=>`[dir="${e}"] &`,({1:e})=>[{prefix:e,suffix:"",label:`[dir="${e}"] &`}])],["supports-",t(({$$:e},t)=>{if(e&&(e=t.theme("supports",e)||i(e,"",t)),e)return e.includes(":")||(e+=":var(--tw)"),/^\w*\s*\(/.test(e)||(e=`(${e})`),`@supports ${e.replace(/\b(and|or|not)\b/g," $1 ").trim()}`},(e,{theme:t})=>Object.keys(t("supports")||{}).map(e=>({suffix:e,theme:{section:"supports",key:e}})).concat([{suffix:"[",label:`@supports …`}]))],["max-",t(({$$:e},t)=>{if(e&&(e=t.theme("screens",e)||i(e,"",t)),"string"==typeof e)return`@media not all and (min-width:${e})`},(e,{theme:t})=>Object.entries(t("screens")||{}).filter(([,e])=>"string"==typeof e).map(([e,t])=>({suffix:e,label:`@media not all and (min-width:${t})`,theme:{section:"screens",key:e}})).concat([{suffix:"[",label:`@media not all and (min-width: …)`}]))],["min-",t(({$$:e},t)=>(e&&(e=i(e,"",t)),e&&`@media (min-width:${e})`),()=>[{suffix:"[",label:`@media (min-width: …)`}])],[/^\[(.+)]$/,({1:t})=>/[&@]/.test(t)&&e(t).replace(/[}]+$/,"").split("{")]];export{r as default};//# sourceMappingURL=variants.browser.dev.js.map
+export { default } from "./variants.dev.js";

variants.browser.js

@@ -1,1 +0,1 @@
-import{normalize as e,arbitrary as t}from"@twind/core";let r=[["sticky","@supports ((position: -webkit-sticky) or (position:sticky))"],["motion-reduce","@media (prefers-reduced-motion:reduce)"],["motion-safe","@media (prefers-reduced-motion:no-preference)"],["print","@media print"],["(portrait|landscape)",({1:e})=>`@media (orientation:${e})`],["contrast-(more|less)",({1:e})=>`@media (prefers-contrast:${e})`],["(first-(letter|line)|placeholder|backdrop|before|after)",({1:e})=>`&::${e}`],["(marker|selection)",({1:e})=>`& *::${e},&::${e}`],["file","&::file-selector-button"],["(first|last|only)",({1:e})=>`&:${e}-child`],["even","&:nth-child(2n)"],["odd","&:nth-child(odd)"],["open","&[open]"],["(aria|data)-",({1:e,$$:r},i)=>r&&`&[${e}-${i.theme(e,r)||t(r,"",i)||`${r}="true"`}]`],["((group|peer)(~[^-[]+)?)(-\\[(.+)]|[-[].+?)(\\/.+)?",({2:t,3:r="",4:i,5:o="",6:n=r},{e:s,h:a,v:d})=>{let p=e(o)||("["==i[0]?i:d(i.slice(1)));return`${(p.includes("&")?p:"&"+p).replace(/&/g,`:merge(.${s(a(t+n))})`)}${"p"==t[0]?"~":" "}&`}],["(ltr|rtl)",({1:e})=>`[dir="${e}"] &`],["supports-",({$$:e},r)=>{if(e&&(e=r.theme("supports",e)||t(e,"",r)),e)return e.includes(":")||(e+=":var(--tw)"),/^\w*\s*\(/.test(e)||(e=`(${e})`),`@supports ${e.replace(/\b(and|or|not)\b/g," $1 ").trim()}`}],["max-",({$$:e},r)=>{if(e&&(e=r.theme("screens",e)||t(e,"",r)),"string"==typeof e)return`@media not all and (min-width:${e})`}],["min-",({$$:e},r)=>(e&&(e=t(e,"",r)),e&&`@media (min-width:${e})`)],[/^\[(.+)]$/,({1:t})=>/[&@]/.test(t)&&e(t).replace(/[}]+$/,"").split("{")]];export{r as default};//# sourceMappingURL=variants.browser.js.map
+export { default } from "./variants.js";

variants.dev.js

@@ -128,3 +128,3 @@ import { normalize, withAutocomplete, arbitrary } from '@twind/core';
         withAutocomplete(({ $$  }, /* everything after the dash */ context)=>{
-            $$ &&= context.theme('supports', $$) || arbitrary($$, '', context);
+            $$ && ($$ = context.theme('supports', $$) || arbitrary($$, '', context));
             if ($$) return $$.includes(':') || ($$ += ':var(--tw)'), /^\w*\s*\(/.test($$) || ($$ = `(${$$})`), // Chrome has a bug where `(condtion1)or(condition2)` is not valid
@@ -149,3 +149,3 @@ // But `(condition1) or (condition2)` is supported.
         withAutocomplete(({ $$  }, context)=>{
-            $$ &&= context.theme('screens', $$) || arbitrary($$, '', context);
+            $$ && ($$ = context.theme('screens', $$) || arbitrary($$, '', context));
             if ('string' == typeof $$) return `@media not all and (min-width:${$$})`;
@@ -169,3 +169,3 @@ }, (_, { theme  })=>Object.entries(theme('screens') || {}).filter(([, value])=>'string' == typeof value).map(([key, value])=>({
         withAutocomplete(({ $$  }, context)=>{
-            return ($$ &&= arbitrary($$, '', context)) && `@media (min-width:${$$})`;
+            return $$ && ($$ = arbitrary($$, '', context)), $$ && `@media (min-width:${$$})`;
         }, ()=>[
@@ -172,0 +172,0 @@ {

variants.esnext.js

@@ -1,1 +0,109 @@
-export { default } from "./variants.js";
+import { normalize, arbitrary } from '@twind/core';
+// indirection wrapper to remove autocomplete functions from production bundles
+let variants = [
+    [
+        'sticky',
+        '@supports ((position: -webkit-sticky) or (position:sticky))'
+    ],
+    [
+        'motion-reduce',
+        '@media (prefers-reduced-motion:reduce)'
+    ],
+    [
+        'motion-safe',
+        '@media (prefers-reduced-motion:no-preference)'
+    ],
+    [
+        'print',
+        '@media print'
+    ],
+    [
+        '(portrait|landscape)',
+        ({ 1: $1  })=>`@media (orientation:${$1})`
+    ],
+    [
+        'contrast-(more|less)',
+        ({ 1: $1  })=>`@media (prefers-contrast:${$1})`
+    ],
+    [
+        '(first-(letter|line)|placeholder|backdrop|before|after)',
+        ({ 1: $1  })=>`&::${$1}`
+    ],
+    [
+        '(marker|selection)',
+        ({ 1: $1  })=>`& *::${$1},&::${$1}`
+    ],
+    [
+        'file',
+        '&::file-selector-button'
+    ],
+    [
+        '(first|last|only)',
+        ({ 1: $1  })=>`&:${$1}-child`
+    ],
+    [
+        'even',
+        '&:nth-child(2n)'
+    ],
+    [
+        'odd',
+        '&:nth-child(odd)'
+    ],
+    [
+        'open',
+        '&[open]'
+    ],
+    // All other pseudo classes are already supported by twind
+    [
+        '(aria|data)-',
+        ({ 1: $1 , /* aria or data */ $$  }, /* everything after the dash */ context)=>$$ && `&[${$1}-${// aria-asc or data-checked -> from theme
+            context.theme($1, $$) || // aria-[...] or data-[...]
+            arbitrary($$, '', context) || // default handling
+            `${$$}="true"`}]`
+    ],
+    /* Styling based on parent and peer state */ // Groups classes like: group-focus and group-hover
+    // these need to add a marker selector with the pseudo class
+    // => '.group:focus .group-focus:selector'
+    [
+        '((group|peer)(~[^-[]+)?)(-\\[(.+)]|[-[].+?)(\\/.+)?',
+        ({ 2: type , 3: name = '' , 4: $4 , 5: $5 = '' , 6: label = name  }, { e , h , v  })=>{
+            let selector = normalize($5) || ('[' == $4[0] ? $4 : v($4.slice(1)));
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+            return `${(selector.includes('&') ? selector : '&' + selector).replace(/&/g, `:merge(.${e(h(type + label))})`)}${'p' == type[0] ? '~' : ' '}&`;
+        }
+    ],
+    // direction variants
+    [
+        '(ltr|rtl)',
+        ({ 1: $1  })=>`[dir="${$1}"] &`
+    ],
+    [
+        'supports-',
+        ({ $$  }, /* everything after the dash */ context)=>{
+            $$ &&= context.theme('supports', $$) || arbitrary($$, '', context);
+            if ($$) return $$.includes(':') || ($$ += ':var(--tw)'), /^\w*\s*\(/.test($$) || ($$ = `(${$$})`), // Chrome has a bug where `(condtion1)or(condition2)` is not valid
+            // But `(condition1) or (condition2)` is supported.
+            `@supports ${$$.replace(/\b(and|or|not)\b/g, ' $1 ').trim()}`;
+        }
+    ],
+    [
+        'max-',
+        ({ $$  }, context)=>{
+            $$ &&= context.theme('screens', $$) || arbitrary($$, '', context);
+            if ('string' == typeof $$) return `@media not all and (min-width:${$$})`;
+        }
+    ],
+    [
+        'min-',
+        ({ $$  }, context)=>{
+            return ($$ &&= arbitrary($$, '', context)) && `@media (min-width:${$$})`;
+        }
+    ],
+    // Arbitrary variants
+    [
+        /^\[(.+)]$/,
+        ({ 1: $1  })=>/[&@]/.test($1) && normalize($1).replace(/[}]+$/, '').split('{')
+    ]
+];
+export { variants as default };
+//# sourceMappingURL=variants.esnext.js.map

variants.js

@@ -83,3 +83,3 @@ import { normalize, arbitrary } from '@twind/core';
         ({ $$  }, /* everything after the dash */ context)=>{
-            $$ &&= context.theme('supports', $$) || arbitrary($$, '', context);
+            $$ && ($$ = context.theme('supports', $$) || arbitrary($$, '', context));
             if ($$) return $$.includes(':') || ($$ += ':var(--tw)'), /^\w*\s*\(/.test($$) || ($$ = `(${$$})`), // Chrome has a bug where `(condtion1)or(condition2)` is not valid
@@ -93,3 +93,3 @@ // But `(condition1) or (condition2)` is supported.
         ({ $$  }, context)=>{
-            $$ &&= context.theme('screens', $$) || arbitrary($$, '', context);
+            $$ && ($$ = context.theme('screens', $$) || arbitrary($$, '', context));
             if ('string' == typeof $$) return `@media not all and (min-width:${$$})`;
@@ -101,3 +101,3 @@ }
         ({ $$  }, context)=>{
-            return ($$ &&= arbitrary($$, '', context)) && `@media (min-width:${$$})`;
+            return $$ && ($$ = arbitrary($$, '', context)), $$ && `@media (min-width:${$$})`;
         }
@@ -104,0 +104,0 @@ ],

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

237

increased by23.44%

Lines of code

14811

increased by15.99%

Worsened metrics

Total package byte prevSize

2196696

decreased by-4.12%

No dependency changes