@konstructio/ui 0.0.13-alpha.2 → 0.1.0-alpha.3

package/dist/{index-DvFiic6N.js → index-Ud3-A7-K.js}

@@ -1,20 +1,14 @@
 import * as i from "react";
-import { u as Ee, d as j, a as he, c as ye, b as _, e as De } from "./index-bYyfdsls.js";
-import { u as S, c as be } from "./index-Bk324h27.js";
-import { P as Ce, D as Re } from "./index-YaQrdkGE.js";
-import { P as N } from "./index-g-TFwd6Y.js";
+import { a as Ee, c as he, b as _, d as ye } from "./index-Cq1I1cG9.js";
+import { u as S, c as De } from "./index-tIydFizp.js";
+import { u as w } from "./index-Cs8Lv8Wj.js";
+import { P as be, D as Ce } from "./index-CQ6ORxI_.js";
+import { P as N } from "./index-ObZsP5Eh.js";
+import { u as j } from "./index-DwYXX2sM.js";
 import { jsx as f, jsxs as q, Fragment as B } from "react/jsx-runtime";
-import { P as W } from "./index-G_6jG4Qc.js";
+import { P as U } from "./index-Y44iCJcQ.js";
 import { R as Ae } from "./Combination-b348x__d.js";
-var Ne = i[" useId ".trim().toString()] || (() => {
-}), Oe = 0;
-function M(e) {
-  const [n, t] = i.useState(Ne());
-  return Ee(() => {
-    t((o) => o ?? String(Oe++));
-  }, [e]), n ? `radix-${n}` : "";
-}
-var x = "focusScope.autoFocusOnMount", w = "focusScope.autoFocusOnUnmount", V = { bubbles: !1, cancelable: !0 }, _e = "FocusScope", Q = i.forwardRef((e, n) => {
+var x = "focusScope.autoFocusOnMount", L = "focusScope.autoFocusOnUnmount", V = { bubbles: !1, cancelable: !0 }, Re = "FocusScope", Q = i.forwardRef((e, n) => {
   const {
     loop: t = !1,
     trapped: o = !1,
@@ -42,8 +36,8 @@ var x = "focusScope.autoFocusOnMount", w = "focusScope.autoFocusOnUnmount", V =
         y !== null && (s.contains(y) || C(u.current, { select: !0 }));
       }, v = function(D) {
         if (document.activeElement === document.body)
-          for (const H of D)
-            H.removedNodes.length > 0 && C(s);
+          for (const $ of D)
+            $.removedNodes.length > 0 && C(s);
       };
       document.addEventListener("focusin", l), document.addEventListener("focusout", b);
       const O = new MutationObserver(v);
@@ -57,36 +51,36 @@ var x = "focusScope.autoFocusOnMount", w = "focusScope.autoFocusOnUnmount", V =
       const l = document.activeElement;
       if (!s.contains(l)) {
         const v = new CustomEvent(x, V);
-        s.addEventListener(x, m), s.dispatchEvent(v), v.defaultPrevented || (Ie(Me(X(s)), { select: !0 }), document.activeElement === l && C(s));
+        s.addEventListener(x, m), s.dispatchEvent(v), v.defaultPrevented || (Ne(Ie(X(s)), { select: !0 }), document.activeElement === l && C(s));
       }
       return () => {
         s.removeEventListener(x, m), setTimeout(() => {
-          const v = new CustomEvent(w, V);
-          s.addEventListener(w, h), s.dispatchEvent(v), v.defaultPrevented || C(l ?? document.body, { select: !0 }), s.removeEventListener(w, h), Z.remove(p);
+          const v = new CustomEvent(L, V);
+          s.addEventListener(L, h), s.dispatchEvent(v), v.defaultPrevented || C(l ?? document.body, { select: !0 }), s.removeEventListener(L, h), Z.remove(p);
         }, 0);
       };
     }
   }, [s, m, h, p]);
-  const I = i.useCallback(
+  const P = i.useCallback(
     (l) => {
       if (!t && !o || p.paused) return;
       const b = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, v = document.activeElement;
       if (b && v) {
-        const O = l.currentTarget, [D, y] = Pe(O);
+        const O = l.currentTarget, [D, y] = Oe(O);
         D && y ? !l.shiftKey && v === y ? (l.preventDefault(), t && C(D, { select: !0 })) : l.shiftKey && v === D && (l.preventDefault(), t && C(y, { select: !0 })) : v === O && l.preventDefault();
       }
     },
     [t, o, p.paused]
   );
-  return /* @__PURE__ */ f(N.div, { tabIndex: -1, ...c, ref: d, onKeyDown: I });
+  return /* @__PURE__ */ f(N.div, { tabIndex: -1, ...c, ref: d, onKeyDown: P });
 });
-Q.displayName = _e;
-function Ie(e, { select: n = !1 } = {}) {
+Q.displayName = Re;
+function Ne(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
     if (C(o, { select: n }), document.activeElement !== t) return;
 }
-function Pe(e) {
+function Oe(e) {
   const n = X(e), t = Y(n, e), o = Y(n.reverse(), e);
   return [t, o];
 }
@@ -102,9 +96,9 @@ function X(e) {
 }
 function Y(e, n) {
   for (const t of e)
-    if (!Te(t, { upTo: n })) return t;
+    if (!_e(t, { upTo: n })) return t;
 }
-function Te(e, { upTo: n }) {
+function _e(e, { upTo: n }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (n !== void 0 && e === n) return !1;
@@ -113,17 +107,17 @@ function Te(e, { upTo: n }) {
   }
   return !1;
 }
-function Fe(e) {
+function Pe(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function C(e, { select: n = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && Fe(e) && n && e.select();
+    e.focus({ preventScroll: !0 }), e !== t && Pe(e) && n && e.select();
   }
 }
-var Z = Se();
-function Se() {
+var Z = Te();
+function Te() {
   let e = [];
   return {
     add(n) {
@@ -140,15 +134,15 @@ function z(e, n) {
   const t = [...e], o = t.indexOf(n);
   return o !== -1 && t.splice(o, 1), t;
 }
-function Me(e) {
+function Ie(e) {
   return e.filter((n) => n.tagName !== "A");
 }
-var L = 0;
-function xe() {
+var k = 0;
+function Fe() {
   i.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? J()), document.body.insertAdjacentElement("beforeend", e[1] ?? J()), L++, () => {
-      L === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((n) => n.remove()), L--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? J()), document.body.insertAdjacentElement("beforeend", e[1] ?? J()), k++, () => {
+      k === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((n) => n.remove()), k--;
     };
   }, []);
 }
@@ -156,14 +150,14 @@ function J() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var we = function(e) {
+var Se = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
-}, A = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), T = {}, k = 0, ee = function(e) {
+}, R = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), I = {}, W = 0, ee = function(e) {
   return e && (e.host || ee(e.parentNode));
-}, Le = function(e, n) {
+}, Me = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
@@ -172,10 +166,10 @@ var we = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, ke = function(e, n, t, o) {
-  var a = Le(n, Array.isArray(e) ? e : [e]);
-  T[t] || (T[t] = /* @__PURE__ */ new WeakMap());
-  var r = T[t], c = [], s = /* @__PURE__ */ new Set(), g = new Set(a), m = function(u) {
+}, we = function(e, n, t, o) {
+  var a = Me(n, Array.isArray(e) ? e : [e]);
+  I[t] || (I[t] = /* @__PURE__ */ new WeakMap());
+  var r = I[t], c = [], s = /* @__PURE__ */ new Set(), g = new Set(a), m = function(u) {
     !u || s.has(u) || (s.add(u), m(u.parentNode));
   };
   a.forEach(m);
@@ -185,26 +179,26 @@ var we = function(e) {
         h(d);
       else
         try {
-          var p = d.getAttribute(o), I = p !== null && p !== "false", l = (A.get(d) || 0) + 1, b = (r.get(d) || 0) + 1;
-          A.set(d, l), r.set(d, b), c.push(d), l === 1 && I && P.set(d, !0), b === 1 && d.setAttribute(t, "true"), I || d.setAttribute(o, "true");
+          var p = d.getAttribute(o), P = p !== null && p !== "false", l = (R.get(d) || 0) + 1, b = (r.get(d) || 0) + 1;
+          R.set(d, l), r.set(d, b), c.push(d), l === 1 && P && T.set(d, !0), b === 1 && d.setAttribute(t, "true"), P || d.setAttribute(o, "true");
         } catch (v) {
           console.error("aria-hidden: cannot operate on ", d, v);
         }
     });
   };
-  return h(n), s.clear(), k++, function() {
+  return h(n), s.clear(), W++, function() {
     c.forEach(function(u) {
-      var d = A.get(u) - 1, p = r.get(u) - 1;
-      A.set(u, d), r.set(u, p), d || (P.has(u) || u.removeAttribute(o), P.delete(u)), p || u.removeAttribute(t);
-    }), k--, k || (A = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), T = {});
+      var d = R.get(u) - 1, p = r.get(u) - 1;
+      R.set(u, d), r.set(u, p), d || (T.has(u) || u.removeAttribute(o), T.delete(u)), p || u.removeAttribute(t);
+    }), W--, W || (R = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), I = {});
   };
-}, We = function(e, n, t) {
+}, xe = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = we(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), ke(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = Se(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), we(o, a, t, "aria-hidden")) : function() {
     return null;
   };
-}, U = "Dialog", [te, tt] = ye(U), [Ue, E] = te(U), ne = (e) => {
+}, M = "Dialog", [te, et] = he(M), [Le, E] = te(M), ne = (e) => {
   const {
     __scopeDialog: n,
     children: t,
@@ -212,20 +206,21 @@ var we = function(e) {
     defaultOpen: a,
     onOpenChange: r,
     modal: c = !0
-  } = e, s = i.useRef(null), g = i.useRef(null), [m = !1, h] = he({
+  } = e, s = i.useRef(null), g = i.useRef(null), [m, h] = Ee({
     prop: o,
-    defaultProp: a,
-    onChange: r
+    defaultProp: a ?? !1,
+    onChange: r,
+    caller: M
   });
   return /* @__PURE__ */ f(
-    Ue,
+    Le,
     {
       scope: n,
       triggerRef: s,
       contentRef: g,
-      contentId: M(),
-      titleId: M(),
-      descriptionId: M(),
+      contentId: w(),
+      titleId: w(),
+      descriptionId: w(),
       open: m,
       onOpenChange: h,
       onOpenToggle: i.useCallback(() => h((u) => !u), [h]),
@@ -234,7 +229,7 @@ var we = function(e) {
     }
   );
 };
-ne.displayName = U;
+ne.displayName = M;
 var oe = "DialogTrigger", re = i.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...o } = e, a = E(oe, t), r = S(n, a.triggerRef);
@@ -245,7 +240,7 @@ var oe = "DialogTrigger", re = i.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": $(a.open),
+        "data-state": H(a.open),
         ...o,
         ref: r,
         onClick: _(e.onClick, a.onOpenToggle)
@@ -254,30 +249,30 @@ var oe = "DialogTrigger", re = i.forwardRef(
   }
 );
 re.displayName = oe;
-var K = "DialogPortal", [Ke, ae] = te(K, {
+var K = "DialogPortal", [ke, ae] = te(K, {
   forceMount: void 0
 }), se = (e) => {
   const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = E(K, n);
-  return /* @__PURE__ */ f(Ke, { scope: n, forceMount: t, children: i.Children.map(o, (c) => /* @__PURE__ */ f(W, { present: t || r.open, children: /* @__PURE__ */ f(Ce, { asChild: !0, container: a, children: c }) })) });
+  return /* @__PURE__ */ f(ke, { scope: n, forceMount: t, children: i.Children.map(o, (c) => /* @__PURE__ */ f(U, { present: t || r.open, children: /* @__PURE__ */ f(be, { asChild: !0, container: a, children: c }) })) });
 };
 se.displayName = K;
 var F = "DialogOverlay", ie = i.forwardRef(
   (e, n) => {
     const t = ae(F, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = E(F, e.__scopeDialog);
-    return r.modal ? /* @__PURE__ */ f(W, { present: o || r.open, children: /* @__PURE__ */ f($e, { ...a, ref: n }) }) : null;
+    return r.modal ? /* @__PURE__ */ f(U, { present: o || r.open, children: /* @__PURE__ */ f(Ue, { ...a, ref: n }) }) : null;
   }
 );
 ie.displayName = F;
-var Ge = be("DialogOverlay.RemoveScroll"), $e = i.forwardRef(
+var We = De("DialogOverlay.RemoveScroll"), Ue = i.forwardRef(
   (e, n) => {
     const { __scopeDialog: t, ...o } = e, a = E(F, t);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ f(Ae, { as: Ge, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(Ae, { as: We, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         N.div,
         {
-          "data-state": $(a.open),
+          "data-state": H(a.open),
           ...o,
           ref: n,
           style: { pointerEvents: "auto", ...o.style }
@@ -285,19 +280,19 @@ var Ge = be("DialogOverlay.RemoveScroll"), $e = i.forwardRef(
       ) })
     );
   }
-), R = "DialogContent", ce = i.forwardRef(
+), A = "DialogContent", ce = i.forwardRef(
   (e, n) => {
-    const t = ae(R, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = E(R, e.__scopeDialog);
-    return /* @__PURE__ */ f(W, { present: o || r.open, children: r.modal ? /* @__PURE__ */ f(He, { ...a, ref: n }) : /* @__PURE__ */ f(je, { ...a, ref: n }) });
+    const t = ae(A, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = E(A, e.__scopeDialog);
+    return /* @__PURE__ */ f(U, { present: o || r.open, children: r.modal ? /* @__PURE__ */ f(Ke, { ...a, ref: n }) : /* @__PURE__ */ f(Ge, { ...a, ref: n }) });
   }
 );
-ce.displayName = R;
-var He = i.forwardRef(
+ce.displayName = A;
+var Ke = i.forwardRef(
   (e, n) => {
-    const t = E(R, e.__scopeDialog), o = i.useRef(null), a = S(n, t.contentRef, o);
+    const t = E(A, e.__scopeDialog), o = i.useRef(null), a = S(n, t.contentRef, o);
     return i.useEffect(() => {
       const r = o.current;
-      if (r) return We(r);
+      if (r) return xe(r);
     }, []), /* @__PURE__ */ f(
       ue,
       {
@@ -320,9 +315,9 @@ var He = i.forwardRef(
       }
     );
   }
-), je = i.forwardRef(
+), Ge = i.forwardRef(
   (e, n) => {
-    const t = E(R, e.__scopeDialog), o = i.useRef(!1), a = i.useRef(!1);
+    const t = E(A, e.__scopeDialog), o = i.useRef(!1), a = i.useRef(!1);
     return /* @__PURE__ */ f(
       ue,
       {
@@ -345,8 +340,8 @@ var He = i.forwardRef(
   }
 ), ue = i.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...c } = e, s = E(R, t), g = i.useRef(null), m = S(n, g);
-    return xe(), /* @__PURE__ */ q(B, { children: [
+    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...c } = e, s = E(A, t), g = i.useRef(null), m = S(n, g);
+    return Fe(), /* @__PURE__ */ q(B, { children: [
       /* @__PURE__ */ f(
         Q,
         {
@@ -356,13 +351,13 @@ var He = i.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: r,
           children: /* @__PURE__ */ f(
-            Re,
+            Ce,
             {
               role: "dialog",
               id: s.contentId,
               "aria-describedby": s.descriptionId,
               "aria-labelledby": s.titleId,
-              "data-state": $(s.open),
+              "data-state": H(s.open),
               ...c,
               ref: m,
               onDismiss: () => s.onOpenChange(!1)
@@ -371,8 +366,8 @@ var He = i.forwardRef(
         }
       ),
       /* @__PURE__ */ q(B, { children: [
-        /* @__PURE__ */ f(qe, { titleId: s.titleId }),
-        /* @__PURE__ */ f(Ve, { contentRef: g, descriptionId: s.descriptionId })
+        /* @__PURE__ */ f(He, { titleId: s.titleId }),
+        /* @__PURE__ */ f(je, { contentRef: g, descriptionId: s.descriptionId })
       ] })
     ] });
   }
@@ -405,14 +400,14 @@ var pe = "DialogClose", ve = i.forwardRef(
   }
 );
 ve.displayName = pe;
-function $(e) {
+function H(e) {
   return e ? "open" : "closed";
 }
-var me = "DialogTitleWarning", [nt, ge] = De(me, {
-  contentName: R,
+var me = "DialogTitleWarning", [tt, ge] = ye(me, {
+  contentName: A,
   titleName: G,
   docsSlug: "dialog"
-}), qe = ({ titleId: e }) => {
+}), He = ({ titleId: e }) => {
   const n = ge(me), t = `\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -421,26 +416,25 @@ For more information, see https://radix-ui.com/primitives/docs/components/${n.do
   return i.useEffect(() => {
     e && (document.getElementById(e) || console.error(t));
   }, [t, e]), null;
-}, Be = "DialogDescriptionWarning", Ve = ({ contentRef: e, descriptionId: n }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ge(Be).contentName}}.`;
+}, $e = "DialogDescriptionWarning", je = ({ contentRef: e, descriptionId: n }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ge($e).contentName}}.`;
   return i.useEffect(() => {
     var r;
     const a = (r = e.current) == null ? void 0 : r.getAttribute("aria-describedby");
     n && a && (document.getElementById(n) || console.warn(o));
   }, [o, e, n]), null;
-}, ot = ne, rt = re, at = se, st = ie, it = ce, ct = le, ut = de, lt = ve;
+}, nt = ne, ot = re, rt = se, at = ie, st = ce, it = le, ct = de, ut = ve;
 export {
-  it as C,
+  st as C,
   le as D,
-  st as O,
-  at as P,
-  ot as R,
-  ct as T,
-  nt as W,
+  at as O,
+  rt as P,
+  nt as R,
+  it as T,
+  tt as W,
   se as a,
-  lt as b,
-  tt as c,
-  ut as d,
-  rt as e,
-  M as u
+  ut as b,
+  et as c,
+  ct as d,
+  ot as e
 };

package/dist/{index-G_6jG4Qc.js → index-Y44iCJcQ.js}

@@ -1,16 +1,16 @@
 import * as a from "react";
-import { u as T } from "./index-Bk324h27.js";
-import { u as A } from "./index-bYyfdsls.js";
+import { u as T } from "./index-tIydFizp.js";
+import { u as A } from "./index-Cq1I1cG9.js";
 function E(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }
 var R = (n) => {
-  const { present: e, children: r } = n, t = P(e), o = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = T(t.ref, v(o));
-  return typeof r == "function" || t.isPresent ? a.cloneElement(o, { ref: c }) : null;
+  const { present: e, children: r } = n, t = P(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = T(t.ref, v(i));
+  return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
 };
 R.displayName = "Presence";
 function P(n) {
-  const [e, r] = a.useState(), t = a.useRef({}), o = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
+  const [e, r] = a.useState(), t = a.useRef(null), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = E(p, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -24,22 +24,22 @@ function P(n) {
     }
   });
   return a.useEffect(() => {
-    const i = l(t.current);
-    c.current = N === "mounted" ? i : "none";
+    const o = l(t.current);
+    c.current = N === "mounted" ? o : "none";
   }, [N]), A(() => {
-    const i = t.current, m = o.current;
+    const o = t.current, m = i.current;
     if (m !== n) {
-      const f = c.current, u = l(i);
-      n ? s("MOUNT") : u === "none" || (i == null ? void 0 : i.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), o.current = n;
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
     }
   }, [n, s]), A(() => {
     if (e) {
-      let i;
+      let o;
       const m = e.ownerDocument.defaultView ?? window, d = (u) => {
         const g = l(t.current).includes(u.animationName);
-        if (u.target === e && g && (s("ANIMATION_END"), !o.current)) {
+        if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
           const O = e.style.animationFillMode;
-          e.style.animationFillMode = "forwards", i = m.setTimeout(() => {
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
             e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
           });
         }
@@ -47,14 +47,14 @@ function P(n) {
         u.target === e && (c.current = l(t.current));
       };
       return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
-        m.clearTimeout(i), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
       };
     } else
       s("ANIMATION_END");
   }, [e, s]), {
     isPresent: ["mounted", "unmountSuspended"].includes(N),
-    ref: a.useCallback((i) => {
-      i && (t.current = getComputedStyle(i)), r(i);
+    ref: a.useCallback((o) => {
+      t.current = o ? getComputedStyle(o) : null, r(o);
     }, [])
   };
 }
@@ -62,9 +62,9 @@ function l(n) {
   return (n == null ? void 0 : n.animationName) || "none";
 }
 function v(n) {
-  var t, o;
+  var t, i;
   let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
-  return r ? n.ref : (e = (o = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : o.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
+  return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
 }
 export {
   R as P

package/dist/index-tIydFizp.js

@@ -0,0 +1,83 @@
+import * as l from "react";
+import { jsx as f, Fragment as S } from "react/jsx-runtime";
+function d(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function g(...e) {
+  return (t) => {
+    let r = !1;
+    const o = e.map((n) => {
+      const i = d(n, t);
+      return !r && typeof i == "function" && (r = !0), i;
+    });
+    if (r)
+      return () => {
+        for (let n = 0; n < o.length; n++) {
+          const i = o[n];
+          typeof i == "function" ? i() : d(e[n], null);
+        }
+      };
+  };
+}
+function C(...e) {
+  return l.useCallback(g(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function E(e) {
+  const t = /* @__PURE__ */ R(e), r = l.forwardRef((o, n) => {
+    const { children: i, ...c } = o, a = l.Children.toArray(i), s = a.find(b);
+    if (s) {
+      const u = s.props.children, y = a.map((p) => p === s ? l.Children.count(u) > 1 ? l.Children.only(null) : l.isValidElement(u) ? u.props.children : null : p);
+      return /* @__PURE__ */ f(t, { ...c, ref: n, children: l.isValidElement(u) ? l.cloneElement(u, void 0, y) : null });
+    }
+    return /* @__PURE__ */ f(t, { ...c, ref: n, children: i });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+var x = /* @__PURE__ */ E("Slot");
+// @__NO_SIDE_EFFECTS__
+function R(e) {
+  const t = l.forwardRef((r, o) => {
+    const { children: n, ...i } = r, c = l.isValidElement(n) ? V(n) : void 0, a = C(c, o);
+    if (l.isValidElement(n)) {
+      const s = h(i, n.props);
+      return n.type !== l.Fragment && (s.ref = a), l.cloneElement(n, s);
+    }
+    return l.Children.count(n) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var m = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function I(e) {
+  const t = ({ children: r }) => /* @__PURE__ */ f(S, { children: r });
+  return t.displayName = `${e}.Slottable`, t.__radixId = m, t;
+}
+function b(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === m;
+}
+function h(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const n = e[o], i = t[o];
+    /^on[A-Z]/.test(o) ? n && i ? r[o] = (...a) => {
+      const s = i(...a);
+      return n(...a), s;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...i } : o === "className" && (r[o] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function V(e) {
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  x as S,
+  g as a,
+  I as b,
+  E as c,
+  C as u
+};

package/dist/{index-AM3avohj.js → index-xPmNHv1y.js}

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as w } from "react/jsx-runtime";
 import * as l from "react";
-import { c as M, b as x } from "./index-bYyfdsls.js";
-import { u as A, b as I } from "./index-Bk324h27.js";
-import { c as v, R as $, P as L, O as F, W as G, C as W, T as j, d as B, b as D, e as Y } from "./index-DvFiic6N.js";
+import { c as M, b as x } from "./index-Cq1I1cG9.js";
+import { u as A, b as I } from "./index-tIydFizp.js";
+import { c as v, R as $, P as L, O as F, W as G, C as W, T as j, d as B, b as D, e as Y } from "./index-Ud3-A7-K.js";
 import { Button as k } from "./components/Button/Button.js";
 import { cn as q } from "./utils/index.js";
 var f = "AlertDialog", [H, se] = M(f, [