@konstructio/ui 0.0.12-alpha.2 → 0.0.12-alpha.4

package/dist/index-3jTPaVvh.js

@@ -1,551 +0,0 @@
-import { jsx as c, jsxs as U, Fragment as j } from "react/jsx-runtime";
-import * as i from "react";
-import { u as xe, d as Y, c as ee, e as Le, a as ke, b as R } from "./index-Cva-e5M4.js";
-import { u as O, S as We, a as $e } from "./index-B_6_jmOO.js";
-import { P as Ue, D as Ge } from "./index-B33at13_.js";
-import { P } from "./index-BTeAm7mx.js";
-import { P as G } from "./index-Dj1pom3_.js";
-import { R as Ke } from "./Combination-b348x__d.js";
-import { Button as Be } from "./components/Button/Button.js";
-import { useTheme as He } from "./contexts/theme.hook.js";
-var qe = i.useId || (() => {
-}), Ve = 0;
-function x(e) {
-  const [o, t] = i.useState(qe());
-  return xe(() => {
-    t((r) => r ?? String(Ve++));
-  }, [e]), e || (o ? `radix-${o}` : "");
-}
-var L = "focusScope.autoFocusOnMount", k = "focusScope.autoFocusOnUnmount", Z = { bubbles: !1, cancelable: !0 }, je = "FocusScope", te = i.forwardRef((e, o) => {
-  const {
-    loop: t = !1,
-    trapped: r = !1,
-    onMountAutoFocus: n,
-    onUnmountAutoFocus: a,
-    ...l
-  } = e, [s, g] = i.useState(null), f = Y(n), D = Y(a), u = i.useRef(null), p = O(o, (d) => g(d)), v = i.useRef({
-    paused: !1,
-    pause() {
-      this.paused = !0;
-    },
-    resume() {
-      this.paused = !1;
-    }
-  }).current;
-  i.useEffect(() => {
-    if (r) {
-      let d = function(h) {
-        if (v.paused || !s) return;
-        const E = h.target;
-        s.contains(E) ? u.current = E : b(u.current, { select: !0 });
-      }, C = function(h) {
-        if (v.paused || !s) return;
-        const E = h.relatedTarget;
-        E !== null && (s.contains(E) || b(u.current, { select: !0 }));
-      }, m = function(h) {
-        if (document.activeElement === document.body)
-          for (const V of h)
-            V.removedNodes.length > 0 && b(s);
-      };
-      document.addEventListener("focusin", d), document.addEventListener("focusout", C);
-      const S = new MutationObserver(m);
-      return s && S.observe(s, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", d), document.removeEventListener("focusout", C), S.disconnect();
-      };
-    }
-  }, [r, s, v.paused]), i.useEffect(() => {
-    if (s) {
-      J.add(v);
-      const d = document.activeElement;
-      if (!s.contains(d)) {
-        const m = new CustomEvent(L, Z);
-        s.addEventListener(L, f), s.dispatchEvent(m), m.defaultPrevented || (Ye(Xe(oe(s)), { select: !0 }), document.activeElement === d && b(s));
-      }
-      return () => {
-        s.removeEventListener(L, f), setTimeout(() => {
-          const m = new CustomEvent(k, Z);
-          s.addEventListener(k, D), s.dispatchEvent(m), m.defaultPrevented || b(d ?? document.body, { select: !0 }), s.removeEventListener(k, D), J.remove(v);
-        }, 0);
-      };
-    }
-  }, [s, f, D, v]);
-  const I = i.useCallback(
-    (d) => {
-      if (!t && !r || v.paused) return;
-      const C = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, m = document.activeElement;
-      if (C && m) {
-        const S = d.currentTarget, [h, E] = Ze(S);
-        h && E ? !d.shiftKey && m === E ? (d.preventDefault(), t && b(h, { select: !0 })) : d.shiftKey && m === h && (d.preventDefault(), t && b(E, { select: !0 })) : m === S && d.preventDefault();
-      }
-    },
-    [t, r, v.paused]
-  );
-  return /* @__PURE__ */ c(P.div, { tabIndex: -1, ...l, ref: p, onKeyDown: I });
-});
-te.displayName = je;
-function Ye(e, { select: o = !1 } = {}) {
-  const t = document.activeElement;
-  for (const r of e)
-    if (b(r, { select: o }), document.activeElement !== t) return;
-}
-function Ze(e) {
-  const o = oe(e), t = z(o, e), r = z(o.reverse(), e);
-  return [t, r];
-}
-function oe(e) {
-  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (r) => {
-      const n = r.tagName === "INPUT" && r.type === "hidden";
-      return r.disabled || r.hidden || n ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; t.nextNode(); ) o.push(t.currentNode);
-  return o;
-}
-function z(e, o) {
-  for (const t of e)
-    if (!ze(t, { upTo: o })) return t;
-}
-function ze(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 Je(e) {
-  return e instanceof HTMLInputElement && "select" in e;
-}
-function b(e, { select: o = !1 } = {}) {
-  if (e && e.focus) {
-    const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && Je(e) && o && e.select();
-  }
-}
-var J = Qe();
-function Qe() {
-  let e = [];
-  return {
-    add(o) {
-      const t = e[0];
-      o !== t && (t == null || t.pause()), e = Q(e, o), e.unshift(o);
-    },
-    remove(o) {
-      var t;
-      e = Q(e, o), (t = e[0]) == null || t.resume();
-    }
-  };
-}
-function Q(e, o) {
-  const t = [...e], r = t.indexOf(o);
-  return r !== -1 && t.splice(r, 1), t;
-}
-function Xe(e) {
-  return e.filter((o) => o.tagName !== "A");
-}
-var W = 0;
-function et() {
-  i.useEffect(() => {
-    const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? X()), document.body.insertAdjacentElement("beforeend", e[1] ?? X()), W++, () => {
-      W === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), W--;
-    };
-  }, []);
-}
-function X() {
-  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 tt = function(e) {
-  if (typeof document > "u")
-    return null;
-  var o = Array.isArray(e) ? e[0] : e;
-  return o.ownerDocument.body;
-}, _ = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), w = {}, $ = 0, re = function(e) {
-  return e && (e.host || re(e.parentNode));
-}, ot = function(e, o) {
-  return o.map(function(t) {
-    if (e.contains(t))
-      return t;
-    var r = re(t);
-    return r && e.contains(r) ? r : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
-  }).filter(function(t) {
-    return !!t;
-  });
-}, rt = function(e, o, t, r) {
-  var n = ot(o, Array.isArray(e) ? e : [e]);
-  w[t] || (w[t] = /* @__PURE__ */ new WeakMap());
-  var a = w[t], l = [], s = /* @__PURE__ */ new Set(), g = new Set(n), f = function(u) {
-    !u || s.has(u) || (s.add(u), f(u.parentNode));
-  };
-  n.forEach(f);
-  var D = function(u) {
-    !u || g.has(u) || Array.prototype.forEach.call(u.children, function(p) {
-      if (s.has(p))
-        D(p);
-      else
-        try {
-          var v = p.getAttribute(r), I = v !== null && v !== "false", d = (_.get(p) || 0) + 1, C = (a.get(p) || 0) + 1;
-          _.set(p, d), a.set(p, C), l.push(p), d === 1 && I && M.set(p, !0), C === 1 && p.setAttribute(t, "true"), I || p.setAttribute(r, "true");
-        } catch (m) {
-          console.error("aria-hidden: cannot operate on ", p, m);
-        }
-    });
-  };
-  return D(o), s.clear(), $++, function() {
-    l.forEach(function(u) {
-      var p = _.get(u) - 1, v = a.get(u) - 1;
-      _.set(u, p), a.set(u, v), p || (M.has(u) || u.removeAttribute(r), M.delete(u)), v || u.removeAttribute(t);
-    }), $--, $ || (_ = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), w = {});
-  };
-}, nt = function(e, o, t) {
-  t === void 0 && (t = "data-aria-hidden");
-  var r = Array.from(Array.isArray(e) ? e : [e]), n = tt(e);
-  return n ? (r.push.apply(r, Array.from(n.querySelectorAll("[aria-live]"))), rt(r, n, t, "aria-hidden")) : function() {
-    return null;
-  };
-}, K = "Dialog", [ne, ae] = ee(K), [at, A] = ne(K), se = (e) => {
-  const {
-    __scopeDialog: o,
-    children: t,
-    open: r,
-    defaultOpen: n,
-    onOpenChange: a,
-    modal: l = !0
-  } = e, s = i.useRef(null), g = i.useRef(null), [f = !1, D] = ke({
-    prop: r,
-    defaultProp: n,
-    onChange: a
-  });
-  return /* @__PURE__ */ c(
-    at,
-    {
-      scope: o,
-      triggerRef: s,
-      contentRef: g,
-      contentId: x(),
-      titleId: x(),
-      descriptionId: x(),
-      open: f,
-      onOpenChange: D,
-      onOpenToggle: i.useCallback(() => D((u) => !u), [D]),
-      modal: l,
-      children: t
-    }
-  );
-};
-se.displayName = K;
-var ie = "DialogTrigger", ce = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...r } = e, n = A(ie, t), a = O(o, n.triggerRef);
-    return /* @__PURE__ */ c(
-      P.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": n.open,
-        "aria-controls": n.contentId,
-        "data-state": q(n.open),
-        ...r,
-        ref: a,
-        onClick: R(e.onClick, n.onOpenToggle)
-      }
-    );
-  }
-);
-ce.displayName = ie;
-var B = "DialogPortal", [st, le] = ne(B, {
-  forceMount: void 0
-}), ue = (e) => {
-  const { __scopeDialog: o, forceMount: t, children: r, container: n } = e, a = A(B, o);
-  return /* @__PURE__ */ c(st, { scope: o, forceMount: t, children: i.Children.map(r, (l) => /* @__PURE__ */ c(G, { present: t || a.open, children: /* @__PURE__ */ c(Ue, { asChild: !0, container: n, children: l }) })) });
-};
-ue.displayName = B;
-var F = "DialogOverlay", de = i.forwardRef(
-  (e, o) => {
-    const t = le(F, e.__scopeDialog), { forceMount: r = t.forceMount, ...n } = e, a = A(F, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ c(G, { present: r || a.open, children: /* @__PURE__ */ c(it, { ...n, ref: o }) }) : null;
-  }
-);
-de.displayName = F;
-var it = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...r } = e, n = A(F, t);
-    return (
-      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-      // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ c(Ke, { as: We, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ c(
-        P.div,
-        {
-          "data-state": q(n.open),
-          ...r,
-          ref: o,
-          style: { pointerEvents: "auto", ...r.style }
-        }
-      ) })
-    );
-  }
-), N = "DialogContent", fe = i.forwardRef(
-  (e, o) => {
-    const t = le(N, e.__scopeDialog), { forceMount: r = t.forceMount, ...n } = e, a = A(N, e.__scopeDialog);
-    return /* @__PURE__ */ c(G, { present: r || a.open, children: a.modal ? /* @__PURE__ */ c(ct, { ...n, ref: o }) : /* @__PURE__ */ c(lt, { ...n, ref: o }) });
-  }
-);
-fe.displayName = N;
-var ct = i.forwardRef(
-  (e, o) => {
-    const t = A(N, e.__scopeDialog), r = i.useRef(null), n = O(o, t.contentRef, r);
-    return i.useEffect(() => {
-      const a = r.current;
-      if (a) return nt(a);
-    }, []), /* @__PURE__ */ c(
-      pe,
-      {
-        ...e,
-        ref: n,
-        trapFocus: t.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: R(e.onCloseAutoFocus, (a) => {
-          var l;
-          a.preventDefault(), (l = t.triggerRef.current) == null || l.focus();
-        }),
-        onPointerDownOutside: R(e.onPointerDownOutside, (a) => {
-          const l = a.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
-          (l.button === 2 || s) && a.preventDefault();
-        }),
-        onFocusOutside: R(
-          e.onFocusOutside,
-          (a) => a.preventDefault()
-        )
-      }
-    );
-  }
-), lt = i.forwardRef(
-  (e, o) => {
-    const t = A(N, e.__scopeDialog), r = i.useRef(!1), n = i.useRef(!1);
-    return /* @__PURE__ */ c(
-      pe,
-      {
-        ...e,
-        ref: o,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (a) => {
-          var l, s;
-          (l = e.onCloseAutoFocus) == null || l.call(e, a), a.defaultPrevented || (r.current || (s = t.triggerRef.current) == null || s.focus(), a.preventDefault()), r.current = !1, n.current = !1;
-        },
-        onInteractOutside: (a) => {
-          var g, f;
-          (g = e.onInteractOutside) == null || g.call(e, a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (n.current = !0));
-          const l = a.target;
-          ((f = t.triggerRef.current) == null ? void 0 : f.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && n.current && a.preventDefault();
-        }
-      }
-    );
-  }
-), pe = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, trapFocus: r, onOpenAutoFocus: n, onCloseAutoFocus: a, ...l } = e, s = A(N, t), g = i.useRef(null), f = O(o, g);
-    return et(), /* @__PURE__ */ U(j, { children: [
-      /* @__PURE__ */ c(
-        te,
-        {
-          asChild: !0,
-          loop: !0,
-          trapped: r,
-          onMountAutoFocus: n,
-          onUnmountAutoFocus: a,
-          children: /* @__PURE__ */ c(
-            Ge,
-            {
-              role: "dialog",
-              id: s.contentId,
-              "aria-describedby": s.descriptionId,
-              "aria-labelledby": s.titleId,
-              "data-state": q(s.open),
-              ...l,
-              ref: f,
-              onDismiss: () => s.onOpenChange(!1)
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ U(j, { children: [
-        /* @__PURE__ */ c(dt, { titleId: s.titleId }),
-        /* @__PURE__ */ c(pt, { contentRef: g, descriptionId: s.descriptionId })
-      ] })
-    ] });
-  }
-), H = "DialogTitle", ge = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...r } = e, n = A(H, t);
-    return /* @__PURE__ */ c(P.h2, { id: n.titleId, ...r, ref: o });
-  }
-);
-ge.displayName = H;
-var ve = "DialogDescription", me = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...r } = e, n = A(ve, t);
-    return /* @__PURE__ */ c(P.p, { id: n.descriptionId, ...r, ref: o });
-  }
-);
-me.displayName = ve;
-var De = "DialogClose", Ae = i.forwardRef(
-  (e, o) => {
-    const { __scopeDialog: t, ...r } = e, n = A(De, t);
-    return /* @__PURE__ */ c(
-      P.button,
-      {
-        type: "button",
-        ...r,
-        ref: o,
-        onClick: R(e.onClick, () => n.onOpenChange(!1))
-      }
-    );
-  }
-);
-Ae.displayName = De;
-function q(e) {
-  return e ? "open" : "closed";
-}
-var Ee = "DialogTitleWarning", [ut, he] = Le(Ee, {
-  contentName: N,
-  titleName: H,
-  docsSlug: "dialog"
-}), dt = ({ titleId: e }) => {
-  const o = he(Ee), 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;
-}, ft = "DialogDescriptionWarning", pt = ({ contentRef: e, descriptionId: o }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${he(ft).contentName}}.`;
-  return i.useEffect(() => {
-    var a;
-    const n = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
-    o && n && (document.getElementById(o) || console.warn(r));
-  }, [r, e, o]), null;
-}, gt = se, vt = ce, mt = ue, Dt = de, At = fe, Et = ge, ht = me, ye = Ae, Ce = "AlertDialog", [yt, $t] = ee(Ce, [
-  ae
-]), y = ae(), be = (e) => {
-  const { __scopeAlertDialog: o, ...t } = e, r = y(o);
-  return /* @__PURE__ */ c(gt, { ...r, ...t, modal: !0 });
-};
-be.displayName = Ce;
-var Ct = "AlertDialogTrigger", Ne = i.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
-    return /* @__PURE__ */ c(vt, { ...n, ...r, ref: o });
-  }
-);
-Ne.displayName = Ct;
-var bt = "AlertDialogPortal", _e = (e) => {
-  const { __scopeAlertDialog: o, ...t } = e, r = y(o);
-  return /* @__PURE__ */ c(mt, { ...r, ...t });
-};
-_e.displayName = bt;
-var Nt = "AlertDialogOverlay", Re = i.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
-    return /* @__PURE__ */ c(Dt, { ...n, ...r, ref: o });
-  }
-);
-Re.displayName = Nt;
-var T = "AlertDialogContent", [_t, Rt] = yt(T), Te = i.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: t, children: r, ...n } = e, a = y(t), l = i.useRef(null), s = O(o, l), g = i.useRef(null);
-    return /* @__PURE__ */ c(
-      ut,
-      {
-        contentName: T,
-        titleName: Oe,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ c(_t, { scope: t, cancelRef: g, children: /* @__PURE__ */ U(
-          At,
-          {
-            role: "alertdialog",
-            ...a,
-            ...n,
-            ref: s,
-            onOpenAutoFocus: R(n.onOpenAutoFocus, (f) => {
-              var D;
-              f.preventDefault(), (D = g.current) == null || D.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (f) => f.preventDefault(),
-            onInteractOutside: (f) => f.preventDefault(),
-            children: [
-              /* @__PURE__ */ c($e, { children: r }),
-              /* @__PURE__ */ c(Ot, { contentRef: l })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-Te.displayName = T;
-var Oe = "AlertDialogTitle", Pe = i.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
-    return /* @__PURE__ */ c(Et, { ...n, ...r, ref: o });
-  }
-);
-Pe.displayName = Oe;
-var Se = "AlertDialogDescription", Ie = i.forwardRef((e, o) => {
-  const { __scopeAlertDialog: t, ...r } = e, n = y(t);
-  return /* @__PURE__ */ c(ht, { ...n, ...r, ref: o });
-});
-Ie.displayName = Se;
-var Tt = "AlertDialogAction", Me = i.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
-    return /* @__PURE__ */ c(ye, { ...n, ...r, ref: o });
-  }
-);
-Me.displayName = Tt;
-var we = "AlertDialogCancel", Fe = i.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: t, ...r } = e, { cancelRef: n } = Rt(we, t), a = y(t), l = O(o, n);
-    return /* @__PURE__ */ c(ye, { ...a, ...r, ref: l });
-  }
-);
-Fe.displayName = we;
-var Ot = ({ contentRef: e }) => {
-  const o = `\`${T}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${T}\` by passing a \`${Se}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${T}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  return i.useEffect(() => {
-    var r;
-    document.getElementById(
-      (r = e.current) == null ? void 0 : r.getAttribute("aria-describedby")
-    ) || console.warn(o);
-  }, [o, e]), null;
-}, Ut = be, Pt = Ne, Gt = _e, Kt = Re, Bt = Te, Ht = Me, qt = Fe, Vt = Pe, jt = Ie;
-const Yt = ({
-  text: e,
-  theme: o,
-  onOpen: t
-}) => {
-  const { theme: r } = He();
-  return /* @__PURE__ */ c(Pt, { asChild: !0, children: /* @__PURE__ */ c(Be, { type: "button", theme: o ?? r, onClick: t, children: e }) });
-};
-export {
-  Yt as A,
-  Bt as C,
-  jt as D,
-  Kt as O,
-  Gt as P,
-  Ut as R,
-  Vt as T,
-  qt as a,
-  Ht as b
-};