@gv-tech/ui-web 2.20.0 → 2.21.0

package/dist/menubar.mjs

@@ -1,474 +1,4 @@
 "use client";
-import { j as n } from "./jsx-runtime-tc70JA_2.mjs";
-import * as s from "react";
-import { c as fe } from "./index-DFdF7K7v.mjs";
-import { u as be } from "./index-CD6_IrA-.mjs";
-import { P as T, c as h } from "./index-K9FzbxYw.mjs";
-import { u as ge } from "./index-DLcqcWxM.mjs";
-import { c as xe } from "./index-IZ2gq03c.mjs";
-import { u as w } from "./index-DnFcfnA9.mjs";
-import { A as Me, S as ve, a as he, P as Ne, C as Re, I as ye, b as we, c as Se, R as Ce, L as Ie, d as _e, e as je, G as Ae, f as Pe, g as Ee, h as Te, i as Oe } from "./index-CVx1AgNG.mjs";
-import { R as Ge, I as ke, c as O } from "./index-Bv7qrYW6.mjs";
-import { u as G } from "./index-p6xVFRb4.mjs";
-import { ChevronRight as De, Check as $e, Circle as Ke } from "lucide-react";
-import { c as M } from "./utils-DY6fhrgS.mjs";
-var R = "Menubar", [S, Fe, Le] = fe(R), [k] = xe(R, [
-  Le,
-  O
-]), d = je(), D = O(), [Be, _] = k(R), $ = s.forwardRef(
-  (e, a) => {
-    const {
-      __scopeMenubar: r,
-      value: t,
-      onValueChange: o,
-      defaultValue: m,
-      loop: l = !0,
-      dir: c,
-      ...u
-    } = e, f = be(c), i = D(r), [g, b] = G({
-      prop: t,
-      onChange: o,
-      defaultProp: m ?? "",
-      caller: R
-    }), [x, p] = s.useState(null);
-    return /* @__PURE__ */ n.jsx(
-      Be,
-      {
-        scope: r,
-        value: g,
-        onMenuOpen: s.useCallback(
-          (v) => {
-            b(v), p(v);
-          },
-          [b]
-        ),
-        onMenuClose: s.useCallback(() => b(""), [b]),
-        onMenuToggle: s.useCallback(
-          (v) => {
-            b((A) => A ? "" : v), p(v);
-          },
-          [b]
-        ),
-        dir: f,
-        loop: l,
-        children: /* @__PURE__ */ n.jsx(S.Provider, { scope: r, children: /* @__PURE__ */ n.jsx(S.Slot, { scope: r, children: /* @__PURE__ */ n.jsx(
-          Ge,
-          {
-            asChild: !0,
-            ...i,
-            orientation: "horizontal",
-            loop: l,
-            dir: f,
-            currentTabStopId: x,
-            onCurrentTabStopIdChange: p,
-            children: /* @__PURE__ */ n.jsx(T.div, { role: "menubar", ...u, ref: a })
-          }
-        ) }) })
-      }
-    );
-  }
-);
-$.displayName = R;
-var j = "MenubarMenu", [Ue, K] = k(j), F = (e) => {
-  const { __scopeMenubar: a, value: r, ...t } = e, o = w(), m = r || o || "LEGACY_REACT_AUTO_VALUE", l = _(j, a), c = d(a), u = s.useRef(null), f = s.useRef(!1), i = l.value === m;
-  return s.useEffect(() => {
-    i || (f.current = !1);
-  }, [i]), /* @__PURE__ */ n.jsx(
-    Ue,
-    {
-      scope: a,
-      value: m,
-      triggerId: w(),
-      triggerRef: u,
-      contentId: w(),
-      wasKeyboardTriggerOpenRef: f,
-      children: /* @__PURE__ */ n.jsx(
-        Pe,
-        {
-          ...c,
-          open: i,
-          onOpenChange: (g) => {
-            g || l.onMenuClose();
-          },
-          modal: !1,
-          dir: l.dir,
-          ...t
-        }
-      )
-    }
-  );
-};
-F.displayName = j;
-var C = "MenubarTrigger", L = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, disabled: t = !1, ...o } = e, m = D(r), l = d(r), c = _(C, r), u = K(C, r), f = s.useRef(null), i = ge(a, f, u.triggerRef), [g, b] = s.useState(!1), x = c.value === u.value;
-    return /* @__PURE__ */ n.jsx(S.ItemSlot, { scope: r, value: u.value, disabled: t, children: /* @__PURE__ */ n.jsx(
-      ke,
-      {
-        asChild: !0,
-        ...m,
-        focusable: !t,
-        tabStopId: u.value,
-        children: /* @__PURE__ */ n.jsx(Me, { asChild: !0, ...l, children: /* @__PURE__ */ n.jsx(
-          T.button,
-          {
-            type: "button",
-            role: "menuitem",
-            id: u.triggerId,
-            "aria-haspopup": "menu",
-            "aria-expanded": x,
-            "aria-controls": x ? u.contentId : void 0,
-            "data-highlighted": g ? "" : void 0,
-            "data-state": x ? "open" : "closed",
-            "data-disabled": t ? "" : void 0,
-            disabled: t,
-            ...o,
-            ref: i,
-            onPointerDown: h(e.onPointerDown, (p) => {
-              !t && p.button === 0 && p.ctrlKey === !1 && (c.onMenuOpen(u.value), x || p.preventDefault());
-            }),
-            onPointerEnter: h(e.onPointerEnter, () => {
-              c.value && !x && (c.onMenuOpen(u.value), f.current?.focus());
-            }),
-            onKeyDown: h(e.onKeyDown, (p) => {
-              t || (["Enter", " "].includes(p.key) && c.onMenuToggle(u.value), p.key === "ArrowDown" && c.onMenuOpen(u.value), ["Enter", " ", "ArrowDown"].includes(p.key) && (u.wasKeyboardTriggerOpenRef.current = !0, p.preventDefault()));
-            }),
-            onFocus: h(e.onFocus, () => b(!0)),
-            onBlur: h(e.onBlur, () => b(!1))
-          }
-        ) })
-      }
-    ) });
-  }
-);
-L.displayName = C;
-var ze = "MenubarPortal", B = (e) => {
-  const { __scopeMenubar: a, ...r } = e, t = d(a);
-  return /* @__PURE__ */ n.jsx(Ne, { ...t, ...r });
-};
-B.displayName = ze;
-var I = "MenubarContent", U = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, align: t = "start", ...o } = e, m = d(r), l = _(I, r), c = K(I, r), u = Fe(r), f = s.useRef(!1);
-    return /* @__PURE__ */ n.jsx(
-      Re,
-      {
-        id: c.contentId,
-        "aria-labelledby": c.triggerId,
-        "data-radix-menubar-content": "",
-        ...m,
-        ...o,
-        ref: a,
-        align: t,
-        onCloseAutoFocus: h(e.onCloseAutoFocus, (i) => {
-          !l.value && !f.current && c.triggerRef.current?.focus(), f.current = !1, i.preventDefault();
-        }),
-        onFocusOutside: h(e.onFocusOutside, (i) => {
-          const g = i.target;
-          u().some((x) => x.ref.current?.contains(g)) && i.preventDefault();
-        }),
-        onInteractOutside: h(e.onInteractOutside, () => {
-          f.current = !0;
-        }),
-        onEntryFocus: (i) => {
-          c.wasKeyboardTriggerOpenRef.current || i.preventDefault();
-        },
-        onKeyDown: h(
-          e.onKeyDown,
-          (i) => {
-            if (["ArrowRight", "ArrowLeft"].includes(i.key)) {
-              const g = i.target, b = g.hasAttribute("data-radix-menubar-subtrigger"), x = g.closest("[data-radix-menubar-content]") !== i.currentTarget, v = (l.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === i.key;
-              if (!v && b || x && v) return;
-              let N = u().filter((y) => !y.disabled).map((y) => y.value);
-              v && N.reverse();
-              const P = N.indexOf(c.value);
-              N = l.loop ? tr(N, P + 1) : N.slice(P + 1);
-              const [E] = N;
-              E && l.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)"
-        }
-      }
-    );
-  }
-);
-U.displayName = I;
-var Ve = "MenubarGroup", z = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(Ae, { ...o, ...t, ref: a });
-  }
-);
-z.displayName = Ve;
-var He = "MenubarLabel", V = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(Ie, { ...o, ...t, ref: a });
-  }
-);
-V.displayName = He;
-var We = "MenubarItem", H = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(ye, { ...o, ...t, ref: a });
-  }
-);
-H.displayName = We;
-var Xe = "MenubarCheckboxItem", W = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(we, { ...o, ...t, ref: a });
-  }
-);
-W.displayName = Xe;
-var Ye = "MenubarRadioGroup", X = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(Ee, { ...o, ...t, ref: a });
-  }
-);
-X.displayName = Ye;
-var qe = "MenubarRadioItem", Y = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(Ce, { ...o, ...t, ref: a });
-  }
-);
-Y.displayName = qe;
-var Je = "MenubarItemIndicator", q = s.forwardRef((e, a) => {
-  const { __scopeMenubar: r, ...t } = e, o = d(r);
-  return /* @__PURE__ */ n.jsx(Se, { ...o, ...t, ref: a });
-});
-q.displayName = Je;
-var Qe = "MenubarSeparator", J = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(_e, { ...o, ...t, ref: a });
-  }
-);
-J.displayName = Qe;
-var Ze = "MenubarArrow", er = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(Oe, { ...o, ...t, ref: a });
-  }
-);
-er.displayName = Ze;
-var Q = "MenubarSub", Z = (e) => {
-  const { __scopeMenubar: a, children: r, open: t, onOpenChange: o, defaultOpen: m } = e, l = d(a), [c, u] = G({
-    prop: t,
-    defaultProp: m ?? !1,
-    onChange: o,
-    caller: Q
-  });
-  return /* @__PURE__ */ n.jsx(Te, { ...l, open: c, onOpenChange: u, children: r });
-};
-Z.displayName = Q;
-var rr = "MenubarSubTrigger", ee = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(
-      ve,
-      {
-        "data-radix-menubar-subtrigger": "",
-        ...o,
-        ...t,
-        ref: a
-      }
-    );
-  }
-);
-ee.displayName = rr;
-var ar = "MenubarSubContent", re = s.forwardRef(
-  (e, a) => {
-    const { __scopeMenubar: r, ...t } = e, o = d(r);
-    return /* @__PURE__ */ n.jsx(
-      he,
-      {
-        ...o,
-        "data-radix-menubar-content": "",
-        ...t,
-        ref: a,
-        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)"
-        }
-      }
-    );
-  }
-);
-re.displayName = ar;
-function tr(e, a) {
-  return e.map((r, t) => e[(a + t) % e.length]);
-}
-var ae = $, nr = F, te = L, ne = B, oe = U, or = z, se = V, ue = H, ie = W, sr = X, ce = Y, de = q, le = J, ur = Z, pe = ee, me = re;
-function Er({ ...e }) {
-  return /* @__PURE__ */ n.jsx(nr, { ...e });
-}
-function Tr({ ...e }) {
-  return /* @__PURE__ */ n.jsx(or, { ...e });
-}
-function Or({ ...e }) {
-  return /* @__PURE__ */ n.jsx(ne, { ...e });
-}
-function Gr({ ...e }) {
-  return /* @__PURE__ */ n.jsx(sr, { ...e });
-}
-function kr({ ...e }) {
-  return /* @__PURE__ */ n.jsx(ur, { "data-slot": "menubar-sub", ...e });
-}
-const ir = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ n.jsx(
-  ae,
-  {
-    ref: r,
-    className: M("bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-sm", e),
-    ...a
-  }
-));
-ir.displayName = ae?.displayName || "Menubar";
-const cr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ n.jsx(
-  te,
-  {
-    ref: r,
-    className: M(
-      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium outline-none select-none",
-      e
-    ),
-    ...a
-  }
-));
-cr.displayName = te?.displayName || "MenubarTrigger";
-const dr = s.forwardRef(({ className: e, inset: a, children: r, ...t }, o) => /* @__PURE__ */ n.jsxs(
-  pe,
-  {
-    ref: o,
-    className: M(
-      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none",
-      a && "pl-8",
-      e
-    ),
-    ...t,
-    children: [
-      r,
-      /* @__PURE__ */ n.jsx(De, { className: "ml-auto h-4 w-4" })
-    ]
-  }
-));
-dr.displayName = pe?.displayName || "MenubarSubTrigger";
-const lr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ n.jsx(
-  me,
-  {
-    ref: r,
-    className: M(
-      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
-      e
-    ),
-    ...a
-  }
-));
-lr.displayName = me?.displayName || "MenubarSubContent";
-const pr = s.forwardRef(({ className: e, align: a = "start", alignOffset: r = -4, sideOffset: t = 8, ...o }, m) => /* @__PURE__ */ n.jsx(ne, { children: /* @__PURE__ */ n.jsx(
-  oe,
-  {
-    ref: m,
-    align: a,
-    alignOffset: r,
-    sideOffset: t,
-    className: M(
-      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-md",
-      e
-    ),
-    ...o
-  }
-) }));
-pr.displayName = oe?.displayName || "MenubarContent";
-const mr = s.forwardRef(({ className: e, inset: a, ...r }, t) => /* @__PURE__ */ n.jsx(
-  ue,
-  {
-    ref: t,
-    className: M(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      a && "pl-8",
-      e
-    ),
-    ...r
-  }
-));
-mr.displayName = ue?.displayName || "MenubarItem";
-const fr = s.forwardRef(({ className: e, children: a, checked: r, ...t }, o) => /* @__PURE__ */ n.jsxs(
-  ie,
-  {
-    ref: o,
-    className: M(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
-    ),
-    checked: r,
-    ...t,
-    children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(de, { children: /* @__PURE__ */ n.jsx($e, { className: "h-4 w-4" }) }) }),
-      a
-    ]
-  }
-));
-fr.displayName = ie?.displayName || "MenubarCheckboxItem";
-const br = s.forwardRef(({ className: e, children: a, ...r }, t) => /* @__PURE__ */ n.jsxs(
-  ce,
-  {
-    ref: t,
-    className: M(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      e
-    ),
-    ...r,
-    children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(de, { children: /* @__PURE__ */ n.jsx(Ke, { className: "h-4 w-4 fill-current" }) }) }),
-      a
-    ]
-  }
-));
-br.displayName = ce?.displayName || "MenubarRadioItem";
-const gr = s.forwardRef(({ className: e, inset: a, ...r }, t) => /* @__PURE__ */ n.jsx(
-  se,
-  {
-    ref: t,
-    className: M("px-2 py-1.5 text-sm font-semibold", a && "pl-8", e),
-    ...r
-  }
-));
-gr.displayName = se?.displayName || "MenubarLabel";
-const xr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ n.jsx(le, { ref: r, className: M("bg-muted -mx-1 my-1 h-px", e), ...a }));
-xr.displayName = le?.displayName || "MenubarSeparator";
-const Mr = ({ className: e, ...a }) => /* @__PURE__ */ n.jsx("span", { className: M("text-muted-foreground ml-auto text-xs tracking-widest", e), ...a });
-Mr.displayname = "MenubarShortcut";
-export {
-  ir as Menubar,
-  fr as MenubarCheckboxItem,
-  pr as MenubarContent,
-  Tr as MenubarGroup,
-  mr as MenubarItem,
-  gr as MenubarLabel,
-  Er as MenubarMenu,
-  Or as MenubarPortal,
-  Gr as MenubarRadioGroup,
-  br as MenubarRadioItem,
-  xr as MenubarSeparator,
-  Mr as MenubarShortcut,
-  kr as MenubarSub,
-  lr as MenubarSubContent,
-  dr as MenubarSubTrigger,
-  cr as MenubarTrigger
-};
+"use client";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./menubar-D2fY6zkQ.mjs";
+export { m as Menubar, l as MenubarCheckboxItem, f as MenubarContent, o as MenubarGroup, e as MenubarItem, u as MenubarLabel, p as MenubarMenu, t as MenubarPortal, s as MenubarRadioGroup, h as MenubarRadioItem, n as MenubarSeparator, r as MenubarShortcut, d as MenubarSub, c as MenubarSubContent, a as MenubarSubTrigger, i as MenubarTrigger };