@konstructio/ui 0.1.2-alpha.4 → 0.1.2-alpha.41

package/dist/index-CrBonFvu.js

@@ -1,144 +0,0 @@
-import * as r from "react";
-import { b as p, u as U } from "./index-BfXxHr_2.js";
-import { P as m, d as z, R as H } from "./index-C9T9HQaa.js";
-import { u as T } from "./index-DQH6odE9.js";
-import { u as b } from "./index-0ioNhtNM.js";
-import { jsx as P } from "react/jsx-runtime";
-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", w, 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), k = D.indexOf(W), O = u ? D.indexOf(u) : -1, _ = c.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= k, M = G((i) => {
-      const v = i.target, R = [...c.branches].some((y) => y.contains(v));
-      !L || R || (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 && (w = 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 = w);
-        };
-    }, [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: _ ? 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 ? z(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);
-  U(() => 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-Cvx4lqTq.js

@@ -1,47 +0,0 @@
-import r from "react";
-import { c as y } from "./index-BfXxHr_2.js";
-import { u as M, c as x } from "./index-DQH6odE9.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-DQH6odE9.js

@@ -1,82 +0,0 @@
-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), c = s.find(E);
-    if (c) {
-      const u = c.props.children, S = s.map((p) => p === c ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : p);
-      return /* @__PURE__ */ f(n, { ...a, ref: t, children: i.isValidElement(u) ? i.cloneElement(u, 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) => {
-      const c = l(...s);
-      return t(...s), c;
-    } : 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) {
-  let n = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = n && "isReactWarning" in n && n.isReactWarning;
-  return r ? e.ref : (n = Object.getOwnPropertyDescriptor(e, "ref")?.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-Oq5GlCHP.js

@@ -1,131 +0,0 @@
-import { jsx as i, jsxs as O } from "react/jsx-runtime";
-import * as l from "react";
-import { c as w, b as M } from "./index-BfXxHr_2.js";
-import { u, b as x } from "./index-DQH6odE9.js";
-import { c as A, R as I, P as $, O as L, W as F, C as G, T as W, d as j, b as v, e as B } from "./index-BXuxPoz7.js";
-import { Button as Y } from "./components/Button/Button.js";
-import { cn as k } from "./utils/index.js";
-var D = "AlertDialog", [q, le] = w(D, [
-  A
-]), s = A(), f = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, a = s(o);
-  return /* @__PURE__ */ i(I, { ...a, ...r, modal: !0 });
-};
-f.displayName = D;
-var H = "AlertDialogTrigger", m = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(B, { ...t, ...a, ref: o });
-  }
-);
-m.displayName = H;
-var V = "AlertDialogPortal", y = (e) => {
-  const { __scopeAlertDialog: o, ...r } = e, a = s(o);
-  return /* @__PURE__ */ i($, { ...a, ...r });
-};
-y.displayName = V;
-var z = "AlertDialogOverlay", _ = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(L, { ...t, ...a, ref: o });
-  }
-);
-_.displayName = z;
-var n = "AlertDialogContent", [J, K] = q(n), Q = x("AlertDialogContent"), N = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, children: a, ...t } = e, d = s(r), p = l.useRef(null), b = u(o, p), g = l.useRef(null);
-    return /* @__PURE__ */ i(
-      F,
-      {
-        contentName: n,
-        titleName: h,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ i(J, { scope: r, cancelRef: g, children: /* @__PURE__ */ O(
-          G,
-          {
-            role: "alertdialog",
-            ...d,
-            ...t,
-            ref: b,
-            onOpenAutoFocus: M(t.onOpenAutoFocus, (c) => {
-              c.preventDefault(), g.current?.focus({ preventScroll: !0 });
-            }),
-            onPointerDownOutside: (c) => c.preventDefault(),
-            onInteractOutside: (c) => c.preventDefault(),
-            children: [
-              /* @__PURE__ */ i(Q, { children: a }),
-              /* @__PURE__ */ i(X, { contentRef: p })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-N.displayName = n;
-var h = "AlertDialogTitle", C = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(W, { ...t, ...a, ref: o });
-  }
-);
-C.displayName = h;
-var R = "AlertDialogDescription", E = l.forwardRef((e, o) => {
-  const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-  return /* @__PURE__ */ i(j, { ...t, ...a, ref: o });
-});
-E.displayName = R;
-var U = "AlertDialogAction", P = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, t = s(r);
-    return /* @__PURE__ */ i(v, { ...t, ...a, ref: o });
-  }
-);
-P.displayName = U;
-var S = "AlertDialogCancel", T = l.forwardRef(
-  (e, o) => {
-    const { __scopeAlertDialog: r, ...a } = e, { cancelRef: t } = K(S, r), d = s(r), p = u(o, t);
-    return /* @__PURE__ */ i(v, { ...d, ...a, ref: p });
-  }
-);
-T.displayName = S;
-var X = ({ contentRef: e }) => {
-  const o = `\`${n}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${n}\` by passing a \`${R}\` 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 \`${n}\`. 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 l.useEffect(() => {
-    document.getElementById(
-      e.current?.getAttribute("aria-describedby")
-    ) || console.warn(o);
-  }, [o, e]), null;
-}, se = f, Z = m, ne = y, ce = _, pe = N, de = P, ge = T, ue = C, Ae = E;
-const ve = ({
-  "data-theme": e,
-  className: o,
-  text: r,
-  onOpen: a
-}) => /* @__PURE__ */ i(Z, { asChild: !0, children: /* @__PURE__ */ i(
-  Y,
-  {
-    type: "button",
-    "data-theme": e,
-    className: k(o),
-    onClick: a,
-    children: r
-  }
-) });
-export {
-  ve as A,
-  pe as C,
-  Ae as D,
-  ce as O,
-  ne as P,
-  se as R,
-  ue as T,
-  ge as a,
-  de as b
-};

package/dist/index-iXyXtdgP.js

@@ -1,31 +0,0 @@
-import * as i from "react";
-import { P as o } from "./index-C9T9HQaa.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
-};