@konstructio/ui 0.1.2-alpha.78 → 0.1.2-alpha.79

package/dist/index-BvEpLnOv.js

@@ -1,144 +0,0 @@
-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-BvoZGpli.js

@@ -1,60 +0,0 @@
-import * as e from "react";
-import { c as S } from "./index-DLcqcWxM.js";
-import { jsx as y } from "react/jsx-runtime";
-var E = /* @__PURE__ */ Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
-function g(r) {
-  return typeof r == "object" && r !== null && "then" in r;
-}
-function d(r) {
-  return r != null && typeof r == "object" && "$$typeof" in r && r.$$typeof === E && "_payload" in r && g(r._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function C(r) {
-  const n = /* @__PURE__ */ _(r), o = e.forwardRef((i, t) => {
-    let { children: l, ...a } = i;
-    d(l) && typeof p == "function" && (l = p(l._payload));
-    const s = e.Children.toArray(l), f = s.find(b);
-    if (f) {
-      const c = f.props.children, m = s.map((u) => u === f ? e.Children.count(c) > 1 ? e.Children.only(null) : e.isValidElement(c) ? c.props.children : null : u);
-      return /* @__PURE__ */ y(n, { ...a, ref: t, children: e.isValidElement(c) ? e.cloneElement(c, void 0, m) : null });
-    }
-    return /* @__PURE__ */ y(n, { ...a, ref: t, children: l });
-  });
-  return o.displayName = `${r}.Slot`, o;
-}
-var V = /* @__PURE__ */ C("Slot");
-// @__NO_SIDE_EFFECTS__
-function _(r) {
-  const n = e.forwardRef((o, i) => {
-    let { children: t, ...l } = o;
-    if (d(t) && typeof p == "function" && (t = p(t._payload)), e.isValidElement(t)) {
-      const a = P(t), s = h(l, t.props);
-      return t.type !== e.Fragment && (s.ref = i ? S(i, a) : a), e.cloneElement(t, s);
-    }
-    return e.Children.count(t) > 1 ? e.Children.only(null) : null;
-  });
-  return n.displayName = `${r}.SlotClone`, n;
-}
-var R = /* @__PURE__ */ Symbol("radix.slottable");
-function b(r) {
-  return e.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === R;
-}
-function h(r, n) {
-  const o = { ...n };
-  for (const i in n) {
-    const t = r[i], l = n[i];
-    /^on[A-Z]/.test(i) ? t && l ? o[i] = (...s) => {
-      const f = l(...s);
-      return t(...s), f;
-    } : t && (o[i] = t) : i === "style" ? o[i] = { ...t, ...l } : i === "className" && (o[i] = [t, l].filter(Boolean).join(" "));
-  }
-  return { ...r, ...o };
-}
-function P(r) {
-  let n = Object.getOwnPropertyDescriptor(r.props, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning;
-  return o ? r.ref : (n = Object.getOwnPropertyDescriptor(r, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? r.props.ref : r.props.ref || r.ref);
-}
-export {
-  V as S,
-  C as c
-};

package/dist/index-C7zAY3xv.js

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

package/dist/index-CJnS4BVW.js

@@ -1,93 +0,0 @@
-import * as l from "react";
-import R from "react";
-import { b as T } from "./index--l0zux8V.js";
-import { c as P, u as A } from "./index-DLcqcWxM.js";
-import { jsx as E } from "react/jsx-runtime";
-// @__NO_SIDE_EFFECTS__
-function M(e) {
-  const t = /* @__PURE__ */ v(e), n = l.forwardRef((r, o) => {
-    const { children: c, ...a } = r, s = l.Children.toArray(c), d = s.find(w);
-    if (d) {
-      const f = d.props.children, y = s.map((I) => I === d ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : I);
-      return /* @__PURE__ */ E(t, { ...a, ref: o, children: l.isValidElement(f) ? l.cloneElement(f, void 0, y) : null });
-    }
-    return /* @__PURE__ */ E(t, { ...a, ref: o, children: c });
-  });
-  return n.displayName = `${e}.Slot`, n;
-}
-// @__NO_SIDE_EFFECTS__
-function v(e) {
-  const t = l.forwardRef((n, r) => {
-    const { children: o, ...c } = n;
-    if (l.isValidElement(o)) {
-      const a = D(o), s = V(c, o.props);
-      return o.type !== l.Fragment && (s.ref = r ? P(r, a) : a), l.cloneElement(o, s);
-    }
-    return l.Children.count(o) > 1 ? l.Children.only(null) : null;
-  });
-  return t.displayName = `${e}.SlotClone`, t;
-}
-var b = /* @__PURE__ */ Symbol("radix.slottable");
-function w(e) {
-  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === b;
-}
-function V(e, t) {
-  const n = { ...t };
-  for (const r in t) {
-    const o = e[r], c = t[r];
-    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...s) => {
-      const d = c(...s);
-      return o(...s), d;
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
-  }
-  return { ...e, ...n };
-}
-function D(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);
-}
-function B(e) {
-  const t = e + "CollectionProvider", [n, r] = T(t), [o, c] = n(
-    t,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (m) => {
-    const { scope: i, children: S } = m, u = R.useRef(null), p = R.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ E(o, { scope: i, itemMap: p, collectionRef: u, children: S });
-  };
-  a.displayName = t;
-  const s = e + "CollectionSlot", d = /* @__PURE__ */ M(s), f = R.forwardRef(
-    (m, i) => {
-      const { scope: S, children: u } = m, p = c(s, S), C = A(i, p.collectionRef);
-      return /* @__PURE__ */ E(d, { ref: C, children: u });
-    }
-  );
-  f.displayName = s;
-  const y = e + "CollectionItemSlot", I = "data-radix-collection-item", N = /* @__PURE__ */ M(y), _ = R.forwardRef(
-    (m, i) => {
-      const { scope: S, children: u, ...p } = m, C = R.useRef(null), g = A(i, C), x = c(y, S);
-      return R.useEffect(() => (x.itemMap.set(C, { ref: C, ...p }), () => {
-        x.itemMap.delete(C);
-      })), /* @__PURE__ */ E(N, { [I]: "", ref: g, children: u });
-    }
-  );
-  _.displayName = y;
-  function O(m) {
-    const i = c(e + "CollectionConsumer", m);
-    return R.useCallback(() => {
-      const u = i.collectionRef.current;
-      if (!u) return [];
-      const p = Array.from(u.querySelectorAll(`[${I}]`));
-      return Array.from(i.itemMap.values()).sort(
-        (x, h) => p.indexOf(x.ref.current) - p.indexOf(h.ref.current)
-      );
-    }, [i.collectionRef, i.itemMap]);
-  }
-  return [
-    { Provider: a, Slot: f, ItemSlot: _ },
-    O,
-    r
-  ];
-}
-export {
-  B as c
-};