@vulppi/tailwindcss
Version:
A collection of plugins for TailwindCSS.
158 lines (153 loc) • 33.1 kB
JavaScript
// node_modules/tailwindcss/dist/plugin.mjs
function u(n, i) {
return { handler: n, config: i };
}
u.withOptions = function(n, i = () => ({})) {
function t(o) {
return { handler: n(o), config: i(o) };
}
return t.__isOptionsFunction = true, t;
};
var g = u;
// node_modules/tailwindcss/dist/chunk-AZANAYY2.mjs
var l = { inherit: "inherit", current: "currentColor", transparent: "transparent", black: "#000", white: "#fff", slate: { 50: "oklch(0.984 0.003 247.858)", 100: "oklch(0.968 0.007 247.896)", 200: "oklch(0.929 0.013 255.508)", 300: "oklch(0.869 0.022 252.894)", 400: "oklch(0.704 0.04 256.788)", 500: "oklch(0.554 0.046 257.417)", 600: "oklch(0.446 0.043 257.281)", 700: "oklch(0.372 0.044 257.287)", 800: "oklch(0.279 0.041 260.031)", 900: "oklch(0.208 0.042 265.755)", 950: "oklch(0.129 0.042 264.695)" }, gray: { 50: "oklch(0.985 0.002 247.839)", 100: "oklch(0.967 0.003 264.542)", 200: "oklch(0.928 0.006 264.531)", 300: "oklch(0.872 0.01 258.338)", 400: "oklch(0.707 0.022 261.325)", 500: "oklch(0.551 0.027 264.364)", 600: "oklch(0.446 0.03 256.802)", 700: "oklch(0.373 0.034 259.733)", 800: "oklch(0.278 0.033 256.848)", 900: "oklch(0.21 0.034 264.665)", 950: "oklch(0.13 0.028 261.692)" }, zinc: { 50: "oklch(0.985 0 0)", 100: "oklch(0.967 0.001 286.375)", 200: "oklch(0.92 0.004 286.32)", 300: "oklch(0.871 0.006 286.286)", 400: "oklch(0.705 0.015 286.067)", 500: "oklch(0.552 0.016 285.938)", 600: "oklch(0.442 0.017 285.786)", 700: "oklch(0.37 0.013 285.805)", 800: "oklch(0.274 0.006 286.033)", 900: "oklch(0.21 0.006 285.885)", 950: "oklch(0.141 0.005 285.823)" }, neutral: { 50: "oklch(0.985 0 0)", 100: "oklch(0.97 0 0)", 200: "oklch(0.922 0 0)", 300: "oklch(0.87 0 0)", 400: "oklch(0.708 0 0)", 500: "oklch(0.556 0 0)", 600: "oklch(0.439 0 0)", 700: "oklch(0.371 0 0)", 800: "oklch(0.269 0 0)", 900: "oklch(0.205 0 0)", 950: "oklch(0.145 0 0)" }, stone: { 50: "oklch(0.985 0.001 106.423)", 100: "oklch(0.97 0.001 106.424)", 200: "oklch(0.923 0.003 48.717)", 300: "oklch(0.869 0.005 56.366)", 400: "oklch(0.709 0.01 56.259)", 500: "oklch(0.553 0.013 58.071)", 600: "oklch(0.444 0.011 73.639)", 700: "oklch(0.374 0.01 67.558)", 800: "oklch(0.268 0.007 34.298)", 900: "oklch(0.216 0.006 56.043)", 950: "oklch(0.147 0.004 49.25)" }, red: { 50: "oklch(0.971 0.013 17.38)", 100: "oklch(0.936 0.032 17.717)", 200: "oklch(0.885 0.062 18.334)", 300: "oklch(0.808 0.114 19.571)", 400: "oklch(0.704 0.191 22.216)", 500: "oklch(0.637 0.237 25.331)", 600: "oklch(0.577 0.245 27.325)", 700: "oklch(0.505 0.213 27.518)", 800: "oklch(0.444 0.177 26.899)", 900: "oklch(0.396 0.141 25.723)", 950: "oklch(0.258 0.092 26.042)" }, orange: { 50: "oklch(0.98 0.016 73.684)", 100: "oklch(0.954 0.038 75.164)", 200: "oklch(0.901 0.076 70.697)", 300: "oklch(0.837 0.128 66.29)", 400: "oklch(0.75 0.183 55.934)", 500: "oklch(0.705 0.213 47.604)", 600: "oklch(0.646 0.222 41.116)", 700: "oklch(0.553 0.195 38.402)", 800: "oklch(0.47 0.157 37.304)", 900: "oklch(0.408 0.123 38.172)", 950: "oklch(0.266 0.079 36.259)" }, amber: { 50: "oklch(0.987 0.022 95.277)", 100: "oklch(0.962 0.059 95.617)", 200: "oklch(0.924 0.12 95.746)", 300: "oklch(0.879 0.169 91.605)", 400: "oklch(0.828 0.189 84.429)", 500: "oklch(0.769 0.188 70.08)", 600: "oklch(0.666 0.179 58.318)", 700: "oklch(0.555 0.163 48.998)", 800: "oklch(0.473 0.137 46.201)", 900: "oklch(0.414 0.112 45.904)", 950: "oklch(0.279 0.077 45.635)" }, yellow: { 50: "oklch(0.987 0.026 102.212)", 100: "oklch(0.973 0.071 103.193)", 200: "oklch(0.945 0.129 101.54)", 300: "oklch(0.905 0.182 98.111)", 400: "oklch(0.852 0.199 91.936)", 500: "oklch(0.795 0.184 86.047)", 600: "oklch(0.681 0.162 75.834)", 700: "oklch(0.554 0.135 66.442)", 800: "oklch(0.476 0.114 61.907)", 900: "oklch(0.421 0.095 57.708)", 950: "oklch(0.286 0.066 53.813)" }, lime: { 50: "oklch(0.986 0.031 120.757)", 100: "oklch(0.967 0.067 122.328)", 200: "oklch(0.938 0.127 124.321)", 300: "oklch(0.897 0.196 126.665)", 400: "oklch(0.841 0.238 128.85)", 500: "oklch(0.768 0.233 130.85)", 600: "oklch(0.648 0.2 131.684)", 700: "oklch(0.532 0.157 131.589)", 800: "oklch(0.453 0.124 130.933)", 900: "oklch(0.405 0.101 131.063)", 950: "oklch(0.274 0.072 132.109)" }, green: { 50: "oklch(0.982 0.018 155.826)", 100: "oklch(0.962 0.044 156.743)", 200: "oklch(0.925 0.084 155.995)", 300: "oklch(0.871 0.15 154.449)", 400: "oklch(0.792 0.209 151.711)", 500: "oklch(0.723 0.219 149.579)", 600: "oklch(0.627 0.194 149.214)", 700: "oklch(0.527 0.154 150.069)", 800: "oklch(0.448 0.119 151.328)", 900: "oklch(0.393 0.095 152.535)", 950: "oklch(0.266 0.065 152.934)" }, emerald: { 50: "oklch(0.979 0.021 166.113)", 100: "oklch(0.95 0.052 163.051)", 200: "oklch(0.905 0.093 164.15)", 300: "oklch(0.845 0.143 164.978)", 400: "oklch(0.765 0.177 163.223)", 500: "oklch(0.696 0.17 162.48)", 600: "oklch(0.596 0.145 163.225)", 700: "oklch(0.508 0.118 165.612)", 800: "oklch(0.432 0.095 166.913)", 900: "oklch(0.378 0.077 168.94)", 950: "oklch(0.262 0.051 172.552)" }, teal: { 50: "oklch(0.984 0.014 180.72)", 100: "oklch(0.953 0.051 180.801)", 200: "oklch(0.91 0.096 180.426)", 300: "oklch(0.855 0.138 181.071)", 400: "oklch(0.777 0.152 181.912)", 500: "oklch(0.704 0.14 182.503)", 600: "oklch(0.6 0.118 184.704)", 700: "oklch(0.511 0.096 186.391)", 800: "oklch(0.437 0.078 188.216)", 900: "oklch(0.386 0.063 188.416)", 950: "oklch(0.277 0.046 192.524)" }, cyan: { 50: "oklch(0.984 0.019 200.873)", 100: "oklch(0.956 0.045 203.388)", 200: "oklch(0.917 0.08 205.041)", 300: "oklch(0.865 0.127 207.078)", 400: "oklch(0.789 0.154 211.53)", 500: "oklch(0.715 0.143 215.221)", 600: "oklch(0.609 0.126 221.723)", 700: "oklch(0.52 0.105 223.128)", 800: "oklch(0.45 0.085 224.283)", 900: "oklch(0.398 0.07 227.392)", 950: "oklch(0.302 0.056 229.695)" }, sky: { 50: "oklch(0.977 0.013 236.62)", 100: "oklch(0.951 0.026 236.824)", 200: "oklch(0.901 0.058 230.902)", 300: "oklch(0.828 0.111 230.318)", 400: "oklch(0.746 0.16 232.661)", 500: "oklch(0.685 0.169 237.323)", 600: "oklch(0.588 0.158 241.966)", 700: "oklch(0.5 0.134 242.749)", 800: "oklch(0.443 0.11 240.79)", 900: "oklch(0.391 0.09 240.876)", 950: "oklch(0.293 0.066 243.157)" }, blue: { 50: "oklch(0.97 0.014 254.604)", 100: "oklch(0.932 0.032 255.585)", 200: "oklch(0.882 0.059 254.128)", 300: "oklch(0.809 0.105 251.813)", 400: "oklch(0.707 0.165 254.624)", 500: "oklch(0.623 0.214 259.815)", 600: "oklch(0.546 0.245 262.881)", 700: "oklch(0.488 0.243 264.376)", 800: "oklch(0.424 0.199 265.638)", 900: "oklch(0.379 0.146 265.522)", 950: "oklch(0.282 0.091 267.935)" }, indigo: { 50: "oklch(0.962 0.018 272.314)", 100: "oklch(0.93 0.034 272.788)", 200: "oklch(0.87 0.065 274.039)", 300: "oklch(0.785 0.115 274.713)", 400: "oklch(0.673 0.182 276.935)", 500: "oklch(0.585 0.233 277.117)", 600: "oklch(0.511 0.262 276.966)", 700: "oklch(0.457 0.24 277.023)", 800: "oklch(0.398 0.195 277.366)", 900: "oklch(0.359 0.144 278.697)", 950: "oklch(0.257 0.09 281.288)" }, violet: { 50: "oklch(0.969 0.016 293.756)", 100: "oklch(0.943 0.029 294.588)", 200: "oklch(0.894 0.057 293.283)", 300: "oklch(0.811 0.111 293.571)", 400: "oklch(0.702 0.183 293.541)", 500: "oklch(0.606 0.25 292.717)", 600: "oklch(0.541 0.281 293.009)", 700: "oklch(0.491 0.27 292.581)", 800: "oklch(0.432 0.232 292.759)", 900: "oklch(0.38 0.189 293.745)", 950: "oklch(0.283 0.141 291.089)" }, purple: { 50: "oklch(0.977 0.014 308.299)", 100: "oklch(0.946 0.033 307.174)", 200: "oklch(0.902 0.063 306.703)", 300: "oklch(0.827 0.119 306.383)", 400: "oklch(0.714 0.203 305.504)", 500: "oklch(0.627 0.265 303.9)", 600: "oklch(0.558 0.288 302.321)", 700: "oklch(0.496 0.265 301.924)", 800: "oklch(0.438 0.218 303.724)", 900: "oklch(0.381 0.176 304.987)", 950: "oklch(0.291 0.149 302.717)" }, fuchsia: { 50: "oklch(0.977 0.017 320.058)", 100: "oklch(0.952 0.037 318.852)", 200: "oklch(0.903 0.076 319.62)", 300: "oklch(0.833 0.145 321.434)", 400: "oklch(0.74 0.238 322.16)", 500: "oklch(0.667 0.295 322.15)", 600: "oklch(0.591 0.293 322.896)", 700: "oklch(0.518 0.253 323.949)", 800: "oklch(0.452 0.211 324.591)", 900: "oklch(0.401 0.17 325.612)", 950: "oklch(0.293 0.136 325.661)" }, pink: { 50: "oklch(0.971 0.014 343.198)", 100: "oklch(0.948 0.028 342.258)", 200: "oklch(0.899 0.061 343.231)", 300: "oklch(0.823 0.12 346.018)", 400: "oklch(0.718 0.202 349.761)", 500: "oklch(0.656 0.241 354.308)", 600: "oklch(0.592 0.249 0.584)", 700: "oklch(0.525 0.223 3.958)", 800: "oklch(0.459 0.187 3.815)", 900: "oklch(0.408 0.153 2.432)", 950: "oklch(0.284 0.109 3.907)" }, rose: { 50: "oklch(0.969 0.015 12.422)", 100: "oklch(0.941 0.03 12.58)", 200: "oklch(0.892 0.058 10.001)", 300: "oklch(0.81 0.117 11.638)", 400: "oklch(0.712 0.194 13.428)", 500: "oklch(0.645 0.246 16.439)", 600: "oklch(0.586 0.253 17.585)", 700: "oklch(0.514 0.222 16.935)", 800: "oklch(0.455 0.188 13.697)", 900: "oklch(0.41 0.159 10.272)", 950: "oklch(0.271 0.105 12.094)" } };
// node_modules/tailwindcss/dist/chunk-V2K3XTS4.mjs
var U = new Set(["black", "silver", "gray", "white", "maroon", "red", "purple", "fuchsia", "green", "lime", "olive", "yellow", "navy", "blue", "teal", "aqua", "aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkslategrey", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "green", "greenyellow", "grey", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen", "transparent", "currentcolor", "canvas", "canvastext", "linktext", "visitedtext", "activetext", "buttonface", "buttontext", "buttonborder", "field", "fieldtext", "highlight", "highlighttext", "selecteditem", "selecteditemtext", "mark", "marktext", "graytext", "accentcolor", "accentcolortext"]);
var h = ["anchor-size"];
var A = new RegExp(`(${h.join("|")})\\(`, "g");
var y = new Uint8Array(256);
function u2(e, r) {
let t = 0, i = [], n = 0, o = e.length, m = r.charCodeAt(0);
for (let a = 0;a < o; a++) {
let c = e.charCodeAt(a);
if (t === 0 && c === m) {
i.push(e.slice(n, a)), n = a + 1;
continue;
}
switch (c) {
case 92:
a += 1;
break;
case 39:
case 34:
for (;++a < o; ) {
let x = e.charCodeAt(a);
if (x === 92) {
a += 1;
continue;
}
if (x === c)
break;
}
break;
case 40:
y[t] = 41, t++;
break;
case 91:
y[t] = 93, t++;
break;
case 123:
y[t] = 125, t++;
break;
case 93:
case 125:
case 41:
t > 0 && c === y[t - 1] && t--;
break;
}
}
return i.push(e.slice(n)), i;
}
var g2 = /[+-]?\d*\.?\d+(?:[eE][+-]?\d+)?/;
var W = new RegExp(`^${g2.source}$`);
var G = new RegExp(`^${g2.source}%$`);
var V = new RegExp(`^${g2.source}s*/s*${g2.source}$`);
var K = ["cm", "mm", "Q", "in", "pc", "pt", "px", "em", "ex", "ch", "rem", "lh", "rlh", "vw", "vh", "vmin", "vmax", "vb", "vi", "svw", "svh", "lvw", "lvh", "dvw", "dvh", "cqw", "cqh", "cqi", "cqb", "cqmin", "cqmax"];
var Y = new RegExp(`^${g2.source}(${K.join("|")})$`);
var J = ["deg", "rad", "grad", "turn"];
var Z = new RegExp(`^${g2.source}(${J.join("|")})$`);
var te = new RegExp(`^${g2.source} +${g2.source} +${g2.source}$`);
function p(e) {
let r = Number(e);
return Number.isInteger(r) && r >= 0 && String(r) === String(e);
}
function f(e) {
return { __BARE_VALUE__: e };
}
var l2 = f((e) => {
if (p(e.value))
return e.value;
});
var s = f((e) => {
if (p(e.value))
return `${e.value}%`;
});
var d = f((e) => {
if (p(e.value))
return `${e.value}px`;
});
var T = f((e) => {
if (p(e.value))
return `${e.value}ms`;
});
var w = f((e) => {
if (p(e.value))
return `${e.value}deg`;
});
var ne = f((e) => {
if (e.fraction === null)
return;
let [r, t] = u2(e.fraction, "/");
if (!(!p(r) || !p(t)))
return e.fraction;
});
var L = f((e) => {
if (p(Number(e.value)))
return `repeat(${e.value}, minmax(0, 1fr))`;
});
var ye = { accentColor: ({ theme: e }) => e("colors"), 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" }, aria: { busy: 'busy="true"', checked: 'checked="true"', disabled: 'disabled="true"', expanded: 'expanded="true"', hidden: 'hidden="true"', pressed: 'pressed="true"', readonly: 'readonly="true"', required: 'required="true"', selected: 'selected="true"' }, aspectRatio: { auto: "auto", square: "1 / 1", video: "16 / 9", ...ne }, backdropBlur: ({ theme: e }) => e("blur"), backdropBrightness: ({ theme: e }) => ({ ...e("brightness"), ...s }), backdropContrast: ({ theme: e }) => ({ ...e("contrast"), ...s }), backdropGrayscale: ({ theme: e }) => ({ ...e("grayscale"), ...s }), backdropHueRotate: ({ theme: e }) => ({ ...e("hueRotate"), ...w }), backdropInvert: ({ theme: e }) => ({ ...e("invert"), ...s }), backdropOpacity: ({ theme: e }) => ({ ...e("opacity"), ...s }), backdropSaturate: ({ theme: e }) => ({ ...e("saturate"), ...s }), backdropSepia: ({ theme: e }) => ({ ...e("sepia"), ...s }), backgroundColor: ({ theme: e }) => e("colors"), backgroundImage: { none: "none", "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))", "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))", "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))", "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))", "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))", "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))", "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))", "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))" }, backgroundOpacity: ({ theme: e }) => e("opacity"), backgroundPosition: { bottom: "bottom", center: "center", left: "left", "left-bottom": "left bottom", "left-top": "left top", right: "right", "right-bottom": "right bottom", "right-top": "right top", top: "top" }, backgroundSize: { auto: "auto", cover: "cover", contain: "contain" }, blur: { 0: "0", none: "", sm: "4px", DEFAULT: "8px", md: "12px", lg: "16px", xl: "24px", "2xl": "40px", "3xl": "64px" }, borderColor: ({ theme: e }) => ({ DEFAULT: "currentColor", ...e("colors") }), borderOpacity: ({ theme: e }) => e("opacity"), borderRadius: { none: "0px", sm: "0.125rem", DEFAULT: "0.25rem", md: "0.375rem", lg: "0.5rem", xl: "0.75rem", "2xl": "1rem", "3xl": "1.5rem", full: "9999px" }, borderSpacing: ({ theme: e }) => e("spacing"), borderWidth: { DEFAULT: "1px", 0: "0px", 2: "2px", 4: "4px", 8: "8px", ...d }, boxShadow: { sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)", DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)", md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)", lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)", xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)", "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)", inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)", none: "none" }, boxShadowColor: ({ theme: e }) => e("colors"), brightness: { 0: "0", 50: ".5", 75: ".75", 90: ".9", 95: ".95", 100: "1", 105: "1.05", 110: "1.1", 125: "1.25", 150: "1.5", 200: "2", ...s }, caretColor: ({ theme: e }) => e("colors"), colors: () => ({ ...l }), columns: { auto: "auto", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", 10: "10", 11: "11", 12: "12", "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", ...l2 }, container: {}, content: { none: "none" }, contrast: { 0: "0", 50: ".5", 75: ".75", 100: "1", 125: "1.25", 150: "1.5", 200: "2", ...s }, cursor: { auto: "auto", default: "default", pointer: "pointer", wait: "wait", text: "text", move: "move", help: "help", "not-allowed": "not-allowed", none: "none", "context-menu": "context-menu", progress: "progress", cell: "cell", crosshair: "crosshair", "vertical-text": "vertical-text", alias: "alias", copy: "copy", "no-drop": "no-drop", grab: "grab", grabbing: "grabbing", "all-scroll": "all-scroll", "col-resize": "col-resize", "row-resize": "row-resize", "n-resize": "n-resize", "e-resize": "e-resize", "s-resize": "s-resize", "w-resize": "w-resize", "ne-resize": "ne-resize", "nw-resize": "nw-resize", "se-resize": "se-resize", "sw-resize": "sw-resize", "ew-resize": "ew-resize", "ns-resize": "ns-resize", "nesw-resize": "nesw-resize", "nwse-resize": "nwse-resize", "zoom-in": "zoom-in", "zoom-out": "zoom-out" }, divideColor: ({ theme: e }) => e("borderColor"), divideOpacity: ({ theme: e }) => e("borderOpacity"), divideWidth: ({ theme: e }) => ({ ...e("borderWidth"), ...d }), dropShadow: { sm: "0 1px 1px rgb(0 0 0 / 0.05)", DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"], md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"], lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"], xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"], "2xl": "0 25px 25px rgb(0 0 0 / 0.15)", none: "0 0 #0000" }, fill: ({ theme: e }) => e("colors"), flex: { 1: "1 1 0%", auto: "1 1 auto", initial: "0 1 auto", none: "none" }, flexBasis: ({ theme: e }) => ({ auto: "auto", "1/2": "50%", "1/3": "33.333333%", "2/3": "66.666667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", "1/5": "20%", "2/5": "40%", "3/5": "60%", "4/5": "80%", "1/6": "16.666667%", "2/6": "33.333333%", "3/6": "50%", "4/6": "66.666667%", "5/6": "83.333333%", "1/12": "8.333333%", "2/12": "16.666667%", "3/12": "25%", "4/12": "33.333333%", "5/12": "41.666667%", "6/12": "50%", "7/12": "58.333333%", "8/12": "66.666667%", "9/12": "75%", "10/12": "83.333333%", "11/12": "91.666667%", full: "100%", ...e("spacing") }), flexGrow: { 0: "0", DEFAULT: "1", ...l2 }, flexShrink: { 0: "0", DEFAULT: "1", ...l2 }, fontFamily: { sans: ["ui-sans-serif", "system-ui", "sans-serif", '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'], serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"], mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", '"Liberation Mono"', '"Courier New"', "monospace"] }, fontSize: { xs: ["0.75rem", { lineHeight: "1rem" }], sm: ["0.875rem", { lineHeight: "1.25rem" }], base: ["1rem", { lineHeight: "1.5rem" }], lg: ["1.125rem", { lineHeight: "1.75rem" }], xl: ["1.25rem", { lineHeight: "1.75rem" }], "2xl": ["1.5rem", { lineHeight: "2rem" }], "3xl": ["1.875rem", { lineHeight: "2.25rem" }], "4xl": ["2.25rem", { lineHeight: "2.5rem" }], "5xl": ["3rem", { lineHeight: "1" }], "6xl": ["3.75rem", { lineHeight: "1" }], "7xl": ["4.5rem", { lineHeight: "1" }], "8xl": ["6rem", { lineHeight: "1" }], "9xl": ["8rem", { lineHeight: "1" }] }, fontWeight: { thin: "100", extralight: "200", light: "300", normal: "400", medium: "500", semibold: "600", bold: "700", extrabold: "800", black: "900" }, gap: ({ theme: e }) => e("spacing"), gradientColorStops: ({ theme: e }) => e("colors"), gradientColorStopPositions: { "0%": "0%", "5%": "5%", "10%": "10%", "15%": "15%", "20%": "20%", "25%": "25%", "30%": "30%", "35%": "35%", "40%": "40%", "45%": "45%", "50%": "50%", "55%": "55%", "60%": "60%", "65%": "65%", "70%": "70%", "75%": "75%", "80%": "80%", "85%": "85%", "90%": "90%", "95%": "95%", "100%": "100%", ...s }, grayscale: { 0: "0", DEFAULT: "100%", ...s }, 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-1": "span 1 / span 1", "span-2": "span 2 / span 2", "span-3": "span 3 / span 3", "span-4": "span 4 / span 4", "span-5": "span 5 / span 5", "span-6": "span 6 / span 6", "span-7": "span 7 / span 7", "span-8": "span 8 / span 8", "span-9": "span 9 / span 9", "span-10": "span 10 / span 10", "span-11": "span 11 / span 11", "span-12": "span 12 / span 12", "span-full": "1 / -1" }, gridColumnEnd: { auto: "auto", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", 10: "10", 11: "11", 12: "12", 13: "13", ...l2 }, gridColumnStart: { auto: "auto", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", 10: "10", 11: "11", 12: "12", 13: "13", ...l2 }, gridRow: { auto: "auto", "span-1": "span 1 / span 1", "span-2": "span 2 / span 2", "span-3": "span 3 / span 3", "span-4": "span 4 / span 4", "span-5": "span 5 / span 5", "span-6": "span 6 / span 6", "span-7": "span 7 / span 7", "span-8": "span 8 / span 8", "span-9": "span 9 / span 9", "span-10": "span 10 / span 10", "span-11": "span 11 / span 11", "span-12": "span 12 / span 12", "span-full": "1 / -1" }, gridRowEnd: { auto: "auto", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", 10: "10", 11: "11", 12: "12", 13: "13", ...l2 }, gridRowStart: { auto: "auto", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", 10: "10", 11: "11", 12: "12", 13: "13", ...l2 }, gridTemplateColumns: { none: "none", subgrid: "subgrid", 1: "repeat(1, minmax(0, 1fr))", 2: "repeat(2, minmax(0, 1fr))", 3: "repeat(3, minmax(0, 1fr))", 4: "repeat(4, minmax(0, 1fr))", 5: "repeat(5, minmax(0, 1fr))", 6: "repeat(6, minmax(0, 1fr))", 7: "repeat(7, minmax(0, 1fr))", 8: "repeat(8, minmax(0, 1fr))", 9: "repeat(9, minmax(0, 1fr))", 10: "repeat(10, minmax(0, 1fr))", 11: "repeat(11, minmax(0, 1fr))", 12: "repeat(12, minmax(0, 1fr))", ...L }, gridTemplateRows: { none: "none", subgrid: "subgrid", 1: "repeat(1, minmax(0, 1fr))", 2: "repeat(2, minmax(0, 1fr))", 3: "repeat(3, minmax(0, 1fr))", 4: "repeat(4, minmax(0, 1fr))", 5: "repeat(5, minmax(0, 1fr))", 6: "repeat(6, minmax(0, 1fr))", 7: "repeat(7, minmax(0, 1fr))", 8: "repeat(8, minmax(0, 1fr))", 9: "repeat(9, minmax(0, 1fr))", 10: "repeat(10, minmax(0, 1fr))", 11: "repeat(11, minmax(0, 1fr))", 12: "repeat(12, minmax(0, 1fr))", ...L }, height: ({ theme: e }) => ({ auto: "auto", "1/2": "50%", "1/3": "33.333333%", "2/3": "66.666667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", "1/5": "20%", "2/5": "40%", "3/5": "60%", "4/5": "80%", "1/6": "16.666667%", "2/6": "33.333333%", "3/6": "50%", "4/6": "66.666667%", "5/6": "83.333333%", full: "100%", screen: "100vh", svh: "100svh", lvh: "100lvh", dvh: "100dvh", min: "min-content", max: "max-content", fit: "fit-content", ...e("spacing") }), hueRotate: { 0: "0deg", 15: "15deg", 30: "30deg", 60: "60deg", 90: "90deg", 180: "180deg", ...w }, inset: ({ theme: e }) => ({ auto: "auto", "1/2": "50%", "1/3": "33.333333%", "2/3": "66.666667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", full: "100%", ...e("spacing") }), invert: { 0: "0", DEFAULT: "100%", ...s }, keyframes: { spin: { to: { transform: "rotate(360deg)" } }, ping: { "75%, 100%": { transform: "scale(2)", opacity: "0" } }, pulse: { "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: { none: "1", tight: "1.25", snug: "1.375", normal: "1.5", relaxed: "1.625", loose: "2", 3: ".75rem", 4: "1rem", 5: "1.25rem", 6: "1.5rem", 7: "1.75rem", 8: "2rem", 9: "2.25rem", 10: "2.5rem" }, listStyleType: { none: "none", disc: "disc", decimal: "decimal" }, listStyleImage: { none: "none" }, margin: ({ theme: e }) => ({ auto: "auto", ...e("spacing") }), lineClamp: { 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", ...l2 }, maxHeight: ({ theme: e }) => ({ none: "none", full: "100%", screen: "100vh", svh: "100svh", lvh: "100lvh", dvh: "100dvh", min: "min-content", max: "max-content", fit: "fit-content", ...e("spacing") }), maxWidth: ({ theme: e }) => ({ none: "none", 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", ...e("spacing") }), minHeight: ({ theme: e }) => ({ full: "100%", screen: "100vh", svh: "100svh", lvh: "100lvh", dvh: "100dvh", min: "min-content", max: "max-content", fit: "fit-content", ...e("spacing") }), minWidth: ({ theme: e }) => ({ full: "100%", min: "min-content", max: "max-content", fit: "fit-content", ...e("spacing") }), objectPosition: { bottom: "bottom", center: "center", left: "left", "left-bottom": "left bottom", "left-top": "left top", right: "right", "right-bottom": "right bottom", "right-top": "right top", top: "top" }, opacity: { 0: "0", 5: "0.05", 10: "0.1", 15: "0.15", 20: "0.2", 25: "0.25", 30: "0.3", 35: "0.35", 40: "0.4", 45: "0.45", 50: "0.5", 55: "0.55", 60: "0.6", 65: "0.65", 70: "0.7", 75: "0.75", 80: "0.8", 85: "0.85", 90: "0.9", 95: "0.95", 100: "1", ...s }, order: { first: "-9999", last: "9999", none: "0", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", 10: "10", 11: "11", 12: "12", ...l2 }, outlineColor: ({ theme: e }) => e("colors"), outlineOffset: { 0: "0px", 1: "1px", 2: "2px", 4: "4px", 8: "8px", ...d }, outlineWidth: { 0: "0px", 1: "1px", 2: "2px", 4: "4px", 8: "8px", ...d }, padding: ({ theme: e }) => e("spacing"), placeholderColor: ({ theme: e }) => e("colors"), placeholderOpacity: ({ theme: e }) => e("opacity"), ringColor: ({ theme: e }) => ({ DEFAULT: "currentColor", ...e("colors") }), ringOffsetColor: ({ theme: e }) => e("colors"), ringOffsetWidth: { 0: "0px", 1: "1px", 2: "2px", 4: "4px", 8: "8px", ...d }, ringOpacity: ({ theme: e }) => ({ DEFAULT: "0.5", ...e("opacity") }), ringWidth: { DEFAULT: "3px", 0: "0px", 1: "1px", 2: "2px", 4: "4px", 8: "8px", ...d }, rotate: { 0: "0deg", 1: "1deg", 2: "2deg", 3: "3deg", 6: "6deg", 12: "12deg", 45: "45deg", 90: "90deg", 180: "180deg", ...w }, saturate: { 0: "0", 50: ".5", 100: "1", 150: "1.5", 200: "2", ...s }, scale: { 0: "0", 50: ".5", 75: ".75", 90: ".9", 95: ".95", 100: "1", 105: "1.05", 110: "1.1", 125: "1.25", 150: "1.5", ...s }, screens: { sm: "40rem", md: "48rem", lg: "64rem", xl: "80rem", "2xl": "96rem" }, scrollMargin: ({ theme: e }) => e("spacing"), scrollPadding: ({ theme: e }) => e("spacing"), sepia: { 0: "0", DEFAULT: "100%", ...s }, skew: { 0: "0deg", 1: "1deg", 2: "2deg", 3: "3deg", 6: "6deg", 12: "12deg", ...w }, space: ({ theme: e }) => e("spacing"), spacing: { px: "1px", 0: "0px", 0.5: "0.125rem", 1: "0.25rem", 1.5: "0.375rem", 2: "0.5rem", 2.5: "0.625rem", 3: "0.75rem", 3.5: "0.875rem", 4: "1rem", 5: "1.25rem", 6: "1.5rem", 7: "1.75rem", 8: "2rem", 9: "2.25rem", 10: "2.5rem", 11: "2.75rem", 12: "3rem", 14: "3.5rem", 16: "4rem", 20: "5rem", 24: "6rem", 28: "7rem", 32: "8rem", 36: "9rem", 40: "10rem", 44: "11rem", 48: "12rem", 52: "13rem", 56: "14rem", 60: "15rem", 64: "16rem", 72: "18rem", 80: "20rem", 96: "24rem" }, stroke: ({ theme: e }) => ({ none: "none", ...e("colors") }), strokeWidth: { 0: "0", 1: "1", 2: "2", ...l2 }, supports: {}, data: {}, textColor: ({ theme: e }) => e("colors"), textDecorationColor: ({ theme: e }) => e("colors"), textDecorationThickness: { auto: "auto", "from-font": "from-font", 0: "0px", 1: "1px", 2: "2px", 4: "4px", 8: "8px", ...d }, textIndent: ({ theme: e }) => e("spacing"), textOpacity: ({ theme: e }) => e("opacity"), textUnderlineOffset: { auto: "auto", 0: "0px", 1: "1px", 2: "2px", 4: "4px", 8: "8px", ...d }, transformOrigin: { center: "center", top: "top", "top-right": "top right", right: "right", "bottom-right": "bottom right", bottom: "bottom", "bottom-left": "bottom left", left: "left", "top-left": "top left" }, transitionDelay: { 0: "0s", 75: "75ms", 100: "100ms", 150: "150ms", 200: "200ms", 300: "300ms", 500: "500ms", 700: "700ms", 1000: "1000ms", ...T }, transitionDuration: { DEFAULT: "150ms", 0: "0s", 75: "75ms", 100: "100ms", 150: "150ms", 200: "200ms", 300: "300ms", 500: "500ms", 700: "700ms", 1000: "1000ms", ...T }, transitionProperty: { none: "none", all: "all", DEFAULT: "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter", colors: "color, background-color, border-color, outline-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: e }) => ({ "1/2": "50%", "1/3": "33.333333%", "2/3": "66.666667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", full: "100%", ...e("spacing") }), size: ({ theme: e }) => ({ auto: "auto", "1/2": "50%", "1/3": "33.333333%", "2/3": "66.666667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", "1/5": "20%", "2/5": "40%", "3/5": "60%", "4/5": "80%", "1/6": "16.666667%", "2/6": "33.333333%", "3/6": "50%", "4/6": "66.666667%", "5/6": "83.333333%", "1/12": "8.333333%", "2/12": "16.666667%", "3/12": "25%", "4/12": "33.333333%", "5/12": "41.666667%", "6/12": "50%", "7/12": "58.333333%", "8/12": "66.666667%", "9/12": "75%", "10/12": "83.333333%", "11/12": "91.666667%", full: "100%", min: "min-content", max: "max-content", fit: "fit-content", ...e("spacing") }), width: ({ theme: e }) => ({ auto: "auto", "1/2": "50%", "1/3": "33.333333%", "2/3": "66.666667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", "1/5": "20%", "2/5": "40%", "3/5": "60%", "4/5": "80%", "1/6": "16.666667%", "2/6": "33.333333%", "3/6": "50%", "4/6": "66.666667%", "5/6": "83.333333%", "1/12": "8.333333%", "2/12": "16.666667%", "3/12": "25%", "4/12": "33.333333%", "5/12": "41.666667%", "6/12": "50%", "7/12": "58.333333%", "8/12": "66.666667%", "9/12": "75%", "10/12": "83.333333%", "11/12": "91.666667%", full: "100%", screen: "100vw", svw: "100svw", lvw: "100lvw", dvw: "100dvw", min: "min-content", max: "max-content", fit: "fit-content", ...e("spacing") }), willChange: { auto: "auto", scroll: "scroll-position", contents: "contents", transform: "transform" }, zIndex: { auto: "auto", 0: "0", 10: "10", 20: "20", 30: "30", 40: "40", 50: "50", ...l2 } };
// src/utils/comment.ts
function isRem(str) {
return /^[0-9]+rem$/.test(str);
}
function parseRemToPx(str) {
const remValue = parseFloat(str.replace(/rem$/, ""));
return `${remValue * 16}px`;
}
function createPxComment(str) {
if (isRem(str))
return ` /* ${parseRemToPx(str)} */`;
return "";
}
// src/grid-extended.ts
var gridAuto = g(function({ addUtilities, matchUtilities, theme }) {
addUtilities({
".grid-layer": {
gridTemplateAreas: "'stack'",
gridTemplateColumns: "1fr",
"& > *": {
gridArea: "stack"
}
}
});
matchUtilities({
"grid-auto-fill": (value) => ({
gridTemplateColumns: `repeat(auto-fill, minmax(min(${value}, 100%), 1fr))` + createPxComment(value)
}),
"grid-auto-fit": (value) => ({
gridTemplateColumns: `repeat(auto-fit, minmax(min(${value}, 100%), 1fr))` + createPxComment(value)
})
}, { values: { ...theme("gridAutoFill"), ...theme("maxWidth") } });
}, {
theme: {
gridAutoFill: {
DEFAULT: "16rem",
...ye.spacing
}
}
});
var grid_extended_default = gridAuto;
export {
gridAuto,
grid_extended_default as default
};