@konstructio/ui 0.1.2-alpha.12 → 0.1.2-alpha.120

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

@@ -1,15 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-0XtjXVpJ.js";
-const r = p((t, e) => /* @__PURE__ */ o(
-  m.Empty,
-  {
-    ref: e,
-    className: "py-6 text-center text-sm",
-    ...t
-  }
-));
-r.displayName = m.Empty.displayName;
+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, {
+  ref: r,
+  className: "py-6 text-center text-sm",
+  ...t
+}));
+p.displayName = m.Empty.displayName;
 export {
-  r as CommandEmpty
+  p as CommandEmpty
 };

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

@@ -1,18 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
+import { t as e } from "../../../utils-DnIJruo0.js";
+import { t as o } from "../../../dist-4IVGO6ZT.js";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.js";
-import { cn as a } from "../../../utils/index.js";
-const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
-  o.Group,
-  {
-    ref: d,
-    className: a(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      r
-    ),
-    ...m
-  }
-));
+import { jsx as a } from "react/jsx-runtime";
+var t = p(({ className: r, ...m }, d) => /* @__PURE__ */ a(o.Group, {
+  ref: d,
+  className: e("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", r),
+  ...m
+}));
 t.displayName = o.Group.displayName;
 export {
   t as CommandGroup

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

@@ -1,84 +1,4 @@
-import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-0XtjXVpJ.js";
-import s, { forwardRef as u } from "react";
-import { cn as f } from "../../../utils/index.js";
-import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";
-import { P as a } from "../../../index-N2OStZoU.js";
-function p() {
-  return p = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var t in e)
-        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
-    }
-    return r;
-  }, p.apply(this, arguments);
-}
-function h(r, n) {
-  if (r == null) return {};
-  var e = b(r, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
-  }
-  return e;
-}
-function b(r, n) {
-  if (r == null) return {};
-  var e = {}, t = Object.keys(r), o, i;
-  for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
-  return e;
-}
-var l = u(function(r, n) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, d = h(r, ["color", "size"]);
-  return /* @__PURE__ */ s.createElement("svg", p({
-    ref: n,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ s.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /* @__PURE__ */ s.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-});
-l.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.number])
-};
-l.displayName = "Search";
-const x = u(({ className: r, ...n }, e) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: "flex items-center px-3 border-b border-neutral-900/35",
-    "cmdk-input-wrapper": "",
-    children: [
-      /* @__PURE__ */ c(l, { className: f(v({ className: r })) }),
-      /* @__PURE__ */ c(
-        m.Input,
-        {
-          ref: e,
-          className: f(g({ className: r })),
-          ...n
-        }
-      )
-    ]
-  }
-));
-x.displayName = m.Input.displayName;
+import { t as o } from "../../../CommandInput-_vujzQ6B.js";
 export {
-  x as CommandInput
+  o as CommandInput
 };

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

@@ -1,29 +1,20 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.js";
-import { cn as p } from "../../../utils/index.js";
-import { CommandContext as u } from "../contexts/Command.context.js";
-const f = i(({ className: n, onSelect: e, ...r }, a) => {
-  const { setOpen: t } = c(u), s = l(
-    (m) => {
-      e?.(m), t(!1);
-    },
-    [t, e]
-  );
-  return /* @__PURE__ */ d(
-    o.Item,
-    {
-      ref: a,
-      className: p(
-        "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        n
-      ),
-      onSelect: s,
-      ...r
-    }
-  );
+import { t as d } from "../../../utils-DnIJruo0.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";
+var f = c(({ className: o, onSelect: e, ...r }, n) => {
+  const { setOpen: t } = p(i), s = l((m) => {
+    e?.(m), t(!1);
+  }, [t, e]);
+  return /* @__PURE__ */ u(a.Item, {
+    ref: n,
+    className: d("relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", o),
+    onSelect: s,
+    ...r
+  });
 });
-f.displayName = o.Item.displayName;
+f.displayName = a.Item.displayName;
 export {
   f as CommandItem
 };

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

@@ -1,15 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.js";
-import { cn as t } from "../../../utils/index.js";
-const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
-  o.List,
-  {
-    ref: a,
-    className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
-    ...r
-  }
-));
+import { t } from "../../../utils-DnIJruo0.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, {
+  ref: a,
+  className: t("max-h-75 overflow-y-auto overflow-x-hidden", m),
+  ...r
+}));
 e.displayName = o.List.displayName;
 export {
   e as CommandList

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

@@ -1,15 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-0XtjXVpJ.js";
-import { cn as t } from "../../../utils/index.js";
-const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
-  r.Separator,
-  {
-    ref: m,
-    className: t("-mx-1 h-px border-t border-neutral-900/45 mb-2", o),
-    ...a
-  }
-));
+import { t as e } from "../../../utils-DnIJruo0.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, {
+  ref: m,
+  className: e("-mx-1 h-px border-t border-neutral-900/45 mb-2", a),
+  ...o
+}));
 s.displayName = r.Separator.displayName;
 export {
   s as CommandSeparator

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

@@ -1,19 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as r } from "../../../utils/index.js";
-const a = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ m(
-  "span",
-  {
-    className: r(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      t
-    ),
-    ...o
-  }
-);
-a.displayName = "CommandShortcut";
+import { t as o } from "../../../utils-DnIJruo0.js";
+import { jsx as a } from "react/jsx-runtime";
+var r = ({ className: t, ...m }) => /* @__PURE__ */ a("span", {
+  className: o("ml-auto text-xs tracking-widest text-muted-foreground", t),
+  ...m
+});
+r.displayName = "CommandShortcut";
 export {
-  a as CommandShortcut
+  r as CommandShortcut
 };

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

@@ -1,31 +1,22 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-amYX3uxF.js";
-import { cn as m } from "../../../utils/index.js";
+import { t as r } from "../../../x-BmNOD9Gr.js";
+import { t as d } from "../../../utils-DnIJruo0.js";
+import { n as l, o as m, r as o } from "../../../dist-BqDJX7m1.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
-import { X as c } from "../../../x-4F_5p77m.js";
-const f = i(({ className: e, children: s, ...n }, d) => /* @__PURE__ */ t(r, { children: [
-  /* @__PURE__ */ a(p, {}),
-  /* @__PURE__ */ t(
-    o,
-    {
-      ref: d,
-      className: m(
-        "fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        e
-      ),
-      ...n,
-      children: [
-        s,
-        /* @__PURE__ */ t(l, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white", children: [
-          /* @__PURE__ */ a(c, { className: "h-4 w-4" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-f.displayName = o.displayName;
+import { forwardRef as f } from "react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+var c = f(({ className: e, children: s, ...n }, i) => /* @__PURE__ */ a(m, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(o, {
+  ref: i,
+  className: d("fixed text-white left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", e),
+  ...n,
+  children: [s, /* @__PURE__ */ a(l, {
+    className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white",
+    children: [/* @__PURE__ */ t(r, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", {
+      className: "sr-only",
+      children: "Close"
+    })]
+  })]
+})] }));
+c.displayName = o.displayName;
 export {
-  f as DialogContent
+  c as DialogContent
 };

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

@@ -1,19 +1,13 @@
+import { t as i } from "../../../utils-DnIJruo0.js";
+import { a } from "../../../dist-BqDJX7m1.js";
+import { forwardRef as r } from "react";
 import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { O as a } from "../../../index-amYX3uxF.js";
-import { cn as i } from "../../../utils/index.js";
-const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
-  a,
-  {
-    ref: o,
-    className: i(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 delay-200",
-      t
-    ),
-    ...e
-  }
-));
-m.displayName = a.displayName;
+var d = r(({ className: t, ...e }, o) => /* @__PURE__ */ s(a, {
+  ref: o,
+  className: i("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 delay-200", t),
+  ...e
+}));
+d.displayName = a.displayName;
 export {
-  m as DialogOverlay
+  d as DialogOverlay
 };

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

@@ -1,20 +1,20 @@
-import { CommandEmpty as r } from "./CommandEmpty.js";
-import { CommandGroup as p } from "./CommandGroup.js";
-import { CommandInput as a } from "./CommandInput.js";
-import { CommandItem as f } from "./CommandItem.js";
+import { t as o } from "../../../CommandInput-_vujzQ6B.js";
+import { CommandEmpty as t } from "./CommandEmpty.js";
+import { CommandGroup as a } from "./CommandGroup.js";
+import { CommandItem as n } from "./CommandItem.js";
 import { CommandList as C } from "./CommandList.js";
-import { CommandSeparator as u } from "./CommandSeparator.js";
-import { CommandShortcut as I } from "./CommandShortcut.js";
-import { DialogContent as c } from "./DialogContent.js";
-import { Command as h } from "./Command.js";
+import { CommandSeparator as e } from "./CommandSeparator.js";
+import { CommandShortcut as s } from "./CommandShortcut.js";
+import { DialogContent as S } from "./DialogContent.js";
+import { Command as g } from "./Command.js";
 export {
-  h as Command,
-  r as CommandEmpty,
-  p as CommandGroup,
-  a as CommandInput,
-  f as CommandItem,
+  g as Command,
+  t as CommandEmpty,
+  a as CommandGroup,
+  o as CommandInput,
+  n as CommandItem,
   C as CommandList,
-  u as CommandSeparator,
-  I as CommandShortcut,
-  c as DialogContent
+  e as CommandSeparator,
+  s as CommandShortcut,
+  S as DialogContent
 };

package/dist/components/Command/contexts/Command.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const t = {
+var t = {
   isOpen: !1,
   setOpen: () => {
     throw new Error("onOpen is not implemented");

package/dist/components/Command/contexts/Command.provider.js

@@ -1,24 +1,22 @@
-import { CommandContext as s } from "./Command.context.js";
-import { jsx as a } from "react/jsx-runtime";
-import { useCallback as e } from "react";
-import { useToggle as p } from "../../../hooks/useToggle.js";
-const f = ({ children: t }) => {
-  const [r, o] = p(!1), n = e(
-    (l) => o(l),
-    [o]
-  ), m = e(() => o(), [o]);
-  return /* @__PURE__ */ a(
-    s.Provider,
-    {
-      value: {
-        isOpen: r,
-        setOpen: n,
-        toggleOpen: m
-      },
-      children: t
-    }
-  );
+import { useToggle as l } from "../../../hooks/useToggle.js";
+import { CommandContext as p } from "./Command.context.js";
+import { useCallback as n, useMemo as g } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var v = ({ children: m }) => {
+  const [o, e] = l(!1), t = n((a) => e(a), [e]), r = n(() => e(), [e]), s = g(() => ({
+    isOpen: o,
+    setOpen: t,
+    toggleOpen: r
+  }), [
+    o,
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ i(p.Provider, {
+    value: s,
+    children: m
+  });
 };
 export {
-  f as CommandProvider
+  v as CommandProvider
 };

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

@@ -1,6 +1,6 @@
-import { CommandContext as r } from "./Command.context.js";
+import { CommandContext as m } from "./Command.context.js";
 import { CommandProvider as t } from "./Command.provider.js";
 export {
-  r as CommandContext,
+  m as CommandContext,
   t as CommandProvider
 };

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,113 @@
+import { t as K } from "../../Input-O2bqyJKW.js";
+import { t as g } from "../../utils-DnIJruo0.js";
+import { WarningIcon as T } 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 V } from "../CopyButton/CopyButton.js";
+import { t as l } from "../../Modal-B-l4ii6w.js";
+import { useEffect as W, useId as A, useState as G } from "react";
+import { Fragment as J, jsx as e, jsxs as r } from "react/jsx-runtime";
+var L = ({ autoFocus: v, cancelLabel: N = "Cancel", children: k, className: I, confirmationInputClassName: w, confirmationInputLabel: B, confirmationPrompt: j, confirmationText: a, confirmLabel: n = "Confirm", containerClassName: D, copyLabel: F = "Copy", description: i, icon: c, isOpen: o, isPending: t = !1, pendingLabel: S, theme: $, title: M, variant: f = "danger", onClose: q, onConfirm: z }) => {
+  const s = A(), p = `${s}-title`, [u, h] = G(""), x = !!a, y = !x || u === a;
+  W(() => {
+    o && h("");
+  }, [o]);
+  const b = () => {
+    t || q();
+  }, E = (m) => {
+    m.preventDefault(), !(t || !y) && z();
+  }, H = c === void 0 ? /* @__PURE__ */ e(T, {
+    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: $,
+    autoFocus: v,
+    showCloseButton: !1,
+    closeOnOverlayClick: !1,
+    ariaLabelledBy: p,
+    containerClassName: D,
+    className: g("max-w-125 min-h-0 min-w-0 gap-0 p-6", I),
+    onClose: b,
+    children: /* @__PURE__ */ r("form", {
+      id: s,
+      noValidate: !0,
+      className: "flex flex-col gap-6",
+      onSubmit: E,
+      children: [
+        /* @__PURE__ */ r(l.Header, {
+          className: "flex items-start gap-4",
+          children: [H, /* @__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: M
+              }),
+              i ? /* @__PURE__ */ e(d, {
+                variant: "body2",
+                className: "text-slate-700 dark:text-slate-50",
+                children: i
+              }) : null,
+              k
+            ]
+          })]
+        }),
+        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: j ?? /* @__PURE__ */ r(J, { children: [
+              "Type",
+              /* @__PURE__ */ e(V, {
+                text: a,
+                label: a,
+                copyLabel: F,
+                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(K, {
+            value: u,
+            autoComplete: "off",
+            disabled: t,
+            className: w,
+            "aria-label": B ?? `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,
+            "data-autofocus": !0,
+            onClick: b,
+            children: N
+          }), /* @__PURE__ */ e(C, {
+            type: "submit",
+            form: s,
+            variant: f,
+            disabled: t || !y,
+            children: t ? S ?? n : n
+          })]
+        })
+      ]
+    })
+  });
+};
+L.displayName = "KonstructConfirmDialog";
+export {
+  L as ConfirmDialog
+};

package/dist/components/CopyButton/CopyButton.js

@@ -0,0 +1,63 @@
+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 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(() => {
+    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__ */ n(N, {
+    delayDuration: 0,
+    children: [/* @__PURE__ */ n(z, {
+      open: g,
+      onOpenChange: (o) => {
+        e || a(o);
+      },
+      children: [/* @__PURE__ */ t(j, {
+        asChild: !0,
+        children: /* @__PURE__ */ t("button", {
+          type: "button",
+          "aria-label": `${l} ${d}`,
+          "data-theme": u,
+          className: i(D({
+            iconOnly: !r,
+            className: c
+          })),
+          onClick: O,
+          onFocus: b,
+          ...T,
+          children: r ?? /* @__PURE__ */ t(w, {
+            size: 14,
+            "aria-hidden": "true"
+          })
+        })
+      }), /* @__PURE__ */ t(B, { children: /* @__PURE__ */ n(k, {
+        sideOffset: 4,
+        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(v, {
+      role: "status",
+      "aria-live": "polite",
+      children: e ? s : ""
+    })]
+  });
+};
+$.displayName = "KonstructCopyButton";
+export {
+  $ as CopyButton
+};