@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.114

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,25 +1,25 @@
 import { n as Q, t as c } from "../../utils-DnIJruo0.js";
-import { t as R } from "../../react-C685EsYG.js";
-import { buttonGroupPillVariants as T, buttonGroupVariants as U, buttonGroupWrapperVariants as X } from "./ButtonGroup.variants.js";
-import { ButtonGroupItem as Y } from "./components/ButtonGroupItem/ButtonGroupItem.js";
-import { ButtonGroupLabel as Z } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
-import { ButtonGroupMessage as _ } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
-import { useButtonGroup as ee } from "./hooks/useButtonGroup.js";
-import { useMemo as te } from "react";
+import { buttonGroupPillVariants as R, buttonGroupVariants as T, buttonGroupWrapperVariants as U } from "./ButtonGroup.variants.js";
+import { ButtonGroupItem as X } from "./components/ButtonGroupItem/ButtonGroupItem.js";
+import { ButtonGroupLabel as Y } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
+import { ButtonGroupMessage as Z } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
+import { useButtonGroup as _ } from "./hooks/useButtonGroup.js";
+import { useMemo as ee } from "react";
 import { jsx as a, jsxs as G } from "react/jsx-runtime";
+import { motion as te } from "motion/react";
 var ae = ({ className: g, contentClassName: B, defaultValue: I, descriptionAlign: N, descriptionClassName: x, disabled: s, duration: m, error: o, errorClassName: D, helperText: u, helperTextClassName: $, isRequired: p, itemClassName: w, itemLabelClassName: K, label: i, labelAlign: S, labelClassName: V, name: j, options: t, pillClassName: L, requiredClassName: M, theme: C, value: E, wrapperClassName: F, onValueChange: O }) => {
-  const { animationDirection: P, groupRef: W, id: n, selected: r, handleKeyDown: k, handleSelect: q } = ee({
+  const { animationDirection: P, groupRef: W, id: n, selected: r, handleKeyDown: k, handleSelect: q } = _({
     defaultValue: I,
     disabled: s ?? void 0,
     options: t,
     value: E,
     onValueChange: O
-  }), f = `${n}-label`, v = `${n}-error`, h = `${n}-helper-text`, l = typeof o == "string" && o.length > 0, z = Q(l && v, !l && !!u && h), b = t.length, y = te(() => t.findIndex((e) => e.value === r), [t, r]);
+  }), f = `${n}-label`, v = `${n}-error`, h = `${n}-helper-text`, l = typeof o == "string" && o.length > 0, z = Q(l && v, !l && !!u && h), b = t.length, y = ee(() => t.findIndex((e) => e.value === r), [t, r]);
   return /* @__PURE__ */ G("div", {
-    className: c(X(), F),
+    className: c(U(), F),
     "data-theme": C,
     children: [
-      i && /* @__PURE__ */ a(Z, {
+      i && /* @__PURE__ */ a(Y, {
         className: V,
         id: f,
         isRequired: p,
@@ -33,10 +33,10 @@ var ae = ({ className: g, contentClassName: B, defaultValue: I, descriptionAlign
         "aria-invalid": l || void 0,
         "aria-describedby": z,
         "aria-required": p || void 0,
-        className: c(U({ disabled: s }), g),
-        children: [y >= 0 && /* @__PURE__ */ a(R.div, {
+        className: c(T({ disabled: s }), g),
+        children: [y >= 0 && /* @__PURE__ */ a(te.div, {
           "aria-hidden": "true",
-          className: c(T(), L),
+          className: c(R(), L),
           initial: !1,
           animate: {
             left: `calc(${y} * (100% / ${b}) + 8px)`,
@@ -49,7 +49,7 @@ var ae = ({ className: g, contentClassName: B, defaultValue: I, descriptionAlign
           }
         }), t.map((e, d) => {
           const A = r === e.value, H = s || e.disabled, J = !!e.description;
-          return /* @__PURE__ */ a(Y, {
+          return /* @__PURE__ */ a(X, {
             animationDirection: P,
             className: w,
             contentClassName: B,
@@ -76,7 +76,7 @@ var ae = ({ className: g, contentClassName: B, defaultValue: I, descriptionAlign
         name: j,
         value: r ?? ""
       }),
-      /* @__PURE__ */ a(_, {
+      /* @__PURE__ */ a(Z, {
         error: o,
         errorClassName: D,
         errorId: v,

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

@@ -1,9 +1,9 @@
 import { t as r } from "../../../../utils-DnIJruo0.js";
-import { t as L } from "../../../../react-C685EsYG.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 { buttonGroupDescriptionVariants as L, buttonGroupItemContentVariants as V, buttonGroupItemVariants as g, buttonGroupLabelVariants as o } from "./ButtonGroupItem.variants.js";
+import { memo as w } 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", {
+import { motion as j } from "motion/react";
+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 = w(({ 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,
@@ -12,13 +12,13 @@ var k = (t, n) => n === "none" ? t ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : t
   tabIndex: i || c === 0 ? 0 : -1,
   onClick: () => !l && x(N),
   onKeyDown: (I) => G(I, c),
-  className: r(w({
+  className: r(g({
     disabled: l,
     isFirst: v,
     isLast: y
   }), "relative", n),
   children: /* @__PURE__ */ a("div", {
-    className: r(g({ hasDescription: f }), "relative", d),
+    className: r(V({ hasDescription: f }), "relative", d),
     children: [/* @__PURE__ */ a("span", {
       className: "relative w-full",
       children: [/* @__PURE__ */ a("span", {
@@ -30,7 +30,7 @@ var k = (t, n) => n === "none" ? t ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : t
           className: "flex items-center gap-2",
           children: [e.icon, e.label]
         }), e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })]
-      }), /* @__PURE__ */ a(L.span, {
+      }), /* @__PURE__ */ a(j.span, {
         className: r(o({
           selected: !0,
           labelAlign: m
@@ -49,7 +49,7 @@ var k = (t, n) => n === "none" ? t ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : t
         }), e.secondaryLabel && /* @__PURE__ */ s("span", { children: e.secondaryLabel })]
       })]
     }), e.description && /* @__PURE__ */ s("span", {
-      className: r(V({ descriptionAlign: p }), h),
+      className: r(L({ descriptionAlign: p }), h),
       children: e.description
     })]
   })

package/dist/components/Checkbox/Checkbox.js

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

package/dist/components/CheckboxCard/CheckboxCard.js

@@ -0,0 +1,52 @@
+import { t as j } from "../../Checkbox-DRdyrKjk.js";
+import { t as e } from "../../utils-DnIJruo0.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { Card as $ } from "../Card/Card.js";
+import { useId as A, useState as B } from "react";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+var F = ({ checked: i, className: p, contentClassName: h, defaultChecked: f, description: o, disabled: a = !1, id: x, label: u, name: C, theme: k, value: b, wrapperClassName: y, onChange: N }) => {
+  const g = A(), t = x ?? g, s = `${t}-label`, l = `${t}-description`, [v, I] = B(f ?? !1), n = i ?? v, w = (c) => {
+    I(c), N?.(c);
+  };
+  return /* @__PURE__ */ r($, {
+    "data-theme": k,
+    isActive: n,
+    canHover: !a,
+    wrapperClassName: e("w-full", y),
+    className: e("flex items-start p-0", a && "cursor-not-allowed opacity-50"),
+    children: /* @__PURE__ */ d("label", {
+      htmlFor: t,
+      className: e("flex w-full items-start gap-3 p-4", a ? "cursor-not-allowed" : "cursor-pointer"),
+      children: [/* @__PURE__ */ r(j, {
+        id: t,
+        name: C,
+        value: b,
+        checked: n,
+        disabled: a,
+        ariaLabelledBy: s,
+        "aria-describedby": o ? l : void 0,
+        className: e("mt-0.5 shrink-0", p),
+        onChange: w
+      }), /* @__PURE__ */ d("span", {
+        className: e("flex flex-col gap-1", h),
+        children: [/* @__PURE__ */ r(m, {
+          id: s,
+          component: "span",
+          variant: "body2",
+          className: "font-medium text-slate-800 dark:text-metal-50",
+          children: u
+        }), o ? /* @__PURE__ */ r(m, {
+          id: l,
+          component: "span",
+          variant: "body3",
+          className: "text-slate-500 dark:text-metal-400",
+          children: o
+        }) : null]
+      })]
+    })
+  });
+};
+F.displayName = "KonstructCheckboxCard";
+export {
+  F as CheckboxCard
+};

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,63 @@
+import { t as p } from "../../utils-DnIJruo0.js";
+import { useState as A } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { AnimatePresence as C, motion as f, useReducedMotion as x } from "motion/react";
+var e = [
+  0.4,
+  0,
+  0.2,
+  1
+], y = ({ children: n, className: r, collapsedMarginTop: u = 0, id: s, isOpen: t, keepMounted: h = !1, onExitComplete: v }) => {
+  const g = x(), [l, o] = A(!1), m = g ? { duration: 0 } : {
+    height: {
+      duration: 0.35,
+      ease: e
+    },
+    marginTop: {
+      duration: 0.35,
+      ease: e
+    },
+    opacity: {
+      duration: 0.25,
+      ease: e
+    }
+  }, a = {
+    opacity: 0,
+    height: 0,
+    marginTop: u
+  }, d = {
+    opacity: 1,
+    height: "auto",
+    marginTop: 0
+  }, c = t && !l ? "overflow-visible" : "overflow-hidden";
+  return h ? /* @__PURE__ */ i(f.div, {
+    id: s,
+    initial: !1,
+    animate: t ? d : a,
+    transition: m,
+    hidden: !t && !l,
+    "aria-hidden": !t || void 0,
+    className: p(c, r),
+    onAnimationStart: () => o(!0),
+    onAnimationComplete: () => o(!1),
+    children: n
+  }) : /* @__PURE__ */ i(C, {
+    initial: !1,
+    onExitComplete: v,
+    children: t ? /* @__PURE__ */ i(f.div, {
+      id: s,
+      initial: a,
+      animate: d,
+      exit: a,
+      transition: m,
+      className: p(c, r),
+      onAnimationStart: () => o(!0),
+      onAnimationComplete: () => o(!1),
+      children: n
+    }, "collapse") : null
+  });
+};
+y.displayName = "KonstructCollapse";
+export {
+  y as Collapse
+};

package/dist/components/Command/Command.js

@@ -1,6 +1,6 @@
-import { n as d } from "../../dist-DX0sBG3Q.js";
+import { t as n } from "../../dist-C_jtUTU9.js";
 import { t as o } from "../../utils-DnIJruo0.js";
-import { s, t as p } from "../../dist-f8EwfITY.js";
+import { s, t as p } from "../../dist-BqDJX7m1.js";
 import { wrapperVariants as l } from "./Command.variants.js";
 import { CommandGroup as D } from "./components/CommandGroup.js";
 import { CommandItem as v } from "./components/CommandItem.js";
@@ -9,14 +9,14 @@ import { DialogContent as f } from "./components/DialogContent.js";
 import { Command as c } from "./components/Command.js";
 import "./components/index.js";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-var I = ({ children: r, title: a, titleClassName: i, wrapperClassName: e, theme: t, ...n }) => /* @__PURE__ */ m(p, {
-  ...n,
+var I = ({ children: r, title: a, titleClassName: i, wrapperClassName: e, theme: t, ...d }) => /* @__PURE__ */ m(p, {
+  ...d,
   children: /* @__PURE__ */ h(f, {
     className: "overflow-hidden p-0 border-0 rounded-none!",
     "data-theme": t,
     children: [/* @__PURE__ */ m(s, {
       className: o("hidden", i),
-      children: /* @__PURE__ */ m(d, { children: a })
+      children: /* @__PURE__ */ m(n, { children: a })
     }), /* @__PURE__ */ m(c, {
       className: o(l({ className: e })),
       children: r

package/dist/components/Command/components/Command.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../../dist-CgzF5_J6.js";
+import { t as r } from "../../../dist-4IVGO6ZT.js";
 import { forwardRef as d } from "react";
 import { jsx as m } from "react/jsx-runtime";
 var p = d(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {

package/dist/components/Command/components/CommandEmpty.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../dist-CgzF5_J6.js";
+import { t as m } from "../../../dist-4IVGO6ZT.js";
 import { forwardRef as a } from "react";
 import { jsx as e } from "react/jsx-runtime";
 var p = a((t, r) => /* @__PURE__ */ e(m.Empty, {

package/dist/components/Command/components/CommandGroup.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-DnIJruo0.js";
-import { t as o } from "../../../dist-CgzF5_J6.js";
+import { t as o } from "../../../dist-4IVGO6ZT.js";
 import { forwardRef as p } from "react";
 import { jsx as a } from "react/jsx-runtime";
 var t = p(({ className: r, ...m }, d) => /* @__PURE__ */ a(o.Group, {

package/dist/components/Command/components/CommandInput.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-DiRv6fEA.js";
+import { t as o } from "../../../CommandInput-Du2o616y.js";
 export {
   o as CommandInput
 };

package/dist/components/Command/components/CommandItem.js

@@ -1,5 +1,5 @@
 import { t as d } from "../../../utils-DnIJruo0.js";
-import { t as a } from "../../../dist-CgzF5_J6.js";
+import { t as a } from "../../../dist-4IVGO6ZT.js";
 import { CommandContext as i } from "../contexts/Command.context.js";
 import { forwardRef as c, useCallback as l, useContext as p } from "react";
 import { jsx as u } from "react/jsx-runtime";

package/dist/components/Command/components/CommandList.js

@@ -1,5 +1,5 @@
 import { t } from "../../../utils-DnIJruo0.js";
-import { t as o } from "../../../dist-CgzF5_J6.js";
+import { t as o } from "../../../dist-4IVGO6ZT.js";
 import { forwardRef as i } from "react";
 import { jsx as s } from "react/jsx-runtime";
 var e = i(({ className: m, ...r }, a) => /* @__PURE__ */ s(o.List, {

package/dist/components/Command/components/CommandSeparator.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-DnIJruo0.js";
-import { t as r } from "../../../dist-CgzF5_J6.js";
+import { t as r } from "../../../dist-4IVGO6ZT.js";
 import { forwardRef as t } from "react";
 import { jsx as p } from "react/jsx-runtime";
 var s = t(({ className: a, ...o }, m) => /* @__PURE__ */ p(r.Separator, {

package/dist/components/Command/components/DialogContent.js

@@ -1,6 +1,6 @@
 import { t as r } from "../../../x-Vur_9PXW.js";
 import { t as d } from "../../../utils-DnIJruo0.js";
-import { n as l, o as m, r as o } from "../../../dist-f8EwfITY.js";
+import { n as l, o as m, r as o } from "../../../dist-BqDJX7m1.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { forwardRef as f } from "react";
 import { jsx as t, jsxs as a } from "react/jsx-runtime";

package/dist/components/Command/components/DialogOverlay.js

@@ -1,5 +1,5 @@
 import { t as i } from "../../../utils-DnIJruo0.js";
-import { a } from "../../../dist-f8EwfITY.js";
+import { a } from "../../../dist-BqDJX7m1.js";
 import { forwardRef as r } from "react";
 import { jsx as s } from "react/jsx-runtime";
 var d = r(({ className: t, ...e }, o) => /* @__PURE__ */ s(a, {

package/dist/components/Command/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-DiRv6fEA.js";
+import { t as o } from "../../../CommandInput-Du2o616y.js";
 import { CommandEmpty as t } from "./CommandEmpty.js";
 import { CommandGroup as a } from "./CommandGroup.js";
 import { CommandItem as n } from "./CommandItem.js";

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,110 @@
+import { t as H } from "../../Input-2M2I_H60.js";
+import { t as g } from "../../utils-DnIJruo0.js";
+import { WarningIcon as K } from "../../assets/icons/components/Warning.js";
+import { Button as C } from "../Button/Button.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { CopyButton as T } from "../CopyButton/CopyButton.js";
+import { t as l } from "../../Modal-CysTe3zL.js";
+import { useEffect as V, useId as W, useState as A } from "react";
+import { Fragment as G, jsx as e, jsxs as r } from "react/jsx-runtime";
+var J = ({ cancelLabel: N = "Cancel", children: v, className: k, confirmationInputClassName: I, confirmationInputLabel: w, confirmationPrompt: B, confirmationText: a, confirmLabel: n = "Confirm", containerClassName: j, copyLabel: D = "Copy", description: i, icon: c, isOpen: o, isPending: t = !1, pendingLabel: F, theme: S, title: $, variant: f = "danger", onClose: M, onConfirm: q }) => {
+  const s = W(), p = `${s}-title`, [u, h] = A(""), x = !!a, y = !x || u === a;
+  V(() => {
+    o && h("");
+  }, [o]);
+  const b = () => {
+    t || M();
+  }, z = (m) => {
+    m.preventDefault(), !(t || !y) && q();
+  }, E = c === void 0 ? /* @__PURE__ */ e(K, {
+    size: 24,
+    "aria-hidden": "true",
+    className: g("shrink-0", f === "danger" ? "text-red-600 dark:text-red-500" : "text-aurora-500")
+  }) : c;
+  return /* @__PURE__ */ e(l, {
+    isOpen: o,
+    theme: S,
+    showCloseButton: !1,
+    ariaLabelledBy: p,
+    containerClassName: j,
+    className: g("max-w-125 min-h-0 min-w-0 gap-0 p-6", k),
+    onClose: b,
+    children: /* @__PURE__ */ r("form", {
+      id: s,
+      noValidate: !0,
+      className: "flex flex-col gap-6",
+      onSubmit: z,
+      children: [
+        /* @__PURE__ */ r(l.Header, {
+          className: "flex items-start gap-4",
+          children: [E, /* @__PURE__ */ r("div", {
+            className: "flex min-w-0 flex-1 flex-col gap-4",
+            children: [
+              /* @__PURE__ */ e(d, {
+                id: p,
+                variant: "subtitle3",
+                component: "h2",
+                className: "text-slate-800 dark:text-slate-200",
+                children: $
+              }),
+              i ? /* @__PURE__ */ e(d, {
+                variant: "body2",
+                className: "text-slate-700 dark:text-slate-50",
+                children: i
+              }) : null,
+              v
+            ]
+          })]
+        }),
+        x ? /* @__PURE__ */ r(l.Body, {
+          className: "flex flex-col gap-2 pl-10",
+          children: [/* @__PURE__ */ e(d, {
+            variant: "body2",
+            component: "p",
+            className: "flex flex-wrap items-center gap-1 font-medium text-slate-800 dark:text-metal-50",
+            children: B ?? /* @__PURE__ */ r(G, { children: [
+              "Type",
+              /* @__PURE__ */ e(T, {
+                text: a,
+                label: a,
+                copyLabel: D,
+                className: "rounded-xs border border-gray-200 bg-gray-50 px-1 py-0.5 font-medium hover:bg-gray-100 dark:border-metal-700 dark:bg-metal-700 dark:hover:bg-metal-600",
+                children: a
+              }),
+              "to confirm"
+            ] })
+          }), /* @__PURE__ */ e(H, {
+            value: u,
+            autoComplete: "off",
+            disabled: t,
+            className: I,
+            "aria-label": w ?? `Type ${a} to confirm`,
+            onChange: (m) => {
+              h(m.target.value);
+            }
+          })]
+        }) : null,
+        /* @__PURE__ */ r(l.Footer, {
+          className: "flex justify-end gap-2",
+          children: [/* @__PURE__ */ e(C, {
+            type: "button",
+            variant: "secondary",
+            disabled: t,
+            onClick: b,
+            children: N
+          }), /* @__PURE__ */ e(C, {
+            type: "submit",
+            form: s,
+            variant: f,
+            disabled: t || !y,
+            children: t ? F ?? n : n
+          })]
+        })
+      ]
+    })
+  });
+};
+J.displayName = "KonstructConfirmDialog";
+export {
+  J as ConfirmDialog
+};

package/dist/components/CopyButton/CopyButton.js

@@ -1,31 +1,31 @@
-import { n as w } from "../../dist-DX0sBG3Q.js";
-import { t as n } from "../../utils-DnIJruo0.js";
-import { CopyIcon as N } from "../../assets/icons/components/Copy.js";
-import { a as B, i as P, n as T, o as j, r as k, t as z } from "../../dist-D5Q2IYuC.js";
+import { t as v } from "../../dist-C_jtUTU9.js";
+import { t as i } from "../../utils-DnIJruo0.js";
+import { CopyIcon as w } from "../../assets/icons/components/Copy.js";
+import { a as N, i as B, n as P, o as j, r as k, t as z } from "../../dist-vUCyiTQy.js";
 import { copyButtonVariants as D } from "./CopyButton.variants.js";
 import { useCopyToClipboard as F } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
 import { useEffect as I, useState as V } from "react";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-var $ = ({ arrowClassName: p, children: s, className: c, copiedLabel: i = "Copied!", copyLabel: l = "Copy", label: d, resetDelay: m, text: f, theme: u, tooltipClassName: h, onCopy: C, onCopyError: y, ...g }) => {
-  const [x, a] = V(!1), { copied: o, copy: O } = F({
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var $ = ({ arrowClassName: p, children: r, className: c, copiedLabel: s = "Copied!", copyLabel: l = "Copy", label: d, resetDelay: m, text: f, theme: u, tooltipClassName: h, onCopy: C, onCopyError: y, ...T }) => {
+  const [g, a] = V(!1), { copied: e, copy: x } = F({
     resetDelay: m,
     onCopy: C,
     onCopyError: y
   });
   I(() => {
-    o || a(!1);
-  }, [o]);
-  const b = async (e) => {
-    e.stopPropagation(), await O(f) && a(!0);
-  }, v = (e) => {
-    e.currentTarget.matches(":focus-visible") || e.preventDefault();
+    e || a(!1);
+  }, [e]);
+  const O = async (o) => {
+    o.stopPropagation(), await x(f) && a(!0);
+  }, b = (o) => {
+    o.currentTarget.matches(":focus-visible") || o.preventDefault();
   };
-  return /* @__PURE__ */ r(P, {
+  return /* @__PURE__ */ n(N, {
     delayDuration: 0,
-    children: [/* @__PURE__ */ r(B, {
-      open: x,
-      onOpenChange: (e) => {
-        o || a(e);
+    children: [/* @__PURE__ */ n(z, {
+      open: g,
+      onOpenChange: (o) => {
+        e || a(o);
       },
       children: [/* @__PURE__ */ t(j, {
         asChild: !0,
@@ -33,27 +33,27 @@ var $ = ({ arrowClassName: p, children: s, className: c, copiedLabel: i = "Copie
           type: "button",
           "aria-label": `${l} ${d}`,
           "data-theme": u,
-          className: n(D({
-            iconOnly: !s,
+          className: i(D({
+            iconOnly: !r,
             className: c
           })),
-          onClick: b,
-          onFocus: v,
-          ...g,
-          children: s ?? /* @__PURE__ */ t(N, {
+          onClick: O,
+          onFocus: b,
+          ...T,
+          children: r ?? /* @__PURE__ */ t(w, {
             size: 14,
             "aria-hidden": "true"
           })
         })
-      }), /* @__PURE__ */ t(k, { children: /* @__PURE__ */ r(T, {
+      }), /* @__PURE__ */ t(B, { children: /* @__PURE__ */ n(k, {
         sideOffset: 4,
-        className: n("z-70 rounded bg-slate-700 px-2 py-1 text-xs text-white shadow-md", "animate-in fade-in-0", h),
-        children: [o ? i : l, /* @__PURE__ */ t(z, { className: n("fill-slate-700", p) })]
+        className: i("z-70 rounded bg-slate-700 px-2 py-1 text-xs text-white shadow-md", "animate-in fade-in-0", h),
+        children: [e ? s : l, /* @__PURE__ */ t(P, { className: i("fill-slate-700", p) })]
       }) })]
-    }), /* @__PURE__ */ t(w, {
+    }), /* @__PURE__ */ t(v, {
       role: "status",
       "aria-live": "polite",
-      children: o ? i : ""
+      children: e ? s : ""
     })]
   });
 };

package/dist/components/Counter/Counter.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../Counter-DN50BVq6.js";
+import { t as e } from "../../Counter-DMkXIsOO.js";
 export {
   e as Counter
 };