@leavepulse/ui 0.12.0 → 0.14.4

package/dist/chunks/LpLogViewer-CDBjhXl6.js

@@ -0,0 +1,469 @@
+import { defineComponent, computed, ref, watch, nextTick, onMounted, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createBlock, resolveDynamicComponent, TransitionGroup, mergeProps, renderList, normalizeClass, createTextVNode, Transition } from "vue";
+import { _ as _sfc_main$3 } from "./LpContextMenu-D0mzXqA7.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-CcHul_XS.js";
+const _hoisted_1 = { class: "relative overflow-hidden rounded-card border border-line bg-surface font-mono text-xs leading-relaxed" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex h-full flex-col items-center justify-center gap-1 px-4 py-10 text-center"
+};
+const _hoisted_3 = { class: "text-muted" };
+const _hoisted_4 = {
+  key: 0,
+  class: "text-muted/70"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "flex items-center justify-center gap-2 py-2 text-muted"
+};
+const _hoisted_6 = ["data-log-row"];
+const _hoisted_7 = {
+  key: 0,
+  class: "mr-3 w-10 shrink-0 select-none text-right tabular-nums text-muted/70"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "mr-3 shrink-0 tabular-nums text-muted"
+};
+const _hoisted_9 = {
+  key: 3,
+  class: "mr-2 shrink-0 text-muted-strong"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "rounded-xs bg-accent/30 text-ink"
+};
+const _hoisted_11 = ["title"];
+const _hoisted_12 = {
+  key: 0,
+  class: "absolute inset-x-0 bottom-3 flex justify-center"
+};
+const ROW_HEIGHT = 20;
+const VIRTUALISE_ABOVE = 200;
+const OVERSCAN = 12;
+const NEAR = 120;
+const TOP_NEAR = 80;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpLogViewer",
+  props: {
+    lines: {},
+    showTime: { type: Boolean, default: true },
+    showLevel: { type: Boolean, default: true },
+    lineNumbers: { type: Boolean, default: false },
+    wrap: { type: Boolean, default: false },
+    highlight: {},
+    filterMatches: { type: Boolean },
+    compact: { type: Boolean },
+    tail: { type: Boolean, default: true },
+    height: { default: "20rem" },
+    emptyLabel: { default: "No logs yet" },
+    loadingOlder: { type: Boolean },
+    loadOlder: { type: Boolean },
+    rowMenu: { type: Boolean, default: true },
+    extraRowItems: {},
+    parse: { type: Boolean, default: false }
+  },
+  emits: ["filter", "reach-top"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const levelMeta = {
+      trace: { rail: "bg-line-strong", text: "text-muted", chip: "text-muted", sel: "selection:bg-muted/40" },
+      debug: { rail: "bg-line-strong", text: "text-muted-strong", chip: "text-muted-strong", sel: "selection:bg-muted-strong/40" },
+      info: { rail: "bg-brand", text: "text-ink", chip: "text-brand", sel: "selection:bg-brand/40" },
+      success: { rail: "bg-action", text: "text-ink", chip: "text-action", sel: "selection:bg-action/40" },
+      warn: { rail: "bg-accent", text: "text-ink", chip: "text-accent", sel: "selection:bg-accent/40" },
+      error: { rail: "bg-danger", text: "text-ink", chip: "text-danger", sel: "selection:bg-danger/40" },
+      fatal: { rail: "bg-danger", text: "text-ink", chip: "rounded-xs bg-danger px-1 text-ink-inverse", sel: "selection:bg-danger/40" }
+    };
+    function metaFor(level) {
+      return levelMeta[level ?? "info"];
+    }
+    const LEVEL_WORDS = {
+      trace: "trace",
+      debug: "debug",
+      info: "info",
+      notice: "info",
+      warn: "warn",
+      warning: "warn",
+      error: "error",
+      err: "error",
+      fatal: "fatal",
+      crit: "fatal",
+      critical: "fatal",
+      panic: "fatal",
+      success: "success",
+      ok: "success"
+    };
+    const TS_RE = /^\[?(\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}(?:[.,]\d{1,9})?(?:Z|[+-]\d{2}:?\d{2})?)\]?\s+/;
+    const LEVEL_RE = /^([A-Za-z]{2,8})\s*:?\s+/;
+    const SOURCE_RE = /^\[([^\]]{1,40})\]\s+/;
+    function parseLine(line) {
+      if (!props.parse) return line;
+      let msg = line.message;
+      let time = line.time;
+      let level = line.level;
+      let source = line.source;
+      if (time == null) {
+        const m = TS_RE.exec(msg);
+        if (m) {
+          time = m[1];
+          msg = msg.slice(m[0].length);
+        }
+      } else {
+        const m = TS_RE.exec(msg);
+        if (m) msg = msg.slice(m[0].length);
+      }
+      const lm = LEVEL_RE.exec(msg);
+      if (lm) {
+        const canon = LEVEL_WORDS[lm[1].toLowerCase()];
+        if (canon) {
+          if (level == null) level = canon;
+          msg = msg.slice(lm[0].length);
+        }
+      }
+      if (source == null) {
+        const sm = SOURCE_RE.exec(msg);
+        if (sm) {
+          source = sm[1];
+          msg = msg.slice(sm[0].length);
+        }
+      }
+      return msg === line.message && time === line.time && level === line.level && source === line.source ? line : { ...line, message: msg, time, level, source };
+    }
+    const parsedLines = computed(
+      () => props.parse ? props.lines.map(parseLine) : props.lines
+    );
+    const visibleLines = computed(() => {
+      const term = props.filterMatches ? props.highlight?.trim().toLowerCase() : "";
+      const filtered = parsedLines.value.map((line, n) => ({ line, n })).filter(({ line }) => !term || line.message.toLowerCase().includes(term));
+      if (!props.compact) return filtered.map((row) => ({ ...row, count: 1 }));
+      const folded = [];
+      for (const row of filtered) {
+        const prev = folded[folded.length - 1];
+        if (prev && prev.line.message === row.line.message && prev.line.level === row.line.level && prev.line.source === row.line.source) {
+          prev.count++;
+        } else {
+          folded.push({ ...row, count: 1 });
+        }
+      }
+      return folded;
+    });
+    const filteredEmpty = computed(
+      () => props.lines.length > 0 && visibleLines.value.length === 0
+    );
+    function fmtTime(time) {
+      if (time == null) return "";
+      if (typeof time === "number" || /^\d+$/.test(time)) {
+        const d = new Date(Number(time));
+        if (Number.isNaN(d.getTime())) return String(time);
+        return d.toLocaleTimeString(void 0, { hour12: false }) + "." + String(d.getMilliseconds()).padStart(3, "0");
+      }
+      return time;
+    }
+    async function copy(text) {
+      try {
+        await navigator.clipboard?.writeText(text);
+      } catch {
+      }
+    }
+    function lineText(line) {
+      return [fmtTime(line.time), line.level?.toUpperCase(), line.source && `[${line.source}]`, line.message].filter(Boolean).join(" ");
+    }
+    const menuRow = ref(null);
+    const menuItems = computed(
+      () => menuRow.value ? menuFor(menuRow.value.line, menuRow.value.n) : []
+    );
+    function onRowContext(e) {
+      if (!props.rowMenu) return;
+      const el = e.target?.closest("[data-log-row]");
+      const n = el ? Number(el.dataset.logRow) : NaN;
+      const row = Number.isNaN(n) ? void 0 : visibleLines.value.find((r) => r.n === n);
+      menuRow.value = row ? { line: row.line, n: row.n } : null;
+    }
+    function onRowPointerDown(e) {
+      if (e.button === 0) e.stopPropagation();
+    }
+    function menuFor(line, index) {
+      if (!props.rowMenu) return [];
+      const items = [
+        { label: "Copy message", icon: "lucide:copy", onSelect: () => copy(line.message) },
+        { label: "Copy line", icon: "lucide:clipboard-list", onSelect: () => copy(lineText(line)) }
+      ];
+      if (line.time != null) {
+        items.push({ label: "Copy timestamp", icon: "lucide:clock", onSelect: () => copy(fmtTime(line.time)) });
+      }
+      if (line.source) {
+        items.push({
+          label: `Filter by [${line.source}]`,
+          icon: "lucide:filter",
+          separatorBefore: true,
+          onSelect: () => emit("filter", { source: line.source })
+        });
+      }
+      if (line.level) {
+        items.push({
+          label: `Filter by ${line.level}`,
+          icon: "lucide:filter",
+          separatorBefore: !line.source,
+          onSelect: () => emit("filter", { level: line.level })
+        });
+      }
+      const extra = props.extraRowItems?.(line, index) ?? [];
+      if (extra.length) extra[0] = { ...extra[0], separatorBefore: true };
+      return [...items, ...extra];
+    }
+    function splitHighlight(message) {
+      const term = props.highlight?.trim();
+      if (!term) return [{ text: message, hit: false }];
+      const parts = [];
+      const lower = message.toLowerCase();
+      const needle = term.toLowerCase();
+      let i = 0;
+      while (i < message.length) {
+        const at = lower.indexOf(needle, i);
+        if (at === -1) {
+          parts.push({ text: message.slice(i), hit: false });
+          break;
+        }
+        if (at > i) parts.push({ text: message.slice(i, at), hit: false });
+        parts.push({ text: message.slice(at, at + needle.length), hit: true });
+        i = at + needle.length;
+      }
+      return parts;
+    }
+    const virtualise = computed(() => !props.wrap && visibleLines.value.length > VIRTUALISE_ABOVE);
+    const viewportHeight = ref(0);
+    const scrollTop = ref(0);
+    const virtualRange = computed(() => {
+      const total = visibleLines.value.length;
+      if (!virtualise.value) return { start: 0, end: total };
+      const visibleCount = Math.ceil(viewportHeight.value / ROW_HEIGHT) + 1;
+      const start = Math.max(0, Math.floor(scrollTop.value / ROW_HEIGHT) - OVERSCAN);
+      const end = Math.min(total, start + visibleCount + OVERSCAN * 2);
+      return { start, end };
+    });
+    const renderedLines = computed(() => {
+      if (!virtualise.value) return visibleLines.value;
+      const { start, end } = virtualRange.value;
+      return visibleLines.value.slice(start, end);
+    });
+    const padTop = computed(
+      () => virtualise.value ? virtualRange.value.start * ROW_HEIGHT : 0
+    );
+    const padBottom = computed(
+      () => virtualise.value ? (visibleLines.value.length - virtualRange.value.end) * ROW_HEIGHT : 0
+    );
+    const scrollRef = ref(null);
+    const pinned = ref(true);
+    function viewport() {
+      return scrollRef.value?.viewportEl ?? null;
+    }
+    function atBottom(el) {
+      return el.scrollHeight - el.scrollTop - el.clientHeight <= NEAR;
+    }
+    let topArmed = true;
+    function onScroll(e) {
+      const el = e.target;
+      pinned.value = atBottom(el);
+      scrollTop.value = el.scrollTop;
+      if (el.clientHeight !== viewportHeight.value) viewportHeight.value = el.clientHeight;
+      if (!props.loadOlder) return;
+      if (el.scrollTop <= TOP_NEAR) {
+        if (topArmed && !props.loadingOlder) {
+          topArmed = false;
+          emit("reach-top");
+        }
+      } else {
+        topArmed = true;
+      }
+    }
+    let prevScrollHeight = 0;
+    let prevScrollTop = 0;
+    function captureScrollAnchor() {
+      const el = viewport();
+      if (!el) return;
+      prevScrollHeight = el.scrollHeight;
+      prevScrollTop = el.scrollTop;
+    }
+    function restoreScrollAnchor() {
+      const el = viewport();
+      if (!el) return;
+      const added = el.scrollHeight - prevScrollHeight;
+      if (added > 0) el.scrollTop = prevScrollTop + added;
+    }
+    function rideToBottom(smooth = true, force = false) {
+      const el = viewport();
+      if (!el) return;
+      const reduce = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+      const far = !force && el.scrollHeight - el.scrollTop - el.clientHeight > el.clientHeight;
+      el.scrollTo({ top: el.scrollHeight, behavior: smooth && !reduce && !far ? "smooth" : "auto" });
+    }
+    function scrollToBottom() {
+      rideToBottom(true, true);
+      pinned.value = true;
+    }
+    watch(
+      () => props.lines.length,
+      () => {
+        if (!pinned.value) captureScrollAnchor();
+      },
+      { flush: "pre" }
+    );
+    watch(
+      () => props.lines.length,
+      async () => {
+        await nextTick();
+        if (props.tail && pinned.value) {
+          requestAnimationFrame(() => rideToBottom(true));
+        } else {
+          restoreScrollAnchor();
+        }
+      }
+    );
+    const showJump = computed(() => props.tail && !pinned.value && props.lines.length > 0);
+    onMounted(() => {
+      const el = viewport();
+      if (el) viewportHeight.value = el.clientHeight;
+    });
+    const transitionProps = {
+      tag: "ol",
+      "enter-active-class": "transition duration-200 ease-[var(--ease-emphasized)]",
+      "enter-from-class": "-translate-x-1 opacity-0",
+      "leave-active-class": "overflow-hidden transition-all duration-200 ease-[var(--ease-emphasized)]",
+      "leave-from-class": "max-h-8 opacity-100",
+      "leave-to-class": "max-h-0 -translate-y-1 opacity-0",
+      "move-class": "transition-transform duration-200 ease-[var(--ease-emphasized)]"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          fade: "",
+          "content-class": __props.wrap ? "" : "min-w-max",
+          style: normalizeStyle({ height: __props.height }),
+          onScroll
+        }, {
+          default: withCtx(() => [
+            __props.lines.length === 0 || filteredEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              createElementVNode("span", _hoisted_3, toDisplayString(filteredEmpty.value ? "No lines match" : __props.emptyLabel), 1),
+              filteredEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_4, "“" + toDisplayString(__props.highlight) + "”", 1)) : createCommentVNode("", true)
+            ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              __props.loadingOlder ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createVNode(_sfc_main$2, {
+                  name: "lucide:loader-circle",
+                  size: 14,
+                  class: "animate-spin"
+                }),
+                _cache[0] || (_cache[0] = createElementVNode("span", { class: "text-[11px]" }, "loading older…", -1))
+              ])) : createCommentVNode("", true),
+              createVNode(_sfc_main$3, {
+                items: menuItems.value,
+                always: __props.rowMenu
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(virtualise.value ? "ol" : TransitionGroup), mergeProps(virtualise.value ? {} : transitionProps, {
+                    class: "py-1",
+                    onContextmenu: onRowContext,
+                    onPointerdown: onRowPointerDown
+                  }), {
+                    default: withCtx(() => [
+                      virtualise.value && padTop.value > 0 ? (openBlock(), createElementBlock("li", {
+                        key: "pad-top",
+                        style: normalizeStyle({ height: padTop.value + "px" }),
+                        "aria-hidden": "true"
+                      }, null, 4)) : createCommentVNode("", true),
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(renderedLines.value, ({ line, n, count }) => {
+                        return openBlock(), createElementBlock("li", {
+                          key: n,
+                          "data-log-row": n,
+                          class: normalizeClass(["group relative flex items-start gap-0 px-0 leading-5 transition-colors hover:bg-surface-soft/60", metaFor(line.level).sel])
+                        }, [
+                          createElementVNode("span", {
+                            class: normalizeClass(["absolute inset-y-0 left-0 w-0.5", metaFor(line.level).rail]),
+                            "aria-hidden": "true"
+                          }, null, 2),
+                          _cache[1] || (_cache[1] = createElementVNode("span", {
+                            class: "mr-2 w-0.5 shrink-0",
+                            "aria-hidden": "true"
+                          }, null, -1)),
+                          __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(n + 1), 1)) : createCommentVNode("", true),
+                          __props.showTime ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(fmtTime(line.time)), 1)) : createCommentVNode("", true),
+                          __props.showLevel ? (openBlock(), createElementBlock("span", {
+                            key: 2,
+                            class: normalizeClass(["mr-3 w-12 shrink-0 text-[10px] font-semibold uppercase tracking-[0.06em]", metaFor(line.level).chip])
+                          }, toDisplayString(line.level ?? "info"), 3)) : createCommentVNode("", true),
+                          line.source ? (openBlock(), createElementBlock("span", _hoisted_9, "[" + toDisplayString(line.source) + "]", 1)) : createCommentVNode("", true),
+                          createElementVNode("span", {
+                            class: normalizeClass(["min-w-0 pr-3", [metaFor(line.level).text, __props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
+                          }, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(splitHighlight(line.message), (part, p) => {
+                              return openBlock(), createElementBlock(Fragment, { key: p }, [
+                                part.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                  createTextVNode(toDisplayString(part.text), 1)
+                                ], 64))
+                              ], 64);
+                            }), 128)),
+                            createVNode(Transition, {
+                              "enter-active-class": "inline-block transition duration-200 ease-[var(--ease-emphasized)]",
+                              "enter-from-class": "scale-50 opacity-0"
+                            }, {
+                              default: withCtx(() => [
+                                count > 1 ? (openBlock(), createElementBlock("span", {
+                                  key: count,
+                                  class: "ml-2 select-none rounded-pill bg-surface-soft px-1.5 align-[1px] text-[10px] font-semibold tabular-nums text-muted-strong",
+                                  title: `${count} identical lines`
+                                }, "×" + toDisplayString(count), 9, _hoisted_11)) : createCommentVNode("", true)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ], 2)
+                        ], 10, _hoisted_6);
+                      }), 128)),
+                      virtualise.value && padBottom.value > 0 ? (openBlock(), createElementBlock("li", {
+                        key: "pad-bottom",
+                        style: normalizeStyle({ height: padBottom.value + "px" }),
+                        "aria-hidden": "true"
+                      }, null, 4)) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  }, 16))
+                ]),
+                _: 1
+              }, 8, ["items", "always"])
+            ], 64))
+          ]),
+          _: 1
+        }, 8, ["content-class", "style"]),
+        createVNode(Transition, {
+          "enter-active-class": "transition duration-200 ease-[var(--ease-emphasized)]",
+          "enter-from-class": "translate-y-3 scale-90 opacity-0",
+          "leave-active-class": "transition duration-150 ease-in",
+          "leave-to-class": "translate-y-3 scale-90 opacity-0"
+        }, {
+          default: withCtx(() => [
+            showJump.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              createElementVNode("button", {
+                type: "button",
+                class: "group flex items-center gap-1.5 rounded-pill border border-line bg-surface-overlay px-3 py-1 text-xs font-medium text-ink shadow-[var(--shadow-panel)] backdrop-blur outline-none transition-colors hover:bg-surface-soft focus-visible:ring-2 focus-visible:ring-ring",
+                onClick: scrollToBottom
+              }, [
+                createVNode(_sfc_main$2, {
+                  name: "lucide:arrow-down",
+                  size: 14,
+                  class: "transition-transform duration-200 ease-[var(--ease-emphasized)] group-hover:translate-y-0.5"
+                }),
+                _cache[2] || (_cache[2] = createTextVNode(" Jump to latest ", -1))
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpModal-D17Bocq7.js

@@ -0,0 +1,128 @@
+import { defineComponent, computed, useSlots, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createElementBlock, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
+import { CLOSE_ICON } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CcHul_XS.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex shrink-0 items-start justify-between gap-4 p-5 pb-3"
+};
+const _hoisted_2 = { class: "flex flex-col gap-1" };
+const _hoisted_3 = {
+  key: 3,
+  class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpModal",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    description: {},
+    size: { default: "md" },
+    width: {},
+    fillBody: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props) {
+    const props = __props;
+    const widthClass = computed(() => {
+      if (props.width) return "";
+      return {
+        sm: "w-[min(92vw,24rem)]",
+        md: "w-[min(92vw,28rem)]",
+        lg: "w-[min(92vw,34rem)]",
+        xl: "w-[min(92vw,42rem)]",
+        "2xl": "w-[min(94vw,56rem)]",
+        "3xl": "w-[min(95vw,72rem)]",
+        full: "w-[96vw]"
+      }[props.size];
+    });
+    const slots = useSlots();
+    const bodyPad = computed(
+      () => [
+        "px-5",
+        props.title || slots.title ? "" : "pt-5",
+        slots.footer ? "" : "pb-5"
+      ].filter(Boolean).join(" ")
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogRoot), {
+        open: __props.open,
+        "onUpdate:open": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:open", v))
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(DialogPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-(--z-overlay) bg-black/50 backdrop-blur-sm data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
+              createVNode(unref(DialogContent), {
+                class: normalizeClass(["fixed left-1/2 top-1/2 z-(--z-modal) flex max-h-[min(90vh,calc(100dvh-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", widthClass.value]),
+                style: normalizeStyle(__props.width ? { width: __props.width } : void 0)
+              }, {
+                default: withCtx(() => [
+                  __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_1, [
+                    createElementVNode("div", _hoisted_2, [
+                      createVNode(unref(DialogTitle), { class: "text-base font-semibold text-ink" }, {
+                        default: withCtx(() => [
+                          renderSlot(_ctx.$slots, "title", {}, () => [
+                            createTextVNode(toDisplayString(__props.title), 1)
+                          ])
+                        ]),
+                        _: 3
+                      }),
+                      __props.description ? (openBlock(), createBlock(unref(DialogDescription), {
+                        key: 0,
+                        class: "text-sm text-muted"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(__props.description), 1)
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ]),
+                    createVNode(unref(DialogClose), {
+                      class: "group flex shrink-0 items-center rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                      "aria-label": "Close"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:x",
+                          size: 18,
+                          class: normalizeClass(unref(CLOSE_ICON))
+                        }, null, 8, ["class"])
+                      ]),
+                      _: 1
+                    })
+                  ])) : createCommentVNode("", true),
+                  __props.fillBody ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass(["flex min-h-0 flex-1 flex-col overflow-hidden text-sm text-ink/90", bodyPad.value])
+                  }, [
+                    renderSlot(_ctx.$slots, "default")
+                  ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
+                    key: 2,
+                    class: "min-h-0 flex-1 text-sm text-ink/90",
+                    "content-class": bodyPad.value
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  }, 8, ["content-class"])),
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3, [
+                    renderSlot(_ctx.$slots, "footer")
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 3
+              }, 8, ["class", "style"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};