@clasing/ui 0.0.2 → 0.0.4

package/dist/index.es.js

@@ -16,14 +16,14 @@ function Gt() {
     return ue;
   Qe = 1;
   var t = at, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, u = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function s(c, f, d) {
+  function s(c, b, d) {
     var g, h = {}, S = null, P = null;
-    d !== void 0 && (S = "" + d), f.key !== void 0 && (S = "" + f.key), f.ref !== void 0 && (P = f.ref);
-    for (g in f)
-      o.call(f, g) && !a.hasOwnProperty(g) && (h[g] = f[g]);
+    d !== void 0 && (S = "" + d), b.key !== void 0 && (S = "" + b.key), b.ref !== void 0 && (P = b.ref);
+    for (g in b)
+      o.call(b, g) && !a.hasOwnProperty(g) && (h[g] = b[g]);
     if (c && c.defaultProps)
-      for (g in f = c.defaultProps, f)
-        h[g] === void 0 && (h[g] = f[g]);
+      for (g in b = c.defaultProps, b)
+        h[g] === void 0 && (h[g] = b[g]);
     return { $$typeof: r, type: c, key: S, ref: P, props: h, _owner: u.current };
   }
   return ue.Fragment = n, ue.jsx = s, ue.jsxs = s, ue;
@@ -41,7 +41,7 @@ var ce = {};
 var et;
 function Bt() {
   return et || (et = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = at, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), V = Symbol.iterator, R = "@@iterator";
+    var t = at, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), V = Symbol.iterator, R = "@@iterator";
     function j(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -51,14 +51,14 @@ function Bt() {
     var O = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(e) {
       {
-        for (var i = arguments.length, l = new Array(i > 1 ? i - 1 : 0), b = 1; b < i; b++)
-          l[b - 1] = arguments[b];
-        fe("error", e, l);
+        for (var i = arguments.length, l = new Array(i > 1 ? i - 1 : 0), f = 1; f < i; f++)
+          l[f - 1] = arguments[f];
+        be("error", e, l);
       }
     }
-    function fe(e, i, l) {
+    function be(e, i, l) {
       {
-        var b = O.ReactDebugCurrentFrame, x = b.getStackAddendum();
+        var f = O.ReactDebugCurrentFrame, x = f.getStackAddendum();
         x !== "" && (i += "%s", l = l.concat([x]));
         var w = l.map(function(v) {
           return String(v);
@@ -69,16 +69,16 @@ function Bt() {
     var re = !1, ge = !1, pe = !1, me = !1, ve = !1, H;
     H = Symbol.for("react.module.reference");
     function ne(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === a || ve || e === u || e === d || e === g || me || e === P || re || ge || pe || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === h || e.$$typeof === s || e.$$typeof === c || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === a || ve || e === u || e === d || e === g || me || e === P || re || ge || pe || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === h || e.$$typeof === s || e.$$typeof === c || e.$$typeof === b || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === H || e.getModuleId !== void 0));
     }
     function oe(e, i, l) {
-      var b = e.displayName;
-      if (b)
-        return b;
+      var f = e.displayName;
+      if (f)
+        return f;
       var x = i.displayName || i.name || "";
       return x !== "" ? l + "(" + x + ")" : l;
     }
@@ -114,11 +114,11 @@ function Bt() {
           case s:
             var l = e;
             return y(l._context) + ".Provider";
-          case f:
+          case b:
             return oe(e, e.render, "ForwardRef");
           case h:
-            var b = e.displayName || null;
-            return b !== null ? b : z(e.type) || "Memo";
+            var f = e.displayName || null;
+            return f !== null ? f : z(e.type) || "Memo";
           case S: {
             var x = e, w = x._payload, v = x._init;
             try {
@@ -199,8 +199,8 @@ function Bt() {
           try {
             throw Error();
           } catch (x) {
-            var b = x.stack.trim().match(/\n( *(at )?)/);
-            Se = b && b[1] || "";
+            var f = x.stack.trim().match(/\n( *(at )?)/);
+            Se = f && f[1] || "";
           }
         return `
 ` + Se + e;
@@ -219,7 +219,7 @@ function Bt() {
         if (l !== void 0)
           return l;
       }
-      var b;
+      var f;
       Re = !0;
       var x = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -238,14 +238,14 @@ function Bt() {
             try {
               Reflect.construct(v, []);
             } catch (I) {
-              b = I;
+              f = I;
             }
             Reflect.construct(e, [], v);
           } else {
             try {
               v.call();
             } catch (I) {
-              b = I;
+              f = I;
             }
             e.call(v.prototype);
           }
@@ -253,14 +253,14 @@ function Bt() {
           try {
             throw Error();
           } catch (I) {
-            b = I;
+            f = I;
           }
           e();
         }
       } catch (I) {
-        if (I && b && typeof I.stack == "string") {
+        if (I && f && typeof I.stack == "string") {
           for (var m = I.stack.split(`
-`), A = b.stack.split(`
+`), A = f.stack.split(`
 `), _ = m.length - 1, T = A.length - 1; _ >= 1 && T >= 0 && m[_] !== A[T]; )
             T--;
           for (; _ >= 1 && T >= 0; _--, T--)
@@ -304,12 +304,12 @@ function Bt() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case b:
             return ht(e.render);
           case h:
             return ye(e.type, i, l);
           case S: {
-            var b = e, x = b._payload, w = b._init;
+            var f = e, x = f._payload, w = f._init;
             try {
               return ye(w(x), i, l);
             } catch {
@@ -326,7 +326,7 @@ function Bt() {
       } else
         We.setExtraStackFrame(null);
     }
-    function yt(e, i, l, b, x) {
+    function yt(e, i, l, f, x) {
       {
         var w = Function.call.bind(le);
         for (var v in e)
@@ -334,14 +334,14 @@ function Bt() {
             var m = void 0;
             try {
               if (typeof e[v] != "function") {
-                var A = Error((b || "React class") + ": " + l + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var A = Error((f || "React class") + ": " + l + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw A.name = "Invariant Violation", A;
               }
-              m = e[v](i, v, b, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              m = e[v](i, v, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (_) {
               m = _;
             }
-            m && !(m instanceof Error) && (we(x), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", l, v, typeof m), we(null)), m instanceof Error && !(m.message in Ne) && (Ne[m.message] = !0, we(x), k("Failed %s type: %s", l, m.message), we(null));
+            m && !(m instanceof Error) && (we(x), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", l, v, typeof m), we(null)), m instanceof Error && !(m.message in Ne) && (Ne[m.message] = !0, we(x), k("Failed %s type: %s", l, m.message), we(null));
           }
       }
     }
@@ -420,7 +420,7 @@ function Bt() {
         });
       }
     }
-    var Pt = function(e, i, l, b, x, w, v) {
+    var Pt = function(e, i, l, f, x, w, v) {
       var m = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -441,7 +441,7 @@ function Bt() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
+        value: f
       }), Object.defineProperty(m, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -449,7 +449,7 @@ function Bt() {
         value: x
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     };
-    function Ot(e, i, l, b, x) {
+    function Ot(e, i, l, f, x) {
       {
         var w, v = {}, m = null, A = null;
         l !== void 0 && (Ge(l), m = "" + l), Ct(i) && (Ge(i.key), m = "" + i.key), Rt(i) && (A = i.ref, _t(i, x));
@@ -464,7 +464,7 @@ function Bt() {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           m && jt(v, T), A && Tt(v, T);
         }
-        return Pt(e, m, A, x, b, se.current, v);
+        return Pt(e, m, A, x, f, se.current, v);
       }
     }
     var je = O.ReactCurrentOwner, Ue = O.ReactDebugCurrentFrame;
@@ -517,8 +517,8 @@ Check the top-level render call using <` + l + ">.");
         if (qe[l])
           return;
         qe[l] = !0;
-        var b = "";
-        e && e._owner && e._owner !== je.current && (b = " It was passed a child from " + z(e._owner.type) + "."), Q(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, b), Q(null);
+        var f = "";
+        e && e._owner && e._owner !== je.current && (f = " It was passed a child from " + z(e._owner.type) + "."), Q(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, f), Q(null);
       }
     }
     function Ke(e, i) {
@@ -527,8 +527,8 @@ Check the top-level render call using <` + l + ">.");
           return;
         if (Ce(e))
           for (var l = 0; l < e.length; l++) {
-            var b = e[l];
-            Pe(b) && Je(b, i);
+            var f = e[l];
+            Pe(f) && Je(f, i);
           }
         else if (Pe(e))
           e._store && (e._store.validated = !0);
@@ -548,15 +548,15 @@ Check the top-level render call using <` + l + ">.");
         var l;
         if (typeof i == "function")
           l = i.propTypes;
-        else if (typeof i == "object" && (i.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof i == "object" && (i.$$typeof === b || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         i.$$typeof === h))
           l = i.propTypes;
         else
           return;
         if (l) {
-          var b = z(i);
-          yt(l, e.props, "prop", b, e);
+          var f = z(i);
+          yt(l, e.props, "prop", f, e);
         } else if (i.PropTypes !== void 0 && !Te) {
           Te = !0;
           var x = z(i);
@@ -568,9 +568,9 @@ Check the top-level render call using <` + l + ">.");
     function Mt(e) {
       {
         for (var i = Object.keys(e.props), l = 0; l < i.length; l++) {
-          var b = i[l];
-          if (b !== "children" && b !== "key") {
-            Q(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), Q(null);
+          var f = i[l];
+          if (f !== "children" && f !== "key") {
+            Q(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), Q(null);
             break;
           }
         }
@@ -578,7 +578,7 @@ Check the top-level render call using <` + l + ">.");
       }
     }
     var Xe = {};
-    function He(e, i, l, b, x, w) {
+    function He(e, i, l, f, x, w) {
       {
         var v = ne(e);
         if (!v) {
@@ -595,7 +595,7 @@ Check the top-level render call using <` + l + ">.");
         if (v) {
           var F = i.children;
           if (F !== void 0)
-            if (b)
+            if (f)
               if (Ce(F)) {
                 for (var ee = 0; ee < F.length; ee++)
                   Ke(F[ee], e);
@@ -664,8 +664,8 @@ function Ut(t) {
     return c[0] === "" && c.length !== 1 && c.shift(), st(c, r) || Lt(s);
   }
   function a(s, c) {
-    const f = n[s] || [];
-    return c && o[s] ? [...f, ...o[s]] : f;
+    const b = n[s] || [];
+    return c && o[s] ? [...b, ...o[s]] : b;
   }
   return {
     getClassGroupId: u,
@@ -777,10 +777,10 @@ function Ht(t) {
   const r = t.separator, n = r.length === 1, o = r[0], u = r.length;
   return function(s) {
     const c = [];
-    let f = 0, d = 0, g;
+    let b = 0, d = 0, g;
     for (let R = 0; R < s.length; R++) {
       let j = s[R];
-      if (f === 0) {
+      if (b === 0) {
         if (j === o && (n || s.slice(R, R + u) === r)) {
           c.push(s.slice(d, R)), d = R + u;
           continue;
@@ -790,7 +790,7 @@ function Ht(t) {
           continue;
         }
       }
-      j === "[" ? f++ : j === "]" && f--;
+      j === "[" ? b++ : j === "]" && b--;
     }
     const h = c.length === 0 ? s : s.substring(d), S = h.startsWith(ut), P = S ? h.substring(1) : h, V = g && g > d ? g - d : void 0;
     return {
@@ -827,7 +827,7 @@ function tr(t, r) {
   return t.trim().split(er).map((s) => {
     const {
       modifiers: c,
-      hasImportantModifier: f,
+      hasImportantModifier: b,
       baseClassName: d,
       maybePostfixModifierPosition: g
     } = n(s);
@@ -848,7 +848,7 @@ function tr(t, r) {
     const P = Zt(c).join(":");
     return {
       isTailwindClass: !0,
-      modifierId: f ? P + ut : P,
+      modifierId: b ? P + ut : P,
       classGroupId: h,
       originalClassName: s,
       hasPostfixModifier: S
@@ -858,10 +858,10 @@ function tr(t, r) {
       return !0;
     const {
       modifierId: c,
-      classGroupId: f,
+      classGroupId: b,
       hasPostfixModifier: d
-    } = s, g = c + f;
-    return a.has(g) ? !1 : (a.add(g), u(f, d).forEach((h) => a.add(c + h)), !0);
+    } = s, g = c + b;
+    return a.has(g) ? !1 : (a.add(g), u(b, d).forEach((h) => a.add(c + h)), !0);
   }).reverse().map((s) => s.originalClassName).join(" ");
 }
 function rr() {
@@ -880,16 +880,16 @@ function ct(t) {
 }
 function nr(t, ...r) {
   let n, o, u, a = s;
-  function s(f) {
+  function s(b) {
     const d = r.reduce((g, h) => h(g), t());
-    return n = Qt(d), o = n.cache.get, u = n.cache.set, a = c, c(f);
+    return n = Qt(d), o = n.cache.get, u = n.cache.set, a = c, c(b);
   }
-  function c(f) {
-    const d = o(f);
+  function c(b) {
+    const d = o(b);
     if (d)
       return d;
-    const g = tr(f, n);
-    return u(f, g), g;
+    const g = tr(b, n);
+    return u(b, g), g;
   }
   return function() {
     return a(rr.apply(null, arguments));
@@ -924,12 +924,12 @@ function p(t) {
 function Y(t) {
   return ar.test(t);
 }
-const br = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
-function fr(t) {
-  return te(t, br, bt);
+const fr = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
+function br(t) {
+  return te(t, fr, ft);
 }
 function gr(t) {
-  return te(t, "position", bt);
+  return te(t, "position", ft);
 }
 const pr = /* @__PURE__ */ new Set(["image", "url"]);
 function mr(t) {
@@ -938,7 +938,7 @@ function mr(t) {
 function vr(t) {
   return te(t, "", xr);
 }
-function be() {
+function fe() {
   return !0;
 }
 function te(t, r, n) {
@@ -948,7 +948,7 @@ function te(t, r, n) {
 function hr(t) {
   return lr.test(t) && !sr.test(t);
 }
-function bt() {
+function ft() {
   return !1;
 }
 function xr(t) {
@@ -958,12 +958,12 @@ function yr(t) {
   return cr.test(t);
 }
 function wr() {
-  const t = E("colors"), r = E("spacing"), n = E("blur"), o = E("brightness"), u = E("borderColor"), a = E("borderRadius"), s = E("borderSpacing"), c = E("borderWidth"), f = E("contrast"), d = E("grayscale"), g = E("hueRotate"), h = E("invert"), S = E("gap"), P = E("gradientColorStops"), V = E("gradientColorStopPositions"), R = E("inset"), j = E("margin"), O = E("opacity"), k = E("padding"), fe = E("saturate"), re = E("scale"), ge = E("sepia"), pe = E("skew"), me = E("space"), ve = E("translate"), H = () => ["auto", "contain", "none"], ne = () => ["auto", "hidden", "clip", "visible", "scroll"], oe = () => ["auto", p, r], y = () => [p, r], z = () => ["", N, B], M = () => ["auto", J, p], W = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", p], ae = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [J, ke], L = () => [J, p];
+  const t = E("colors"), r = E("spacing"), n = E("blur"), o = E("brightness"), u = E("borderColor"), a = E("borderRadius"), s = E("borderSpacing"), c = E("borderWidth"), b = E("contrast"), d = E("grayscale"), g = E("hueRotate"), h = E("invert"), S = E("gap"), P = E("gradientColorStops"), V = E("gradientColorStopPositions"), R = E("inset"), j = E("margin"), O = E("opacity"), k = E("padding"), be = E("saturate"), re = E("scale"), ge = E("sepia"), pe = E("skew"), me = E("space"), ve = E("translate"), H = () => ["auto", "contain", "none"], ne = () => ["auto", "hidden", "clip", "visible", "scroll"], oe = () => ["auto", p, r], y = () => [p, r], z = () => ["", N, B], M = () => ["auto", J, p], W = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], D = () => ["", "0", p], ae = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [J, ke], L = () => [J, p];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [be],
+      colors: [fe],
       spacing: [N, B],
       blur: ["none", "", Y, p],
       brightness: G(),
@@ -1260,7 +1260,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [be]
+        "grid-cols": [fe]
       }],
       /**
        * Grid Column Start / End
@@ -1290,7 +1290,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [be]
+        "grid-rows": [fe]
       }],
       /**
        * Grid Row Start / End
@@ -1653,7 +1653,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [be]
+        font: [fe]
       }],
       /**
        * Font Variant Numeric
@@ -1906,7 +1906,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", fr]
+        bg: ["auto", "cover", "contain", br]
       }],
       /**
        * Background Image
@@ -2324,7 +2324,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [be]
+        shadow: [fe]
       }],
       /**
        * Opacity
@@ -2375,7 +2375,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [f]
+        contrast: [b]
       }],
       /**
        * Drop Shadow
@@ -2410,7 +2410,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [fe]
+        saturate: [be]
       }],
       /**
        * Sepia
@@ -2446,7 +2446,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [f]
+        "backdrop-contrast": [b]
       }],
       /**
        * Backdrop Grayscale
@@ -2481,7 +2481,7 @@ function wr() {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [fe]
+        "backdrop-saturate": [be]
       }],
       /**
        * Backdrop Sepia
@@ -2974,14 +2974,14 @@ function wr() {
   };
 }
 const kr = /* @__PURE__ */ nr(wr), K = (...t) => kr(Yt(t));
-function ft(t) {
+function bt(t) {
   var r, n, o = "";
   if (typeof t == "string" || typeof t == "number")
     o += t;
   else if (typeof t == "object")
     if (Array.isArray(t))
       for (r = 0; r < t.length; r++)
-        t[r] && (n = ft(t[r])) && (o && (o += " "), o += n);
+        t[r] && (n = bt(t[r])) && (o && (o += " "), o += n);
     else
       for (r in t)
         t[r] && (o && (o += " "), o += r);
@@ -2989,7 +2989,7 @@ function ft(t) {
 }
 function Er() {
   for (var t, r, n = 0, o = ""; n < arguments.length; )
-    (t = arguments[n++]) && (r = ft(t)) && (o && (o += " "), o += r);
+    (t = arguments[n++]) && (r = bt(t)) && (o && (o += " "), o += r);
   return o;
 }
 const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot = Er, $ = (t, r) => (n) => {
@@ -3005,7 +3005,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   }), c = n && Object.entries(n).reduce((d, g) => {
     let [h, S] = g;
     return S === void 0 || (d[h] = S), d;
-  }, {}), f = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, g) => {
+  }, {}), b = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, g) => {
     let { class: h, className: S, ...P } = g;
     return Object.entries(P).every((V) => {
       let [R, j] = V;
@@ -3022,51 +3022,51 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       S
     ] : d;
   }, []);
-  return ot(t, s, f, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  return ot(t, s, b, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
 }, X = ({ iconName: t, ...r }) => {
   if (Ze[t]) {
     const n = Ze[t];
     return /* @__PURE__ */ C.jsx(n, { ...r });
   } else
     return console.error(`Icon ${t} not found`), null;
-}, Sr = "flex items-center justify-center gap-2 rounded-sm transition-colors", Rr = $(Sr, {
+}, Sr = "flex w-fit items-center justify-center gap-2 rounded-sm transition-colors", Rr = $(Sr, {
   variants: {
     status: {
       locked: "bg-bg-disabled text-content-text-subtle",
-      "locked-outline": "outline-border-disabled text-content-text-subtlest outline outline-sm",
+      "locked-outline": "text-content-text-subtlest outline !outline-sm outline-border-disabled",
       available: "bg-bg-utility-discovery-bolder text-content-text-inverse",
-      "available-outline": "outline-border-utility-discovery text-content-utility-discovery outline outline-sm",
+      "available-outline": "text-content-utility-discovery outline !outline-sm outline-border-utility-discovery",
       inProgress: "bg-bg-accent-blue-subtle text-content-text-default",
-      "inProgress-outline": "outline-border-accent-blue text-content-accent-blue outline outline-sm",
+      "inProgress-outline": "text-content-accent-blue outline !outline-sm outline-border-accent-blue",
       completed: "bg-bg-utility-success-bolder text-content-text-default",
-      "completed-outline": "outline-border-utility-success text-content-utility-success outline outline-sm",
+      "completed-outline": "text-content-utility-success outline !outline-sm outline-border-utility-success",
       viewed: "bg-bg-utility-informative-bolder text-content-text-inverse",
-      "viewed-outline": "outline-border-utility-informative text-content-utility-informative outline outline-sm"
+      "viewed-outline": "text-content-utility-informative outline !outline-sm outline-border-utility-informative"
     },
     intent: {
       neutral: "bg-bg-bolder text-content-text-inverse",
-      "neutral-outline": "outline-border-bolder text-content-text-default outline outline-sm",
+      "neutral-outline": "text-content-text-default outline !outline-sm outline-border-bolder",
       blue: "bg-bg-accent-blue text-content-text-inverse",
-      "blue-outline": "outline-border-accent-blue text-content-accent-blue outline outline-sm",
+      "blue-outline": "text-content-accent-blue outline !outline-sm outline-border-accent-blue",
       mustard: "bg-bg-accent-mustard text-content-text-default",
-      "mustard-outline": "outline-border-accent-mustard text-content-accent-mustard outline outline-sm",
+      "mustard-outline": "text-content-accent-mustard outline !outline-sm outline-border-accent-mustard",
       green: "bg-bg-accent-green text-content-text-inverse",
-      "green-outline": "outline-border-accent-green text-content-accent-green outline outline-sm",
+      "green-outline": "text-content-accent-green outline !outline-sm outline-border-accent-green",
       lime: "bg-bg-accent-lime text-content-text-default",
-      "lime-outline": "outline-border-accent-lime text-content-accent-lime outline outline-sm",
+      "lime-outline": "text-content-accent-lime outline !outline-sm outline-border-accent-lime",
       fuchsia: "bg-bg-accent-fuchsia text-content-text-inverse",
-      "fuchsia-outline": "outline-border-accent-fuchsia text-content-accent-fuchsia outline outline-sm",
+      "fuchsia-outline": "text-content-accent-fuchsia outline !outline-sm outline-border-accent-fuchsia",
       marine: "bg-bg-accent-marine text-content-text-inverse",
-      "marine-outline": "outline-border-accent-marine text-content-accent-marine outline outline-sm",
+      "marine-outline": "text-content-accent-marine outline !outline-sm outline-border-accent-marine",
       ice: "bg-bg-accent-ice text-content-text-inverse",
-      "ice-outline": "outline-border-accent-ice text-content-accent-ice outline outline-sm",
+      "ice-outline": "text-content-accent-ice outline !outline-sm outline-border-accent-ice",
       gray: "bg-bg-accent-gray text-content-text-inverse",
-      "gray-outline": "outline-border-accent-gray text-content-accent-gray outline outline-sm"
+      "gray-outline": "text-content-accent-gray outline !outline-sm outline-border-accent-gray"
     },
     size: {
-      small: "px-4 py-2 text-2xs",
-      medium: "px-4 py-2 text-sm",
-      large: "px-4 py-2 text-base"
+      small: "h-[34px] px-4 py-2 text-2xs",
+      medium: "h-9 px-4 py-2 text-sm",
+      large: "h-10 px-4 py-2 text-base"
     },
     fontWeight: {
       light: "font-light",
@@ -3093,19 +3093,19 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   size: a = "medium",
   rounded: s = "rectangle",
   className: c,
-  ...f
+  ...b
 }) => {
   typeof r == "string" && (r = { name: r }), typeof n == "string" && (n = { name: n });
   const d = {
-    small: "h-5",
-    medium: "h-5",
-    large: "h-6"
+    small: "h-4",
+    medium: "h-4",
+    large: "h-5"
   }, g = o ? { status: o } : { intent: u };
   return /* @__PURE__ */ C.jsxs(
     "span",
     {
       className: K(Rr({ ...g, size: a, rounded: s, className: c })),
-      ...f,
+      ...b,
       children: [
         r && /* @__PURE__ */ C.jsx(
           X,
@@ -3288,7 +3288,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   iconRight: a,
   isLoading: s,
   disabled: c,
-  ...f
+  ...b
 }) => {
   typeof u == "string" && (u = { name: u }), typeof a == "string" && (a = { name: a });
   const d = {
@@ -3303,7 +3303,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
         s ? _r({ intent: r, size: n, className: t }) : c ? jr({ intent: r, size: n, className: t }) : Cr({ intent: r, size: n, className: t })
       ),
       disabled: c || s,
-      ...f,
+      ...b,
       children: s ? /* @__PURE__ */ C.jsx(gt, { className: d[n || "medium"] }) : /* @__PURE__ */ C.jsxs(C.Fragment, { children: [
         u && /* @__PURE__ */ C.jsx(
           X,
@@ -3431,7 +3431,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   disabled: a,
   isLoading: s,
   notification: c,
-  ...f
+  ...b
 }) => {
   typeof t == "string" && (t = { name: t });
   const d = {
@@ -3446,7 +3446,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
         s ? Pr({ intent: n, size: o, rounded: u, className: r }) : a ? Or({ intent: n, size: o, rounded: u, className: r }) : Tr({ intent: n, size: o, rounded: u, className: r })
       ),
       disabled: a || s,
-      ...f,
+      ...b,
       children: [
         c && !s && /* @__PURE__ */ C.jsx(
           X,