@leavepulse/ui 0.78.2 → 0.79.0

package/dist/chunks/{LpHints-qf3xYsza.js → LpHints-DyJ5hVcr.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, onErrorCaptured, onMounted, onBeforeUnmount, comp
 import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpActionBar-BGMk5KoG.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-BeKRsRon.js";
-import { _ as _sfc_main$1 } from "./LpTour-ClKYhx4h.js";
+import { _ as _sfc_main$3 } from "./LpActionBar-C7g52Cyo.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-B6bA5Cb_.js";
+import { _ as _sfc_main$1 } from "./LpTour-ODlBcat2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

package/dist/chunks/{LpIcon-C6JpQ5td.js → LpIcon-BCQLuHSP.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watchEffect, openBlock, createElementBlock, createBlock, unref } from "vue";
 import { getIcon, Icon } from "@iconify/vue";
-import { i as iconsVersion, f as failedIcons, c as requestIcon } from "./icons-CYfcpSDS.js";
+import { i as iconsVersion, f as failedIcons, c as requestIcon } from "./icons-C1vppR4f.js";
 const _hoisted_1 = ["width", "height", "viewBox", "innerHTML"];
 const _hoisted_2 = ["width", "height"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpInfraNode-Bb5nbuFY.js → LpInfraNode-BS1RXYAs.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, unref, createElementVNode, toDisplayString, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
 import { Handle, Position } from "@vue-flow/core";
-import { _ as _sfc_main$2 } from "./LpBadge-D5QQdDQ_.js";
-import { _ as _sfc_main$1 } from "./LpStatus-DGJFwk5F.js";
+import { _ as _sfc_main$2 } from "./LpBadge-C_VqLHtg.js";
+import { _ as _sfc_main$1 } from "./LpStatus-szB2dWzM.js";
 const _hoisted_1 = { class: "px-[11px] pb-2.5 pt-[9px]" };
 const _hoisted_2 = { class: "flex items-center gap-[7px]" };
 const _hoisted_3 = { class: "text-[13px] text-[var(--accent)]" };

package/dist/chunks/{LpInput-CbI7z5fQ.js → LpInput-BjbXdjcW.js}

@@ -7,9 +7,9 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useInputMask, DEFAULT_MASK_TOKENS } from "../composables/useInputMask.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
-import { _ as _sfc_main$2 } from "./FieldLeading-mr81aEAP.js";
-import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./FieldWrapper-Cj8ZgoKp.js";
+import { _ as _sfc_main$2 } from "./FieldLeading-CldGLINn.js";
+import { _ as _sfc_main$3 } from "./LpIcon-BCQLuHSP.js";
 const _hoisted_1 = ["id", "type", "value", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = ["aria-label"];
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpInspector-DO3fTCQ1.js → LpInspector-BIyJyM6r.js}

@@ -5,12 +5,12 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { clamp } from "../composables/clamp.js";
-import { _ as _sfc_main$4 } from "./LpDataList-CaVfsozH.js";
-import { _ as _sfc_main$3 } from "./LpDisclosure-DG7JCo-d.js";
+import { _ as _sfc_main$4 } from "./LpDataList-Cv7ZUlyy.js";
+import { _ as _sfc_main$3 } from "./LpDisclosure-CE4mneaE.js";
 import "@iconify/vue";
-import "./icons-CYfcpSDS.js";
+import "./icons-C1vppR4f.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
-import { _ as _sfc_main$1 } from "./IconCloseButton-COZEsa9u.js";
+import { _ as _sfc_main$1 } from "./IconCloseButton-CV4iHRpy.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
 const _hoisted_3 = {

package/dist/chunks/{LpLightbox-CtDTQV01.js → LpLightbox-CSAJuUaJ.js}

@@ -6,8 +6,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { clickLink } from "../components/exportData.js";
 import { fileNameOf } from "../components/lightbox.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-BSr6YaFR.js";
+import { _ as _sfc_main$1 } from "./LpIcon-BCQLuHSP.js";
 import { _ as _sfc_main$3 } from "./LpLoader-Bf1yZwaU.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { inTextField } from "../composables/textEntry.js";

package/dist/chunks/{LpLogInspector-CcSJSGan.js → LpLogInspector-OJEz1vod.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, openBlock, createElementBlock, unref, Fragment, createVNode, toDisplayString, renderList, normalizeStyle, createElementVNode, normalizeClass, createTextVNode } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpInput-CbI7z5fQ.js";
+import { _ as _sfc_main$2 } from "./LpIcon-BCQLuHSP.js";
+import { _ as _sfc_main$1 } from "./LpInput-BjbXdjcW.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { structuredPayload, jsonRows, stackLines } from "../components/logTools.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpLogViewer-CWu49Dko.js → LpLogViewer-CRLwQpk0.js}

@@ -4,12 +4,12 @@ import { usePersisted } from "../composables/usePersisted.js";
 import { prefersReducedMotion, durationToken, tokenEase } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$7 } from "./LpBadge-D5QQdDQ_.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-Bx_IhQDS.js";
-import { _ as _sfc_main$4 } from "./LpEmptyState-DurPF001.js";
-import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$7 } from "./LpBadge-C_VqLHtg.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-bn5bc9t7.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-DpdHeSfz.js";
+import { _ as _sfc_main$2 } from "./LpIcon-BCQLuHSP.js";
 import { _ as _sfc_main$5 } from "./LpLoader-Bf1yZwaU.js";
-import { _ as _sfc_main$1 } from "./LpInput-CbI7z5fQ.js";
+import { _ as _sfc_main$1 } from "./LpInput-BjbXdjcW.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-CqvwfZs2.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
@@ -18,7 +18,7 @@ import { inTextField } from "../composables/textEntry.js";
 import { nodeWindow, isElement } from "../composables/realm.js";
 import { ringWindow, matchPositions, countLevels, stepMatch } from "../components/logSearch.js";
 import { downloadFile } from "../components/exportData.js";
-import { _ as _sfc_main$8 } from "./LpLogInspector-CcSJSGan.js";
+import { _ as _sfc_main$8 } from "./LpLogInspector-OJEz1vod.js";
 import { compilePattern, inTimeRange, patternPositions, groupRepeats, rowSpan, exportLines, nearestByTime, termRanges, messageParts, findIds } from "../components/logTools.js";
 import { TONES, toneLook } from "../components/tone.js";
 import '../assets/LpLogViewer-BDNW6P52.css';const _hoisted_1 = {

package/dist/chunks/{LpMapPicker-D5_YLLBC.js → LpMapPicker-DW2EnrCJ.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { clamp } from "../composables/clamp.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
-import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpIcon-BCQLuHSP.js";
 import { _ as _sfc_main$2 } from "./LpLoader-Bf1yZwaU.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpMediaGallery-BYEwySoF.js → LpMediaGallery-BNEYctDP.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-Bx_IhQDS.js";
-import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$3 } from "./LpLightbox-CtDTQV01.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-bn5bc9t7.js";
+import { _ as _sfc_main$2 } from "./LpIcon-BCQLuHSP.js";
+import { _ as _sfc_main$3 } from "./LpLightbox-CSAJuUaJ.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-DDvrSAnf.js → LpModal-DdTqdf4x.js}

@@ -8,7 +8,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 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-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpIcon-BCQLuHSP.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {

package/dist/chunks/{LpModalNav-DI3BW5ff.js → LpModalNav-BL7Dp0om.js}

@@ -2,9 +2,9 @@ import { defineComponent, computed, ref, openBlock, createBlock, createSlots, wi
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpModal-DDvrSAnf.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-CvRvVBTt.js";
+import { _ as _sfc_main$3 } from "./LpIcon-BCQLuHSP.js";
+import { _ as _sfc_main$1 } from "./LpModal-DdTqdf4x.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-D3S8rYFf.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/LpNotificationBell-d0F6MWxD.js

@@ -0,0 +1,163 @@
+import { defineComponent, useModel, computed, getCurrentInstance, openBlock, createBlock, withCtx, createVNode, mergeProps, toHandlers, Transition, createCommentVNode, mergeModels } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+import { _ as _sfc_main$6 } from "./LpBadge-C_VqLHtg.js";
+import { _ as _sfc_main$4 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-bn5bc9t7.js";
+import { _ as _sfc_main$5 } from "./LpIcon-BCQLuHSP.js";
+import { _ as _sfc_main$2 } from "./LpNotificationFeed-BIe5lapb.js";
+import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
+import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
+import { NOTIFICATION_LABELS } from "../components/notifications.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpNotificationBell",
+  props: /* @__PURE__ */ mergeModels({
+    items: { default: () => [] },
+    unreadCount: {},
+    loading: { type: Boolean },
+    emptyLabel: {},
+    title: {},
+    maxBadge: { default: 9 },
+    menuItems: {},
+    itemMenu: {},
+    categories: {},
+    groupByDay: { type: Boolean, default: true },
+    hasMore: { type: Boolean },
+    loadingMore: { type: Boolean },
+    allLink: {},
+    labels: {},
+    formatTime: {}
+  }, {
+    "open": { type: Boolean, ...{ default: false } },
+    "openModifiers": {},
+    "filter": { default: "all" },
+    "filterModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["markRead", "markUnread", "markAllRead", "clear", "dismiss", "select", "action", "settings", "loadMore"], ["update:open", "update:filter"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const open = useModel(__props, "open");
+    const filter = useModel(__props, "filter");
+    const emit = __emit;
+    const text = useLabels("notifications", NOTIFICATION_LABELS, () => props.labels);
+    const l = computed(() => {
+      const title = props.title ?? text.value.title;
+      return { ...text.value, title, ariaLabel: text.value.ariaLabel || title };
+    });
+    const unread = computed(() => props.unreadCount ?? props.items.filter((n) => !n.read).length);
+    const hasUnread = computed(() => unread.value > 0);
+    const badgeLabel = computed(() => unread.value > props.maxBadge ? `${props.maxBadge}+` : String(unread.value));
+    const buttonLabel = computed(
+      () => hasUnread.value ? `${l.value.ariaLabel}, ${l.value.unread.replace("{count}", String(unread.value))}` : l.value.ariaLabel
+    );
+    const instance = getCurrentInstance();
+    const handlesClear = computed(() => Boolean(instance?.vnode.props?.onClear));
+    const optional = computed(() => ({
+      ...handlesClear.value ? { clear: () => emit("clear") } : {},
+      ...instance?.vnode.props?.onSettings ? {
+        settings: () => {
+          open.value = false;
+          emit("settings");
+        }
+      } : {}
+    }));
+    const contextMenu = computed(() => {
+      if (props.menuItems) return props.menuItems;
+      const items = [
+        { label: l.value.markAllRead, icon: "lucide:check-check", disabled: !hasUnread.value, onSelect: () => emit("markAllRead") }
+      ];
+      if (handlesClear.value) {
+        items.push({ label: l.value.clear, icon: "lucide:trash-2", disabled: !props.items.length, onSelect: () => emit("clear") });
+      }
+      return items;
+    });
+    function onSelect(item) {
+      open.value = false;
+      emit("select", item);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        open: open.value,
+        "onUpdate:open": _cache[7] || (_cache[7] = ($event) => open.value = $event),
+        side: "bottom",
+        align: "end",
+        "side-offset": 8,
+        "panel-class": "w-[min(24rem,calc(100vw-1rem))] p-0"
+      }, {
+        trigger: withCtx(() => [
+          createVNode(_sfc_main$3, { items: contextMenu.value }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                variant: "ghost",
+                size: "sm",
+                class: "relative",
+                "aria-label": buttonLabel.value
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$5, {
+                    name: "lucide:bell",
+                    size: 18
+                  }),
+                  createVNode(Transition, {
+                    "enter-active-class": "animate-[chip-in_var(--duration-fast)_var(--ease-emphasized)] motion-reduce:animate-none",
+                    "leave-active-class": "animate-[chip-out_var(--duration-fast)_ease] motion-reduce:animate-none"
+                  }, {
+                    default: withCtx(() => [
+                      hasUnread.value ? (openBlock(), createBlock(_sfc_main$6, {
+                        key: 0,
+                        "aria-hidden": "true",
+                        tone: "danger",
+                        class: "absolute -right-1 -top-1 min-w-4 justify-center px-1 py-0 text-[10px] leading-4"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_sfc_main$7, {
+                            value: badgeLabel.value,
+                            duration: 220
+                          }, null, 8, ["value"])
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["aria-label"])
+            ]),
+            _: 1
+          }, 8, ["items"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, mergeProps({
+            filter: filter.value,
+            "onUpdate:filter": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
+            items: __props.items,
+            "unread-count": __props.unreadCount,
+            loading: __props.loading,
+            title: __props.title,
+            "empty-label": __props.emptyLabel,
+            categories: __props.categories,
+            "group-by-day": __props.groupByDay,
+            "has-more": __props.hasMore,
+            "loading-more": __props.loadingMore,
+            "all-link": __props.allLink,
+            "item-menu": __props.itemMenu,
+            labels: __props.labels,
+            "format-time": __props.formatTime
+          }, toHandlers(optional.value), {
+            onMarkRead: _cache[1] || (_cache[1] = ($event) => emit("markRead", $event)),
+            onMarkUnread: _cache[2] || (_cache[2] = ($event) => emit("markUnread", $event)),
+            onMarkAllRead: _cache[3] || (_cache[3] = ($event) => emit("markAllRead")),
+            onDismiss: _cache[4] || (_cache[4] = ($event) => emit("dismiss", $event)),
+            onSelect,
+            onAction: _cache[5] || (_cache[5] = (item, action) => emit("action", item, action)),
+            onLoadMore: _cache[6] || (_cache[6] = ($event) => emit("loadMore"))
+          }), null, 16, ["filter", "items", "unread-count", "loading", "title", "empty-label", "categories", "group-by-day", "has-more", "loading-more", "all-link", "item-menu", "labels", "format-time"])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};