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

package/dist/index-C7zAY3xv.js

@@ -0,0 +1,139 @@
+import { jsx as i, Fragment as O, jsxs as w } from "react/jsx-runtime";
+import * as l from "react";
+import { forwardRef as I } from "react";
+import { c as x, b as M } from "./index--l0zux8V.js";
+import { u } from "./index-DLcqcWxM.js";
+import { T as L, c as A, R as $, P as F, O as B, W as G, C as W, d as j, e as Y, b as f } from "./index-DWyM654o.js";
+import { Button as k } from "./components/Button/Button.js";
+import { cn as q } from "./utils/index.js";
+var H = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function V(r) {
+  const e = ({ children: o }) => /* @__PURE__ */ i(O, { children: o });
+  return e.displayName = `${r}.Slottable`, e.__radixId = H, e;
+}
+var v = "AlertDialog", [z] = M(v, [
+  A
+]), s = A(), m = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
+  return /* @__PURE__ */ i($, { ...t, ...o, modal: !0 });
+};
+m.displayName = v;
+var J = "AlertDialogTrigger", D = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(L, { ...a, ...t, ref: e });
+  }
+);
+D.displayName = J;
+var K = "AlertDialogPortal", _ = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
+  return /* @__PURE__ */ i(F, { ...t, ...o });
+};
+_.displayName = K;
+var Q = "AlertDialogOverlay", y = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(B, { ...a, ...t, ref: e });
+  }
+);
+y.displayName = Q;
+var c = "AlertDialogContent", [U, X] = z(c), Z = /* @__PURE__ */ V("AlertDialogContent"), N = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, children: t, ...a } = r, p = s(o), n = l.useRef(null), P = u(e, n), g = l.useRef(null);
+    return /* @__PURE__ */ i(
+      G,
+      {
+        contentName: c,
+        titleName: R,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(U, { scope: o, cancelRef: g, children: /* @__PURE__ */ w(
+          W,
+          {
+            role: "alertdialog",
+            ...p,
+            ...a,
+            ref: P,
+            onOpenAutoFocus: x(a.onOpenAutoFocus, (d) => {
+              d.preventDefault(), g.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (d) => d.preventDefault(),
+            onInteractOutside: (d) => d.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(Z, { children: t }),
+              /* @__PURE__ */ i(re, { contentRef: n })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+N.displayName = c;
+var R = "AlertDialogTitle", h = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(j, { ...a, ...t, ref: e });
+  }
+);
+h.displayName = R;
+var C = "AlertDialogDescription", E = l.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+  return /* @__PURE__ */ i(Y, { ...a, ...t, ref: e });
+});
+E.displayName = C;
+var ee = "AlertDialogAction", S = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(f, { ...a, ...t, ref: e });
+  }
+);
+S.displayName = ee;
+var T = "AlertDialogCancel", b = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), p = s(o), n = u(e, a);
+    return /* @__PURE__ */ i(f, { ...p, ...t, ref: n });
+  }
+);
+b.displayName = T;
+var re = ({ contentRef: r }) => {
+  const e = `\`${c}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${c}\` by passing a \`${C}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return l.useEffect(() => {
+    document.getElementById(
+      r.current?.getAttribute("aria-describedby")
+    ) || console.warn(e);
+  }, [e, r]), null;
+}, pe = m, oe = D, de = _, ge = y, ue = N, Ae = S, fe = b, ve = h, me = E;
+const De = I(
+  ({ "data-theme": r, className: e, text: o, variant: t, onOpen: a, onClick: p }, n) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
+    k,
+    {
+      ref: n,
+      type: "button",
+      variant: t,
+      "data-theme": r,
+      className: q(e),
+      onClick: () => {
+        a(), p?.();
+      },
+      children: o
+    }
+  ) })
+);
+export {
+  De as A,
+  ue as C,
+  me as D,
+  ge as O,
+  de as P,
+  pe as R,
+  ve as T,
+  fe as a,
+  Ae as b
+};

package/dist/{index-kTGTSLpq.js → index-Cmf-IG4l.js}

@@ -1,5 +1,5 @@
 import * as s from "react";
-import { b as K, P as C, c as I, a as L } from "./index--l0zux8V.js";
+import { P as C, c as I, b as K, a as L } from "./index--l0zux8V.js";
 import { c as ce } from "./index-CJnS4BVW.js";
 import { u as ie } from "./index-DLcqcWxM.js";
 import { u as O } from "./index-BKMaItIC.js";

package/dist/{index-Dy4FVowi.js → index-CrCTywU1.js}

@@ -1,4 +1,4 @@
-import { R as Ee, P as ke, O as Se, C as Ie } from "./index-C6mt--X_.js";
+import { R as Ee, P as ke, O as Se, C as Ie } from "./index-DWyM654o.js";
 import * as n from "react";
 import { P as C } from "./index--l0zux8V.js";
 import { u as P } from "./index-BKMaItIC.js";

package/dist/{index-C6mt--X_.js → index-DWyM654o.js}

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { P as O, a as Ee, c as _, b as ye, e as he } from "./index--l0zux8V.js";
+import { P as O, c as _, b as Ee, a as ye, e as he } from "./index--l0zux8V.js";
 import { u as F, c as Ce } from "./index-DLcqcWxM.js";
 import { u as w } from "./index-BKMaItIC.js";
 import { P as De, D as be } from "./index-BvEpLnOv.js";
@@ -240,7 +240,7 @@ function Ge(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var M = "Dialog", [te, at] = ye(M), [Ve, y] = te(M), ne = (e) => {
+var M = "Dialog", [te, at] = Ee(M), [Ve, y] = te(M), ne = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -248,7 +248,7 @@ var M = "Dialog", [te, at] = ye(M), [Ve, y] = te(M), ne = (e) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = e, s = i.useRef(null), v = i.useRef(null), [p, E] = Ee({
+  } = e, s = i.useRef(null), v = i.useRef(null), [p, E] = ye({
     prop: o,
     defaultProp: r ?? !1,
     onChange: a,
@@ -470,8 +470,8 @@ export {
   it as R,
   ct as T,
   st as W,
-  vt as a,
-  se as b,
+  se as a,
+  vt as b,
   at as c,
   dt as d,
   pt as e

package/dist/{index-B9v5VxE2.js → index-Jr0cra7i.js}

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { P as T, b as ce, a as le, c as _ } from "./index--l0zux8V.js";
+import { a as ce, c as _, P as T, b as le } from "./index--l0zux8V.js";
 import { u as M } from "./index-DLcqcWxM.js";
 import { u as de } from "./index-BdMNhZnh.js";
 import { u as ue } from "./index-BZPx6jYI.js";
@@ -14,7 +14,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, C = "Slider", [N, pe, he] = me(C), [W] = ce(C, [
+}, C = "Slider", [N, pe, he] = me(C), [W] = le(C, [
   he
 ]), [ge, V] = W(C), q = l.forwardRef(
   (e, t) => {
@@ -35,7 +35,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: v = !1,
       form: y,
       ...h
-    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], K] = le({
+    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [S = [], K] = ce({
       prop: p,
       defaultProp: w,
       onChange: (R) => {
@@ -424,8 +424,8 @@ function Ce(e, t) {
 }
 var ze = q, He = te, Ne = ne, Le = oe;
 export {
-  Ne as R,
+  ze as R,
   He as T,
-  Le as a,
-  ze as b
+  Ne as a,
+  Le as b
 };

package/dist/{index-CiACf4ao.js → index-mPinF0Ho.js}

@@ -1,6 +1,6 @@
 import * as g from "react";
 import { useLayoutEffect as jt } from "react";
-import { P as ce, b as tt, u as ze, c as J, a as Yt } from "./index--l0zux8V.js";
+import { P as ce, b as tt, u as ze, a as Yt, c as J } from "./index--l0zux8V.js";
 import { u as we } from "./index-DLcqcWxM.js";
 import { D as Xt, P as Gt } from "./index-BvEpLnOv.js";
 import { u as qt } from "./index-BKMaItIC.js";
@@ -1878,8 +1878,8 @@ var er = Ot, tr = Et, nr = St, or = Lt, rr = Dt, ir = kt;
 export {
   ir as A,
   rr as C,
-  or as P,
+  er as P,
   tr as R,
   nr as T,
-  er as a
+  or as a
 };

package/dist/index.js

@@ -27,7 +27,7 @@ import { LineChart as or } from "./components/LineChart/LineChart.js";
 import { List as tr } from "./components/Tabs/components/List.js";
 import { Loading as mr } from "./components/Loading/Loading.js";
 import { Logo as xr } from "./components/Sidebar/components/Logo/Logo.js";
-import { M as nr } from "./Modal-h5H4yxYg.js";
+import { M as nr } from "./Modal-DAWdufZ_.js";
 import { MultiSelectDropdown as sr } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
 import { Navigation as dr } from "./components/Sidebar/components/Navigation/Navigation.js";
 import { NavigationGroup as gr } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.76",
+  "version": "0.1.2-alpha.77",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -180,7 +180,6 @@
     "tailwindcss": "^4.2.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "babel-plugin-react-compiler": "^1.0.0",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",

package/dist/utils/index.js

@@ -2913,7 +2913,9 @@ const je = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Ao = /* @__PURE__ */ ro(Co), Ro = (...e) => Ao(Ee(e)), Io = (e, t) => e.filter((o) => o.toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1), Mo = !!(typeof window < "u" && window.document && window.document.createElement), Po = (e) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || e;
+}, Ao = /* @__PURE__ */ ro(Co), Ro = (...e) => Ao(Ee(e)), Io = (e, t) => e.filter(
+  (o) => o.toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1
+), Mo = !!(typeof window < "u" && window.document && window.document.createElement), Po = (e) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || e;
 export {
   Ro as cn,
   Io as filterByValue,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.77",
+  "version": "0.1.2-alpha.78",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -180,7 +180,6 @@
     "tailwindcss": "^4.2.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "babel-plugin-react-compiler": "^1.0.0",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",

package/dist/AdditionalOptions-DiXvUzhu.js

@@ -1,42 +0,0 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { c as b } from "./compiler-runtime-DA41awpA.js";
-import { S as m } from "./index-BvoZGpli.js";
-import { Fragment as g } from "react";
-import { cn as O } from "./utils/index.js";
-import { listGroupLabelVariants as x } from "./components/Select/components/List/List.variants.js";
-import { additionalOptionSlotClassName as d } from "./components/Select/components/AdditionalOptions/AdditionalOptions.variants.js";
-import { useSelectContext as G } from "./components/Select/contexts/select.hook.js";
-const R = (i) => "groupLabel" in i, L = (i) => typeof i == "object" && i !== null && "groupLabel" in i && "options" in i, V = (i) => {
-  const o = b.c(10), {
-    additionalOptions: a
-  } = i, {
-    toggleOpen: t
-  } = G();
-  if (!a?.length)
-    return null;
-  if (L(a[0])) {
-    const e = a;
-    let n;
-    if (o[0] !== e || o[1] !== t) {
-      let r;
-      o[3] !== t ? (r = (c) => /* @__PURE__ */ h(g, { children: [
-        /* @__PURE__ */ l("li", { role: "presentation", "aria-hidden": "true", "data-action": "true", className: O(x()), children: c.groupLabel }),
-        c.options.map((u, f) => /* @__PURE__ */ l("li", { role: "option", "data-action": "true", onClick: () => t(!1), children: /* @__PURE__ */ l(m, { className: d, children: u }) }, f))
-      ] }, c.groupLabel), o[3] = t, o[4] = r) : r = o[4], n = e.map(r), o[0] = e, o[1] = t, o[2] = n;
-    } else
-      n = o[2];
-    return n;
-  }
-  const p = a;
-  let s;
-  if (o[5] !== p || o[6] !== t) {
-    let e;
-    o[8] !== t ? (e = (n, r) => /* @__PURE__ */ l("li", { role: "option", "data-action": "true", onClick: () => t(!1), children: /* @__PURE__ */ l(m, { className: d, children: n }) }, r), o[8] = t, o[9] = e) : e = o[9], s = p.map(e), o[5] = p, o[6] = t, o[7] = s;
-  } else
-    s = o[7];
-  return s;
-};
-export {
-  V as A,
-  R as i
-};

package/dist/Modal-h5H4yxYg.js

@@ -1,128 +0,0 @@
-import { Body as D } from "./components/Modal/components/Body/Body.js";
-import { Footer as M } from "./components/Modal/components/Footer/Footer.js";
-import { Header as O } from "./components/Modal/components/Header/Header.js";
-import { jsxs as E, jsx as k, Fragment as W } from "react/jsx-runtime";
-import { c as j } from "./compiler-runtime-DA41awpA.js";
-import { Children as A, isValidElement as F, useRef as $, useState as z, useEffect as _ } from "react";
-import { createPortal as I } from "react-dom";
-import { R as K } from "./index-BKjcReYh.js";
-import { R as L } from "./Combination-BtmnusWq.js";
-import { cn as V } from "./utils/index.js";
-import { modalVariants as P, buttonCloseVariants as T } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X } from "./x-Eoa9FJjA.js";
-import { m as q } from "./proxy-BGrSEZuV.js";
-const G = (o) => {
-  const e = j.c(32), {
-    buttonCloseClassName: r,
-    children: t,
-    className: i,
-    containerClassName: n,
-    showCloseButton: s,
-    theme: C,
-    transition: b,
-    onClose: f
-  } = o, p = s === void 0 ? !0 : s;
-  let c;
-  e[0] !== t ? (c = A.toArray(t).find(J), e[0] = t, e[1] = c) : c = e[1];
-  const u = c;
-  let m;
-  e[2] !== t ? (m = A.toArray(t).find(Q), e[2] = t, e[3] = m) : m = e[3];
-  const N = m;
-  let l;
-  e[4] !== t ? (l = A.toArray(t).find(U), e[4] = t, e[5] = l) : l = e[5];
-  const y = l;
-  let a;
-  e[6] !== t ? (a = A.toArray(t).filter(Y), e[6] = t, e[7] = a) : a = e[7];
-  const H = a;
-  let h;
-  e[8] !== n ? (h = V("fixed inset-0 grid place-content-center", n), e[8] = n, e[9] = h) : h = e[9];
-  let R;
-  e[10] !== f ? (R = /* @__PURE__ */ k("div", { className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0", onClick: f, role: "presentation" }), e[10] = f, e[11] = R) : R = e[11];
-  let g;
-  e[12] !== i ? (g = V(P({
-    className: i
-  })), e[12] = i, e[13] = g) : g = e[13];
-  let w;
-  e[14] !== b ? (w = b ?? {
-    duration: 0.25,
-    ease: "easeInOut"
-  }, e[14] = b, e[15] = w) : w = e[15];
-  let v;
-  e[16] !== r || e[17] !== f || e[18] !== p ? (v = p && /* @__PURE__ */ E("button", { className: V(T({
-    className: r
-  })), onClick: f, children: [
-    /* @__PURE__ */ k(X, {}),
-    /* @__PURE__ */ k(K, { children: "Dismiss modal" })
-  ] }), e[16] = r, e[17] = f, e[18] = p, e[19] = v) : v = e[19];
-  const S = N ?? H;
-  let B;
-  e[20] !== y || e[21] !== u || e[22] !== v || e[23] !== S || e[24] !== g || e[25] !== w ? (B = /* @__PURE__ */ E(q.div, { className: g, role: "dialog", "aria-modal": "true", layout: "size", transition: w, children: [
-    u,
-    v,
-    S,
-    y
-  ] }), e[20] = y, e[21] = u, e[22] = v, e[23] = S, e[24] = g, e[25] = w, e[26] = B) : B = e[26];
-  let x;
-  return e[27] !== B || e[28] !== h || e[29] !== R || e[30] !== C ? (x = /* @__PURE__ */ k(L, { children: /* @__PURE__ */ E("div", { className: h, "data-theme": C, children: [
-    R,
-    B
-  ] }) }), e[27] = B, e[28] = h, e[29] = R, e[30] = C, e[31] = x) : x = e[31], x;
-};
-function J(o) {
-  return F(o) && o.type === d.Header;
-}
-function Q(o) {
-  return F(o) && o.type === d.Body;
-}
-function U(o) {
-  return F(o) && o.type === d.Footer;
-}
-function Y(o) {
-  return !F(o) || ![d.Header, d.Body, d.Footer].includes(o.type);
-}
-const d = (o) => {
-  const e = j.c(23);
-  let r, t, i, n, s;
-  e[0] !== o ? ({
-    isOpen: i,
-    onClose: n,
-    container: r,
-    theme: s,
-    ...t
-  } = o, e[0] = o, e[1] = r, e[2] = t, e[3] = i, e[4] = n, e[5] = s) : (r = e[1], t = e[2], i = e[3], n = e[4], s = e[5]);
-  const C = $(null), [b, f] = z(null);
-  let p, c;
-  e[6] !== r || e[7] !== s ? (p = () => {
-    if (!C.current || s || r)
-      return;
-    const a = C.current.closest("[data-theme]");
-    a && f(a);
-  }, c = [s, r], e[6] = r, e[7] = s, e[8] = p, e[9] = c) : (p = e[8], c = e[9]), _(p, c);
-  let u, m;
-  e[10] !== n ? (u = () => {
-    const a = new AbortController(), H = (h) => {
-      h.code === "Escape" && n?.();
-    };
-    return window.addEventListener("keydown", H, {
-      signal: a.signal
-    }), () => {
-      a.abort();
-    };
-  }, m = [n], e[10] = n, e[11] = u, e[12] = m) : (u = e[11], m = e[12]), _(u, m);
-  let N;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ k("span", { ref: C, "data-testid": "modal-anchor", hidden: !0 }), e[13] = N) : N = e[13];
-  let l;
-  e[14] !== r || e[15] !== t || e[16] !== i || e[17] !== n || e[18] !== s || e[19] !== b ? (l = i && I(/* @__PURE__ */ k(G, { ...t, theme: s, onClose: n }), r || b || document.body), e[14] = r, e[15] = t, e[16] = i, e[17] = n, e[18] = s, e[19] = b, e[20] = l) : l = e[20];
-  let y;
-  return e[21] !== l ? (y = /* @__PURE__ */ E(W, { children: [
-    N,
-    l
-  ] }), e[21] = l, e[22] = y) : y = e[22], y;
-};
-d.Header = O;
-d.Body = D;
-d.Footer = M;
-export {
-  d as M,
-  G as W
-};

package/dist/compiler-runtime-DA41awpA.js

@@ -1,36 +0,0 @@
-import p from "react";
-var e = { exports: {} }, t = {};
-var a;
-function s() {
-  if (a) return t;
-  a = 1;
-  var o = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  return t.c = function(r) {
-    return o.H.useMemoCache(r);
-  }, t;
-}
-var n = {};
-var u;
-function m() {
-  return u || (u = 1, process.env.NODE_ENV !== "production" && (function() {
-    var o = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    n.c = function(r) {
-      var i = o.H;
-      return i === null && console.error(
-        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
-      ), i.useMemoCache(r);
-    };
-  })()), n;
-}
-var c;
-function l() {
-  return c || (c = 1, process.env.NODE_ENV === "production" ? e.exports = /* @__PURE__ */ s() : e.exports = /* @__PURE__ */ m()), e.exports;
-}
-var _ = /* @__PURE__ */ l();
-export {
-  _ as c
-};

package/dist/index-0g-eSmV1.js

@@ -1,142 +0,0 @@
-import { jsx as i, Fragment as x, jsxs as I } from "react/jsx-runtime";
-import { c as M } from "./compiler-runtime-DA41awpA.js";
-import * as s from "react";
-import { forwardRef as $ } from "react";
-import { b as L, c as F } from "./index--l0zux8V.js";
-import { u as f } from "./index-DLcqcWxM.js";
-import { a as v, T as B, c as D, O as G, W, C as j, d as k, e as Y, R as q, P as H } from "./index-C6mt--X_.js";
-import { Button as V } from "./components/Button/Button.js";
-import { cn as z } from "./utils/index.js";
-var J = /* @__PURE__ */ Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function K(r) {
-  const o = ({ children: e }) => /* @__PURE__ */ i(x, { children: e });
-  return o.displayName = `${r}.Slottable`, o.__radixId = J, o;
-}
-var _ = "AlertDialog", [Q] = L(_, [
-  D
-]), n = D(), y = (r) => {
-  const { __scopeAlertDialog: o, ...e } = r, t = n(o);
-  return /* @__PURE__ */ i(q, { ...t, ...e, modal: !0 });
-};
-y.displayName = _;
-var U = "AlertDialogTrigger", N = s.forwardRef(
-  (r, o) => {
-    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
-    return /* @__PURE__ */ i(B, { ...a, ...t, ref: o });
-  }
-);
-N.displayName = U;
-var X = "AlertDialogPortal", R = (r) => {
-  const { __scopeAlertDialog: o, ...e } = r, t = n(o);
-  return /* @__PURE__ */ i(H, { ...t, ...e });
-};
-R.displayName = X;
-var Z = "AlertDialogOverlay", h = s.forwardRef(
-  (r, o) => {
-    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
-    return /* @__PURE__ */ i(G, { ...a, ...t, ref: o });
-  }
-);
-h.displayName = Z;
-var u = "AlertDialogContent", [ee, oe] = Q(u), re = /* @__PURE__ */ K("AlertDialogContent"), C = s.forwardRef(
-  (r, o) => {
-    const { __scopeAlertDialog: e, children: t, ...a } = r, p = n(e), c = s.useRef(null), m = f(o, c), d = s.useRef(null);
-    return /* @__PURE__ */ i(
-      W,
-      {
-        contentName: u,
-        titleName: E,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(ee, { scope: e, cancelRef: d, children: /* @__PURE__ */ I(
-          j,
-          {
-            role: "alertdialog",
-            ...p,
-            ...a,
-            ref: m,
-            onOpenAutoFocus: F(a.onOpenAutoFocus, (l) => {
-              l.preventDefault(), d.current?.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (l) => l.preventDefault(),
-            onInteractOutside: (l) => l.preventDefault(),
-            children: [
-              /* @__PURE__ */ i(re, { children: t }),
-              /* @__PURE__ */ i(ae, { contentRef: c })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-C.displayName = u;
-var E = "AlertDialogTitle", T = s.forwardRef(
-  (r, o) => {
-    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
-    return /* @__PURE__ */ i(k, { ...a, ...t, ref: o });
-  }
-);
-T.displayName = E;
-var S = "AlertDialogDescription", b = s.forwardRef((r, o) => {
-  const { __scopeAlertDialog: e, ...t } = r, a = n(e);
-  return /* @__PURE__ */ i(Y, { ...a, ...t, ref: o });
-});
-b.displayName = S;
-var te = "AlertDialogAction", P = s.forwardRef(
-  (r, o) => {
-    const { __scopeAlertDialog: e, ...t } = r, a = n(e);
-    return /* @__PURE__ */ i(v, { ...a, ...t, ref: o });
-  }
-);
-P.displayName = te;
-var O = "AlertDialogCancel", w = s.forwardRef(
-  (r, o) => {
-    const { __scopeAlertDialog: e, ...t } = r, { cancelRef: a } = oe(O, e), p = n(e), c = f(o, a);
-    return /* @__PURE__ */ i(v, { ...p, ...t, ref: c });
-  }
-);
-w.displayName = O;
-var ae = ({ contentRef: r }) => {
-  const o = `\`${u}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${u}\` by passing a \`${S}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${u}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return s.useEffect(() => {
-    document.getElementById(
-      r.current?.getAttribute("aria-describedby")
-    ) || console.warn(o);
-  }, [o, r]), null;
-}, me = y, ie = N, Ae = R, fe = h, ve = C, De = P, _e = w, ye = T, Ne = b;
-const Re = $((r, o) => {
-  const e = M.c(12), {
-    "data-theme": t,
-    className: a,
-    text: p,
-    variant: c,
-    onOpen: m,
-    onClick: d
-  } = r;
-  let l;
-  e[0] !== a ? (l = z(a), e[0] = a, e[1] = l) : l = e[1];
-  let g;
-  e[2] !== d || e[3] !== m ? (g = () => {
-    m(), d?.();
-  }, e[2] = d, e[3] = m, e[4] = g) : g = e[4];
-  let A;
-  return e[5] !== t || e[6] !== o || e[7] !== l || e[8] !== g || e[9] !== p || e[10] !== c ? (A = /* @__PURE__ */ i(ie, { asChild: !0, children: /* @__PURE__ */ i(V, { ref: o, type: "button", variant: c, "data-theme": t, className: l, onClick: g, children: p }) }), e[5] = t, e[6] = o, e[7] = l, e[8] = g, e[9] = p, e[10] = c, e[11] = A) : A = e[11], A;
-});
-export {
-  Re as A,
-  _e as C,
-  Ne as D,
-  fe as O,
-  Ae as P,
-  me as R,
-  ye as T,
-  De as a,
-  ve as b
-};