@konstructio/ui 0.1.2-alpha.20 → 0.1.2-alpha.22

package/dist/index-amYX3uxF.js

@@ -1,436 +0,0 @@
-import * as i from "react";
-import { a as Ee, c as he, b as _, d as ye } from "./index-BfXxHr_2.js";
-import { u as S, c as De } from "./index-DQH6odE9.js";
-import { u as w } from "./index-bwWKd82e.js";
-import { D as be } from "./index-CffpTFMi.js";
-import { P as N } from "./index-BVRIAMfe.js";
-import { u as j } from "./index-0ioNhtNM.js";
-import { jsx as l, jsxs as q, Fragment as B } from "react/jsx-runtime";
-import { P as Ce } from "./index-DdXGVVBv.js";
-import { P as U } from "./index-C1g_chDT.js";
-import { R as Ae } from "./Combination-VYaRRJBZ.js";
-var x = "focusScope.autoFocusOnMount", L = "focusScope.autoFocusOnUnmount", V = { bubbles: !1, cancelable: !0 }, Re = "FocusScope", Q = i.forwardRef((e, o) => {
-  const {
-    loop: t = !1,
-    trapped: n = !1,
-    onMountAutoFocus: r,
-    onUnmountAutoFocus: a,
-    ...d
-  } = e, [s, y] = i.useState(null), g = j(r), E = j(a), c = i.useRef(null), f = S(o, (u) => y(u)), p = i.useRef({
-    paused: !1,
-    pause() {
-      this.paused = !0;
-    },
-    resume() {
-      this.paused = !1;
-    }
-  }).current;
-  i.useEffect(() => {
-    if (n) {
-      let u = function(D) {
-        if (p.paused || !s) return;
-        const h = D.target;
-        s.contains(h) ? c.current = h : C(c.current, { select: !0 });
-      }, b = function(D) {
-        if (p.paused || !s) return;
-        const h = D.relatedTarget;
-        h !== null && (s.contains(h) || C(c.current, { select: !0 }));
-      }, v = function(D) {
-        if (document.activeElement === document.body)
-          for (const $ of D)
-            $.removedNodes.length > 0 && C(s);
-      };
-      document.addEventListener("focusin", u), document.addEventListener("focusout", b);
-      const O = new MutationObserver(v);
-      return s && O.observe(s, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", u), document.removeEventListener("focusout", b), O.disconnect();
-      };
-    }
-  }, [n, s, p.paused]), i.useEffect(() => {
-    if (s) {
-      Z.add(p);
-      const u = document.activeElement;
-      if (!s.contains(u)) {
-        const v = new CustomEvent(x, V);
-        s.addEventListener(x, g), s.dispatchEvent(v), v.defaultPrevented || (Ne(Fe(X(s)), { select: !0 }), document.activeElement === u && C(s));
-      }
-      return () => {
-        s.removeEventListener(x, g), setTimeout(() => {
-          const v = new CustomEvent(L, V);
-          s.addEventListener(L, E), s.dispatchEvent(v), v.defaultPrevented || C(u ?? document.body, { select: !0 }), s.removeEventListener(L, E), Z.remove(p);
-        }, 0);
-      };
-    }
-  }, [s, g, E, p]);
-  const P = i.useCallback(
-    (u) => {
-      if (!t && !n || p.paused) return;
-      const b = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, v = document.activeElement;
-      if (b && v) {
-        const O = u.currentTarget, [D, h] = Oe(O);
-        D && h ? !u.shiftKey && v === h ? (u.preventDefault(), t && C(D, { select: !0 })) : u.shiftKey && v === D && (u.preventDefault(), t && C(h, { select: !0 })) : v === O && u.preventDefault();
-      }
-    },
-    [t, n, p.paused]
-  );
-  return /* @__PURE__ */ l(N.div, { tabIndex: -1, ...d, ref: f, onKeyDown: P });
-});
-Q.displayName = Re;
-function Ne(e, { select: o = !1 } = {}) {
-  const t = document.activeElement;
-  for (const n of e)
-    if (C(n, { select: o }), document.activeElement !== t) return;
-}
-function Oe(e) {
-  const o = X(e), t = Y(o, e), n = Y(o.reverse(), e);
-  return [t, n];
-}
-function X(e) {
-  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (n) => {
-      const r = n.tagName === "INPUT" && n.type === "hidden";
-      return n.disabled || n.hidden || r ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; t.nextNode(); ) o.push(t.currentNode);
-  return o;
-}
-function Y(e, o) {
-  for (const t of e)
-    if (!_e(t, { upTo: o })) return t;
-}
-function _e(e, { upTo: o }) {
-  if (getComputedStyle(e).visibility === "hidden") return !0;
-  for (; e; ) {
-    if (o !== void 0 && e === o) return !1;
-    if (getComputedStyle(e).display === "none") return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-function Pe(e) {
-  return e instanceof HTMLInputElement && "select" in e;
-}
-function C(e, { select: o = !1 } = {}) {
-  if (e && e.focus) {
-    const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && Pe(e) && o && e.select();
-  }
-}
-var Z = Te();
-function Te() {
-  let e = [];
-  return {
-    add(o) {
-      const t = e[0];
-      o !== t && t?.pause(), e = z(e, o), e.unshift(o);
-    },
-    remove(o) {
-      e = z(e, o), e[0]?.resume();
-    }
-  };
-}
-function z(e, o) {
-  const t = [...e], n = t.indexOf(o);
-  return n !== -1 && t.splice(n, 1), t;
-}
-function Fe(e) {
-  return e.filter((o) => o.tagName !== "A");
-}
-var k = 0;
-function Ie() {
-  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()), k++, () => {
-      k === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), k--;
-    };
-  }, []);
-}
-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 Se = function(e) {
-  if (typeof document > "u")
-    return null;
-  var o = Array.isArray(e) ? e[0] : e;
-  return o.ownerDocument.body;
-}, R = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), F = {}, W = 0, ee = function(e) {
-  return e && (e.host || ee(e.parentNode));
-}, Me = function(e, o) {
-  return o.map(function(t) {
-    if (e.contains(t))
-      return t;
-    var n = ee(t);
-    return n && e.contains(n) ? n : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
-  }).filter(function(t) {
-    return !!t;
-  });
-}, we = function(e, o, t, n) {
-  var r = Me(o, Array.isArray(e) ? e : [e]);
-  F[t] || (F[t] = /* @__PURE__ */ new WeakMap());
-  var a = F[t], d = [], s = /* @__PURE__ */ new Set(), y = new Set(r), g = function(c) {
-    !c || s.has(c) || (s.add(c), g(c.parentNode));
-  };
-  r.forEach(g);
-  var E = function(c) {
-    !c || y.has(c) || Array.prototype.forEach.call(c.children, function(f) {
-      if (s.has(f))
-        E(f);
-      else
-        try {
-          var p = f.getAttribute(n), P = p !== null && p !== "false", u = (R.get(f) || 0) + 1, b = (a.get(f) || 0) + 1;
-          R.set(f, u), a.set(f, b), d.push(f), u === 1 && P && T.set(f, !0), b === 1 && f.setAttribute(t, "true"), P || f.setAttribute(n, "true");
-        } catch (v) {
-          console.error("aria-hidden: cannot operate on ", f, v);
-        }
-    });
-  };
-  return E(o), s.clear(), W++, function() {
-    d.forEach(function(c) {
-      var f = R.get(c) - 1, p = a.get(c) - 1;
-      R.set(c, f), a.set(c, p), f || (T.has(c) || c.removeAttribute(n), T.delete(c)), p || c.removeAttribute(t);
-    }), W--, W || (R = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), F = {});
-  };
-}, xe = function(e, o, t) {
-  t === void 0 && (t = "data-aria-hidden");
-  var n = Array.from(Array.isArray(e) ? e : [e]), r = Se(e);
-  return r ? (n.push.apply(n, Array.from(r.querySelectorAll("[aria-live]"))), we(n, r, t, "aria-hidden")) : function() {
-    return null;
-  };
-}, M = "Dialog", [te, tt] = he(M), [Le, m] = te(M), oe = (e) => {
-  const {
-    __scopeDialog: o,
-    children: t,
-    open: n,
-    defaultOpen: r,
-    onOpenChange: a,
-    modal: d = !0
-  } = e, s = i.useRef(null), y = i.useRef(null), [g, E] = Ee({
-    prop: n,
-    defaultProp: r ?? !1,
-    onChange: a,
-    caller: M
-  });
-  return /* @__PURE__ */ l(
-    Le,
-    {
-      scope: o,
-      triggerRef: s,
-      contentRef: y,
-      contentId: w(),
-      titleId: w(),
-      descriptionId: w(),
-      open: g,
-      onOpenChange: E,
-      onOpenToggle: i.useCallback(() => E((c) => !c), [E]),
-      modal: d,
-      children: t
-    }
-  );
-};
-oe.displayName = M;
-var ne = "DialogTrigger", re = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...n } = e, r = m(ne, t), a = S(o, r.triggerRef);
-    return /* @__PURE__ */ l(
-      N.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": r.open,
-        "aria-controls": r.contentId,
-        "data-state": H(r.open),
-        ...n,
-        ref: a,
-        onClick: _(e.onClick, r.onOpenToggle)
-      }
-    );
-  }
-);
-re.displayName = ne;
-var K = "DialogPortal", [ke, ae] = te(K, {
-  forceMount: void 0
-}), se = (e) => {
-  const { __scopeDialog: o, forceMount: t, children: n, container: r } = e, a = m(K, o);
-  return /* @__PURE__ */ l(ke, { scope: o, forceMount: t, children: i.Children.map(n, (d) => /* @__PURE__ */ l(U, { present: t || a.open, children: /* @__PURE__ */ l(Ce, { asChild: !0, container: r, children: d }) })) });
-};
-se.displayName = K;
-var I = "DialogOverlay", ie = i.forwardRef(
-  (e, o) => {
-    const t = ae(I, e.__scopeDialog), { forceMount: n = t.forceMount, ...r } = e, a = m(I, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ l(U, { present: n || a.open, children: /* @__PURE__ */ l(Ue, { ...r, ref: o }) }) : null;
-  }
-);
-ie.displayName = I;
-var We = De("DialogOverlay.RemoveScroll"), Ue = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...n } = e, r = m(I, t);
-    return (
-      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-      // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ l(Ae, { as: We, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ l(
-        N.div,
-        {
-          "data-state": H(r.open),
-          ...n,
-          ref: o,
-          style: { pointerEvents: "auto", ...n.style }
-        }
-      ) })
-    );
-  }
-), A = "DialogContent", ce = i.forwardRef(
-  (e, o) => {
-    const t = ae(A, e.__scopeDialog), { forceMount: n = t.forceMount, ...r } = e, a = m(A, e.__scopeDialog);
-    return /* @__PURE__ */ l(U, { present: n || a.open, children: a.modal ? /* @__PURE__ */ l(Ke, { ...r, ref: o }) : /* @__PURE__ */ l(Ge, { ...r, ref: o }) });
-  }
-);
-ce.displayName = A;
-var Ke = i.forwardRef(
-  (e, o) => {
-    const t = m(A, e.__scopeDialog), n = i.useRef(null), r = S(o, t.contentRef, n);
-    return i.useEffect(() => {
-      const a = n.current;
-      if (a) return xe(a);
-    }, []), /* @__PURE__ */ l(
-      ue,
-      {
-        ...e,
-        ref: r,
-        trapFocus: t.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: _(e.onCloseAutoFocus, (a) => {
-          a.preventDefault(), t.triggerRef.current?.focus();
-        }),
-        onPointerDownOutside: _(e.onPointerDownOutside, (a) => {
-          const d = a.detail.originalEvent, s = d.button === 0 && d.ctrlKey === !0;
-          (d.button === 2 || s) && a.preventDefault();
-        }),
-        onFocusOutside: _(
-          e.onFocusOutside,
-          (a) => a.preventDefault()
-        )
-      }
-    );
-  }
-), Ge = i.forwardRef(
-  (e, o) => {
-    const t = m(A, e.__scopeDialog), n = i.useRef(!1), r = i.useRef(!1);
-    return /* @__PURE__ */ l(
-      ue,
-      {
-        ...e,
-        ref: o,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (a) => {
-          e.onCloseAutoFocus?.(a), a.defaultPrevented || (n.current || t.triggerRef.current?.focus(), a.preventDefault()), n.current = !1, r.current = !1;
-        },
-        onInteractOutside: (a) => {
-          e.onInteractOutside?.(a), a.defaultPrevented || (n.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const d = a.target;
-          t.triggerRef.current?.contains(d) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
-        }
-      }
-    );
-  }
-), ue = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, trapFocus: n, onOpenAutoFocus: r, onCloseAutoFocus: a, ...d } = e, s = m(A, t), y = i.useRef(null), g = S(o, y);
-    return Ie(), /* @__PURE__ */ q(B, { children: [
-      /* @__PURE__ */ l(
-        Q,
-        {
-          asChild: !0,
-          loop: !0,
-          trapped: n,
-          onMountAutoFocus: r,
-          onUnmountAutoFocus: a,
-          children: /* @__PURE__ */ l(
-            be,
-            {
-              role: "dialog",
-              id: s.contentId,
-              "aria-describedby": s.descriptionId,
-              "aria-labelledby": s.titleId,
-              "data-state": H(s.open),
-              ...d,
-              ref: g,
-              onDismiss: () => s.onOpenChange(!1)
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ q(B, { children: [
-        /* @__PURE__ */ l(He, { titleId: s.titleId }),
-        /* @__PURE__ */ l(je, { contentRef: y, descriptionId: s.descriptionId })
-      ] })
-    ] });
-  }
-), G = "DialogTitle", le = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...n } = e, r = m(G, t);
-    return /* @__PURE__ */ l(N.h2, { id: r.titleId, ...n, ref: o });
-  }
-);
-le.displayName = G;
-var fe = "DialogDescription", de = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...n } = e, r = m(fe, t);
-    return /* @__PURE__ */ l(N.p, { id: r.descriptionId, ...n, ref: o });
-  }
-);
-de.displayName = fe;
-var pe = "DialogClose", ve = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...n } = e, r = m(pe, t);
-    return /* @__PURE__ */ l(
-      N.button,
-      {
-        type: "button",
-        ...n,
-        ref: o,
-        onClick: _(e.onClick, () => r.onOpenChange(!1))
-      }
-    );
-  }
-);
-ve.displayName = pe;
-function H(e) {
-  return e ? "open" : "closed";
-}
-var me = "DialogTitleWarning", [ot, ge] = ye(me, {
-  contentName: A,
-  titleName: G,
-  docsSlug: "dialog"
-}), He = ({ titleId: e }) => {
-  const o = ge(me), t = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
-  return i.useEffect(() => {
-    e && (document.getElementById(e) || console.error(t));
-  }, [t, e]), null;
-}, $e = "DialogDescriptionWarning", je = ({ contentRef: e, descriptionId: o }) => {
-  const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ge($e).contentName}}.`;
-  return i.useEffect(() => {
-    const r = e.current?.getAttribute("aria-describedby");
-    o && r && (document.getElementById(o) || console.warn(n));
-  }, [n, e, o]), null;
-}, nt = oe, rt = re, at = se, st = ie, it = ce, ct = le, ut = de, lt = ve;
-export {
-  it as C,
-  le as D,
-  st as O,
-  at as P,
-  nt as R,
-  ct as T,
-  ot as W,
-  se as a,
-  lt as b,
-  tt as c,
-  ut as d,
-  rt as e
-};

package/dist/index-sp5ZfG6g.js

@@ -1,31 +0,0 @@
-import * as i from "react";
-import { P as o } from "./index-BVRIAMfe.js";
-import { jsx as t } from "react/jsx-runtime";
-var d = Object.freeze({
-  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), s = "VisuallyHidden", e = i.forwardRef(
-  (r, a) => /* @__PURE__ */ t(
-    o.span,
-    {
-      ...r,
-      ref: a,
-      style: { ...d, ...r.style }
-    }
-  )
-);
-e.displayName = s;
-var n = e;
-export {
-  n as R,
-  e as V
-};