tailwind-to-style 3.2.2 → 3.3.0

package/dist/core/twsx.cjs

@@ -1,5 +1,5 @@
 /**
- * tailwind-to-style v3.2.2
+ * tailwind-to-style v3.3.0
  * Runtime Tailwind CSS to inline styles converter
  * 
  * @author Bigetion
@@ -156,13 +156,15 @@ const theme = {
   },
   borderRadius: {
     none: "0px",
-    sm: "0.125rem",
+    xs: "0.125rem",
+    sm: "0.25rem",
     DEFAULT: "0.25rem",
     md: "0.375rem",
     lg: "0.5rem",
     xl: "0.75rem",
     "2xl": "1rem",
     "3xl": "1.5rem",
+    "4xl": "2rem",
     full: "9999px",
     custom: "custom_value"
   },
@@ -183,7 +185,8 @@ const theme = {
     custom: "custom_value"
   },
   boxShadow: {
-    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
     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)",
@@ -234,7 +237,8 @@ const theme = {
       600: "#475569",
       700: "#334155",
       800: "#1e293b",
-      900: "#0f172a"
+      900: "#0f172a",
+      950: "#020617"
     },
     gray: {
       50: "#f9fafb",
@@ -246,7 +250,8 @@ const theme = {
       600: "#4b5563",
       700: "#374151",
       800: "#1f2937",
-      900: "#111827"
+      900: "#111827",
+      950: "#030712"
     },
     zinc: {
       50: "#fafafa",
@@ -258,7 +263,8 @@ const theme = {
       600: "#52525b",
       700: "#3f3f46",
       800: "#27272a",
-      900: "#18181b"
+      900: "#18181b",
+      950: "#09090b"
     },
     neutral: {
       50: "#fafafa",
@@ -270,7 +276,8 @@ const theme = {
       600: "#525252",
       700: "#404040",
       800: "#262626",
-      900: "#171717"
+      900: "#171717",
+      950: "#0a0a0a"
     },
     stone: {
       50: "#fafaf9",
@@ -282,7 +289,8 @@ const theme = {
       600: "#57534e",
       700: "#44403c",
       800: "#292524",
-      900: "#1c1917"
+      900: "#1c1917",
+      950: "#0c0a09"
     },
     red: {
       50: "#fef2f2",
@@ -294,7 +302,8 @@ const theme = {
       600: "#dc2626",
       700: "#b91c1c",
       800: "#991b1b",
-      900: "#7f1d1d"
+      900: "#7f1d1d",
+      950: "#450a0a"
     },
     orange: {
       50: "#fff7ed",
@@ -306,7 +315,8 @@ const theme = {
       600: "#ea580c",
       700: "#c2410c",
       800: "#9a3412",
-      900: "#7c2d12"
+      900: "#7c2d12",
+      950: "#431407"
     },
     amber: {
       50: "#fffbeb",
@@ -318,7 +328,8 @@ const theme = {
       600: "#d97706",
       700: "#b45309",
       800: "#92400e",
-      900: "#78350f"
+      900: "#78350f",
+      950: "#451a03"
     },
     yellow: {
       50: "#fefce8",
@@ -330,7 +341,8 @@ const theme = {
       600: "#ca8a04",
       700: "#a16207",
       800: "#854d0e",
-      900: "#713f12"
+      900: "#713f12",
+      950: "#422006"
     },
     lime: {
       50: "#f7fee7",
@@ -342,7 +354,8 @@ const theme = {
       600: "#65a30d",
       700: "#4d7c0f",
       800: "#3f6212",
-      900: "#365314"
+      900: "#365314",
+      950: "#1a2e05"
     },
     green: {
       50: "#f0fdf4",
@@ -354,7 +367,8 @@ const theme = {
       600: "#16a34a",
       700: "#15803d",
       800: "#166534",
-      900: "#14532d"
+      900: "#14532d",
+      950: "#052e16"
     },
     emerald: {
       50: "#ecfdf5",
@@ -366,7 +380,8 @@ const theme = {
       600: "#059669",
       700: "#047857",
       800: "#065f46",
-      900: "#064e3b"
+      900: "#064e3b",
+      950: "#022c22"
     },
     teal: {
       50: "#f0fdfa",
@@ -378,7 +393,8 @@ const theme = {
       600: "#0d9488",
       700: "#0f766e",
       800: "#115e59",
-      900: "#134e4a"
+      900: "#134e4a",
+      950: "#042f2e"
     },
     cyan: {
       50: "#ecfeff",
@@ -390,7 +406,8 @@ const theme = {
       600: "#0891b2",
       700: "#0e7490",
       800: "#155e75",
-      900: "#164e63"
+      900: "#164e63",
+      950: "#083344"
     },
     sky: {
       50: "#f0f9ff",
@@ -402,7 +419,8 @@ const theme = {
       600: "#0284c7",
       700: "#0369a1",
       800: "#075985",
-      900: "#0c4a6e"
+      900: "#0c4a6e",
+      950: "#082f49"
     },
     blue: {
       50: "#eff6ff",
@@ -414,7 +432,8 @@ const theme = {
       600: "#2563eb",
       700: "#1d4ed8",
       800: "#1e40af",
-      900: "#1e3a8a"
+      900: "#1e3a8a",
+      950: "#172554"
     },
     indigo: {
       50: "#eef2ff",
@@ -426,7 +445,8 @@ const theme = {
       600: "#4f46e5",
       700: "#4338ca",
       800: "#3730a3",
-      900: "#312e81"
+      900: "#312e81",
+      950: "#1e1b4b"
     },
     violet: {
       50: "#f5f3ff",
@@ -438,7 +458,8 @@ const theme = {
       600: "#7c3aed",
       700: "#6d28d9",
       800: "#5b21b6",
-      900: "#4c1d95"
+      900: "#4c1d95",
+      950: "#2e1065"
     },
     purple: {
       50: "#faf5ff",
@@ -450,7 +471,8 @@ const theme = {
       600: "#9333ea",
       700: "#7e22ce",
       800: "#6b21a8",
-      900: "#581c87"
+      900: "#581c87",
+      950: "#3b0764"
     },
     fuchsia: {
       50: "#fdf4ff",
@@ -462,7 +484,8 @@ const theme = {
       600: "#c026d3",
       700: "#a21caf",
       800: "#86198f",
-      900: "#701a75"
+      900: "#701a75",
+      950: "#4a044e"
     },
     pink: {
       50: "#fdf2f8",
@@ -474,7 +497,8 @@ const theme = {
       600: "#db2777",
       700: "#be185d",
       800: "#9d174d",
-      900: "#831843"
+      900: "#831843",
+      950: "#500724"
     },
     rose: {
       50: "#fff1f2",
@@ -486,7 +510,8 @@ const theme = {
       600: "#e11d48",
       700: "#be123c",
       800: "#9f1239",
-      900: "#881337"
+      900: "#881337",
+      950: "#4c0519"
     },
     custom: "custom_value"
   },
@@ -678,6 +703,17 @@ const theme = {
     "9xl": "8rem",
     custom: "custom_value"
   },
+  fontStretch: {
+    "ultra-condensed": "ultra-condensed",
+    "extra-condensed": "extra-condensed",
+    condensed: "condensed",
+    "semi-condensed": "semi-condensed",
+    normal: "normal",
+    "semi-expanded": "semi-expanded",
+    expanded: "expanded",
+    "extra-expanded": "extra-expanded",
+    "ultra-expanded": "ultra-expanded"
+  },
   fontWeight: {
     thin: "100",
     extralight: "200",
@@ -926,6 +962,14 @@ const theme = {
       full: "100%"
     };
   },
+  insetShadow: {
+    xs: "inset 0 1px 1px 0 rgb(0 0 0 / 0.05)",
+    sm: "inset 0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    DEFAULT: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    md: "inset 0 2px 6px 0 rgb(0 0 0 / 0.08)",
+    lg: "inset 0 4px 8px 0 rgb(0 0 0 / 0.10)",
+    none: "none"
+  },
   invert: {
     0: "0",
     DEFAULT: "100%"
@@ -1136,6 +1180,15 @@ const theme = {
     } = _ref32;
     return theme("spacing");
   },
+  perspective: {
+    none: "none",
+    dramatic: "100px",
+    near: "300px",
+    normal: "500px",
+    midrange: "800px",
+    distant: "1200px",
+    custom: "custom_value"
+  },
   ringColor: _ref33 => {
     let {
       theme
@@ -1224,6 +1277,14 @@ const theme = {
     } = _ref37;
     return theme("spacing");
   },
+  screens: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    "2xl": "1536px",
+    "3xl": "1920px"
+  },
   sepia: {
     0: "0",
     DEFAULT: "100%"
@@ -1615,9 +1676,15 @@ const theme = {
 };
 
 const vars = {
-  transform: "transform: translateX(var(--transform-translate-x, 0)) translateY(var(--transform-translate-y, 0)) rotate(var(--transform-rotate, 0)) skewX(var(--transform-skew-x, 0)) skewY(var(--transform-skew-y, 0)) scaleX(var(--transform-scale-x, 1)) scaleY(var(--transform-scale-y, 1));",
+  // 2D + 3D composite transform (Tailwind v4 extends with 3D axes)
+  transform: "transform: translateX(var(--transform-translate-x, 0)) translateY(var(--transform-translate-y, 0)) translateZ(var(--transform-translate-z, 0)) rotate(var(--transform-rotate, 0)) rotateX(var(--transform-rotate-x, 0)) rotateY(var(--transform-rotate-y, 0)) skewX(var(--transform-skew-x, 0)) skewY(var(--transform-skew-y, 0)) scaleX(var(--transform-scale-x, 1)) scaleY(var(--transform-scale-y, 1)) scaleZ(var(--transform-scale-z, 1));",
   filter: "filter: blur(var(--blur, 0)) brightness(var(--brightness, 1)) contrast(var(--contrast, 1)) grayscale(var(--grayscale, 0)) hue-rotate(var(--hue-rotate, 0deg)) invert(var(--invert, 0)) saturate(var(--saturate, 1)) sepia(var(--sepia, 0)) drop-shadow(var(--drop-shadow, 0 0 #0000));",
-  backdropFilter: "-webkit-backdrop-filter: blur(var(--backdrop-blur, 0)) brightness(var(--backdrop-brightness, 1)) contrast(var(--backdrop-contrast, 1)) grayscale(var(--backdrop-grayscale, 0)) hue-rotate(var(--backdrop-hue-rotate, 0deg)) invert(var(--backdrop-invert, 0)) opacity(var(--backdrop-opacity, 1)) saturate(var(--backdrop-saturate, 1)) sepia(var(--backdrop-sepia, 0)); backdrop-filter: blur(var(--backdrop-blur, 0)) brightness(var(--backdrop-brightness, 1)) contrast(var(--backdrop-contrast, 1)) grayscale(var(--backdrop-grayscale, 0)) hue-rotate(var(--backdrop-hue-rotate, 0deg)) invert(var(--backdrop-invert, 0)) opacity(var(--backdrop-opacity, 1)) saturate(var(--backdrop-saturate, 1)) sepia(var(--backdrop-sepia, 0));"
+  backdropFilter: "-webkit-backdrop-filter: blur(var(--backdrop-blur, 0)) brightness(var(--backdrop-brightness, 1)) contrast(var(--backdrop-contrast, 1)) grayscale(var(--backdrop-grayscale, 0)) hue-rotate(var(--backdrop-hue-rotate, 0deg)) invert(var(--backdrop-invert, 0)) opacity(var(--backdrop-opacity, 1)) saturate(var(--backdrop-saturate, 1)) sepia(var(--backdrop-sepia, 0)); backdrop-filter: blur(var(--backdrop-blur, 0)) brightness(var(--backdrop-brightness, 1)) contrast(var(--backdrop-contrast, 1)) grayscale(var(--backdrop-grayscale, 0)) hue-rotate(var(--backdrop-hue-rotate, 0deg)) invert(var(--backdrop-invert, 0)) opacity(var(--backdrop-opacity, 1)) saturate(var(--backdrop-saturate, 1)) sepia(var(--backdrop-sepia, 0));",
+  // Tailwind v4: 3D transform style control
+  transformStyle3d: "transform-style: preserve-3d;",
+  transformStyleFlat: "transform-style: flat;",
+  backfaceVisible: "backface-visibility: visible;",
+  backfaceHidden: "backface-visibility: hidden;"
 };
 
 const configOptions = {
@@ -1817,14 +1884,15 @@ let userConfig = {
   plugins: [],
   corePlugins: {},
   prefix: "",
+  // Tailwind v4 compatibility mode
+  // When true: enables v4-only features (container queries, @starting-style,
+  // open: variant, forced-colors:, print:) and warns about v3-deprecated utilities.
+  v4: false,
   styled: {
     prefix: "twsx",
-    // Global prefix for styled components
     separator: "-",
-    // Separator between prefix and component
     hashLength: 6,
-    // Length of generated hash
-    includeComponentName: true // Include component type in classname
+    includeComponentName: true
   }
 };
 
@@ -1988,7 +2056,78 @@ function generateCssString$1() {
   return cssString;
 }
 
-function generator$2N() {
+/**
+ * Proper LRU (Least Recently Used) Cache implementation
+ * Efficiently manages memory by removing least recently used items
+ */
+class LRUCache {
+  constructor() {
+    let maxSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
+    this.maxSize = maxSize;
+    this.cache = new Map();
+  }
+
+  /**
+   * Get value from cache
+   * Updates the item as most recently used
+   */
+  get(key) {
+    if (!this.cache.has(key)) {
+      return undefined;
+    }
+    const value = this.cache.get(key);
+    // Move to end (most recently used)
+    this.cache.delete(key);
+    this.cache.set(key, value);
+    return value;
+  }
+
+  /**
+   * Set value in cache
+   * Removes least recently used item if cache is full
+   */
+  set(key, value) {
+    // If key exists, delete it first to update position
+    if (this.cache.has(key)) {
+      this.cache.delete(key);
+    } else if (this.cache.size >= this.maxSize) {
+      // Remove least recently used (first item)
+      const firstKey = this.cache.keys().next().value;
+      this.cache.delete(firstKey);
+    }
+    this.cache.set(key, value);
+  }
+
+  /**
+   * Check if key exists in cache
+   */
+  has(key) {
+    return this.cache.has(key);
+  }
+
+  /**
+   * Clear all cache entries
+   */
+  clear() {
+    this.cache.clear();
+  }
+
+  /**
+   * Get current cache size
+   */
+  get size() {
+    return this.cache.size;
+  }
+
+  /**
+   * Delete specific key
+   */
+  delete(key) {
+    return this.cache.delete(key);
+  }
+}
+
+function generator$2S() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2038,7 +2177,7 @@ function generator$2N() {
   return responsiveCssString;
 }
 
-function generator$2M() {
+function generator$2R() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -2077,7 +2216,7 @@ function generator$2M() {
   return responsiveCssString;
 }
 
-function generator$2L() {
+function generator$2Q() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2105,7 +2244,7 @@ function generator$2L() {
   return responsiveCssString;
 }
 
-function generator$2K() {
+function generator$2P() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2132,7 +2271,7 @@ function generator$2K() {
   return responsiveCssString;
 }
 
-function generator$2J() {
+function generator$2O() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2263,7 +2402,7 @@ const INLINE_ANIMATIONS = {
  * Generates animation utility classes with dynamic inline animations
  */
 
-function generator$2I() {
+function generator$2N() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2356,7 +2495,7 @@ function generator$2I() {
   return responsiveCssString;
 }
 
-function generator$2H() {
+function generator$2M() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -2376,7 +2515,7 @@ function generator$2H() {
   return responsiveCssString;
 }
 
-function generator$2G() {
+function generator$2L() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2423,7 +2562,7 @@ function generator$2G() {
   return responsiveCssString;
 }
 
-function generator$2F() {
+function generator$2K() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2444,7 +2583,7 @@ function generator$2F() {
   return responsiveCssString;
 }
 
-function generator$2E() {
+function generator$2J() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2471,7 +2610,7 @@ function generator$2E() {
   return responsiveCssString;
 }
 
-function generator$2D() {
+function generator$2I() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2511,7 +2650,7 @@ function generator$2D() {
   return responsiveCssString;
 }
 
-function generator$2C() {
+function generator$2H() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2545,7 +2684,7 @@ function generator$2C() {
   return responsiveCssString;
 }
 
-function generator$2B() {
+function generator$2G() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2569,7 +2708,7 @@ function generator$2B() {
   return responsiveCssString;
 }
 
-function generator$2A() {
+function generator$2F() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2595,7 +2734,7 @@ function generator$2A() {
   return responsiveCssString;
 }
 
-function generator$2z() {
+function generator$2E() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2629,7 +2768,7 @@ function generator$2z() {
   return responsiveCssString;
 }
 
-function generator$2y() {
+function generator$2D() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -2657,7 +2796,7 @@ function generator$2y() {
   return responsiveCssString;
 }
 
-function generator$2x() {
+function generator$2C() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2691,7 +2830,7 @@ function generator$2x() {
   return responsiveCssString;
 }
 
-function generator$2w() {
+function generator$2B() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2720,7 +2859,7 @@ function generator$2w() {
   return responsiveCssString;
 }
 
-function generator$2v() {
+function generator$2A() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2749,7 +2888,7 @@ function generator$2v() {
   return responsiveCssString;
 }
 
-function generator$2u() {
+function generator$2z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2778,7 +2917,7 @@ function generator$2u() {
   return responsiveCssString;
 }
 
-function generator$2t() {
+function generator$2y() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -2798,7 +2937,7 @@ function generator$2t() {
   return responsiveCssString;
 }
 
-function generator$2s() {
+function generator$2x() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2827,7 +2966,7 @@ function generator$2s() {
   return responsiveCssString;
 }
 
-function generator$2r() {
+function generator$2w() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2856,7 +2995,7 @@ function generator$2r() {
   return responsiveCssString;
 }
 
-function generator$2q() {
+function generator$2v() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2885,7 +3024,7 @@ function generator$2q() {
   return responsiveCssString;
 }
 
-function generator$2p() {
+function generator$2u() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2914,7 +3053,7 @@ function generator$2p() {
   return responsiveCssString;
 }
 
-function generator$2o() {
+function generator$2t() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2943,7 +3082,7 @@ function generator$2o() {
   return responsiveCssString;
 }
 
-function generator$2n() {
+function generator$2s() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -2972,7 +3111,7 @@ function generator$2n() {
   return responsiveCssString;
 }
 
-function generator$2m() {
+function generator$2r() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3006,7 +3145,7 @@ function generator$2m() {
   return responsiveCssString;
 }
 
-function generator$2l() {
+function generator$2q() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3027,7 +3166,7 @@ function generator$2l() {
   return responsiveCssString;
 }
 
-function generator$2k() {
+function generator$2p() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3118,7 +3257,7 @@ function generator$2k() {
   return responsiveCssString;
 }
 
-function generator$2j() {
+function generator$2o() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3142,7 +3281,7 @@ function generator$2j() {
   return responsiveCssString;
 }
 
-function generator$2i() {
+function generator$2n() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3217,7 +3356,27 @@ function generator$2i() {
   return responsiveCssString;
 }
 
-function generator$2h() {
+/**
+ * Generates color-scheme-* utility classes (Tailwind v4)
+ *
+ * Controls the OS color scheme hint for form elements and browser UI.
+ * Usage: color-scheme-normal, color-scheme-light, color-scheme-dark, color-scheme-light-dark
+ */
+function generator$2m() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix
+  } = configOptions;
+  const p = `${globalPrefix}color-scheme`;
+  return generateCssString$1(() => `
+      .${p}-normal { color-scheme: normal; }
+      .${p}-light { color-scheme: light; }
+      .${p}-dark { color-scheme: dark; }
+      .${p}-light-dark { color-scheme: light dark; }
+    `, configOptions);
+}
+
+function generator$2l() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3252,7 +3411,7 @@ function generator$2h() {
   return responsiveCssString;
 }
 
-function generator$2g() {
+function generator$2k() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3273,7 +3432,7 @@ function generator$2g() {
   return responsiveCssString;
 }
 
-function generator$2f() {
+function generator$2j() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3338,7 +3497,7 @@ function generator$2f() {
   return responsiveCssString;
 }
 
-function generator$2e() {
+function generator$2i() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3360,7 +3519,7 @@ function generator$2e() {
   return responsiveCssString;
 }
 
-function generator$2d() {
+function generator$2h() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3414,7 +3573,7 @@ function generator$2d() {
   return responsiveCssString;
 }
 
-function generator$2c() {
+function generator$2g() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3438,7 +3597,7 @@ function generator$2c() {
   return responsiveCssString;
 }
 
-function generator$2b() {
+function generator$2f() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3458,7 +3617,7 @@ function generator$2b() {
   return responsiveCssString;
 }
 
-function generator$2a() {
+function generator$2e() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3478,7 +3637,7 @@ function generator$2a() {
   return responsiveCssString;
 }
 
-function generator$29() {
+function generator$2d() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3498,7 +3657,7 @@ function generator$29() {
   return responsiveCssString;
 }
 
-function generator$28() {
+function generator$2c() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3532,7 +3691,7 @@ function generator$28() {
   return responsiveCssString;
 }
 
-function generator$27() {
+function generator$2b() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3553,7 +3712,7 @@ function generator$27() {
   return responsiveCssString;
 }
 
-function generator$26() {
+function generator$2a() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3603,7 +3762,7 @@ function generator$26() {
   return responsiveCssString;
 }
 
-function generator$25() {
+function generator$29() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3624,7 +3783,7 @@ function generator$25() {
   return responsiveCssString;
 }
 
-function generator$24() {
+function generator$28() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -3647,7 +3806,7 @@ function generator$24() {
   return responsiveCssString;
 }
 
-function generator$23() {
+function generator$27() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3663,7 +3822,7 @@ function generator$23() {
   return responsiveCssString;
 }
 
-function generator$22() {
+function generator$26() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3687,7 +3846,7 @@ function generator$22() {
   return responsiveCssString;
 }
 
-function generator$21() {
+function generator$25() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3721,7 +3880,7 @@ function generator$21() {
   return responsiveCssString;
 }
 
-function generator$20() {
+function generator$24() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3742,7 +3901,7 @@ function generator$20() {
   return responsiveCssString;
 }
 
-function generator$1$() {
+function generator$23() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3762,7 +3921,7 @@ function generator$1$() {
   return responsiveCssString;
 }
 
-function generator$1_() {
+function generator$22() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3793,7 +3952,7 @@ function generator$1_() {
   return responsiveCssString;
 }
 
-function generator$1Z() {
+function generator$21() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3817,7 +3976,7 @@ function generator$1Z() {
   return responsiveCssString;
 }
 
-function generator$1Y() {
+function generator$20() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -3838,7 +3997,7 @@ function generator$1Y() {
   return responsiveCssString;
 }
 
-function generator$1X() {
+function generator$1$() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3886,7 +4045,7 @@ function generator$1X() {
   return responsiveCssString;
 }
 
-function generator$1W() {
+function generator$1_() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3914,7 +4073,7 @@ function generator$1W() {
   return responsiveCssString;
 }
 
-function generator$1V() {
+function generator$1Z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3940,7 +4099,25 @@ function generator$1V() {
   return responsiveCssString;
 }
 
-function generator$1U(_ref) {
+/**
+ * Generates field-sizing-* utility classes (Tailwind v4)
+ *
+ * Controls whether form elements size to their content or use fixed sizing.
+ * Usage: field-sizing-fixed, field-sizing-content
+ */
+function generator$1Y() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix
+  } = configOptions;
+  const p = `${globalPrefix}field-sizing`;
+  return generateCssString$1(() => `
+      .${p}-fixed { field-sizing: fixed; }
+      .${p}-content { field-sizing: content; }
+    `, configOptions);
+}
+
+function generator$1X(_ref) {
   let {
     prefix
   } = _ref;
@@ -3953,7 +4130,7 @@ function generator$1U(_ref) {
 `;
 }
 
-function generator$1T() {
+function generator$1W() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3977,7 +4154,7 @@ function generator$1T() {
   return responsiveCssString;
 }
 
-function generator$1S() {
+function generator$1V() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4001,7 +4178,7 @@ function generator$1S() {
   return responsiveCssString;
 }
 
-function generator$1R() {
+function generator$1U() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4027,7 +4204,7 @@ function generator$1R() {
   return responsiveCssString;
 }
 
-function generator$1Q() {
+function generator$1T() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4051,7 +4228,7 @@ function generator$1Q() {
   return responsiveCssString;
 }
 
-function generator$1P() {
+function generator$1S() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4075,7 +4252,7 @@ function generator$1P() {
   return responsiveCssString;
 }
 
-function generator$1O() {
+function generator$1R() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4101,7 +4278,7 @@ function generator$1O() {
   return responsiveCssString;
 }
 
-function generator$1N() {
+function generator$1Q() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4122,7 +4299,7 @@ function generator$1N() {
   return responsiveCssString;
 }
 
-function generator$1M() {
+function generator$1P() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4148,7 +4325,7 @@ function generator$1M() {
   return responsiveCssString;
 }
 
-function generator$1L() {
+function generator$1O() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4182,7 +4359,7 @@ function generator$1L() {
   return responsiveCssString;
 }
 
-function generator$1K() {
+function generator$1N() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -4202,7 +4379,39 @@ function generator$1K() {
   return responsiveCssString;
 }
 
-function generator$1J() {
+/**
+ * Generates font-stretch-* utility classes (Tailwind v4)
+ *
+ * Maps fontStretch theme tokens to font-stretch declarations.
+ * Usage: font-stretch-condensed, font-stretch-expanded, font-stretch-normal, etc.
+ */
+function generator$1M() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}font-stretch`;
+  const {
+    fontStretch = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    return getCssByOptions(fontStretch, (key, value) => {
+      if (value === "custom_value") return "";
+      return `
+          .${prefix}-${key} {
+            font-stretch: ${value};
+          }
+        `;
+    });
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$1L() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -4225,7 +4434,7 @@ function generator$1J() {
   return responsiveCssString;
 }
 
-function generator$1I() {
+function generator$1K() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -4255,7 +4464,7 @@ function generator$1I() {
   return responsiveCssString;
 }
 
-function generator$1H() {
+function generator$1J() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4289,7 +4498,7 @@ function generator$1H() {
   return responsiveCssString;
 }
 
-function generator$1G() {
+function generator$1I() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4319,7 +4528,7 @@ function generator$1G() {
   return responsiveCssString;
 }
 
-function generator$1F() {
+function generator$1H() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -4358,7 +4567,7 @@ function generator$1F() {
   return responsiveCssString;
 }
 
-function generator$1E() {
+function generator$1G() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4392,7 +4601,7 @@ function generator$1E() {
   return responsiveCssString;
 }
 
-function generator$1D() {
+function generator$1F() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4416,7 +4625,7 @@ function generator$1D() {
   return responsiveCssString;
 }
 
-function generator$1C() {
+function generator$1E() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4442,7 +4651,7 @@ function generator$1C() {
   return responsiveCssString;
 }
 
-function generator$1B() {
+function generator$1D() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4466,7 +4675,7 @@ function generator$1B() {
   return responsiveCssString;
 }
 
-function generator$1A() {
+function generator$1C() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4490,7 +4699,7 @@ function generator$1A() {
   return responsiveCssString;
 }
 
-function generator$1z() {
+function generator$1B() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4514,7 +4723,7 @@ function generator$1z() {
   return responsiveCssString;
 }
 
-function generator$1y() {
+function generator$1A() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4538,7 +4747,7 @@ function generator$1y() {
   return responsiveCssString;
 }
 
-function generator$1x() {
+function generator$1z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4562,7 +4771,7 @@ function generator$1x() {
   return responsiveCssString;
 }
 
-function generator$1w() {
+function generator$1y() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4586,7 +4795,7 @@ function generator$1w() {
   return responsiveCssString;
 }
 
-function generator$1v() {
+function generator$1x() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4610,7 +4819,7 @@ function generator$1v() {
   return responsiveCssString;
 }
 
-function generator$1u() {
+function generator$1w() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4634,7 +4843,7 @@ function generator$1u() {
   return responsiveCssString;
 }
 
-function generator$1t() {
+function generator$1v() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4658,7 +4867,7 @@ function generator$1t() {
   return responsiveCssString;
 }
 
-function generator$1s() {
+function generator$1u() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4682,7 +4891,7 @@ function generator$1s() {
   return responsiveCssString;
 }
 
-function generator$1r() {
+function generator$1t() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4720,7 +4929,7 @@ function generator$1r() {
   return responsiveCssString;
 }
 
-function generator$1q() {
+function generator$1s() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4742,7 +4951,7 @@ function generator$1q() {
   return responsiveCssString;
 }
 
-function generator$1p() {
+function generator$1r() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4800,7 +5009,40 @@ function generator$1p() {
   return responsiveCssString;
 }
 
-function generator$1o() {
+/**
+ * Generates inset-shadow-* utility classes (Tailwind v4)
+ *
+ * Maps insetShadow theme tokens to box-shadow: inset ... declarations.
+ * Usage: inset-shadow-sm, inset-shadow-md, inset-shadow-lg, inset-shadow-none
+ */
+function generator$1q() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}inset-shadow`;
+  const {
+    insetShadow = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    return getCssByOptions(insetShadow, (key, value) => {
+      if (value === "custom_value") return "";
+      const className = key === "DEFAULT" ? prefix : `${prefix}-${key}`;
+      return `
+          .${className} {
+            box-shadow: ${value};
+          }
+        `;
+    });
+  }, configOptions);
+  return responsiveCssString;
+}
+
+function generator$1p() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4834,7 +5076,7 @@ function generator$1o() {
   return responsiveCssString;
 }
 
-function generator$1n() {
+function generator$1o() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4858,7 +5100,7 @@ function generator$1n() {
   return responsiveCssString;
 }
 
-function generator$1m() {
+function generator$1n() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4886,7 +5128,7 @@ function generator$1m() {
   return responsiveCssString;
 }
 
-function generator$1l() {
+function generator$1m() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4907,7 +5149,7 @@ function generator$1l() {
   return responsiveCssString;
 }
 
-function generator$1k() {
+function generator$1l() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -4928,7 +5170,7 @@ function generator$1k() {
   return responsiveCssString;
 }
 
-function generator$1j() {
+function generator$1k() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4952,7 +5194,7 @@ function generator$1j() {
   return responsiveCssString;
 }
 
-function generator$1i() {
+function generator$1j() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -4979,7 +5221,7 @@ function generator$1i() {
   return responsiveCssString;
 }
 
-function generator$1h() {
+function generator$1i() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5003,7 +5245,7 @@ function generator$1h() {
   return responsiveCssString;
 }
 
-function generator$1g() {
+function generator$1h() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -5019,7 +5261,7 @@ function generator$1g() {
   return responsiveCssString;
 }
 
-function generator$1f() {
+function generator$1g() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5040,7 +5282,7 @@ function generator$1f() {
   return responsiveCssString;
 }
 
-function generator$1e() {
+function generator$1f() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5064,7 +5306,7 @@ function generator$1e() {
   return responsiveCssString;
 }
 
-function generator$1d() {
+function generator$1e() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5125,7 +5367,7 @@ function generator$1d() {
   return responsiveCssString;
 }
 
-function generator$1c() {
+function generator$1d() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5149,7 +5391,7 @@ function generator$1c() {
   return responsiveCssString;
 }
 
-function generator$1b() {
+function generator$1c() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5173,7 +5415,7 @@ function generator$1b() {
   return responsiveCssString;
 }
 
-function generator$1a() {
+function generator$1b() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5197,7 +5439,7 @@ function generator$1a() {
   return responsiveCssString;
 }
 
-function generator$19() {
+function generator$1a() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5221,7 +5463,7 @@ function generator$19() {
   return responsiveCssString;
 }
 
-function generator$18() {
+function generator$19() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5247,7 +5489,7 @@ function generator$18() {
   return responsiveCssString;
 }
 
-function generator$17() {
+function generator$18() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5268,7 +5510,7 @@ function generator$17() {
   return responsiveCssString;
 }
 
-function generator$16() {
+function generator$17() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5289,7 +5531,7 @@ function generator$16() {
   return responsiveCssString;
 }
 
-function generator$15() {
+function generator$16() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5320,7 +5562,7 @@ function generator$15() {
   return responsiveCssString;
 }
 
-function generator$14() {
+function generator$15() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5344,7 +5586,7 @@ function generator$14() {
   return responsiveCssString;
 }
 
-function generator$13() {
+function generator$14() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5388,7 +5630,7 @@ function generator$13() {
   return responsiveCssString;
 }
 
-function generator$12() {
+function generator$13() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5414,7 +5656,7 @@ function generator$12() {
   return responsiveCssString;
 }
 
-function generator$11() {
+function generator$12() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5441,7 +5683,7 @@ function generator$11() {
   return responsiveCssString;
 }
 
-function generator$10() {
+function generator$11() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5473,7 +5715,7 @@ function generator$10() {
   return responsiveCssString;
 }
 
-function generator$$() {
+function generator$10() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5507,7 +5749,7 @@ function generator$$() {
   return responsiveCssString;
 }
 
-function generator$_() {
+function generator$$() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5542,7 +5784,7 @@ function generator$_() {
   return responsiveCssString;
 }
 
-function generator$Z() {
+function generator$_() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5569,7 +5811,7 @@ function generator$Z() {
   return responsiveCssString;
 }
 
-function generator$Y() {
+function generator$Z() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5619,6 +5861,39 @@ function generator$Y() {
   return responsiveCssString;
 }
 
+/**
+ * Generates perspective-* utility classes (Tailwind v4)
+ *
+ * Maps perspective theme tokens to CSS perspective declarations for 3D transforms.
+ * Usage: perspective-none, perspective-dramatic, perspective-near, perspective-normal,
+ *        perspective-midrange, perspective-distant
+ */
+function generator$Y() {
+  let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefix: globalPrefix,
+    theme = {}
+  } = configOptions;
+  const prefix = `${globalPrefix}perspective`;
+  const {
+    perspective = {}
+  } = theme;
+  const responsiveCssString = generateCssString$1(_ref => {
+    let {
+      getCssByOptions
+    } = _ref;
+    return getCssByOptions(perspective, (key, value) => {
+      if (value === "custom_value") return "";
+      return `
+          .${prefix}-${key} {
+            perspective: ${value};
+          }
+        `;
+    });
+  }, configOptions);
+  return responsiveCssString;
+}
+
 function generator$X() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
@@ -7354,77 +7629,6 @@ function generator() {
   return responsiveCssString;
 }
 
-/**
- * Proper LRU (Least Recently Used) Cache implementation
- * Efficiently manages memory by removing least recently used items
- */
-class LRUCache {
-  constructor() {
-    let maxSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
-    this.maxSize = maxSize;
-    this.cache = new Map();
-  }
-
-  /**
-   * Get value from cache
-   * Updates the item as most recently used
-   */
-  get(key) {
-    if (!this.cache.has(key)) {
-      return undefined;
-    }
-    const value = this.cache.get(key);
-    // Move to end (most recently used)
-    this.cache.delete(key);
-    this.cache.set(key, value);
-    return value;
-  }
-
-  /**
-   * Set value in cache
-   * Removes least recently used item if cache is full
-   */
-  set(key, value) {
-    // If key exists, delete it first to update position
-    if (this.cache.has(key)) {
-      this.cache.delete(key);
-    } else if (this.cache.size >= this.maxSize) {
-      // Remove least recently used (first item)
-      const firstKey = this.cache.keys().next().value;
-      this.cache.delete(firstKey);
-    }
-    this.cache.set(key, value);
-  }
-
-  /**
-   * Check if key exists in cache
-   */
-  has(key) {
-    return this.cache.has(key);
-  }
-
-  /**
-   * Clear all cache entries
-   */
-  clear() {
-    this.cache.clear();
-  }
-
-  /**
-   * Get current cache size
-   */
-  get size() {
-    return this.cache.size;
-  }
-
-  /**
-   * Delete specific key
-   */
-  delete(key) {
-    return this.cache.delete(key);
-  }
-}
-
 /**
  * Custom error class for tailwind-to-style
  */
@@ -7607,36 +7811,22 @@ const IS_BROWSER = typeof window !== "undefined" && typeof document !== "undefin
 // SSR CSS collector - accumulates CSS strings during server rendering
 let _ssrCollectedCss = [];
 let _ssrCollecting = false;
-
-// ============================================================================
-// Bounded Caches (prevent memory leaks in long-running SPAs)
-// ============================================================================
 const MAX_CACHE_SIZE = 5000;
 const MAX_SET_SIZE = 10000;
 
-// Global registry to track injected keyframes (prevents duplication)
-const _injectedKeyframes = new Set();
+// Global registry to track injected keyframes (prevents duplication) - now with LRU
+const _injectedKeyframes = new LRUCache(MAX_SET_SIZE);
 
-// Global cache Maps with bounded eviction
-const _twsxInputCache = new Map();
+// Global LRU cache instances (true LRU, not FIFO)
+const _twsxInputCache = new LRUCache(MAX_CACHE_SIZE);
 
 // WeakMap for object identity-based caching (fast lookup for repeated objects)
 const _objectIdentityCache = new WeakMap();
 
-/** Evict oldest entries from a Map when it exceeds maxSize */
-function evictMap(map) {
-  let maxSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MAX_CACHE_SIZE;
-  if (map.size <= maxSize) return;
-  const excess = map.size - maxSize;
-  const iter = map.keys();
-  for (let i = 0; i < excess; i++) {
-    map.delete(iter.next().value);
-  }
-}
-
-/** Evict oldest entries from a Set when it exceeds maxSize */
+/** @deprecated Use LRUCache instead - kept for backward compatibility */
 function evictSet(set) {
   let maxSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MAX_SET_SIZE;
+  if (set instanceof LRUCache) return; // LRUCache handles its own eviction
   if (set.size <= maxSize) return;
   const excess = set.size - maxSize;
   const iter = set.values();
@@ -7790,124 +7980,129 @@ const UPPERCASE_LETTER_REGEX = /([A-Z])/g;
 const ESCAPE_SLASH_REGEX = /\//g;
 const ESCAPE_DOT_REGEX = /\./g;
 const plugins = {
-  accentColor: generator$2N,
-  accessibility: generator$2M,
-  alignContent: generator$2L,
-  alignItems: generator$2K,
-  alignSelf: generator$2J,
-  animation: generator$2I,
-  appearance: generator$2H,
-  aspect: generator$2G,
-  backgroundAttachment: generator$2F,
-  backgroundClip: generator$2E,
-  backgroundColor: generator$2D,
-  backgroundImage: generator$2C,
-  backgroundOpacity: generator$2B,
-  backgroundOrigin: generator$2A,
-  backgroundPosition: generator$2z,
-  backgroundRepeat: generator$2y,
-  backgroundSize: generator$2x,
-  backdropBlur: generator$2w,
-  backdropBrightness: generator$2v,
-  backdropContrast: generator$2u,
-  backdropFilter: generator$2t,
-  backdropGrayscale: generator$2s,
-  backdropHueRotate: generator$2r,
-  backdropInvert: generator$2q,
-  backdropOpacity: generator$2p,
-  backdropSaturate: generator$2o,
-  backdropSepia: generator$2n,
-  blur: generator$2m,
-  borderCollapse: generator$2l,
-  borderColor: generator$2k,
-  borderOpacity: generator$2j,
-  borderRadius: generator$2i,
-  borderSpacing: generator$2h,
-  borderStyle: generator$2g,
-  borderWidth: generator$2f,
-  boxDecorationBreak: generator$2e,
-  boxShadow: generator$2d,
-  boxSizing: generator$2c,
-  breakAfter: generator$2b,
-  breakBefore: generator$2a,
-  breakInside: generator$29,
-  brightness: generator$28,
-  captionSide: generator$27,
-  caretColor: generator$26,
-  clear: generator$25,
-  columns: generator$24,
-  container: generator$23,
-  content: generator$22,
-  contrast: generator$21,
-  cursor: generator$20,
-  display: generator$1$,
-  divideColor: generator$1_,
-  divideOpacity: generator$1Z,
-  divideStyle: generator$1Y,
-  divideWidth: generator$1X,
-  dropShadow: generator$1W,
-  fill: generator$1V,
-  filter: generator$1U,
-  flex: generator$1T,
-  flexBasis: generator$1S,
-  flexDirection: generator$1R,
-  flexGrow: generator$1Q,
-  flexShrink: generator$1P,
-  flexWrap: generator$1O,
-  float: generator$1N,
-  fontFamily: generator$1M,
-  fontSize: generator$1L,
-  fontSmoothing: generator$1K,
-  fontStyle: generator$1J,
-  fontVariantNumeric: generator$1I,
-  fontWeight: generator$1H,
-  gap: generator$1G,
-  gradientColorStops: generator$1F,
-  grayscale: generator$1E,
-  gridAutoColumns: generator$1D,
-  gridAutoFlow: generator$1C,
-  gridAutoRows: generator$1B,
-  gridColumn: generator$1A,
-  gridColumnEnd: generator$1z,
-  gridColumnStart: generator$1y,
-  gridRow: generator$1x,
-  gridRowEnd: generator$1w,
-  gridRowStart: generator$1v,
-  gridTemplateColumns: generator$1u,
-  gridTemplateRows: generator$1t,
-  height: generator$1s,
-  hueRotate: generator$1r,
-  hyphens: generator$1q,
-  inset: generator$1p,
-  invert: generator$1o,
-  isolation: generator$1n,
-  justifyContent: generator$1m,
-  justifyItems: generator$1l,
-  justifySelf: generator$1k,
-  letterSpacing: generator$1j,
-  lineClamp: generator$1i,
-  lineHeight: generator$1h,
-  listStyleImage: generator$1g,
-  listStylePosition: generator$1f,
-  listStyleType: generator$1e,
-  margin: generator$1d,
-  maxHeight: generator$1c,
-  maxWidth: generator$1b,
-  minHeight: generator$1a,
-  minWidth: generator$19,
-  objectFit: generator$17,
-  mixBlendMode: generator$18,
-  objectPosition: generator$16,
-  opacity: generator$15,
-  order: generator$14,
-  outlineColor: generator$13,
-  outlineOffset: generator$12,
-  outlineOpacity: generator$11,
-  outlineStyle: generator$10,
-  outlineWidth: generator$$,
-  overflow: generator$_,
-  overscrollBehavior: generator$Z,
-  padding: generator$Y,
+  accentColor: generator$2S,
+  accessibility: generator$2R,
+  alignContent: generator$2Q,
+  alignItems: generator$2P,
+  alignSelf: generator$2O,
+  animation: generator$2N,
+  appearance: generator$2M,
+  aspect: generator$2L,
+  backgroundAttachment: generator$2K,
+  backgroundClip: generator$2J,
+  backgroundColor: generator$2I,
+  backgroundImage: generator$2H,
+  backgroundOpacity: generator$2G,
+  backgroundOrigin: generator$2F,
+  backgroundPosition: generator$2E,
+  backgroundRepeat: generator$2D,
+  backgroundSize: generator$2C,
+  backdropBlur: generator$2B,
+  backdropBrightness: generator$2A,
+  backdropContrast: generator$2z,
+  backdropFilter: generator$2y,
+  backdropGrayscale: generator$2x,
+  backdropHueRotate: generator$2w,
+  backdropInvert: generator$2v,
+  backdropOpacity: generator$2u,
+  backdropSaturate: generator$2t,
+  backdropSepia: generator$2s,
+  blur: generator$2r,
+  borderCollapse: generator$2q,
+  borderColor: generator$2p,
+  borderOpacity: generator$2o,
+  borderRadius: generator$2n,
+  borderSpacing: generator$2l,
+  borderStyle: generator$2k,
+  borderWidth: generator$2j,
+  boxDecorationBreak: generator$2i,
+  boxShadow: generator$2h,
+  boxSizing: generator$2g,
+  breakAfter: generator$2f,
+  breakBefore: generator$2e,
+  breakInside: generator$2d,
+  brightness: generator$2c,
+  captionSide: generator$2b,
+  caretColor: generator$2a,
+  clear: generator$29,
+  colorScheme: generator$2m,
+  columns: generator$28,
+  container: generator$27,
+  content: generator$26,
+  contrast: generator$25,
+  cursor: generator$24,
+  display: generator$23,
+  divideColor: generator$22,
+  divideOpacity: generator$21,
+  divideStyle: generator$20,
+  divideWidth: generator$1$,
+  dropShadow: generator$1_,
+  fieldSizing: generator$1Y,
+  fill: generator$1Z,
+  filter: generator$1X,
+  flex: generator$1W,
+  flexBasis: generator$1V,
+  flexDirection: generator$1U,
+  flexGrow: generator$1T,
+  flexShrink: generator$1S,
+  flexWrap: generator$1R,
+  float: generator$1Q,
+  fontFamily: generator$1P,
+  fontSize: generator$1O,
+  fontSmoothing: generator$1N,
+  fontStretch: generator$1M,
+  fontStyle: generator$1L,
+  fontVariantNumeric: generator$1K,
+  fontWeight: generator$1J,
+  gap: generator$1I,
+  gradientColorStops: generator$1H,
+  grayscale: generator$1G,
+  gridAutoColumns: generator$1F,
+  gridAutoFlow: generator$1E,
+  gridAutoRows: generator$1D,
+  gridColumn: generator$1C,
+  gridColumnEnd: generator$1B,
+  gridColumnStart: generator$1A,
+  gridRow: generator$1z,
+  gridRowEnd: generator$1y,
+  gridRowStart: generator$1x,
+  gridTemplateColumns: generator$1w,
+  gridTemplateRows: generator$1v,
+  height: generator$1u,
+  hueRotate: generator$1t,
+  hyphens: generator$1s,
+  inset: generator$1r,
+  insetShadow: generator$1q,
+  invert: generator$1p,
+  isolation: generator$1o,
+  justifyContent: generator$1n,
+  justifyItems: generator$1m,
+  justifySelf: generator$1l,
+  letterSpacing: generator$1k,
+  lineClamp: generator$1j,
+  lineHeight: generator$1i,
+  listStyleImage: generator$1h,
+  listStylePosition: generator$1g,
+  listStyleType: generator$1f,
+  margin: generator$1e,
+  maxHeight: generator$1d,
+  maxWidth: generator$1c,
+  minHeight: generator$1b,
+  minWidth: generator$1a,
+  objectFit: generator$18,
+  mixBlendMode: generator$19,
+  objectPosition: generator$17,
+  opacity: generator$16,
+  order: generator$15,
+  outlineColor: generator$14,
+  outlineOffset: generator$13,
+  outlineOpacity: generator$12,
+  outlineStyle: generator$11,
+  outlineWidth: generator$10,
+  overflow: generator$$,
+  overscrollBehavior: generator$_,
+  padding: generator$Z,
+  perspective: generator$Y,
   placeContent: generator$X,
   placeItems: generator$W,
   placeSelf: generator$V,
@@ -8841,8 +9036,8 @@ function twsxNoCache(obj) {
     // Filter out already injected keyframes
     const newKeyframes = [...usedAnimations].filter(name => !_injectedKeyframes.has(name));
 
-    // Mark as injected
-    newKeyframes.forEach(name => _injectedKeyframes.add(name));
+    // Mark as injected (using .set() for LRUCache)
+    newKeyframes.forEach(name => _injectedKeyframes.set(name, true));
 
     // Generate minified keyframes CSS only for new ones
     const keyframesCSS = generateMinifiedKeyframes(newKeyframes);
@@ -8872,7 +9067,7 @@ function twsxNoCache(obj) {
       // Check if this custom keyframe is used
       const customRegex = new RegExp(`animation(?:-name)?:\\s*${name}`, "i");
       if (!customRegex.test(cssString)) continue;
-      _injectedKeyframes.add(name);
+      _injectedKeyframes.set(name, true);
 
       // Generate minified custom keyframe
       customKeyframesCSS += `@keyframes ${name}{`;
@@ -9028,7 +9223,8 @@ function twsx(obj) {
     inject: false
   });
   _twsxInputCache.set(cacheKey, result);
-  evictMap(_twsxInputCache);
+  // LRUCache handles eviction automatically
+
   if (inject && (IS_BROWSER || _ssrCollecting)) {
     autoInjectCss(result, registryKey);
   }