npm - @validationcloud/fractal-ui - Versions diffs - 1.4.0 → 1.5.1 - Mend

@validationcloud/fractal-ui 1.4.0 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md +63 -2
package/dist/components/text-input/text-input.d.ts +9 -0
package/dist/components/text-input/text-input.stories.d.ts +24 -0
package/dist/fractal-ui.js +689 -567
package/dist/index.d.ts +3 -0
package/dist/utils/disable-password-managers.d.ts +12 -0
package/package.json +1 -1

package/dist/fractal-ui.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import * as S from "react";
-import De, { forwardRef as Ue } from "react";
-var de = { exports: {} }, ne = {};
+import qe, { forwardRef as Ne } from "react";
+var me = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,32 +11,32 @@ var de = { exports: {} }, ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Re;
-function Be() {
-  if (Re) return ne;
-  Re = 1;
+var Ee;
+function Je() {
+  if (Ee) return se;
+  Ee = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(n, s, a) {
-    var c = null;
-    if (a !== void 0 && (c = "" + a), s.key !== void 0 && (c = "" + s.key), "key" in s) {
+  function t(o, n, a) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), n.key !== void 0 && (i = "" + n.key), "key" in n) {
       a = {};
-      for (var p in s)
-        p !== "key" && (a[p] = s[p]);
-    } else a = s;
-    return s = a.ref, {
+      for (var u in n)
+        u !== "key" && (a[u] = n[u]);
+    } else a = n;
+    return n = a.ref, {
       $$typeof: e,
-      type: n,
-      key: c,
-      ref: s !== void 0 ? s : null,
+      type: o,
+      key: i,
+      ref: n !== void 0 ? n : null,
       props: a
     };
   }
-  return ne.Fragment = r, ne.jsx = t, ne.jsxs = t, ne;
+  return se.Fragment = r, se.jsx = t, se.jsxs = t, se;
 }
-var se = {}, Ee;
-function qe() {
-  if (Ee) return se;
-  Ee = 1;
+var ae = {}, Se;
+function He() {
+  if (Se) return ae;
+  Se = 1;
   var e = {};
   /**
    * @license React
@@ -48,163 +48,163 @@ function qe() {
    * LICENSE file in the root directory of this source tree.
    */
   return e.NODE_ENV !== "production" && function() {
-    function r(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === ce ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case I:
+    function r(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === ue ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case N:
           return "Fragment";
-        case J:
+        case H:
           return "Profiler";
         case G:
           return "StrictMode";
-        case j:
+        case L:
           return "Suspense";
         case U:
           return "SuspenseList";
-        case le:
+        case de:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
+        ), s.$$typeof) {
           case T:
             return "Portal";
-          case F:
-            return (o.displayName || "Context") + ".Provider";
-          case D:
-            return (o._context.displayName || "Context") + ".Consumer";
           case W:
-            var f = o.render;
-            return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case u:
-            return f = o.displayName || null, f !== null ? f : r(o.type) || "Memo";
-          case P:
-            f = o._payload, o = o._init;
+            return (s.displayName || "Context") + ".Provider";
+          case D:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case $:
+            var f = s.render;
+            return s = s.displayName, s || (s = f.displayName || f.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case p:
+            return f = s.displayName || null, f !== null ? f : r(s.type) || "Memo";
+          case C:
+            f = s._payload, s = s._init;
             try {
-              return r(o(f));
+              return r(s(f));
             } catch {
             }
         }
       return null;
     }
-    function t(o) {
-      return "" + o;
+    function t(s) {
+      return "" + s;
     }
-    function n(o) {
+    function o(s) {
       try {
-        t(o);
+        t(s);
         var f = !1;
       } catch {
         f = !0;
       }
       if (f) {
         f = console;
-        var g = f.error, h = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return g.call(
+        var b = f.error, h = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return b.call(
           f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           h
-        ), t(o);
+        ), t(s);
       }
     }
-    function s(o) {
-      if (o === I) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === P)
+    function n(s) {
+      if (s === N) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === C)
         return "<...>";
       try {
-        var f = r(o);
+        var f = r(s);
         return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = $.A;
-      return o === null ? null : o.getOwner();
+      var s = B.A;
+      return s === null ? null : s.getOwner();
     }
-    function c() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function p(o) {
-      if (ee.call(o, "key")) {
-        var f = Object.getOwnPropertyDescriptor(o, "key").get;
+    function u(s) {
+      if (re.call(s, "key")) {
+        var f = Object.getOwnPropertyDescriptor(s, "key").get;
         if (f && f.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return s.key !== void 0;
     }
-    function m(o, f) {
-      function g() {
-        C || (C = !0, console.error(
+    function m(s, f) {
+      function b() {
+        z || (z = !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)",
           f
         ));
       }
-      g.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: g,
+      b.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: b,
         configurable: !0
       });
     }
     function x() {
-      var o = r(this.type);
-      return N[o] || (N[o] = !0, console.error(
+      var s = r(this.type);
+      return O[s] || (O[s] = !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."
-      )), o = this.props.ref, o !== void 0 ? o : null;
+      )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function k(o, f, g, h, _, A, y, H) {
-      return g = A.ref, o = {
+    function w(s, f, b, h, A, _, y, X) {
+      return b = _.ref, s = {
         $$typeof: R,
-        type: o,
+        type: s,
         key: f,
-        props: A,
-        _owner: _
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(o, "ref", {
+        props: _,
+        _owner: A
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: x
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(s, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(s, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: y
-      }), Object.defineProperty(o, "_debugTask", {
+      }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: X
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function E(o, f, g, h, _, A, y, H) {
-      var w = f.children;
-      if (w !== void 0)
+    function E(s, f, b, h, A, _, y, X) {
+      var k = f.children;
+      if (k !== void 0)
         if (h)
-          if (re(w)) {
-            for (h = 0; h < w.length; h++)
-              V(w[h]);
-            Object.freeze && Object.freeze(w);
+          if (te(k)) {
+            for (h = 0; h < k.length; h++)
+              V(k[h]);
+            Object.freeze && Object.freeze(k);
           } 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 V(w);
-      if (ee.call(f, "key")) {
-        w = r(o);
-        var z = Object.keys(f).filter(function(X) {
-          return X !== "key";
+        else V(k);
+      if (re.call(f, "key")) {
+        k = r(s);
+        var M = Object.keys(f).filter(function(Z) {
+          return Z !== "key";
         });
-        h = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", oe[w + h] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        h = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", ne[k + h] || (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} />
@@ -212,222 +212,222 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           h,
-          w,
-          z,
-          w
-        ), oe[w + h] = !0);
+          k,
+          M,
+          k
+        ), ne[k + h] = !0);
       }
-      if (w = null, g !== void 0 && (n(g), w = "" + g), p(f) && (n(f.key), w = "" + f.key), "key" in f) {
-        g = {};
-        for (var B in f)
-          B !== "key" && (g[B] = f[B]);
-      } else g = f;
-      return w && m(
-        g,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), k(
-        o,
-        w,
-        A,
+      if (k = null, b !== void 0 && (o(b), k = "" + b), u(f) && (o(f.key), k = "" + f.key), "key" in f) {
+        b = {};
+        for (var q in f)
+          q !== "key" && (b[q] = f[q]);
+      } else b = f;
+      return k && m(
+        b,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), w(
+        s,
+        k,
         _,
+        A,
         a(),
-        g,
+        b,
         y,
-        H
+        X
       );
     }
-    function V(o) {
-      typeof o == "object" && o !== null && o.$$typeof === R && o._store && (o._store.validated = 1);
+    function V(s) {
+      typeof s == "object" && s !== null && s.$$typeof === R && s._store && (s._store.validated = 1);
     }
-    var M = De, R = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), I = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), F = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), $ = M.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, re = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var j = qe, R = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), H = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), W = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), de = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), B = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, re = Object.prototype.hasOwnProperty, te = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
-    M = {
-      "react-stack-bottom-frame": function(o) {
-        return o();
+    j = {
+      "react-stack-bottom-frame": function(s) {
+        return s();
       }
     };
-    var C, N = {}, d = M["react-stack-bottom-frame"].bind(
-      M,
-      c
-    )(), te = O(s(c)), oe = {};
-    se.Fragment = I, se.jsx = function(o, f, g, h, _) {
-      var A = 1e4 > $.recentlyCreatedOwnerStacks++;
+    var z, O = {}, d = j["react-stack-bottom-frame"].bind(
+      j,
+      i
+    )(), oe = I(n(i)), ne = {};
+    ae.Fragment = N, ae.jsx = function(s, f, b, h, A) {
+      var _ = 1e4 > B.recentlyCreatedOwnerStacks++;
       return E(
-        o,
+        s,
         f,
-        g,
+        b,
         !1,
         h,
-        _,
-        A ? Error("react-stack-top-frame") : d,
-        A ? O(s(o)) : te
+        A,
+        _ ? Error("react-stack-top-frame") : d,
+        _ ? I(n(s)) : oe
       );
-    }, se.jsxs = function(o, f, g, h, _) {
-      var A = 1e4 > $.recentlyCreatedOwnerStacks++;
+    }, ae.jsxs = function(s, f, b, h, A) {
+      var _ = 1e4 > B.recentlyCreatedOwnerStacks++;
       return E(
-        o,
+        s,
         f,
-        g,
+        b,
         !0,
         h,
-        _,
-        A ? Error("react-stack-top-frame") : d,
-        A ? O(s(o)) : te
+        A,
+        _ ? Error("react-stack-top-frame") : d,
+        _ ? I(n(s)) : oe
       );
     };
-  }(), se;
+  }(), ae;
 }
-var Se;
-function Je() {
-  if (Se) return de.exports;
-  Se = 1;
+var Te;
+function Xe() {
+  if (Te) return me.exports;
+  Te = 1;
   var e = {};
-  return e.NODE_ENV === "production" ? de.exports = Be() : de.exports = qe(), de.exports;
+  return e.NODE_ENV === "production" ? me.exports = Je() : me.exports = He(), me.exports;
 }
-var xe = Je();
-function Te(e, r) {
+var P = Xe();
+function Ae(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
 }
-function He(...e) {
+function Ze(...e) {
   return (r) => {
     let t = !1;
-    const n = e.map((s) => {
-      const a = Te(s, r);
+    const o = e.map((n) => {
+      const a = Ae(n, r);
       return !t && typeof a == "function" && (t = !0), a;
     });
     if (t)
       return () => {
-        for (let s = 0; s < n.length; s++) {
-          const a = n[s];
-          typeof a == "function" ? a() : Te(e[s], null);
+        for (let n = 0; n < o.length; n++) {
+          const a = o[n];
+          typeof a == "function" ? a() : Ae(e[n], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function Xe(e) {
-  const r = /* @__PURE__ */ Qe(e), t = S.forwardRef((n, s) => {
-    const { children: a, ...c } = n, p = S.Children.toArray(a), m = p.find(er);
+function Qe(e) {
+  const r = /* @__PURE__ */ Ke(e), t = S.forwardRef((o, n) => {
+    const { children: a, ...i } = o, u = S.Children.toArray(a), m = u.find(rr);
     if (m) {
-      const x = m.props.children, k = p.map((E) => E === m ? S.Children.count(x) > 1 ? S.Children.only(null) : S.isValidElement(x) ? x.props.children : null : E);
-      return /* @__PURE__ */ xe.jsx(r, { ...c, ref: s, children: S.isValidElement(x) ? S.cloneElement(x, void 0, k) : null });
+      const x = m.props.children, w = u.map((E) => E === m ? S.Children.count(x) > 1 ? S.Children.only(null) : S.isValidElement(x) ? x.props.children : null : E);
+      return /* @__PURE__ */ P.jsx(r, { ...i, ref: n, children: S.isValidElement(x) ? S.cloneElement(x, void 0, w) : null });
     }
-    return /* @__PURE__ */ xe.jsx(r, { ...c, ref: s, children: a });
+    return /* @__PURE__ */ P.jsx(r, { ...i, ref: n, children: a });
   });
   return t.displayName = `${e}.Slot`, t;
 }
-var Ze = /* @__PURE__ */ Xe("Slot");
+var Ie = /* @__PURE__ */ Qe("Slot");
 // @__NO_SIDE_EFFECTS__
-function Qe(e) {
-  const r = S.forwardRef((t, n) => {
-    const { children: s, ...a } = t;
-    if (S.isValidElement(s)) {
-      const c = tr(s), p = rr(a, s.props);
-      return s.type !== S.Fragment && (p.ref = n ? He(n, c) : c), S.cloneElement(s, p);
+function Ke(e) {
+  const r = S.forwardRef((t, o) => {
+    const { children: n, ...a } = t;
+    if (S.isValidElement(n)) {
+      const i = or(n), u = tr(a, n.props);
+      return n.type !== S.Fragment && (u.ref = o ? Ze(o, i) : i), S.cloneElement(n, u);
     }
-    return S.Children.count(s) > 1 ? S.Children.only(null) : null;
+    return S.Children.count(n) > 1 ? S.Children.only(null) : null;
   });
   return r.displayName = `${e}.SlotClone`, r;
 }
-var Ke = Symbol("radix.slottable");
-function er(e) {
-  return S.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ke;
+var er = Symbol("radix.slottable");
+function rr(e) {
+  return S.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === er;
 }
-function rr(e, r) {
+function tr(e, r) {
   const t = { ...r };
-  for (const n in r) {
-    const s = e[n], a = r[n];
-    /^on[A-Z]/.test(n) ? s && a ? t[n] = (...p) => {
-      const m = a(...p);
-      return s(...p), m;
-    } : s && (t[n] = s) : n === "style" ? t[n] = { ...s, ...a } : n === "className" && (t[n] = [s, a].filter(Boolean).join(" "));
+  for (const o in r) {
+    const n = e[o], a = r[o];
+    /^on[A-Z]/.test(o) ? n && a ? t[o] = (...u) => {
+      const m = a(...u);
+      return n(...u), m;
+    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...a } : o === "className" && (t[o] = [n, a].filter(Boolean).join(" "));
   }
   return { ...e, ...t };
 }
-function tr(e) {
-  var n, s;
-  let r = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, t = r && "isReactWarning" in r && r.isReactWarning;
-  return t ? e.ref : (r = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+function or(e) {
+  var o, n;
+  let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-const ve = "-", or = (e) => {
-  const r = sr(e), {
+const Re = "-", nr = (e) => {
+  const r = ar(e), {
     conflictingClassGroups: t,
-    conflictingClassGroupModifiers: n
+    conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (c) => {
-      const p = c.split(ve);
-      return p[0] === "" && p.length !== 1 && p.shift(), Ie(p, r) || nr(c);
+    getClassGroupId: (i) => {
+      const u = i.split(Re);
+      return u[0] === "" && u.length !== 1 && u.shift(), Oe(u, r) || sr(i);
     },
-    getConflictingClassGroupIds: (c, p) => {
-      const m = t[c] || [];
-      return p && n[c] ? [...m, ...n[c]] : m;
+    getConflictingClassGroupIds: (i, u) => {
+      const m = t[i] || [];
+      return u && o[i] ? [...m, ...o[i]] : m;
     }
   };
-}, Ie = (e, r) => {
-  var c;
+}, Oe = (e, r) => {
+  var i;
   if (e.length === 0)
     return r.classGroupId;
-  const t = e[0], n = r.nextPart.get(t), s = n ? Ie(e.slice(1), n) : void 0;
-  if (s)
-    return s;
+  const t = e[0], o = r.nextPart.get(t), n = o ? Oe(e.slice(1), o) : void 0;
+  if (n)
+    return n;
   if (r.validators.length === 0)
     return;
-  const a = e.join(ve);
-  return (c = r.validators.find(({
-    validator: p
-  }) => p(a))) == null ? void 0 : c.classGroupId;
-}, _e = /^\[(.+)\]$/, nr = (e) => {
+  const a = e.join(Re);
+  return (i = r.validators.find(({
+    validator: u
+  }) => u(a))) == null ? void 0 : i.classGroupId;
+}, _e = /^\[(.+)\]$/, sr = (e) => {
   if (_e.test(e)) {
     const r = _e.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, sr = (e) => {
+}, ar = (e) => {
   const {
     theme: r,
     classGroups: t
-  } = e, n = {
+  } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const s in t)
-    ye(t[s], n, s, r);
-  return n;
-}, ye = (e, r, t, n) => {
-  e.forEach((s) => {
-    if (typeof s == "string") {
-      const a = s === "" ? r : Ae(r, s);
+  for (const n in t)
+    we(t[n], o, n, r);
+  return o;
+}, we = (e, r, t, o) => {
+  e.forEach((n) => {
+    if (typeof n == "string") {
+      const a = n === "" ? r : Pe(r, n);
       a.classGroupId = t;
       return;
     }
-    if (typeof s == "function") {
-      if (ar(s)) {
-        ye(s(n), r, t, n);
+    if (typeof n == "function") {
+      if (ir(n)) {
+        we(n(o), r, t, o);
         return;
       }
       r.validators.push({
-        validator: s,
+        validator: n,
         classGroupId: t
       });
       return;
     }
-    Object.entries(s).forEach(([a, c]) => {
-      ye(c, Ae(r, a), t, n);
+    Object.entries(n).forEach(([a, i]) => {
+      we(i, Pe(r, a), t, o);
     });
   });
-}, Ae = (e, r) => {
+}, Pe = (e, r) => {
   let t = e;
-  return r.split(ve).forEach((n) => {
-    t.nextPart.has(n) || t.nextPart.set(n, {
+  return r.split(Re).forEach((o) => {
+    t.nextPart.has(o) || t.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), t = t.nextPart.get(n);
+    }), t = t.nextPart.get(o);
   }), t;
-}, ar = (e) => e.isThemeGetter, ir = (e) => {
+}, ir = (e) => e.isThemeGetter, lr = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -435,35 +435,35 @@ const ve = "-", or = (e) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-  const s = (a, c) => {
-    t.set(a, c), r++, r > e && (r = 0, n = t, t = /* @__PURE__ */ new Map());
+  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const n = (a, i) => {
+    t.set(a, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
     get(a) {
-      let c = t.get(a);
-      if (c !== void 0)
-        return c;
-      if ((c = n.get(a)) !== void 0)
-        return s(a, c), c;
+      let i = t.get(a);
+      if (i !== void 0)
+        return i;
+      if ((i = o.get(a)) !== void 0)
+        return n(a, i), i;
     },
-    set(a, c) {
-      t.has(a) ? t.set(a, c) : s(a, c);
+    set(a, i) {
+      t.has(a) ? t.set(a, i) : n(a, i);
     }
   };
-}, we = "!", ke = ":", lr = ke.length, cr = (e) => {
+}, ke = "!", ve = ":", cr = ve.length, dr = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: t
   } = e;
-  let n = (s) => {
+  let o = (n) => {
     const a = [];
-    let c = 0, p = 0, m = 0, x;
-    for (let R = 0; R < s.length; R++) {
-      let T = s[R];
-      if (c === 0 && p === 0) {
-        if (T === ke) {
-          a.push(s.slice(m, R)), m = R + lr;
+    let i = 0, u = 0, m = 0, x;
+    for (let R = 0; R < n.length; R++) {
+      let T = n[R];
+      if (i === 0 && u === 0) {
+        if (T === ve) {
+          a.push(n.slice(m, R)), m = R + cr;
           continue;
         }
         if (T === "/") {
@@ -471,121 +471,121 @@ const ve = "-", or = (e) => {
           continue;
         }
       }
-      T === "[" ? c++ : T === "]" ? c-- : T === "(" ? p++ : T === ")" && p--;
+      T === "[" ? i++ : T === "]" ? i-- : T === "(" ? u++ : T === ")" && u--;
     }
-    const k = a.length === 0 ? s : s.substring(m), E = dr(k), V = E !== k, M = x && x > m ? x - m : void 0;
+    const w = a.length === 0 ? n : n.substring(m), E = ur(w), V = E !== w, j = x && x > m ? x - m : void 0;
     return {
       modifiers: a,
       hasImportantModifier: V,
       baseClassName: E,
-      maybePostfixModifierPosition: M
+      maybePostfixModifierPosition: j
     };
   };
   if (r) {
-    const s = r + ke, a = n;
-    n = (c) => c.startsWith(s) ? a(c.substring(s.length)) : {
+    const n = r + ve, a = o;
+    o = (i) => i.startsWith(n) ? a(i.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
-      baseClassName: c,
+      baseClassName: i,
       maybePostfixModifierPosition: void 0
     };
   }
   if (t) {
-    const s = n;
-    n = (a) => t({
+    const n = o;
+    o = (a) => t({
       className: a,
-      parseClassName: s
+      parseClassName: n
     });
   }
-  return n;
-}, dr = (e) => e.endsWith(we) ? e.substring(0, e.length - 1) : e.startsWith(we) ? e.substring(1) : e, ur = (e) => {
-  const r = Object.fromEntries(e.orderSensitiveModifiers.map((n) => [n, !0]));
-  return (n) => {
-    if (n.length <= 1)
-      return n;
-    const s = [];
+  return o;
+}, ur = (e) => e.endsWith(ke) ? e.substring(0, e.length - 1) : e.startsWith(ke) ? e.substring(1) : e, mr = (e) => {
+  const r = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
+  return (o) => {
+    if (o.length <= 1)
+      return o;
+    const n = [];
     let a = [];
-    return n.forEach((c) => {
-      c[0] === "[" || r[c] ? (s.push(...a.sort(), c), a = []) : a.push(c);
-    }), s.push(...a.sort()), s;
+    return o.forEach((i) => {
+      i[0] === "[" || r[i] ? (n.push(...a.sort(), i), a = []) : a.push(i);
+    }), n.push(...a.sort()), n;
   };
-}, mr = (e) => ({
-  cache: ir(e.cacheSize),
-  parseClassName: cr(e),
-  sortModifiers: ur(e),
-  ...or(e)
-}), pr = /\s+/, fr = (e, r) => {
+}, pr = (e) => ({
+  cache: lr(e.cacheSize),
+  parseClassName: dr(e),
+  sortModifiers: mr(e),
+  ...nr(e)
+}), fr = /\s+/, br = (e, r) => {
   const {
     parseClassName: t,
-    getClassGroupId: n,
-    getConflictingClassGroupIds: s,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: n,
     sortModifiers: a
-  } = r, c = [], p = e.trim().split(pr);
+  } = r, i = [], u = e.trim().split(fr);
   let m = "";
-  for (let x = p.length - 1; x >= 0; x -= 1) {
-    const k = p[x], {
+  for (let x = u.length - 1; x >= 0; x -= 1) {
+    const w = u[x], {
       isExternal: E,
       modifiers: V,
-      hasImportantModifier: M,
+      hasImportantModifier: j,
       baseClassName: R,
       maybePostfixModifierPosition: T
-    } = t(k);
+    } = t(w);
     if (E) {
-      m = k + (m.length > 0 ? " " + m : m);
+      m = w + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let I = !!T, G = n(I ? R.substring(0, T) : R);
+    let N = !!T, G = o(N ? R.substring(0, T) : R);
     if (!G) {
-      if (!I) {
-        m = k + (m.length > 0 ? " " + m : m);
+      if (!N) {
+        m = w + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (G = n(R), !G) {
-        m = k + (m.length > 0 ? " " + m : m);
+      if (G = o(R), !G) {
+        m = w + (m.length > 0 ? " " + m : m);
         continue;
       }
-      I = !1;
+      N = !1;
     }
-    const J = a(V).join(":"), D = M ? J + we : J, F = D + G;
-    if (c.includes(F))
+    const H = a(V).join(":"), D = j ? H + ke : H, W = D + G;
+    if (i.includes(W))
       continue;
-    c.push(F);
-    const W = s(G, I);
-    for (let j = 0; j < W.length; ++j) {
-      const U = W[j];
-      c.push(D + U);
+    i.push(W);
+    const $ = n(G, N);
+    for (let L = 0; L < $.length; ++L) {
+      const U = $[L];
+      i.push(D + U);
     }
-    m = k + (m.length > 0 ? " " + m : m);
+    m = w + (m.length > 0 ? " " + m : m);
   }
   return m;
 };
 function gr() {
-  let e = 0, r, t, n = "";
+  let e = 0, r, t, o = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = Oe(r)) && (n && (n += " "), n += t);
-  return n;
+    (r = arguments[e++]) && (t = Ge(r)) && (o && (o += " "), o += t);
+  return o;
 }
-const Oe = (e) => {
+const Ge = (e) => {
   if (typeof e == "string")
     return e;
   let r, t = "";
-  for (let n = 0; n < e.length; n++)
-    e[n] && (r = Oe(e[n])) && (t && (t += " "), t += r);
+  for (let o = 0; o < e.length; o++)
+    e[o] && (r = Ge(e[o])) && (t && (t += " "), t += r);
   return t;
 };
-function Pe(e, ...r) {
-  let t, n, s, a = c;
-  function c(m) {
-    const x = r.reduce((k, E) => E(k), e());
-    return t = mr(x), n = t.cache.get, s = t.cache.set, a = p, p(m);
+function Ce(e, ...r) {
+  let t, o, n, a = i;
+  function i(m) {
+    const x = r.reduce((w, E) => E(w), e());
+    return t = pr(x), o = t.cache.get, n = t.cache.set, a = u, u(m);
   }
-  function p(m) {
-    const x = n(m);
+  function u(m) {
+    const x = o(m);
     if (x)
       return x;
-    const k = fr(m, t);
-    return s(m, k), k;
+    const w = br(m, t);
+    return n(m, w), w;
   }
   return function() {
     return a(gr.apply(null, arguments));
@@ -594,19 +594,19 @@ function Pe(e, ...r) {
 const v = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, Ne = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ge = /^\((?:(\w[\w-]*):)?(.+)\)$/i, br = /^\d+\/\d+$/, hr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, xr = /\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$/, yr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, wr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, kr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => br.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), be = (e) => e.endsWith("%") && b(e.slice(0, -1)), L = (e) => hr.test(e), vr = () => !0, Rr = (e) => (
+}, Le = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Fe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, hr = /^\d+\/\d+$/, xr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yr = /\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$/, wr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, kr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (e) => hr.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && g(e.slice(0, -1)), F = (e) => xr.test(e), Rr = () => !0, Er = (e) => (
   // `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.
-  xr.test(e) && !yr.test(e)
-), je = () => !1, Er = (e) => wr.test(e), Sr = (e) => kr.test(e), Tr = (e) => !i(e) && !l(e), _r = (e) => Q(e, Fe, je), i = (e) => Ne.test(e), q = (e) => Q(e, We, Rr), he = (e) => Q(e, Mr, b), Ce = (e) => Q(e, Le, je), Ar = (e) => Q(e, Ve, Sr), ue = (e) => Q(e, $e, Er), l = (e) => Ge.test(e), ae = (e) => K(e, We), Pr = (e) => K(e, Ir), ze = (e) => K(e, Le), Cr = (e) => K(e, Fe), zr = (e) => K(e, Ve), me = (e) => K(e, $e, !0), Q = (e, r, t) => {
-  const n = Ne.exec(e);
-  return n ? n[1] ? r(n[1]) : t(n[2]) : !1;
-}, K = (e, r, t = !1) => {
-  const n = Ge.exec(e);
-  return n ? n[1] ? r(n[1]) : t : !1;
-}, Le = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", Fe = (e) => e === "length" || e === "size" || e === "bg-size", We = (e) => e === "length", Mr = (e) => e === "number", Ir = (e) => e === "family-name", $e = (e) => e === "shadow", Me = () => {
-  const e = v("color"), r = v("font"), t = v("text"), n = v("font-weight"), s = v("tracking"), a = v("leading"), c = v("breakpoint"), p = v("container"), m = v("spacing"), x = v("radius"), k = v("shadow"), E = v("inset-shadow"), V = v("text-shadow"), M = v("drop-shadow"), R = v("blur"), T = v("perspective"), I = v("aspect"), G = v("ease"), J = v("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [
+  yr.test(e) && !wr.test(e)
+), Ve = () => !1, Sr = (e) => kr.test(e), Tr = (e) => vr.test(e), Ar = (e) => !l(e) && !c(e), _r = (e) => K(e, Be, Ve), l = (e) => Le.test(e), J = (e) => K(e, Ye, Er), ye = (e) => K(e, jr, g), ze = (e) => K(e, We, Ve), Pr = (e) => K(e, $e, Tr), pe = (e) => K(e, De, Sr), c = (e) => Fe.test(e), ie = (e) => ee(e, Ye), Cr = (e) => ee(e, Nr), Me = (e) => ee(e, We), zr = (e) => ee(e, Be), Mr = (e) => ee(e, $e), fe = (e) => ee(e, De, !0), K = (e, r, t) => {
+  const o = Le.exec(e);
+  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
+}, ee = (e, r, t = !1) => {
+  const o = Fe.exec(e);
+  return o ? o[1] ? r(o[1]) : t : !1;
+}, We = (e) => e === "position" || e === "percentage", $e = (e) => e === "image" || e === "url", Be = (e) => e === "length" || e === "size" || e === "bg-size", Ye = (e) => e === "length", jr = (e) => e === "number", Nr = (e) => e === "family-name", De = (e) => e === "shadow", je = () => {
+  const e = v("color"), r = v("font"), t = v("text"), o = v("font-weight"), n = v("tracking"), a = v("leading"), i = v("breakpoint"), u = v("container"), m = v("spacing"), x = v("radius"), w = v("shadow"), E = v("inset-shadow"), V = v("text-shadow"), j = v("drop-shadow"), R = v("blur"), T = v("perspective"), N = v("aspect"), G = v("ease"), H = v("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [
     "center",
     "top",
     "bottom",
@@ -624,51 +624,51 @@ const v = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], W = () => [...F(), l, i], j = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], u = () => [l, i, m], P = () => [Z, "full", "auto", ...u()], le = () => [Y, "none", "subgrid", l, i], ce = () => ["auto", {
-    span: ["full", Y, l, i]
-  }, Y, l, i], $ = () => [Y, "auto", l, i], ee = () => ["auto", "min", "max", "fr", l, i], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...u()], N = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], d = () => [e, l, i], te = () => [...F(), ze, Ce, {
-    position: [l, i]
-  }], oe = () => ["no-repeat", {
+  ], $ = () => [...W(), c, l], L = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], p = () => [c, l, m], C = () => [Q, "full", "auto", ...p()], de = () => [Y, "none", "subgrid", c, l], ue = () => ["auto", {
+    span: ["full", Y, c, l]
+  }, Y, c, l], B = () => [Y, "auto", c, l], re = () => ["auto", "min", "max", "fr", c, l], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...p()], O = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], d = () => [e, c, l], oe = () => [...W(), Me, ze, {
+    position: [c, l]
+  }], ne = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], o = () => ["auto", "cover", "contain", Cr, _r, {
-    size: [l, i]
-  }], f = () => [be, ae, q], g = () => [
+  }], s = () => ["auto", "cover", "contain", zr, _r, {
+    size: [c, l]
+  }], f = () => [xe, ie, J], b = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     x,
-    l,
-    i
-  ], h = () => ["", b, ae, q], _ = () => ["solid", "dashed", "dotted", "double"], A = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], y = () => [b, be, ze, Ce], H = () => [
+    c,
+    l
+  ], h = () => ["", g, ie, J], A = () => ["solid", "dashed", "dotted", "double"], _ = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], y = () => [g, xe, Me, ze], X = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     R,
-    l,
-    i
-  ], w = () => ["none", b, l, i], z = () => ["none", b, l, i], B = () => [b, l, i], X = () => [Z, "full", ...u()];
+    c,
+    l
+  ], k = () => ["none", g, c, l], M = () => ["none", g, c, l], q = () => [g, c, l], Z = () => [Q, "full", ...p()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [L],
-      breakpoint: [L],
-      color: [vr],
-      container: [L],
-      "drop-shadow": [L],
+      blur: [F],
+      breakpoint: [F],
+      color: [Rr],
+      container: [F],
+      "drop-shadow": [F],
       ease: ["in", "out", "in-out"],
-      font: [Tr],
+      font: [Ar],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [L],
+      "inset-shadow": [F],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [L],
-      shadow: [L],
-      spacing: ["px", b],
-      text: [L],
-      "text-shadow": [L],
+      radius: [F],
+      shadow: [F],
+      spacing: ["px", g],
+      text: [F],
+      "text-shadow": [F],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -680,7 +680,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Z, i, l, I]
+        aspect: ["auto", "square", Q, l, c, N]
       }],
       /**
        * Container
@@ -693,7 +693,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [b, i, l, p]
+        columns: [g, l, c, u]
       }],
       /**
        * Break After
@@ -771,28 +771,28 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: W()
+        object: $()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: j()
+        overflow: L()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": j()
+        "overflow-x": L()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": j()
+        "overflow-y": L()
       }],
       /**
        * Overscroll Behavior
@@ -825,63 +825,63 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: P()
+        inset: C()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": P()
+        "inset-x": C()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": P()
+        "inset-y": C()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: P()
+        start: C()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: P()
+        end: C()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: P()
+        top: C()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: P()
+        right: C()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: P()
+        bottom: C()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: P()
+        left: C()
       }],
       /**
        * Visibility
@@ -893,7 +893,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Y, "auto", l, i]
+        z: [Y, "auto", c, l]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -903,7 +903,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Z, "full", "auto", p, ...u()]
+        basis: [Q, "full", "auto", u, ...p()]
       }],
       /**
        * Flex Direction
@@ -924,84 +924,84 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [b, Z, "auto", "initial", "none", i]
+        flex: [g, Q, "auto", "initial", "none", l]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", b, l, i]
+        grow: ["", g, c, l]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", b, l, i]
+        shrink: ["", g, c, l]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Y, "first", "last", "none", l, i]
+        order: [Y, "first", "last", "none", c, l]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": le()
+        "grid-cols": de()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ce()
+        col: ue()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": $()
+        "col-start": B()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": $()
+        "col-end": B()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": le()
+        "grid-rows": de()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ce()
+        row: ue()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": $()
+        "row-start": B()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": $()
+        "row-end": B()
       }],
       /**
        * Grid Auto Flow
@@ -1015,70 +1015,70 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ee()
+        "auto-cols": re()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ee()
+        "auto-rows": re()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: u()
+        gap: p()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": u()
+        "gap-x": p()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": u()
+        "gap-y": p()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...re(), "normal"]
+        justify: [...te(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...O(), "normal"]
+        "justify-items": [...I(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...O()]
+        "justify-self": ["auto", ...I()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...re()]
+        content: ["normal", ...te()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...O(), {
+        items: [...I(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1087,7 +1087,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...O(), {
+        self: ["auto", ...I(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1096,21 +1096,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": re()
+        "place-content": te()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...O(), "baseline"]
+        "place-items": [...I(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...O()]
+        "place-self": ["auto", ...I()]
       }],
       // Spacing
       /**
@@ -1118,133 +1118,133 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: u()
+        p: p()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: u()
+        px: p()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: u()
+        py: p()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: u()
+        ps: p()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: u()
+        pe: p()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: u()
+        pt: p()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: u()
+        pr: p()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: u()
+        pb: p()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: u()
+        pl: p()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: C()
+        m: z()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: C()
+        mx: z()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: C()
+        my: z()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: C()
+        ms: z()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: C()
+        me: z()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: C()
+        mt: z()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: C()
+        mr: z()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: C()
+        mb: z()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: C()
+        ml: z()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": u()
+        "space-x": p()
       }],
       /**
        * Space Between X Reverse
@@ -1256,7 +1256,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": u()
+        "space-y": p()
       }],
       /**
        * Space Between Y Reverse
@@ -1271,14 +1271,14 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: N()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [p, "screen", ...N()]
+        w: [u, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -1286,11 +1286,11 @@ const v = (e) => {
        */
       "min-w": [{
         "min-w": [
-          p,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...N()
+          ...O()
         ]
       }],
       /**
@@ -1299,16 +1299,16 @@ const v = (e) => {
        */
       "max-w": [{
         "max-w": [
-          p,
+          u,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [c]
+            screen: [i]
           },
-          ...N()
+          ...O()
         ]
       }],
       /**
@@ -1316,21 +1316,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...N()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...N()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...N()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1340,7 +1340,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, ae, q]
+        text: ["base", t, ie, J]
       }],
       /**
        * Font Smoothing
@@ -1357,21 +1357,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [n, l, he]
+        font: [o, c, ye]
       }],
       /**
        * 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", be, i]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", xe, l]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Pr, i, r]
+        font: [Cr, l, r]
       }],
       /**
        * Font Variant Numeric
@@ -1408,14 +1408,14 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, l, i]
+        tracking: [n, c, l]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [b, "none", l, he]
+        "line-clamp": [g, "none", c, ye]
       }],
       /**
        * Line Height
@@ -1425,7 +1425,7 @@ const v = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           a,
-          ...u()
+          ...p()
         ]
       }],
       /**
@@ -1433,7 +1433,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", l, i]
+        "list-image": ["none", c, l]
       }],
       /**
        * List Style Position
@@ -1447,7 +1447,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", l, i]
+        list: ["disc", "decimal", "none", c, l]
       }],
       /**
        * Text Alignment
@@ -1481,14 +1481,14 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [..._(), "wavy"]
+        decoration: [...A(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", l, q]
+        decoration: [g, "from-font", "auto", c, J]
       }],
       /**
        * Text Decoration Color
@@ -1502,7 +1502,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [b, "auto", l, i]
+        "underline-offset": [g, "auto", c, l]
       }],
       /**
        * Text Transform
@@ -1526,14 +1526,14 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: u()
+        indent: p()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, i]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", c, l]
       }],
       /**
        * Whitespace
@@ -1568,7 +1568,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", l, i]
+        content: ["none", c, l]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1599,21 +1599,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: te()
+        bg: oe()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: oe()
+        bg: ne()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: o()
+        bg: s()
       }],
       /**
        * Background Image
@@ -1623,10 +1623,10 @@ const v = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Y, l, i],
-          radial: ["", l, i],
-          conic: [Y, l, i]
-        }, zr, Ar]
+          }, Y, c, l],
+          radial: ["", c, l],
+          conic: [Y, c, l]
+        }, Mr, Pr]
       }],
       /**
        * Background Color
@@ -1685,105 +1685,105 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: g()
+        rounded: b()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": g()
+        "rounded-s": b()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": g()
+        "rounded-e": b()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": g()
+        "rounded-t": b()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": g()
+        "rounded-r": b()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": g()
+        "rounded-b": b()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": g()
+        "rounded-l": b()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": g()
+        "rounded-ss": b()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": g()
+        "rounded-se": b()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": g()
+        "rounded-ee": b()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": g()
+        "rounded-es": b()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": g()
+        "rounded-tl": b()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": g()
+        "rounded-tr": b()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": g()
+        "rounded-br": b()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": g()
+        "rounded-bl": b()
       }],
       /**
        * Border Width
@@ -1877,14 +1877,14 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [..._(), "hidden", "none"]
+        border: [...A(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [..._(), "hidden", "none"]
+        divide: [...A(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1961,21 +1961,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [..._(), "none", "hidden"]
+        outline: [...A(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [b, l, i]
+        "outline-offset": [g, c, l]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, ae, q]
+        outline: ["", g, ie, J]
       }],
       /**
        * Outline Color
@@ -1996,9 +1996,9 @@ const v = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          k,
-          me,
-          ue
+          w,
+          fe,
+          pe
         ]
       }],
       /**
@@ -2013,7 +2013,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", E, me, ue]
+        "inset-shadow": ["none", E, fe, pe]
       }],
       /**
        * Inset Box Shadow Color
@@ -2050,7 +2050,7 @@ const v = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [b, q]
+        "ring-offset": [g, J]
       }],
       /**
        * Ring Offset Color
@@ -2080,7 +2080,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", V, me, ue]
+        "text-shadow": ["none", V, fe, pe]
       }],
       /**
        * Text Shadow Color
@@ -2094,21 +2094,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [b, l, i]
+        opacity: [g, c, l]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...A(), "plus-darker", "plus-lighter"]
+        "mix-blend": [..._(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": A()
+        "bg-blend": _()
       }],
       /**
        * Mask Clip
@@ -2129,7 +2129,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [b]
+        "mask-linear": [g]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": y()
@@ -2216,7 +2216,7 @@ const v = (e) => {
         "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [l, i]
+        "mask-radial": [c, l]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": y()
@@ -2240,10 +2240,10 @@ const v = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": F()
+        "mask-radial-at": W()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [b]
+        "mask-conic": [g]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": y()
@@ -2276,21 +2276,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: te()
+        mask: oe()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: oe()
+        mask: ne()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: o()
+        mask: s()
       }],
       /**
        * Mask Type
@@ -2304,7 +2304,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", l, i]
+        mask: ["none", c, l]
       }],
       // ---------------
       // --- Filters ---
@@ -2318,8 +2318,8 @@ const v = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          l,
-          i
+          c,
+          l
         ]
       }],
       /**
@@ -2327,21 +2327,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: H()
+        blur: X()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [b, l, i]
+        brightness: [g, c, l]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [b, l, i]
+        contrast: [g, c, l]
       }],
       /**
        * Drop Shadow
@@ -2352,9 +2352,9 @@ const v = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
-          me,
-          ue
+          j,
+          fe,
+          pe
         ]
       }],
       /**
@@ -2369,35 +2369,35 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", b, l, i]
+        grayscale: ["", g, c, l]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b, l, i]
+        "hue-rotate": [g, c, l]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", b, l, i]
+        invert: ["", g, c, l]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [b, l, i]
+        saturate: [g, c, l]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", b, l, i]
+        sepia: ["", g, c, l]
       }],
       /**
        * Backdrop Filter
@@ -2408,8 +2408,8 @@ const v = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          l,
-          i
+          c,
+          l
         ]
       }],
       /**
@@ -2417,63 +2417,63 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": H()
+        "backdrop-blur": X()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [b, l, i]
+        "backdrop-brightness": [g, c, l]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [b, l, i]
+        "backdrop-contrast": [g, c, l]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", b, l, i]
+        "backdrop-grayscale": ["", g, c, l]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b, l, i]
+        "backdrop-hue-rotate": [g, c, l]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", b, l, i]
+        "backdrop-invert": ["", g, c, l]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [b, l, i]
+        "backdrop-opacity": [g, c, l]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [b, l, i]
+        "backdrop-saturate": [g, c, l]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", b, l, i]
+        "backdrop-sepia": ["", g, c, l]
       }],
       // --------------
       // --- Tables ---
@@ -2490,21 +2490,21 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": u()
+        "border-spacing": p()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": u()
+        "border-spacing-x": p()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": u()
+        "border-spacing-y": p()
       }],
       /**
        * Table Layout
@@ -2528,7 +2528,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, i]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", c, l]
       }],
       /**
        * Transition Behavior
@@ -2542,28 +2542,28 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [b, "initial", l, i]
+        duration: [g, "initial", c, l]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", G, l, i]
+        ease: ["linear", "initial", G, c, l]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [b, l, i]
+        delay: [g, c, l]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", J, l, i]
+        animate: ["none", H, c, l]
       }],
       // ------------------
       // --- Transforms ---
@@ -2580,70 +2580,70 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [T, l, i]
+        perspective: [T, c, l]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": W()
+        "perspective-origin": $()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: w()
+        rotate: k()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": w()
+        "rotate-x": k()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": w()
+        "rotate-y": k()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": w()
+        "rotate-z": k()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: z()
+        scale: M()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": z()
+        "scale-x": M()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": z()
+        "scale-y": M()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": z()
+        "scale-z": M()
       }],
       /**
        * Scale 3D
@@ -2655,35 +2655,35 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: B()
+        skew: q()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": B()
+        "skew-x": q()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": B()
+        "skew-y": q()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [l, i, "", "none", "gpu", "cpu"]
+        transform: [c, l, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: W()
+        origin: $()
       }],
       /**
        * Transform Style
@@ -2697,28 +2697,28 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: X()
+        translate: Z()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": X()
+        "translate-x": Z()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": X()
+        "translate-y": Z()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": X()
+        "translate-z": Z()
       }],
       /**
        * Translate None
@@ -2761,7 +2761,7 @@ const v = (e) => {
        * @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", l, i]
+        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", c, l]
       }],
       /**
        * Field Sizing
@@ -2796,126 +2796,126 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": u()
+        "scroll-m": p()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": u()
+        "scroll-mx": p()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": u()
+        "scroll-my": p()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": u()
+        "scroll-ms": p()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": u()
+        "scroll-me": p()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": u()
+        "scroll-mt": p()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": u()
+        "scroll-mr": p()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": u()
+        "scroll-mb": p()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": u()
+        "scroll-ml": p()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": u()
+        "scroll-p": p()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": u()
+        "scroll-px": p()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": u()
+        "scroll-py": p()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": u()
+        "scroll-ps": p()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": u()
+        "scroll-pe": p()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": u()
+        "scroll-pt": p()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": u()
+        "scroll-pr": p()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": u()
+        "scroll-pb": p()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": u()
+        "scroll-pl": p()
       }],
       /**
        * Scroll Snap Align
@@ -2983,7 +2983,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", l, i]
+        "will-change": ["auto", "scroll", "contents", "transform", c, l]
       }],
       // -----------
       // --- SVG ---
@@ -3000,7 +3000,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, ae, q, he]
+        stroke: [g, ie, J, ye]
       }],
       /**
        * Stroke
@@ -3075,26 +3075,26 @@ const v = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Or = (e, {
+}, Ir = (e, {
   cacheSize: r,
   prefix: t,
-  experimentalParseClassName: n,
-  extend: s = {},
+  experimentalParseClassName: o,
+  extend: n = {},
   override: a = {}
-}) => (ie(e, "cacheSize", r), ie(e, "prefix", t), ie(e, "experimentalParseClassName", n), pe(e.theme, a.theme), pe(e.classGroups, a.classGroups), pe(e.conflictingClassGroups, a.conflictingClassGroups), pe(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), ie(e, "orderSensitiveModifiers", a.orderSensitiveModifiers), fe(e.theme, s.theme), fe(e.classGroups, s.classGroups), fe(e.conflictingClassGroups, s.conflictingClassGroups), fe(e.conflictingClassGroupModifiers, s.conflictingClassGroupModifiers), Ye(e, s, "orderSensitiveModifiers"), e), ie = (e, r, t) => {
+}) => (le(e, "cacheSize", r), le(e, "prefix", t), le(e, "experimentalParseClassName", o), be(e.theme, a.theme), be(e.classGroups, a.classGroups), be(e.conflictingClassGroups, a.conflictingClassGroups), be(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), le(e, "orderSensitiveModifiers", a.orderSensitiveModifiers), ge(e.theme, n.theme), ge(e.classGroups, n.classGroups), ge(e.conflictingClassGroups, n.conflictingClassGroups), ge(e.conflictingClassGroupModifiers, n.conflictingClassGroupModifiers), Ue(e, n, "orderSensitiveModifiers"), e), le = (e, r, t) => {
   t !== void 0 && (e[r] = t);
-}, pe = (e, r) => {
+}, be = (e, r) => {
   if (r)
     for (const t in r)
-      ie(e, t, r[t]);
-}, fe = (e, r) => {
+      le(e, t, r[t]);
+}, ge = (e, r) => {
   if (r)
     for (const t in r)
-      Ye(e, r, t);
-}, Ye = (e, r, t) => {
-  const n = r[t];
-  n !== void 0 && (e[t] = e[t] ? e[t].concat(n) : n);
-}, Nr = (e, ...r) => typeof e == "function" ? Pe(Me, e, ...r) : Pe(() => Or(Me(), e), ...r), Gr = Nr({
+      Ue(e, r, t);
+}, Ue = (e, r, t) => {
+  const o = r[t];
+  o !== void 0 && (e[t] = e[t] ? e[t].concat(o) : o);
+}, Or = (e, ...r) => typeof e == "function" ? Ce(je, e, ...r) : Ce(() => Ir(je(), e), ...r), ce = Or({
   extend: {
     classGroups: {
       gap: ["gap-r3", "gap-r4", "gap-r5", "gap-r6"],
@@ -3124,7 +3124,69 @@ const v = (e) => {
       ]
     }
   }
-}), ge = {
+}), Gr = Ne(
+  ({
+    asChild: e,
+    header: r,
+    borderColor: t,
+    borderRadius: o = "rounded-lg",
+    padding: n = "p-r6",
+    background: a = "bg-neutral-70",
+    className: i,
+    children: u,
+    ...m
+  }, x) => {
+    const w = e ? Ie : "div";
+    return /* @__PURE__ */ P.jsx(
+      w,
+      {
+        ref: x,
+        className: ce(
+          // borders:
+          o,
+          t,
+          t && "border-1.5",
+          // padding:
+          n === "p-r6" && "xs:p-5 p-4 md:p-6",
+          n === "p-r4" && "xs:p-3.5 p-3 md:p-4",
+          n === "p-0" && "p-0",
+          // background:
+          a,
+          i
+        ),
+        ...m,
+        children: e ? u : /* @__PURE__ */ P.jsxs(P.Fragment, { children: [
+          r && /* @__PURE__ */ P.jsx(Lr, { padding: n, children: r }),
+          u
+        ] })
+      }
+    );
+  }
+);
+Gr.displayName = "Box";
+function Lr({ padding: e, children: r, className: t, ...o }) {
+  return /* @__PURE__ */ P.jsx(
+    "div",
+    {
+      className: ce(
+        "border-b-neutral-60 flex flex-row items-center justify-between border-b",
+        // nullify outside padding with negative margin on top and side:
+        e === "p-r6" && "xs:-mx-5 xs:-mt-5 -mx-4 -mt-4 md:-mx-6 md:-mt-6",
+        e === "p-r4" && "xs:-mx-3.5 xs:-mt-3.5 -mx-3 -mt-3 md:-mx-4 md:-mt-4",
+        // add additional padding below divider:
+        e === "p-r6" && "xs:mb-5 mb-4 md:mb-6",
+        e === "p-r4" && "xs:mb-3.5 mb-3 md:mb-4",
+        e === "p-r6" && "xs:p-5 p-4 md:p-6",
+        e === "p-r4" && "xs:p-3.5 p-3 md:p-4",
+        e === "p-0" && "p-0",
+        t
+      ),
+      ...o,
+      children: r
+    }
+  );
+}
+const he = {
   base: [
     // Base
     "flex cursor-pointer items-center justify-center text-nowrap text-white ring-inset transition ease-in-out",
@@ -3207,27 +3269,87 @@ const v = (e) => {
     small: "-mx-4 -my-2 px-4 py-2",
     xsmall: "-mx-4 -my-1.5 px-4 py-1.5"
   }
-}, jr = Ue(
-  ({ asChild: e, variant: r = "primary", size: t = "medium", className: n, children: s, ...a }, c) => {
-    const p = e ? Ze : "button";
-    return /* @__PURE__ */ xe.jsx(
-      p,
+}, Fr = Ne(
+  ({ asChild: e, variant: r = "primary", size: t = "medium", className: o, children: n, ...a }, i) => {
+    const u = e ? Ie : "button";
+    return /* @__PURE__ */ P.jsx(
+      u,
       {
-        ref: c,
-        className: Gr(
-          ...ge.base,
-          ...ge.variants[r],
-          r !== "text" && ge.sizes[t],
-          r === "ghost" && ge.ghostSizes[t],
-          n
+        ref: i,
+        className: ce(
+          ...he.base,
+          ...he.variants[r],
+          r !== "text" && he.sizes[t],
+          r === "ghost" && he.ghostSizes[t],
+          o
         ),
         ...a,
-        children: s
+        children: n
       }
     );
   }
 );
-jr.displayName = "Button";
+Fr.displayName = "Button";
+function $r({ icon: e, ...r }) {
+  return /* @__PURE__ */ P.jsx("svg", { ...r, children: /* @__PURE__ */ P.jsx("use", { href: `#${e}` }) });
+}
+const Vr = {
+  "data-lpignore": !0,
+  "data-1p-ignore": !0,
+  "data-form-type": "other",
+  "data-bwignore": !0,
+  autoComplete: "off"
+}, Br = ({
+  variant: e = "outlined",
+  disablePasswordManagers: r,
+  rightAccessory: t,
+  errorState: o,
+  className: n,
+  ...a
+}) => {
+  const i = e === "filled", u = o || a["aria-invalid"];
+  return /* @__PURE__ */ P.jsxs(
+    "div",
+    {
+      className: ce(
+        // base wrapper styles:
+        "flex min-h-10 flex-row items-center justify-between rounded-lg",
+        // variant-specific base:
+        i ? "bg-neutral-60" : "border-neutral-40 focus-within:border-secondary-40 border bg-transparent",
+        // error:
+        u && (i ? "" : "border-warning-50 focus-within:border-warning-50"),
+        // disabled:
+        a.disabled && "cursor-not-allowed",
+        a.disabled && (i ? "bg-neutral-55" : "border-neutral-55")
+      ),
+      children: [
+        /* @__PURE__ */ P.jsx(
+          "input",
+          {
+            className: ce(
+              // base input styles:
+              "tg-body placeholder-neutral-40 flex-1 bg-transparent px-3 focus:outline-none disabled:cursor-not-allowed",
+              // text color:
+              i ? "text-neutral-10 caret-secondary-40" : "",
+              // error:
+              u && i && "text-warning-50",
+              // disabled:
+              a.disabled && !i && "text-neutral-40",
+              n
+            ),
+            "aria-invalid": u,
+            ...r && Vr,
+            ...a
+          }
+        ),
+        t && /* @__PURE__ */ P.jsx("div", { className: "pr-4", children: t })
+      ]
+    }
+  );
+};
 export {
-  jr as Button
+  Gr as Box,
+  Fr as Button,
+  $r as Icon,
+  Br as TextInput
 };