@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/{es2015-BWf6xQHm.js → es2015-CoHq2g4y.js}

@@ -1,16 +1,16 @@
-import { a as $ } from "./dist-DqKFpce5.js";
-import { t as z } from "./dist-CVy-ulDZ.js";
-import { t as _ } from "./dist-ppXKUlVt.js";
+import { a as J } from "./dist-xCbHbMLA.js";
+import { t as Q } from "./dist-CCdbu9GU.js";
+import { t as K } from "./dist-D5XYRjmR.js";
 import * as m from "react";
-import { jsx as J } from "react/jsx-runtime";
-var Q = Object.defineProperty, c = (e, t) => Q(e, "name", {
+import { jsx as X } from "react/jsx-runtime";
+var Y = Object.defineProperty, c = (e, t) => Y(e, "name", {
   value: t,
   configurable: !0
-}), I = "focusScope.autoFocusOnMount", L = "focusScope.autoFocusOnUnmount", x = {
+}), P = "focusScope.autoFocusOnMount", _ = "focusScope.autoFocusOnUnmount", V = {
   bubbles: !1,
   cancelable: !0
-}, oe = /* @__PURE__ */ m.forwardRef(/* @__PURE__ */ c(function(t, n) {
-  const { loop: r = !1, trapped: a = !1, onMountAutoFocus: h, onUnmountAutoFocus: k, ...E } = t, [o, C] = m.useState(null), F = _(h), u = _(k), i = m.useRef(null), b = $(n, C), l = m.useRef({
+}, ce = /* @__PURE__ */ m.forwardRef(/* @__PURE__ */ c(function(t, n) {
+  const { loop: r = !1, trapped: a = !1, onMountAutoFocus: h, onUnmountAutoFocus: T, ...E } = t, [u, k] = m.useState(null), F = K(h), o = K(T), i = m.useRef(null), b = J(n, k), d = m.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -22,81 +22,81 @@ var Q = Object.defineProperty, c = (e, t) => Q(e, "name", {
   m.useEffect(() => {
     if (a) {
       let s = function(p) {
-        if (l.paused || !o) return;
-        const d = p.target;
-        o.contains(d) ? i.current = d : v(i.current, { select: !0 });
+        if (d.paused || !u) return;
+        const l = p.target;
+        u.contains(l) ? i.current = l : v(i.current, { select: !0 });
       }, f = function(p) {
-        if (l.paused || !o) return;
-        const d = p.relatedTarget;
-        d !== null && (o.contains(d) || v(i.current, { select: !0 }));
+        if (d.paused || !u) return;
+        const l = p.relatedTarget;
+        l !== null && (u.contains(l) || v(i.current, { select: !0 }));
       }, y = function(p) {
         if (document.activeElement === document.body)
-          for (const d of p) d.removedNodes.length > 0 && v(o);
+          for (const l of p) l.removedNodes.length > 0 && v(u);
       };
       c(s, "handleFocusIn"), c(f, "handleFocusOut"), c(y, "handleMutations"), document.addEventListener("focusin", s), document.addEventListener("focusout", f);
-      const T = new MutationObserver(y);
-      return o && T.observe(o, {
+      const O = new MutationObserver(y);
+      return u && O.observe(u, {
         childList: !0,
         subtree: !0
       }), () => {
-        document.removeEventListener("focusin", s), document.removeEventListener("focusout", f), T.disconnect();
+        document.removeEventListener("focusin", s), document.removeEventListener("focusout", f), O.disconnect();
       };
     }
   }, [
     a,
-    o,
-    l.paused
+    u,
+    d.paused
   ]), m.useEffect(() => {
-    if (o) {
-      K.add(l);
+    if (u) {
+      D.add(d);
       const s = document.activeElement;
-      if (!o.contains(s)) {
-        const f = new CustomEvent(I, x);
-        o.addEventListener(I, F), o.dispatchEvent(f), f.defaultPrevented || (D(q(U(o)), { select: !0 }), document.activeElement === s && v(o));
+      if (!u.contains(s)) {
+        const f = new CustomEvent(P, V);
+        u.addEventListener(P, F), u.dispatchEvent(f), f.defaultPrevented || (W(q(U(u)), { select: !0 }), document.activeElement === s && v(u));
       }
       return () => {
-        o.removeEventListener(I, F), setTimeout(() => {
-          const f = new CustomEvent(L, x);
-          o.addEventListener(L, u), o.dispatchEvent(f), f.defaultPrevented || v(s ?? document.body, { select: !0 }), o.removeEventListener(L, u), K.remove(l);
+        u.removeEventListener(P, F), setTimeout(() => {
+          const f = new CustomEvent(_, V);
+          u.addEventListener(_, o), u.dispatchEvent(f), f.defaultPrevented || v(s ?? document.body, { select: !0 }), u.removeEventListener(_, o), D.remove(d);
         }, 0);
       };
     }
   }, [
-    o,
-    F,
     u,
-    l
+    F,
+    o,
+    d
   ]);
-  const O = m.useCallback((s) => {
-    if (!r && !a || l.paused) return;
+  const C = m.useCallback((s) => {
+    if (!r && !a || d.paused) return;
     const f = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, y = document.activeElement;
     if (f && y) {
-      const T = s.currentTarget, [p, d] = W(T);
-      p && d ? !s.shiftKey && y === d ? (s.preventDefault(), r && v(p, { select: !0 })) : s.shiftKey && y === p && (s.preventDefault(), r && v(d, { select: !0 })) : y === T && s.preventDefault();
+      const O = s.currentTarget, [p, l] = G(O);
+      p && l ? !s.shiftKey && y === l ? (s.preventDefault(), r && v(p, { select: !0 })) : s.shiftKey && y === p && (s.preventDefault(), r && v(l, { select: !0 })) : y === O && s.preventDefault();
     }
   }, [
     r,
     a,
-    l.paused
+    d.paused
   ]);
-  return /* @__PURE__ */ J(z.div, {
+  return /* @__PURE__ */ X(Q.div, {
     tabIndex: -1,
     ...E,
     ref: b,
-    onKeyDown: O
+    onKeyDown: C
   });
 }, "FocusScope"));
-function D(e, { select: t = !1 } = {}) {
+function W(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
     if (v(r, { select: t }), document.activeElement !== n) return;
 }
-c(D, "focusFirst");
-function W(e) {
+c(W, "focusFirst");
+function G(e) {
   const t = U(e);
-  return [P(t, e), P(t.reverse(), e)];
+  return [I(t, e), I(t.reverse(), e)];
 }
-c(W, "getTabbableEdges");
+c(G, "getTabbableEdges");
 function U(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ c((r) => {
     const a = r.tagName === "INPUT" && r.type === "hidden";
@@ -106,12 +106,12 @@ function U(e) {
   return t;
 }
 c(U, "getTabbableCandidates");
-function P(e, t) {
+function I(e, t) {
   const n = typeof t.checkVisibility == "function" && t.checkVisibility({ checkVisibilityCSS: !0 });
-  for (const r of e) if (!(n ? !r.checkVisibility({ checkVisibilityCSS: !0 }) : H(r, { upTo: t }))) return r;
+  for (const r of e) if (!(n ? !r.checkVisibility({ checkVisibilityCSS: !0 }) : j(r, { upTo: t }))) return r;
 }
-c(P, "findVisible");
-function H(e, { upTo: t }) {
+c(I, "findVisible");
+function j(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (t !== void 0 && e === t) return !1;
@@ -120,47 +120,54 @@ function H(e, { upTo: t }) {
   }
   return !1;
 }
-c(H, "isHidden");
-function j(e) {
+c(j, "isHidden");
+function H(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-c(j, "isSelectableInput");
+c(H, "isSelectableInput");
 function v(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && j(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), e !== n && H(e) && t && e.select();
   }
 }
 c(v, "focus");
-var K = G();
-function G() {
+var D = $();
+function $() {
   let e = [];
   return {
     add(t) {
       const n = e[0];
-      t !== n && n?.pause(), e = R(e, t), e.unshift(t);
+      t !== n && n?.pause(), e = L(e, t), e.unshift(t);
     },
     remove(t) {
-      e = R(e, t), e[0]?.resume();
+      e = L(e, t), e[0]?.resume();
     }
   };
 }
-c(G, "createFocusScopesStack");
-function R(e, t) {
+c($, "createFocusScopesStack");
+function L(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
-c(R, "arrayRemove");
+c(L, "arrayRemove");
 function q(e) {
   return e.filter((t) => t.tagName !== "A");
 }
 c(q, "removeLinks");
-var M = 0, S = null;
-function ue() {
+var Z = Object.defineProperty, x = (e, t) => Z(e, "name", {
+  value: t,
+  configurable: !0
+}), M = 0, S = null;
+function ee(e) {
+  return B(), e.children;
+}
+x(ee, "FocusGuards");
+function B() {
   m.useEffect(() => {
     S || (S = {
-      start: V(),
-      end: V()
+      start: R(),
+      end: R()
     });
     const { start: e, end: t } = S;
     return document.body.firstElementChild !== e && document.body.insertAdjacentElement("afterbegin", e), document.body.lastElementChild !== t && document.body.insertAdjacentElement("beforeend", t), M++, () => {
@@ -168,55 +175,57 @@ function ue() {
     };
   }, []);
 }
-function V() {
+x(B, "useFocusGuards");
+function R() {
   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 X = function(e) {
+x(R, "createFocusGuard");
+var te = function(e) {
   return typeof document > "u" ? null : (Array.isArray(e) ? e[0] : e).ownerDocument.body;
-}, A = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), N = {}, g = 0, B = function(e) {
-  return e && (e.host || B(e.parentNode));
-}, Y = function(e, t) {
+}, A = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), N = {}, g = 0, z = function(e) {
+  return e && (e.host || z(e.parentNode));
+}, ne = function(e, t) {
   return t.map(function(n) {
     if (e.contains(n)) return n;
-    var r = B(n);
+    var r = z(n);
     return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(n) {
     return !!n;
   });
-}, Z = function(e, t, n, r) {
-  var a = Y(t, Array.isArray(e) ? e : [e]);
+}, re = function(e, t, n, r) {
+  var a = ne(t, Array.isArray(e) ? e : [e]);
   N[n] || (N[n] = /* @__PURE__ */ new WeakMap());
-  var h = N[n], k = [], E = /* @__PURE__ */ new Set(), o = new Set(a), C = function(u) {
-    !u || E.has(u) || (E.add(u), C(u.parentNode));
+  var h = N[n], T = [], E = /* @__PURE__ */ new Set(), u = new Set(a), k = function(o) {
+    !o || E.has(o) || (E.add(o), k(o.parentNode));
   };
-  a.forEach(C);
-  var F = function(u) {
-    !u || o.has(u) || Array.prototype.forEach.call(u.children, function(i) {
+  a.forEach(k);
+  var F = function(o) {
+    !o || u.has(o) || Array.prototype.forEach.call(o.children, function(i) {
       if (E.has(i)) F(i);
       else try {
-        var b = i.getAttribute(r), l = b !== null && b !== "false", O = (A.get(i) || 0) + 1, s = (h.get(i) || 0) + 1;
-        A.set(i, O), h.set(i, s), k.push(i), O === 1 && l && w.set(i, !0), s === 1 && i.setAttribute(n, "true"), l || i.setAttribute(r, "true");
+        var b = i.getAttribute(r), d = b !== null && b !== "false", C = (A.get(i) || 0) + 1, s = (h.get(i) || 0) + 1;
+        A.set(i, C), h.set(i, s), T.push(i), C === 1 && d && w.set(i, !0), s === 1 && i.setAttribute(n, "true"), d || i.setAttribute(r, "true");
       } catch (f) {
         console.error("aria-hidden: cannot operate on ", i, f);
       }
     });
   };
   return F(t), E.clear(), g++, function() {
-    k.forEach(function(u) {
-      var i = A.get(u) - 1, b = h.get(u) - 1;
-      A.set(u, i), h.set(u, b), i || (w.has(u) || u.removeAttribute(r), w.delete(u)), b || u.removeAttribute(n);
+    T.forEach(function(o) {
+      var i = A.get(o) - 1, b = h.get(o) - 1;
+      A.set(o, i), h.set(o, b), i || (w.has(o) || o.removeAttribute(r), w.delete(o)), b || o.removeAttribute(n);
     }), g--, g || (A = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), N = {});
   };
-}, se = function(e, t, n) {
+}, ae = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
-  var r = Array.from(Array.isArray(e) ? e : [e]), a = t || X(e);
-  return a ? (r.push.apply(r, Array.from(a.querySelectorAll("[aria-live], script"))), Z(r, a, n, "aria-hidden")) : function() {
+  var r = Array.from(Array.isArray(e) ? e : [e]), a = t || te(e);
+  return a ? (r.push.apply(r, Array.from(a.querySelectorAll("[aria-live], script"))), re(r, a, n, "aria-hidden")) : function() {
     return null;
   };
 };
 export {
-  ue as n,
-  oe as r,
-  se as t
+  B as n,
+  ce as r,
+  ae as t
 };