@konstructio/ui 0.1.2-alpha.12 → 0.1.2-alpha.120

package/dist/dist-BqDJX7m1.js

@@ -0,0 +1,209 @@
+import { a as h, n as k } from "./dist-CK8FUUUn.js";
+import { t as v } from "./dist-CYuWoi9I.js";
+import { i as G, n as y, r as p, t as j } from "./dist-DbeY0Pzx.js";
+import { n as _ } from "./dist-C0OhTLFV.js";
+import { a as B, i as $, n as z, o as H, t as K } from "./dist-Bh7M0KDN.js";
+import { t as U } from "./dist-BbJP2Efh.js";
+import { t as O } from "./dist-uuWgjOcO.js";
+import { n as V, t as Y } from "./es2015-ChhQTsb4.js";
+import { t as Z } from "./Combination-CnMM05mt.js";
+import * as i from "react";
+import { jsx as c } from "react/jsx-runtime";
+var q = Object.defineProperty, u = (l, o) => q(l, "name", {
+  value: o,
+  configurable: !0
+}), b = "Dialog", [I, pe] = G(b), [J, d] = I(b), De = /* @__PURE__ */ u((l) => {
+  const { __scopeDialog: o, children: r, open: n, defaultOpen: a, onOpenChange: t, modal: e = !0 } = l, s = i.useRef(null), g = i.useRef(null), { nodes: C, registry: f } = $(), [S, R] = j({
+    prop: n,
+    defaultProp: a ?? !1,
+    onChange: t,
+    caller: b
+  }), [F, T] = i.useState(0), [w, N] = i.useState(0);
+  return /* @__PURE__ */ c(J, {
+    scope: o,
+    triggerRef: s,
+    contentRef: g,
+    contentId: _(),
+    titleId: _(),
+    descriptionId: _(),
+    titlePresent: F > 0,
+    descriptionPresent: w > 0,
+    setTitleCount: T,
+    setDescriptionCount: N,
+    open: S,
+    onOpenChange: R,
+    onOpenToggle: i.useCallback(() => R((L) => !L), [R]),
+    modal: e,
+    branchNodes: C,
+    branchRegistry: f,
+    children: r
+  });
+}, "Dialog"), Q = "DialogTrigger", ve = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const { __scopeDialog: n, ...a } = o, t = d(Q, n), e = h(r, t.triggerRef);
+  return /* @__PURE__ */ c(v.button, {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": t.open,
+    "aria-controls": t.open ? t.contentId : void 0,
+    "data-state": m(t.open),
+    ...a,
+    ref: e,
+    onClick: p(o.onClick, t.onOpenToggle)
+  });
+}, "DialogTrigger")), x = "DialogPortal", [W, A] = I(x, { forceMount: void 0 }), me = /* @__PURE__ */ u((l) => {
+  const { __scopeDialog: o, forceMount: r, children: n, container: a } = l, t = d(x, o);
+  return /* @__PURE__ */ c(W, {
+    scope: o,
+    forceMount: r,
+    children: i.Children.map(n, (e) => /* @__PURE__ */ c(O, {
+      present: r || t.open,
+      children: /* @__PURE__ */ c(U, {
+        asChild: !0,
+        container: a,
+        children: e
+      })
+    }))
+  });
+}, "DialogPortal"), P = "DialogOverlay", Ce = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const n = A(P, o.__scopeDialog), { forceMount: a = n.forceMount, ...t } = o, e = d(P, o.__scopeDialog);
+  return e.modal ? /* @__PURE__ */ c(O, {
+    present: a || e.open,
+    children: /* @__PURE__ */ c(ee, {
+      ...t,
+      ref: r
+    })
+  }) : null;
+}, "DialogOverlay")), X = k("DialogOverlay.RemoveScroll"), ee = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const { __scopeDialog: n, ...a } = o, t = d(P, n), e = H(), s = h(r, e);
+  return /* @__PURE__ */ c(Z, {
+    as: X,
+    allowPinchZoom: !0,
+    shards: i.useMemo(() => [t.contentRef, ...t.branchNodes.map((g) => ({ current: g }))], [t.contentRef, t.branchNodes]),
+    children: /* @__PURE__ */ c(v.div, {
+      "data-state": m(t.open),
+      ...a,
+      ref: s,
+      style: {
+        pointerEvents: "auto",
+        ...a.style
+      }
+    })
+  });
+}, "DialogOverlayImpl")), D = "DialogContent", Re = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const n = A(D, o.__scopeDialog), { forceMount: a = n.forceMount, ...t } = o, e = d(D, o.__scopeDialog);
+  return /* @__PURE__ */ c(O, {
+    present: a || e.open,
+    children: e.modal ? /* @__PURE__ */ c(oe, {
+      ...t,
+      ref: r
+    }) : /* @__PURE__ */ c(te, {
+      ...t,
+      ref: r
+    })
+  });
+}, "DialogContent")), oe = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const n = d(D, o.__scopeDialog), a = i.useRef(null), t = h(r, n.contentRef, a);
+  return i.useEffect(() => {
+    const e = a.current;
+    if (e) return Y(e);
+  }, []), /* @__PURE__ */ c(E, {
+    ...o,
+    ref: t,
+    trapFocus: n.open,
+    disableOutsidePointerEvents: n.open,
+    onCloseAutoFocus: p(o.onCloseAutoFocus, (e) => {
+      e.preventDefault(), n.triggerRef.current?.focus();
+    }),
+    onPointerDownOutside: p(o.onPointerDownOutside, (e) => {
+      const s = e.detail.originalEvent, g = s.button === 0 && s.ctrlKey === !0;
+      (s.button === 2 || g) && e.preventDefault();
+    }),
+    onFocusOutside: p(o.onFocusOutside, (e) => e.preventDefault())
+  });
+}, "DialogContentModal")), te = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const n = d(D, o.__scopeDialog), a = i.useRef(!1), t = i.useRef(!1);
+  return /* @__PURE__ */ c(E, {
+    ...o,
+    ref: r,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (e) => {
+      o.onCloseAutoFocus?.(e), e.defaultPrevented || (a.current || n.triggerRef.current?.focus(), e.preventDefault()), a.current = !1, t.current = !1;
+    },
+    onInteractOutside: (e) => {
+      o.onInteractOutside?.(e), e.defaultPrevented || (a.current = !0, e.detail.originalEvent.type === "pointerdown" && (t.current = !0));
+      const s = e.target;
+      n.triggerRef.current?.contains(s) && e.preventDefault(), e.detail.originalEvent.type === "focusin" && t.current && e.preventDefault();
+    }
+  });
+}, "DialogContentNonModal")), E = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: t, onCloseAutoFocus: e, "aria-describedby": s, children: g, ...C } = o, f = d(D, n);
+  return V(), /* @__PURE__ */ c(z, {
+    registry: f.branchRegistry,
+    children: /* @__PURE__ */ c(K, {
+      asChild: !0,
+      loop: !0,
+      trapped: a,
+      branches: f.branchNodes,
+      onMountAutoFocus: t,
+      onUnmountAutoFocus: e,
+      children: /* @__PURE__ */ c(B, {
+        role: "dialog",
+        id: f.contentId,
+        "aria-labelledby": f.titlePresent ? f.titleId : void 0,
+        "aria-describedby": f.descriptionPresent ? M(s, f.descriptionId) : s,
+        "data-state": m(f.open),
+        ...C,
+        ref: r,
+        deferPointerDownOutside: !0,
+        onDismiss: () => f.onOpenChange(!1),
+        children: g
+      })
+    })
+  });
+}, "DialogContentImpl")), _e = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const { __scopeDialog: n, ...a } = o, t = d("DialogTitle", n), { setTitleCount: e } = t;
+  return y(() => (e((s) => s + 1), () => e((s) => s - 1)), [e]), /* @__PURE__ */ c(v.h2, {
+    id: t.titleId,
+    ...a,
+    ref: r
+  });
+}, "DialogTitle")), Pe = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const { __scopeDialog: n, ...a } = o, t = d("DialogDescription", n), { setDescriptionCount: e } = t;
+  return y(() => (e((s) => s + 1), () => e((s) => s - 1)), [e]), /* @__PURE__ */ c(v.p, {
+    id: t.descriptionId,
+    ...a,
+    ref: r
+  });
+}, "DialogDescription")), ne = "DialogClose", he = /* @__PURE__ */ i.forwardRef(/* @__PURE__ */ u(function(o, r) {
+  const { __scopeDialog: n, ...a } = o, t = d(ne, n);
+  return /* @__PURE__ */ c(v.button, {
+    type: "button",
+    ...a,
+    ref: r,
+    onClick: p(o.onClick, () => t.onOpenChange(!1))
+  });
+}, "DialogClose"));
+function M(...l) {
+  const o = /* @__PURE__ */ new Set();
+  for (const r of l)
+    if (typeof r == "string")
+      for (const n of String(r).trim().split(/\s+/)) n && o.add(n);
+  return o.size > 0 ? Array.from(o).join(" ") : void 0;
+}
+u(M, "concatAriaDescribedby");
+function m(l) {
+  return l ? "open" : "closed";
+}
+u(m, "getState");
+export {
+  Ce as a,
+  ve as c,
+  Pe as i,
+  pe as l,
+  he as n,
+  me as o,
+  Re as r,
+  _e as s,
+  De as t
+};

package/dist/dist-C0OhTLFV.js

@@ -0,0 +1,31 @@
+import { n as a } from "./dist-DbeY0Pzx.js";
+import * as t from "react";
+var f = Object.defineProperty, s = (e, r) => f(e, "name", {
+  value: r,
+  configurable: !0
+}), c = t[" useId ".trim().toString()] || (() => {
+}), i = 0;
+function m(e) {
+  const [r, n] = t.useState(c());
+  return a(() => {
+    e || n((o) => o ?? String(i++));
+  }, [e]), e || (r ? `radix-${r}` : "");
+}
+s(m, "useId");
+var d = Object.defineProperty, p = (e, r) => d(e, "name", {
+  value: r,
+  configurable: !0
+}), u = t[" useInsertionEffect ".trim().toString()];
+function v(e) {
+  const r = t.useRef(e);
+  return typeof u == "function" ? u(() => {
+    r.current = e;
+  }) : a(() => {
+    r.current = e;
+  }), t.useMemo(() => ((...n) => r.current?.(...n)), []);
+}
+p(v, "useCallbackRef");
+export {
+  m as n,
+  v as t
+};

package/dist/dist-C1a-68Kb.js

@@ -0,0 +1,120 @@
+import { t as m } from "./dist-CYuWoi9I.js";
+import { i as P, r as p, t as F } from "./dist-DbeY0Pzx.js";
+import { n as S } from "./dist-C0OhTLFV.js";
+import { t as x } from "./dist-uuWgjOcO.js";
+import { t as y } from "./dist-rsFD9q_X.js";
+import { n as E, r as A, t as w } from "./dist-BXv-jY2v.js";
+import * as b from "react";
+import { jsx as d } from "react/jsx-runtime";
+var G = Object.defineProperty, v = (i, e) => G(i, "name", {
+  value: e,
+  configurable: !0
+}), M = {
+  Automatic: "automatic",
+  Manual: "manual"
+}, C = "Tabs", [D, H] = P(C, [A]), R = A(), [V, I] = D(C), J = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: a, onValueChange: r, defaultValue: c, orientation: o = "horizontal", dir: u, activationMode: T = M.Automatic, ...g } = e, n = y(u), [t, f] = F({
+    prop: a,
+    onChange: r,
+    defaultProp: c ?? "",
+    caller: C
+  });
+  return /* @__PURE__ */ d(V, {
+    scope: s,
+    baseId: S(),
+    value: t,
+    onValueChange: f,
+    orientation: o,
+    dir: n,
+    activationMode: T,
+    children: /* @__PURE__ */ d(m.div, {
+      dir: n,
+      "data-orientation": o,
+      ...g,
+      ref: l
+    })
+  });
+}, "Tabs")), N = "TabsList", Q = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, loop: a = !0, ...r } = e, c = I(N, s), o = R(s);
+  return /* @__PURE__ */ d(w, {
+    asChild: !0,
+    ...o,
+    orientation: c.orientation,
+    dir: c.dir,
+    loop: a,
+    children: /* @__PURE__ */ d(m.div, {
+      role: "tablist",
+      "aria-orientation": c.orientation,
+      ...r,
+      ref: l
+    })
+  });
+}, "TabsList")), $ = "TabsTrigger", U = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: a, disabled: r = !1, ...c } = e, o = I($, s), u = R(s), T = _(o.baseId, a), g = h(o.baseId, a), n = a === o.value;
+  return /* @__PURE__ */ d(E, {
+    asChild: !0,
+    ...u,
+    focusable: !r,
+    active: n,
+    children: /* @__PURE__ */ d(m.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": n,
+      "aria-controls": g,
+      "data-state": n ? "active" : "inactive",
+      "data-disabled": r ? "" : void 0,
+      disabled: r,
+      id: T,
+      ...c,
+      ref: l,
+      onMouseDown: p(e.onMouseDown, (t) => {
+        !r && t.button === 0 && t.ctrlKey === !1 ? (t.currentTarget.focus(), o.onValueChange(a)) : t.preventDefault();
+      }),
+      onKeyDown: p(e.onKeyDown, (t) => {
+        r || t.target !== t.currentTarget || [" ", "Enter"].includes(t.key) && o.onValueChange(a);
+      }),
+      onFocus: p(e.onFocus, () => {
+        const t = o.activationMode !== M.Manual;
+        !n && !r && t && o.onValueChange(a);
+      })
+    })
+  });
+}, "TabsTrigger")), k = "TabsContent", W = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: a, forceMount: r, children: c, ...o } = e, u = I(k, s), T = _(u.baseId, a), g = h(u.baseId, a), n = a === u.value, t = b.useRef(n);
+  return b.useEffect(() => {
+    const f = requestAnimationFrame(() => t.current = !1);
+    return () => cancelAnimationFrame(f);
+  }, []), /* @__PURE__ */ d(x, {
+    present: r || n,
+    children: ({ present: f }) => /* @__PURE__ */ d(m.div, {
+      "data-state": n ? "active" : "inactive",
+      "data-orientation": u.orientation,
+      role: "tabpanel",
+      "aria-labelledby": T,
+      hidden: !f,
+      id: g,
+      tabIndex: 0,
+      ...o,
+      ref: l,
+      style: {
+        ...e.style,
+        animationDuration: t.current ? "0s" : void 0
+      },
+      children: f && c
+    })
+  });
+}, "TabsContent"));
+function _(i, e) {
+  return `${i}-trigger-${e}`;
+}
+v(_, "makeTriggerId");
+function h(i, e) {
+  return `${i}-content-${e}`;
+}
+v(h, "makeContentId");
+export {
+  U as i,
+  W as n,
+  Q as r,
+  J as t
+};

package/dist/dist-CK8FUUUn.js

@@ -0,0 +1,125 @@
+import * as a from "react";
+var A = Object.defineProperty, m = (e, t) => A(e, "name", {
+  value: t,
+  configurable: !0
+});
+function b(e, t) {
+  if (typeof e == "function") return e(t);
+  e != null && (e.current = t);
+}
+m(b, "setRef");
+function h(...e) {
+  return (t) => {
+    let r = !1;
+    const n = e.map((o) => {
+      const l = b(o, t);
+      return !r && typeof l == "function" && (r = !0), l;
+    });
+    if (r) return () => {
+      for (let o = 0; o < n.length; o++) {
+        const l = n[o];
+        typeof l == "function" ? l() : b(e[o], null);
+      }
+    };
+  };
+}
+m(h, "composeRefs");
+function _(...e) {
+  return a.useCallback(h(...e), e);
+}
+m(_, "useComposedRefs");
+var O = Object.defineProperty, s = (e, t) => O(e, "name", {
+  value: t,
+  configurable: !0
+});
+// @__NO_SIDE_EFFECTS__
+function R(e) {
+  const t = a.forwardRef((r, n) => {
+    let { children: o, ...l } = r, i = null, c = !1;
+    const d = [];
+    o = L(o), a.Children.forEach(o, (y) => {
+      if (C(y)) {
+        c = !0;
+        const f = y;
+        let p = "child" in f.props ? f.props.child : f.props.children;
+        for (; S(p) && typeof u == "function"; ) p = u(p._payload);
+        i = I(f, p), d.push(i?.props?.children);
+      } else d.push(y);
+    }), i ? i = a.cloneElement(i, void 0, d) : !c && a.Children.count(o) === 1 && a.isValidElement(o) && (i = o);
+    const E = i ? $(i) : void 0, x = _(n, E);
+    if (!i) {
+      if (o || o === 0) throw new Error(c ? T(e) : D(e));
+      return o;
+    }
+    const g = P(l, i.props ?? {});
+    return i.type !== a.Fragment && (g.ref = n ? x : E), a.cloneElement(i, g);
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+s(R, "createSlot");
+var W = /* @__PURE__ */ R("Slot"), v = /* @__PURE__ */ Symbol.for("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function z(e) {
+  const t = /* @__PURE__ */ s((r) => "child" in r ? r.children(r.child) : r.children, "Slottable");
+  return t.displayName = `${e}.Slottable`, t.__radixId = v, t;
+}
+s(z, "createSlottable");
+var I = /* @__PURE__ */ s((e, t) => "child" in e.props ? a.isValidElement(t) ? a.cloneElement(t, void 0, e.props.children(t.props.children)) : null : a.isValidElement(t) ? t : null, "getSlottableElementFromSlottable");
+function P(e, t) {
+  const r = { ...t };
+  for (const n in t) {
+    const o = e[n], l = t[n];
+    /^on[A-Z]/.test(n) ? o && l ? r[n] = (...i) => {
+      const c = l(...i);
+      return o(...i), c;
+    } : o && (r[n] = o) : n === "style" ? r[n] = {
+      ...o,
+      ...l
+    } : n === "className" ? r[n] = [o, l].filter(Boolean).join(" ") : n === "aria-describedby" && (r[n] = j(l, o));
+  }
+  return {
+    ...e,
+    ...r
+  };
+}
+s(P, "mergeProps");
+function $(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+s($, "getElementRef");
+function C(e) {
+  return a.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === v;
+}
+s(C, "isSlottable");
+var V = /* @__PURE__ */ Symbol.for("react.lazy");
+function S(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === V && "_payload" in e && w(e._payload);
+}
+s(S, "isLazyComponent");
+function w(e) {
+  return typeof e == "object" && e !== null && "then" in e;
+}
+s(w, "isPromiseLike");
+function L(e) {
+  let t = e;
+  for (; S(t) && typeof u == "function"; ) t = u(t._payload);
+  return t;
+}
+s(L, "useUnwrappedLazy");
+function j(...e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const r of e)
+    if (typeof r == "string")
+      for (const n of String(r).trim().split(/\s+/)) n && t.add(n);
+  return t.size > 0 ? Array.from(t).join(" ") : void 0;
+}
+s(j, "concatAriaDescribedby");
+var D = /* @__PURE__ */ s((e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, "createSlotError"), T = /* @__PURE__ */ s((e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, "createSlottableError"), u = a[" use ".trim().toString()];
+export {
+  _ as a,
+  h as i,
+  R as n,
+  z as r,
+  W as t
+};