@fast-food/design-system 1.12.0 → 1.14.0

package/dist/fast-food-design-system.es.js

@@ -1,4 +1,5 @@
-import Wr, { memo as Yr, lazy as Ur, Suspense as Dr, forwardRef as sr, useRef as Br, useEffect as Jr } from "react";
+import Ur, { memo as Dr, lazy as Br, Suspense as Jr, forwardRef as nr, useRef as hr, useEffect as Hr, useState as vr } from "react";
+import { createPortal as Xr } from "react-dom";
 var dr = { exports: {} }, ar = {};
 /**
  * @license React
@@ -9,17 +10,17 @@ var dr = { exports: {} }, ar = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yr;
-function Hr() {
-  if (yr) return ar;
-  yr = 1;
+var zr;
+function Zr() {
+  if (zr) return ar;
+  zr = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function o(t, a, p) {
     var m = null;
     if (p !== void 0 && (m = "" + p), a.key !== void 0 && (m = "" + a.key), "key" in a) {
       p = {};
-      for (var c in a)
-        c !== "key" && (p[c] = a[c]);
+      for (var l in a)
+        l !== "key" && (p[l] = a[l]);
     } else p = a;
     return a = p.ref, {
       $$typeof: r,
@@ -41,33 +42,33 @@ var pr = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var vr;
-function Xr() {
-  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
+var qr;
+function Qr() {
+  return qr || (qr = 1, process.env.NODE_ENV !== "production" && function() {
     function r(i) {
       if (i == null) return null;
       if (typeof i == "function")
-        return i.$$typeof === nr ? null : i.displayName || i.name || null;
+        return i.$$typeof === sr ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case R:
+        case y:
           return "Fragment";
         case V:
           return "Profiler";
-        case A:
+        case C:
           return "StrictMode";
         case W:
           return "Suspense";
         case G:
           return "SuspenseList";
-        case P:
+        case N:
           return "Activity";
       }
       if (typeof i == "object")
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case E:
+          case j:
             return "Portal";
           case D:
             return (i.displayName || "Context") + ".Provider";
@@ -108,7 +109,7 @@ function Xr() {
       }
     }
     function t(i) {
-      if (i === R) return "<>";
+      if (i === y) return "<>";
       if (typeof i == "object" && i !== null && i.$$typeof === u)
         return "<...>";
       try {
@@ -132,7 +133,7 @@ function Xr() {
       }
       return i.key !== void 0;
     }
-    function c(i, f) {
+    function l(i, f) {
       function x() {
         L || (L = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -146,17 +147,17 @@ function Xr() {
     }
     function d() {
       var i = r(this.type);
-      return C[i] || (C[i] = !0, console.error(
+      return P[i] || (P[i] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function b(i, f, x, w, y, T, K, v) {
-      return x = T.ref, i = {
-        $$typeof: O,
+    function h(i, f, x, w, v, A, K, z) {
+      return x = A.ref, i = {
+        $$typeof: T,
         type: i,
         key: f,
-        props: T,
-        _owner: y
+        props: A,
+        _owner: v
       }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
         get: d
@@ -179,28 +180,28 @@ function Xr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: v
+        value: z
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function h(i, f, x, w, y, T, K, v) {
-      var z = f.children;
-      if (z !== void 0)
+    function b(i, f, x, w, v, A, K, z) {
+      var S = f.children;
+      if (S !== void 0)
         if (w)
-          if (lr(z)) {
-            for (w = 0; w < z.length; w++)
-              S(z[w]);
-            Object.freeze && Object.freeze(z);
+          if (lr(S)) {
+            for (w = 0; w < S.length; w++)
+              q(S[w]);
+            Object.freeze && Object.freeze(S);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else S(z);
+        else q(S);
       if (J.call(f, "key")) {
-        z = r(i);
-        var N = Object.keys(f).filter(function(ir) {
+        S = r(i);
+        var M = Object.keys(f).filter(function(ir) {
           return ir !== "key";
         });
-        w = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", er[z + w] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", er[S + w] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -208,125 +209,125 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           w,
-          z,
-          N,
-          z
-        ), er[z + w] = !0);
+          S,
+          M,
+          S
+        ), er[S + w] = !0);
       }
-      if (z = null, x !== void 0 && (o(x), z = "" + x), m(f) && (o(f.key), z = "" + f.key), "key" in f) {
+      if (S = null, x !== void 0 && (o(x), S = "" + x), m(f) && (o(f.key), S = "" + f.key), "key" in f) {
         x = {};
         for (var Y in f)
           Y !== "key" && (x[Y] = f[Y]);
       } else x = f;
-      return z && c(
+      return S && l(
         x,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), b(
+      ), h(
         i,
-        z,
-        T,
-        y,
+        S,
+        A,
+        v,
         a(),
         x,
         K,
-        v
+        z
       );
     }
-    function S(i) {
-      typeof i == "object" && i !== null && i.$$typeof === O && i._store && (i._store.validated = 1);
+    function q(i) {
+      typeof i == "object" && i !== null && i.$$typeof === T && i._store && (i._store.validated = 1);
     }
-    var j = Wr, O = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), D = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), nr = Symbol.for("react.client.reference"), Q = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, lr = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var R = Ur, T = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), D = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), sr = Symbol.for("react.client.reference"), Q = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, lr = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    j = {
+    R = {
       "react-stack-bottom-frame": function(i) {
         return i();
       }
     };
-    var L, C = {}, I = j["react-stack-bottom-frame"].bind(
-      j,
+    var L, P = {}, O = R["react-stack-bottom-frame"].bind(
+      R,
       p
-    )(), l = H(t(p)), er = {};
-    pr.Fragment = R, pr.jsx = function(i, f, x, w, y) {
-      var T = 1e4 > Q.recentlyCreatedOwnerStacks++;
-      return h(
+    )(), c = H(t(p)), er = {};
+    pr.Fragment = y, pr.jsx = function(i, f, x, w, v) {
+      var A = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return b(
         i,
         f,
         x,
         !1,
         w,
-        y,
-        T ? Error("react-stack-top-frame") : I,
-        T ? H(t(i)) : l
+        v,
+        A ? Error("react-stack-top-frame") : O,
+        A ? H(t(i)) : c
       );
-    }, pr.jsxs = function(i, f, x, w, y) {
-      var T = 1e4 > Q.recentlyCreatedOwnerStacks++;
-      return h(
+    }, pr.jsxs = function(i, f, x, w, v) {
+      var A = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return b(
         i,
         f,
         x,
         !0,
         w,
-        y,
-        T ? Error("react-stack-top-frame") : I,
-        T ? H(t(i)) : l
+        v,
+        A ? Error("react-stack-top-frame") : O,
+        A ? H(t(i)) : c
       );
     };
   }()), pr;
 }
-var zr;
-function Zr() {
-  return zr || (zr = 1, process.env.NODE_ENV === "production" ? dr.exports = Hr() : dr.exports = Xr()), dr.exports;
+var Rr;
+function Kr() {
+  return Rr || (Rr = 1, process.env.NODE_ENV === "production" ? dr.exports = Zr() : dr.exports = Qr()), dr.exports;
 }
-var k = Zr();
-function Cr(r) {
+var k = Kr();
+function _r(r) {
   var e, o, t = "";
   if (typeof r == "string" || typeof r == "number") t += r;
   else if (typeof r == "object") if (Array.isArray(r)) {
     var a = r.length;
-    for (e = 0; e < a; e++) r[e] && (o = Cr(r[e])) && (t && (t += " "), t += o);
+    for (e = 0; e < a; e++) r[e] && (o = _r(r[e])) && (t && (t += " "), t += o);
   } else for (o in r) r[o] && (t && (t += " "), t += o);
   return t;
 }
-function _r() {
-  for (var r, e, o = 0, t = "", a = arguments.length; o < a; o++) (r = arguments[o]) && (e = Cr(r)) && (t && (t += " "), t += e);
+function Nr() {
+  for (var r, e, o = 0, t = "", a = arguments.length; o < a; o++) (r = arguments[o]) && (e = _r(r)) && (t && (t += " "), t += e);
   return t;
 }
-const xr = "-", Qr = (r) => {
-  const e = ro(r), {
+const yr = "-", ro = (r) => {
+  const e = to(r), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = r;
   return {
     getClassGroupId: (m) => {
-      const c = m.split(xr);
-      return c[0] === "" && c.length !== 1 && c.shift(), Pr(c, e) || Kr(m);
+      const l = m.split(yr);
+      return l[0] === "" && l.length !== 1 && l.shift(), Mr(l, e) || oo(m);
     },
-    getConflictingClassGroupIds: (m, c) => {
+    getConflictingClassGroupIds: (m, l) => {
       const d = o[m] || [];
-      return c && t[m] ? [...d, ...t[m]] : d;
+      return l && t[m] ? [...d, ...t[m]] : d;
     }
   };
-}, Pr = (r, e) => {
+}, Mr = (r, e) => {
   var m;
   if (r.length === 0)
     return e.classGroupId;
-  const o = r[0], t = e.nextPart.get(o), a = t ? Pr(r.slice(1), t) : void 0;
+  const o = r[0], t = e.nextPart.get(o), a = t ? Mr(r.slice(1), t) : void 0;
   if (a)
     return a;
   if (e.validators.length === 0)
     return;
-  const p = r.join(xr);
+  const p = r.join(yr);
   return (m = e.validators.find(({
-    validator: c
-  }) => c(p))) == null ? void 0 : m.classGroupId;
-}, qr = /^\[(.+)\]$/, Kr = (r) => {
-  if (qr.test(r)) {
-    const e = qr.exec(r)[1], o = e == null ? void 0 : e.substring(0, e.indexOf(":"));
+    validator: l
+  }) => l(p))) == null ? void 0 : m.classGroupId;
+}, jr = /^\[(.+)\]$/, oo = (r) => {
+  if (jr.test(r)) {
+    const e = jr.exec(r)[1], o = e == null ? void 0 : e.substring(0, e.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, ro = (r) => {
+}, to = (r) => {
   const {
     theme: e,
     classGroups: o
@@ -335,18 +336,18 @@ const xr = "-", Qr = (r) => {
     validators: []
   };
   for (const a in o)
-    hr(o[a], t, a, e);
+    wr(o[a], t, a, e);
   return t;
-}, hr = (r, e, o, t) => {
+}, wr = (r, e, o, t) => {
   r.forEach((a) => {
     if (typeof a == "string") {
-      const p = a === "" ? e : Rr(e, a);
+      const p = a === "" ? e : Sr(e, a);
       p.classGroupId = o;
       return;
     }
     if (typeof a == "function") {
-      if (oo(a)) {
-        hr(a(t), e, o, t);
+      if (eo(a)) {
+        wr(a(t), e, o, t);
         return;
       }
       e.validators.push({
@@ -356,18 +357,18 @@ const xr = "-", Qr = (r) => {
       return;
     }
     Object.entries(a).forEach(([p, m]) => {
-      hr(m, Rr(e, p), o, t);
+      wr(m, Sr(e, p), o, t);
     });
   });
-}, Rr = (r, e) => {
+}, Sr = (r, e) => {
   let o = r;
-  return e.split(xr).forEach((t) => {
+  return e.split(yr).forEach((t) => {
     o.nextPart.has(t) || o.nextPart.set(t, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), o = o.nextPart.get(t);
   }), o;
-}, oo = (r) => r.isThemeGetter, to = (r) => {
+}, eo = (r) => r.isThemeGetter, io = (r) => {
   if (r < 1)
     return {
       get: () => {
@@ -391,38 +392,38 @@ const xr = "-", Qr = (r) => {
       o.has(p) ? o.set(p, m) : a(p, m);
     }
   };
-}, wr = "!", kr = ":", eo = kr.length, io = (r) => {
+}, kr = "!", xr = ":", ao = xr.length, po = (r) => {
   const {
     prefix: e,
     experimentalParseClassName: o
   } = r;
   let t = (a) => {
     const p = [];
-    let m = 0, c = 0, d = 0, b;
-    for (let E = 0; E < a.length; E++) {
-      let R = a[E];
-      if (m === 0 && c === 0) {
-        if (R === kr) {
-          p.push(a.slice(d, E)), d = E + eo;
+    let m = 0, l = 0, d = 0, h;
+    for (let j = 0; j < a.length; j++) {
+      let y = a[j];
+      if (m === 0 && l === 0) {
+        if (y === xr) {
+          p.push(a.slice(d, j)), d = j + ao;
           continue;
         }
-        if (R === "/") {
-          b = E;
+        if (y === "/") {
+          h = j;
           continue;
         }
       }
-      R === "[" ? m++ : R === "]" ? m-- : R === "(" ? c++ : R === ")" && c--;
+      y === "[" ? m++ : y === "]" ? m-- : y === "(" ? l++ : y === ")" && l--;
     }
-    const h = p.length === 0 ? a : a.substring(d), S = ao(h), j = S !== h, O = b && b > d ? b - d : void 0;
+    const b = p.length === 0 ? a : a.substring(d), q = mo(b), R = q !== b, T = h && h > d ? h - d : void 0;
     return {
       modifiers: p,
-      hasImportantModifier: j,
-      baseClassName: S,
-      maybePostfixModifierPosition: O
+      hasImportantModifier: R,
+      baseClassName: q,
+      maybePostfixModifierPosition: T
     };
   };
   if (e) {
-    const a = e + kr, p = t;
+    const a = e + xr, p = t;
     t = (m) => m.startsWith(a) ? p(m.substring(a.length)) : {
       isExternal: !0,
       modifiers: [],
@@ -439,7 +440,7 @@ const xr = "-", Qr = (r) => {
     });
   }
   return t;
-}, ao = (r) => r.endsWith(wr) ? r.substring(0, r.length - 1) : r.startsWith(wr) ? r.substring(1) : r, po = (r) => {
+}, mo = (r) => r.endsWith(kr) ? r.substring(0, r.length - 1) : r.startsWith(kr) ? r.substring(1) : r, no = (r) => {
   const e = Object.fromEntries(r.orderSensitiveModifiers.map((t) => [t, !0]));
   return (t) => {
     if (t.length <= 1)
@@ -450,103 +451,103 @@ const xr = "-", Qr = (r) => {
       m[0] === "[" || e[m] ? (a.push(...p.sort(), m), p = []) : p.push(m);
     }), a.push(...p.sort()), a;
   };
-}, mo = (r) => ({
-  cache: to(r.cacheSize),
-  parseClassName: io(r),
-  sortModifiers: po(r),
-  ...Qr(r)
-}), so = /\s+/, no = (r, e) => {
+}, so = (r) => ({
+  cache: io(r.cacheSize),
+  parseClassName: po(r),
+  sortModifiers: no(r),
+  ...ro(r)
+}), lo = /\s+/, co = (r, e) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: a,
     sortModifiers: p
-  } = e, m = [], c = r.trim().split(so);
+  } = e, m = [], l = r.trim().split(lo);
   let d = "";
-  for (let b = c.length - 1; b >= 0; b -= 1) {
-    const h = c[b], {
-      isExternal: S,
-      modifiers: j,
-      hasImportantModifier: O,
-      baseClassName: E,
-      maybePostfixModifierPosition: R
-    } = o(h);
-    if (S) {
-      d = h + (d.length > 0 ? " " + d : d);
+  for (let h = l.length - 1; h >= 0; h -= 1) {
+    const b = l[h], {
+      isExternal: q,
+      modifiers: R,
+      hasImportantModifier: T,
+      baseClassName: j,
+      maybePostfixModifierPosition: y
+    } = o(b);
+    if (q) {
+      d = b + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let A = !!R, V = t(A ? E.substring(0, R) : E);
+    let C = !!y, V = t(C ? j.substring(0, y) : j);
     if (!V) {
-      if (!A) {
-        d = h + (d.length > 0 ? " " + d : d);
+      if (!C) {
+        d = b + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (V = t(E), !V) {
-        d = h + (d.length > 0 ? " " + d : d);
+      if (V = t(j), !V) {
+        d = b + (d.length > 0 ? " " + d : d);
         continue;
       }
-      A = !1;
+      C = !1;
     }
-    const Z = p(j).join(":"), D = O ? Z + wr : Z, $ = D + V;
+    const Z = p(R).join(":"), D = T ? Z + kr : Z, $ = D + V;
     if (m.includes($))
       continue;
     m.push($);
-    const W = a(V, A);
+    const W = a(V, C);
     for (let G = 0; G < W.length; ++G) {
       const B = W[G];
       m.push(D + B);
     }
-    d = h + (d.length > 0 ? " " + d : d);
+    d = b + (d.length > 0 ? " " + d : d);
   }
   return d;
 };
-function lo() {
+function uo() {
   let r = 0, e, o, t = "";
   for (; r < arguments.length; )
-    (e = arguments[r++]) && (o = Nr(e)) && (t && (t += " "), t += o);
+    (e = arguments[r++]) && (o = Ir(e)) && (t && (t += " "), t += o);
   return t;
 }
-const Nr = (r) => {
+const Ir = (r) => {
   if (typeof r == "string")
     return r;
   let e, o = "";
   for (let t = 0; t < r.length; t++)
-    r[t] && (e = Nr(r[t])) && (o && (o += " "), o += e);
+    r[t] && (e = Ir(r[t])) && (o && (o += " "), o += e);
   return o;
 };
-function co(r, ...e) {
+function fo(r, ...e) {
   let o, t, a, p = m;
   function m(d) {
-    const b = e.reduce((h, S) => S(h), r());
-    return o = mo(b), t = o.cache.get, a = o.cache.set, p = c, c(d);
+    const h = e.reduce((b, q) => q(b), r());
+    return o = so(h), t = o.cache.get, a = o.cache.set, p = l, l(d);
   }
-  function c(d) {
-    const b = t(d);
-    if (b)
-      return b;
-    const h = no(d, o);
-    return a(d, h), h;
+  function l(d) {
+    const h = t(d);
+    if (h)
+      return h;
+    const b = co(d, o);
+    return a(d, b), b;
   }
   return function() {
-    return p(lo.apply(null, arguments));
+    return p(uo.apply(null, arguments));
   };
 }
-const q = (r) => {
+const E = (r) => {
   const e = (o) => o[r] || [];
   return e.isThemeGetter = !0, e;
-}, Or = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ir = /^\((?:(\w[\w-]*):)?(.+)\)$/i, uo = /^\d+\/\d+$/, fo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, go = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, bo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ho = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, wo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, rr = (r) => uo.test(r), g = (r) => !!r && !Number.isNaN(Number(r)), U = (r) => !!r && Number.isInteger(Number(r)), gr = (r) => r.endsWith("%") && g(r.slice(0, -1)), F = (r) => fo.test(r), ko = () => !0, xo = (r) => (
+}, Or = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Vr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, go = /^\d+\/\d+$/, bo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ho = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, wo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ko = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, rr = (r) => go.test(r), g = (r) => !!r && !Number.isNaN(Number(r)), U = (r) => !!r && Number.isInteger(Number(r)), gr = (r) => r.endsWith("%") && g(r.slice(0, -1)), F = (r) => bo.test(r), yo = () => !0, vo = (r) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  go.test(r) && !bo.test(r)
-), Mr = () => !1, yo = (r) => ho.test(r), vo = (r) => wo.test(r), zo = (r) => !s(r) && !n(r), qo = (r) => or(r, Lr, Mr), s = (r) => Or.test(r), X = (r) => or(r, Fr, xo), br = (r) => or(r, To, g), Sr = (r) => or(r, Vr, Mr), Ro = (r) => or(r, Gr, vo), ur = (r) => or(r, $r, yo), n = (r) => Ir.test(r), mr = (r) => tr(r, Fr), So = (r) => tr(r, Ao), jr = (r) => tr(r, Vr), jo = (r) => tr(r, Lr), Eo = (r) => tr(r, Gr), fr = (r) => tr(r, $r, !0), or = (r, e, o) => {
+  ho.test(r) && !wo.test(r)
+), Gr = () => !1, zo = (r) => ko.test(r), qo = (r) => xo.test(r), Ro = (r) => !n(r) && !s(r), jo = (r) => or(r, $r, Gr), n = (r) => Or.test(r), X = (r) => or(r, Wr, vo), br = (r) => or(r, Co, g), Er = (r) => or(r, Lr, Gr), So = (r) => or(r, Fr, qo), ur = (r) => or(r, Yr, zo), s = (r) => Vr.test(r), mr = (r) => tr(r, Wr), Eo = (r) => tr(r, Po), Tr = (r) => tr(r, Lr), To = (r) => tr(r, $r), Ao = (r) => tr(r, Fr), fr = (r) => tr(r, Yr, !0), or = (r, e, o) => {
   const t = Or.exec(r);
   return t ? t[1] ? e(t[1]) : o(t[2]) : !1;
 }, tr = (r, e, o = !1) => {
-  const t = Ir.exec(r);
+  const t = Vr.exec(r);
   return t ? t[1] ? e(t[1]) : o : !1;
-}, Vr = (r) => r === "position" || r === "percentage", Gr = (r) => r === "image" || r === "url", Lr = (r) => r === "length" || r === "size" || r === "bg-size", Fr = (r) => r === "length", To = (r) => r === "number", Ao = (r) => r === "family-name", $r = (r) => r === "shadow", Co = () => {
-  const r = q("color"), e = q("font"), o = q("text"), t = q("font-weight"), a = q("tracking"), p = q("leading"), m = q("breakpoint"), c = q("container"), d = q("spacing"), b = q("radius"), h = q("shadow"), S = q("inset-shadow"), j = q("text-shadow"), O = q("drop-shadow"), E = q("blur"), R = q("perspective"), A = q("aspect"), V = q("ease"), Z = q("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
+}, Lr = (r) => r === "position" || r === "percentage", Fr = (r) => r === "image" || r === "url", $r = (r) => r === "length" || r === "size" || r === "bg-size", Wr = (r) => r === "length", Co = (r) => r === "number", Po = (r) => r === "family-name", Yr = (r) => r === "shadow", _o = () => {
+  const r = E("color"), e = E("font"), o = E("text"), t = E("font-weight"), a = E("tracking"), p = E("leading"), m = E("breakpoint"), l = E("container"), d = E("spacing"), h = E("radius"), b = E("shadow"), q = E("inset-shadow"), R = E("text-shadow"), T = E("drop-shadow"), j = E("blur"), y = E("perspective"), C = E("aspect"), V = E("ease"), Z = E("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
     "center",
     "top",
     "bottom",
@@ -564,30 +565,30 @@ const q = (r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], W = () => [...$(), n, s], G = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], u = () => [n, s, d], P = () => [rr, "full", "auto", ...u()], nr = () => [U, "none", "subgrid", n, s], Q = () => ["auto", {
-    span: ["full", U, n, s]
-  }, U, n, s], J = () => [U, "auto", n, s], lr = () => ["auto", "min", "max", "fr", n, s], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...u()], I = () => [rr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], l = () => [r, n, s], er = () => [...$(), jr, Sr, {
-    position: [n, s]
+  ], W = () => [...$(), s, n], G = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], u = () => [s, n, d], N = () => [rr, "full", "auto", ...u()], sr = () => [U, "none", "subgrid", s, n], Q = () => ["auto", {
+    span: ["full", U, s, n]
+  }, U, s, n], J = () => [U, "auto", s, n], lr = () => ["auto", "min", "max", "fr", s, n], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...u()], O = () => [rr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], c = () => [r, s, n], er = () => [...$(), Tr, Er, {
+    position: [s, n]
   }], i = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], f = () => ["auto", "cover", "contain", jo, qo, {
-    size: [n, s]
+  }], f = () => ["auto", "cover", "contain", To, jo, {
+    size: [s, n]
   }], x = () => [gr, mr, X], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    b,
-    n,
-    s
-  ], y = () => ["", g, mr, X], T = () => ["solid", "dashed", "dotted", "double"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [g, gr, jr, Sr], z = () => [
+    h,
+    s,
+    n
+  ], v = () => ["", g, mr, X], A = () => ["solid", "dashed", "dotted", "double"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [g, gr, Tr, Er], S = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    E,
-    n,
-    s
-  ], N = () => ["none", g, n, s], Y = () => ["none", g, n, s], ir = () => [g, n, s], cr = () => [rr, "full", ...u()];
+    j,
+    s,
+    n
+  ], M = () => ["none", g, s, n], Y = () => ["none", g, s, n], ir = () => [g, s, n], cr = () => [rr, "full", ...u()];
   return {
     cacheSize: 500,
     theme: {
@@ -595,11 +596,11 @@ const q = (r) => {
       aspect: ["video"],
       blur: [F],
       breakpoint: [F],
-      color: [ko],
+      color: [yo],
       container: [F],
       "drop-shadow": [F],
       ease: ["in", "out", "in-out"],
-      font: [zo],
+      font: [Ro],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [F],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -620,7 +621,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", rr, s, n, A]
+        aspect: ["auto", "square", rr, n, s, C]
       }],
       /**
        * Container
@@ -633,7 +634,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, s, n, c]
+        columns: [g, n, s, l]
       }],
       /**
        * Break After
@@ -765,63 +766,63 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: P()
+        inset: N()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": P()
+        "inset-x": N()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": P()
+        "inset-y": N()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: P()
+        start: N()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: P()
+        end: N()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: P()
+        top: N()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: P()
+        right: N()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: P()
+        bottom: N()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: P()
+        left: N()
       }],
       /**
        * Visibility
@@ -833,7 +834,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [U, "auto", n, s]
+        z: [U, "auto", s, n]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -843,7 +844,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [rr, "full", "auto", c, ...u()]
+        basis: [rr, "full", "auto", l, ...u()]
       }],
       /**
        * Flex Direction
@@ -864,35 +865,35 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, rr, "auto", "initial", "none", s]
+        flex: [g, rr, "auto", "initial", "none", n]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", g, n, s]
+        grow: ["", g, s, n]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", g, n, s]
+        shrink: ["", g, s, n]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [U, "first", "last", "none", n, s]
+        order: [U, "first", "last", "none", s, n]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": nr()
+        "grid-cols": sr()
       }],
       /**
        * Grid Column Start / End
@@ -920,7 +921,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": nr()
+        "grid-rows": sr()
       }],
       /**
        * Grid Row Start / End
@@ -1121,63 +1122,63 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: C()
+        m: P()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: C()
+        mx: P()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: C()
+        my: P()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: C()
+        ms: P()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: C()
+        me: P()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: C()
+        mt: P()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: C()
+        mr: P()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: C()
+        mb: P()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: C()
+        ml: P()
       }],
       /**
        * Space Between X
@@ -1211,14 +1212,14 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: I()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...I()]
+        w: [l, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -1226,11 +1227,11 @@ const q = (r) => {
        */
       "min-w": [{
         "min-w": [
-          c,
+          l,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...I()
+          ...O()
         ]
       }],
       /**
@@ -1239,7 +1240,7 @@ const q = (r) => {
        */
       "max-w": [{
         "max-w": [
-          c,
+          l,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1248,7 +1249,7 @@ const q = (r) => {
           {
             screen: [m]
           },
-          ...I()
+          ...O()
         ]
       }],
       /**
@@ -1256,21 +1257,21 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...I()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...I()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...I()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1297,21 +1298,21 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, n, br]
+        font: [t, s, br]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", gr, s]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", gr, n]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [So, s, e]
+        font: [Eo, n, e]
       }],
       /**
        * Font Variant Numeric
@@ -1348,14 +1349,14 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [a, n, s]
+        tracking: [a, s, n]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [g, "none", n, br]
+        "line-clamp": [g, "none", s, br]
       }],
       /**
        * Line Height
@@ -1373,7 +1374,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", n, s]
+        "list-image": ["none", s, n]
       }],
       /**
        * List Style Position
@@ -1387,7 +1388,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", n, s]
+        list: ["disc", "decimal", "none", s, n]
       }],
       /**
        * Text Alignment
@@ -1402,14 +1403,14 @@ const q = (r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: l()
+        placeholder: c()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: l()
+        text: c()
       }],
       /**
        * Text Decoration
@@ -1421,28 +1422,28 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...T(), "wavy"]
+        decoration: [...A(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", n, X]
+        decoration: [g, "from-font", "auto", s, X]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: l()
+        decoration: c()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [g, "auto", n, s]
+        "underline-offset": [g, "auto", s, n]
       }],
       /**
        * Text Transform
@@ -1473,7 +1474,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", n, s]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", s, n]
       }],
       /**
        * Whitespace
@@ -1508,7 +1509,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", n, s]
+        content: ["none", s, n]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1563,17 +1564,17 @@ const q = (r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, U, n, s],
-          radial: ["", n, s],
-          conic: [U, n, s]
-        }, Eo, Ro]
+          }, U, s, n],
+          radial: ["", s, n],
+          conic: [U, s, n]
+        }, Ao, So]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: l()
+        bg: c()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1601,21 +1602,21 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: l()
+        from: c()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: l()
+        via: c()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: l()
+        to: c()
       }],
       // ---------------
       // --- Borders ---
@@ -1730,70 +1731,70 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: y()
+        border: v()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": y()
+        "border-x": v()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": y()
+        "border-y": v()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": y()
+        "border-s": v()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": y()
+        "border-e": v()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": y()
+        "border-t": v()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": y()
+        "border-r": v()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": y()
+        "border-b": v()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": y()
+        "border-l": v()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": y()
+        "divide-x": v()
       }],
       /**
        * Divide Width X Reverse
@@ -1805,7 +1806,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": y()
+        "divide-y": v()
       }],
       /**
        * Divide Width Y Reverse
@@ -1817,98 +1818,98 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...T(), "hidden", "none"]
+        border: [...A(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...T(), "hidden", "none"]
+        divide: [...A(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: l()
+        border: c()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": l()
+        "border-x": c()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": l()
+        "border-y": c()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": l()
+        "border-s": c()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": l()
+        "border-e": c()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": l()
+        "border-t": c()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": l()
+        "border-r": c()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": l()
+        "border-b": c()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": l()
+        "border-l": c()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: l()
+        divide: c()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...T(), "none", "hidden"]
+        outline: [...A(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [g, n, s]
+        "outline-offset": [g, s, n]
       }],
       /**
        * Outline Width
@@ -1922,7 +1923,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: l()
+        outline: c()
       }],
       // ---------------
       // --- Effects ---
@@ -1936,7 +1937,7 @@ const q = (r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          h,
+          b,
           fr,
           ur
         ]
@@ -1946,28 +1947,28 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: l()
+        shadow: c()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", S, fr, ur]
+        "inset-shadow": ["none", q, fr, ur]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": l()
+        "inset-shadow": c()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: y()
+        ring: v()
       }],
       /**
        * Ring Width Inset
@@ -1981,7 +1982,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: l()
+        ring: c()
       }],
       /**
        * Ring Offset Width
@@ -1999,42 +2000,42 @@ const q = (r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": l()
+        "ring-offset": c()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": y()
+        "inset-ring": v()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": l()
+        "inset-ring": c()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", j, fr, ur]
+        "text-shadow": ["none", R, fr, ur]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": l()
+        "text-shadow": c()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [g, n, s]
+        opacity: [g, s, n]
       }],
       /**
        * Mix Blend Mode
@@ -2072,103 +2073,103 @@ const q = (r) => {
         "mask-linear": [g]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": v()
+        "mask-linear-from": z()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": v()
+        "mask-linear-to": z()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": l()
+        "mask-linear-from": c()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": l()
+        "mask-linear-to": c()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": v()
+        "mask-t-from": z()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": v()
+        "mask-t-to": z()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": l()
+        "mask-t-from": c()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": l()
+        "mask-t-to": c()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": v()
+        "mask-r-from": z()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": v()
+        "mask-r-to": z()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": l()
+        "mask-r-from": c()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": l()
+        "mask-r-to": c()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": v()
+        "mask-b-from": z()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": v()
+        "mask-b-to": z()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": l()
+        "mask-b-from": c()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": l()
+        "mask-b-to": c()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": v()
+        "mask-l-from": z()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": v()
+        "mask-l-to": z()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": l()
+        "mask-l-from": c()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": l()
+        "mask-l-to": c()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": v()
+        "mask-x-from": z()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": v()
+        "mask-x-to": z()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": l()
+        "mask-x-from": c()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": l()
+        "mask-x-to": c()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": v()
+        "mask-y-from": z()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": v()
+        "mask-y-to": z()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": l()
+        "mask-y-from": c()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": l()
+        "mask-y-to": c()
       }],
       "mask-image-radial": [{
-        "mask-radial": [n, s]
+        "mask-radial": [s, n]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": v()
+        "mask-radial-from": z()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": v()
+        "mask-radial-to": z()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": l()
+        "mask-radial-from": c()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": l()
+        "mask-radial-to": c()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2186,16 +2187,16 @@ const q = (r) => {
         "mask-conic": [g]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": v()
+        "mask-conic-from": z()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": v()
+        "mask-conic-to": z()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": l()
+        "mask-conic-from": c()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": l()
+        "mask-conic-to": c()
       }],
       /**
        * Mask Mode
@@ -2244,7 +2245,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", n, s]
+        mask: ["none", s, n]
       }],
       // ---------------
       // --- Filters ---
@@ -2258,8 +2259,8 @@ const q = (r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          n,
-          s
+          s,
+          n
         ]
       }],
       /**
@@ -2267,21 +2268,21 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: z()
+        blur: S()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [g, n, s]
+        brightness: [g, s, n]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [g, n, s]
+        contrast: [g, s, n]
       }],
       /**
        * Drop Shadow
@@ -2292,7 +2293,7 @@ const q = (r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          O,
+          T,
           fr,
           ur
         ]
@@ -2302,42 +2303,42 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": l()
+        "drop-shadow": c()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", g, n, s]
+        grayscale: ["", g, s, n]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g, n, s]
+        "hue-rotate": [g, s, n]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", g, n, s]
+        invert: ["", g, s, n]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [g, n, s]
+        saturate: [g, s, n]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", g, n, s]
+        sepia: ["", g, s, n]
       }],
       /**
        * Backdrop Filter
@@ -2348,8 +2349,8 @@ const q = (r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          n,
-          s
+          s,
+          n
         ]
       }],
       /**
@@ -2357,63 +2358,63 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": z()
+        "backdrop-blur": S()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [g, n, s]
+        "backdrop-brightness": [g, s, n]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [g, n, s]
+        "backdrop-contrast": [g, s, n]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", g, n, s]
+        "backdrop-grayscale": ["", g, s, n]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g, n, s]
+        "backdrop-hue-rotate": [g, s, n]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", g, n, s]
+        "backdrop-invert": ["", g, s, n]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [g, n, s]
+        "backdrop-opacity": [g, s, n]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [g, n, s]
+        "backdrop-saturate": [g, s, n]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", g, n, s]
+        "backdrop-sepia": ["", g, s, n]
       }],
       // --------------
       // --- Tables ---
@@ -2468,7 +2469,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", n, s]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", s, n]
       }],
       /**
        * Transition Behavior
@@ -2482,28 +2483,28 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [g, "initial", n, s]
+        duration: [g, "initial", s, n]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", V, n, s]
+        ease: ["linear", "initial", V, s, n]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [g, n, s]
+        delay: [g, s, n]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", Z, n, s]
+        animate: ["none", Z, s, n]
       }],
       // ------------------
       // --- Transforms ---
@@ -2520,7 +2521,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [R, n, s]
+        perspective: [y, s, n]
       }],
       /**
        * Perspective Origin
@@ -2534,28 +2535,28 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: N()
+        rotate: M()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": N()
+        "rotate-x": M()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": N()
+        "rotate-y": M()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": N()
+        "rotate-z": M()
       }],
       /**
        * Scale
@@ -2616,7 +2617,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [n, s, "", "none", "gpu", "cpu"]
+        transform: [s, n, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -2673,7 +2674,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: l()
+        accent: c()
       }],
       /**
        * Appearance
@@ -2687,7 +2688,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: l()
+        caret: c()
       }],
       /**
        * Color Scheme
@@ -2701,7 +2702,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", n, s]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", s, n]
       }],
       /**
        * Field Sizing
@@ -2923,7 +2924,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", n, s]
+        "will-change": ["auto", "scroll", "contents", "transform", s, n]
       }],
       // -----------
       // --- SVG ---
@@ -2933,7 +2934,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...l()]
+        fill: ["none", ...c()]
       }],
       /**
        * Stroke Width
@@ -2947,7 +2948,7 @@ const q = (r) => {
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...l()]
+        stroke: ["none", ...c()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3015,36 +3016,36 @@ const q = (r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, _o = /* @__PURE__ */ co(Co), _ = (...r) => _o(_r(r)), Er = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Tr = _r, M = (r, e) => (o) => {
+}, No = /* @__PURE__ */ fo(_o), _ = (...r) => No(Nr(r)), Ar = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Cr = Nr, I = (r, e) => (o) => {
   var t;
-  if ((e == null ? void 0 : e.variants) == null) return Tr(r, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
-  const { variants: a, defaultVariants: p } = e, m = Object.keys(a).map((b) => {
-    const h = o == null ? void 0 : o[b], S = p == null ? void 0 : p[b];
-    if (h === null) return null;
-    const j = Er(h) || Er(S);
-    return a[b][j];
-  }), c = o && Object.entries(o).reduce((b, h) => {
-    let [S, j] = h;
-    return j === void 0 || (b[S] = j), b;
-  }, {}), d = e == null || (t = e.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((b, h) => {
-    let { class: S, className: j, ...O } = h;
-    return Object.entries(O).every((E) => {
-      let [R, A] = E;
-      return Array.isArray(A) ? A.includes({
+  if ((e == null ? void 0 : e.variants) == null) return Cr(r, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  const { variants: a, defaultVariants: p } = e, m = Object.keys(a).map((h) => {
+    const b = o == null ? void 0 : o[h], q = p == null ? void 0 : p[h];
+    if (b === null) return null;
+    const R = Ar(b) || Ar(q);
+    return a[h][R];
+  }), l = o && Object.entries(o).reduce((h, b) => {
+    let [q, R] = b;
+    return R === void 0 || (h[q] = R), h;
+  }, {}), d = e == null || (t = e.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((h, b) => {
+    let { class: q, className: R, ...T } = b;
+    return Object.entries(T).every((j) => {
+      let [y, C] = j;
+      return Array.isArray(C) ? C.includes({
         ...p,
-        ...c
-      }[R]) : {
+        ...l
+      }[y]) : {
         ...p,
-        ...c
-      }[R] === A;
+        ...l
+      }[y] === C;
     }) ? [
-      ...b,
-      S,
-      j
-    ] : b;
+      ...h,
+      q,
+      R
+    ] : h;
   }, []);
-  return Tr(r, m, d, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
-}, Po = M(
+  return Cr(r, m, d, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+}, Mo = I(
   `
     rounded-md
     font-semibold
@@ -3111,7 +3112,7 @@ const q = (r) => {
       size: "md"
     }
   }
-), No = ({
+), Io = ({
   children: r,
   className: e,
   variant: o,
@@ -3119,25 +3120,25 @@ const q = (r) => {
   type: a = "button",
   isLoading: p = !1,
   disabled: m = !1,
-  ...c
+  ...l
 }) => /* @__PURE__ */ k.jsx(
   "button",
   {
-    className: _(Po({ variant: o, size: t, className: e })),
+    className: _(Mo({ variant: o, size: t, className: e })),
     type: a,
     disabled: m || p,
-    ...c,
+    ...l,
     children: r
   }
-), Oo = M(
+), Oo = I(
   "text-sm text-black dark:text-white font-semibold"
-), it = ({ className: r, ...e }) => /* @__PURE__ */ k.jsx(
+), nt = ({ className: r, ...e }) => /* @__PURE__ */ k.jsx(
   "label",
   {
     className: _(Oo({ className: r })),
     ...e
   }
-), Io = M("", {
+), Vo = I("", {
   variants: {
     variant: {
       default: "text-black dark:text-white",
@@ -3149,7 +3150,7 @@ const q = (r) => {
   defaultVariants: {
     variant: "default"
   }
-}), at = ({
+}), st = ({
   children: r,
   className: e,
   variant: o,
@@ -3157,11 +3158,11 @@ const q = (r) => {
 }) => /* @__PURE__ */ k.jsx(
   "h1",
   {
-    className: _(Io({ variant: o, className: e })),
+    className: _(Vo({ variant: o, className: e })),
     ...t,
     children: r
   }
-), Mo = M("", {
+), Go = I("", {
   variants: {
     variant: {
       default: "text-gray-900 dark:text-gray-50",
@@ -3193,7 +3194,7 @@ const q = (r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ar = {
+const Pr = {
   "a-arrow-down": () => import("./a-arrow-down-CQQeS6wL.js"),
   "a-arrow-up": () => import("./a-arrow-up-CHs7lzk-.js"),
   "a-large-small": () => import("./a-large-small-B-gVTQdE.js"),
@@ -5020,7 +5021,7 @@ const Ar = {
   zap: () => import("./zap-CIyjpnAY.js"),
   "zoom-in": () => import("./zoom-in-DuYhciZN.js"),
   "zoom-out": () => import("./zoom-out-CHkWNOgx.js")
-}, Vo = /* @__PURE__ */ k.jsx("div", { style: { background: "transparent", width: 24, height: 24 } }), Go = Yr(
+}, Lo = /* @__PURE__ */ k.jsx("div", { style: { background: "transparent", width: 24, height: 24 } }), Fo = Dr(
   ({
     className: r,
     fill: e = "transparent",
@@ -5029,25 +5030,25 @@ const Ar = {
     variant: a,
     size: p,
     "aria-label": m,
-    "aria-hidden": c,
+    "aria-hidden": l,
     ...d
   }) => {
-    const b = () => {
+    const h = () => {
       o && o();
     };
-    if (!Ar[t])
+    if (!Pr[t])
       return console.warn(`Ícone '${t}' não encontrado no Lucide.`), null;
-    const h = Ur(Ar[t]);
-    return h ? /* @__PURE__ */ k.jsx(Dr, { fallback: Vo, children: /* @__PURE__ */ k.jsx(
-      h,
+    const b = Br(Pr[t]);
+    return b ? /* @__PURE__ */ k.jsx(Jr, { fallback: Lo, children: /* @__PURE__ */ k.jsx(
+      b,
       {
         className: _(
-          Mo({ variant: a, size: p, className: r })
+          Go({ variant: a, size: p, className: r })
         ),
-        onClick: b,
+        onClick: h,
         fill: e,
         "aria-label": m,
-        "aria-hidden": c,
+        "aria-hidden": l,
         role: "img",
         ...d
       },
@@ -5055,8 +5056,8 @@ const Ar = {
     ) }) : null;
   }
 );
-Go.displayName = "Icon";
-const Lo = M(
+Fo.displayName = "Icon";
+const $o = I(
   [
     "block",
     "w-full",
@@ -5100,7 +5101,7 @@ const Lo = M(
       disabled: !1
     }
   }
-), Fo = sr(
+), Wo = nr(
   ({
     className: r,
     variant: e = "default",
@@ -5109,13 +5110,13 @@ const Lo = M(
     disabled: a = !1,
     type: p = "text",
     ...m
-  }, c) => /* @__PURE__ */ k.jsx(
+  }, l) => /* @__PURE__ */ k.jsx(
     "input",
     {
-      ref: c,
+      ref: l,
       type: p,
       className: _(
-        Lo({ variant: e, size: o, error: t, disabled: a }),
+        $o({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5124,8 +5125,8 @@ const Lo = M(
     }
   )
 );
-Fo.displayName = "Input";
-const $o = M(
+Wo.displayName = "Input";
+const Yo = I(
   [
     "block",
     "w-full",
@@ -5170,7 +5171,7 @@ const $o = M(
       disabled: !1
     }
   }
-), Wo = sr(
+), Uo = nr(
   ({
     className: r,
     variant: e = "default",
@@ -5183,7 +5184,7 @@ const $o = M(
     {
       ref: m,
       className: _(
-        $o({ variant: e, size: o, error: t, disabled: a }),
+        Yo({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5192,14 +5193,16 @@ const $o = M(
     }
   )
 );
-Wo.displayName = "Textarea";
-const Yo = M(
+Uo.displayName = "Textarea";
+const Do = I(
   [
     "block",
     "w-full",
     "rounded-md",
     "border",
     "bg-white",
+    "text-zinc-900",
+    // texto escuro no light
     "shadow-sm",
     "focus:outline-none",
     "transition",
@@ -5240,7 +5243,7 @@ const Yo = M(
       disabled: !1
     }
   }
-), Uo = sr(
+), Bo = nr(
   ({
     className: r,
     variant: e = "default",
@@ -5249,12 +5252,12 @@ const Yo = M(
     disabled: a = !1,
     children: p,
     ...m
-  }, c) => /* @__PURE__ */ k.jsx(
+  }, l) => /* @__PURE__ */ k.jsx(
     "select",
     {
-      ref: c,
+      ref: l,
       className: _(
-        Yo({ variant: e, size: o, error: t, disabled: a }),
+        Do({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5264,8 +5267,8 @@ const Yo = M(
     }
   )
 );
-Uo.displayName = "Select";
-const Do = M(
+Bo.displayName = "Select";
+const Jo = I(
   [
     "form-checkbox",
     "rounded",
@@ -5308,7 +5311,7 @@ const Do = M(
       disabled: !1
     }
   }
-), Bo = sr(
+), Ho = nr(
   ({
     className: r,
     variant: e = "default",
@@ -5317,19 +5320,19 @@ const Do = M(
     indeterminate: a = !1,
     disabled: p = !1,
     ...m
-  }, c) => {
-    const d = Br(null), b = (h) => {
-      typeof c == "function" ? c(h) : c && (c.current = h), d.current = h;
+  }, l) => {
+    const d = hr(null), h = (b) => {
+      typeof l == "function" ? l(b) : l && (l.current = b), d.current = b;
     };
-    return Jr(() => {
+    return Hr(() => {
       d.current && (d.current.indeterminate = a);
     }, [a]), /* @__PURE__ */ k.jsx(
       "input",
       {
-        ref: b,
+        ref: h,
         type: "checkbox",
         className: _(
-          Do({ variant: e, size: o, error: t, disabled: p }),
+          Jo({ variant: e, size: o, error: t, disabled: p }),
           r
         ),
         disabled: p,
@@ -5340,8 +5343,8 @@ const Do = M(
     );
   }
 );
-Bo.displayName = "Checkbox";
-const Jo = M(
+Ho.displayName = "Checkbox";
+const Xo = I(
   [
     "form-radio",
     "rounded-full",
@@ -5384,7 +5387,7 @@ const Jo = M(
       disabled: !1
     }
   }
-), Ho = sr(
+), Zo = nr(
   ({
     className: r,
     variant: e = "default",
@@ -5398,7 +5401,7 @@ const Jo = M(
       ref: m,
       type: "radio",
       className: _(
-        Jo({ variant: e, size: o, error: t, disabled: a }),
+        Xo({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5407,29 +5410,29 @@ const Jo = M(
     }
   )
 );
-Ho.displayName = "Radio";
-const Xo = ({
+Zo.displayName = "Radio";
+const Qo = ({
   disabled: r,
   className: e
 }) => _(
   "inline-flex items-center cursor-pointer select-none",
   r ? "opacity-50 cursor-not-allowed" : "",
   e
-), Zo = ({
+), Ko = ({
   checked: r,
   disabled: e
 }) => _(
   "w-10 h-6 rounded-full transition-colors duration-200 relative",
   r ? "bg-primary-500" : "bg-gray-300",
   e ? "bg-gray-200" : ""
-), Qo = ({
+), rt = ({
   checked: r,
   disabled: e
 }) => _(
   "absolute top-0.5 left-0.5 w-5 h-5 rounded-full bg-white shadow transition-transform duration-200",
   r ? "translate-x-4" : "translate-x-0",
   e ? "bg-gray-100" : ""
-), Ko = () => "ml-3 text-sm font-medium text-gray-900", pt = ({
+), ot = () => "ml-3 text-sm font-medium text-gray-900", lt = ({
   checked: r,
   onChange: e,
   disabled: o = !1,
@@ -5437,8 +5440,8 @@ const Xo = ({
   name: a,
   className: p,
   children: m,
-  ...c
-}) => /* @__PURE__ */ k.jsxs("label", { className: Xo({ disabled: o, className: p }), children: [
+  ...l
+}) => /* @__PURE__ */ k.jsxs("label", { className: Qo({ disabled: o, className: p }), children: [
   /* @__PURE__ */ k.jsx(
     "input",
     {
@@ -5450,12 +5453,12 @@ const Xo = ({
       id: t,
       name: a,
       className: "sr-only",
-      ...c
+      ...l
     }
   ),
-  /* @__PURE__ */ k.jsx("span", { className: Zo({ checked: r, disabled: o }), children: /* @__PURE__ */ k.jsx("span", { className: Qo({ checked: r, disabled: o }) }) }),
-  m && /* @__PURE__ */ k.jsx("span", { className: Ko(), children: m })
-] }), rt = M("text-xs mt-1 block", {
+  /* @__PURE__ */ k.jsx("span", { className: Ko({ checked: r, disabled: o }), children: /* @__PURE__ */ k.jsx("span", { className: rt({ checked: r, disabled: o }) }) }),
+  m && /* @__PURE__ */ k.jsx("span", { className: ot(), children: m })
+] }), tt = I("text-xs mt-1 block", {
   variants: {
     error: {
       true: "text-red-600",
@@ -5465,23 +5468,115 @@ const Xo = ({
   defaultVariants: {
     error: !1
   }
-}), mt = ({
+}), ct = ({
   children: r,
   error: e = !1,
   className: o
 }) => /* @__PURE__ */ k.jsx(
   "span",
   {
-    className: rt({ error: e, className: o }),
+    className: tt({ error: e, className: o }),
     role: e ? "alert" : void 0,
     children: r
   }
-), ot = [
+), et = I(
+  [
+    "bg-gray-900",
+    "text-white",
+    "text-xs",
+    "rounded",
+    "shadow-lg",
+    "px-2",
+    "py-1",
+    "border",
+    "border-gray-700",
+    "transition-opacity",
+    "duration-150",
+    "opacity-95",
+    "pointer-events-none",
+    "select-none",
+    "max-w-xs",
+    "break-words"
+  ],
+  {
+    variants: {
+      position: {
+        top: "mb-2",
+        bottom: "mt-2",
+        left: "mr-2",
+        right: "ml-2"
+      }
+    },
+    defaultVariants: {
+      position: "top"
+    }
+  }
+);
+function dt({
+  children: r,
+  content: e,
+  position: o = "top",
+  delay: t = 200,
+  className: a
+}) {
+  const [p, m] = vr(!1), [l, d] = vr({
+    top: 0,
+    left: 0
+  }), h = hr(void 0), b = hr(null);
+  function q() {
+    h.current = window.setTimeout(() => {
+      if (b.current) {
+        const T = b.current.getBoundingClientRect();
+        let j = T.top, y = T.left + T.width / 2;
+        o === "top" && (j -= 8), o === "bottom" && (j += T.height + 8), o === "left" && (y = T.left - 8), o === "right" && (y = T.right + 8), d({ top: Math.round(j), left: Math.round(y) });
+      }
+      m(!0);
+    }, t);
+  }
+  function R() {
+    clearTimeout(h.current), m(!1);
+  }
+  return /* @__PURE__ */ k.jsxs(
+    "span",
+    {
+      ref: b,
+      tabIndex: 0,
+      "aria-describedby": p ? "tooltip" : void 0,
+      onMouseEnter: q,
+      onMouseLeave: R,
+      onFocus: q,
+      onBlur: R,
+      className: "inline-flex text-zinc-900 dark:text-zinc-100",
+      children: [
+        r,
+        p && Xr(
+          /* @__PURE__ */ k.jsx(
+            "div",
+            {
+              id: "tooltip",
+              role: "tooltip",
+              className: et({ position: o, className: a }),
+              style: {
+                position: "fixed",
+                top: l.top,
+                left: l.left,
+                zIndex: 50
+              },
+              children: e
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+const it = [
   { label: "Home", route: "/" },
   { label: "Plataforma", route: "/plataforma" },
   { label: "Contato", route: "/contato" },
   { label: "Carreira", route: "/carreira" }
-], tt = ({ onNavigate: r }) => /* @__PURE__ */ k.jsx(
+], at = ({ onNavigate: r }) => /* @__PURE__ */ k.jsx(
   "header",
   {
     style: {
@@ -5506,7 +5601,7 @@ const Xo = ({
         children: [
           /* @__PURE__ */ k.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 32 }, children: [
             /* @__PURE__ */ k.jsx("span", { style: { fontWeight: 700, fontSize: 22, letterSpacing: 1 }, children: "Fast Food Manager" }),
-            ot.map((e) => /* @__PURE__ */ k.jsx(
+            it.map((e) => /* @__PURE__ */ k.jsx(
               "button",
               {
                 onClick: () => r == null ? void 0 : r(e.route),
@@ -5528,7 +5623,7 @@ const Xo = ({
             ))
           ] }),
           /* @__PURE__ */ k.jsx(
-            No,
+            Io,
             {
               style: {
                 background: "#fff",
@@ -5547,7 +5642,7 @@ const Xo = ({
       }
     )
   }
-), st = ({
+), ut = ({
   children: r,
   showHeader: e = !0,
   headerProps: o,
@@ -5562,7 +5657,7 @@ const Xo = ({
       background: "var(--background)"
     },
     children: [
-      e && /* @__PURE__ */ k.jsx(tt, { ...o }),
+      e && /* @__PURE__ */ k.jsx(at, { ...o }),
       /* @__PURE__ */ k.jsx(
         "main",
         {
@@ -5596,19 +5691,20 @@ const Xo = ({
   }
 );
 export {
-  No as Button,
-  Bo as Checkbox,
-  tt as Header,
-  mt as HelperText,
-  Go as Icon,
-  Fo as Input,
-  it as Label,
-  st as Layout,
-  Ho as Radio,
-  Uo as Select,
-  pt as Switch,
-  Wo as Textarea,
-  at as Title,
-  rt as helperTextStyles,
+  Io as Button,
+  Ho as Checkbox,
+  at as Header,
+  ct as HelperText,
+  Fo as Icon,
+  Wo as Input,
+  nt as Label,
+  ut as Layout,
+  Zo as Radio,
+  Bo as Select,
+  lt as Switch,
+  Uo as Textarea,
+  st as Title,
+  dt as Tooltip,
+  tt as helperTextStyles,
   _ as mergeClassNames
 };