@clasing/ui 0.0.49 → 0.0.51

package/dist/index.d.ts

@@ -29,7 +29,7 @@ declare const buttonStyles: (props?: ({
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Card: ({ className, intent, children, ...props }: ICardProps) => JSX_2.Element;
+export declare const Card: ({ className, intent, shadow, children, ...props }: ICardProps) => JSX_2.Element;
 
 declare const cardStyles: (props?: ({
     intent?: "outline" | "default" | null | undefined;

package/dist/index.es.js

@@ -15,8 +15,8 @@ function Gt() {
   if (Qe)
     return ce;
   Qe = 1;
-  var t = at, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, c = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(u, f, d) {
+  var t = at, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(u, f, 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)
@@ -24,9 +24,9 @@ function Gt() {
     if (u && u.defaultProps)
       for (g in f = u.defaultProps, f)
         h[g] === void 0 && (h[g] = f[g]);
-    return { $$typeof: r, type: u, key: S, ref: P, props: h, _owner: c.current };
+    return { $$typeof: r, type: u, key: S, ref: P, props: h, _owner: l.current };
   }
-  return ce.Fragment = n, ce.jsx = l, ce.jsxs = l, ce;
+  return ce.Fragment = n, ce.jsx = c, ce.jsxs = c, ce;
 }
 var ue = {};
 /**
@@ -41,7 +41,7 @@ var ue = {};
 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"), c = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = 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"), l = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = 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";
     function j(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -69,7 +69,7 @@ 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 === c || e === d || e === g || me || e === P || re || ge || pe || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === h || e.$$typeof === l || e.$$typeof === u || 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 === l || e === d || e === g || me || e === P || re || ge || pe || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === h || e.$$typeof === c || e.$$typeof === u || e.$$typeof === f || // 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.
@@ -99,7 +99,7 @@ function Bt() {
           return "Portal";
         case a:
           return "Profiler";
-        case c:
+        case l:
           return "StrictMode";
         case d:
           return "Suspense";
@@ -111,7 +111,7 @@ function Bt() {
           case u:
             var i = e;
             return y(i) + ".Consumer";
-          case l:
+          case c:
             var s = e;
             return y(s._context) + ".Provider";
           case f:
@@ -640,8 +640,8 @@ function st(t) {
     o += t;
   else if (typeof t == "object")
     if (Array.isArray(t)) {
-      var c = t.length;
-      for (r = 0; r < c; r++)
+      var l = t.length;
+      for (r = 0; r < l; r++)
         t[r] && (n = st(t[r])) && (o && (o += " "), o += n);
     } else
       for (n in t)
@@ -649,7 +649,7 @@ function st(t) {
   return o;
 }
 function Yt() {
-  for (var t, r, n = 0, o = "", c = arguments.length; n < c; n++)
+  for (var t, r, n = 0, o = "", l = arguments.length; n < l; n++)
     (t = arguments[n]) && (r = st(t)) && (o && (o += " "), o += r);
   return o;
 }
@@ -659,32 +659,32 @@ function Ut(t) {
     conflictingClassGroups: n,
     conflictingClassGroupModifiers: o
   } = t;
-  function c(l) {
-    const u = l.split(Ie);
-    return u[0] === "" && u.length !== 1 && u.shift(), lt(u, r) || Lt(l);
+  function l(c) {
+    const u = c.split(Ie);
+    return u[0] === "" && u.length !== 1 && u.shift(), lt(u, r) || Lt(c);
   }
-  function a(l, u) {
-    const f = n[l] || [];
-    return u && o[l] ? [...f, ...o[l]] : f;
+  function a(c, u) {
+    const f = n[c] || [];
+    return u && o[c] ? [...f, ...o[c]] : f;
   }
   return {
-    getClassGroupId: c,
+    getClassGroupId: l,
     getConflictingClassGroupIds: a
   };
 }
 function lt(t, r) {
-  var l;
+  var c;
   if (t.length === 0)
     return r.classGroupId;
-  const n = t[0], o = r.nextPart.get(n), c = o ? lt(t.slice(1), o) : void 0;
-  if (c)
-    return c;
+  const n = t[0], o = r.nextPart.get(n), l = o ? lt(t.slice(1), o) : void 0;
+  if (l)
+    return l;
   if (r.validators.length === 0)
     return;
   const a = t.join(Ie);
-  return (l = r.validators.find(({
+  return (c = r.validators.find(({
     validator: u
-  }) => u(a))) == null ? void 0 : l.classGroupId;
+  }) => u(a))) == null ? void 0 : c.classGroupId;
 }
 const tt = /^\[(.+)\]$/;
 function Lt(t) {
@@ -702,30 +702,30 @@ function qt(t) {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Kt(Object.entries(t.classGroups), n).forEach(([a, l]) => {
-    ze(l, o, a, r);
+  return Kt(Object.entries(t.classGroups), n).forEach(([a, c]) => {
+    ze(c, o, a, r);
   }), o;
 }
 function ze(t, r, n, o) {
-  t.forEach((c) => {
-    if (typeof c == "string") {
-      const a = c === "" ? r : rt(r, c);
+  t.forEach((l) => {
+    if (typeof l == "string") {
+      const a = l === "" ? r : rt(r, l);
       a.classGroupId = n;
       return;
     }
-    if (typeof c == "function") {
-      if (Jt(c)) {
-        ze(c(o), r, n, o);
+    if (typeof l == "function") {
+      if (Jt(l)) {
+        ze(l(o), r, n, o);
         return;
       }
       r.validators.push({
-        validator: c,
+        validator: l,
         classGroupId: n
       });
       return;
     }
-    Object.entries(c).forEach(([a, l]) => {
-      ze(l, rt(r, a), n, o);
+    Object.entries(l).forEach(([a, c]) => {
+      ze(c, rt(r, a), n, o);
     });
   });
 }
@@ -743,8 +743,8 @@ function Jt(t) {
 }
 function Kt(t, r) {
   return r ? t.map(([n, o]) => {
-    const c = o.map((a) => typeof a == "string" ? r + a : typeof a == "object" ? Object.fromEntries(Object.entries(a).map(([l, u]) => [r + l, u])) : a);
-    return [n, c];
+    const l = o.map((a) => typeof a == "string" ? r + a : typeof a == "object" ? Object.fromEntries(Object.entries(a).map(([c, u]) => [r + c, u])) : a);
+    return [n, l];
   }) : t;
 }
 function Xt(t) {
@@ -756,33 +756,33 @@ function Xt(t) {
       }
     };
   let r = 0, n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  function c(a, l) {
-    n.set(a, l), r++, r > t && (r = 0, o = n, n = /* @__PURE__ */ new Map());
+  function l(a, c) {
+    n.set(a, c), r++, r > t && (r = 0, o = n, n = /* @__PURE__ */ new Map());
   }
   return {
     get(a) {
-      let l = n.get(a);
-      if (l !== void 0)
-        return l;
-      if ((l = o.get(a)) !== void 0)
-        return c(a, l), l;
+      let c = n.get(a);
+      if (c !== void 0)
+        return c;
+      if ((c = o.get(a)) !== void 0)
+        return l(a, c), c;
     },
-    set(a, l) {
-      n.has(a) ? n.set(a, l) : c(a, l);
+    set(a, c) {
+      n.has(a) ? n.set(a, c) : l(a, c);
     }
   };
 }
 const ct = "!";
 function Ht(t) {
-  const r = t.separator, n = r.length === 1, o = r[0], c = r.length;
-  return function(l) {
+  const r = t.separator, n = r.length === 1, o = r[0], l = r.length;
+  return function(c) {
     const u = [];
     let f = 0, d = 0, g;
-    for (let R = 0; R < l.length; R++) {
-      let j = l[R];
+    for (let R = 0; R < c.length; R++) {
+      let j = c[R];
       if (f === 0) {
-        if (j === o && (n || l.slice(R, R + c) === r)) {
-          u.push(l.slice(d, R)), d = R + c;
+        if (j === o && (n || c.slice(R, R + l) === r)) {
+          u.push(c.slice(d, R)), d = R + l;
           continue;
         }
         if (j === "/") {
@@ -792,7 +792,7 @@ function Ht(t) {
       }
       j === "[" ? f++ : j === "]" && f--;
     }
-    const h = u.length === 0 ? l : l.substring(d), S = h.startsWith(ct), P = S ? h.substring(1) : h, V = g && g > d ? g - d : void 0;
+    const h = u.length === 0 ? c : c.substring(d), S = h.startsWith(ct), P = S ? h.substring(1) : h, V = g && g > d ? g - d : void 0;
     return {
       modifiers: u,
       hasImportantModifier: S,
@@ -822,26 +822,26 @@ function tr(t, r) {
   const {
     splitModifiers: n,
     getClassGroupId: o,
-    getConflictingClassGroupIds: c
+    getConflictingClassGroupIds: l
   } = r, a = /* @__PURE__ */ new Set();
-  return t.trim().split(er).map((l) => {
+  return t.trim().split(er).map((c) => {
     const {
       modifiers: u,
       hasImportantModifier: f,
       baseClassName: d,
       maybePostfixModifierPosition: g
-    } = n(l);
+    } = n(c);
     let h = o(g ? d.substring(0, g) : d), S = !!g;
     if (!h) {
       if (!g)
         return {
           isTailwindClass: !1,
-          originalClassName: l
+          originalClassName: c
         };
       if (h = o(d), !h)
         return {
           isTailwindClass: !1,
-          originalClassName: l
+          originalClassName: c
         };
       S = !1;
     }
@@ -850,19 +850,19 @@ function tr(t, r) {
       isTailwindClass: !0,
       modifierId: f ? P + ct : P,
       classGroupId: h,
-      originalClassName: l,
+      originalClassName: c,
       hasPostfixModifier: S
     };
-  }).reverse().filter((l) => {
-    if (!l.isTailwindClass)
+  }).reverse().filter((c) => {
+    if (!c.isTailwindClass)
       return !0;
     const {
       modifierId: u,
       classGroupId: f,
       hasPostfixModifier: d
-    } = l, g = u + f;
-    return a.has(g) ? !1 : (a.add(g), c(f, d).forEach((h) => a.add(u + h)), !0);
-  }).reverse().map((l) => l.originalClassName).join(" ");
+    } = c, g = u + f;
+    return a.has(g) ? !1 : (a.add(g), l(f, d).forEach((h) => a.add(u + h)), !0);
+  }).reverse().map((c) => c.originalClassName).join(" ");
 }
 function rr() {
   let t = 0, r, n, o = "";
@@ -879,17 +879,17 @@ function ut(t) {
   return n;
 }
 function nr(t, ...r) {
-  let n, o, c, a = l;
-  function l(f) {
+  let n, o, l, a = c;
+  function c(f) {
     const d = r.reduce((g, h) => h(g), t());
-    return n = Qt(d), o = n.cache.get, c = n.cache.set, a = u, u(f);
+    return n = Qt(d), o = n.cache.get, l = n.cache.set, a = u, u(f);
   }
   function u(f) {
     const d = o(f);
     if (d)
       return d;
     const g = tr(f, n);
-    return c(f, g), g;
+    return l(f, g), g;
   }
   return function() {
     return a(rr.apply(null, arguments));
@@ -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], 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];
+  const t = E("colors"), r = E("spacing"), n = E("blur"), o = E("brightness"), l = E("borderColor"), a = E("borderRadius"), c = 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: ":",
@@ -2192,56 +2192,56 @@ function wr() {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [c]
+        border: [l]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [c]
+        "border-x": [l]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [c]
+        "border-y": [l]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [c]
+        "border-t": [l]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [c]
+        "border-r": [l]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [c]
+        "border-b": [l]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [c]
+        "border-l": [l]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [c]
+        divide: [l]
       }],
       /**
        * Outline Style
@@ -2503,21 +2503,21 @@ function wr() {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [l]
+        "border-spacing": [c]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [l]
+        "border-spacing-x": [c]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [l]
+        "border-spacing-y": [c]
       }],
       /**
        * Table Layout
@@ -2996,12 +2996,12 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   var o;
   if ((r == null ? void 0 : r.variants) == null)
     return ot(t, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-  const { variants: c, defaultVariants: a } = r, l = Object.keys(c).map((d) => {
+  const { variants: l, defaultVariants: a } = r, c = Object.keys(l).map((d) => {
     const g = n == null ? void 0 : n[d], h = a == null ? void 0 : a[d];
     if (g === null)
       return null;
     const S = nt(g) || nt(h);
-    return c[d][S];
+    return l[d][S];
   }), u = n && Object.entries(n).reduce((d, g) => {
     let [h, S] = g;
     return S === void 0 || (d[h] = S), d;
@@ -3022,7 +3022,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       S
     ] : d;
   }, []);
-  return ot(t, l, f, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  return ot(t, c, f, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
 }, X = ({ iconName: t, ...r }) => {
   if (Ze[t]) {
     const n = Ze[t];
@@ -3089,9 +3089,9 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   iconLeft: r,
   iconRight: n,
   status: o,
-  intent: c,
+  intent: l,
   size: a = "medium",
-  rounded: l = "rectangle",
+  rounded: c = "rectangle",
   className: u,
   ...f
 }) => {
@@ -3100,11 +3100,11 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     small: "h-4",
     medium: "h-4",
     large: "h-5"
-  }, g = o ? { status: o } : { intent: c };
+  }, g = o ? { status: o } : { intent: l };
   return /* @__PURE__ */ C.jsxs(
     "span",
     {
-      className: K(Rr({ ...g, size: a, rounded: l, className: u })),
+      className: K(Rr({ ...g, size: a, rounded: c, className: u })),
       ...f,
       children: [
         r && /* @__PURE__ */ C.jsx(
@@ -3469,13 +3469,13 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   intent: r,
   size: n,
   children: o,
-  iconLeft: c,
+  iconLeft: l,
   iconRight: a,
-  isLoading: l,
+  isLoading: c,
   disabled: u,
   ...f
 }) => {
-  typeof c == "string" && (c = { name: c }), typeof a == "string" && (a = { name: a });
+  typeof l == "string" && (l = { name: l }), typeof a == "string" && (a = { name: a });
   const d = {
     small: "h-5",
     medium: "h-5",
@@ -3485,16 +3485,16 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     "button",
     {
       className: K(
-        l ? _r({ intent: r, size: n, className: t }) : u ? jr({ intent: r, size: n, className: t }) : Cr({ intent: r, size: n, className: t })
+        c ? _r({ intent: r, size: n, className: t }) : u ? jr({ intent: r, size: n, className: t }) : Cr({ intent: r, size: n, className: t })
       ),
-      disabled: u || l,
+      disabled: u || c,
       ...f,
-      children: l ? /* @__PURE__ */ C.jsx(gt, { className: d[n || "medium"] }) : /* @__PURE__ */ C.jsxs(C.Fragment, { children: [
-        c && /* @__PURE__ */ C.jsx(
+      children: c ? /* @__PURE__ */ C.jsx(gt, { className: d[n || "medium"] }) : /* @__PURE__ */ C.jsxs(C.Fragment, { children: [
+        l && /* @__PURE__ */ C.jsx(
           X,
           {
-            iconName: c.name,
-            stroke: c.stroke,
+            iconName: l.name,
+            stroke: l.stroke,
             className: d[n || "medium"]
           }
         ),
@@ -3635,9 +3635,9 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   className: r,
   intent: n = "fill",
   size: o = "medium",
-  rounded: c,
+  rounded: l,
   disabled: a,
-  isLoading: l,
+  isLoading: c,
   notification: u,
   ...f
 }) => {
@@ -3651,19 +3651,19 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     "button",
     {
       className: K(
-        l ? Pr({ intent: n, size: o, rounded: c, className: r }) : a ? Or({ intent: n, size: o, rounded: c, className: r }) : Tr({ intent: n, size: o, rounded: c, className: r })
+        c ? Pr({ intent: n, size: o, rounded: l, className: r }) : a ? Or({ intent: n, size: o, rounded: l, className: r }) : Tr({ intent: n, size: o, rounded: l, className: r })
       ),
-      disabled: a || l,
+      disabled: a || c,
       ...f,
       children: [
-        u && !l && /* @__PURE__ */ C.jsx(
+        u && !c && /* @__PURE__ */ C.jsx(
           X,
           {
             iconName: "IconCircleFilled",
-            className: `absolute ${c === "full" ? "right-2 top-2" : "right-1 top-1"} h-[6px] w-[6px] ${n === "fill" ? "text-button-primary-content-pressed" : "text-button-primary-background-enabled"}`
+            className: `absolute ${l === "full" ? "right-2 top-2" : "right-1 top-1"} h-[6px] w-[6px] ${n === "fill" ? "text-button-primary-content-pressed" : "text-button-primary-background-enabled"}`
           }
         ),
-        l ? /* @__PURE__ */ C.jsx(gt, { className: d[o || "medium"] }) : /* @__PURE__ */ C.jsx(C.Fragment, { children: t && /* @__PURE__ */ C.jsx(
+        c ? /* @__PURE__ */ C.jsx(gt, { className: d[o || "medium"] }) : /* @__PURE__ */ C.jsx(C.Fragment, { children: t && /* @__PURE__ */ C.jsx(
           X,
           {
             iconName: t.name,
@@ -3674,7 +3674,7 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
       ]
     }
   );
-}, Ar = "flex flex-col gap-3 p-4 rounded-lg", zr = F(Ar, {
+}, Ar = "flex flex-col gap-3 p-3 rounded-lg", zr = F(Ar, {
   variants: {
     intent: {
       default: "text-content-primary bg-bg-white",
@@ -3694,7 +3694,13 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     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, {
+}), Dr = ({
+  className: t,
+  intent: r,
+  shadow: n,
+  children: o,
+  ...l
+}) => /* @__PURE__ */ C.jsx("div", { className: K(zr({ intent: r, shadow: n, className: t })), ...l, children: o }), Ir = "transition-all ease-out duration-500 relative overflow-hidden w-full", it = F(Ir, {
   variants: {
     intent: {
       primary: "bg-bg-brand",
@@ -3728,10 +3734,10 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   className: r,
   intent: n = "primary",
   size: o = "medium",
-  rounded: c = "full",
+  rounded: l = "full",
   ...a
 }) => {
-  const l = {
+  const c = {
     small: "text-2xs",
     medium: "text-sm",
     large: "text-base"
@@ -3740,19 +3746,19 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
     "div",
     {
       className: K(
-        it({ size: o, rounded: c, className: r }),
+        it({ size: o, rounded: l, className: r }),
         "relative bg-bg-accent-gray-subtle-hover"
       ),
       ...a,
       children: /* @__PURE__ */ C.jsx(
         "div",
         {
-          className: K(it({ intent: n, size: o, rounded: c })),
+          className: K(it({ intent: n, size: o, rounded: l })),
           style: { width: `${t}%` },
           children: /* @__PURE__ */ C.jsxs(
             "span",
             {
-              className: `absolute -right-2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-content-text-inverse ${l[o || "medium"]}`,
+              className: `absolute -right-2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-content-text-inverse ${c[o || "medium"]}`,
               children: [
                 t,
                 "%"
@@ -3803,14 +3809,14 @@ const nt = (t) => typeof t == "boolean" ? "".concat(t) : t === 0 ? "0" : t, ot =
   intent: r,
   className: n,
   weight: o,
-  ...c
+  ...l
 }) => {
   const a = t;
   return /* @__PURE__ */ C.jsx(
     a,
     {
       className: K(Mr({ intent: r, weight: o, className: n })),
-      ...c
+      ...l
     }
   );
 };