@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.114

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
+};

package/dist/dist-CQSCPpFc.js

@@ -0,0 +1,196 @@
+import { a as S, n as G } from "./dist-CK8FUUUn.js";
+import { t as H } from "./dist-CYuWoi9I.js";
+import { i as L, r as R, t as K } from "./dist-DbeY0Pzx.js";
+import { n as x } from "./dist-C0OhTLFV.js";
+import { a as $, i as z, n as U, r as V, t as Z } from "./dist-Bh7M0KDN.js";
+import { t as q } from "./dist-BbJP2Efh.js";
+import { t as D } from "./dist-uuWgjOcO.js";
+import { n as J, t as Q } from "./es2015-ChhQTsb4.js";
+import { t as W } from "./Combination-CnMM05mt.js";
+import { a as E, i as X, n as w, t as Y } from "./dist-1AtWkIZ4.js";
+import * as n from "react";
+import { jsx as c } from "react/jsx-runtime";
+var ee = Object.defineProperty, f = (i, e) => ee(i, "name", {
+  value: e,
+  configurable: !0
+}), y = "Popover", [M, Re] = L(y, [E]), b = E(), [oe, P] = M(y), be = /* @__PURE__ */ f((i) => {
+  const { __scopePopover: e, children: s, open: r, defaultOpen: a, onOpenChange: t, modal: o = !1 } = i, p = b(e), l = n.useRef(null), [u, v] = n.useState(!1), [g, h] = n.useState(0), [A, O] = n.useState(0), [C, d] = K({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: t,
+    caller: y
+  });
+  return /* @__PURE__ */ c(Y, {
+    ...p,
+    children: /* @__PURE__ */ c(oe, {
+      scope: e,
+      contentId: x(),
+      titleId: x(),
+      descriptionId: x(),
+      titlePresent: g > 0,
+      descriptionPresent: A > 0,
+      setTitleCount: h,
+      setDescriptionCount: O,
+      triggerRef: l,
+      open: C,
+      onOpenChange: d,
+      onOpenToggle: n.useCallback(() => d((_) => !_), [d]),
+      hasCustomAnchor: u,
+      onCustomAnchorAdd: n.useCallback(() => v(!0), []),
+      onCustomAnchorRemove: n.useCallback(() => v(!1), []),
+      modal: o,
+      children: s
+    })
+  });
+}, "Popover"), te = "PopoverAnchor", Ae = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ f(function(e, s) {
+  const { __scopePopover: r, ...a } = e, t = P(te, r), o = b(r), { onCustomAnchorAdd: p, onCustomAnchorRemove: l } = t;
+  return n.useEffect(() => (p(), () => l()), [p, l]), /* @__PURE__ */ c(w, {
+    ...o,
+    ...a,
+    ref: s
+  });
+}, "PopoverAnchor")), re = "PopoverTrigger", Oe = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ f(function(e, s) {
+  const { __scopePopover: r, ...a } = e, t = P(re, r), o = b(r), p = S(s, t.triggerRef), l = /* @__PURE__ */ c(H.button, {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": t.open,
+    "aria-controls": t.open ? t.contentId : void 0,
+    "data-state": F(t.open),
+    ...a,
+    ref: p,
+    onClick: R(e.onClick, t.onOpenToggle)
+  });
+  return t.hasCustomAnchor ? l : /* @__PURE__ */ c(w, {
+    asChild: !0,
+    ...o,
+    children: l
+  });
+}, "PopoverTrigger")), I = "PopoverPortal", [ne, se] = M(I, { forceMount: void 0 }), _e = /* @__PURE__ */ f((i) => {
+  const { __scopePopover: e, forceMount: s, children: r, container: a } = i, t = P(I, e);
+  return /* @__PURE__ */ c(ne, {
+    scope: e,
+    forceMount: s,
+    children: /* @__PURE__ */ c(D, {
+      present: s || t.open,
+      children: /* @__PURE__ */ c(q, {
+        asChild: !0,
+        container: a,
+        children: r
+      })
+    })
+  });
+}, "PopoverPortal"), m = "PopoverContent", xe = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ f(function(e, s) {
+  const r = se(m, e.__scopePopover), { forceMount: a = r.forceMount, ...t } = e, o = P(m, e.__scopePopover);
+  return /* @__PURE__ */ c(D, {
+    present: a || o.open,
+    children: o.modal ? /* @__PURE__ */ c(ce, {
+      ...t,
+      ref: s
+    }) : /* @__PURE__ */ c(ie, {
+      ...t,
+      ref: s
+    })
+  });
+}, "PopoverContent")), ae = G("PopoverContent.RemoveScroll"), ce = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ f(function(e, s) {
+  const r = P(m, e.__scopePopover), a = n.useRef(null), t = S(s, a), o = n.useRef(!1), { nodes: p, registry: l } = z();
+  return n.useEffect(() => {
+    const u = a.current;
+    if (u) return Q(u);
+  }, []), /* @__PURE__ */ c(W, {
+    as: ae,
+    allowPinchZoom: !0,
+    shards: n.useMemo(() => [a, ...p.map((u) => ({ current: u }))], [a, p]),
+    children: /* @__PURE__ */ c(N, {
+      ...e,
+      ref: t,
+      branchNodes: p,
+      branchRegistry: l,
+      trapFocus: r.open,
+      disableOutsidePointerEvents: !0,
+      onCloseAutoFocus: R(e.onCloseAutoFocus, (u) => {
+        u.preventDefault(), o.current || r.triggerRef.current?.focus();
+      }),
+      onPointerDownOutside: R(e.onPointerDownOutside, (u) => {
+        const v = u.detail.originalEvent, g = v.button === 0 && v.ctrlKey === !0, h = v.button === 2 || g;
+        o.current = h;
+      }, { checkForDefaultPrevented: !1 }),
+      onFocusOutside: R(e.onFocusOutside, (u) => u.preventDefault(), { checkForDefaultPrevented: !1 })
+    })
+  });
+}, "PopoverContentModal")), ie = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ f(function(e, s) {
+  const r = P(m, e.__scopePopover), a = n.useRef(!1), t = n.useRef(!1);
+  return /* @__PURE__ */ c(N, {
+    ...e,
+    ref: s,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (o) => {
+      e.onCloseAutoFocus?.(o), o.defaultPrevented || (a.current || r.triggerRef.current?.focus(), o.preventDefault()), a.current = !1, t.current = !1;
+    },
+    onInteractOutside: (o) => {
+      e.onInteractOutside?.(o), o.defaultPrevented || (a.current = !0, o.detail.originalEvent.type === "pointerdown" && (t.current = !0));
+      const p = o.target;
+      r.triggerRef.current?.contains(p) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && t.current && o.preventDefault();
+    }
+  });
+}, "PopoverContentNonModal")), N = /* @__PURE__ */ n.forwardRef(/* @__PURE__ */ f(function(e, s) {
+  const { __scopePopover: r, trapFocus: a, onOpenAutoFocus: t, onCloseAutoFocus: o, disableOutsidePointerEvents: p, onEscapeKeyDown: l, onPointerDownOutside: u, onFocusOutside: v, onInteractOutside: g, "aria-describedby": h, branchNodes: A, branchRegistry: O, ...C } = e, d = P(m, r), _ = b(r), [k, j] = n.useState(null), B = S(s, j);
+  return V(k), J(), /* @__PURE__ */ c(U, {
+    registry: O,
+    children: /* @__PURE__ */ c(Z, {
+      asChild: !0,
+      loop: !0,
+      trapped: a,
+      branches: A,
+      onMountAutoFocus: t,
+      onUnmountAutoFocus: o,
+      children: /* @__PURE__ */ c($, {
+        asChild: !0,
+        disableOutsidePointerEvents: p,
+        onInteractOutside: g,
+        onEscapeKeyDown: l,
+        onPointerDownOutside: u,
+        onFocusOutside: v,
+        onDismiss: () => d.onOpenChange(!1),
+        deferPointerDownOutside: !0,
+        children: /* @__PURE__ */ c(X, {
+          "data-state": F(d.open),
+          role: "dialog",
+          id: d.contentId,
+          "aria-labelledby": d.titlePresent ? d.titleId : void 0,
+          "aria-describedby": d.descriptionPresent ? T(h, d.descriptionId) : h,
+          ..._,
+          ...C,
+          ref: B,
+          style: {
+            ...C.style,
+            "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+            "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+            "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+            "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+            "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+          }
+        })
+      })
+    })
+  });
+}, "PopoverContentImpl"));
+function F(i) {
+  return i ? "open" : "closed";
+}
+f(F, "getState");
+function T(...i) {
+  const e = /* @__PURE__ */ new Set();
+  for (const s of i)
+    if (typeof s == "string")
+      for (const r of String(s).trim().split(/\s+/)) r && e.add(r);
+  return e.size > 0 ? Array.from(e).join(" ") : void 0;
+}
+f(T, "concatAriaDescribedby");
+export {
+  Oe as a,
+  _e as i,
+  Ae as n,
+  xe as r,
+  be as t
+};

package/dist/{dist-CCdbu9GU.js → dist-CYuWoi9I.js}

@@ -1,4 +1,4 @@
-import { n as c } from "./dist-xCbHbMLA.js";
+import { n as c } from "./dist-CK8FUUUn.js";
 import * as f from "react";
 import * as p from "react-dom";
 import { jsx as u } from "react/jsx-runtime";

package/dist/{dist-DX0sBG3Q.js → dist-C_jtUTU9.js}

@@ -1,4 +1,4 @@
-import { t as i } from "./dist-CCdbu9GU.js";
+import { t as a } from "./dist-CYuWoi9I.js";
 import * as t from "react";
 import { jsx as o } from "react/jsx-runtime";
 var n = Object.defineProperty, d = (r, e) => n(r, "name", {
@@ -15,17 +15,16 @@ var n = Object.defineProperty, d = (r, e) => n(r, "name", {
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), f = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ d(function(e, a) {
-  return /* @__PURE__ */ o(i.span, {
+}), p = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ d(function(e, i) {
+  return /* @__PURE__ */ o(a.span, {
     ...e,
-    ref: a,
+    ref: i,
     style: {
       ...l,
       ...e.style
     }
   });
-}, "VisuallyHidden")), p = f;
+}, "VisuallyHidden"));
 export {
-  f as n,
   p as t
 };

package/dist/{dist-D-yS0HN8.js → dist-DbeY0Pzx.js}

@@ -129,13 +129,13 @@ var j = globalThis?.document ? r.useLayoutEffect : () => {
 }, W = Object.defineProperty, Y = (e, t) => W(e, "name", {
   value: t,
   configurable: !0
-}), $ = r[" useEffectEvent ".trim().toString()], b = r[" useInsertionEffect ".trim().toString()];
+}), b = r[" useEffectEvent ".trim().toString()], _ = r[" useInsertionEffect ".trim().toString()];
 function A(e) {
-  if (typeof $ == "function") return $(e);
+  if (typeof b == "function") return b(e);
   const t = r.useRef(() => {
     throw new Error("Cannot call an event handler while rendering.");
   });
-  return typeof b == "function" ? b(() => {
+  return typeof _ == "function" ? _(() => {
     t.current = e;
   }) : j(() => {
     t.current = e;
@@ -182,7 +182,7 @@ function F(e) {
   return typeof e == "function";
 }
 S(F, "isFunction");
-var _ = /* @__PURE__ */ Symbol("RADIX:SYNC_STATE");
+var $ = /* @__PURE__ */ Symbol("RADIX:SYNC_STATE");
 function q(e, t, n, i) {
   const { prop: o, defaultProp: c, onChange: s, caller: u } = t, l = o !== void 0, a = A(s), d = [{
     ...n,
@@ -190,7 +190,7 @@ function q(e, t, n, i) {
   }];
   i && d.push(i);
   const [m, w] = r.useReducer((C, g) => {
-    if (g.type === _) return {
+    if (g.type === $) return {
       ...C,
       state: g.state
     };
@@ -210,7 +210,7 @@ function q(e, t, n, i) {
   } : m, [m, o]);
   return r.useEffect(() => {
     l && !Object.is(o, m.state) && w({
-      type: _,
+      type: $,
       state: o
     });
   }, [