@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js

@@ -1,108 +1,60 @@
-import { jsx as K, jsxs as D } from "react/jsx-runtime";
-import { c as U } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as W } from "react";
-import { cn as G } from "../../../../utils/index.js";
-import { buttonGroupItemVariants as X, buttonGroupItemContentVariants as Y, buttonGroupLabelVariants as M, buttonGroupDescriptionVariants as Z } from "./ButtonGroupItem.variants.js";
-import { m as _ } from "../../../../proxy-BGrSEZuV.js";
-const ee = (I, e) => e === "none" ? I ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : I ? "inset(0 0 0 0)" : e === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", te = W((I) => {
-  const e = U.c(68), {
-    animationDirection: j,
-    className: k,
-    contentClassName: A,
-    descriptionAlign: B,
-    descriptionClassName: P,
-    duration: J,
-    hasDescription: E,
-    index: w,
-    isDisabled: l,
-    isFirst: F,
-    isLast: R,
-    isSelected: s,
-    labelAlign: i,
-    labelClassName: a,
-    option: t,
-    value: S,
-    onKeyDown: $,
-    onSelect: q
-  } = I, z = J === void 0 ? 0.3 : J, O = t.value, Q = t.value, H = s || w === 0 ? 0 : -1;
-  let n;
-  e[0] !== l || e[1] !== q || e[2] !== S ? (n = () => !l && q(S), e[0] = l, e[1] = q, e[2] = S, e[3] = n) : n = e[3];
-  let o;
-  e[4] !== w || e[5] !== $ ? (o = (T) => $(T, w), e[4] = w, e[5] = $, e[6] = o) : o = e[6];
-  let r;
-  e[7] !== k || e[8] !== l || e[9] !== F || e[10] !== R ? (r = G(X({
+import { t as r } from "../../../../utils-DHuiYnx1.js";
+import { t as L } from "../../../../proxy-uLtw-ZML.js";
+import { buttonGroupDescriptionVariants as V, buttonGroupItemContentVariants as g, buttonGroupItemVariants as w, buttonGroupLabelVariants as o } from "./ButtonGroupItem.variants.js";
+import { memo as j } from "react";
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+var k = (t, n) => n === "none" ? t ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : t ? "inset(0 0 0 0)" : n === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", B = j(({ animationDirection: t, className: n, contentClassName: d, descriptionAlign: p, descriptionClassName: h, duration: b = 0.3, hasDescription: f, index: c, isDisabled: l, isFirst: v, isLast: y, isSelected: i, labelAlign: m, labelClassName: u, option: e, value: N, onKeyDown: G, onSelect: x }) => /* @__PURE__ */ s("button", {
+  type: "button",
+  role: "radio",
+  "aria-checked": i,
+  "data-value": e.value,
+  disabled: l,
+  tabIndex: i || c === 0 ? 0 : -1,
+  onClick: () => !l && x(N),
+  onKeyDown: (I) => G(I, c),
+  className: r(w({
     disabled: l,
-    isFirst: F,
-    isLast: R
-  }), "relative", k), e[7] = k, e[8] = l, e[9] = F, e[10] = R, e[11] = r) : r = e[11];
-  let c;
-  e[12] !== A || e[13] !== E ? (c = G(Y({
-    hasDescription: E
-  }), "relative", A), e[12] = A, e[13] = E, e[14] = c) : c = e[14];
-  let d;
-  e[15] !== i || e[16] !== a ? (d = G(M({
-    selected: !1,
-    labelAlign: i
-  }), a), e[15] = i, e[16] = a, e[17] = d) : d = e[17];
-  let m;
-  e[18] !== t.icon || e[19] !== t.label ? (m = /* @__PURE__ */ D("span", { className: "flex items-center gap-2", children: [
-    t.icon,
-    t.label
-  ] }), e[18] = t.icon, e[19] = t.label, e[20] = m) : m = e[20];
-  let p;
-  e[21] !== t.secondaryLabel ? (p = t.secondaryLabel && /* @__PURE__ */ K("span", { children: t.secondaryLabel }), e[21] = t.secondaryLabel, e[22] = p) : p = e[22];
-  let f;
-  e[23] !== m || e[24] !== p || e[25] !== d ? (f = /* @__PURE__ */ D("span", { className: d, children: [
-    m,
-    p
-  ] }), e[23] = m, e[24] = p, e[25] = d, e[26] = f) : f = e[26];
-  let u;
-  e[27] !== i || e[28] !== a ? (u = G(M({
-    selected: !0,
-    labelAlign: i
-  }), "absolute inset-0", a), e[27] = i, e[28] = a, e[29] = u) : u = e[29];
-  let b;
-  e[30] !== j || e[31] !== s ? (b = ee(s, j), e[30] = j, e[31] = s, e[32] = b) : b = e[32];
-  let h;
-  e[33] !== b ? (h = {
-    clipPath: b
-  }, e[33] = b, e[34] = h) : h = e[34];
-  let y;
-  e[35] !== z ? (y = {
-    type: "tween",
-    ease: "linear",
-    duration: z
-  }, e[35] = z, e[36] = y) : y = e[36];
-  let N;
-  e[37] !== t.icon || e[38] !== t.label ? (N = /* @__PURE__ */ D("span", { className: "flex items-center gap-2", children: [
-    t.icon,
-    t.label
-  ] }), e[37] = t.icon, e[38] = t.label, e[39] = N) : N = e[39];
-  let v;
-  e[40] !== t.secondaryLabel ? (v = t.secondaryLabel && /* @__PURE__ */ K("span", { children: t.secondaryLabel }), e[40] = t.secondaryLabel, e[41] = v) : v = e[41];
-  let L;
-  e[42] !== u || e[43] !== h || e[44] !== y || e[45] !== N || e[46] !== v ? (L = /* @__PURE__ */ D(_.span, { className: u, "aria-hidden": "true", initial: !1, animate: h, transition: y, children: [
-    N,
-    v
-  ] }), e[42] = u, e[43] = h, e[44] = y, e[45] = N, e[46] = v, e[47] = L) : L = e[47];
-  let x;
-  e[48] !== f || e[49] !== L ? (x = /* @__PURE__ */ D("span", { className: "relative w-full", children: [
-    f,
-    L
-  ] }), e[48] = f, e[49] = L, e[50] = x) : x = e[50];
-  let g;
-  e[51] !== B || e[52] !== P || e[53] !== t.description ? (g = t.description && /* @__PURE__ */ K("span", { className: G(Z({
-    descriptionAlign: B
-  }), P), children: t.description }), e[51] = B, e[52] = P, e[53] = t.description, e[54] = g) : g = e[54];
-  let C;
-  e[55] !== x || e[56] !== g || e[57] !== c ? (C = /* @__PURE__ */ D("div", { className: c, children: [
-    x,
-    g
-  ] }), e[55] = x, e[56] = g, e[57] = c, e[58] = C) : C = e[58];
-  let V;
-  return e[59] !== l || e[60] !== s || e[61] !== t.value || e[62] !== C || e[63] !== H || e[64] !== n || e[65] !== o || e[66] !== r ? (V = /* @__PURE__ */ K("button", { type: "button", role: "radio", "aria-checked": s, "data-value": Q, disabled: l, tabIndex: H, onClick: n, onKeyDown: o, className: r, children: C }, O), e[59] = l, e[60] = s, e[61] = t.value, e[62] = C, e[63] = H, e[64] = n, e[65] = o, e[66] = r, e[67] = V) : V = e[67], V;
-});
-te.displayName = "KonstructButtonGroupItem";
+    isFirst: v,
+    isLast: y
+  }), "relative", n),
+  children: /* @__PURE__ */ a("div", {
+    className: r(g({ hasDescription: f }), "relative", d),
+    children: [/* @__PURE__ */ a("span", {
+      className: "relative w-full",
+      children: [/* @__PURE__ */ a("span", {
+        className: r(o({
+          selected: !1,
+          labelAlign: m
+        }), u),
+        children: [/* @__PURE__ */ a("span", {
+          className: "flex items-center gap-2",
+          children: [e.icon, e.label]
+        }), e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })]
+      }), /* @__PURE__ */ a(L.span, {
+        className: r(o({
+          selected: !0,
+          labelAlign: m
+        }), "absolute inset-0", u),
+        "aria-hidden": "true",
+        initial: !1,
+        animate: { clipPath: k(i, t) },
+        transition: {
+          type: "tween",
+          ease: "linear",
+          duration: b
+        },
+        children: [/* @__PURE__ */ a("span", {
+          className: "flex items-center gap-2",
+          children: [e.icon, e.label]
+        }), e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })]
+      })]
+    }), e.description && /* @__PURE__ */ s("span", {
+      className: r(V({ descriptionAlign: p }), h),
+      children: e.description
+    })]
+  })
+}, e.value));
+B.displayName = "KonstructButtonGroupItem";
 export {
-  te as ButtonGroupItem
+  B as ButtonGroupItem
 };

package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.variants.js

@@ -1,5 +1,21 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const r = t(["flex", "flex-1", "items-start", "cursor-pointer", "select-none", "transition-colors", "p-2", "border-metal-700", "border-t", "border-b", "bg-transparent", "focus:outline-none", "focus-visible:ring-2", "focus-visible:ring-aurora-500", "focus-visible:ring-inset"], {
+import { t } from "../../../../dist-DtEbXv47.js";
+var r = t([
+  "flex",
+  "flex-1",
+  "items-start",
+  "cursor-pointer",
+  "select-none",
+  "transition-colors",
+  "p-2",
+  "border-metal-700",
+  "border-t",
+  "border-b",
+  "bg-transparent",
+  "focus:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-aurora-500",
+  "focus-visible:ring-inset"
+], {
   variants: {
     disabled: {
       true: "pointer-events-none opacity-50",
@@ -19,17 +35,32 @@ const r = t(["flex", "flex-1", "items-start", "cursor-pointer", "select-none", "
     isFirst: !1,
     isLast: !1
   }
-}), s = t(["flex", "flex-col", "flex-1", "rounded-lg", "px-4", "py-2"], {
-  variants: {
-    hasDescription: {
-      true: "justify-start",
-      false: "justify-center"
-    }
-  },
-  defaultVariants: {
-    hasDescription: !1
-  }
-}), n = t(["text-sm", "font-medium", "leading-5", "tracking-[0.1px]", "flex", "items-center", "gap-2", "w-full", "justify-between", "transition-colors", "ease-in-out"], {
+}), a = t([
+  "flex",
+  "flex-col",
+  "flex-1",
+  "rounded-lg",
+  "px-4",
+  "py-2"
+], {
+  variants: { hasDescription: {
+    true: "justify-start",
+    false: "justify-center"
+  } },
+  defaultVariants: { hasDescription: !1 }
+}), s = t([
+  "text-sm",
+  "font-medium",
+  "leading-5",
+  "tracking-[0.1px]",
+  "flex",
+  "items-center",
+  "gap-2",
+  "w-full",
+  "justify-between",
+  "transition-colors",
+  "ease-in-out"
+], {
   variants: {
     selected: {
       true: "text-aurora-500",
@@ -45,21 +76,23 @@ const r = t(["flex", "flex-1", "items-start", "cursor-pointer", "select-none", "
     selected: !1,
     labelAlign: "left"
   }
-}), a = t(["text-sm", "font-normal", "leading-5", "tracking-[0.15px]", "text-metal-300"], {
-  variants: {
-    descriptionAlign: {
-      left: "text-left",
-      center: "text-center",
-      right: "text-right"
-    }
-  },
-  defaultVariants: {
-    descriptionAlign: "left"
-  }
+}), i = t([
+  "text-sm",
+  "font-normal",
+  "leading-5",
+  "tracking-[0.15px]",
+  "text-metal-300"
+], {
+  variants: { descriptionAlign: {
+    left: "text-left",
+    center: "text-center",
+    right: "text-right"
+  } },
+  defaultVariants: { descriptionAlign: "left" }
 });
 export {
-  a as buttonGroupDescriptionVariants,
-  s as buttonGroupItemContentVariants,
+  i as buttonGroupDescriptionVariants,
+  a as buttonGroupItemContentVariants,
   r as buttonGroupItemVariants,
-  n as buttonGroupLabelVariants
+  s as buttonGroupLabelVariants
 };

package/dist/components/ButtonGroup/components/ButtonGroupItem/index.js

@@ -1,4 +1,4 @@
-import { ButtonGroupItem as r } from "./ButtonGroupItem.js";
+import { ButtonGroupItem as t } from "./ButtonGroupItem.js";
 export {
-  r as ButtonGroupItem
+  t as ButtonGroupItem
 };

package/dist/components/ButtonGroup/components/ButtonGroupLabel/ButtonGroupLabel.js

@@ -1,28 +1,23 @@
-import { jsx as u, jsxs as x } from "react/jsx-runtime";
-import { c as f } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as d } from "react";
-import { cn as n } from "../../../../utils/index.js";
-import { Typography as p } from "../../../Typography/Typography.js";
-const b = d((c) => {
-  const e = f.c(10), {
-    className: m,
-    htmlFor: s,
-    isRequired: l,
-    label: a,
-    requiredClassName: i
-  } = c;
-  let t;
-  e[0] !== m ? (t = n("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium", "text-metal-50", m), e[0] = m, e[1] = t) : t = e[1];
-  let r;
-  e[2] !== l || e[3] !== i ? (r = l && /* @__PURE__ */ u(p, { component: "span", className: n("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5", i), children: "*" }), e[2] = l, e[3] = i, e[4] = r) : r = e[4];
-  let o;
-  return e[5] !== s || e[6] !== a || e[7] !== t || e[8] !== r ? (o = /* @__PURE__ */ x(p, { component: "label", variant: "labelLarge", htmlFor: s, className: t, children: [
-    a,
+import { t } from "../../../../utils-DHuiYnx1.js";
+import { Typography as e } from "../../../Typography/Typography.js";
+import { memo as n } from "react";
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+var i = n(({ className: r, htmlFor: o, isRequired: a, label: m, requiredClassName: p }) => /* @__PURE__ */ l(e, {
+  component: "label",
+  variant: "labelLarge",
+  htmlFor: o,
+  className: t("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium", "text-metal-50", r),
+  children: [
+    m,
     " ",
-    r
-  ] }), e[5] = s, e[6] = a, e[7] = t, e[8] = r, e[9] = o) : o = e[9], o;
-});
-b.displayName = "KonstructButtonGroupLabel";
+    a && /* @__PURE__ */ s(e, {
+      component: "span",
+      className: t("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5", p),
+      children: "*"
+    })
+  ]
+}));
+i.displayName = "KonstructButtonGroupLabel";
 export {
-  b as ButtonGroupLabel
+  i as ButtonGroupLabel
 };

package/dist/components/ButtonGroup/components/ButtonGroupLabel/index.js

@@ -1,4 +1,4 @@
-import { ButtonGroupLabel as t } from "./ButtonGroupLabel.js";
+import { ButtonGroupLabel as r } from "./ButtonGroupLabel.js";
 export {
-  t as ButtonGroupLabel
+  r as ButtonGroupLabel
 };

package/dist/components/ButtonGroup/components/ButtonGroupMessage/ButtonGroupMessage.js

@@ -1,30 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c } from "../../../../compiler-runtime-DA41awpA.js";
-import { memo as f } from "react";
-import { cn as m } from "../../../../utils/index.js";
-import { Typography as i } from "../../../Typography/Typography.js";
-const x = f((p) => {
-  const e = c.c(10), {
-    error: o,
-    errorClassName: n,
-    helperText: s,
-    helperTextClassName: a
-  } = p;
-  if (typeof o == "string" && o.length > 0) {
-    let t;
-    e[0] !== n ? (t = m("text-xs", "tracking-normal", "text-red-400", n), e[0] = n, e[1] = t) : t = e[1];
-    let r;
-    return e[2] !== o || e[3] !== t ? (r = /* @__PURE__ */ l(i, { component: "span", className: t, children: o }), e[2] = o, e[3] = t, e[4] = r) : r = e[4], r;
-  }
-  if (s) {
-    let t;
-    e[5] !== a ? (t = m("text-xs", "text-metal-300", "select-none", "tracking-normal", a), e[5] = a, e[6] = t) : t = e[6];
-    let r;
-    return e[7] !== s || e[8] !== t ? (r = /* @__PURE__ */ l(i, { component: "span", variant: "body1", className: t, children: s }), e[7] = s, e[8] = t, e[9] = r) : r = e[9], r;
-  }
-  return null;
-});
-x.displayName = "KonstructButtonGroupMessage";
+import { t as o } from "../../../../utils-DHuiYnx1.js";
+import { Typography as e } from "../../../Typography/Typography.js";
+import { memo as s } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var p = s(({ error: t, errorClassName: a, helperText: n, helperTextClassName: m }) => typeof t == "string" && t.length > 0 ? /* @__PURE__ */ r(e, {
+  component: "span",
+  className: o("text-xs", "tracking-normal", "text-red-400", a),
+  children: t
+}) : n ? /* @__PURE__ */ r(e, {
+  component: "span",
+  variant: "body1",
+  className: o("text-xs", "text-metal-300", "select-none", "tracking-normal", m),
+  children: n
+}) : null);
+p.displayName = "KonstructButtonGroupMessage";
 export {
-  x as ButtonGroupMessage
+  p as ButtonGroupMessage
 };

package/dist/components/ButtonGroup/components/index.js

@@ -1,8 +1,8 @@
-import { ButtonGroupItem as r } from "./ButtonGroupItem/ButtonGroupItem.js";
-import { ButtonGroupLabel as p } from "./ButtonGroupLabel/ButtonGroupLabel.js";
-import { ButtonGroupMessage as m } from "./ButtonGroupMessage/ButtonGroupMessage.js";
+import { ButtonGroupItem as t } from "./ButtonGroupItem/ButtonGroupItem.js";
+import { ButtonGroupLabel as m } from "./ButtonGroupLabel/ButtonGroupLabel.js";
+import { ButtonGroupMessage as u } from "./ButtonGroupMessage/ButtonGroupMessage.js";
 export {
-  r as ButtonGroupItem,
-  p as ButtonGroupLabel,
-  m as ButtonGroupMessage
+  t as ButtonGroupItem,
+  m as ButtonGroupLabel,
+  u as ButtonGroupMessage
 };

package/dist/components/ButtonGroup/hooks/index.js

@@ -1,4 +1,4 @@
-import { useButtonGroup as t } from "./useButtonGroup.js";
+import { useButtonGroup as r } from "./useButtonGroup.js";
 export {
-  t as useButtonGroup
+  r as useButtonGroup
 };

package/dist/components/ButtonGroup/hooks/useButtonGroup.js

@@ -1,69 +1,54 @@
-import { c as C } from "../../../compiler-runtime-DA41awpA.js";
-import { useId as O, useRef as $, useState as S } from "react";
-const K = (y) => {
-  const e = C.c(20), {
-    defaultValue: m,
-    disabled: r,
-    options: o,
-    value: w,
-    onValueChange: I
-  } = y, b = O(), k = $(null), u = w !== void 0;
-  let d;
-  e[0] !== m ? (d = () => m, e[0] = m, e[1] = d) : d = e[1];
-  const [B, R] = S(d), l = u ? w : B, [D, E] = S("none");
-  let f;
-  e[2] !== o ? (f = (t) => t ? o.findIndex((a) => a.value === t) : -1, e[2] = o, e[3] = f) : f = e[3];
-  const p = f;
-  let x;
-  e[4] !== r || e[5] !== p || e[6] !== u || e[7] !== I || e[8] !== l ? (x = (t) => {
-    if (r)
-      return;
-    const a = p(l), n = p(t);
-    a !== -1 && n !== -1 && E(n > a ? "right" : "left"), u || R(t), I?.(t);
-  }, e[4] = r, e[5] = p, e[6] = u, e[7] = I, e[8] = l, e[9] = x) : x = e[9];
-  const s = x;
-  let h;
-  e[10] !== r || e[11] !== s || e[12] !== o ? (h = (t, a) => {
-    const n = o.filter((i) => !i.disabled && !r), A = n.findIndex((i) => i.value === o[a].value);
-    let c;
-    e: switch (t.key) {
-      case "ArrowRight":
-      case "ArrowDown": {
-        t.preventDefault(), c = (A + 1) % n.length;
-        break e;
+import { useCallback as d, useId as m, useRef as A, useState as D } from "react";
+var y = ({ defaultValue: g, disabled: l, options: a, value: f, onValueChange: x }) => {
+  const p = m(), I = A(null), o = f !== void 0, [k, v] = D(() => g), u = o ? f : k, [w, b] = D("none"), s = d((e) => e ? a.findIndex((n) => n.value === e) : -1, [a]), i = d((e) => {
+    if (l) return;
+    const n = s(u), t = s(e);
+    n !== -1 && t !== -1 && b(t > n ? "right" : "left"), o || v(e), x?.(e);
+  }, [
+    l,
+    s,
+    o,
+    x,
+    u
+  ]);
+  return {
+    animationDirection: w,
+    groupRef: I,
+    id: p,
+    selected: u,
+    handleKeyDown: d((e, n) => {
+      const t = a.filter((c) => !c.disabled && !l), h = t.findIndex((c) => c.value === a[n].value);
+      let r = -1;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          e.preventDefault(), r = (h + 1) % t.length;
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          e.preventDefault(), r = (h - 1 + t.length) % t.length;
+          break;
+        case "Home":
+          e.preventDefault(), r = 0;
+          break;
+        case "End":
+          e.preventDefault(), r = t.length - 1;
+          break;
+        default:
+          return;
       }
-      case "ArrowLeft":
-      case "ArrowUp": {
-        t.preventDefault(), c = (A - 1 + n.length) % n.length;
-        break e;
+      if (r >= 0) {
+        const c = t[r];
+        i(c.value), I.current?.querySelector(`[data-value="${c.value}"]`)?.focus();
       }
-      case "Home": {
-        t.preventDefault(), c = 0;
-        break e;
-      }
-      case "End": {
-        t.preventDefault(), c = n.length - 1;
-        break e;
-      }
-      default:
-        return;
-    }
-    if (c >= 0) {
-      const i = n[c];
-      s(i.value), k.current?.querySelector(`[data-value="${i.value}"]`)?.focus();
-    }
-  }, e[10] = r, e[11] = s, e[12] = o, e[13] = h) : h = e[13];
-  const v = h;
-  let g;
-  return e[14] !== D || e[15] !== v || e[16] !== s || e[17] !== b || e[18] !== l ? (g = {
-    animationDirection: D,
-    groupRef: k,
-    id: b,
-    selected: l,
-    handleKeyDown: v,
-    handleSelect: s
-  }, e[14] = D, e[15] = v, e[16] = s, e[17] = b, e[18] = l, e[19] = g) : g = e[19], g;
+    }, [
+      l,
+      i,
+      a
+    ]),
+    handleSelect: i
+  };
 };
 export {
-  K as useButtonGroup
+  y as useButtonGroup
 };

package/dist/components/Card/Card.js

@@ -1,37 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as v } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as h } from "react";
-import { cn as N } from "../../utils/index.js";
-import { cardBaseVariants as x, cardVariants as C } from "./Card.variants.js";
-const u = h((d, f) => {
-  const e = v.c(23);
-  let t, r, a, s, l, i;
-  e[0] !== d ? ({
-    className: r,
-    theme: l,
-    isActive: a,
-    canHover: t,
-    wrapperClassName: i,
-    ...s
-  } = d, e[0] = d, e[1] = t, e[2] = r, e[3] = a, e[4] = s, e[5] = l, e[6] = i) : (t = e[1], r = e[2], a = e[3], s = e[4], l = e[5], i = e[6]);
-  let m;
-  e[7] !== t || e[8] !== a || e[9] !== i ? (m = N(x({
-    canHover: t,
-    className: i,
+import { t as m } from "../../utils-DHuiYnx1.js";
+import { cardBaseVariants as f, cardVariants as p } from "./Card.variants.js";
+import { forwardRef as c } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var l = c(({ className: d, theme: o, isActive: a, canHover: r, wrapperClassName: t, ...e }, i) => /* @__PURE__ */ s("div", {
+  "data-theme": o,
+  className: m(f({
+    canHover: r,
+    className: t,
     isActive: a
-  })), e[7] = t, e[8] = a, e[9] = i, e[10] = m) : m = e[10];
-  let o;
-  e[11] !== t || e[12] !== r || e[13] !== a ? (o = N(C({
-    className: r,
-    isActive: a,
-    canHover: t
-  })), e[11] = t, e[12] = r, e[13] = a, e[14] = o) : o = e[14];
-  let c;
-  e[15] !== s || e[16] !== f || e[17] !== o ? (c = /* @__PURE__ */ n("div", { ref: f, className: o, ...s }), e[15] = s, e[16] = f, e[17] = o, e[18] = c) : c = e[18];
-  let p;
-  return e[19] !== m || e[20] !== c || e[21] !== l ? (p = /* @__PURE__ */ n("div", { "data-theme": l, className: m, children: c }), e[19] = m, e[20] = c, e[21] = l, e[22] = p) : p = e[22], p;
-});
-u.displayName = "Card";
+  })),
+  children: /* @__PURE__ */ s("div", {
+    ref: i,
+    className: m(p({
+      className: d,
+      isActive: a,
+      canHover: r
+    })),
+    ...e
+  })
+}));
+l.displayName = "Card";
 export {
-  u as Card
+  l as Card
 };

package/dist/components/Card/Card.variants.js

@@ -1,23 +1,36 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const e = r(["rounded-xl", "border", "border-gray-200", "dark:border-metal-700"], {
-  variants: {
-    isActive: {
-      true: "border-transparent",
-      false: ""
-    },
-    canHover: {
-      true: ["group", "hover:border-transparent"],
-      false: ""
-    }
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
+  "rounded-xl",
+  "border",
+  "border-gray-200",
+  "dark:border-metal-700"
+], { variants: {
+  isActive: {
+    true: "border-transparent",
+    false: ""
+  },
+  canHover: {
+    true: ["group", "hover:border-transparent"],
+    false: ""
   }
-}), o = r(["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"], {
+} }), o = r([
+  "border",
+  "border-4",
+  "p-3",
+  "text-card-foreground",
+  "rounded-xl"
+], {
   variants: {
     isActive: {
       true: ["border-aurora-500", "shadow"],
       false: "border-transparent"
     },
     canHover: {
-      true: ["cursor-pointer", "border-transparent", "group-hover:border-aurora-500"],
+      true: [
+        "cursor-pointer",
+        "border-transparent",
+        "group-hover:border-aurora-500"
+      ],
       false: ""
     }
   },