@leavepulse/ui 0.94.0 → 0.95.0

package/dist/chunks/{LpSidebarNav-CFcI7--7.js → LpSidebarNav-CV1rU6La.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode, normalizeClass, createTextVNode, createSlots, renderSlot } from "vue";
+import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, normalizeClass, createTextVNode, createSlots, renderSlot } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { _ as _sfc_main$5 } from "./LpBadge-Bh5roBr_.js";
 import "../components/commandSearch.js";
@@ -8,7 +8,7 @@ import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
 import "../composables/useHotkeys.js";
 import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-5ijsXX-M.css';/* empty css                */
 /* empty css                      */
-import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-B_1KZOSS.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$3 } from "./LpSidebarRow-C5jXpcRL.js";
 import { waiting } from "../components/sidebar.js";
@@ -17,25 +17,30 @@ const _hoisted_1 = {
   key: 0,
   class: "flex items-center gap-3 px-1"
 };
-const _hoisted_2 = { class: "space-y-1" };
+const _hoisted_2 = { class: "flex flex-col gap-1" };
 const _hoisted_3 = {
+  key: 0,
+  class: "px-3 pb-1 pt-3"
+};
+const _hoisted_4 = { class: "flex h-9 items-center gap-3 px-3" };
+const _hoisted_5 = {
   key: 0,
   class: "flex flex-col gap-0.5"
 };
-const _hoisted_4 = {
+const _hoisted_6 = {
   key: 0,
   class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   key: 0,
   class: "flex flex-col gap-0.5"
 };
-const _hoisted_6 = {
+const _hoisted_8 = {
   key: 0,
   class: "mx-3 mb-1 border-t border-line"
 };
-const _hoisted_7 = { class: "min-w-0 flex-1 truncate text-left" };
-const _hoisted_8 = {
+const _hoisted_9 = { class: "min-w-0 flex-1 truncate text-left" };
+const _hoisted_10 = {
   key: 2,
   class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
@@ -49,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     itemActive: {},
     loading: { type: Boolean },
     skeletonRows: { default: 6 },
-    skeletonHeader: { type: Boolean, default: true },
+    skeletonHeader: { type: Boolean, default: false },
     collapsedKeys: { default: () => [] },
     hoverFollow: { type: Boolean, default: false },
     compact: { type: Boolean },
@@ -172,13 +177,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (item.children?.length && !item.to && !item.href) toggle(item);
       emit("activate", item);
     }
+    const SKELETON_WIDTHS = ["55%", "70%", "45%", "62%", "50%", "68%"];
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex min-h-0 flex-1 flex-col gap-4"
     );
     return (_ctx, _cache) => {
       return __props.loading ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
         key: 0,
-        class: unref(rootClass)
+        class: [unref(rootClass), "overflow-hidden"]
       }, unref(rest)), {
         default: withCtx(() => [
           __props.skeletonHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[1] || (_cache[1] = [
@@ -190,10 +196,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
-              return openBlock(), createElementBlock("div", {
-                key: n,
-                class: "lp-skeleton-item h-9 rounded-control bg-surface-soft"
-              });
+              return openBlock(), createElementBlock(Fragment, { key: n }, [
+                n === 4 ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
+                  createElementVNode("div", { class: "lp-skeleton-item h-2.5 w-20 rounded-small bg-surface-soft/60" }, null, -1)
+                ])])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_4, [
+                  _cache[3] || (_cache[3] = createElementVNode("div", { class: "lp-skeleton-item size-4 shrink-0 rounded-small bg-surface-soft" }, null, -1)),
+                  createElementVNode("div", {
+                    class: "lp-skeleton-item h-3 rounded-small bg-surface-soft",
+                    style: normalizeStyle({ width: SKELETON_WIDTHS[(n - 1) % SKELETON_WIDTHS.length] })
+                  }, null, 4)
+                ])
+              ], 64);
             }), 128))
           ])
         ]),
@@ -209,8 +223,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "contents",
             onKeydown: onKey
           }, [
-            __props.pinned.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              !__props.compact ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.labels.pinned), 1)) : createCommentVNode("", true),
+            __props.pinned.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              !__props.compact ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.labels.pinned), 1)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.pinned, (item) => {
                 return openBlock(), createBlock(_sfc_main$3, {
                   key: `pinned:${item.id}`,
@@ -230,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment, {
                 key: sectionKey(section) || si
               }, [
-                __props.compact && section.collapsible && section.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                __props.compact && section.collapsible && section.title ? (openBlock(), createElementBlock("div", _hoisted_7, [
                   createVNode(_sfc_main$3, {
                     item: sectionItem(section),
                     active: false,
@@ -252,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:open": (o) => emit("toggle-section", sectionKey(section), !o)
                 }, {
                   default: withCtx(() => [
-                    __props.compact && (si > 0 || __props.pinned.length) ? (openBlock(), createElementBlock("div", _hoisted_6)) : !__props.compact && section.title && section.collapsible ? (openBlock(), createBlock(unref(CollapsibleTrigger), {
+                    __props.compact && (si > 0 || __props.pinned.length) ? (openBlock(), createElementBlock("div", _hoisted_8)) : !__props.compact && section.title && section.collapsible ? (openBlock(), createBlock(unref(CollapsibleTrigger), {
                       key: 1,
                       "data-lp-nav-row": "",
                       class: "group/section mt-2 flex cursor-pointer items-center gap-2 rounded-control px-2 py-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:bg-ink/[0.04] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
@@ -264,7 +278,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           size: 14,
                           class: "shrink-0"
                         }, null, 8, ["name"])) : createCommentVNode("", true),
-                        createElementVNode("span", _hoisted_7, toDisplayString(section.title), 1),
+                        createElementVNode("span", _hoisted_9, toDisplayString(section.title), 1),
                         section.items.some(unref(waiting)) ? (openBlock(), createElementBlock("span", {
                           key: 1,
                           class: normalizeClass(["size-1.5 shrink-0 rounded-full bg-brand transition-opacity duration-[var(--duration-fast)] motion-reduce:transition-none", isOpen(section) ? "opacity-0" : "opacity-100"])
@@ -286,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         })
                       ]),
                       _: 2
-                    }, 1024)) : !__props.compact && section.title ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(section.title), 1)) : createCommentVNode("", true),
+                    }, 1024)) : !__props.compact && section.title ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString(section.title), 1)) : createCommentVNode("", true),
                     createVNode(unref(CollapsibleContent), { class: "flex flex-col gap-0.5 overflow-hidden data-[state=open]:animate-[collapsible-down_260ms_var(--ease-emphasized)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-emphasized)] motion-reduce:animate-none" }, {
                       default: withCtx(() => [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {

package/dist/chunks/{LpThemeStudio-BPPctXgd.js → LpThemeStudio-yiEdFJQL.js}

@@ -3,7 +3,7 @@ import { usePaletteTheme } from "../theme/palette.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useThemeStudio, STUDIO_BRANDS, STUDIO_SYSTEM } from "../theme/studio.js";
 import { _ as _sfc_main$1 } from "./LpButton-BvVoF-PO.js";
-import { _ as _sfc_main$7 } from "./LpCodeBlock-BgWcg2mk.js";
+import { _ as _sfc_main$7 } from "./LpCodeBlock-DTU40x8P.js";
 import { _ as _sfc_main$4 } from "./LpColorPicker-KGMG8QEh.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$5 } from "./LpSegmented-DzFYP0ZF.js";

package/dist/chunks/{LpThemeSwitcher-B3c44xFH.js → LpThemeSwitcher-DKkCFaFk.js}

@@ -11,7 +11,7 @@ import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$5 } from "./LpThemeStudio-BPPctXgd.js";
+import { _ as _sfc_main$5 } from "./LpThemeStudio-yiEdFJQL.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpToaster-Cdx1tnHB.js → LpToaster-C7hHkGOA.js}

@@ -4,7 +4,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-BGzw95Xc.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-CiqUS4SX.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { toneLook } from "../components/tone.js";
 import { useView, viewDocument, usePortalTarget, viewWindow } from "../composables/useView.js";

package/dist/chunks/LpTooltip-Bt1ZFViJ.js

@@ -0,0 +1,333 @@
+import { defineComponent, ref, watch, onBeforeUnmount, useAttrs, shallowRef, onMounted, onUpdated, computed, mergeProps, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, renderSlot, createBlock, resolveDynamicComponent, normalizeProps, normalizeStyle, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { clamp } from "../composables/clamp.js";
+import { injectTooltipProviderContext, injectTooltipRootContext, Slot, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent } from "reka-ui";
+import { springStep, springSettled } from "../composables/usePillTransition.js";
+import { PANEL_SURFACE, TOOLTIP_ANIM } from "../components/dropdown.js";
+import { useTouchHold } from "../composables/useTouchHold.js";
+import { prefersReducedMotion } from "../composables/easing.js";
+import { useView, viewWindow, usePortalTarget, useOutsideGuard } from "../composables/useView.js";
+import '../assets/LpTooltip-B61SYd4K.css';const HOLD_MS = 450;
+const EDGE = 8;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "LpTooltip",
+  props: {
+    content: {},
+    sideOffset: {},
+    side: { default: "top" },
+    label: { type: Boolean },
+    delay: {},
+    showOnPointerFocus: { type: Boolean },
+    followCursor: { type: Boolean },
+    disabled: { type: Boolean },
+    touch: { default: "hold" }
+  },
+  setup(__props) {
+    const props = __props;
+    const shared = injectTooltipProviderContext(null);
+    const PassThrough = (_, { slots }) => slots.default?.();
+    const target = { x: 0, y: 0 };
+    const offset = ref({ x: 0, y: 0 });
+    const tipBody = ref(null);
+    function inView(x, y) {
+      const panel = tipBody.value?.parentElement;
+      if (!panel) return { x, y };
+      const rect = panel.getBoundingClientRect();
+      const win = panel.ownerDocument.defaultView ?? window;
+      return {
+        x: withinRoom(x, rect.left - offset.value.x, rect.width, win.innerWidth),
+        y: withinRoom(y, rect.top - offset.value.y, rect.height, win.innerHeight)
+      };
+    }
+    function withinRoom(value, placed, size, room) {
+      const min = EDGE - placed;
+      const max = room - EDGE - size - placed;
+      return max < min ? value : clamp(value, min, max);
+    }
+    let sx = { value: 0, velocity: 0 };
+    let sy = { value: 0, velocity: 0 };
+    let frame = 0;
+    let lastFrame = 0;
+    let pointer = null;
+    function stopSpring() {
+      if (frame) cancelAnimationFrame(frame);
+      frame = 0;
+      lastFrame = 0;
+    }
+    function jumpToTarget() {
+      stopSpring();
+      offset.value = { x: target.x, y: target.y };
+      sx = { value: target.x, velocity: 0 };
+      sy = { value: target.y, velocity: 0 };
+    }
+    const settle = (now) => {
+      const dt = lastFrame ? (now - lastFrame) / 1e3 : 1 / 60;
+      lastFrame = now;
+      frame = 0;
+      sx = springStep(sx, target.x, "float", dt);
+      sy = springStep(sy, target.y, "float", dt);
+      if (springSettled(sx, target.x) && springSettled(sy, target.y)) {
+        sx = { value: target.x, velocity: 0 };
+        sy = { value: target.y, velocity: 0 };
+        offset.value = { x: target.x, y: target.y };
+        lastFrame = 0;
+        return;
+      }
+      offset.value = { x: sx.value, y: sy.value };
+      frame = requestAnimationFrame(settle);
+    };
+    const onPointerMove = (e) => {
+      if (!props.followCursor) return;
+      const el = e.currentTarget;
+      if (!el) return;
+      pointer = { el, x: e.clientX, y: e.clientY };
+      follow();
+    };
+    function follow() {
+      if (!pointer) return;
+      const { el, x: clientX, y: clientY } = pointer;
+      const rect = el.getBoundingClientRect();
+      const halfX = props.side === "left" || props.side === "right" ? rect.width / 2 : 0;
+      const dirX = props.side === "right" ? -1 : 1;
+      target.x = clientX - (rect.left + rect.width / 2) + halfX * dirX;
+      const half = props.side === "top" || props.side === "bottom" ? rect.height / 2 : 0;
+      const dir = props.side === "bottom" ? -1 : 1;
+      target.y = clientY - (rect.top + rect.height / 2) + half * dir;
+      Object.assign(target, inView(target.x, target.y));
+      if (prefersReducedMotion()) {
+        jumpToTarget();
+        return;
+      }
+      if (!frame) frame = requestAnimationFrame(settle);
+    }
+    const open = ref(false);
+    const wanted = ref(false);
+    const heldOpen = ref(false);
+    const hold = useTouchHold({
+      enabled: () => props.touch === "hold" && !props.followCursor && !props.disabled,
+      delay: () => HOLD_MS,
+      onHold: () => {
+        armed.value = true;
+        heldOpen.value = true;
+        wanted.value = true;
+        open.value = true;
+      }
+    });
+    function release() {
+      heldOpen.value = false;
+      wanted.value = false;
+      open.value = false;
+    }
+    const onOpenChange = (next) => {
+      if (!next && heldOpen.value) return;
+      wanted.value = next;
+      open.value = next && !props.disabled;
+      if (!open.value || !props.followCursor) return;
+      jumpToTarget();
+    };
+    watch(
+      () => props.disabled,
+      (off) => {
+        if (off) {
+          hold.cancel();
+          heldOpen.value = false;
+          open.value = false;
+        } else if (wanted.value) open.value = true;
+      }
+    );
+    const view = useView();
+    watch(
+      () => open.value && props.followCursor,
+      (following, _, onCleanup) => {
+        if (!following) {
+          stopSpring();
+          return;
+        }
+        const win = viewWindow(view.value);
+        win.addEventListener("resize", follow);
+        onCleanup(() => win.removeEventListener("resize", follow));
+      }
+    );
+    watch(heldOpen, (held, _, onCleanup) => {
+      if (!held) return;
+      const win = viewWindow(view.value);
+      const onKey = (event) => event.key === "Escape" && release();
+      win.addEventListener("pointerdown", release, true);
+      win.addEventListener("keydown", onKey, true);
+      onCleanup(() => {
+        win.removeEventListener("pointerdown", release, true);
+        win.removeEventListener("keydown", onKey, true);
+      });
+    });
+    onBeforeUnmount(stopSpring);
+    const portalTo = usePortalTarget();
+    const guardOutside = useOutsideGuard();
+    const attrs = useAttrs();
+    const armed = ref(false);
+    const root = shallowRef(null);
+    let provider = null;
+    const triggerRef = ref(null);
+    const triggerEl = shallowRef();
+    function readTrigger() {
+      const el = triggerRef.value?.$el;
+      const next = el && el.nodeType === 1 ? el : void 0;
+      if (next === triggerEl.value) return;
+      triggerEl.value = next;
+      root.value?.onTriggerChange(next);
+    }
+    onMounted(readTrigger);
+    onUpdated(readTrigger);
+    let hovering = false;
+    let focusedBy = null;
+    let pointerDown = false;
+    let pointerMoveOpened = false;
+    const live = () => root.value && !root.value.disabled.value ? root.value : null;
+    function enter() {
+      const tip = live();
+      if (!tip || pointerMoveOpened || provider?.isPointerInTransitRef.value) return;
+      tip.onTriggerEnter();
+      pointerMoveOpened = true;
+    }
+    function focusOpen(target2) {
+      const tip = live();
+      if (!tip || pointerDown) return;
+      if (tip.ignoreNonKeyboardFocus.value && !target2.matches?.(":focus-visible")) return;
+      tip.onOpen();
+    }
+    const triggerEvents = {
+      onPointerenter(event) {
+        if (event.pointerType === "touch") return;
+        hovering = true;
+        armed.value = true;
+      },
+      onPointermove(event) {
+        onPointerMove(event);
+        if (event.pointerType === "touch") return;
+        hovering = true;
+        armed.value = true;
+        enter();
+      },
+      onPointerleave() {
+        hovering = false;
+        const tip = live();
+        if (!tip) return;
+        tip.onTriggerLeave();
+        pointerMoveOpened = false;
+      },
+      onPointerdown(event) {
+        const tip = live();
+        if (tip?.open.value && !tip.disableClosingTrigger.value) tip.onClose();
+        pointerDown = true;
+        const doc = event.currentTarget?.ownerDocument ?? document;
+        doc.addEventListener("pointerup", () => setTimeout(() => pointerDown = false, 1), { once: true });
+      },
+      onFocus(event) {
+        focusedBy = event.currentTarget;
+        armed.value = true;
+        focusOpen(focusedBy);
+      },
+      onBlur() {
+        focusedBy = null;
+        live()?.onClose();
+      },
+      onClick() {
+        const tip = live();
+        if (tip && !tip.disableClosingTrigger.value) tip.onClose();
+      }
+    };
+    const RootBridge = defineComponent({
+      setup() {
+        root.value = injectTooltipRootContext();
+        provider = injectTooltipProviderContext();
+        onMounted(() => {
+          root.value?.onTriggerChange(triggerEl.value);
+          if (hovering) enter();
+          if (focusedBy && focusedBy.ownerDocument.activeElement === focusedBy) focusOpen(focusedBy);
+        });
+        onBeforeUnmount(() => {
+          root.value = null;
+          provider = null;
+        });
+        return () => null;
+      }
+    });
+    const triggerProps = computed(
+      () => mergeProps(attrs, hold.handlers, triggerEvents, {
+        "aria-label": props.label ? props.content : void 0,
+        "aria-describedby": root.value?.open.value ? root.value.contentId : void 0,
+        "data-state": root.value?.stateAttribute.value ?? "closed",
+        "data-grace-area-trigger": "",
+        class: props.touch === "hold" && !props.followCursor ? "[-webkit-touch-callout:none]" : void 0
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(Slot), mergeProps({
+          ref_key: "triggerRef",
+          ref: triggerRef
+        }, triggerProps.value), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16),
+        armed.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(shared) ? PassThrough : unref(TooltipProvider)), normalizeProps(mergeProps({ key: 0 }, unref(shared) ? {} : { delayDuration: __props.delay ?? 200 })), {
+          default: withCtx(() => [
+            createVNode(unref(TooltipRoot), {
+              open: open.value,
+              "delay-duration": __props.delay,
+              "ignore-non-keyboard-focus": !__props.showOnPointerFocus,
+              "disable-hoverable-content": __props.followCursor,
+              "disable-closing-trigger": __props.followCursor,
+              "onUpdate:open": onOpenChange
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(TooltipTrigger), {
+                  "as-child": "",
+                  reference: triggerEl.value
+                }, null, 8, ["reference"]),
+                createVNode(unref(RootBridge)),
+                createVNode(unref(TooltipPortal), { to: unref(portalTo) }, {
+                  default: withCtx(() => [
+                    createVNode(unref(TooltipContent), {
+                      onInteractOutside: unref(guardOutside),
+                      onEscapeKeyDown: unref(guardOutside),
+                      side: __props.side,
+                      "side-offset": __props.sideOffset ?? 6,
+                      "collision-padding": 8,
+                      "data-lp-follow": __props.followCursor ? "" : void 0,
+                      class: normalizeClass([
+                        unref(PANEL_SURFACE),
+                        unref(TOOLTIP_ANIM),
+                        "z-(--z-tooltip) max-w-[min(20rem,90vw)] px-2.5 py-1.5 text-xs text-ink"
+                      ]),
+                      style: normalizeStyle(__props.followCursor ? { translate: `${offset.value.x}px ${offset.value.y}px` } : void 0)
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", {
+                          ref_key: "tipBody",
+                          ref: tipBody
+                        }, [
+                          renderSlot(_ctx.$slots, "content", {}, () => [
+                            createTextVNode(toDisplayString(__props.content), 1)
+                          ])
+                        ], 512)
+                      ]),
+                      _: 3
+                    }, 8, ["onInteractOutside", "onEscapeKeyDown", "side", "side-offset", "data-lp-follow", "class", "style"])
+                  ]),
+                  _: 3
+                }, 8, ["to"])
+              ]),
+              _: 3
+            }, 8, ["open", "delay-duration", "ignore-non-keyboard-focus", "disable-hoverable-content", "disable-closing-trigger"])
+          ]),
+          _: 3
+        }, 16)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTruncate-C_C8eiIE.js → LpTruncate-DEHWL1OA.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, onMounted, watch, nextTick, computed, openBlock,
 import { nodeWindow } from "../composables/realm.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-BGzw95Xc.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-CiqUS4SX.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bt1ZFViJ.js";
 import { middleTruncate } from "../components/fieldText.js";
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { "aria-hidden": "true" };

package/dist/chunks/{LpUptimeBar-Dt6SY_-m.js → LpUptimeBar-CXgzU5ym.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$5 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
-import { _ as _sfc_main$3 } from "./LpTooltip-BKde8Xjv.js";
+import { _ as _sfc_main$3 } from "./LpTooltip-Bt1ZFViJ.js";
 import { TONES } from "../components/tone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpWorkspaceSwitcher-DCIiOQt_.js → LpWorkspaceSwitcher-CrUVSI7x.js}

@@ -3,7 +3,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$1 } from "./LpDropdownMenu-CdCe7D2d.js";
 import { _ as _sfc_main$4 } from "./LpInput-DGMpxrcg.js";
-import { _ as _sfc_main$3 } from "./LpModal-D1E7rQzw.js";
+import { _ as _sfc_main$3 } from "./LpModal-COMHrBKL.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpWorkspaceSwitcher",
   props: {

package/dist/chunks/{RevealToggle-BsYxY6Oz.js → RevealToggle-D9Vs88kM.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, mergeModels } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-BvVoF-PO.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BKde8Xjv.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-Bt1ZFViJ.js";
 const _hoisted_1 = { class: "grid place-items-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-BCqR0zmv.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-C5VIgRp0.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-xEBmGV78.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-C4b3ySa_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeBlock-BgWcg2mk.js";
+import { _ as _sfc_main } from "../chunks/LpCodeBlock-DTU40x8P.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCodeDisplay.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeDisplay-DBi1YPLp.js";
+import { _ as _sfc_main } from "../chunks/LpCodeDisplay-F2hjLb0X.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -10,7 +10,7 @@ import { _ as _sfc_main$6 } from "../chunks/PalettePreviewBoundary-B0Hhu3Yw.js";
 import { _ as _sfc_main$5 } from "../chunks/LpAvatar-CfLBqlY1.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$2 } from "../chunks/LpLoader-Bf1yZwaU.js";
-import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-CqvwfZs2.js";
+import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-B_1KZOSS.js";
 import MenuShortcut from "./MenuShortcut.vue.js";
 import { staggerDelay } from "./reveal.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-y6k0ryWR.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-DrHcIxRn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-D-X0tDym.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-D0Cd8FA_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCopyButton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCopyButton-BGzw95Xc.js";
+import { _ as _sfc_main } from "../chunks/LpCopyButton-CiqUS4SX.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDataList.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDataList-B56Gu6Yt.js";
+import { _ as _sfc_main } from "../chunks/LpDataList-Cit9fOSp.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDock.vue.js

@@ -6,7 +6,7 @@ import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { isHTMLElement } from "../composables/realm.js";
 import { dockSize } from "./dock.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "../chunks/LpTooltip-BKde8Xjv.js";
+import { _ as _sfc_main$1 } from "../chunks/LpTooltip-Bt1ZFViJ.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpDock-Dw82tWVD.css';const _hoisted_1 = ["aria-orientation", "data-orientation"];
 const __default__ = { inheritAttrs: false };

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-BkWjFdV0.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-BHlqi62K.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-BN_zybBN.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-gVjF_b6r.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpInspector.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInspector-oTfkOdYd.js";
+import { _ as _sfc_main } from "../chunks/LpInspector-DSL1lINx.js";
 export {
   _sfc_main as default
 };