@konstructio/ui 0.0.12-alpha.9 → 0.0.13-alpha.1

package/dist/index-Bk324h27.js

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

package/dist/{index-4ecjw_Aj.js → index-Bry5AFQ2.js}

@@ -1,5 +1,5 @@
 import * as f from "react";
-import { u as a } from "./index-Cva-e5M4.js";
+import { u as a } from "./index-bYyfdsls.js";
 function h(r) {
   const e = f.useRef({ value: r, previous: r });
   return f.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);

package/dist/{index-CbTU3cnP.js → index-CWKdynYu.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { P as o } from "./index-D7QNmo_D.js";
+import { P as o } from "./index-g-TFwd6Y.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = "VisuallyHidden", a = e.forwardRef(
   (r, i) => /* @__PURE__ */ t(

package/dist/index-D9BbbgUq.js

@@ -0,0 +1,47 @@
+import r from "react";
+import { c as y } from "./index-bYyfdsls.js";
+import { u as M, c as x } from "./index-Bk324h27.js";
+import { jsx as d } from "react/jsx-runtime";
+function D(s) {
+  const f = s + "CollectionProvider", [A, N] = y(f), [_, m] = A(
+    f,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), p = (c) => {
+    const { scope: e, children: l } = c, o = r.useRef(null), t = r.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ d(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  p.displayName = f;
+  const a = s + "CollectionSlot", E = x(a), C = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = m(a, l), n = M(e, t.collectionRef);
+      return /* @__PURE__ */ d(E, { ref: n, children: o });
+    }
+  );
+  C.displayName = a;
+  const u = s + "CollectionItemSlot", R = "data-radix-collection-item", T = x(u), I = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, n = r.useRef(null), S = M(e, n), i = m(u, l);
+      return r.useEffect(() => (i.itemMap.set(n, { ref: n, ...t }), () => void i.itemMap.delete(n))), /* @__PURE__ */ d(T, { [R]: "", ref: S, children: o });
+    }
+  );
+  I.displayName = u;
+  function O(c) {
+    const e = m(s + "CollectionConsumer", c);
+    return r.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${R}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (i, v) => t.indexOf(i.ref.current) - t.indexOf(v.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: p, Slot: C, ItemSlot: I },
+    O,
+    N
+  ];
+}
+export {
+  D as c
+};

package/dist/{index-DyKo5ZJT.js → index-DvFiic6N.js}

@@ -1,12 +1,12 @@
 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-Cva-e5M4.js";
-import { u as S, S as be } from "./index-B_6_jmOO.js";
-import { P as Ce, D as Ae } from "./index-D_76wh4w.js";
-import { P as N } from "./index-D7QNmo_D.js";
+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 { jsx as f, jsxs as q, Fragment as B } from "react/jsx-runtime";
-import { P as W } from "./index-Dj1pom3_.js";
-import { R as Re } from "./Combination-b348x__d.js";
-var Ne = i.useId || (() => {
+import { P as W } from "./index-G_6jG4Qc.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());
@@ -161,7 +161,7 @@ var we = function(e) {
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
-}, R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), T = {}, k = 0, ee = function(e) {
+}, A = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), T = {}, k = 0, ee = function(e) {
   return e && (e.host || ee(e.parentNode));
 }, Le = function(e, n) {
   return n.map(function(t) {
@@ -185,8 +185,8 @@ var we = function(e) {
         h(d);
       else
         try {
-          var p = d.getAttribute(o), I = 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 && I && P.set(d, !0), b === 1 && d.setAttribute(t, "true"), I || d.setAttribute(o, "true");
+          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");
         } catch (v) {
           console.error("aria-hidden: cannot operate on ", d, v);
         }
@@ -194,9 +194,9 @@ var we = function(e) {
   };
   return h(n), s.clear(), k++, function() {
     c.forEach(function(u) {
-      var d = R.get(u) - 1, p = r.get(u) - 1;
-      R.set(u, d), r.set(u, p), d || (P.has(u) || u.removeAttribute(o), P.delete(u)), p || u.removeAttribute(t);
-    }), k--, k || (R = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), T = {});
+      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 = {});
   };
 }, We = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
@@ -204,7 +204,7 @@ var we = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), ke(o, a, t, "aria-hidden")) : function() {
     return null;
   };
-}, U = "Dialog", [te, et] = ye(U), [Ue, E] = te(U), ne = (e) => {
+}, U = "Dialog", [te, tt] = ye(U), [Ue, E] = te(U), ne = (e) => {
   const {
     __scopeDialog: n,
     children: t,
@@ -264,17 +264,17 @@ 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(Ge, { ...a, ref: n }) }) : null;
+    return r.modal ? /* @__PURE__ */ f(W, { present: o || r.open, children: /* @__PURE__ */ f($e, { ...a, ref: n }) }) : null;
   }
 );
 ie.displayName = F;
-var Ge = i.forwardRef(
+var Ge = be("DialogOverlay.RemoveScroll"), $e = 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(Re, { as: be, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(Ae, { as: Ge, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         N.div,
         {
           "data-state": $(a.open),
@@ -285,16 +285,16 @@ var Ge = i.forwardRef(
       ) })
     );
   }
-), A = "DialogContent", ce = i.forwardRef(
+), R = "DialogContent", ce = i.forwardRef(
   (e, n) => {
-    const t = ae(A, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = E(A, e.__scopeDialog);
-    return /* @__PURE__ */ f(W, { present: o || r.open, children: r.modal ? /* @__PURE__ */ f($e, { ...a, ref: n }) : /* @__PURE__ */ f(He, { ...a, ref: 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 }) });
   }
 );
-ce.displayName = A;
-var $e = i.forwardRef(
+ce.displayName = R;
+var He = i.forwardRef(
   (e, n) => {
-    const t = E(A, e.__scopeDialog), o = i.useRef(null), a = S(n, t.contentRef, o);
+    const t = E(R, e.__scopeDialog), o = i.useRef(null), a = S(n, t.contentRef, o);
     return i.useEffect(() => {
       const r = o.current;
       if (r) return We(r);
@@ -320,9 +320,9 @@ var $e = i.forwardRef(
       }
     );
   }
-), He = i.forwardRef(
+), je = i.forwardRef(
   (e, n) => {
-    const t = E(A, e.__scopeDialog), o = i.useRef(!1), a = i.useRef(!1);
+    const t = E(R, e.__scopeDialog), o = i.useRef(!1), a = i.useRef(!1);
     return /* @__PURE__ */ f(
       ue,
       {
@@ -345,7 +345,7 @@ var $e = i.forwardRef(
   }
 ), ue = i.forwardRef(
   (e, n) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...c } = e, s = E(A, t), g = i.useRef(null), m = S(n, g);
+    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: [
       /* @__PURE__ */ f(
         Q,
@@ -356,7 +356,7 @@ var $e = i.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: r,
           children: /* @__PURE__ */ f(
-            Ae,
+            Re,
             {
               role: "dialog",
               id: s.contentId,
@@ -371,8 +371,8 @@ var $e = i.forwardRef(
         }
       ),
       /* @__PURE__ */ q(B, { children: [
-        /* @__PURE__ */ f(je, { titleId: s.titleId }),
-        /* @__PURE__ */ f(Be, { contentRef: g, descriptionId: s.descriptionId })
+        /* @__PURE__ */ f(qe, { titleId: s.titleId }),
+        /* @__PURE__ */ f(Ve, { contentRef: g, descriptionId: s.descriptionId })
       ] })
     ] });
   }
@@ -408,11 +408,11 @@ ve.displayName = pe;
 function $(e) {
   return e ? "open" : "closed";
 }
-var me = "DialogTitleWarning", [tt, ge] = De(me, {
-  contentName: A,
+var me = "DialogTitleWarning", [nt, ge] = De(me, {
+  contentName: R,
   titleName: G,
   docsSlug: "dialog"
-}), je = ({ titleId: e }) => {
+}), qe = ({ 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 +421,26 @@ 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;
-}, qe = "DialogDescriptionWarning", Be = ({ contentRef: e, descriptionId: n }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ge(qe).contentName}}.`;
+}, Be = "DialogDescriptionWarning", Ve = ({ contentRef: e, descriptionId: n }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ge(Be).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;
-}, nt = ne, ot = re, rt = se, at = ie, st = ce, it = le, ct = de, ut = ve;
+}, ot = ne, rt = re, at = se, st = ie, it = ce, ct = le, ut = de, lt = ve;
 export {
-  st as C,
+  it as C,
   le as D,
-  at as O,
-  rt as P,
-  nt as R,
-  it as T,
-  tt as W,
+  st as O,
+  at as P,
+  ot as R,
+  ct as T,
+  nt as W,
   se as a,
-  ut as b,
-  et as c,
-  ct as d,
-  ot as e,
+  lt as b,
+  tt as c,
+  ut as d,
+  rt as e,
   M as u
 };

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

@@ -1,6 +1,6 @@
 import * as a from "react";
-import { u as T } from "./index-B_6_jmOO.js";
-import { u as A } from "./index-Cva-e5M4.js";
+import { u as T } from "./index-Bk324h27.js";
+import { u as A } from "./index-bYyfdsls.js";
 function E(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }

package/dist/{index-D_76wh4w.js → index-YaQrdkGE.js}

@@ -1,7 +1,7 @@
 import * as i from "react";
-import { d as b, b as h, u as U } from "./index-Cva-e5M4.js";
-import { P as m, d as z, R as H } from "./index-D7QNmo_D.js";
-import { u as T } from "./index-B_6_jmOO.js";
+import { d as b, b as h, u as U } from "./index-bYyfdsls.js";
+import { P as m, d as z, R as H } from "./index-g-TFwd6Y.js";
+import { u as T } from "./index-Bk324h27.js";
 import { jsx as P } from "react/jsx-runtime";
 function K(r, e = globalThis == null ? void 0 : globalThis.document) {
   const s = b(r);

package/dist/{index-Cva-e5M4.js → index-bYyfdsls.js}

@@ -19,18 +19,18 @@ function y(t, e = []) {
   function s(c, r) {
     const i = u.createContext(r), f = n.length;
     n = [...n, r];
-    const a = (l) => {
+    const a = (d) => {
       var S;
-      const { scope: d, children: h, ...x } = l, m = ((S = d == null ? void 0 : d[t]) == null ? void 0 : S[f]) || i, p = u.useMemo(() => x, Object.values(x));
+      const { scope: l, children: h, ...x } = d, m = ((S = l == null ? void 0 : l[t]) == null ? void 0 : S[f]) || i, p = u.useMemo(() => x, Object.values(x));
       return /* @__PURE__ */ v(m.Provider, { value: p, children: h });
     };
     a.displayName = c + "Provider";
-    function C(l, d) {
+    function C(d, l) {
       var m;
-      const h = ((m = d == null ? void 0 : d[t]) == null ? void 0 : m[f]) || i, x = u.useContext(h);
+      const h = ((m = l == null ? void 0 : l[t]) == null ? void 0 : m[f]) || i, x = u.useContext(h);
       if (x) return x;
       if (r !== void 0) return r;
-      throw new Error(`\`${l}\` must be used within \`${c}\``);
+      throw new Error(`\`${d}\` must be used within \`${c}\``);
     }
     return [a, C];
   }
@@ -56,8 +56,8 @@ function b(...t) {
     }));
     return function(c) {
       const r = s.reduce((i, { useScope: f, scopeName: a }) => {
-        const l = f(c)[`__scope${a}`];
-        return { ...i, ...l };
+        const d = f(c)[`__scope${a}`];
+        return { ...i, ...d };
       }, {});
       return u.useMemo(() => ({ [`__scope${e.scopeName}`]: r }), [r]);
     };
@@ -90,8 +90,8 @@ function j({
   const [s, o] = $({ defaultProp: e, onChange: n }), c = t !== void 0, r = c ? t : s, i = P(n), f = u.useCallback(
     (a) => {
       if (c) {
-        const l = typeof a == "function" ? a(t) : a;
-        l !== t && i(l);
+        const d = typeof a == "function" ? a(t) : a;
+        d !== t && i(d);
       } else
         o(a);
     },