@leavepulse/ui 0.12.0 → 0.14.6

package/dist/chunks/LpCard-1yvWT9fx.js

@@ -0,0 +1,66 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot, createElementBlock } from "vue";
+import { tv } from "tailwind-variants";
+import { _ as _sfc_main$1 } from "./LpContextMenu-D0mzXqA7.js";
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpCard",
+  props: {
+    variant: { default: "raised" },
+    padded: { type: Boolean, default: true },
+    interactive: { type: Boolean, default: false },
+    menuItems: {}
+  },
+  setup(__props) {
+    const card = tv({
+      base: "rounded-card border bg-surface-raised",
+      variants: {
+        variant: {
+          // raised opts into the skin painter (.lp-skin-panel) so it follows the
+          // active surface tokens (flat → glass) instead of a fixed shadow.
+          raised: "lp-skin-panel border-line",
+          flat: "border-line",
+          ghost: "border-transparent bg-transparent"
+        },
+        padded: { true: "p-5", false: "" },
+        // Lift on hover with a BRAND-tinted glow + brand border (a black drop-shadow
+        // was invisible on dark themes — it only showed on light). We write the glow
+        // through `--surface-panel-shadow`, the very variable the skin-painter feeds
+        // into .lp-skin-panel's box-shadow, AND set box-shadow directly — so the glow
+        // lands on both the `raised` variant (skin panel, whose own box-shadow would
+        // otherwise win, being declared outside @layer) and `flat`/`ghost`.
+        // NOTE: in Tailwind v4 `translate-*` writes the native `translate` property
+        // (not `transform`), so the transition list MUST name `translate` explicitly
+        // or the lift snaps while the rest eases.
+        interactive: {
+          true: "cursor-pointer transition-[translate,box-shadow,border-color] duration-medium ease-[var(--ease-emphasized)] hover:-translate-y-0.5 hover:border-brand/40 hover:shadow-[var(--lp-card-glow)] hover:[--surface-panel-shadow:var(--lp-card-glow)] [--lp-card-glow:0_8px_24px_-6px_color-mix(in_srgb,var(--color-brand)_38%,transparent)] motion-reduce:transition-none motion-reduce:hover:translate-y-0"
+        }
+      }
+    });
+    const props = __props;
+    const classes = computed(
+      () => card({ variant: props.variant, padded: props.padded, interactive: props.interactive })
+    );
+    return (_ctx, _cache) => {
+      return __props.menuItems?.length ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        items: __props.menuItems
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", mergeProps({ class: classes.value }, _ctx.$attrs), [
+            renderSlot(_ctx.$slots, "default")
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["items"])) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        class: classes.value
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpCheckbox-BO0zuuPh.js

@@ -0,0 +1,55 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { CheckboxRoot, CheckboxIndicator } from "reka-ui";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    indeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    label: {},
+    id: {},
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onUpdate(v) {
+      const checked = v === true;
+      emit("update:modelValue", checked);
+      emit("change", checked);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", _hoisted_1, [
+        createVNode(unref(CheckboxRoot), {
+          id: __props.id,
+          name: __props.name,
+          "model-value": __props.indeterminate ? "indeterminate" : __props.modelValue,
+          disabled: __props.disabled,
+          class: "flex size-[18px] items-center justify-center rounded-[5px] border border-line-strong bg-surface-soft outline-none transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:not-data-[state=indeterminate]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-transparent data-[state=checked]:bg-brand data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-brand disabled:cursor-not-allowed disabled:opacity-55",
+          "onUpdate:modelValue": onUpdate
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(CheckboxIndicator), { class: "flex items-center justify-center text-ink-inverse data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)] data-[state=indeterminate]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$1, {
+                  name: __props.indeterminate ? "lucide:minus" : "lucide:check",
+                  size: 13
+                }, null, 8, ["name"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["id", "name", "model-value", "disabled"]),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpCodeBlock-CSiOSPs8.js

@@ -0,0 +1,253 @@
+import { defineComponent, computed, reactive, watch, ref, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, createVNode, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { tokenizeLine } from "../components/codeHighlight.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "overflow-hidden rounded-card border border-line bg-surface font-mono text-xs" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex items-center gap-2 border-b border-line bg-surface-soft px-3 py-1.5 text-muted"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "truncate text-ink"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "rounded bg-surface px-1.5 py-0.5 text-[10px] uppercase tracking-wide"
+};
+const _hoisted_5 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = ["aria-label"];
+const _hoisted_8 = ["value"];
+const _hoisted_9 = { class: "block" };
+const _hoisted_10 = {
+  key: 0,
+  class: "mr-3 inline-block w-7 select-none text-right text-muted/60",
+  "aria-hidden": "true"
+};
+const _hoisted_11 = ["aria-expanded", "onClick"];
+const _hoisted_12 = { class: "select-none" };
+const _hoisted_13 = {
+  key: 0,
+  class: "select-none text-muted/50"
+};
+const _hoisted_14 = {
+  key: 0,
+  class: "mr-3 inline-block w-7 select-none text-right text-muted/60",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpCodeBlock",
+  props: {
+    modelValue: {},
+    lang: { default: "plain" },
+    lineNumbers: { type: Boolean, default: false },
+    wrap: { type: Boolean, default: false },
+    locked: { type: Boolean, default: true },
+    lockToggle: { type: Boolean, default: false },
+    copyable: { type: Boolean, default: true },
+    title: {},
+    height: {},
+    foldImports: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "update:locked"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const code = computed(() => props.modelValue ?? "");
+    const rawLines = computed(() => code.value.replace(/\n$/, "").split("\n"));
+    const REGION_START = /^\s*(?:\/\/|#|--)\s*#region\b\s*(.*?)\s*$/;
+    const REGION_END = /^\s*(?:\/\/|#|--)\s*#endregion\b/;
+    const IMPORT_LINE = /^\s*(?:import|package|use|from|#include|using)\b/;
+    const segments = computed(() => {
+      const out = [];
+      const src = rawLines.value;
+      let plain = [];
+      let foldId = 0;
+      const flushPlain = () => {
+        if (plain.length) {
+          out.push({ kind: "lines", lines: plain });
+          plain = [];
+        }
+      };
+      let i = 0;
+      if (props.foldImports && !REGION_START.test(src[0] ?? "")) {
+        let start = 0;
+        while (start < src.length && src[start].trim() === "") start++;
+        let end = start;
+        while (end < src.length && (IMPORT_LINE.test(src[end]) || src[end].trim() === "")) end++;
+        let realEnd = end;
+        while (realEnd > start && src[realEnd - 1].trim() === "") realEnd--;
+        if (realEnd - start >= 1) {
+          for (let k = 0; k < start; k++) plain.push({ n: k + 1, text: src[k] });
+          flushPlain();
+          const lines = [];
+          for (let k = start; k < realEnd; k++) lines.push({ n: k + 1, text: src[k] });
+          out.push({ kind: "fold", id: foldId++, label: "imports", defaultOpen: false, lines });
+          i = realEnd;
+        }
+      }
+      for (; i < src.length; i++) {
+        const line = src[i];
+        const startMatch = line.match(REGION_START);
+        if (startMatch) {
+          flushPlain();
+          const rest = startMatch[1] ?? "";
+          const defaultOpen = /\bopen\b/.test(rest);
+          const label = rest.replace(/\bopen\b/, "").trim() || "details";
+          const lines = [];
+          i++;
+          for (; i < src.length; i++) {
+            if (REGION_END.test(src[i])) break;
+            lines.push({ n: i + 1, text: src[i] });
+          }
+          out.push({ kind: "fold", id: foldId++, label, defaultOpen, lines });
+          continue;
+        }
+        plain.push({ n: i + 1, text: line });
+      }
+      flushPlain();
+      return out;
+    });
+    const hasFolds = computed(() => segments.value.some((s) => s.kind === "fold"));
+    const openState = reactive({});
+    watch(
+      segments,
+      (segs) => {
+        for (const key of Object.keys(openState)) delete openState[Number(key)];
+        for (const s of segs) if (s.kind === "fold") openState[s.id] = s.defaultOpen;
+      },
+      { immediate: true }
+    );
+    function toggleFold(id) {
+      openState[id] = !openState[id];
+    }
+    function tokens(text) {
+      return tokenizeLine(text, props.lang);
+    }
+    const copyText = computed(
+      () => segments.value.flatMap((s) => s.lines.map((l) => l.text)).join("\n")
+    );
+    const showHeader = computed(
+      () => Boolean(props.title || props.lang !== "plain" || props.copyable || props.lockToggle)
+    );
+    const copied = ref(false);
+    async function copy() {
+      try {
+        await navigator.clipboard.writeText(copyText.value);
+        copied.value = true;
+        window.setTimeout(() => copied.value = false, 1400);
+      } catch {
+      }
+    }
+    function toggleLock() {
+      emit("update:locked", !props.locked);
+    }
+    function onInput(e) {
+      emit("update:modelValue", e.target.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        showHeader.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          __props.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          __props.lang !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.lang), 1)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_5, [
+            __props.lockToggle ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "group/lock flex items-center gap-1 rounded px-1.5 py-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+              "aria-label": __props.locked ? "Unlock to edit" : "Lock (read-only)",
+              onClick: toggleLock
+            }, [
+              createVNode(_sfc_main$1, {
+                name: __props.locked ? "lucide:lock" : "lucide:lock-open",
+                size: 13,
+                class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active/lock:scale-90"
+              }, null, 8, ["name"])
+            ], 8, _hoisted_6)) : createCommentVNode("", true),
+            __props.copyable ? (openBlock(), createElementBlock("button", {
+              key: 1,
+              type: "button",
+              class: "group/copy flex items-center gap-1 rounded px-1.5 py-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+              "aria-label": copied.value ? "Copied" : "Copy code",
+              onClick: copy
+            }, [
+              createVNode(_sfc_main$1, {
+                name: copied.value ? "lucide:check" : "lucide:copy",
+                size: 13,
+                class: normalizeClass(copied.value ? "text-action" : "")
+              }, null, 8, ["name", "class"])
+            ], 8, _hoisted_7)) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["lp-scrollbar-none relative", __props.height ? "overflow-auto" : ""]),
+          style: normalizeStyle(__props.height ? { height: __props.height } : void 0)
+        }, [
+          !__props.locked && !hasFolds.value ? (openBlock(), createElementBlock("textarea", {
+            key: 0,
+            value: code.value,
+            spellcheck: "false",
+            class: normalizeClass(["lp-scrollbar-none absolute inset-0 size-full resize-none overflow-auto whitespace-pre bg-transparent p-3 leading-relaxed text-transparent caret-brand outline-none", [__props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre", __props.lineNumbers ? "pl-12" : ""]]),
+            onInput
+          }, null, 42, _hoisted_8)) : createCommentVNode("", true),
+          createElementVNode("pre", {
+            class: normalizeClass(["lp-scrollbar-none m-0 overflow-auto p-3 leading-relaxed", [__props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre", !__props.locked && !hasFolds.value ? "pointer-events-none" : ""]])
+          }, [
+            createElementVNode("code", _hoisted_9, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(segments.value, (seg, s) => {
+                return openBlock(), createElementBlock(Fragment, { key: s }, [
+                  seg.kind === "lines" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(seg.lines, (ln) => {
+                    return openBlock(), createElementBlock("span", {
+                      key: "l" + ln.n,
+                      class: "block min-h-[1.4em]"
+                    }, [
+                      __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(ln.n), 1)) : createCommentVNode("", true),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(tokens(ln.text), (tok, j) => {
+                        return openBlock(), createElementBlock("span", {
+                          key: j,
+                          class: normalizeClass(tok.cls)
+                        }, toDisplayString(tok.text), 3);
+                      }), 128))
+                    ]);
+                  }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createElementVNode("button", {
+                      type: "button",
+                      class: "lp-fold-toggle flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                      "aria-expanded": openState[seg.id],
+                      onClick: ($event) => toggleFold(seg.id)
+                    }, [
+                      createVNode(_sfc_main$1, {
+                        name: openState[seg.id] ? "lucide:chevron-down" : "lucide:chevron-right",
+                        size: 12,
+                        class: "shrink-0"
+                      }, null, 8, ["name"]),
+                      createElementVNode("span", _hoisted_12, toDisplayString(openState[seg.id] ? seg.label : seg.label + " …"), 1),
+                      !openState[seg.id] ? (openBlock(), createElementBlock("span", _hoisted_13, "(" + toDisplayString(seg.lines.length) + " lines)", 1)) : createCommentVNode("", true)
+                    ], 8, _hoisted_11),
+                    openState[seg.id] ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(seg.lines, (ln) => {
+                      return openBlock(), createElementBlock("span", {
+                        key: "f" + ln.n,
+                        class: "block min-h-[1.4em]"
+                      }, [
+                        __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(ln.n), 1)) : createCommentVNode("", true),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(tokens(ln.text), (tok, j) => {
+                          return openBlock(), createElementBlock("span", {
+                            key: j,
+                            class: normalizeClass(tok.cls)
+                          }, toDisplayString(tok.text), 3);
+                        }), 128))
+                      ]);
+                    }), 128)) : createCommentVNode("", true)
+                  ], 64))
+                ], 64);
+              }), 128))
+            ])
+          ], 2)
+        ], 6)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpConfirmDialog-KLtTtCiT.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
+import { _ as _sfc_main$1 } from "./LpModal-CWoOExzT.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpConfirmDialog",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    description: {},
+    confirmLabel: { default: "Confirm" },
+    cancelLabel: { default: "Cancel" },
+    danger: { type: Boolean }
+  },
+  emits: ["update:open", "confirm", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function confirm() {
+      emit("confirm");
+      emit("update:open", false);
+    }
+    function cancel() {
+      emit("cancel");
+      emit("update:open", false);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        open: __props.open,
+        title: __props.title,
+        description: __props.description,
+        "onUpdate:open": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:open", v))
+      }, {
+        footer: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            variant: "ghost",
+            onClick: cancel
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.cancelLabel), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_sfc_main$2, {
+            variant: __props.danger ? "danger" : "solid",
+            onClick: confirm
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.confirmLabel), 1)
+            ]),
+            _: 1
+          }, 8, ["variant"])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["open", "title", "description"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpContextMenu-D0mzXqA7.js

@@ -0,0 +1,151 @@
+import { defineComponent, computed, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent, ContextMenuSeparator, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuItem } from "reka-ui";
+import { POPOVER_PANEL } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = { class: "flex items-center gap-2" };
+const _hoisted_3 = {
+  key: 0,
+  class: "text-xs text-muted"
+};
+const _hoisted_4 = { class: "flex items-center gap-2" };
+const _hoisted_5 = {
+  key: 0,
+  class: "text-xs text-muted"
+};
+const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft";
+const ICON = "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpContextMenu",
+  props: {
+    items: {},
+    always: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const enabled = computed(() => props.always || props.items.length > 0);
+    const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
+    return (_ctx, _cache) => {
+      return !enabled.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(unref(ContextMenuRoot), { key: 1 }, {
+        default: withCtx(() => [
+          createVNode(unref(ContextMenuTrigger), { "as-child": "" }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }),
+          __props.items.length ? (openBlock(), createBlock(unref(ContextMenuPortal), { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(unref(ContextMenuContent), {
+                class: normalizeClass(PANEL)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
+                    return openBlock(), createElementBlock(Fragment, { key: i }, [
+                      item.separatorBefore ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
+                        key: 0,
+                        class: "my-1 h-px bg-line"
+                      })) : createCommentVNode("", true),
+                      item.children?.length ? (openBlock(), createBlock(unref(ContextMenuSub), { key: 1 }, {
+                        default: withCtx(() => [
+                          createVNode(unref(ContextMenuSubTrigger), {
+                            class: normalizeClass([ITEM, "justify-between text-ink data-[highlighted]:text-brand data-[state=open]:bg-brand-soft data-[state=open]:text-brand"])
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_1, [
+                                item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                                  key: 0,
+                                  name: item.icon,
+                                  size: 15,
+                                  class: normalizeClass(ICON)
+                                }, null, 8, ["name"])) : createCommentVNode("", true),
+                                createTextVNode(" " + toDisplayString(item.label), 1)
+                              ]),
+                              createVNode(_sfc_main$1, {
+                                name: "lucide:chevron-right",
+                                size: 14,
+                                class: "text-muted"
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["class"]),
+                          createVNode(unref(ContextMenuPortal), null, {
+                            default: withCtx(() => [
+                              createVNode(unref(ContextMenuSubContent), {
+                                class: normalizeClass(PANEL),
+                                "side-offset": 2,
+                                "align-offset": -4
+                              }, {
+                                default: withCtx(() => [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (sub, j) => {
+                                    return openBlock(), createElementBlock(Fragment, { key: j }, [
+                                      sub.separatorBefore ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
+                                        key: 0,
+                                        class: "my-1 h-px bg-line"
+                                      })) : createCommentVNode("", true),
+                                      createVNode(unref(ContextMenuItem), {
+                                        class: normalizeClass([ITEM, "justify-between", sub.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
+                                        disabled: sub.disabled,
+                                        onSelect: ($event) => sub.onSelect?.()
+                                      }, {
+                                        default: withCtx(() => [
+                                          createElementVNode("span", _hoisted_2, [
+                                            sub.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                                              key: 0,
+                                              name: sub.icon,
+                                              size: 15,
+                                              class: normalizeClass(ICON)
+                                            }, null, 8, ["name"])) : createCommentVNode("", true),
+                                            createTextVNode(" " + toDisplayString(sub.label), 1)
+                                          ]),
+                                          sub.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_3, toDisplayString(sub.shortcut), 1)) : createCommentVNode("", true)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["class", "disabled", "onSelect"])
+                                    ], 64);
+                                  }), 128))
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024)) : (openBlock(), createBlock(unref(ContextMenuItem), {
+                        key: 2,
+                        class: normalizeClass([ITEM, "justify-between", item.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
+                        disabled: item.disabled,
+                        onSelect: ($event) => item.onSelect?.()
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", _hoisted_4, [
+                            item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                              key: 0,
+                              name: item.icon,
+                              size: 15,
+                              class: normalizeClass(ICON)
+                            }, null, 8, ["name"])) : createCommentVNode("", true),
+                            createTextVNode(" " + toDisplayString(item.label), 1)
+                          ]),
+                          item.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_5, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1032, ["class", "disabled", "onSelect"]))
+                    ], 64);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};