tailwind-to-style 3.2.2 → 3.3.0

package/dist/core/twsx.esm.js

@@ -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
@@ -154,13 +154,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"
   },
@@ -181,7 +183,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)",
@@ -232,7 +235,8 @@ const theme = {
       600: "#475569",
       700: "#334155",
       800: "#1e293b",
-      900: "#0f172a"
+      900: "#0f172a",
+      950: "#020617"
     },
     gray: {
       50: "#f9fafb",
@@ -244,7 +248,8 @@ const theme = {
       600: "#4b5563",
       700: "#374151",
       800: "#1f2937",
-      900: "#111827"
+      900: "#111827",
+      950: "#030712"
     },
     zinc: {
       50: "#fafafa",
@@ -256,7 +261,8 @@ const theme = {
       600: "#52525b",
       700: "#3f3f46",
       800: "#27272a",
-      900: "#18181b"
+      900: "#18181b",
+      950: "#09090b"
     },
     neutral: {
       50: "#fafafa",
@@ -268,7 +274,8 @@ const theme = {
       600: "#525252",
       700: "#404040",
       800: "#262626",
-      900: "#171717"
+      900: "#171717",
+      950: "#0a0a0a"
     },
     stone: {
       50: "#fafaf9",
@@ -280,7 +287,8 @@ const theme = {
       600: "#57534e",
       700: "#44403c",
       800: "#292524",
-      900: "#1c1917"
+      900: "#1c1917",
+      950: "#0c0a09"
     },
     red: {
       50: "#fef2f2",
@@ -292,7 +300,8 @@ const theme = {
       600: "#dc2626",
       700: "#b91c1c",
       800: "#991b1b",
-      900: "#7f1d1d"
+      900: "#7f1d1d",
+      950: "#450a0a"
     },
     orange: {
       50: "#fff7ed",
@@ -304,7 +313,8 @@ const theme = {
       600: "#ea580c",
       700: "#c2410c",
       800: "#9a3412",
-      900: "#7c2d12"
+      900: "#7c2d12",
+      950: "#431407"
     },
     amber: {
       50: "#fffbeb",
@@ -316,7 +326,8 @@ const theme = {
       600: "#d97706",
       700: "#b45309",
       800: "#92400e",
-      900: "#78350f"
+      900: "#78350f",
+      950: "#451a03"
     },
     yellow: {
       50: "#fefce8",
@@ -328,7 +339,8 @@ const theme = {
       600: "#ca8a04",
       700: "#a16207",
       800: "#854d0e",
-      900: "#713f12"
+      900: "#713f12",
+      950: "#422006"
     },
     lime: {
       50: "#f7fee7",
@@ -340,7 +352,8 @@ const theme = {
       600: "#65a30d",
       700: "#4d7c0f",
       800: "#3f6212",
-      900: "#365314"
+      900: "#365314",
+      950: "#1a2e05"
     },
     green: {
       50: "#f0fdf4",
@@ -352,7 +365,8 @@ const theme = {
       600: "#16a34a",
       700: "#15803d",
       800: "#166534",
-      900: "#14532d"
+      900: "#14532d",
+      950: "#052e16"
     },
     emerald: {
       50: "#ecfdf5",
@@ -364,7 +378,8 @@ const theme = {
       600: "#059669",
       700: "#047857",
       800: "#065f46",
-      900: "#064e3b"
+      900: "#064e3b",
+      950: "#022c22"
     },
     teal: {
       50: "#f0fdfa",
@@ -376,7 +391,8 @@ const theme = {
       600: "#0d9488",
       700: "#0f766e",
       800: "#115e59",
-      900: "#134e4a"
+      900: "#134e4a",
+      950: "#042f2e"
     },
     cyan: {
       50: "#ecfeff",
@@ -388,7 +404,8 @@ const theme = {
       600: "#0891b2",
       700: "#0e7490",
       800: "#155e75",
-      900: "#164e63"
+      900: "#164e63",
+      950: "#083344"
     },
     sky: {
       50: "#f0f9ff",
@@ -400,7 +417,8 @@ const theme = {
       600: "#0284c7",
       700: "#0369a1",
       800: "#075985",
-      900: "#0c4a6e"
+      900: "#0c4a6e",
+      950: "#082f49"
     },
     blue: {
       50: "#eff6ff",
@@ -412,7 +430,8 @@ const theme = {
       600: "#2563eb",
       700: "#1d4ed8",
       800: "#1e40af",
-      900: "#1e3a8a"
+      900: "#1e3a8a",
+      950: "#172554"
     },
     indigo: {
       50: "#eef2ff",
@@ -424,7 +443,8 @@ const theme = {
       600: "#4f46e5",
       700: "#4338ca",
       800: "#3730a3",
-      900: "#312e81"
+      900: "#312e81",
+      950: "#1e1b4b"
     },
     violet: {
       50: "#f5f3ff",
@@ -436,7 +456,8 @@ const theme = {
       600: "#7c3aed",
       700: "#6d28d9",
       800: "#5b21b6",
-      900: "#4c1d95"
+      900: "#4c1d95",
+      950: "#2e1065"
     },
     purple: {
       50: "#faf5ff",
@@ -448,7 +469,8 @@ const theme = {
       600: "#9333ea",
       700: "#7e22ce",
       800: "#6b21a8",
-      900: "#581c87"
+      900: "#581c87",
+      950: "#3b0764"
     },
     fuchsia: {
       50: "#fdf4ff",
@@ -460,7 +482,8 @@ const theme = {
       600: "#c026d3",
       700: "#a21caf",
       800: "#86198f",
-      900: "#701a75"
+      900: "#701a75",
+      950: "#4a044e"
     },
     pink: {
       50: "#fdf2f8",
@@ -472,7 +495,8 @@ const theme = {
       600: "#db2777",
       700: "#be185d",
       800: "#9d174d",
-      900: "#831843"
+      900: "#831843",
+      950: "#500724"
     },
     rose: {
       50: "#fff1f2",
@@ -484,7 +508,8 @@ const theme = {
       600: "#e11d48",
       700: "#be123c",
       800: "#9f1239",
-      900: "#881337"
+      900: "#881337",
+      950: "#4c0519"
     },
     custom: "custom_value"
   },
@@ -676,6 +701,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",
@@ -924,6 +960,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%"
@@ -1134,6 +1178,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
@@ -1222,6 +1275,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%"
@@ -1613,9 +1674,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 = {
@@ -1815,14 +1882,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
   }
 };
 
@@ -1986,7 +2054,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,
@@ -2036,7 +2175,7 @@ function generator$2N() {
   return responsiveCssString;
 }
 
-function generator$2M() {
+function generator$2R() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -2075,7 +2214,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
@@ -2103,7 +2242,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
@@ -2130,7 +2269,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
@@ -2261,7 +2400,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,
@@ -2354,7 +2493,7 @@ function generator$2I() {
   return responsiveCssString;
 }
 
-function generator$2H() {
+function generator$2M() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -2374,7 +2513,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,
@@ -2421,7 +2560,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
@@ -2442,7 +2581,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
@@ -2469,7 +2608,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,
@@ -2509,7 +2648,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,
@@ -2543,7 +2682,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,
@@ -2567,7 +2706,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
@@ -2593,7 +2732,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,
@@ -2627,7 +2766,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
@@ -2655,7 +2794,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,
@@ -2689,7 +2828,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,
@@ -2718,7 +2857,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,
@@ -2747,7 +2886,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,
@@ -2776,7 +2915,7 @@ function generator$2u() {
   return responsiveCssString;
 }
 
-function generator$2t() {
+function generator$2y() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -2796,7 +2935,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,
@@ -2825,7 +2964,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,
@@ -2854,7 +2993,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,
@@ -2883,7 +3022,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,
@@ -2912,7 +3051,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,
@@ -2941,7 +3080,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,
@@ -2970,7 +3109,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,
@@ -3004,7 +3143,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
@@ -3025,7 +3164,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,
@@ -3116,7 +3255,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,
@@ -3140,7 +3279,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,
@@ -3215,7 +3354,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,
@@ -3250,7 +3409,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
@@ -3271,7 +3430,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,
@@ -3336,7 +3495,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
@@ -3358,7 +3517,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,
@@ -3412,7 +3571,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
@@ -3436,7 +3595,7 @@ function generator$2c() {
   return responsiveCssString;
 }
 
-function generator$2b() {
+function generator$2f() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3456,7 +3615,7 @@ function generator$2b() {
   return responsiveCssString;
 }
 
-function generator$2a() {
+function generator$2e() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3476,7 +3635,7 @@ function generator$2a() {
   return responsiveCssString;
 }
 
-function generator$29() {
+function generator$2d() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3496,7 +3655,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,
@@ -3530,7 +3689,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
@@ -3551,7 +3710,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,
@@ -3601,7 +3760,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
@@ -3622,7 +3781,7 @@ function generator$25() {
   return responsiveCssString;
 }
 
-function generator$24() {
+function generator$28() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -3645,7 +3804,7 @@ function generator$24() {
   return responsiveCssString;
 }
 
-function generator$23() {
+function generator$27() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3661,7 +3820,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,
@@ -3685,7 +3844,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,
@@ -3719,7 +3878,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
@@ -3740,7 +3899,7 @@ function generator$20() {
   return responsiveCssString;
 }
 
-function generator$1$() {
+function generator$23() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -3760,7 +3919,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,
@@ -3791,7 +3950,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,
@@ -3815,7 +3974,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
@@ -3836,7 +3995,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,
@@ -3884,7 +4043,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,
@@ -3912,7 +4071,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,
@@ -3938,7 +4097,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;
@@ -3951,7 +4128,7 @@ function generator$1U(_ref) {
 `;
 }
 
-function generator$1T() {
+function generator$1W() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -3975,7 +4152,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,
@@ -3999,7 +4176,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
@@ -4025,7 +4202,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,
@@ -4049,7 +4226,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,
@@ -4073,7 +4250,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
@@ -4099,7 +4276,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
@@ -4120,7 +4297,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,
@@ -4146,7 +4323,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,
@@ -4180,7 +4357,7 @@ function generator$1L() {
   return responsiveCssString;
 }
 
-function generator$1K() {
+function generator$1N() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -4200,7 +4377,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
@@ -4223,7 +4432,7 @@ function generator$1J() {
   return responsiveCssString;
 }
 
-function generator$1I() {
+function generator$1K() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -4253,7 +4462,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,
@@ -4287,7 +4496,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,
@@ -4317,7 +4526,7 @@ function generator$1G() {
   return responsiveCssString;
 }
 
-function generator$1F() {
+function generator$1H() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix,
@@ -4356,7 +4565,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,
@@ -4390,7 +4599,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,
@@ -4414,7 +4623,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
@@ -4440,7 +4649,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,
@@ -4464,7 +4673,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,
@@ -4488,7 +4697,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,
@@ -4512,7 +4721,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,
@@ -4536,7 +4745,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,
@@ -4560,7 +4769,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,
@@ -4584,7 +4793,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,
@@ -4608,7 +4817,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,
@@ -4632,7 +4841,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,
@@ -4656,7 +4865,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,
@@ -4680,7 +4889,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,
@@ -4718,7 +4927,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
@@ -4740,7 +4949,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,
@@ -4798,7 +5007,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,
@@ -4832,7 +5074,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
@@ -4856,7 +5098,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
@@ -4884,7 +5126,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
@@ -4905,7 +5147,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
@@ -4926,7 +5168,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,
@@ -4950,7 +5192,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,
@@ -4977,7 +5219,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,
@@ -5001,7 +5243,7 @@ function generator$1h() {
   return responsiveCssString;
 }
 
-function generator$1g() {
+function generator$1h() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix
@@ -5017,7 +5259,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
@@ -5038,7 +5280,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,
@@ -5062,7 +5304,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,
@@ -5123,7 +5365,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,
@@ -5147,7 +5389,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,
@@ -5171,7 +5413,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,
@@ -5195,7 +5437,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,
@@ -5219,7 +5461,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
@@ -5245,7 +5487,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
@@ -5266,7 +5508,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
@@ -5287,7 +5529,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,
@@ -5318,7 +5560,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,
@@ -5342,7 +5584,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,
@@ -5386,7 +5628,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,
@@ -5412,7 +5654,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,
@@ -5439,7 +5681,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
@@ -5471,7 +5713,7 @@ function generator$10() {
   return responsiveCssString;
 }
 
-function generator$$() {
+function generator$10() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix,
@@ -5505,7 +5747,7 @@ function generator$$() {
   return responsiveCssString;
 }
 
-function generator$_() {
+function generator$$() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5540,7 +5782,7 @@ function generator$_() {
   return responsiveCssString;
 }
 
-function generator$Z() {
+function generator$_() {
   let configOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     prefix: globalPrefix
@@ -5567,7 +5809,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,
@@ -5617,6 +5859,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 {
@@ -7352,77 +7627,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
  */
@@ -7605,36 +7809,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();
@@ -7788,124 +7978,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,
@@ -8839,8 +9034,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);
@@ -8870,7 +9065,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}{`;
@@ -9026,7 +9221,8 @@ function twsx(obj) {
     inject: false
   });
   _twsxInputCache.set(cacheKey, result);
-  evictMap(_twsxInputCache);
+  // LRUCache handles eviction automatically
+
   if (inject && (IS_BROWSER || _ssrCollecting)) {
     autoInjectCss(result, registryKey);
   }