@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/dist-D0f-mfFj.js

@@ -0,0 +1,445 @@
+import { i as ae, r as v, t as ke } from "./dist-DbeY0Pzx.js";
+import { n as Ae, t as Le } from "./dist-rsFD9q_X.js";
+import { a as y, n as Ne } from "./dist-CK8FUUUn.js";
+import { a as Ke, i as Ge, n as Be, r as Ue, t as Ve } from "./dist-Bh7M0KDN.js";
+import { n as je, t as Ye } from "./es2015-ChhQTsb4.js";
+import { a as ce, i as Xe, n as $e, t as We } from "./dist-D52tGbv9.js";
+import { t as He } from "./dist-uuWgjOcO.js";
+import { n as ze, t as z } from "./dist-CYuWoi9I.js";
+import { n as Ze, r as ue, t as qe } from "./dist-pyzG_Btt.js";
+import { n as oe, t as Je } from "./dist-C0OhTLFV.js";
+import { t as Qe } from "./Combination-CnMM05mt.js";
+import * as t from "react";
+import { jsx as i } from "react/jsx-runtime";
+var en = Object.defineProperty, p = (o, e) => en(o, "name", {
+  value: e,
+  configurable: !0
+}), $ = ["Enter", " "], nn = [
+  "ArrowDown",
+  "PageUp",
+  "Home"
+], se = [
+  "ArrowUp",
+  "PageDown",
+  "End"
+], tn = [...nn, ...se], Bn = {
+  ltr: [...$, "ArrowRight"],
+  rtl: [...$, "ArrowLeft"]
+}, N = "Menu", [W, on, rn] = Ae(N), [I, ie] = ae(N, [
+  rn,
+  ce,
+  ue
+]), Z = ce(), de = ue(), [an, K] = I(N), [cn, q] = I(N), un = /* @__PURE__ */ p((o) => {
+  const { __scopeMenu: e, open: a = !1, children: n, dir: c, onOpenChange: s, modal: u = !0 } = o, d = Z(e), [h, l] = t.useState(null), m = t.useRef(!1), M = Je(s), f = Le(c);
+  return t.useEffect(() => {
+    const C = /* @__PURE__ */ p(() => {
+      m.current = !0, document.addEventListener("pointerdown", w, {
+        capture: !0,
+        once: !0
+      }), document.addEventListener("pointermove", w, {
+        capture: !0,
+        once: !0
+      });
+    }, "handleKeyDown"), w = /* @__PURE__ */ p(() => m.current = !1, "handlePointer");
+    return document.addEventListener("keydown", C, { capture: !0 }), () => {
+      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
+    };
+  }, []), t.useEffect(() => {
+    if (!a) return;
+    const C = /* @__PURE__ */ p(() => M(!1), "handleBlur");
+    return window.addEventListener("blur", C), () => window.removeEventListener("blur", C);
+  }, [a, M]), /* @__PURE__ */ i(We, {
+    ...d,
+    children: /* @__PURE__ */ i(an, {
+      scope: e,
+      open: a,
+      onOpenChange: M,
+      content: h,
+      onContentChange: l,
+      children: /* @__PURE__ */ i(cn, {
+        scope: e,
+        onClose: t.useCallback(() => M(!1), [M]),
+        isUsingKeyboardRef: m,
+        dir: f,
+        modal: u,
+        children: n
+      })
+    })
+  });
+}, "Menu"), sn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const { __scopeMenu: n, ...c } = e, s = Z(n);
+  return /* @__PURE__ */ i($e, {
+    ...s,
+    ...c,
+    ref: a
+  });
+}, "MenuAnchor")), dn = "MenuPortal", [Un, ln] = I(dn, { forceMount: void 0 }), R = "MenuContent", [fn, le] = I(R), pn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const n = ln(R, e.__scopeMenu), { forceMount: c = n.forceMount, ...s } = e, u = K(R, e.__scopeMenu), d = q(R, e.__scopeMenu);
+  return /* @__PURE__ */ i(W.Provider, {
+    scope: e.__scopeMenu,
+    children: /* @__PURE__ */ i(He, {
+      present: c || u.open,
+      children: /* @__PURE__ */ i(W.Slot, {
+        scope: e.__scopeMenu,
+        children: d.modal ? /* @__PURE__ */ i(mn, {
+          ...s,
+          ref: a
+        }) : /* @__PURE__ */ i(Mn, {
+          ...s,
+          ref: a
+        })
+      })
+    })
+  });
+}, "MenuContent")), mn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const n = K(R, e.__scopeMenu), c = t.useRef(null), s = y(a, c);
+  return t.useEffect(() => {
+    const u = c.current;
+    if (u) return Ye(u);
+  }, []), /* @__PURE__ */ i(fe, {
+    ...e,
+    ref: s,
+    trapFocus: n.open,
+    disableOutsidePointerEvents: n.open,
+    disableOutsideScroll: !0,
+    onFocusOutside: v(e.onFocusOutside, (u) => u.preventDefault(), { checkForDefaultPrevented: !1 }),
+    onDismiss: () => n.onOpenChange(!1)
+  });
+}, "MenuRootContentModal")), Mn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const n = K(R, e.__scopeMenu);
+  return /* @__PURE__ */ i(fe, {
+    ...e,
+    ref: a,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    disableOutsideScroll: !1,
+    onDismiss: () => n.onOpenChange(!1)
+  });
+}, "MenuRootContentNonModal")), hn = Ne("MenuContent.ScrollLock"), fe = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const { __scopeMenu: n, loop: c = !1, trapFocus: s, onOpenAutoFocus: u, onCloseAutoFocus: d, disableOutsidePointerEvents: h, onEntryFocus: l, onEscapeKeyDown: m, onPointerDownOutside: M, onFocusOutside: f, onInteractOutside: C, onDismiss: w, disableOutsideScroll: g, ...G } = e, Q = K(R, n), B = q(R, n), Se = Z(n), Re = de(n), ee = on(n), [Pe, ne] = t.useState(null), D = t.useRef(null), [Ie, De] = t.useState(null);
+  Ue(Ie);
+  const { nodes: U, registry: Ee } = Ge(), _e = !!(s || g), be = y(a, D, Q.onContentChange, De), F = t.useRef(0), k = t.useRef(""), xe = t.useRef(0), V = t.useRef(null), te = t.useRef("right"), j = t.useRef(0), ye = t.useMemo(() => g ? [D, ...U.map((r) => ({ current: r }))] : [], [
+    D,
+    U,
+    g
+  ]), Oe = g ? Qe : t.Fragment, Te = g ? {
+    as: hn,
+    allowPinchZoom: !0,
+    shards: ye
+  } : void 0, Fe = /* @__PURE__ */ p((r) => {
+    const _ = k.current + r, P = ee().filter((S) => !S.disabled), x = document.activeElement, Y = P.find((S) => S.ref.current === x)?.textValue, A = ve(P.map((S) => S.textValue), _, Y), b = P.find((S) => S.textValue === A)?.ref.current;
+    function X(S) {
+      k.current = S, window.clearTimeout(F.current), S !== "" && (F.current = window.setTimeout(() => X(""), 1e3));
+    }
+    p(X, "updateSearch"), X(_), b && setTimeout(() => b.focus());
+  }, "handleTypeaheadSearch");
+  t.useEffect(() => () => window.clearTimeout(F.current), []), je();
+  const E = t.useCallback((r) => te.current === V.current?.side && Ce(r, V.current?.area), []);
+  return /* @__PURE__ */ i(fn, {
+    scope: n,
+    searchRef: k,
+    onItemEnter: t.useCallback((r) => {
+      E(r) && r.preventDefault();
+    }, [E]),
+    onItemLeave: t.useCallback((r) => {
+      E(r) || (D.current?.focus(), ne(null));
+    }, [E]),
+    onTriggerLeave: t.useCallback((r) => {
+      E(r) && r.preventDefault();
+    }, [E]),
+    pointerGraceTimerRef: xe,
+    onPointerGraceIntentChange: t.useCallback((r) => {
+      V.current = r;
+    }, []),
+    children: /* @__PURE__ */ i(Be, {
+      registry: _e ? Ee : null,
+      children: /* @__PURE__ */ i(Oe, {
+        ...Te,
+        children: /* @__PURE__ */ i(Ve, {
+          asChild: !0,
+          trapped: s,
+          branches: U,
+          onMountAutoFocus: v(u, (r) => {
+            r.preventDefault(), D.current?.focus({ preventScroll: !0 });
+          }),
+          onUnmountAutoFocus: d,
+          children: /* @__PURE__ */ i(Ke, {
+            asChild: !0,
+            disableOutsidePointerEvents: h,
+            onEscapeKeyDown: m,
+            onPointerDownOutside: M,
+            onFocusOutside: f,
+            onInteractOutside: C,
+            onDismiss: w,
+            children: /* @__PURE__ */ i(qe, {
+              asChild: !0,
+              ...Re,
+              dir: B.dir,
+              orientation: "vertical",
+              loop: c,
+              currentTabStopId: Pe,
+              onCurrentTabStopIdChange: ne,
+              onEntryFocus: v(l, (r) => {
+                B.isUsingKeyboardRef.current || r.preventDefault();
+              }),
+              preventScrollOnEntryFocus: !0,
+              children: /* @__PURE__ */ i(Xe, {
+                role: "menu",
+                "aria-orientation": "vertical",
+                "data-state": pe(Q.open),
+                "data-radix-menu-content": "",
+                dir: B.dir,
+                ...Se,
+                ...G,
+                ref: be,
+                style: {
+                  outline: "none",
+                  ...G.style
+                },
+                onKeyDown: v(G.onKeyDown, (r) => {
+                  const _ = r.target.closest("[data-radix-menu-content]") === r.currentTarget, P = r.ctrlKey || r.altKey || r.metaKey, x = r.key.length === 1;
+                  _ && (r.key === "Tab" && r.preventDefault(), !P && x && Fe(r.key));
+                  const Y = D.current;
+                  if (r.target !== Y || !tn.includes(r.key)) return;
+                  r.preventDefault();
+                  const A = ee().filter((b) => !b.disabled).map((b) => b.ref.current);
+                  se.includes(r.key) && A.reverse(), Me(A);
+                }),
+                onBlur: v(e.onBlur, (r) => {
+                  r.currentTarget.contains(r.target) || (window.clearTimeout(F.current), k.current = "");
+                }),
+                onPointerMove: v(e.onPointerMove, L((r) => {
+                  const _ = r.target, P = j.current !== r.clientX;
+                  if (r.currentTarget.contains(_) && P) {
+                    const x = r.clientX > j.current ? "right" : "left";
+                    te.current = x, j.current = r.clientX;
+                  }
+                }))
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+}, "MenuContentImpl")), H = "MenuItem", re = "menu.itemSelect", vn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const { disabled: n = !1, onSelect: c, ...s } = e, u = t.useRef(null), d = q(H, e.__scopeMenu), h = le(H, e.__scopeMenu), l = y(a, u), m = t.useRef(!1), M = /* @__PURE__ */ p(() => {
+    const f = u.current;
+    if (!n && f) {
+      const C = new CustomEvent(re, {
+        bubbles: !0,
+        cancelable: !0
+      });
+      f.addEventListener(re, (w) => c?.(w), { once: !0 }), ze(f, C), C.defaultPrevented ? m.current = !1 : d.onClose();
+    }
+  }, "handleSelect");
+  return /* @__PURE__ */ i(gn, {
+    ...s,
+    ref: l,
+    disabled: n,
+    onClick: v(e.onClick, M),
+    onPointerDown: (f) => {
+      e.onPointerDown?.(f), m.current = !0;
+    },
+    onPointerUp: v(e.onPointerUp, (f) => {
+      m.current || f.currentTarget?.click();
+    }),
+    onKeyDown: v(e.onKeyDown, (f) => {
+      n || f.target !== f.currentTarget || h.searchRef.current !== "" && f.key === " " || $.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
+    })
+  });
+}, "MenuItem")), gn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const { __scopeMenu: n, disabled: c = !1, textValue: s, ...u } = e, d = le(H, n), h = de(n), l = t.useRef(null), m = y(a, l), [M, f] = t.useState(!1), [C, w] = t.useState("");
+  return t.useEffect(() => {
+    const g = l.current;
+    g && w((g.textContent ?? "").trim());
+  }, [u.children]), /* @__PURE__ */ i(W.ItemSlot, {
+    scope: n,
+    disabled: c,
+    textValue: s ?? C,
+    children: /* @__PURE__ */ i(Ze, {
+      asChild: !0,
+      ...h,
+      focusable: !c,
+      children: /* @__PURE__ */ i(z.div, {
+        role: "menuitem",
+        "data-highlighted": M ? "" : void 0,
+        "aria-disabled": c || void 0,
+        "data-disabled": c ? "" : void 0,
+        ...u,
+        ref: m,
+        onPointerMove: v(e.onPointerMove, L((g) => {
+          c ? d.onItemLeave(g) : (d.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
+        })),
+        onPointerLeave: v(e.onPointerLeave, L((g) => d.onItemLeave(g))),
+        onFocus: v(e.onFocus, () => f(!0)),
+        onBlur: v(e.onBlur, () => f(!1))
+      })
+    })
+  });
+}, "MenuItemImpl")), [Vn, jn] = I("MenuRadioGroup", {
+  value: void 0,
+  onValueChange: /* @__PURE__ */ p(() => {
+  }, "onValueChange")
+}), Cn = "MenuItemIndicator", [Yn, Xn] = I(Cn, { checked: !1 }), wn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ p(function(e, a) {
+  const { __scopeMenu: n, ...c } = e;
+  return /* @__PURE__ */ i(z.div, {
+    role: "separator",
+    "aria-orientation": "horizontal",
+    ...c,
+    ref: a
+  });
+}, "MenuSeparator")), Sn = "MenuSub", [$n, Wn] = I(Sn);
+function pe(o) {
+  return o ? "open" : "closed";
+}
+p(pe, "getOpenState");
+function me(o) {
+  return o === "indeterminate";
+}
+p(me, "isIndeterminate");
+function Rn(o) {
+  return me(o) ? "indeterminate" : o ? "checked" : "unchecked";
+}
+p(Rn, "getCheckedState");
+function Me(o) {
+  const e = document.activeElement;
+  for (const a of o)
+    if (a === e || (a.focus(), document.activeElement !== e)) return;
+}
+p(Me, "focusFirst");
+function he(o, e) {
+  return o.map((a, n) => o[(e + n) % o.length]);
+}
+p(he, "wrapArray");
+function ve(o, e, a) {
+  const n = e.length > 1 && Array.from(e).every((d) => d === e[0]) ? e[0] : e, c = a ? o.indexOf(a) : -1;
+  let s = he(o, Math.max(c, 0));
+  n.length === 1 && (s = s.filter((d) => d !== a));
+  const u = s.find((d) => d.toLowerCase().startsWith(n.toLowerCase()));
+  return u !== a ? u : void 0;
+}
+p(ve, "getNextMatch");
+function ge(o, e) {
+  const { x: a, y: n } = o;
+  let c = !1;
+  for (let s = 0, u = e.length - 1; s < e.length; u = s++) {
+    const d = e[s], h = e[u], l = d.x, m = d.y, M = h.x, f = h.y;
+    m > n != f > n && a < (M - l) * (n - m) / (f - m) + l && (c = !c);
+  }
+  return c;
+}
+p(ge, "isPointInPolygon");
+function Ce(o, e) {
+  return e ? ge({
+    x: o.clientX,
+    y: o.clientY
+  }, e) : !1;
+}
+p(Ce, "isPointerInGraceArea");
+function L(o) {
+  return (e) => e.pointerType === "mouse" ? o(e) : void 0;
+}
+p(L, "whenMouse");
+var Pn = Object.defineProperty, O = (o, e) => Pn(o, "name", {
+  value: e,
+  configurable: !0
+}), J = "DropdownMenu", [In, Hn] = ae(J, [ie]), T = ie(), [Dn, we] = In(J), zn = /* @__PURE__ */ O((o) => {
+  const { __scopeDropdownMenu: e, children: a, dir: n, open: c, defaultOpen: s, onOpenChange: u, modal: d = !0 } = o, h = T(e), l = t.useRef(null), [m, M] = ke({
+    prop: c,
+    defaultProp: s ?? !1,
+    onChange: u,
+    caller: J
+  });
+  return /* @__PURE__ */ i(Dn, {
+    scope: e,
+    triggerId: oe(),
+    triggerRef: l,
+    contentId: oe(),
+    open: m,
+    onOpenChange: M,
+    onOpenToggle: t.useCallback(() => M((f) => !f), [M]),
+    modal: d,
+    children: /* @__PURE__ */ i(un, {
+      ...h,
+      open: m,
+      onOpenChange: M,
+      dir: n,
+      modal: d,
+      children: a
+    })
+  });
+}, "DropdownMenu"), En = "DropdownMenuTrigger", Zn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ O(function(e, a) {
+  const { __scopeDropdownMenu: n, disabled: c = !1, ...s } = e, u = we(En, n), d = T(n), h = y(a, u.triggerRef);
+  return /* @__PURE__ */ i(sn, {
+    asChild: !0,
+    ...d,
+    children: /* @__PURE__ */ i(z.button, {
+      type: "button",
+      id: u.triggerId,
+      "aria-haspopup": "menu",
+      "aria-expanded": u.open,
+      "aria-controls": u.open ? u.contentId : void 0,
+      "data-state": u.open ? "open" : "closed",
+      "data-disabled": c ? "" : void 0,
+      disabled: c,
+      ...s,
+      ref: h,
+      onPointerDown: v(e.onPointerDown, (l) => {
+        !c && l.button === 0 && l.ctrlKey === !1 && (u.onOpenToggle(), u.open || l.preventDefault());
+      }),
+      onKeyDown: v(e.onKeyDown, (l) => {
+        c || (["Enter", " "].includes(l.key) && u.onOpenToggle(), l.key === "ArrowDown" && u.onOpenChange(!0), [
+          "Enter",
+          " ",
+          "ArrowDown"
+        ].includes(l.key) && l.preventDefault());
+      })
+    })
+  });
+}, "DropdownMenuTrigger")), _n = "DropdownMenuContent", qn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ O(function(e, a) {
+  const { __scopeDropdownMenu: n, ...c } = e, s = we(_n, n), u = T(n), d = t.useRef(!1);
+  return /* @__PURE__ */ i(pn, {
+    id: s.contentId,
+    "aria-labelledby": s.triggerId,
+    ...u,
+    ...c,
+    ref: a,
+    onCloseAutoFocus: v(e.onCloseAutoFocus, (h) => {
+      d.current || s.triggerRef.current?.focus(), d.current = !1, h.preventDefault();
+    }),
+    onInteractOutside: v(e.onInteractOutside, (h) => {
+      const l = h.detail.originalEvent, m = l.button === 0 && l.ctrlKey === !0, M = l.button === 2 || m;
+      (!s.modal || M) && (d.current = !0);
+    }),
+    style: {
+      ...e.style,
+      "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  });
+}, "DropdownMenuContent")), Jn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ O(function(e, a) {
+  const { __scopeDropdownMenu: n, ...c } = e, s = T(n);
+  return /* @__PURE__ */ i(vn, {
+    ...s,
+    ...c,
+    ref: a
+  });
+}, "DropdownMenuItem")), Qn = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ O(function(e, a) {
+  const { __scopeDropdownMenu: n, ...c } = e, s = T(n);
+  return /* @__PURE__ */ i(wn, {
+    ...s,
+    ...c,
+    ref: a
+  });
+}, "DropdownMenuSeparator"));
+export {
+  Zn as a,
+  Qn as i,
+  qn as n,
+  Jn as r,
+  zn as t
+};