@konstructio/ui 0.1.2-alpha.74 → 0.1.2-alpha.76

package/dist/{index-9a-FL_6D.js → index-DWyM654o.js}

@@ -2,10 +2,9 @@ import * as i from "react";
 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 { D as De } from "./index-URQGEGX7.js";
+import { P as De, D as be } from "./index-BvEpLnOv.js";
 import { u as $ } from "./index-0ioNhtNM.js";
 import { jsx as u, jsxs as j, Fragment as B } from "react/jsx-runtime";
-import { P as be } from "./index-CESXsoMn.js";
 import { P as U } from "./index-3fEdeexs.js";
 import { R as Re } from "./Combination-BtmnusWq.js";
 var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q = { bubbles: !1, cancelable: !0 }, Ae = "FocusScope", Q = i.forwardRef((e, t) => {
@@ -15,7 +14,7 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
     onMountAutoFocus: r,
     onUnmountAutoFocus: a,
     ...l
-  } = e, [s, m] = i.useState(null), p = $(r), E = $(a), c = i.useRef(null), d = F(t, (f) => m(f)), v = i.useRef({
+  } = e, [s, v] = i.useState(null), p = $(r), E = $(a), c = i.useRef(null), d = F(t, (f) => v(f)), m = i.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -27,11 +26,11 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
   i.useEffect(() => {
     if (o) {
       let f = function(C) {
-        if (v.paused || !s) return;
+        if (m.paused || !s) return;
         const h = C.target;
         s.contains(h) ? c.current = h : b(c.current, { select: !0 });
       }, D = function(C) {
-        if (v.paused || !s) return;
+        if (m.paused || !s) return;
         const h = C.relatedTarget;
         h !== null && (s.contains(h) || b(c.current, { select: !0 }));
       }, g = function(C) {
@@ -45,9 +44,9 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
         document.removeEventListener("focusin", f), document.removeEventListener("focusout", D), N.disconnect();
       };
     }
-  }, [o, s, v.paused]), i.useEffect(() => {
+  }, [o, s, m.paused]), i.useEffect(() => {
     if (s) {
-      Y.add(v);
+      Y.add(m);
       const f = document.activeElement;
       if (!s.contains(f)) {
         const g = new CustomEvent(x, q);
@@ -56,21 +55,21 @@ var x = "focusScope.autoFocusOnMount", W = "focusScope.autoFocusOnUnmount", q =
       return () => {
         s.removeEventListener(x, p), setTimeout(() => {
           const g = new CustomEvent(W, q);
-          s.addEventListener(W, E), s.dispatchEvent(g), g.defaultPrevented || b(f ?? document.body, { select: !0 }), s.removeEventListener(W, E), Y.remove(v);
+          s.addEventListener(W, E), s.dispatchEvent(g), g.defaultPrevented || b(f ?? document.body, { select: !0 }), s.removeEventListener(W, E), Y.remove(m);
         }, 0);
       };
     }
-  }, [s, p, E, v]);
+  }, [s, p, E, m]);
   const P = i.useCallback(
     (f) => {
-      if (!n && !o || v.paused) return;
+      if (!n && !o || m.paused) return;
       const D = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, g = document.activeElement;
       if (D && g) {
         const N = f.currentTarget, [C, h] = Ne(N);
         C && h ? !f.shiftKey && g === h ? (f.preventDefault(), n && b(C, { select: !0 })) : f.shiftKey && g === C && (f.preventDefault(), n && b(h, { select: !0 })) : g === N && f.preventDefault();
       }
     },
-    [n, o, v.paused]
+    [n, o, m.paused]
   );
   return /* @__PURE__ */ u(O.div, { tabIndex: -1, ...l, ref: d, onKeyDown: P });
 });
@@ -168,17 +167,17 @@ var Fe = function(e) {
 }, we = function(e, t, n, o) {
   var r = Me(t, Array.isArray(e) ? e : [e]);
   I[n] || (I[n] = /* @__PURE__ */ new WeakMap());
-  var a = I[n], l = [], s = /* @__PURE__ */ new Set(), m = new Set(r), p = function(c) {
+  var a = I[n], l = [], s = /* @__PURE__ */ new Set(), v = new Set(r), p = function(c) {
     !c || s.has(c) || (s.add(c), p(c.parentNode));
   };
   r.forEach(p);
   var E = function(c) {
-    !c || m.has(c) || Array.prototype.forEach.call(c.children, function(d) {
+    !c || v.has(c) || Array.prototype.forEach.call(c.children, function(d) {
       if (s.has(d))
         E(d);
       else
         try {
-          var v = d.getAttribute(o), P = v !== null && v !== "false", f = (A.get(d) || 0) + 1, D = (a.get(d) || 0) + 1;
+          var m = d.getAttribute(o), P = m !== null && m !== "false", f = (A.get(d) || 0) + 1, D = (a.get(d) || 0) + 1;
           A.set(d, f), a.set(d, D), l.push(d), f === 1 && P && S.set(d, !0), D === 1 && d.setAttribute(n, "true"), P || d.setAttribute(o, "true");
         } catch (g) {
           console.error("aria-hidden: cannot operate on ", d, g);
@@ -187,8 +186,8 @@ var Fe = function(e) {
   };
   return E(t), s.clear(), k++, function() {
     l.forEach(function(c) {
-      var d = A.get(c) - 1, v = a.get(c) - 1;
-      A.set(c, d), a.set(c, v), d || (S.has(c) || c.removeAttribute(o), S.delete(c)), v || c.removeAttribute(n);
+      var d = A.get(c) - 1, m = a.get(c) - 1;
+      A.set(c, d), a.set(c, m), d || (S.has(c) || c.removeAttribute(o), S.delete(c)), m || c.removeAttribute(n);
     }), k--, k || (A = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), I = {});
   };
 }, xe = function(e, t, n) {
@@ -201,9 +200,9 @@ var Fe = function(e) {
 // @__NO_SIDE_EFFECTS__
 function We(e) {
   const t = /* @__PURE__ */ Le(e), n = i.forwardRef((o, r) => {
-    const { children: a, ...l } = o, s = i.Children.toArray(a), m = s.find(Ue);
-    if (m) {
-      const p = m.props.children, E = s.map((c) => c === m ? i.Children.count(p) > 1 ? i.Children.only(null) : i.isValidElement(p) ? p.props.children : null : c);
+    const { children: a, ...l } = o, s = i.Children.toArray(a), v = s.find(Ue);
+    if (v) {
+      const p = v.props.children, E = s.map((c) => c === v ? i.Children.count(p) > 1 ? i.Children.only(null) : i.isValidElement(p) ? p.props.children : null : c);
       return /* @__PURE__ */ u(t, { ...l, ref: r, children: i.isValidElement(p) ? i.cloneElement(p, void 0, E) : null });
     }
     return /* @__PURE__ */ u(t, { ...l, ref: r, children: a });
@@ -231,8 +230,8 @@ function Ke(e, t) {
   for (const o in t) {
     const r = e[o], a = t[o];
     /^on[A-Z]/.test(o) ? r && a ? n[o] = (...s) => {
-      const m = a(...s);
-      return r(...s), m;
+      const v = a(...s);
+      return r(...s), v;
     } : r && (n[o] = r) : o === "style" ? n[o] = { ...r, ...a } : o === "className" && (n[o] = [r, a].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
@@ -241,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, st] = Ee(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,
@@ -249,7 +248,7 @@ var M = "Dialog", [te, st] = Ee(M), [Ve, y] = te(M), ne = (e) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = e, s = i.useRef(null), m = i.useRef(null), [p, E] = ye({
+  } = e, s = i.useRef(null), v = i.useRef(null), [p, E] = ye({
     prop: o,
     defaultProp: r ?? !1,
     onChange: a,
@@ -260,7 +259,7 @@ var M = "Dialog", [te, st] = Ee(M), [Ve, y] = te(M), ne = (e) => {
     {
       scope: t,
       triggerRef: s,
-      contentRef: m,
+      contentRef: v,
       contentId: w(),
       titleId: w(),
       descriptionId: w(),
@@ -296,7 +295,7 @@ var K = "DialogPortal", [He, ae] = te(K, {
   forceMount: void 0
 }), se = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = y(K, t);
-  return /* @__PURE__ */ u(He, { scope: t, forceMount: n, children: i.Children.map(o, (l) => /* @__PURE__ */ u(U, { present: n || a.open, children: /* @__PURE__ */ u(be, { asChild: !0, container: r, children: l }) })) });
+  return /* @__PURE__ */ u(He, { scope: t, forceMount: n, children: i.Children.map(o, (l) => /* @__PURE__ */ u(U, { present: n || a.open, children: /* @__PURE__ */ u(De, { asChild: !0, container: r, children: l }) })) });
 };
 se.displayName = K;
 var T = "DialogOverlay", ie = i.forwardRef(
@@ -380,7 +379,7 @@ var Be = i.forwardRef(
   }
 ), ue = i.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = e, s = y(R, n), m = i.useRef(null), p = F(t, m);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = e, s = y(R, n), v = i.useRef(null), p = F(t, v);
     return Te(), /* @__PURE__ */ j(B, { children: [
       /* @__PURE__ */ u(
         Q,
@@ -391,7 +390,7 @@ var Be = i.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ u(
-            De,
+            be,
             {
               role: "dialog",
               id: s.contentId,
@@ -407,7 +406,7 @@ var Be = i.forwardRef(
       ),
       /* @__PURE__ */ j(B, { children: [
         /* @__PURE__ */ u(Ze, { titleId: s.titleId }),
-        /* @__PURE__ */ u(ze, { contentRef: m, descriptionId: s.descriptionId })
+        /* @__PURE__ */ u(ze, { contentRef: v, descriptionId: s.descriptionId })
       ] })
     ] });
   }
@@ -425,7 +424,7 @@ var fe = "DialogDescription", de = i.forwardRef(
   }
 );
 de.displayName = fe;
-var pe = "DialogClose", me = i.forwardRef(
+var pe = "DialogClose", ve = i.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = y(pe, n);
     return /* @__PURE__ */ u(
@@ -439,16 +438,16 @@ var pe = "DialogClose", me = i.forwardRef(
     );
   }
 );
-me.displayName = pe;
+ve.displayName = pe;
 function V(e) {
   return e ? "open" : "closed";
 }
-var ve = "DialogTitleWarning", [it, ge] = he(ve, {
+var me = "DialogTitleWarning", [st, ge] = he(me, {
   contentName: R,
   titleName: G,
   docsSlug: "dialog"
 }), Ze = ({ titleId: e }) => {
-  const t = ge(ve), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = ge(me), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -462,18 +461,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const r = e.current?.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, ct = ne, ut = re, lt = se, ft = ie, dt = ce, pt = le, mt = de, vt = me;
+}, it = ne, ct = re, ut = se, lt = ie, ft = ce, dt = le, pt = de, vt = ve;
 export {
-  dt as C,
+  ft as C,
   le as D,
-  ft as O,
-  lt as P,
-  ct as R,
-  ut as T,
-  it as W,
+  lt as O,
+  ut as P,
+  it as R,
+  ct as T,
+  st as W,
   se as a,
   vt as b,
-  st as c,
-  pt as d,
-  mt as e
+  at as c,
+  dt as d,
+  pt as e
 };