@leavepulse/ui 0.22.20 → 0.22.22

package/dist/chunks/{LpAddressInput-CxKwIG6T.js → LpAddressInput-peTpNSJK.js}

@@ -3,10 +3,10 @@ import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from
 import { flagEmoji, loadCountries } from "../components/countries.js";
 import { _ as _sfc_main$2 } from "./LpAutocomplete-DExlIZe_.js";
 import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "./LpInput-BkomKdqQ.js";
-import { _ as _sfc_main$7 } from "./LpModal-CNNSf5pv.js";
+import { _ as _sfc_main$5 } from "./LpInput-BfLIWV-P.js";
+import { _ as _sfc_main$7 } from "./LpModal-D_o-56To.js";
 import { _ as _sfc_main$6 } from "./LpSelect-Cw8-gL5F.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };
 const _hoisted_2 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-D8CAP9oF.js → LpAppShell-CaQYQKZV.js}

@@ -1,17 +1,14 @@
-import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createBlock } from "vue";
+import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createBlock } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$4 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$1 } from "./LpSidebar-D3GGLSE7.js";
 const _hoisted_1 = { class: "flex h-dvh overflow-hidden bg-surface text-ink" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_3 = { class: "flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };
 const _hoisted_4 = { class: "truncate text-lg font-semibold" };
 const _hoisted_5 = {
-  key: 0,
-  class: "ml-auto flex items-center gap-2"
-};
-const _hoisted_6 = {
   key: 0,
   class: "min-h-0 flex-1 overflow-hidden"
 };
@@ -146,16 +143,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"]),
-            renderSlot(_ctx.$slots, "header-title", {}, () => [
-              createElementVNode("h1", _hoisted_4, toDisplayString(pageTitle.value), 1)
-            ]),
-            _ctx.$slots["header-actions"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              renderSlot(_ctx.$slots, "header-actions")
-            ])) : createCommentVNode("", true)
+            createVNode(_sfc_main$4, {
+              axis: "height",
+              class: "flex min-w-0 flex-1 items-center"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "header-title", {}, () => [
+                  createElementVNode("h1", _hoisted_4, toDisplayString(pageTitle.value), 1)
+                ])
+              ]),
+              _: 3
+            }),
+            createVNode(_sfc_main$4, {
+              axis: "width",
+              class: "ml-auto flex shrink-0 items-center gap-2"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "header-actions")
+              ]),
+              _: 3
+            })
           ]),
-          __props.fullBleed ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          __props.fullBleed ? (openBlock(), createElementBlock("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "default")
-          ])) : (openBlock(), createBlock(_sfc_main$4, {
+          ])) : (openBlock(), createBlock(_sfc_main$5, {
             key: 1,
             class: "min-h-0 flex-1",
             "content-class": `px-4 py-6 md:px-6 ${__props.contentClass}`

package/dist/chunks/{LpConfirmDialog-CmgeAdCh.js → LpConfirmDialog-DOU_zaTI.js}

@@ -1,6 +1,6 @@
 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-CNNSf5pv.js";
+import { _ as _sfc_main$1 } from "./LpModal-D_o-56To.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpFileTree-CMy2qQ1m.js → LpFileTree-Cw50eG_y.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-Cgf68Tup.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emptyLabel: { default: "No files" },
     emptyDescription: { default: "This folder is empty." }
   },
-  emits: ["update:selected", "update:expanded", "select", "open", "expand", "collapse", "update:checked", "summary", "contextmenu"],
+  emits: ["update:selected", "update:expanded", "select", "open", "expand", "collapse", "update:checked", "summary"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -360,8 +360,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onSelect,
                   onToggle,
                   onFocus: _cache[0] || (_cache[0] = ($event) => focusedId.value = $event.id),
-                  onCheck,
-                  onContextmenu: _cache[1] || (_cache[1] = (n, e) => emit("contextmenu", n, e))
+                  onCheck
                 }, {
                   row: withCtx((slotProps) => [
                     renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))

package/dist/chunks/{LpFileTreeNode-Cgf68Tup.js → LpFileTreeNode-DFg4PhOK.js}

@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showSize: { type: Boolean },
     showModified: { type: Boolean }
   },
-  emits: ["select", "toggle", "focus", "check", "contextmenu"],
+  emits: ["select", "toggle", "focus", "check"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -132,8 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 __props.node.disabled ? "cursor-not-allowed text-muted/50" : isSelected.value ? "bg-brand-soft text-ink" : "text-muted hover:bg-surface-soft hover:text-ink"
               ]]),
               style: normalizeStyle({ paddingLeft: `${__props.depth * 14 + 6}px` }),
-              onClick: withModifiers(onActivate, ["stop"]),
-              onContextmenu: _cache[2] || (_cache[2] = ($event) => emit("contextmenu", __props.node, $event))
+              onClick: withModifiers(onActivate, ["stop"])
             }, [
               createElementVNode("span", _hoisted_3, [
                 isLoading.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -178,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
               modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
               sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
-            ], 46, _hoisted_2)
+            ], 14, _hoisted_2)
           ]),
           _: 3
         }, 8, ["items"]),
@@ -207,11 +206,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   stats: __props.stats,
                   "show-size": __props.showSize,
                   "show-modified": __props.showModified,
-                  onSelect: _cache[3] || (_cache[3] = ($event) => emit("select", $event)),
-                  onToggle: _cache[4] || (_cache[4] = ($event) => emit("toggle", $event)),
-                  onFocus: _cache[5] || (_cache[5] = ($event) => emit("focus", $event)),
-                  onCheck: _cache[6] || (_cache[6] = (n, v) => emit("check", n, v)),
-                  onContextmenu: _cache[7] || (_cache[7] = (n, e) => emit("contextmenu", n, e))
+                  onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
+                  onToggle: _cache[3] || (_cache[3] = ($event) => emit("toggle", $event)),
+                  onFocus: _cache[4] || (_cache[4] = ($event) => emit("focus", $event)),
+                  onCheck: _cache[5] || (_cache[5] = (n, v) => emit("check", n, v))
                 }, {
                   row: withCtx((slotProps) => [
                     renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))

package/dist/chunks/{LpFormField-Bn-ZwC6z.js → LpFormField-CesaPWPO.js}

@@ -1,17 +1,18 @@
-import { defineComponent, useId, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, useId, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
 import { Label } from "reka-ui";
+import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = { class: "flex flex-col gap-1.5" };
 const _hoisted_2 = {
   key: 0,
   class: "text-danger"
 };
 const _hoisted_3 = {
-  key: 1,
-  class: "text-xs text-danger"
+  key: 0,
+  class: "pt-1.5 text-xs text-danger"
 };
 const _hoisted_4 = {
-  key: 2,
-  class: "text-xs text-muted"
+  key: 1,
+  class: "pt-1.5 text-xs text-muted"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpFormField",
@@ -37,7 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["for"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", { id: unref(id) }),
-        __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+        createVNode(_sfc_main$1, { axis: "height" }, {
+          default: withCtx(() => [
+            __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
       ]);
     };
   }

package/dist/chunks/{LpInput-BkomKdqQ.js → LpInput-BfLIWV-P.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, unref } from "vue";
 import { tv } from "tailwind-variants";
 import { useInputFilter } from "../composables/useInputFilter.js";
-import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpModal-CNNSf5pv.js → LpModal-D_o-56To.js}

@@ -1,5 +1,6 @@
-import { defineComponent, computed, useSlots, ref, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
+import { defineComponent, computed, useSlots, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
+import { useShift } from "../composables/useShift.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
@@ -13,7 +14,6 @@ const _hoisted_4 = {
   key: 3,
   class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
 };
-const TWEEN_MS = 160;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModal",
   props: {
@@ -82,82 +82,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
     }
-    const tweening = ref(false);
-    const resizing = ref(false);
-    let ro;
-    let mo;
-    let raf = 0;
-    let settleTimer;
-    let lastHeight = 0;
-    let inFlight = false;
-    const retune = (el) => {
-      if (inFlight) return;
-      const from = lastHeight;
-      el.style.height = "";
-      el.style.maxHeight = "none";
-      const to = el.offsetHeight;
-      el.style.maxHeight = "";
-      lastHeight = to;
-      if (to === 0 || from === 0 || to === from) return;
-      el.style.height = `${from}px`;
-      void el.offsetHeight;
-      el.style.height = `${to}px`;
-      inFlight = true;
-      resizing.value = true;
-      clearTimeout(settleTimer);
-      settleTimer = setTimeout(() => {
-        inFlight = false;
-        resizing.value = false;
-        el.style.height = "";
-        lastHeight = el.offsetHeight;
-      }, TWEEN_MS);
-    };
+    const {
+      el: sizedEl,
+      tweening,
+      resizing
+    } = useShift({ axis: "height", enabled: () => props.open });
     watch(
-      () => props.open,
-      (isOpen) => {
-        ro?.disconnect();
-        mo?.disconnect();
-        ro = void 0;
-        mo = void 0;
-        cancelAnimationFrame(raf);
-        clearTimeout(settleTimer);
-        tweening.value = false;
-        resizing.value = false;
-        lastHeight = 0;
-        inFlight = false;
-        const el = panelRef.value?.$el;
-        if (!isOpen || !(el instanceof HTMLElement)) return;
-        lastHeight = el.offsetHeight;
-        el.style.height = `${el.offsetHeight}px`;
-        raf = requestAnimationFrame(() => {
-          tweening.value = true;
-          el.style.height = "";
-        });
-        const watchChildren = () => {
-          if (!ro) return;
-          ro.disconnect();
-          for (const child of Array.from(el.children)) ro.observe(child);
-        };
-        if (typeof ResizeObserver !== "undefined") {
-          ro = new ResizeObserver(() => retune(el));
-          watchChildren();
-        }
-        if (typeof MutationObserver !== "undefined") {
-          mo = new MutationObserver(() => {
-            watchChildren();
-            retune(el);
-          });
-          mo.observe(el, { childList: true, subtree: true, characterData: true });
-        }
+      () => props.open ? panelRef.value : null,
+      (panel) => {
+        const el = panel?.$el;
+        sizedEl.value = el instanceof HTMLElement ? el : null;
       },
       { flush: "post" }
     );
-    onBeforeUnmount(() => {
-      ro?.disconnect();
-      mo?.disconnect();
-      cancelAnimationFrame(raf);
-      clearTimeout(settleTimer);
-    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
@@ -171,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(unref(DialogContent), mergeProps({
                   ref_key: "panelRef",
                   ref: panelRef,
-                  class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", [widthClass.value, tweening.value ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
+                  class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", [widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]],
                   style: __props.width ? { width: __props.width } : void 0
                 }, describedByAttrs.value, { onOpenAutoFocus }), {
                   default: withCtx(() => [
@@ -217,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "default")
                     ], 2)) : (openBlock(), createBlock(_sfc_main$2, {
                       key: 2,
-                      class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", resizing.value ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
+                      class: normalizeClass(["min-h-0 flex-1 text-sm text-ink/90", unref(resizing) ? "[&_[data-scrollbarimpl]]:invisible" : ""]),
                       "content-class": bodyPad.value
                     }, {
                       default: withCtx(() => [

package/dist/chunks/{LpNotificationBell-DWDEkmdA.js → LpNotificationBell-a08cl0yY.js}

@@ -1,11 +1,12 @@
-import { defineComponent, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createVNode, createTextVNode, mergeModels } from "vue";
-import { _ as _sfc_main$7 } from "./LpBadge-BPodVcJa.js";
-import { _ as _sfc_main$6 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
-import { _ as _sfc_main$2 } from "./LpEmptyState-CrfyRJUG.js";
-import { _ as _sfc_main$5 } from "./LpIcon-CCnX5_2j.js";
+import { defineComponent, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createTextVNode, mergeModels } from "vue";
+import { _ as _sfc_main$8 } from "./LpBadge-BPodVcJa.js";
+import { _ as _sfc_main$7 } from "./LpButton-5VXXCjwF.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-D0mzXqA7.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-CrfyRJUG.js";
+import { _ as _sfc_main$6 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-2 px-3 py-2.5" };
 const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = {
@@ -134,9 +135,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "panel-class": "w-80 p-0"
       }, {
         trigger: withCtx(() => [
-          createVNode(_sfc_main$4, { items: contextMenu.value }, {
+          createVNode(_sfc_main$5, { items: contextMenu.value }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$6, {
+              createVNode(_sfc_main$7, {
                 variant: "ghost",
                 size: "sm",
                 class: "relative",
@@ -144,11 +145,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$5, {
+                  createVNode(_sfc_main$6, {
                     name: "lucide:bell",
                     size: 18
                   }),
-                  hasUnread.value ? (openBlock(), createBlock(_sfc_main$7, {
+                  hasUnread.value ? (openBlock(), createBlock(_sfc_main$8, {
                     key: 0,
                     tone: "danger",
                     class: "absolute -right-1 -top-1 min-w-4 justify-center px-1 py-0 text-[10px] leading-4"
@@ -175,65 +176,70 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => emit("markAllRead"))
             }, toDisplayString(l.value.markAllRead), 1)) : createCommentVNode("", true)
           ]),
-          __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
-              return createElementVNode("div", {
-                key: i,
-                class: "h-12 animate-pulse rounded-control bg-surface-soft"
-              });
-            }), 64))
-          ])) : !__props.items.length ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            icon: "lucide:bell-off",
-            title: l.value.empty,
-            class: "px-3 py-10"
-          }, null, 8, ["title"])) : (openBlock(), createBlock(_sfc_main$3, {
-            key: 2,
-            class: "max-h-96",
-            "content-class": "flex flex-col gap-0.5 px-2 pb-2"
-          }, {
+          createVNode(_sfc_main$2, { axis: "height" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-                return openBlock(), createBlock(_sfc_main$4, {
-                  key: item.id,
-                  items: rowMenu(item)
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(item.link ? "a" : "button"), {
-                      href: item.link || void 0,
-                      type: item.link ? void 0 : "button",
-                      class: normalizeClass(["group/notif flex w-full items-start gap-2.5 rounded-control px-2 py-2 text-left outline-none transition-colors hover:bg-white/[0.05] focus-visible:bg-white/[0.05]", item.read ? "" : "bg-brand-soft/35"]),
-                      onClick: ($event) => onSelect(item)
+              __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+                  return createElementVNode("div", {
+                    key: i,
+                    class: "h-12 animate-pulse rounded-control bg-surface-soft"
+                  });
+                }), 64))
+              ])) : !__props.items.length ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 1,
+                icon: "lucide:bell-off",
+                title: l.value.empty,
+                class: "px-3 py-10"
+              }, null, 8, ["title"])) : (openBlock(), createBlock(_sfc_main$4, {
+                key: 2,
+                class: "max-h-96",
+                "content-class": "flex flex-col gap-0.5 px-2 pb-2"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+                    return openBlock(), createBlock(_sfc_main$5, {
+                      key: item.id,
+                      items: rowMenu(item)
                     }, {
                       default: withCtx(() => [
-                        createElementVNode("span", {
-                          class: normalizeClass(["grid size-7 shrink-0 place-items-center rounded-control", item.read ? "bg-surface-soft text-muted" : "bg-brand-soft text-brand"])
-                        }, [
-                          createVNode(_sfc_main$5, {
-                            name: item.icon || "lucide:bell",
-                            size: 15
-                          }, null, 8, ["name"])
-                        ], 2),
-                        createElementVNode("span", _hoisted_4, [
-                          createElementVNode("span", _hoisted_5, [
+                        (openBlock(), createBlock(resolveDynamicComponent(item.link ? "a" : "button"), {
+                          href: item.link || void 0,
+                          type: item.link ? void 0 : "button",
+                          class: normalizeClass(["group/notif flex w-full items-start gap-2.5 rounded-control px-2 py-2 text-left outline-none transition-colors hover:bg-white/[0.05] focus-visible:bg-white/[0.05]", item.read ? "" : "bg-brand-soft/35"]),
+                          onClick: ($event) => onSelect(item)
+                        }, {
+                          default: withCtx(() => [
                             createElementVNode("span", {
-                              class: normalizeClass(["truncate text-sm font-medium", item.read ? "text-muted-strong" : "text-ink"])
-                            }, toDisplayString(item.title), 3),
-                            !item.read ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+                              class: normalizeClass(["grid size-7 shrink-0 place-items-center rounded-control", item.read ? "bg-surface-soft text-muted" : "bg-brand-soft text-brand"])
+                            }, [
+                              createVNode(_sfc_main$6, {
+                                name: item.icon || "lucide:bell",
+                                size: 15
+                              }, null, 8, ["name"])
+                            ], 2),
+                            createElementVNode("span", _hoisted_4, [
+                              createElementVNode("span", _hoisted_5, [
+                                createElementVNode("span", {
+                                  class: normalizeClass(["truncate text-sm font-medium", item.read ? "text-muted-strong" : "text-ink"])
+                                }, toDisplayString(item.title), 3),
+                                !item.read ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+                              ]),
+                              item.body ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.body), 1)) : createCommentVNode("", true),
+                              item.createdAt ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(timeAgo(item.createdAt)), 1)) : createCommentVNode("", true)
+                            ])
                           ]),
-                          item.body ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.body), 1)) : createCommentVNode("", true),
-                          item.createdAt ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(timeAgo(item.createdAt)), 1)) : createCommentVNode("", true)
-                        ])
+                          _: 2
+                        }, 1032, ["href", "type", "class", "onClick"]))
                       ]),
                       _: 2
-                    }, 1032, ["href", "type", "class", "onClick"]))
-                  ]),
-                  _: 2
-                }, 1032, ["items"]);
-              }), 128))
+                    }, 1032, ["items"]);
+                  }), 128))
+                ]),
+                _: 1
+              }))
             ]),
             _: 1
-          }))
+          })
         ]),
         _: 1
       }, 8, ["open"]);

package/dist/chunks/{LpPasswordInput-DgUC2Ur7.js → LpPasswordInput-BfjDrvZq.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, createVNode, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpInput-BkomKdqQ.js";
+import { _ as _sfc_main$1 } from "./LpInput-BfLIWV-P.js";
 const _hoisted_1 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/LpShift-DXNsauQZ.js

@@ -0,0 +1,40 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { useShift } from "../composables/useShift.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpShift",
+  props: {
+    axis: { default: "height" },
+    duration: {},
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { el, tweening, resizing } = useShift({
+      axis: () => props.axis,
+      duration: () => props.duration,
+      enabled: () => !props.disabled
+    });
+    const TRANSITION_CLASS = {
+      height: "transition-[height]",
+      width: "transition-[width]",
+      both: "transition-[height,width]"
+    };
+    const transitionClass = computed(() => TRANSITION_CLASS[props.axis]);
+    __expose({ resizing });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass([
+          unref(tweening) && !__props.disabled ? `${transitionClass.value} duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none` : "",
+          unref(resizing) ? "overflow-hidden" : ""
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default", { resizing: unref(resizing) })
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTextarea-CRAkhemZ.js → LpTextarea-BDl7PR9U.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
 const _hoisted_1 = ["value", "placeholder", "rows", "disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTextarea",

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpShortcutsDialog", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar", "LpWaypointEdge"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar", "LpWaypointEdge"];

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.d.ts

@@ -38,7 +38,7 @@ type __VLS_Props = {
 declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_36: {}, __VLS_38: {}, __VLS_40: {}, __VLS_48: {}, __VLS_50: {};
+}, __VLS_42: {}, __VLS_50: {}, __VLS_52: {}, __VLS_60: {}, __VLS_62: {};
 type __VLS_Slots = {} & {
     logo?: (props: typeof __VLS_12) => any;
 } & {
@@ -48,15 +48,15 @@ type __VLS_Slots = {} & {
 } & {
     'sidebar-item'?: (props: typeof __VLS_21) => any;
 } & {
-    'header-title'?: (props: typeof __VLS_36) => any;
+    'header-title'?: (props: typeof __VLS_42) => any;
 } & {
-    'header-actions'?: (props: typeof __VLS_38) => any;
+    'header-actions'?: (props: typeof __VLS_50) => any;
 } & {
-    default?: (props: typeof __VLS_40) => any;
+    default?: (props: typeof __VLS_52) => any;
 } & {
-    default?: (props: typeof __VLS_48) => any;
+    default?: (props: typeof __VLS_60) => any;
 } & {
-    overlays?: (props: typeof __VLS_50) => any;
+    overlays?: (props: typeof __VLS_62) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     openDrawer: () => void;

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpConfirmDialog.vue.js

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