@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/menubar/index.js

@@ -0,0 +1,862 @@
+import { defineComponent as u, createBlock as p, openBlock as d, unref as e, normalizeProps as v, guardReactiveProps as M, withCtx as i, renderSlot as c, ref as V, toRefs as X, createVNode as B, computed as E, watch as Y, mergeProps as $, withKeys as D, isRef as Z, onMounted as ee, createElementVNode as L, normalizeClass as G, createElementBlock as te } from "vue";
+import { c as w } from "../../utils-SFgRDk1R.js";
+import { b as T, u as C, a as I } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { u as U } from "../../index-BwPb_idr.js";
+import { u as F } from "../../Collection-COudIl-A.js";
+import { c as N } from "../../createContext-CZEfaSVa.js";
+import { u as h } from "../../useForwardExpose-DZT6mL_U.js";
+import { u as ae } from "../../useDirection-C3C_TLKm.js";
+import { _ as oe } from "../../RovingFocusGroup-0OHdFQl0.js";
+import { P as W } from "../../Primitive-B3twiLO1.js";
+import { r as O } from "../../index-OpE2oGce.js";
+import { _ as se, a as ne, b as re, c as le, d as ie, e as ue, f as de, g as pe, h as ce, i as fe, j as me, k as _e, l as be, m as ge, n as ye } from "../../MenuSubTrigger-CUrxnPwO.js";
+import { C as he } from "../../check-C2tzJ0Gk.js";
+import { w as q } from "../../useTypeahead-oSidjyFF.js";
+import { u as H } from "../../useId-reAg216X.js";
+import { C as ve } from "../../circle-A-6NpYiX.js";
+import { C as Me } from "../../chevron-right-D308801z.js";
+import { _ as Be } from "../../RovingFocusItem-s7Ug6oxb.js";
+const $e = /* @__PURE__ */ u({
+  __name: "MenubarCheckboxItem",
+  props: {
+    modelValue: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select", "update:modelValue"],
+  setup(o, { emit: a }) {
+    const t = o, r = T(a);
+    return h(), (l, s) => (d(), p(e(se), v(M({ ...t, ...e(r) })), {
+      default: i(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), [R, we] = N("MenubarRoot"), Ce = /* @__PURE__ */ u({
+  __name: "MenubarRoot",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    dir: {},
+    loop: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: a }) {
+    const t = o, n = a, { forwardRef: r } = h(), { CollectionSlot: l } = F({ key: "Menubar", isProvider: !0 }), s = U(t, "modelValue", n, {
+      defaultValue: t.defaultValue ?? "",
+      passive: t.modelValue === void 0
+    }), f = V(null), { dir: g, loop: m } = X(t), _ = ae(g);
+    return we({
+      modelValue: s,
+      dir: _,
+      loop: m,
+      onMenuOpen: (b) => {
+        s.value = b, f.value = b;
+      },
+      onMenuClose: () => {
+        s.value = "";
+      },
+      onMenuToggle: (b) => {
+        s.value = s.value ? "" : b, f.value = b;
+      }
+    }), (b, y) => (d(), p(e(l), null, {
+      default: i(() => [
+        B(e(oe), {
+          "current-tab-stop-id": f.value,
+          "onUpdate:currentTabStopId": y[0] || (y[0] = (k) => f.value = k),
+          orientation: "horizontal",
+          loop: e(m),
+          dir: e(_),
+          "as-child": ""
+        }, {
+          default: i(() => [
+            B(e(W), {
+              ref: e(r),
+              role: "menubar"
+            }, {
+              default: i(() => [
+                c(b.$slots, "default", { modelValue: e(s) })
+              ]),
+              _: 3
+            }, 512)
+          ]),
+          _: 3
+        }, 8, ["current-tab-stop-id", "loop", "dir"])
+      ]),
+      _: 3
+    }));
+  }
+}), [K, xe] = N("MenubarMenu"), Oe = /* @__PURE__ */ u({
+  __name: "MenubarMenu",
+  props: {
+    value: {}
+  },
+  setup(o) {
+    const t = H(o.value), n = R();
+    h();
+    const r = V(), l = V(!1), s = E(() => n.modelValue.value === t);
+    return Y(s, () => {
+      s.value || (l.value = !1);
+    }), xe({
+      value: t,
+      triggerElement: r,
+      triggerId: t,
+      contentId: "",
+      wasKeyboardTriggerOpenRef: l
+    }), (f, g) => (d(), p(e(ne), {
+      open: s.value,
+      modal: !1,
+      dir: e(n).dir.value,
+      "onUpdate:open": g[0] || (g[0] = (m) => {
+        m || e(n).onMenuClose();
+      })
+    }, {
+      default: i(() => [
+        c(f.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["open", "dir"]));
+  }
+}), ke = /* @__PURE__ */ u({
+  __name: "MenubarContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    side: {},
+    sideOffset: {},
+    align: { default: "start" },
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
+  setup(o, { emit: a }) {
+    const r = C(o, a);
+    h();
+    const l = R(), s = K();
+    s.contentId || (s.contentId = H(void 0, "reka-menubar-content"));
+    const { getItems: f } = F({ key: "Menubar" }), g = V(!1);
+    function m(_) {
+      const y = _.target.hasAttribute(
+        "data-reka-menubar-subtrigger"
+      ), x = (l.dir.value === "rtl" ? "ArrowRight" : "ArrowLeft") === _.key;
+      if (!x && y)
+        return;
+      let S = f().filter((A) => A.ref.dataset.disabled !== "").map((A) => A.ref.dataset.value);
+      x && S.reverse();
+      const j = S.indexOf(s.value);
+      S = l.loop.value ? q(S, j + 1) : S.slice(j + 1);
+      const [z] = S;
+      z && l.onMenuOpen(z);
+    }
+    return (_, b) => (d(), p(e(re), $(e(r), {
+      id: e(s).contentId,
+      "data-reka-menubar-content": "",
+      "aria-labelledby": e(s).triggerId,
+      style: {
+        "--reka-menubar-content-transform-origin": "var(--reka-popper-transform-origin)",
+        "--reka-menubar-content-available-width": "var(--reka-popper-available-width)",
+        "--reka-menubar-content-available-height": "var(--reka-popper-available-height)",
+        "--reka-menubar-trigger-width": "var(--reka-popper-anchor-width)",
+        "--reka-menubar-trigger-height": "var(--reka-popper-anchor-height)"
+      },
+      onCloseAutoFocus: b[0] || (b[0] = (y) => {
+        var x;
+        !!!e(l).modelValue.value && !g.value && ((x = e(s).triggerElement.value) == null || x.focus()), g.value = !1, y.preventDefault();
+      }),
+      onFocusOutside: b[1] || (b[1] = (y) => {
+        const k = y.target;
+        e(f)().filter((P) => P.ref.dataset.disabled !== "").some((P) => P.ref.contains(k)) && y.preventDefault();
+      }),
+      onInteractOutside: b[2] || (b[2] = (y) => {
+        g.value = !0;
+      }),
+      onEntryFocus: b[3] || (b[3] = (y) => {
+        e(s).wasKeyboardTriggerOpenRef.value || y.preventDefault();
+      }),
+      onKeydown: D(m, ["arrow-right", "arrow-left"])
+    }), {
+      default: i(() => [
+        c(_.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id", "aria-labelledby"]));
+  }
+}), Pe = /* @__PURE__ */ u({
+  __name: "MenubarGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const a = o;
+    return h(), (t, n) => (d(), p(e(le), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Se = /* @__PURE__ */ u({
+  __name: "MenubarItem",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(o, { emit: a }) {
+    const t = o, r = T(a);
+    return h(), (l, s) => (d(), p(e(ie), v(M({ ...t, ...e(r) })), {
+      default: i(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), J = /* @__PURE__ */ u({
+  __name: "MenubarItemIndicator",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const a = o;
+    return h(), (t, n) => (d(), p(e(ue), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ve = /* @__PURE__ */ u({
+  __name: "MenubarLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const a = o;
+    return h(), (t, n) => (d(), p(e(de), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Q = /* @__PURE__ */ u({
+  __name: "MenubarPortal",
+  props: {
+    to: {},
+    disabled: { type: Boolean },
+    defer: { type: Boolean },
+    forceMount: { type: Boolean }
+  },
+  setup(o) {
+    const a = o;
+    return (t, n) => (d(), p(e(pe), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ie = /* @__PURE__ */ u({
+  __name: "MenubarRadioGroup",
+  props: {
+    modelValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: a }) {
+    const t = o, r = T(a);
+    return h(), (l, s) => (d(), p(e(ce), v(M({ ...t, ...e(r) })), {
+      default: i(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Fe = /* @__PURE__ */ u({
+  __name: "MenubarRadioItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["select"],
+  setup(o, { emit: a }) {
+    const r = C(o, a);
+    return h(), (l, s) => (d(), p(e(fe), v(M(e(r))), {
+      default: i(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Re = /* @__PURE__ */ u({
+  __name: "MenubarSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const a = o;
+    return h(), (t, n) => (d(), p(e(me), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ae = /* @__PURE__ */ u({
+  __name: "MenubarSub",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:open"],
+  setup(o, { emit: a }) {
+    const t = o, n = a;
+    h();
+    const r = U(t, "open", n, {
+      defaultValue: t.defaultOpen ?? !1,
+      passive: t.open === void 0
+    });
+    return (l, s) => (d(), p(e(_e), {
+      open: e(r),
+      "onUpdate:open": s[0] || (s[0] = (f) => Z(r) ? r.value = f : null)
+    }, {
+      default: i(() => [
+        c(l.$slots, "default", { open: e(r) })
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+}), De = /* @__PURE__ */ u({
+  __name: "MenubarSubContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    sideOffset: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  setup(o, { emit: a }) {
+    const r = C(o, a);
+    h();
+    const { getItems: l } = F({ key: "Menubar" }), s = R(), f = K();
+    function g(m) {
+      if (m.target.hasAttribute(
+        "data-reka-menubar-subtrigger"
+      ))
+        return;
+      let y = l().filter((P) => P.ref.dataset.disabled !== "").map((P) => P.ref.dataset.value);
+      const k = y.indexOf(f.value);
+      y = s.loop.value ? q(y, k + 1) : y.slice(k + 1);
+      const [x] = y;
+      x && s.onMenuOpen(x);
+    }
+    return (m, _) => (d(), p(e(be), $(e(r), {
+      "data-reka-menubar-content": "",
+      style: {
+        "--reka-menubar-content-transform-origin": "var(--reka-popper-transform-origin)",
+        "--reka-menubar-content-available-width": "var(--reka-popper-available-width)",
+        "--reka-menubar-content-available-height": "var(--reka-popper-available-height)",
+        "--reka-menubar-trigger-width": "var(--reka-popper-anchor-width)",
+        "--reka-menubar-trigger-height": "var(--reka-popper-anchor-height)"
+      },
+      onKeydown: D(g, ["arrow-right"])
+    }), {
+      default: i(() => [
+        c(m.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Te = /* @__PURE__ */ u({
+  __name: "MenubarSubTrigger",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const a = o;
+    return h(), (t, n) => (d(), p(e(ge), $(a, { "data-reka-menubar-subtrigger": "" }), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ke = /* @__PURE__ */ u({
+  __name: "MenubarTrigger",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(o) {
+    const a = R(), t = K(), { forwardRef: n, currentElement: r } = h(), { CollectionItem: l } = F({ key: "Menubar" }), s = V(!1), f = E(() => a.modelValue.value === t.value);
+    return ee(() => {
+      t.triggerElement = r;
+    }), (g, m) => (d(), p(e(Be), {
+      "as-child": "",
+      focusable: !g.disabled,
+      "tab-stop-id": e(t).value
+    }, {
+      default: i(() => [
+        B(e(l), null, {
+          default: i(() => [
+            B(e(ye), { "as-child": "" }, {
+              default: i(() => [
+                B(e(W), {
+                  id: e(t).triggerId,
+                  ref: e(n),
+                  as: g.as,
+                  type: g.as === "button" ? "button" : void 0,
+                  role: "menuitem",
+                  "aria-haspopup": "menu",
+                  "aria-expanded": f.value,
+                  "aria-controls": f.value ? e(t).contentId : void 0,
+                  "data-highlighted": s.value ? "" : void 0,
+                  "data-state": f.value ? "open" : "closed",
+                  "data-disabled": g.disabled ? "" : void 0,
+                  disabled: g.disabled,
+                  "data-value": e(t).value,
+                  onPointerdown: m[0] || (m[0] = (_) => {
+                    !g.disabled && _.button === 0 && _.ctrlKey === !1 && (e(a).onMenuOpen(e(t).value), f.value || _.preventDefault());
+                  }),
+                  onPointerenter: m[1] || (m[1] = () => {
+                    var b;
+                    !!e(a).modelValue.value && !f.value && (e(a).onMenuOpen(e(t).value), (b = e(r)) == null || b.focus());
+                  }),
+                  onKeydown: m[2] || (m[2] = D((_) => {
+                    g.disabled || (["Enter", " "].includes(_.key) && e(a).onMenuToggle(e(t).value), _.key === "ArrowDown" && e(a).onMenuOpen(e(t).value), ["Enter", " ", "ArrowDown"].includes(_.key) && (e(t).wasKeyboardTriggerOpenRef.value = !0, _.preventDefault()));
+                  }, ["enter", "space", "arrow-down"])),
+                  onFocus: m[3] || (m[3] = (_) => s.value = !0),
+                  onBlur: m[4] || (m[4] = (_) => s.value = !1)
+                }, {
+                  default: i(() => [
+                    c(g.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["id", "as", "type", "aria-expanded", "aria-controls", "data-highlighted", "data-state", "data-disabled", "disabled", "data-value"])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["focusable", "tab-stop-id"]));
+  }
+}), nt = /* @__PURE__ */ u({
+  __name: "Menubar",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    dir: {},
+    loop: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: a }) {
+    const t = o, n = a, r = O(t, "class"), l = C(r, n);
+    return (s, f) => (d(), p(e(Ce), $(e(l), {
+      class: e(w)(
+        "flex h-10 items-center gap-x-1 rounded-md border bg-background p-1",
+        t.class
+      )
+    }), {
+      default: i(() => [
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), je = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, rt = /* @__PURE__ */ u({
+  __name: "MenubarCheckboxItem",
+  props: {
+    modelValue: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["select", "update:modelValue"],
+  setup(o, { emit: a }) {
+    const t = o, n = a, r = O(t, "class"), l = C(r, n);
+    return (s, f) => (d(), p(e($e), $(e(l), {
+      class: e(w)(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        t.class
+      )
+    }), {
+      default: i(() => [
+        L("span", je, [
+          B(e(J), null, {
+            default: i(() => [
+              B(e(he), { class: "w-4 h-4" })
+            ]),
+            _: 1
+          })
+        ]),
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), lt = /* @__PURE__ */ u({
+  __name: "MenubarContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    side: {},
+    sideOffset: { default: 8 },
+    align: { default: "start" },
+    alignOffset: { default: -4 },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(o) {
+    const a = o, t = O(a, "class"), n = I(t);
+    return (r, l) => (d(), p(e(Q), null, {
+      default: i(() => [
+        B(e(ke), $(e(n), {
+          class: e(w)(
+            "z-50 min-w-48 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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",
+            a.class
+          )
+        }), {
+          default: i(() => [
+            c(r.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), it = /* @__PURE__ */ u({
+  __name: "MenubarGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(o) {
+    const a = o;
+    return (t, n) => (d(), p(e(Pe), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ut = /* @__PURE__ */ u({
+  __name: "MenubarItem",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {},
+    inset: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(o, { emit: a }) {
+    const t = o, n = a, r = O(t, "class"), l = C(r, n);
+    return (s, f) => (d(), p(e(Se), $(e(l), {
+      class: e(w)(
+        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        s.inset && "pl-8",
+        t.class
+      )
+    }), {
+      default: i(() => [
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), dt = /* @__PURE__ */ u({
+  __name: "MenubarLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {},
+    inset: { type: Boolean }
+  },
+  setup(o) {
+    const a = o;
+    return (t, n) => (d(), p(e(Ve), {
+      class: G(e(w)("px-2 py-1.5 text-sm font-semibold", t.inset && "pl-8", a.class))
+    }, {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), pt = /* @__PURE__ */ u({
+  __name: "MenubarMenu",
+  props: {
+    value: {}
+  },
+  setup(o) {
+    const a = o;
+    return (t, n) => (d(), p(e(Oe), v(M(a)), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ct = /* @__PURE__ */ u({
+  __name: "MenubarRadioGroup",
+  props: {
+    modelValue: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: a }) {
+    const r = C(o, a);
+    return (l, s) => (d(), p(e(Ie), v(M(e(r))), {
+      default: i(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ze = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, ft = /* @__PURE__ */ u({
+  __name: "MenubarRadioItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["select"],
+  setup(o, { emit: a }) {
+    const t = o, n = a, r = O(t, "class"), l = C(r, n);
+    return (s, f) => (d(), p(e(Fe), $(e(l), {
+      class: e(w)(
+        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        t.class
+      )
+    }), {
+      default: i(() => [
+        L("span", ze, [
+          B(e(J), null, {
+            default: i(() => [
+              B(e(ve), { class: "h-2 w-2 fill-current" })
+            ]),
+            _: 1
+          })
+        ]),
+        c(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), mt = /* @__PURE__ */ u({
+  __name: "MenubarSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(o) {
+    const a = o, t = O(a, "class"), n = I(t);
+    return (r, l) => (d(), p(e(Re), $({
+      class: e(w)("-mx-1 my-1 h-px bg-muted", a.class)
+    }, e(n)), null, 16, ["class"]));
+  }
+}), _t = /* @__PURE__ */ u({
+  __name: "MenubarShortcut",
+  props: {
+    class: {}
+  },
+  setup(o) {
+    const a = o;
+    return (t, n) => (d(), te("span", {
+      class: G(e(w)("ml-auto text-xs tracking-widest text-muted-foreground", a.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), bt = /* @__PURE__ */ u({
+  __name: "MenubarSub",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(o, { emit: a }) {
+    const r = C(o, a);
+    return (l, s) => (d(), p(e(Ae), v(M(e(r))), {
+      default: i(() => [
+        c(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), gt = /* @__PURE__ */ u({
+  __name: "MenubarSubContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    sideOffset: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  setup(o, { emit: a }) {
+    const t = o, n = a, r = O(t, "class"), l = C(r, n);
+    return (s, f) => (d(), p(e(Q), null, {
+      default: i(() => [
+        B(e(De), $(e(l), {
+          class: e(w)(
+            "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 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",
+            t.class
+          )
+        }), {
+          default: i(() => [
+            c(s.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), yt = /* @__PURE__ */ u({
+  __name: "MenubarSubTrigger",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {},
+    inset: { type: Boolean }
+  },
+  setup(o) {
+    const a = o, t = O(a, "class"), n = I(t);
+    return (r, l) => (d(), p(e(Te), $(e(n), {
+      class: e(w)(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        r.inset && "pl-8",
+        a.class
+      )
+    }), {
+      default: i(() => [
+        c(r.$slots, "default"),
+        B(e(Me), { class: "ml-auto h-4 w-4" })
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ht = /* @__PURE__ */ u({
+  __name: "MenubarTrigger",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(o) {
+    const a = o, t = O(a, "class"), n = I(t);
+    return (r, l) => (d(), p(e(Ke), $(e(n), {
+      class: e(w)(
+        "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        a.class
+      )
+    }), {
+      default: i(() => [
+        c(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  nt as Menubar,
+  rt as MenubarCheckboxItem,
+  lt as MenubarContent,
+  it as MenubarGroup,
+  ut as MenubarItem,
+  dt as MenubarLabel,
+  pt as MenubarMenu,
+  ct as MenubarRadioGroup,
+  ft as MenubarRadioItem,
+  mt as MenubarSeparator,
+  _t as MenubarShortcut,
+  bt as MenubarSub,
+  gt as MenubarSubContent,
+  yt as MenubarSubTrigger,
+  ht as MenubarTrigger
+};