@clasing/ui 0.0.43 → 0.0.45

package/dist/index.es.js

@@ -130,7 +130,7 @@ function Bt() {
         }
       return null;
     }
-    var M = Object.assign, W = 0, U, ie, Z, D, ae, G, L;
+    var N = Object.assign, W = 0, U, ie, Z, D, ae, G, L;
     function Ve() {
     }
     Ve.__reactDisabledLog = !0;
@@ -166,25 +166,25 @@ function Bt() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: M({}, e, {
+            log: N({}, e, {
               value: U
             }),
-            info: M({}, e, {
+            info: N({}, e, {
               value: ie
             }),
-            warn: M({}, e, {
+            warn: N({}, e, {
               value: Z
             }),
-            error: M({}, e, {
+            error: N({}, e, {
               value: D
             }),
-            group: M({}, e, {
+            group: N({}, e, {
               value: ae
             }),
-            groupCollapsed: M({}, e, {
+            groupCollapsed: N({}, e, {
               value: G
             }),
-            groupEnd: M({}, e, {
+            groupEnd: N({}, e, {
               value: L
             })
           });
@@ -268,9 +268,9 @@ function Bt() {
               if (_ !== 1 || T !== 1)
                 do
                   if (_--, T--, T < 0 || m[_] !== A[T]) {
-                    var N = `
+                    var M = `
 ` + m[_].replace(" at new ", " at ");
-                    return e.displayName && N.includes("<anonymous>") && (N = N.replace("<anonymous>", e.displayName)), typeof e == "function" && xe.set(e, N), N;
+                    return e.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", e.displayName)), typeof e == "function" && xe.set(e, M), M;
                   }
                 while (_ >= 1 && T >= 0);
               break;
@@ -565,7 +565,7 @@ Check the top-level render call using <` + s + ">.");
         typeof i.getDefaultProps == "function" && !i.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Mt(e) {
+    function Nt(e) {
       {
         for (var i = Object.keys(e.props), s = 0; s < i.length; s++) {
           var b = i[s];
@@ -593,17 +593,17 @@ Check the top-level render call using <` + s + ">.");
         if (T == null)
           return T;
         if (v) {
-          var N = i.children;
-          if (N !== void 0)
+          var M = i.children;
+          if (M !== void 0)
             if (b)
-              if (Ce(N)) {
-                for (var ee = 0; ee < N.length; ee++)
-                  Ke(N[ee], e);
-                Object.freeze && Object.freeze(N);
+              if (Ce(M)) {
+                for (var ee = 0; ee < M.length; ee++)
+                  Ke(M[ee], e);
+                Object.freeze && Object.freeze(M);
               } else
                 k("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
-              Ke(N, e);
+              Ke(M, e);
         }
         if (se.call(i, "key")) {
           var q = I(e), z = Object.keys(i).filter(function(Dt) {
@@ -619,16 +619,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Oe, q, Wt, q), Xe[q + Oe] = !0;
           }
         }
-        return e === o ? Mt(T) : It(T), T;
+        return e === o ? Nt(T) : It(T), T;
       }
     }
-    function Nt(e, i, s) {
+    function Mt(e, i, s) {
       return He(e, i, s, !0);
     }
     function Vt(e, i, s) {
       return He(e, i, s, !1);
     }
-    var Ft = Vt, $t = Nt;
+    var Ft = Vt, $t = Mt;
     ue.Fragment = o, ue.jsx = Ft, ue.jsxs = $t;
   }()), ue;
 }
@@ -958,7 +958,7 @@ function yr(t) {
   return ur.test(t);
 }
 function wr() {
-  const t = E("colors"), r = E("spacing"), n = E("blur"), o = E("brightness"), c = E("borderColor"), a = E("borderRadius"), l = E("borderSpacing"), u = 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], I = () => ["", $, 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"), c = E("borderColor"), a = E("borderRadius"), l = E("borderSpacing"), u = 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], I = () => ["", $, B], N = () => ["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: ":",
@@ -1276,14 +1276,14 @@ function wr() {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": M()
+        "col-start": N()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": M()
+        "col-end": N()
       }],
       /**
        * Grid Template Rows
@@ -1306,14 +1306,14 @@ function wr() {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": M()
+        "row-start": N()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": M()
+        "row-end": N()
       }],
       /**
        * Grid Auto Flow
@@ -3133,63 +3133,77 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     iconName: "IconLoader2",
     className: `${t} animate-spin`
   }
-), Me = "flex items-center justify-center gap-2 rounded-sm transition-colors", Cr = F(Me, {
+), Ne = "flex items-center justify-center gap-2 rounded-sm !border-xs transition-colors", Cr = F(Ne, {
   variants: {
     intent: {
       primary: [
         "bg-button-primary-background-enabled",
         "text-button-primary-content-enabled",
+        "border-button-primary-border-enabled",
         "lg:hover:bg-button-primary-background-hover",
         "lg:hover:text-button-primary-content-hover",
+        "lg:hover:border-button-primary-border-hover",
         "lg:active:bg-button-primary-background-pressed",
-        "lg:active:text-button-primary-content-pressed"
+        "lg:active:text-button-primary-content-pressed",
+        "lg:active:border-button-primary-border-pressed"
       ],
       secondary: [
         "bg-button-secondary-background-enabled",
         "text-button-secondary-content-enabled",
+        "border-button-secondary-border-enabled",
         "lg:hover:bg-button-secondary-background-hover",
         "lg:hover:text-button-secondary-content-hover",
+        "lg:hover:border-button-secondary-border-hover",
         "lg:active:bg-button-secondary-background-pressed",
-        "lg:active:text-button-secondary-content-pressed"
+        "lg:active:text-button-secondary-content-pressed",
+        "lg:active:border-button-secondary-border-pressed"
       ],
       tertiary: [
         "bg-button-tertiary-background-enabled",
         "text-button-tertiary-content-enabled",
+        "border-button-tertiary-border-enabled",
         "lg:hover:bg-button-tertiary-background-hover",
         "lg:hover:text-button-tertiary-content-hover",
+        "lg:hover:border-button-tertiary-border-hover",
         "lg:active:bg-button-tertiary-background-pressed",
-        "lg:active:text-button-tertiary-content-pressed"
+        "lg:active:text-button-tertiary-content-pressed",
+        "lg:active:border-button-tertiary-border-pressed"
       ],
       ghost: [
         "bg-button-ghost-background-enabled",
         "text-button-ghost-content-enabled",
+        "border-button-ghost-border-enabled",
         "lg:hover:bg-button-ghost-background-hover",
         "lg:hover:text-button-ghost-content-hover",
+        "lg:hover:border-button-ghost-border-hover",
         "lg:active:bg-button-ghost-background-pressed",
-        "lg:active:text-button-ghost-content-pressed"
+        "lg:active:text-button-ghost-content-pressed",
+        "lg:active:border-button-ghost-border-pressed"
       ],
       outline: [
-        "outline !outline-xs",
-        "outline-button-outline-outline-enabled",
         "bg-button-outline-background-enabled",
         "text-button-outline-content-enabled",
+        "border-button-outline-border-enabled",
         "lg:hover:bg-button-outline-background-hover",
         "lg:hover:text-button-outline-content-hover",
-        "lg:hover:outline-button-outline-outline-hover",
+        "lg:hover:border-button-outline-border-hover",
         "lg:active:bg-button-outline-background-pressed",
         "lg:active:text-button-outline-content-pressed",
-        "lg:active:outline-button-outline-outline-pressed"
+        "lg:active:border-button-outline-border-pressed"
       ],
       destructive: [
         "bg-button-destructive-background-enabled",
         "text-button-destructive-content-enabled",
+        "border-button-destructive-border-enabled",
         "lg:hover:bg-button-destructive-background-hover",
         "lg:hover:text-button-destructive-content-hover",
+        "lg:hover:border-button-destructive-border-hover",
         "lg:active:bg-button-destructive-background-pressed",
-        "lg:active:text-button-destructive-content-pressed"
+        "lg:active:text-button-destructive-content-pressed",
+        "lg:active:border-button-destructive-border-pressed"
       ],
       link: [
-        "border-button-link-border-enabled border-b",
+        "border-button-link-border-enabled",
         "text-button-link-content-enabled",
         "lg:hover:border-button-link-border-hover",
         "lg:hover:text-button-link-content-hover",
@@ -3201,64 +3215,96 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       small: "h-10 text-xs",
       medium: "h-11 text-sm",
       large: "h-12 text-base"
+    },
+    weight: {
+      light: "font-light",
+      regular: "font-regular",
+      semibold: "font-semibold",
+      bold: "font-bold"
     }
   },
   compoundVariants: [
     {
       intent: "link",
-      className: "w-fit rounded-none px-1"
+      className: "w-fit rounded-none !border-[0px] !border-b-xs px-1"
     },
     {
-      intent: ["primary", "secondary", "tertiary", "ghost", "destructive"],
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
       size: "small",
       className: "min-w-36 p-button-sm"
     },
     {
-      intent: ["primary", "secondary", "tertiary", "ghost", "destructive"],
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
       size: "medium",
       className: "min-w-44 p-button-md"
     },
     {
-      intent: ["primary", "secondary", "tertiary", "ghost", "destructive"],
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
       size: "large",
       className: "min-w-52 p-button-lg"
     }
   ],
   defaultVariants: {
     intent: "primary",
-    size: "medium"
+    size: "medium",
+    weight: "regular"
   }
-}), _r = F(`${Me} cursor-default`, {
+}), _r = F(`${Ne} cursor-default`, {
   variants: {
     intent: {
       primary: [
+        "border-button-primary-border-pressed",
         "bg-button-primary-background-pressed",
         "text-button-primary-content-pressed"
       ],
       secondary: [
+        "border-button-secondary-border-enabled",
         "bg-button-secondary-background-enabled",
         "text-button-secondary-content-enabled"
       ],
       tertiary: [
+        "border-button-tertiary-border-enabled",
         "bg-button-tertiary-background-enabled",
         "text-button-tertiary-content-enabled"
       ],
       ghost: [
+        "border-button-ghost-border-pressed",
         "bg-button-ghost-background-pressed",
         "text-button-ghost-content-pressed"
       ],
       outline: [
-        "outline-1 outline",
-        "outline-button-outline-outline-pressed",
+        "border-button-outline-border-pressed",
         "bg-button-outline-background-pressed",
         "text-button-outline-content-pressed"
       ],
       destructive: [
+        "border-button-destructive-border-pressed",
         "bg-button-destructive-background-pressed",
         "text-button-destructive-content-pressed"
       ],
       link: [
-        "border-button-link-border-pressed border-b",
+        "border-b border-button-link-border-pressed",
         "text-button-link-content-pressed"
       ]
     },
@@ -3266,82 +3312,157 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       small: "h-10text-xs",
       medium: "h-11 text-sm",
       large: "h-12 text-base"
+    },
+    weight: {
+      light: "font-light",
+      regular: "font-regular",
+      semibold: "font-semibold",
+      bold: "font-bold"
     }
   },
   compoundVariants: [
     {
       intent: "link",
-      className: "w-24 rounded-none"
+      className: "w-24 rounded-none !border-[0px] !border-b-xs px-1"
     },
     {
-      intent: ["primary", "secondary", "tertiary", "ghost", "destructive"],
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
       size: "small",
       className: "min-w-36 p-button-sm"
     },
     {
-      intent: ["primary", "secondary", "tertiary", "ghost", "destructive"],
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
       size: "medium",
       className: "min-w-44 p-button-md"
     },
     {
-      intent: ["primary", "secondary", "tertiary", "ghost", "destructive"],
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
       size: "large",
       className: "min-w-52 p-button-lg"
     }
   ],
   defaultVariants: {
     intent: "primary",
-    size: "medium"
+    size: "medium",
+    weight: "regular"
   }
-}), jr = F(Me, {
+}), jr = F(Ne, {
   variants: {
     intent: {
       primary: [
+        "border-button-primary-border-disabled",
         "bg-button-primary-background-disabled",
         "text-button-primary-content-disabled"
       ],
       secondary: [
+        "border-button-secondary-border-disabled",
         "bg-button-secondary-background-disabled",
         "text-button-secondary-content-disabled"
       ],
       tertiary: [
+        "border-button-tertiary-border-disabled",
         "bg-button-tertiary-background-disabled",
         "text-button-tertiary-content-disabled"
       ],
       ghost: [
+        "border-button-ghost-border-disabled",
         "bg-button-ghost-background-disabled",
         "text-button-ghost-content-disabled"
       ],
       outline: [
-        "outline !outline-xs",
-        "outline-button-outline-outline-disabled",
+        "border-button-outline-border-disabled",
         "bg-button-outline-background-disabled",
         "text-button-outline-content-disabled"
       ],
       destructive: [
+        "border-button-destructive-border-disabled",
         "bg-button-destructive-background-disabled",
         "text-button-destructive-content-disabled"
       ],
       link: [
-        "border-button-link-border-disabled border-b",
+        "border-b border-button-link-border-disabled",
         "text-button-link-content-disabled"
       ]
     },
     size: {
-      small: "h-10 min-w-36 p-button-sm text-xs",
-      medium: "h-11 min-w-44 p-button-md text-sm",
-      large: "h-12 min-w-52 p-button-lg text-base"
+      small: "h-10 text-xs",
+      medium: "h-11 text-sm",
+      large: "h-12 text-base"
+    },
+    weight: {
+      light: "font-light",
+      regular: "font-regular",
+      semibold: "font-semibold",
+      bold: "font-bold"
     }
   },
   compoundVariants: [
     {
       intent: "link",
-      className: "w-fit rounded-none"
+      className: "w-24 rounded-none !border-[0px] !border-b-xs px-1"
+    },
+    {
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
+      size: "small",
+      className: "min-w-36 p-button-sm"
+    },
+    {
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
+      size: "medium",
+      className: "min-w-44 p-button-md"
+    },
+    {
+      intent: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "outline",
+        "destructive"
+      ],
+      size: "large",
+      className: "min-w-52 p-button-lg"
     }
   ],
   defaultVariants: {
     intent: "primary",
-    size: "medium"
+    size: "medium",
+    weight: "regular"
   }
 }), $r = ({
   className: t,
@@ -3389,36 +3510,41 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       ] })
     }
   );
-}, Ne = "flex items-center justify-center transition-colors relative", Tr = F(Ne, {
+}, Me = "flex items-center justify-center transition-colors relative border !border-xs", Tr = F(Me, {
   variants: {
     intent: {
       fill: [
         "bg-button-icon-fill-bg-enabled",
         "text-button-icon-fill-content-enabled",
+        "border-button-icon-fill-border-enabled",
         "lg:hover:bg-button-icon-fill-bg-hover",
         "lg:hover:text-button-icon-fill-content-hover",
-        "lg:active:bg-button-icon-fill-bg-pressed",
-        "lg:active:text-button-icon-fill-content-pressed"
+        "lg:hover:border-button-icon-fill-border-hover",
+        "lg:active:bg-button-icon-fill-border-disabled",
+        "lg:active:text-button-icon-fill-content-disabled",
+        "lg:active:border-button-icon-fill-border-disabled"
       ],
       outline: [
-        "outline !outline-xs",
-        "outline-button-icon-outline-outline-enabled",
         "bg-button-icon-outline-bg-enabled",
         "text-button-icon-outline-content-enabled",
+        "border-button-icon-outline-border-enabled",
         "lg:hover:bg-button-icon-outline-bg-hover",
         "lg:hover:text-button-icon-outline-content-hover",
-        "lg:hover:outline-button-icon-outline-outline-hover",
+        "lg:hover:border-button-icon-outline-border-hover",
         "lg:active:bg-button-icon-outline-bg-pressed",
         "lg:active:text-button-icon-outline-content-pressed",
-        "lg:active:outline-button-icon-outline-outline-pressed"
+        "lg:active:border-button-icon-outline-border-pressed"
       ],
       ghost: [
         "bg-button-icon-ghost-bg-enabled",
         "text-button-icon-ghost-content-enabled",
+        "border-button-icon-ghost-border-enabled",
         "lg:hover:bg-button-icon-ghost-bg-hover",
         "lg:hover:text-button-icon-ghost-content-hover",
+        "lg:hover:border-button-icon-ghost-border-hover",
         "lg:active:bg-button-icon-ghost-bg-pressed",
-        "lg:active:text-button-icon-ghost-content-pressed"
+        "lg:active:text-button-icon-ghost-content-pressed",
+        "lg:active:border-button-icon-ghost-border-pressed"
       ]
     },
     size: {
@@ -3436,22 +3562,23 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     size: "medium",
     rounded: "sm"
   }
-}), Pr = F(Ne, {
+}), Pr = F(Me, {
   variants: {
     intent: {
       fill: [
+        "border-button-icon-fill-border-pressed",
         "bg-button-icon-fill-bg-pressed",
         "text-button-icon-fill-content-pressed"
       ],
       outline: [
-        "outline !outline-xs",
-        "outline-button-icon-outline-outline-pressed",
-        "bg-button-icon-outline-bg-pressed",
-        "text-button-icon-outline-content-pressed"
+        "border-button-icon-outline-border-enabled",
+        "bg-button-icon-outline-bg-enabled",
+        "text-button-icon-outline-content-enabled"
       ],
       ghost: [
-        "bg-button-icon-ghost-bg-pressed",
-        "text-button-icon-ghost-content-pressed"
+        "border-button-icon-ghost-border-enabled",
+        "bg-button-icon-ghost-bg-enabled",
+        "text-button-icon-ghost-content-enabled"
       ]
     },
     size: {
@@ -3469,20 +3596,21 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     size: "medium",
     rounded: "sm"
   }
-}), Or = F(Ne, {
+}), Or = F(Me, {
   variants: {
     intent: {
       fill: [
+        "border-button-icon-fill-border-disabled",
         "bg-button-icon-fill-bg-disabled",
         "text-button-icon-fill-content-disabled"
       ],
       outline: [
-        "outline !outline-xs",
-        "outline-button-icon-outline-outline-disabled",
+        "border-button-icon-outline-border-disabled",
         "bg-button-icon-outline-bg-disabled",
         "text-button-icon-outline-content-disabled"
       ],
       ghost: [
+        "border-button-icon-ghost-border-disabled",
         "bg-button-icon-ghost-bg-disabled",
         "text-button-icon-ghost-content-disabled"
       ]
@@ -3546,15 +3674,25 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       ]
     }
   );
-}, Ar = "flex flex-col gap-3 p-4 rounded-lg shadow-md", zr = F(Ar, {
+}, Ar = "flex flex-col gap-3 p-4 rounded-lg", zr = F(Ar, {
   variants: {
     intent: {
       default: "text-content-primary bg-bg-white",
-      outline: "bg-bg-white text-content-text-default outline !outline-sm outline-bg-border-inversed-subtle"
+      outline: "!border-xs border-solid border-border-utility-discovery bg-bg-white text-content-text-default"
+    },
+    shadow: {
+      none: "",
+      xs: "shadow-xs",
+      sm: "shadow-sm",
+      md: "shadow-md",
+      lg: "shadow-lg",
+      xl: "shadow-xl",
+      "2xl": "shadow-2xl"
     }
   },
   defaultVariants: {
-    intent: "default"
+    intent: "default",
+    shadow: "none"
   }
 }), Dr = ({ className: t, intent: r, children: n, ...o }) => /* @__PURE__ */ C.jsx("div", { className: K(zr({ intent: r, className: t })), ...o, children: n }), Ir = "transition-all ease-out duration-500 relative overflow-hidden w-full", it = F(Ir, {
   variants: {
@@ -3625,7 +3763,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       )
     }
   );
-}, Mr = "transition-colors", Nr = F(Mr, {
+}, Nr = "transition-colors", Mr = F(Nr, {
   variants: {
     intent: {
       "display-sm": "text-7xl leading-6xl tracking-tight",
@@ -3671,7 +3809,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   return /* @__PURE__ */ C.jsx(
     a,
     {
-      className: K(Nr({ intent: r, weight: o, className: n })),
+      className: K(Mr({ intent: r, weight: o, className: n })),
       ...c
     }
   );