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

package/dist/index-BvEpLnOv.js

@@ -0,0 +1,144 @@
+import * as r from "react";
+import { P as m, c as p, d as U, u as z } from "./index--l0zux8V.js";
+import { u as T } from "./index-DLcqcWxM.js";
+import { u as b } from "./index-0ioNhtNM.js";
+import { jsx as P } from "react/jsx-runtime";
+import H from "react-dom";
+function K(n, e = globalThis?.document) {
+  const t = b(n);
+  r.useEffect(() => {
+    const o = (s) => {
+      s.key === "Escape" && t(s);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+var j = "DismissableLayer", h = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", R, B = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = r.forwardRef(
+  (n, e) => {
+    const {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: s,
+      onFocusOutside: a,
+      onInteractOutside: d,
+      onDismiss: l,
+      ...E
+    } = n, c = r.useContext(B), [u, S] = r.useState(null), f = u?.ownerDocument ?? globalThis?.document, [, A] = r.useState({}), N = T(e, (i) => S(i)), D = Array.from(c.layers), [W] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = D.indexOf(W), O = u ? D.indexOf(u) : -1, k = c.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= _, M = G((i) => {
+      const v = i.target, w = [...c.branches].some((y) => y.contains(v));
+      !L || w || (s?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f), C = J((i) => {
+      const v = i.target;
+      [...c.branches].some((y) => y.contains(v)) || (a?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f);
+    return K((i) => {
+      O === c.layers.size - 1 && (o?.(i), !i.defaultPrevented && l && (i.preventDefault(), l()));
+    }, f), r.useEffect(() => {
+      if (u)
+        return t && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (R = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), g(), () => {
+          t && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = R);
+        };
+    }, [u, f, t, c]), r.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), g());
+    }, [u, c]), r.useEffect(() => {
+      const i = () => A({});
+      return document.addEventListener(h, i), () => document.removeEventListener(h, i);
+    }, []), /* @__PURE__ */ P(
+      m.div,
+      {
+        ...E,
+        ref: N,
+        style: {
+          pointerEvents: k ? L ? "auto" : "none" : void 0,
+          ...n.style
+        },
+        onFocusCapture: p(n.onFocusCapture, C.onFocusCapture),
+        onBlurCapture: p(n.onBlurCapture, C.onBlurCapture),
+        onPointerDownCapture: p(
+          n.onPointerDownCapture,
+          M.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+x.displayName = j;
+var q = "DismissableLayerBranch", F = r.forwardRef((n, e) => {
+  const t = r.useContext(B), o = r.useRef(null), s = T(e, o);
+  return r.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return t.branches.add(a), () => {
+        t.branches.delete(a);
+      };
+  }, [t.branches]), /* @__PURE__ */ P(m.div, { ...n, ref: s });
+});
+F.displayName = q;
+function G(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1), s = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (l) => {
+      if (l.target && !o.current) {
+        let E = function() {
+          I(
+            X,
+            t,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: l };
+        l.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", s.current);
+      o.current = !1;
+    }, d = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(d), e.removeEventListener("pointerdown", a), e.removeEventListener("click", s.current);
+    };
+  }, [e, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function J(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1);
+  return r.useEffect(() => {
+    const s = (a) => {
+      a.target && !o.current && I(Y, t, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+  }, [e, t]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function g() {
+  const n = new CustomEvent(h);
+  document.dispatchEvent(n);
+}
+function I(n, e, t, { discrete: o }) {
+  const s = t.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
+  e && s.addEventListener(n, e, { once: !0 }), o ? U(s, a) : s.dispatchEvent(a);
+}
+var ne = x, re = F, Q = "Portal", V = r.forwardRef((n, e) => {
+  const { container: t, ...o } = n, [s, a] = r.useState(!1);
+  z(() => a(!0), []);
+  const d = t || s && globalThis?.document?.body;
+  return d ? H.createPortal(/* @__PURE__ */ P(m.div, { ...o, ref: e }), d) : null;
+});
+V.displayName = Q;
+export {
+  re as B,
+  x as D,
+  V as P,
+  ne as R
+};

package/dist/{index-Dd_ZmIqU.js → index-C7zAY3xv.js}

@@ -3,7 +3,7 @@ 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-9a-FL_6D.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");

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

@@ -1,4 +1,4 @@
-import { R as Ee, P as ke, O as Se, C as Ie } from "./index-9a-FL_6D.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-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
 };