npm - @workokay/atom - Versions diffs - 0.2.15 → 0.2.17 - Mend

@workokay/atom 0.2.15 → 0.2.17

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 (14) hide show

package/dist/atom.css +1 -1
package/dist/index.cjs +2 -2
package/dist/index.cjs.map +1 -1
package/dist/index.d.ts +0 -1
package/dist/index.js +698 -509
package/dist/index.js.map +1 -1
package/package.json +4 -5
package/dist/src/components/button/Button.d.ts +0 -15
package/dist/src/components/button/index.d.ts +0 -1
package/dist/src/components/form/Input.d.ts +0 -18
package/dist/src/components/form/index.d.ts +0 -1
package/dist/src/hooks/index.d.ts +0 -1
package/dist/src/index.d.ts +0 -3
package/dist/src/lib/cn.d.ts +0 -2

package/dist/index.js CHANGED Viewed

@@ -1,173 +1,173 @@
-import * as T from "react";
-import Ue from "react";
-var de = { exports: {} }, ae = {};
-var ye;
-function Je() {
-  if (ye) return ae;
-  ye = 1;
+import * as A from "react";
+import Je from "react";
+var de = { exports: {} }, se = {};
+var we;
+function Xe() {
+  if (we) return se;
+  we = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(o, s, a) {
+  function r(o, n, s) {
     var i = null;
-    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
-      a = {};
-      for (var d in s)
-        d !== "key" && (a[d] = s[d]);
-    } else a = s;
-    return s = a.ref, {
+    if (s !== void 0 && (i = "" + s), n.key !== void 0 && (i = "" + n.key), "key" in n) {
+      s = {};
+      for (var d in n)
+        d !== "key" && (s[d] = n[d]);
+    } else s = n;
+    return n = s.ref, {
       $$typeof: e,
       type: o,
       key: i,
-      ref: s !== void 0 ? s : null,
-      props: a
+      ref: n !== void 0 ? n : null,
+      props: s
     };
   }
-  return ae.Fragment = t, ae.jsx = r, ae.jsxs = r, ae;
+  return se.Fragment = t, se.jsx = r, se.jsxs = r, se;
 }
 var ie = {};
-var we;
-function Xe() {
-  return we || (we = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === X ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
+var ke;
+function He() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === H ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
         case R:
           return "Fragment";
-        case O:
+        case P:
           return "Profiler";
         case E:
           return "StrictMode";
-        case P:
+        case z:
           return "Suspense";
         case $:
           return "SuspenseList";
-        case J:
+        case X:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
+        ), a.$$typeof) {
           case _:
             return "Portal";
           case V:
-            return n.displayName || "Context";
-          case N:
-            return (n._context.displayName || "Context") + ".Consumer";
+            return a.displayName || "Context";
+          case O:
+            return (a._context.displayName || "Context") + ".Consumer";
           case L:
-            var b = n.render;
-            return n = n.displayName, n || (n = b.displayName || b.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case p:
-            return b = n.displayName || null, b !== null ? b : e(n.type) || "Memo";
+            var f = a.render;
+            return a = a.displayName, a || (a = f.displayName || f.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case b:
+            return f = a.displayName || null, f !== null ? f : e(a.type) || "Memo";
           case S:
-            b = n._payload, n = n._init;
+            f = a._payload, a = a._init;
             try {
-              return e(n(b));
+              return e(a(f));
             } catch {
             }
         }
       return null;
     }
-    function t(n) {
-      return "" + n;
+    function t(a) {
+      return "" + a;
     }
-    function r(n) {
+    function r(a) {
       try {
-        t(n);
-        var b = !1;
+        t(a);
+        var f = !1;
       } catch {
-        b = !0;
+        f = !0;
       }
-      if (b) {
-        b = console;
-        var h = b.error, y = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+      if (f) {
+        f = console;
+        var h = f.error, y = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
         return h.call(
-          b,
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           y
-        ), t(n);
+        ), t(a);
       }
     }
-    function o(n) {
-      if (n === R) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === S)
+    function o(a) {
+      if (a === R) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === S)
         return "<...>";
       try {
-        var b = e(n);
-        return b ? "<" + b + ">" : "<...>";
+        var f = e(a);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var n = Y.A;
-      return n === null ? null : n.getOwner();
+    function n() {
+      var a = Y.A;
+      return a === null ? null : a.getOwner();
     }
-    function a() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function i(n) {
-      if (te.call(n, "key")) {
-        var b = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function i(a) {
+      if (te.call(a, "key")) {
+        var f = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return a.key !== void 0;
     }
-    function d(n, b) {
+    function d(a, f) {
       function h() {
         I || (I = !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)",
-          b
+          f
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(n, "key", {
+      h.isReactWarning = !0, Object.defineProperty(a, "key", {
         get: h,
         configurable: !0
       });
     }
-    function u() {
-      var n = e(this.type);
-      return M[n] || (M[n] = !0, console.error(
+    function m() {
+      var a = e(this.type);
+      return M[a] || (M[a] = !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."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function m(n, b, h, y, q, H) {
+    function u(a, f, h, y, q, Z) {
       var v = h.ref;
-      return n = {
-        $$typeof: z,
-        type: n,
-        key: b,
+      return a = {
+        $$typeof: T,
+        type: a,
+        key: f,
         props: h,
         _owner: y
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(n, "ref", {
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: m
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: q
-      }), Object.defineProperty(n, "_debugTask", {
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: Z
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function x(n, b, h, y, q, H) {
-      var v = b.children;
+    function x(a, f, h, y, q, Z) {
+      var v = f.children;
       if (v !== void 0)
         if (y)
           if (oe(v)) {
@@ -179,12 +179,12 @@ function Xe() {
               "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 w(v);
-      if (te.call(b, "key")) {
-        v = e(n);
-        var W = Object.keys(b).filter(function(Z) {
-          return Z !== "key";
+      if (te.call(f, "key")) {
+        v = e(a);
+        var W = Object.keys(f).filter(function(Q) {
+          return Q !== "key";
         });
-        y = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", se[v + y] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ne[v + y] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -195,185 +195,185 @@ React keys must be passed directly to JSX without using spread:
           v,
           W,
           v
-        ), se[v + y] = !0);
+        ), ne[v + y] = !0);
       }
-      if (v = null, h !== void 0 && (r(h), v = "" + h), i(b) && (r(b.key), v = "" + b.key), "key" in b) {
+      if (v = null, h !== void 0 && (r(h), v = "" + h), i(f) && (r(f.key), v = "" + f.key), "key" in f) {
         h = {};
-        for (var D in b)
-          D !== "key" && (h[D] = b[D]);
-      } else h = b;
+        for (var D in f)
+          D !== "key" && (h[D] = f[D]);
+      } else h = f;
       return v && d(
         h,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), m(
-        n,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), u(
+        a,
         v,
         h,
-        s(),
+        n(),
         q,
-        H
+        Z
       );
     }
-    function w(n) {
-      k(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === S && (n._payload.status === "fulfilled" ? k(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function w(a) {
+      k(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === S && (a._payload.status === "fulfilled" ? k(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function k(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === z;
+    function k(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === T;
     }
-    var C = Ue, z = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), V = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), Y = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, oe = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var C = Je, T = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), V = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), Y = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, oe = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     C = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+      react_stack_bottom_frame: function(a) {
+        return a();
       }
     };
-    var I, M = {}, f = C.react_stack_bottom_frame.bind(
+    var I, M = {}, g = C.react_stack_bottom_frame.bind(
       C,
-      a
-    )(), ne = G(o(a)), se = {};
-    ie.Fragment = R, ie.jsx = function(n, b, h) {
+      s
+    )(), ae = G(o(s)), ne = {};
+    ie.Fragment = R, ie.jsx = function(a, f, h) {
       var y = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return x(
-        n,
-        b,
+        a,
+        f,
         h,
         !1,
-        y ? Error("react-stack-top-frame") : f,
-        y ? G(o(n)) : ne
+        y ? Error("react-stack-top-frame") : g,
+        y ? G(o(a)) : ae
       );
-    }, ie.jsxs = function(n, b, h) {
+    }, ie.jsxs = function(a, f, h) {
       var y = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return x(
-        n,
-        b,
+        a,
+        f,
         h,
         !0,
-        y ? Error("react-stack-top-frame") : f,
-        y ? G(o(n)) : ne
+        y ? Error("react-stack-top-frame") : g,
+        y ? G(o(a)) : ae
       );
     };
   })()), ie;
 }
-var ke;
-function He() {
-  return ke || (ke = 1, process.env.NODE_ENV === "production" ? de.exports = Je() : de.exports = Xe()), de.exports;
+var Re;
+function Ze() {
+  return Re || (Re = 1, process.env.NODE_ENV === "production" ? de.exports = Xe() : de.exports = He()), de.exports;
 }
-var j = He();
-function je(e) {
+var j = Ze();
+function ze(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (r = je(e[t])) && (o && (o += " "), o += r);
+    var n = e.length;
+    for (t = 0; t < n; t++) e[t] && (r = ze(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
 function Pe() {
-  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = je(e)) && (o && (o += " "), o += t);
+  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = ze(e)) && (o && (o += " "), o += t);
   return o;
 }
-const Re = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _e = Pe, Oe = (e, t) => (r) => {
+const _e = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = Pe, xe = (e, t) => (r) => {
   var o;
-  if (t?.variants == null) return _e(e, r?.class, r?.className);
-  const { variants: s, defaultVariants: a } = t, i = Object.keys(s).map((m) => {
-    const x = r?.[m], w = a?.[m];
+  if (t?.variants == null) return Se(e, r?.class, r?.className);
+  const { variants: n, defaultVariants: s } = t, i = Object.keys(n).map((u) => {
+    const x = r?.[u], w = s?.[u];
     if (x === null) return null;
-    const k = Re(x) || Re(w);
-    return s[m][k];
-  }), d = r && Object.entries(r).reduce((m, x) => {
+    const k = _e(x) || _e(w);
+    return n[u][k];
+  }), d = r && Object.entries(r).reduce((u, x) => {
     let [w, k] = x;
-    return k === void 0 || (m[w] = k), m;
-  }, {}), u = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((m, x) => {
+    return k === void 0 || (u[w] = k), u;
+  }, {}), m = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((u, x) => {
     let { class: w, className: k, ...C } = x;
-    return Object.entries(C).every((z) => {
-      let [_, R] = z;
+    return Object.entries(C).every((T) => {
+      let [_, R] = T;
       return Array.isArray(R) ? R.includes({
-        ...a,
+        ...s,
         ...d
       }[_]) : {
-        ...a,
+        ...s,
         ...d
       }[_] === R;
     }) ? [
-      ...m,
+      ...u,
       w,
       k
-    ] : m;
+    ] : u;
   }, []);
-  return _e(e, i, u, r?.class, r?.className);
+  return Se(e, i, m, r?.class, r?.className);
 };
-function Se(e, t) {
+function Ee(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function Ze(...e) {
+function Qe(...e) {
   return (t) => {
     let r = !1;
-    const o = e.map((s) => {
-      const a = Se(s, t);
-      return !r && typeof a == "function" && (r = !0), a;
+    const o = e.map((n) => {
+      const s = Ee(n, t);
+      return !r && typeof s == "function" && (r = !0), s;
     });
     if (r)
       return () => {
-        for (let s = 0; s < o.length; s++) {
-          const a = o[s];
-          typeof a == "function" ? a() : Se(e[s], null);
+        for (let n = 0; n < o.length; n++) {
+          const s = o[n];
+          typeof s == "function" ? s() : Ee(e[n], null);
         }
       };
   };
 }
-var Qe = Symbol.for("react.lazy"), fe = T[" use ".trim().toString()];
-function Ke(e) {
+var Ke = Symbol.for("react.lazy"), ge = A[" use ".trim().toString()];
+function er(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
-function Ne(e) {
-  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Qe && "_payload" in e && Ke(e._payload);
+function Oe(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Ke && "_payload" in e && er(e._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function er(e) {
-  const t = /* @__PURE__ */ tr(e), r = T.forwardRef((o, s) => {
-    let { children: a, ...i } = o;
-    Ne(a) && typeof fe == "function" && (a = fe(a._payload));
-    const d = T.Children.toArray(a), u = d.find(nr);
-    if (u) {
-      const m = u.props.children, x = d.map((w) => w === u ? T.Children.count(m) > 1 ? T.Children.only(null) : T.isValidElement(m) ? m.props.children : null : w);
-      return /* @__PURE__ */ j.jsx(t, { ...i, ref: s, children: T.isValidElement(m) ? T.cloneElement(m, void 0, x) : null });
+function rr(e) {
+  const t = /* @__PURE__ */ tr(e), r = A.forwardRef((o, n) => {
+    let { children: s, ...i } = o;
+    Oe(s) && typeof ge == "function" && (s = ge(s._payload));
+    const d = A.Children.toArray(s), m = d.find(ar);
+    if (m) {
+      const u = m.props.children, x = d.map((w) => w === m ? A.Children.count(u) > 1 ? A.Children.only(null) : A.isValidElement(u) ? u.props.children : null : w);
+      return /* @__PURE__ */ j.jsx(t, { ...i, ref: n, children: A.isValidElement(u) ? A.cloneElement(u, void 0, x) : null });
     }
-    return /* @__PURE__ */ j.jsx(t, { ...i, ref: s, children: a });
+    return /* @__PURE__ */ j.jsx(t, { ...i, ref: n, children: s });
   });
   return r.displayName = `${e}.Slot`, r;
 }
-var rr = /* @__PURE__ */ er("Slot");
+var Ie = /* @__PURE__ */ rr("Slot");
 // @__NO_SIDE_EFFECTS__
 function tr(e) {
-  const t = T.forwardRef((r, o) => {
-    let { children: s, ...a } = r;
-    if (Ne(s) && typeof fe == "function" && (s = fe(s._payload)), T.isValidElement(s)) {
-      const i = ar(s), d = sr(a, s.props);
-      return s.type !== T.Fragment && (d.ref = o ? Ze(o, i) : i), T.cloneElement(s, d);
+  const t = A.forwardRef((r, o) => {
+    let { children: n, ...s } = r;
+    if (Oe(n) && typeof ge == "function" && (n = ge(n._payload)), A.isValidElement(n)) {
+      const i = sr(n), d = nr(s, n.props);
+      return n.type !== A.Fragment && (d.ref = o ? Qe(o, i) : i), A.cloneElement(n, d);
     }
-    return T.Children.count(s) > 1 ? T.Children.only(null) : null;
+    return A.Children.count(n) > 1 ? A.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
 var or = Symbol("radix.slottable");
-function nr(e) {
-  return T.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === or;
+function ar(e) {
+  return A.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === or;
 }
-function sr(e, t) {
+function nr(e, t) {
   const r = { ...t };
   for (const o in t) {
-    const s = e[o], a = t[o];
-    /^on[A-Z]/.test(o) ? s && a ? r[o] = (...d) => {
-      const u = a(...d);
-      return s(...d), u;
-    } : s && (r[o] = s) : o === "style" ? r[o] = { ...s, ...a } : o === "className" && (r[o] = [s, a].filter(Boolean).join(" "));
+    const n = e[o], s = t[o];
+    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...d) => {
+      const m = s(...d);
+      return n(...d), m;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
-function ar(e) {
+function sr(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
@@ -387,101 +387,101 @@ const ir = (e, t) => {
 }, lr = (e, t) => ({
   classGroupId: e,
   validator: t
-}), Ie = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
+}), Ge = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
   nextPart: e,
   validators: t,
   classGroupId: r
-}), pe = "-", Ee = [], cr = "arbitrary..", dr = (e) => {
-  const t = mr(e), {
+}), be = "-", Ce = [], cr = "arbitrary..", dr = (e) => {
+  const t = ur(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return ur(i);
-      const d = i.split(pe), u = d[0] === "" && d.length > 1 ? 1 : 0;
-      return Ge(d, u, t);
+        return mr(i);
+      const d = i.split(be), m = d[0] === "" && d.length > 1 ? 1 : 0;
+      return Me(d, m, t);
     },
     getConflictingClassGroupIds: (i, d) => {
       if (d) {
-        const u = o[i], m = r[i];
-        return u ? m ? ir(m, u) : u : m || Ee;
+        const m = o[i], u = r[i];
+        return m ? u ? ir(u, m) : m : u || Ce;
       }
-      return r[i] || Ee;
+      return r[i] || Ce;
     }
   };
-}, Ge = (e, t, r) => {
+}, Me = (e, t, r) => {
   if (e.length - t === 0)
     return r.classGroupId;
-  const s = e[t], a = r.nextPart.get(s);
-  if (a) {
-    const m = Ge(e, t + 1, a);
-    if (m) return m;
+  const n = e[t], s = r.nextPart.get(n);
+  if (s) {
+    const u = Me(e, t + 1, s);
+    if (u) return u;
   }
   const i = r.validators;
   if (i === null)
     return;
-  const d = t === 0 ? e.join(pe) : e.slice(t).join(pe), u = i.length;
-  for (let m = 0; m < u; m++) {
-    const x = i[m];
+  const d = t === 0 ? e.join(be) : e.slice(t).join(be), m = i.length;
+  for (let u = 0; u < m; u++) {
+    const x = i[u];
     if (x.validator(d))
       return x.classGroupId;
   }
-}, ur = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, mr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), r = t.indexOf(":"), o = t.slice(0, r);
   return o ? cr + o : void 0;
-})(), mr = (e) => {
+})(), ur = (e) => {
   const {
     theme: t,
     classGroups: r
   } = e;
-  return fr(r, t);
-}, fr = (e, t) => {
-  const r = Ie();
+  return gr(r, t);
+}, gr = (e, t) => {
+  const r = Ge();
   for (const o in e) {
-    const s = e[o];
-    xe(s, r, o, t);
+    const n = e[o];
+    ye(n, r, o, t);
   }
   return r;
-}, xe = (e, t, r, o) => {
-  const s = e.length;
-  for (let a = 0; a < s; a++) {
-    const i = e[a];
-    pr(i, t, r, o);
+}, ye = (e, t, r, o) => {
+  const n = e.length;
+  for (let s = 0; s < n; s++) {
+    const i = e[s];
+    br(i, t, r, o);
   }
-}, pr = (e, t, r, o) => {
+}, br = (e, t, r, o) => {
   if (typeof e == "string") {
-    br(e, t, r);
+    fr(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    gr(e, t, r, o);
+    pr(e, t, r, o);
     return;
   }
   hr(e, t, r, o);
-}, br = (e, t, r) => {
-  const o = e === "" ? t : Me(t, e);
+}, fr = (e, t, r) => {
+  const o = e === "" ? t : Ve(t, e);
   o.classGroupId = r;
-}, gr = (e, t, r, o) => {
+}, pr = (e, t, r, o) => {
   if (vr(e)) {
-    xe(e(o), t, r, o);
+    ye(e(o), t, r, o);
     return;
   }
   t.validators === null && (t.validators = []), t.validators.push(lr(r, e));
 }, hr = (e, t, r, o) => {
-  const s = Object.entries(e), a = s.length;
-  for (let i = 0; i < a; i++) {
-    const [d, u] = s[i];
-    xe(u, Me(t, d), r, o);
+  const n = Object.entries(e), s = n.length;
+  for (let i = 0; i < s; i++) {
+    const [d, m] = n[i];
+    ye(m, Ve(t, d), r, o);
   }
-}, Me = (e, t) => {
+}, Ve = (e, t) => {
   let r = e;
-  const o = t.split(pe), s = o.length;
-  for (let a = 0; a < s; a++) {
-    const i = o[a];
+  const o = t.split(be), n = o.length;
+  for (let s = 0; s < n; s++) {
+    const i = o[s];
     let d = r.nextPart.get(i);
-    d || (d = Ie(), r.nextPart.set(i, d)), r = d;
+    d || (d = Ge(), r.nextPart.set(i, d)), r = d;
   }
   return r;
 }, vr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, xr = (e) => {
@@ -493,51 +493,51 @@ const ir = (e, t) => {
       }
     };
   let t = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const s = (a, i) => {
-    r[a] = i, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
+  const n = (s, i) => {
+    r[s] = i, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(a) {
-      let i = r[a];
+    get(s) {
+      let i = r[s];
       if (i !== void 0)
         return i;
-      if ((i = o[a]) !== void 0)
-        return s(a, i), i;
+      if ((i = o[s]) !== void 0)
+        return n(s, i), i;
     },
-    set(a, i) {
-      a in r ? r[a] = i : s(a, i);
+    set(s, i) {
+      s in r ? r[s] = i : n(s, i);
     }
   };
-}, ve = "!", Ce = ":", yr = [], Ae = (e, t, r, o, s) => ({
+}, ve = "!", Ne = ":", yr = [], Ae = (e, t, r, o, n) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: r,
   maybePostfixModifierPosition: o,
-  isExternal: s
+  isExternal: n
 }), wr = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
   } = e;
-  let o = (s) => {
-    const a = [];
-    let i = 0, d = 0, u = 0, m;
-    const x = s.length;
+  let o = (n) => {
+    const s = [];
+    let i = 0, d = 0, m = 0, u;
+    const x = n.length;
     for (let _ = 0; _ < x; _++) {
-      const R = s[_];
+      const R = n[_];
       if (i === 0 && d === 0) {
-        if (R === Ce) {
-          a.push(s.slice(u, _)), u = _ + 1;
+        if (R === Ne) {
+          s.push(n.slice(m, _)), m = _ + 1;
           continue;
         }
         if (R === "/") {
-          m = _;
+          u = _;
           continue;
         }
       }
       R === "[" ? i++ : R === "]" ? i-- : R === "(" ? d++ : R === ")" && d--;
     }
-    const w = a.length === 0 ? s : s.slice(u);
+    const w = s.length === 0 ? n : n.slice(m);
     let k = w, C = !1;
     w.endsWith(ve) ? (k = w.slice(0, -1), C = !0) : (
       /**
@@ -546,18 +546,18 @@ const ir = (e, t) => {
        */
       w.startsWith(ve) && (k = w.slice(1), C = !0)
     );
-    const z = m && m > u ? m - u : void 0;
-    return Ae(a, C, k, z);
+    const T = u && u > m ? u - m : void 0;
+    return Ae(s, C, k, T);
   };
   if (t) {
-    const s = t + Ce, a = o;
-    o = (i) => i.startsWith(s) ? a(i.slice(s.length)) : Ae(yr, !1, i, void 0, !0);
+    const n = t + Ne, s = o;
+    o = (i) => i.startsWith(n) ? s(i.slice(n.length)) : Ae(yr, !1, i, void 0, !0);
   }
   if (r) {
-    const s = o;
-    o = (a) => r({
-      className: a,
-      parseClassName: s
+    const n = o;
+    o = (s) => r({
+      className: s,
+      parseClassName: n
     });
   }
   return o;
@@ -567,12 +567,12 @@ const ir = (e, t) => {
     t.set(r, 1e6 + o);
   }), (r) => {
     const o = [];
-    let s = [];
-    for (let a = 0; a < r.length; a++) {
-      const i = r[a], d = i[0] === "[", u = t.has(i);
-      d || u ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(i)) : s.push(i);
+    let n = [];
+    for (let s = 0; s < r.length; s++) {
+      const i = r[s], d = i[0] === "[", m = t.has(i);
+      d || m ? (n.length > 0 && (n.sort(), o.push(...n), n = []), o.push(i)) : n.push(i);
     }
-    return s.length > 0 && (s.sort(), o.push(...s)), o;
+    return n.length > 0 && (n.sort(), o.push(...n)), o;
   };
 }, Rr = (e) => ({
   cache: xr(e.cacheSize),
@@ -583,87 +583,87 @@ const ir = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: o,
-    getConflictingClassGroupIds: s,
-    sortModifiers: a
+    getConflictingClassGroupIds: n,
+    sortModifiers: s
   } = t, i = [], d = e.trim().split(_r);
-  let u = "";
-  for (let m = d.length - 1; m >= 0; m -= 1) {
-    const x = d[m], {
+  let m = "";
+  for (let u = d.length - 1; u >= 0; u -= 1) {
+    const x = d[u], {
       isExternal: w,
       modifiers: k,
       hasImportantModifier: C,
-      baseClassName: z,
+      baseClassName: T,
       maybePostfixModifierPosition: _
     } = r(x);
     if (w) {
-      u = x + (u.length > 0 ? " " + u : u);
+      m = x + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let R = !!_, E = o(R ? z.substring(0, _) : z);
+    let R = !!_, E = o(R ? T.substring(0, _) : T);
     if (!E) {
       if (!R) {
-        u = x + (u.length > 0 ? " " + u : u);
+        m = x + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (E = o(z), !E) {
-        u = x + (u.length > 0 ? " " + u : u);
+      if (E = o(T), !E) {
+        m = x + (m.length > 0 ? " " + m : m);
         continue;
       }
       R = !1;
     }
-    const O = k.length === 0 ? "" : k.length === 1 ? k[0] : a(k).join(":"), N = C ? O + ve : O, V = N + E;
+    const P = k.length === 0 ? "" : k.length === 1 ? k[0] : s(k).join(":"), O = C ? P + ve : P, V = O + E;
     if (i.indexOf(V) > -1)
       continue;
     i.push(V);
-    const L = s(E, R);
-    for (let P = 0; P < L.length; ++P) {
-      const $ = L[P];
-      i.push(N + $);
+    const L = n(E, R);
+    for (let z = 0; z < L.length; ++z) {
+      const $ = L[z];
+      i.push(O + $);
     }
-    u = x + (u.length > 0 ? " " + u : u);
+    m = x + (m.length > 0 ? " " + m : m);
   }
-  return u;
+  return m;
 }, Er = (...e) => {
-  let t = 0, r, o, s = "";
+  let t = 0, r, o, n = "";
   for (; t < e.length; )
-    (r = e[t++]) && (o = Ve(r)) && (s && (s += " "), s += o);
-  return s;
-}, Ve = (e) => {
+    (r = e[t++]) && (o = Le(r)) && (n && (n += " "), n += o);
+  return n;
+}, Le = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = Ve(e[o])) && (r && (r += " "), r += t);
+    e[o] && (t = Le(e[o])) && (r && (r += " "), r += t);
   return r;
 }, Cr = (e, ...t) => {
-  let r, o, s, a;
-  const i = (u) => {
-    const m = t.reduce((x, w) => w(x), e());
-    return r = Rr(m), o = r.cache.get, s = r.cache.set, a = d, d(u);
-  }, d = (u) => {
-    const m = o(u);
-    if (m)
-      return m;
-    const x = Sr(u, r);
-    return s(u, x), x;
+  let r, o, n, s;
+  const i = (m) => {
+    const u = t.reduce((x, w) => w(x), e());
+    return r = Rr(u), o = r.cache.get, n = r.cache.set, s = d, d(m);
+  }, d = (m) => {
+    const u = o(m);
+    if (u)
+      return u;
+    const x = Sr(m, r);
+    return n(m, x), x;
   };
-  return a = i, (...u) => a(Er(...u));
-}, Ar = [], A = (e) => {
-  const t = (r) => r[e] || Ar;
+  return s = i, (...m) => s(Er(...m));
+}, Nr = [], N = (e) => {
+  const t = (r) => r[e] || Nr;
   return t.isThemeGetter = !0, t;
-}, Le = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, $e = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Tr = /^\d+\/\d+$/, zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, jr = /\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$/, Pr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Or = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Nr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (e) => Tr.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), B = (e) => !!e && Number.isInteger(Number(e)), ge = (e) => e.endsWith("%") && g(e.slice(0, -1)), F = (e) => zr.test(e), Ir = () => !0, Gr = (e) => (
+}, $e = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, qe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ar = /^\d+\/\d+$/, Tr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, jr = /\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$/, zr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Pr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Or = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, K = (e) => Ar.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), B = (e) => !!e && Number.isInteger(Number(e)), pe = (e) => e.endsWith("%") && p(e.slice(0, -1)), F = (e) => Tr.test(e), Ir = () => !0, Gr = (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.
-  jr.test(e) && !Pr.test(e)
-), qe = () => !1, Mr = (e) => Or.test(e), Vr = (e) => Nr.test(e), Lr = (e) => !l(e) && !c(e), $r = (e) => ee(e, Ye, qe), l = (e) => Le.test(e), U = (e) => ee(e, De, Gr), he = (e) => ee(e, Dr, g), Te = (e) => ee(e, We, qe), qr = (e) => ee(e, Fe, Vr), ue = (e) => ee(e, Be, Mr), c = (e) => $e.test(e), le = (e) => re(e, De), Wr = (e) => re(e, Br), ze = (e) => re(e, We), Fr = (e) => re(e, Ye), Yr = (e) => re(e, Fe), me = (e) => re(e, Be, !0), ee = (e, t, r) => {
-  const o = Le.exec(e);
+  jr.test(e) && !zr.test(e)
+), We = () => !1, Mr = (e) => Pr.test(e), Vr = (e) => Or.test(e), Lr = (e) => !l(e) && !c(e), $r = (e) => ee(e, De, We), l = (e) => $e.test(e), U = (e) => ee(e, Be, Gr), he = (e) => ee(e, Dr, p), Te = (e) => ee(e, Fe, We), qr = (e) => ee(e, Ye, Vr), me = (e) => ee(e, Ue, Mr), c = (e) => qe.test(e), le = (e) => re(e, Be), Wr = (e) => re(e, Br), je = (e) => re(e, Fe), Fr = (e) => re(e, De), Yr = (e) => re(e, Ye), ue = (e) => re(e, Ue, !0), ee = (e, t, r) => {
+  const o = $e.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
 }, re = (e, t, r = !1) => {
-  const o = $e.exec(e);
+  const o = qe.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
-}, We = (e) => e === "position" || e === "percentage", Fe = (e) => e === "image" || e === "url", Ye = (e) => e === "length" || e === "size" || e === "bg-size", De = (e) => e === "length", Dr = (e) => e === "number", Br = (e) => e === "family-name", Be = (e) => e === "shadow", Ur = () => {
-  const e = A("color"), t = A("font"), r = A("text"), o = A("font-weight"), s = A("tracking"), a = A("leading"), i = A("breakpoint"), d = A("container"), u = A("spacing"), m = A("radius"), x = A("shadow"), w = A("inset-shadow"), k = A("text-shadow"), C = A("drop-shadow"), z = A("blur"), _ = A("perspective"), R = A("aspect"), E = A("ease"), O = A("animate"), N = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
+}, Fe = (e) => e === "position" || e === "percentage", Ye = (e) => e === "image" || e === "url", De = (e) => e === "length" || e === "size" || e === "bg-size", Be = (e) => e === "length", Dr = (e) => e === "number", Br = (e) => e === "family-name", Ue = (e) => e === "shadow", Ur = () => {
+  const e = N("color"), t = N("font"), r = N("text"), o = N("font-weight"), n = N("tracking"), s = N("leading"), i = N("breakpoint"), d = N("container"), m = N("spacing"), u = N("radius"), x = N("shadow"), w = N("inset-shadow"), k = N("text-shadow"), C = N("drop-shadow"), T = N("blur"), _ = N("perspective"), R = N("aspect"), E = N("ease"), P = N("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
     "center",
     "top",
     "bottom",
@@ -681,30 +681,30 @@ const ir = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], L = () => [...V(), c, l], P = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], p = () => [c, l, u], S = () => [Q, "full", "auto", ...p()], J = () => [B, "none", "subgrid", c, l], X = () => ["auto", {
+  ], L = () => [...V(), c, l], z = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], b = () => [c, l, m], S = () => [K, "full", "auto", ...b()], X = () => [B, "none", "subgrid", c, l], H = () => ["auto", {
     span: ["full", B, c, l]
-  }, B, c, l], Y = () => [B, "auto", c, l], te = () => ["auto", "min", "max", "fr", c, l], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], I = () => ["auto", ...p()], M = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], f = () => [e, c, l], ne = () => [...V(), ze, Te, {
+  }, B, c, l], Y = () => [B, "auto", c, l], te = () => ["auto", "min", "max", "fr", c, l], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], I = () => ["auto", ...b()], M = () => [K, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], g = () => [e, c, l], ae = () => [...V(), je, Te, {
     position: [c, l]
-  }], se = () => ["no-repeat", {
+  }], ne = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], n = () => ["auto", "cover", "contain", Fr, $r, {
+  }], a = () => ["auto", "cover", "contain", Fr, $r, {
     size: [c, l]
-  }], b = () => [ge, le, U], h = () => [
+  }], f = () => [pe, le, U], h = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    m,
+    u,
     c,
     l
-  ], y = () => ["", g, le, U], q = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [g, ge, ze, Te], W = () => [
+  ], y = () => ["", p, le, U], q = () => ["solid", "dashed", "dotted", "double"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [p, pe, je, Te], W = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    z,
+    T,
     c,
     l
-  ], D = () => ["none", g, c, l], Z = () => ["none", g, c, l], be = () => [g, c, l], ce = () => [Q, "full", ...p()];
+  ], D = () => ["none", p, c, l], Q = () => ["none", p, c, l], fe = () => [p, c, l], ce = () => [K, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -723,7 +723,7 @@ const ir = (e, t) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [F],
       shadow: [F],
-      spacing: ["px", g],
+      spacing: ["px", p],
       text: [F],
       "text-shadow": [F],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -737,7 +737,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Q, l, c, R]
+        aspect: ["auto", "square", K, l, c, R]
       }],
       /**
        * Container
@@ -750,21 +750,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, l, c, d]
+        columns: [p, l, c, d]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": N()
+        "break-after": O()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": N()
+        "break-before": O()
       }],
       /**
        * Break Inside
@@ -835,21 +835,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: P()
+        overflow: z()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": P()
+        "overflow-x": z()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": P()
+        "overflow-y": z()
       }],
       /**
        * Overscroll Behavior
@@ -960,7 +960,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Q, "full", "auto", d, ...p()]
+        basis: [K, "full", "auto", d, ...b()]
       }],
       /**
        * Flex Direction
@@ -981,21 +981,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, Q, "auto", "initial", "none", l]
+        flex: [p, K, "auto", "initial", "none", l]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", g, c, l]
+        grow: ["", p, c, l]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", g, c, l]
+        shrink: ["", p, c, l]
       }],
       /**
        * Order
@@ -1009,14 +1009,14 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": J()
+        "grid-cols": X()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: X()
+        col: H()
       }],
       /**
        * Grid Column Start
@@ -1037,14 +1037,14 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": J()
+        "grid-rows": X()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: X()
+        row: H()
       }],
       /**
        * Grid Row Start
@@ -1086,21 +1086,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: p()
+        gap: b()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": p()
+        "gap-x": b()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": p()
+        "gap-y": b()
       }],
       /**
        * Justify Content
@@ -1175,63 +1175,63 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: p()
+        p: b()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: p()
+        px: b()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: p()
+        py: b()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: p()
+        ps: b()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: p()
+        pe: b()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: p()
+        pt: b()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: p()
+        pr: b()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: p()
+        pb: b()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: p()
+        pl: b()
       }],
       /**
        * Margin
@@ -1301,7 +1301,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": p()
+        "space-x": b()
       }],
       /**
        * Space Between X Reverse
@@ -1313,7 +1313,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": p()
+        "space-y": b()
       }],
       /**
        * Space Between Y Reverse
@@ -1421,7 +1421,7 @@ const ir = (e, t) => {
        * @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", ge, l]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", pe, l]
       }],
       /**
        * Font Family
@@ -1465,14 +1465,14 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, c, l]
+        tracking: [n, c, l]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [g, "none", c, he]
+        "line-clamp": [p, "none", c, he]
       }],
       /**
        * Line Height
@@ -1481,8 +1481,8 @@ const ir = (e, t) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          a,
-          ...p()
+          s,
+          ...b()
         ]
       }],
       /**
@@ -1519,14 +1519,14 @@ const ir = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: f()
+        placeholder: g()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: f()
+        text: g()
       }],
       /**
        * Text Decoration
@@ -1545,21 +1545,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", c, U]
+        decoration: [p, "from-font", "auto", c, U]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: f()
+        decoration: g()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [g, "auto", c, l]
+        "underline-offset": [p, "auto", c, l]
       }],
       /**
        * Text Transform
@@ -1583,7 +1583,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: p()
+        indent: b()
       }],
       /**
        * Vertical Alignment
@@ -1656,21 +1656,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ne()
+        bg: ae()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: se()
+        bg: ne()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: n()
+        bg: a()
       }],
       /**
        * Background Image
@@ -1690,49 +1690,49 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: f()
+        bg: g()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: b()
+        from: f()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: b()
+        via: f()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: b()
+        to: f()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: f()
+        from: g()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: f()
+        via: g()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: f()
+        to: g()
       }],
       // ---------------
       // --- Borders ---
@@ -1948,70 +1948,70 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: f()
+        border: g()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": f()
+        "border-x": g()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": f()
+        "border-y": g()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": f()
+        "border-s": g()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": f()
+        "border-e": g()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": f()
+        "border-t": g()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": f()
+        "border-r": g()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": f()
+        "border-b": g()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": f()
+        "border-l": g()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: f()
+        divide: g()
       }],
       /**
        * Outline Style
@@ -2025,21 +2025,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [g, c, l]
+        "outline-offset": [p, c, l]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", g, le, U]
+        outline: ["", p, le, U]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: f()
+        outline: g()
       }],
       // ---------------
       // --- Effects ---
@@ -2054,8 +2054,8 @@ const ir = (e, t) => {
           "",
           "none",
           x,
-          me,
-          ue
+          ue,
+          me
         ]
       }],
       /**
@@ -2063,21 +2063,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: f()
+        shadow: g()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", w, me, ue]
+        "inset-shadow": ["none", w, ue, me]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": f()
+        "inset-shadow": g()
       }],
       /**
        * Ring Width
@@ -2098,7 +2098,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: f()
+        ring: g()
       }],
       /**
        * Ring Offset Width
@@ -2107,7 +2107,7 @@ const ir = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [g, U]
+        "ring-offset": [p, U]
       }],
       /**
        * Ring Offset Color
@@ -2116,7 +2116,7 @@ const ir = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": f()
+        "ring-offset": g()
       }],
       /**
        * Inset Ring Width
@@ -2130,42 +2130,42 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": f()
+        "inset-ring": g()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", k, me, ue]
+        "text-shadow": ["none", k, ue, me]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": f()
+        "text-shadow": g()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [g, c, l]
+        opacity: [p, c, l]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...H(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...Z(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": H()
+        "bg-blend": Z()
       }],
       /**
        * Mask Clip
@@ -2186,7 +2186,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [g]
+        "mask-linear": [p]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": v()
@@ -2195,10 +2195,10 @@ const ir = (e, t) => {
         "mask-linear-to": v()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": f()
+        "mask-linear-from": g()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": f()
+        "mask-linear-to": g()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": v()
@@ -2207,10 +2207,10 @@ const ir = (e, t) => {
         "mask-t-to": v()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": f()
+        "mask-t-from": g()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": f()
+        "mask-t-to": g()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": v()
@@ -2219,10 +2219,10 @@ const ir = (e, t) => {
         "mask-r-to": v()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": f()
+        "mask-r-from": g()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": f()
+        "mask-r-to": g()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": v()
@@ -2231,10 +2231,10 @@ const ir = (e, t) => {
         "mask-b-to": v()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": f()
+        "mask-b-from": g()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": f()
+        "mask-b-to": g()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": v()
@@ -2243,10 +2243,10 @@ const ir = (e, t) => {
         "mask-l-to": v()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": f()
+        "mask-l-from": g()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": f()
+        "mask-l-to": g()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": v()
@@ -2255,10 +2255,10 @@ const ir = (e, t) => {
         "mask-x-to": v()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": f()
+        "mask-x-from": g()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": f()
+        "mask-x-to": g()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": v()
@@ -2267,10 +2267,10 @@ const ir = (e, t) => {
         "mask-y-to": v()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": f()
+        "mask-y-from": g()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": f()
+        "mask-y-to": g()
       }],
       "mask-image-radial": [{
         "mask-radial": [c, l]
@@ -2282,10 +2282,10 @@ const ir = (e, t) => {
         "mask-radial-to": v()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": f()
+        "mask-radial-from": g()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": f()
+        "mask-radial-to": g()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2300,7 +2300,7 @@ const ir = (e, t) => {
         "mask-radial-at": V()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [g]
+        "mask-conic": [p]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": v()
@@ -2309,10 +2309,10 @@ const ir = (e, t) => {
         "mask-conic-to": v()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": f()
+        "mask-conic-from": g()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": f()
+        "mask-conic-to": g()
       }],
       /**
        * Mask Mode
@@ -2333,21 +2333,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ne()
+        mask: ae()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: se()
+        mask: ne()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: n()
+        mask: a()
       }],
       /**
        * Mask Type
@@ -2391,14 +2391,14 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [g, c, l]
+        brightness: [p, c, l]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [g, c, l]
+        contrast: [p, c, l]
       }],
       /**
        * Drop Shadow
@@ -2410,8 +2410,8 @@ const ir = (e, t) => {
           "",
           "none",
           C,
-          me,
-          ue
+          ue,
+          me
         ]
       }],
       /**
@@ -2419,42 +2419,42 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": f()
+        "drop-shadow": g()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", g, c, l]
+        grayscale: ["", p, c, l]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g, c, l]
+        "hue-rotate": [p, c, l]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", g, c, l]
+        invert: ["", p, c, l]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [g, c, l]
+        saturate: [p, c, l]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", g, c, l]
+        sepia: ["", p, c, l]
       }],
       /**
        * Backdrop Filter
@@ -2481,56 +2481,56 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [g, c, l]
+        "backdrop-brightness": [p, c, l]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [g, c, l]
+        "backdrop-contrast": [p, c, l]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", g, c, l]
+        "backdrop-grayscale": ["", p, c, l]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g, c, l]
+        "backdrop-hue-rotate": [p, c, l]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", g, c, l]
+        "backdrop-invert": ["", p, c, l]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [g, c, l]
+        "backdrop-opacity": [p, c, l]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [g, c, l]
+        "backdrop-saturate": [p, c, l]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", g, c, l]
+        "backdrop-sepia": ["", p, c, l]
       }],
       // --------------
       // --- Tables ---
@@ -2547,21 +2547,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": p()
+        "border-spacing": b()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": p()
+        "border-spacing-x": b()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": p()
+        "border-spacing-y": b()
       }],
       /**
        * Table Layout
@@ -2599,7 +2599,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [g, "initial", c, l]
+        duration: [p, "initial", c, l]
       }],
       /**
        * Transition Timing Function
@@ -2613,14 +2613,14 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [g, c, l]
+        delay: [p, c, l]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", O, c, l]
+        animate: ["none", P, c, l]
       }],
       // ------------------
       // --- Transforms ---
@@ -2679,28 +2679,28 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: Z()
+        scale: Q()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": Z()
+        "scale-x": Q()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": Z()
+        "scale-y": Q()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": Z()
+        "scale-z": Q()
       }],
       /**
        * Scale 3D
@@ -2712,21 +2712,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: be()
+        skew: fe()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": be()
+        "skew-x": fe()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": be()
+        "skew-y": fe()
       }],
       /**
        * Transform
@@ -2790,7 +2790,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: f()
+        accent: g()
       }],
       /**
        * Appearance
@@ -2804,7 +2804,7 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: f()
+        caret: g()
       }],
       /**
        * Color Scheme
@@ -2853,126 +2853,126 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": p()
+        "scroll-m": b()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": p()
+        "scroll-mx": b()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": p()
+        "scroll-my": b()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": p()
+        "scroll-ms": b()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": p()
+        "scroll-me": b()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": p()
+        "scroll-mt": b()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": p()
+        "scroll-mr": b()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": p()
+        "scroll-mb": b()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": p()
+        "scroll-ml": b()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": p()
+        "scroll-p": b()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": p()
+        "scroll-px": b()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": p()
+        "scroll-py": b()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": p()
+        "scroll-ps": b()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": p()
+        "scroll-pe": b()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": p()
+        "scroll-pt": b()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": p()
+        "scroll-pr": b()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": p()
+        "scroll-pb": b()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": p()
+        "scroll-pl": b()
       }],
       /**
        * Scroll Snap Align
@@ -3050,21 +3050,21 @@ const ir = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...f()]
+        fill: ["none", ...g()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [g, le, U, he]
+        stroke: [p, le, U, he]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...f()]
+        stroke: ["none", ...g()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3133,10 +3133,10 @@ const ir = (e, t) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Jr = /* @__PURE__ */ Cr(Ur);
-function K(...e) {
+function J(...e) {
   return Jr(Pe(e));
 }
-const Xr = Oe(
+const Xr = xe(
   "inline-flex items-center justify-center whitespace-nowrap select-none disabled:opacity-50 disabled:pointer-events-none rounded-md font-medium leading-none focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--atom-ring-color)] focus-visible:ring-offset-[var(--atom-ring-offset)] transition-colors transition-transform duration-150 ease-in-out relative overflow-hidden isolate [&>svg]:fill-current [&>svg]:stroke-current motion-reduce:transform-none motion-reduce:transition-none",
   {
     variants: {
@@ -3184,49 +3184,236 @@ const Xr = Oe(
     ],
     defaultVariants: { variant: "primary", size: "md" }
   }
-), Hr = T.forwardRef(
+), Hr = A.forwardRef(
   ({
     className: e,
     variant: t,
     size: r,
     fullWidth: o,
-    asChild: s,
-    ripple: a = !0,
+    asChild: n,
+    ripple: s = !0,
     onPointerDown: i,
     disabled: d,
-    type: u,
-    ...m
+    type: m,
+    ...u
   }, x) => {
-    const w = !!s, k = w ? rr : "button", C = T.useRef(null), z = d ? "" : void 0, _ = w ? void 0 : u ?? "button", R = (E) => {
-      if (i?.(E), !a || d || E.button !== 0) return;
-      const O = C.current;
-      if (!O) return;
-      const N = O.getBoundingClientRect(), P = Math.max(N.width, N.height) * (r === "sm" ? 0.5 : r === "lg" ? 0.7 : 0.6), $ = E.clientX - N.left - P, p = E.clientY - N.top - P, S = document.createElement("span");
-      S.className = "atom-ripple", S.style.width = `${P * 2}px`, S.style.height = `${P * 2}px`, S.style.left = `${$}px`, S.style.top = `${p}px`;
-      const J = (t ?? "primary") === "ghost" || t === "icon" || t === "iconGhost" || t === "iconSquare" || t === "iconSquareGhost" || t === "secondary", X = getComputedStyle(O).getPropertyValue(
-        J ? "--atom-ripple-color-ghost" : "--atom-ripple-color-solid"
+    const w = !!n, k = w ? Ie : "button", C = A.useRef(null), T = d ? "" : void 0, _ = w ? void 0 : m ?? "button", R = (E) => {
+      if (i?.(E), !s || d || E.button !== 0) return;
+      const P = C.current;
+      if (!P) return;
+      const O = P.getBoundingClientRect(), z = Math.max(O.width, O.height) * (r === "sm" ? 0.5 : r === "lg" ? 0.7 : 0.6), $ = E.clientX - O.left - z, b = E.clientY - O.top - z, S = document.createElement("span");
+      S.className = "atom-ripple", S.style.width = `${z * 2}px`, S.style.height = `${z * 2}px`, S.style.left = `${$}px`, S.style.top = `${b}px`;
+      const X = (t ?? "primary") === "ghost" || t === "icon" || t === "iconGhost" || t === "iconSquare" || t === "iconSquareGhost" || t === "secondary", H = getComputedStyle(P).getPropertyValue(
+        X ? "--atom-ripple-color-ghost" : "--atom-ripple-color-solid"
       ).trim();
-      S.style.background = X || "currentColor", O.appendChild(S), S.addEventListener("animationend", () => S.remove(), { once: !0 });
+      S.style.background = H || "currentColor", P.appendChild(S), S.addEventListener("animationend", () => S.remove(), { once: !0 });
     };
     return /* @__PURE__ */ j.jsx(
       k,
       {
-        ...m,
-        "data-disabled": z,
+        ...u,
+        "data-disabled": T,
         "aria-disabled": w && d ? !0 : void 0,
         type: _,
         ref: (E) => {
           C.current = E, typeof x == "function" ? x(E) : x && (x.current = E);
         },
         onPointerDown: R,
-        className: K(Xr({ variant: t, size: r, fullWidth: o }), e),
+        className: J(Xr({ variant: t, size: r, fullWidth: o }), e),
         disabled: w ? void 0 : d
       }
     );
   }
 );
 Hr.displayName = "Button";
-const Zr = Oe(
+const Zr = xe(
+  [
+    "inline-flex items-center justify-center",
+    "whitespace-nowrap shrink-0 w-fit",
+    "gap-1",
+    "rounded-md border",
+    "px-2 py-0.5",
+    "text-xs font-medium",
+    "[&>svg]:size-3 [&>svg]:pointer-events-none",
+    "transition-[color,background-color,border-color,box-shadow]",
+    "overflow-hidden",
+    "focus-visible:outline-none",
+    // token-driven focus ring (your theme maps ring vars)
+    "focus-visible:ring-[3px] focus-visible:ring-[color:var(--atom-ring-color)]",
+    "focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--atom-ring-offset)]"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        primary: "",
+        secondary: "",
+        success: "",
+        warning: "",
+        danger: "",
+        info: "",
+        neutral: "",
+        accent: ""
+      },
+      tone: {
+        low: "",
+        medium: "",
+        high: ""
+      }
+    },
+    compoundVariants: [
+      // PRIMARY
+      {
+        variant: "primary",
+        tone: "low",
+        className: "bg-[var(--atom-badge-primary-bg-low)] text-[var(--atom-badge-primary-fg-low)] border-[var(--atom-badge-primary-border-low)]"
+      },
+      {
+        variant: "primary",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-primary-bg-medium)] text-[var(--atom-badge-primary-fg-medium)] border-[var(--atom-badge-primary-border-medium)]"
+      },
+      {
+        variant: "primary",
+        tone: "high",
+        className: "bg-[var(--atom-badge-primary-bg-high)] text-[var(--atom-badge-primary-fg-high)] border-[var(--atom-badge-primary-border-high)]"
+      },
+      // SECONDARY
+      {
+        variant: "secondary",
+        tone: "low",
+        className: "bg-[var(--atom-badge-secondary-bg-low)] text-[var(--atom-badge-secondary-fg-low)] border-[var(--atom-badge-secondary-border-low)]"
+      },
+      {
+        variant: "secondary",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-secondary-bg-medium)] text-[var(--atom-badge-secondary-fg-medium)] border-[var(--atom-badge-secondary-border-medium)]"
+      },
+      {
+        variant: "secondary",
+        tone: "high",
+        className: "bg-[var(--atom-badge-secondary-bg-high)] text-[var(--atom-badge-secondary-fg-high)] border-[var(--atom-badge-secondary-border-high)]"
+      },
+      // SUCCESS
+      {
+        variant: "success",
+        tone: "low",
+        className: "bg-[var(--atom-badge-success-bg-low)] text-[var(--atom-badge-success-fg-low)] border-[var(--atom-badge-success-border-low)]"
+      },
+      {
+        variant: "success",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-success-bg-medium)] text-[var(--atom-badge-success-fg-medium)] border-[var(--atom-badge-success-border-medium)]"
+      },
+      {
+        variant: "success",
+        tone: "high",
+        className: "bg-[var(--atom-badge-success-bg-high)] text-[var(--atom-badge-success-fg-high)] border-[var(--atom-badge-success-border-high)]"
+      },
+      // WARNING
+      {
+        variant: "warning",
+        tone: "low",
+        className: "bg-[var(--atom-badge-warning-bg-low)] text-[var(--atom-badge-warning-fg-low)] border-[var(--atom-badge-warning-border-low)]"
+      },
+      {
+        variant: "warning",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-warning-bg-medium)] text-[var(--atom-badge-warning-fg-medium)] border-[var(--atom-badge-warning-border-medium)]"
+      },
+      {
+        variant: "warning",
+        tone: "high",
+        className: "bg-[var(--atom-badge-warning-bg-high)] text-[var(--atom-badge-warning-fg-high)] border-[var(--atom-badge-warning-border-high)]"
+      },
+      // DANGER
+      {
+        variant: "danger",
+        tone: "low",
+        className: "bg-[var(--atom-badge-danger-bg-low)] text-[var(--atom-badge-danger-fg-low)] border-[var(--atom-badge-danger-border-low)]"
+      },
+      {
+        variant: "danger",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-danger-bg-medium)] text-[var(--atom-badge-danger-fg-medium)] border-[var(--atom-badge-danger-border-medium)]"
+      },
+      {
+        variant: "danger",
+        tone: "high",
+        className: "bg-[var(--atom-badge-danger-bg-high)] text-[var(--atom-badge-danger-fg-high)] border-[var(--atom-badge-danger-border-high)]"
+      },
+      // INFO
+      {
+        variant: "info",
+        tone: "low",
+        className: "bg-[var(--atom-badge-info-bg-low)] text-[var(--atom-badge-info-fg-low)] border-[var(--atom-badge-info-border-low)]"
+      },
+      {
+        variant: "info",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-info-bg-medium)] text-[var(--atom-badge-info-fg-medium)] border-[var(--atom-badge-info-border-medium)]"
+      },
+      {
+        variant: "info",
+        tone: "high",
+        className: "bg-[var(--atom-badge-info-bg-high)] text-[var(--atom-badge-info-fg-high)] border-[var(--atom-badge-info-border-high)]"
+      },
+      // NEUTRAL
+      {
+        variant: "neutral",
+        tone: "low",
+        className: "bg-[var(--atom-badge-neutral-bg-low)] text-[var(--atom-badge-neutral-fg-low)] border-[var(--atom-badge-neutral-border-low)]"
+      },
+      {
+        variant: "neutral",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-neutral-bg-medium)] text-[var(--atom-badge-neutral-fg-medium)] border-[var(--atom-badge-neutral-border-medium)]"
+      },
+      {
+        variant: "neutral",
+        tone: "high",
+        className: "bg-[var(--atom-badge-neutral-bg-high)] text-[var(--atom-badge-neutral-fg-high)] border-[var(--atom-badge-neutral-border-high)]"
+      },
+      // ACCENT
+      {
+        variant: "accent",
+        tone: "low",
+        className: "bg-[var(--atom-badge-accent-bg-low)] text-[var(--atom-badge-accent-fg-low)] border-[var(--atom-badge-accent-border-low)]"
+      },
+      {
+        variant: "accent",
+        tone: "medium",
+        className: "bg-[var(--atom-badge-accent-bg-medium)] text-[var(--atom-badge-accent-fg-medium)] border-[var(--atom-badge-accent-border-medium)]"
+      },
+      {
+        variant: "accent",
+        tone: "high",
+        className: "bg-[var(--atom-badge-accent-bg-high)] text-[var(--atom-badge-accent-fg-high)] border-[var(--atom-badge-accent-border-high)]"
+      }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      tone: "low"
+    }
+  }
+);
+function rt({
+  className: e,
+  variant: t,
+  tone: r,
+  asChild: o = !1,
+  ...n
+}) {
+  const s = o ? Ie : "span";
+  return /* @__PURE__ */ j.jsx(
+    s,
+    {
+      "data-slot": "badge",
+      className: J(Zr({ variant: t, tone: r }), e),
+      ...n
+    }
+  );
+}
+const Qr = xe(
   "block w-full rounded-md outline-none leading-none bg-[var(--atom-input-bg)] text-[var(--atom-input-fg)] placeholder:text-[color-mix(in srgb, var(--atom-input-fg) 55%, transparent)] border border-[var(--atom-input-border)] transition-colors duration-150 ease-in-out hover:bg-[color-mix(in srgb, var(--atom-primary) 6%, transparent)] hover:border-[color-mix(in srgb, var(--atom-input-border) 70%, var(--atom-primary) 30%)] focus:outline-none focus:border-[var(--atom-input-focus,var(--atom-primary))] caret-[var(--atom-primary)] selection:bg-[color-mix(in srgb, var(--atom-primary) 30%, transparent)] disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:bg-[var(--atom-input-bg)] disabled:hover:border-[var(--atom-input-border)] read-only:bg-[color-mix(in srgb, var(--atom-input-bg) 90%, var(--atom-border) 10%)] read-only:cursor-default read-only:hover:bg-[color-mix(in srgb, var(--atom-input-bg) 90%, var(--atom-border) 10%)]",
   {
     variants: {
@@ -3245,28 +3432,28 @@ const Zr = Oe(
     },
     defaultVariants: { size: "md", tone: "default" }
   }
-), Qr = T.forwardRef(
+), Kr = A.forwardRef(
   ({
     className: e,
     size: t,
     tone: r = "default",
     leftIcon: o,
-    rightIcon: s,
-    hint: a,
+    rightIcon: n,
+    hint: s,
     errorText: i,
     loading: d = !1,
-    id: u,
-    ...m
+    id: m,
+    ...u
   }, x) => {
-    const w = T.useId(), k = u ?? `inp_${w}`, C = !!o, z = !!s || d, _ = [];
-    a && _.push(`${k}__hint`), i && _.push(`${k}__err`);
-    const R = t === "lg" ? "w-10" : t === "sm" ? "w-8" : "w-9", E = t === "lg" ? "[&>svg]:w-5 [&>svg]:h-5" : t === "sm" ? "[&>svg]:w-4 [&>svg]:h-4" : "[&>svg]:w-5 [&>svg]:h-5", O = r === "invalid" ? "hover:bg-[color-mix(in srgb, var(--atom-error) 6%, transparent)] hover:border-[color-mix(in srgb, var(--atom-input-border) 70%, var(--atom-error) 30%)] focus:border-[var(--atom-error)]" : r === "success" ? "hover:bg-[color-mix(in srgb, var(--atom-success) 6%, transparent)] hover:border-[color-mix(in srgb, var(--atom-input-border) 70%, var(--atom-success) 30%)] focus:border-[var(--atom-success)]" : "";
+    const w = A.useId(), k = m ?? `inp_${w}`, C = !!o, T = !!n || d, _ = [];
+    s && _.push(`${k}__hint`), i && _.push(`${k}__err`);
+    const R = t === "lg" ? "w-10" : t === "sm" ? "w-8" : "w-9", E = t === "lg" ? "[&>svg]:w-5 [&>svg]:h-5" : t === "sm" ? "[&>svg]:w-4 [&>svg]:h-4" : "[&>svg]:w-5 [&>svg]:h-5", P = r === "invalid" ? "hover:bg-[color-mix(in srgb, var(--atom-error) 6%, transparent)] hover:border-[color-mix(in srgb, var(--atom-input-border) 70%, var(--atom-error) 30%)] focus:border-[var(--atom-error)]" : r === "success" ? "hover:bg-[color-mix(in srgb, var(--atom-success) 6%, transparent)] hover:border-[color-mix(in srgb, var(--atom-input-border) 70%, var(--atom-success) 30%)] focus:border-[var(--atom-success)]" : "";
     return /* @__PURE__ */ j.jsxs("div", { children: [
       /* @__PURE__ */ j.jsxs("div", { className: "relative", children: [
         C && /* @__PURE__ */ j.jsx(
           "span",
           {
-            className: K(
+            className: J(
               "pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 flex items-center justify-center",
               R
             ),
@@ -3274,7 +3461,7 @@ const Zr = Oe(
             children: /* @__PURE__ */ j.jsx(
               "span",
               {
-                className: K(
+                className: J(
                   E,
                   "text-[var(--atom-muted)] [&>svg]:fill-current [&>svg]:stroke-current"
                 ),
@@ -3283,24 +3470,24 @@ const Zr = Oe(
             )
           }
         ),
-        z && /* @__PURE__ */ j.jsx(
+        T && /* @__PURE__ */ j.jsx(
           "span",
           {
-            className: K(
+            className: J(
               "absolute right-0 top-1/2 -translate-y-1/2 flex items-center justify-center",
               R
             ),
             children: /* @__PURE__ */ j.jsx(
               "span",
               {
-                className: K(
+                className: J(
                   E,
                   "text-[var(--atom-muted)] [&>svg]:fill-current [&>svg]:stroke-current"
                 ),
                 children: d ? /* @__PURE__ */ j.jsxs("svg", { viewBox: "0 0 24 24", className: "animate-spin", fill: "none", stroke: "currentColor", children: [
                   /* @__PURE__ */ j.jsx("circle", { cx: "12", cy: "12", r: "9", strokeOpacity: ".2", strokeWidth: "3" }),
                   /* @__PURE__ */ j.jsx("path", { d: "M21 12a9 9 0 0 1-9 9", strokeWidth: "3", strokeLinecap: "round" })
-                ] }) : s
+                ] }) : n
               }
             )
           }
@@ -3310,25 +3497,27 @@ const Zr = Oe(
           {
             id: k,
             ref: x,
-            className: K(Zr({ size: t, tone: r, hasLeft: C, hasRight: z }), O, e),
+            className: J(Qr({ size: t, tone: r, hasLeft: C, hasRight: T }), P, e),
             "aria-invalid": r === "invalid" || !!i || void 0,
-            "aria-readonly": m.readOnly || void 0,
+            "aria-readonly": u.readOnly || void 0,
             "aria-busy": d || void 0,
             "aria-describedby": _.length ? _.join(" ") : void 0,
-            ...m
+            ...u
           }
         )
       ] }),
-      (a || i) && /* @__PURE__ */ j.jsxs("div", { className: "mt-1 text-xs leading-snug", children: [
+      (s || i) && /* @__PURE__ */ j.jsxs("div", { className: "mt-1 text-xs leading-snug", children: [
         i && /* @__PURE__ */ j.jsx("p", { id: `${k}__err`, className: "text-(--atom-error)", children: i }),
-        a && /* @__PURE__ */ j.jsx("p", { id: `${k}__hint`, className: "text-(--atom-error)", children: a })
+        s && /* @__PURE__ */ j.jsx("p", { id: `${k}__hint`, className: "text-(--atom-error)", children: s })
       ] })
     ] });
   }
 );
-Qr.displayName = "Input";
+Kr.displayName = "Input";
 export {
+  rt as Badge,
   Hr as Button,
-  Qr as Input
+  Kr as Input,
+  Zr as badgeVariants
 };
 //# sourceMappingURL=index.js.map