@arolariu/components 0.0.16 → 0.0.18

package/dist/es/node_modules/@radix-ui/react-menubar/dist/index.js

@@ -0,0 +1,354 @@
+import * as u from "react";
+import { createCollection as ee } from "../../react-collection/dist/index.js";
+import { useDirection as re } from "../../react-direction/dist/index.js";
+import { composeEventHandlers as h } from "../../primitive/dist/index.js";
+import { useComposedRefs as ae } from "../../react-compose-refs/dist/index.js";
+import { createContextScope as oe } from "../../react-context/dist/index.js";
+import { useId as I } from "../../react-id/dist/index.js";
+import { createMenuScope as ne, Portal as te, Root as ue, Anchor as se, Content as ie, Group as ce, Separator as pe, Label as le, Item as de, CheckboxItem as be, ItemIndicator as me, RadioGroup as fe, RadioItem as ve, Sub as Me, SubTrigger as ge, SubContent as he, Arrow as Re } from "../../react-menu/dist/index.js";
+import { createRovingFocusGroupScope as O, Root as Se, Item as _e } from "../../react-roving-focus/dist/index.js";
+import { Primitive as T } from "../../react-primitive/dist/index.js";
+import { useControllableState as G } from "../../react-use-controllable-state/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
+var S = "Menubar", [C, Ie, Ce] = ee(S), [D, er] = oe(S, [
+  Ce,
+  O
+]), l = ne(), k = O(), [xe, A] = D(S), K = u.forwardRef(
+  (e, o) => {
+    const {
+      __scopeMenubar: r,
+      value: a,
+      onValueChange: n,
+      defaultValue: g,
+      loop: d = !0,
+      dir: c,
+      ...s
+    } = e, m = re(c), i = k(r), [v = "", b] = G({
+      prop: a,
+      onChange: n,
+      defaultProp: g
+    }), [M, p] = u.useState(null);
+    return /* @__PURE__ */ t(
+      xe,
+      {
+        scope: r,
+        value: v,
+        onMenuOpen: u.useCallback(
+          (f) => {
+            b(f), p(f);
+          },
+          [b]
+        ),
+        onMenuClose: u.useCallback(() => b(""), [b]),
+        onMenuToggle: u.useCallback(
+          (f) => {
+            b((y) => y ? "" : f), p(f);
+          },
+          [b]
+        ),
+        dir: m,
+        loop: d,
+        children: /* @__PURE__ */ t(C.Provider, { scope: r, children: /* @__PURE__ */ t(C.Slot, { scope: r, children: /* @__PURE__ */ t(
+          Se,
+          {
+            asChild: !0,
+            ...i,
+            orientation: "horizontal",
+            loop: d,
+            dir: m,
+            currentTabStopId: M,
+            onCurrentTabStopIdChange: p,
+            children: /* @__PURE__ */ t(T.div, { role: "menubar", ...s, ref: o })
+          }
+        ) }) })
+      }
+    );
+  }
+);
+K.displayName = S;
+var N = "MenubarMenu", [we, F] = D(N), L = (e) => {
+  const { __scopeMenubar: o, value: r, ...a } = e, n = I(), g = r || n || "LEGACY_REACT_AUTO_VALUE", d = A(N, o), c = l(o), s = u.useRef(null), m = u.useRef(!1), i = d.value === g;
+  return u.useEffect(() => {
+    i || (m.current = !1);
+  }, [i]), /* @__PURE__ */ t(
+    we,
+    {
+      scope: o,
+      value: g,
+      triggerId: I(),
+      triggerRef: s,
+      contentId: I(),
+      wasKeyboardTriggerOpenRef: m,
+      children: /* @__PURE__ */ t(
+        ue,
+        {
+          ...c,
+          open: i,
+          onOpenChange: (v) => {
+            v || d.onMenuClose();
+          },
+          modal: !1,
+          dir: d.dir,
+          ...a
+        }
+      )
+    }
+  );
+};
+L.displayName = N;
+var x = "MenubarTrigger", B = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, disabled: a = !1, ...n } = e, g = k(r), d = l(r), c = A(x, r), s = F(x, r), m = u.useRef(null), i = ae(o, m, s.triggerRef), [v, b] = u.useState(!1), M = c.value === s.value;
+    return /* @__PURE__ */ t(C.ItemSlot, { scope: r, value: s.value, disabled: a, children: /* @__PURE__ */ t(
+      _e,
+      {
+        asChild: !0,
+        ...g,
+        focusable: !a,
+        tabStopId: s.value,
+        children: /* @__PURE__ */ t(se, { asChild: !0, ...d, children: /* @__PURE__ */ t(
+          T.button,
+          {
+            type: "button",
+            role: "menuitem",
+            id: s.triggerId,
+            "aria-haspopup": "menu",
+            "aria-expanded": M,
+            "aria-controls": M ? s.contentId : void 0,
+            "data-highlighted": v ? "" : void 0,
+            "data-state": M ? "open" : "closed",
+            "data-disabled": a ? "" : void 0,
+            disabled: a,
+            ...n,
+            ref: i,
+            onPointerDown: h(e.onPointerDown, (p) => {
+              !a && p.button === 0 && p.ctrlKey === !1 && (c.onMenuOpen(s.value), M || p.preventDefault());
+            }),
+            onPointerEnter: h(e.onPointerEnter, () => {
+              var f;
+              !!c.value && !M && (c.onMenuOpen(s.value), (f = m.current) == null || f.focus());
+            }),
+            onKeyDown: h(e.onKeyDown, (p) => {
+              a || (["Enter", " "].includes(p.key) && c.onMenuToggle(s.value), p.key === "ArrowDown" && c.onMenuOpen(s.value), ["Enter", " ", "ArrowDown"].includes(p.key) && (s.wasKeyboardTriggerOpenRef.current = !0, p.preventDefault()));
+            }),
+            onFocus: h(e.onFocus, () => b(!0)),
+            onBlur: h(e.onBlur, () => b(!1))
+          }
+        ) })
+      }
+    ) });
+  }
+);
+B.displayName = x;
+var Ae = "MenubarPortal", U = (e) => {
+  const { __scopeMenubar: o, ...r } = e, a = l(o);
+  return /* @__PURE__ */ t(te, { ...a, ...r });
+};
+U.displayName = Ae;
+var w = "MenubarContent", V = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, align: a = "start", ...n } = e, g = l(r), d = A(w, r), c = F(w, r), s = Ie(r), m = u.useRef(!1);
+    return /* @__PURE__ */ t(
+      ie,
+      {
+        id: c.contentId,
+        "aria-labelledby": c.triggerId,
+        "data-radix-menubar-content": "",
+        ...g,
+        ...n,
+        ref: o,
+        align: a,
+        onCloseAutoFocus: h(e.onCloseAutoFocus, (i) => {
+          var b;
+          !!!d.value && !m.current && ((b = c.triggerRef.current) == null || b.focus()), m.current = !1, i.preventDefault();
+        }),
+        onFocusOutside: h(e.onFocusOutside, (i) => {
+          const v = i.target;
+          s().some((M) => {
+            var p;
+            return (p = M.ref.current) == null ? void 0 : p.contains(v);
+          }) && i.preventDefault();
+        }),
+        onInteractOutside: h(e.onInteractOutside, () => {
+          m.current = !0;
+        }),
+        onEntryFocus: (i) => {
+          c.wasKeyboardTriggerOpenRef.current || i.preventDefault();
+        },
+        onKeyDown: h(
+          e.onKeyDown,
+          (i) => {
+            if (["ArrowRight", "ArrowLeft"].includes(i.key)) {
+              const v = i.target, b = v.hasAttribute("data-radix-menubar-subtrigger"), M = v.closest("[data-radix-menubar-content]") !== i.currentTarget, f = (d.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === i.key;
+              if (!f && b || M && f) return;
+              let R = s().filter((_) => !_.disabled).map((_) => _.value);
+              f && R.reverse();
+              const P = R.indexOf(c.value);
+              R = d.loop ? Ue(R, P + 1) : R.slice(P + 1);
+              const [E] = R;
+              E && d.onMenuOpen(E);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        style: {
+          ...e.style,
+          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+V.displayName = w;
+var Ne = "MenubarGroup", H = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(ce, { ...n, ...a, ref: o });
+  }
+);
+H.displayName = Ne;
+var ye = "MenubarLabel", $ = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(le, { ...n, ...a, ref: o });
+  }
+);
+$.displayName = ye;
+var Pe = "MenubarItem", j = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(de, { ...n, ...a, ref: o });
+  }
+);
+j.displayName = Pe;
+var Ee = "MenubarCheckboxItem", z = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(be, { ...n, ...a, ref: o });
+  }
+);
+z.displayName = Ee;
+var Oe = "MenubarRadioGroup", W = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(fe, { ...n, ...a, ref: o });
+  }
+);
+W.displayName = Oe;
+var Te = "MenubarRadioItem", X = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(ve, { ...n, ...a, ref: o });
+  }
+);
+X.displayName = Te;
+var Ge = "MenubarItemIndicator", Y = u.forwardRef((e, o) => {
+  const { __scopeMenubar: r, ...a } = e, n = l(r);
+  return /* @__PURE__ */ t(me, { ...n, ...a, ref: o });
+});
+Y.displayName = Ge;
+var De = "MenubarSeparator", q = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(pe, { ...n, ...a, ref: o });
+  }
+);
+q.displayName = De;
+var ke = "MenubarArrow", Ke = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(Re, { ...n, ...a, ref: o });
+  }
+);
+Ke.displayName = ke;
+var Fe = "MenubarSub", J = (e) => {
+  const { __scopeMenubar: o, children: r, open: a, onOpenChange: n, defaultOpen: g } = e, d = l(o), [c = !1, s] = G({
+    prop: a,
+    defaultProp: g,
+    onChange: n
+  });
+  return /* @__PURE__ */ t(Me, { ...d, open: c, onOpenChange: s, children: r });
+};
+J.displayName = Fe;
+var Le = "MenubarSubTrigger", Q = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(
+      ge,
+      {
+        "data-radix-menubar-subtrigger": "",
+        ...n,
+        ...a,
+        ref: o
+      }
+    );
+  }
+);
+Q.displayName = Le;
+var Be = "MenubarSubContent", Z = u.forwardRef(
+  (e, o) => {
+    const { __scopeMenubar: r, ...a } = e, n = l(r);
+    return /* @__PURE__ */ t(
+      he,
+      {
+        ...n,
+        "data-radix-menubar-content": "",
+        ...a,
+        ref: o,
+        style: {
+          ...e.style,
+          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+Z.displayName = Be;
+function Ue(e, o) {
+  return e.map((r, a) => e[(o + a) % e.length]);
+}
+var rr = K, ar = L, or = B, nr = U, tr = V, ur = H, sr = $, ir = j, cr = z, pr = W, lr = X, dr = Y, br = q, mr = J, fr = Q, vr = Z;
+export {
+  cr as CheckboxItem,
+  tr as Content,
+  ur as Group,
+  ir as Item,
+  dr as ItemIndicator,
+  sr as Label,
+  ar as Menu,
+  K as Menubar,
+  Ke as MenubarArrow,
+  z as MenubarCheckboxItem,
+  V as MenubarContent,
+  H as MenubarGroup,
+  j as MenubarItem,
+  Y as MenubarItemIndicator,
+  $ as MenubarLabel,
+  L as MenubarMenu,
+  U as MenubarPortal,
+  W as MenubarRadioGroup,
+  X as MenubarRadioItem,
+  q as MenubarSeparator,
+  J as MenubarSub,
+  Z as MenubarSubContent,
+  Q as MenubarSubTrigger,
+  B as MenubarTrigger,
+  nr as Portal,
+  pr as RadioGroup,
+  lr as RadioItem,
+  rr as Root,
+  br as Separator,
+  mr as Sub,
+  vr as SubContent,
+  fr as SubTrigger,
+  or as Trigger,
+  er as createMenubarScope
+};