@leavepulse/ui 0.45.1 → 0.47.0

package/dist/chunks/{LpAvatar-C1XStdOo.js → LpAvatar-Cb1jtOVv.js}

@@ -1,7 +1,8 @@
-import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createElementBlock, Fragment, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -11,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     src: {},
     alt: {},
     fallback: {},
+    icon: {},
     size: { default: "md" },
     pixelSize: {},
     shape: { default: "circle" },
@@ -40,6 +42,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       defaultVariants: { size: "md", shape: "circle", ring: false }
     });
     const props = __props;
+    const ICON_SIZE = { xs: 11, sm: 14, md: 18, lg: 24, xl: 30 };
+    const iconSize = computed(
+      () => props.pixelSize ? Math.max(10, Math.round(props.pixelSize * 0.55)) : ICON_SIZE[props.size ?? "md"]
+    );
     const sizeStyle = computed(
       () => props.pixelSize ? {
         width: `${props.pixelSize}px`,
@@ -81,7 +87,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
               createVNode(unref(AvatarFallback), null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(initials.value), 1)
+                  __props.icon && !__props.fallback ? (openBlock(), createBlock(_sfc_main$2, {
+                    key: 0,
+                    name: __props.icon,
+                    size: iconSize.value
+                  }, null, 8, ["name", "size"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(initials.value), 1)
+                  ], 64))
                 ]),
                 _: 1
               })
@@ -104,7 +116,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
           createVNode(unref(AvatarFallback), null, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(initials.value), 1)
+              __props.icon && !__props.fallback ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                name: __props.icon,
+                size: iconSize.value
+              }, null, 8, ["name", "size"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(initials.value), 1)
+              ], 64))
             ]),
             _: 1
           })

package/dist/chunks/{LpCard-C2IvucmX.js → LpCard-BdxkMXjo.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, unref, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpColorPicker-zz4VGkG4.js → LpColorPicker-BLqPX5Vw.js}

@@ -5,7 +5,7 @@ import { useFieldControl } from "../composables/useField.js";
 import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight, clampHsv } from "../components/color.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
 const _hoisted_1 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];

package/dist/chunks/{LpConfirmDialog-BTVAR4tF.js → LpConfirmDialog-Ca-CTlxT.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, openBlock, createBlock, createSl
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./LpModal-BzTVeNqe.js";
+import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-Ci_uCHgQ.js → LpConfirmHost-BAaSaT2b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-BTVAR4tF.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-Ca-CTlxT.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpContextMenu-BqkAYa9X.js → LpContextMenu-1cKew_Dc.js}

@@ -1,12 +1,17 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
-import { _ as _sfc_main$1 } from "./ContextMenuItems-BtKU7074.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-BtKU7074.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-J3ZDYjpV.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpContextMenu",
   props: {
     items: {},
-    always: { type: Boolean }
+    always: { type: Boolean },
+    title: {},
+    subtitle: {},
+    titleIcon: {},
+    titleImage: {}
   },
   setup(__props) {
     const props = __props;
@@ -45,16 +50,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(ContextMenuContent), {
                 "collision-padding": 8,
                 class: normalizeClass(PANEL),
+                "aria-label": __props.title,
                 onCloseAutoFocus: returnFocus
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$1, {
+                  __props.title ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    title: __props.title,
+                    subtitle: __props.subtitle,
+                    icon: __props.titleIcon,
+                    image: __props.titleImage
+                  }, null, 8, ["title", "subtitle", "icon", "image"])) : createCommentVNode("", true),
+                  createVNode(_sfc_main$2, {
                     items: __props.items,
                     panel: PANEL
                   }, null, 8, ["items"])
                 ]),
                 _: 1
-              })
+              }, 8, ["aria-label"])
             ]),
             _: 1
           })) : createCommentVNode("", true)

package/dist/chunks/{LpDrawer-CfRhHwmE.js → LpDrawer-CBFVD624.js}

@@ -4,7 +4,7 @@ import { CLOSE_ICON } from "../components/dropdown.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
 const _hoisted_2 = { class: "flex flex-col gap-1" };

package/dist/chunks/{LpDropdownMenu-DdJGQzPn.js → LpDropdownMenu-DrpJJBp0.js}

@@ -1,11 +1,16 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from "reka-ui";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-J3ZDYjpV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",
   props: {
-    items: {}
+    items: {},
+    title: {},
+    subtitle: {},
+    titleIcon: {},
+    titleImage: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -23,9 +28,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "collision-padding": 8,
                 "side-offset": 6,
                 align: "end",
-                class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) min-w-44 p-1 outline-none"])
+                class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) min-w-44 p-1 outline-none"]),
+                "aria-label": __props.title
               }, {
                 default: withCtx(() => [
+                  __props.title ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    title: __props.title,
+                    subtitle: __props.subtitle,
+                    icon: __props.titleIcon,
+                    image: __props.titleImage
+                  }, null, 8, ["title", "subtitle", "icon", "image"])) : createCommentVNode("", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
                     return openBlock(), createElementBlock(Fragment, { key: i }, [
                       item.separatorBefore ? (openBlock(), createBlock(unref(DropdownMenuSeparator), {
@@ -33,11 +46,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         class: "my-1 h-px bg-line"
                       })) : createCommentVNode("", true),
                       createVNode(unref(DropdownMenuItem), {
-                        class: normalizeClass(["group/item flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[highlighted]:bg-brand-soft", item.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
+                        class: normalizeClass(["group/item flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft", item.danger ? "text-danger data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger" : "text-ink data-[highlighted]:text-brand"]),
+                        disabled: item.disabled,
                         onSelect: ($event) => item.onSelect?.()
                       }, {
                         default: withCtx(() => [
-                          item.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                          item.icon ? (openBlock(), createBlock(_sfc_main$2, {
                             key: 0,
                             name: item.icon,
                             size: 15,
@@ -46,12 +60,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createTextVNode(" " + toDisplayString(item.label), 1)
                         ]),
                         _: 2
-                      }, 1032, ["class", "onSelect"])
+                      }, 1032, ["class", "disabled", "onSelect"])
                     ], 64);
                   }), 128))
                 ]),
                 _: 1
-              }, 8, ["class"])
+              }, 8, ["class", "aria-label"])
             ]),
             _: 1
           })

package/dist/chunks/{LpFileTree-CNurOvkV.js → LpFileTree-bk5VjBey.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-BJbZXC8D.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-D_qRRdsH.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-BvMSBM7X.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = {

package/dist/chunks/{LpFileTreeNode-D_qRRdsH.js → LpFileTreeNode-BvMSBM7X.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, resolveComponent, openBlock, createElementBl
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
 import { _ as _sfc_main$3 } from "./LpCheckbox-Bkj13CbW.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];

package/dist/chunks/{LpLightbox-DSDahF23.js → LpLightbox-EVXzAq62.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onBeforeUnmount, computed, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, createElementVNode, createElementBlock, createCommentVNode, renderSlot, withModifiers, Fragment, renderList } from "vue";
+import { defineComponent, ref, watch, onBeforeUnmount, computed, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, createTextVNode, toDisplayString, createElementVNode, createElementBlock, createCommentVNode, renderSlot, normalizeClass, withModifiers, Fragment, renderList } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
@@ -313,9 +313,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
-                class: normalizeClass(["lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]", { "lp-scrim--nested": unref(layer).nested }]),
+                class: "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]",
                 style: normalizeStyle({ zIndex: unref(layer).scrim })
-              }, null, 8, ["class", "style"]),
+              }, null, 8, ["style"]),
               createVNode(unref(DialogContent), {
                 ref_key: "contentRef",
                 ref: contentRef,

package/dist/chunks/{LpLogViewer-KypbgOyo.js → LpLogViewer-BDFXzvcl.js}

@@ -2,9 +2,9 @@ import { defineComponent, useModel, computed, ref, shallowRef, onMounted, onBefo
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { ringWindow, matchPositions, countLevels, stepMatch } from "../components/logSearch.js";

package/dist/chunks/{LpMediaGallery-YKr-cQPN.js → LpMediaGallery-BnlkN_1f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$2 } from "./LpLightbox-DSDahF23.js";
+import { _ as _sfc_main$2 } from "./LpLightbox-EVXzAq62.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-BzTVeNqe.js → LpModal-JNa3B_Lr.js}

@@ -6,7 +6,7 @@ import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 const _hoisted_1 = {
   key: 0,
   "data-lp-modal-aside": "",
@@ -16,12 +16,16 @@ const _hoisted_2 = {
   key: 1,
   class: "flex shrink-0 items-start justify-between gap-4 p-5 pb-3"
 };
-const _hoisted_3 = { class: "flex flex-col gap-1" };
+const _hoisted_3 = { class: "flex min-w-0 flex-1 flex-col gap-1" };
 const _hoisted_4 = {
+  key: 0,
+  class: "flex shrink-0 flex-wrap items-center justify-end gap-2"
+};
+const _hoisted_5 = {
   key: 4,
   class: "flex shrink-0 justify-end gap-2 p-5 pt-4"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 1,
   "data-lp-modal-aside": "",
   class: "flex min-h-0 flex-col"
@@ -194,6 +198,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                           })) : createCommentVNode("", true)
                         ]),
+                        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                          renderSlot(_ctx.$slots, "actions")
+                        ])) : createCommentVNode("", true),
                         createVNode(unref(DialogClose), {
                           "data-lp-dialog-close": "",
                           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",
@@ -224,11 +231,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 3
                       }, 8, ["class", "content-class"])),
-                      _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
+                      _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_5, [
                         renderSlot(_ctx.$slots, "footer")
                       ])) : createCommentVNode("", true)
                     ], 6),
-                    _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_5, [
+                    _ctx.$slots.asideEnd ? (openBlock(), createElementBlock("aside", _hoisted_6, [
                       renderSlot(_ctx.$slots, "asideEnd")
                     ])) : createCommentVNode("", true)
                   ]),

package/dist/chunks/{LpModalNav-CjABSGCu.js → LpModalNav-BAxC9et7.js}

@@ -3,8 +3,8 @@ import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./LpModal-BzTVeNqe.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-Bwws_X29.js";
+import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-DpEiGi8L.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",
@@ -161,12 +161,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0,
+        _ctx.$slots.actions ? {
+          name: "actions",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "actions")
+          ]),
+          key: "2"
+        } : void 0,
         _ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "footer")
           ]),
-          key: "2"
+          key: "3"
         } : void 0
       ]), 1032, ["glass", "open", "title", "description", "size", "width", "fill-body"]);
     };

package/dist/chunks/{LpNotificationBell-CCwyJP5C.js → LpNotificationBell-DsqSyMwS.js}

@@ -2,12 +2,12 @@ import { defineComponent, computed, useModel, getCurrentInstance, ref, onMounted
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$7 } from "./LpButton-CKSwC6Mu.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-BJbZXC8D.js";
 import { _ as _sfc_main$6 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$1 } from "./LpPopover-DCKeqiVn.js";
 import { _ as _sfc_main$9 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$4 } from "./LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-Hz3-JWUG.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" };

package/dist/chunks/LpPalettePreview-CFav_7co.js

@@ -0,0 +1,19 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import '../assets/LpPalettePreview-CJmAKgYW.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpPalettePreview",
+  props: {
+    gap: { default: "md" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["lp-palette-preview", `lp-palette-preview--${__props.gap}`])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpPie-BEJ2SfI6.js → LpPie-BdSnta11.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { useReveal } from "../composables/useReveal.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
-import { _ as _sfc_main$2 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-z4WPZcZu.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-DB7upf-5.js";

package/dist/chunks/{LpScrollArea-Bry1fdOM.js → LpScrollArea-Hz3-JWUG.js}

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "reka-ui";
+import { prefersReducedMotion } from "../composables/easing.js";
 const barFade = "opacity-0 data-[state=visible]:animate-[fade-in_180ms_ease] data-[state=visible]:opacity-100 data-[state=hidden]:animate-[fade-out_240ms_ease]";
 const FADE_PX = 14;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -85,6 +86,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true, flush: "post" }
     );
     onBeforeUnmount(stopEdgeWatch);
+    function onTrackPointerDown(event, axis) {
+      const el = viewportEl.value;
+      const bar = event.currentTarget;
+      const thumb = bar.querySelector("[data-lp-thumb]");
+      if (!el || !thumb || event.button !== 0 || thumb.contains(event.target)) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      const rect = thumb.getBoundingClientRect();
+      const before = axis === "y" ? event.clientY < rect.top : event.clientX < rect.left;
+      const step = (axis === "y" ? el.clientHeight : el.clientWidth) * 0.85 * (before ? -1 : 1);
+      const behavior = prefersReducedMotion() ? "auto" : "smooth";
+      el.scrollBy(axis === "y" ? { top: step, behavior } : { left: step, behavior });
+    }
     function onThumbPointerDown() {
       dragging.value = true;
       const stop = () => {
@@ -106,11 +120,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             orientation: "vertical",
             "force-mount": "",
             class: normalizeClass(["group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px", barFade]),
-            style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0)
+            style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0),
+            onPointerdownCapture: _cache[0] || (_cache[0] = ($event) => onTrackPointerDown($event, "y"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
-                class: "min-w-1 rounded-l-pill bg-brand/40 transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand",
+                "data-lp-thumb": "",
+                class: "relative min-w-1 rounded-l-pill bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand",
                 onPointerdown: onThumbPointerDown
               })
             ]),
@@ -118,11 +134,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["style"]),
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "horizontal",
-            class: normalizeClass(["group z-1 flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5", barFade])
+            class: normalizeClass(["group z-1 flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5", barFade]),
+            onPointerdownCapture: _cache[1] || (_cache[1] = ($event) => onTrackPointerDown($event, "x"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
-                class: "min-h-1 rounded-t-pill bg-brand/40 transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand",
+                "data-lp-thumb": "",
+                class: "relative min-h-1 rounded-t-pill bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand",
                 onPointerdown: onThumbPointerDown
               })
             ]),
@@ -138,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(__props.fade ? { maskImage: fadeMask.value, WebkitMaskImage: fadeMask.value } : void 0),
             onScrollPassive: onViewportScroll,
             onPointerdown: onViewportPointerDown,
-            onFocusout: _cache[0] || (_cache[0] = (e) => e.target === e.currentTarget && onViewportBlur())
+            onFocusout: _cache[2] || (_cache[2] = (e) => e.target === e.currentTarget && onViewportBlur())
           }, {
             default: withCtx(() => [
               createElementVNode("div", {

package/dist/chunks/{LpSidebar-Bwws_X29.js → LpSidebar-DpEiGi8L.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-CfRhHwmE.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-CBFVD624.js";
 import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-kx-LdqNU.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-BUuxipX-.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-kx-LdqNU.js → LpSidebarNav-BUuxipX-.js}

@@ -3,9 +3,9 @@ import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$3 } from "./LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-Bry1fdOM.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-Hz3-JWUG.js";
 import { resolveLink } from "../components/link.js";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpThemeSwitcher-B4aVPbNC.js → LpThemeSwitcher-BbYFFT5w.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { u as useTheme, p as presets } from "./useTheme-DJm1JSsY.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-1cKew_Dc.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {

package/dist/chunks/MenuTitle-J3ZDYjpV.js

@@ -0,0 +1,56 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, createCommentVNode, toDisplayString } from "vue";
+import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+const _hoisted_1 = {
+  class: "flex max-w-72 min-w-0 items-center gap-2 px-2.5 pt-1.5 pb-2",
+  "aria-hidden": "true"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
+  key: 1,
+  class: "grid size-7 shrink-0 place-items-center rounded-md bg-surface-soft text-muted"
+};
+const _hoisted_4 = { class: "flex min-w-0 flex-col" };
+const _hoisted_5 = { class: "truncate text-sm font-medium text-ink" };
+const _hoisted_6 = {
+  key: 0,
+  class: "truncate text-xs text-muted"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MenuTitle",
+  props: {
+    title: {},
+    subtitle: {},
+    icon: {},
+    image: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          __props.image ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: __props.image,
+            alt: "",
+            class: "size-7 shrink-0 rounded-md object-cover"
+          }, null, 8, _hoisted_2)) : __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3, [
+            createVNode(_sfc_main$1, {
+              name: __props.icon,
+              size: 15
+            }, null, 8, ["name"])
+          ])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_4, [
+            createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1),
+            __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+          ])
+        ]),
+        _cache[0] || (_cache[0] = createElementVNode("div", {
+          class: "mb-1 h-px bg-line",
+          role: "presentation"
+        }, null, -1))
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpUptimeBar"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpKeys", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPaletteFacts", "LpPaletteHeader", "LpPalettePreview", "LpPaletteStats", "LpPaletteSwatches", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpUptimeBar"];

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

@@ -0,0 +1,7 @@
+import type { HighlightPart } from "./commandSearch";
+type __VLS_Props = {
+    text: string | HighlightPart[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/HighlightText.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/HighlightText-BvnYZkhi.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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