@leavepulse/ui 0.68.0 → 0.70.0

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

@@ -0,0 +1,47 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Leading colour of the gradient. Defaults to the brand colour. */
+    from?: string;
+    /** Trailing colour of the gradient. Defaults to the action colour. */
+    to?: string;
+    /** Ring thickness in px. */
+    width?: number;
+    /** Seconds per revolution. Slower reads as calm, faster as urgent. */
+    speed?: number;
+    /**
+     * Light the ring. Off keeps the wrapper (so the layout does not change when
+     * an item stops being "new") and removes only the ring.
+     */
+    active?: boolean;
+    /** Element to render as. */
+    as?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Leading colour of the gradient. Defaults to the brand colour. */
+    from?: string;
+    /** Trailing colour of the gradient. Defaults to the action colour. */
+    to?: string;
+    /** Ring thickness in px. */
+    width?: number;
+    /** Seconds per revolution. Slower reads as calm, faster as urgent. */
+    speed?: number;
+    /**
+     * Light the ring. Off keeps the wrapper (so the layout does not change when
+     * an item stops being "new") and removes only the ring.
+     */
+    active?: boolean;
+    /** Element to render as. */
+    as?: string;
+}> & Readonly<{}>, {
+    active: boolean;
+    width: number;
+    as: string;
+    speed: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpGlowBorder.vue.js

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

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

@@ -6,11 +6,11 @@ type __VLS_Props = {
         badge: string;
     }>;
 };
-declare var __VLS_7: {}, __VLS_18: {};
+declare var __VLS_7: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpHintExample.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpHintExample-C1eKYdeL.js";
+import { _ as _sfc_main } from "../chunks/LpHintExample-9Py0wc-L.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpHintLayer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpHintLayer-7UOdWQG3.js";
+import { _ as _sfc_main } from "../chunks/LpHintLayer-p4hqzdyA.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpHints.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpHints-BUtBp9-w.js";
+import { _ as _sfc_main } from "../chunks/LpHints-CCrhRfy9.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,60 @@
+type __VLS_Props = {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    /**
+     * Milliseconds the pointer rests before the card opens. Longer than a
+     * tooltip's on purpose: a card is big, and one that opens while the
+     * pointer is only passing by covers what the reader was heading for.
+     */
+    openDelay?: number;
+    /** Milliseconds after the pointer leaves before it closes: room to cross the gap to the card. */
+    closeDelay?: number;
+    /** A small pointer from the card to its trigger, for a trigger in a dense row where the card could belong to a neighbour. */
+    arrow?: boolean;
+    /** Touch: `hold` opens on press-and-hold; `none` leaves touch to the trigger. */
+    touch?: "hold" | "none";
+    /** How long a touch must be held to open, in ms. */
+    holdDelay?: number;
+    /** Turn the card off: the trigger stays and behaves as itself. */
+    disabled?: boolean;
+    /** Extra classes for the card (width, padding). Merged, so `w-80 p-0` replaces the defaults. */
+    panelClass?: string;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_23: {}, __VLS_40: {
+    close: () => boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    trigger?: (props: typeof __VLS_23) => any;
+} & {
+    default?: (props: typeof __VLS_40) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    align: "start" | "center" | "end";
+    side: "top" | "right" | "bottom" | "left";
+    sideOffset: number;
+    touch: "hold" | "none";
+    openDelay: number;
+    closeDelay: number;
+    arrow: boolean;
+    holdDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpHoverCard.vue.js

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

package/dist/components/LpIcon.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpIcon-6tSrZ3Zy.js";
+import { _ as _sfc_main } from "../chunks/LpIcon-HJP5xMz4.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,37 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** What the picture is derived from. Use something stable: an id outlives a renamed username. */
+    seed: string;
+    /** Cells per side: 5 is the familiar look, 7 gives busier shapes for large sizes. */
+    grid?: number;
+    /**
+     * `tint` lays a pale wash of the shape's own hue behind it, mixed into the
+     * theme's soft surface so it sits right on dark and light alike; `none`
+     * leaves the box behind it showing.
+     */
+    background?: "tint" | "none";
+    /** Empty margin around the grid as a share of the side; more for a round crop. */
+    padding?: number;
+    /** Accessible name. Unset, the picture is decorative: the name is usually written next to it. */
+    label?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** What the picture is derived from. Use something stable: an id outlives a renamed username. */
+    seed: string;
+    /** Cells per side: 5 is the familiar look, 7 gives busier shapes for large sizes. */
+    grid?: number;
+    /**
+     * `tint` lays a pale wash of the shape's own hue behind it, mixed into the
+     * theme's soft surface so it sits right on dark and light alike; `none`
+     * leaves the box behind it showing.
+     */
+    background?: "tint" | "none";
+    /** Empty margin around the grid as a share of the side; more for a round crop. */
+    padding?: number;
+    /** Accessible name. Unset, the picture is decorative: the name is usually written next to it. */
+    label?: string;
+}> & Readonly<{}>, {
+    grid: number;
+    background: "tint" | "none";
+    padding: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpIdenticon.vue.js

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

package/dist/components/LpImageEditor.vue.js

@@ -4,14 +4,15 @@ import { isSideways, coverScale, exportType, imageTypeFromUrl, cropGeometry } fr
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { useReveal } from "../composables/useReveal.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
-import { _ as _sfc_main$2 } from "../chunks/LpButton-DNR-YAq5.js";
+import { _ as _sfc_main$2 } from "../chunks/LpButton-CVxBfGjd.js";
 import "reka-ui";
 import "../composables/useHints.js";
 import "../composables/useHintSystem.js";
-import { _ as _sfc_main$1 } from "../chunks/LpIcon-6tSrZ3Zy.js";
-import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-BxRhfQda.css';import '../assets/LpImageEditor-CElPDzpF.css';/* empty css                        */
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-HJP5xMz4.js";
+import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-BxRhfQda.css';import '../assets/LpImageEditor-XM5bAziW.css';/* empty css                        */
 /* empty css                              */
 import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["src", "crossorigin"];
@@ -78,20 +79,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const viewport = ref(null);
     const zoom = useZoomPan({ min: 1, max: 6 });
     const frameSize = ref(null);
-    let frameObserver = null;
-    watch(viewport, (el) => {
-      zoom.setViewport(el);
-      frameObserver?.disconnect();
-      frameObserver = null;
-      if (!el) return;
-      frameSize.value = { width: el.clientWidth, height: el.clientHeight };
-      if (typeof ResizeObserver !== "undefined") {
-        frameObserver = new ResizeObserver(([entry]) => {
-          frameSize.value = { width: entry.contentRect.width, height: entry.contentRect.height };
-        });
-        frameObserver.observe(el);
-      }
-    });
+    watch(viewport, (el) => zoom.setViewport(el));
+    useResizeObserver(
+      viewport,
+      (entry, el) => {
+        frameSize.value = entry ? { width: entry.contentRect.width, height: entry.contentRect.height } : { width: el.clientWidth, height: el.clientHeight };
+      },
+      { immediate: true }
+    );
     const upright = computed(() => (rotation.value % 360 + 360) % 360);
     const edited = computed(() => upright.value !== 0 || zoom.scale.value !== 1);
     let generation = 0;
@@ -177,7 +172,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       generation++;
       revoke();
-      frameObserver?.disconnect();
     });
     function rotate(by) {
       rotation.value += by;
@@ -487,7 +481,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ed30e8ba"]]);
+const LpImageEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7eb4ac08"]]);
 export {
   LpImageEditor as default
 };

package/dist/components/LpInfraNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInfraNode-Ds_8SZgN.js";
+import { _ as _sfc_main } from "../chunks/LpInfraNode-CUC3t4na.js";
 export {
   _sfc_main as default
 };

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

@@ -12,6 +12,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     hint?: string;
     error?: string;
     icon?: string;
+    /** Show an accessible clear button, returning focus to the input. */
+    clearable?: boolean;
+    labels?: Partial<{
+        clear: string;
+    }>;
     /**
      * Marks the label with the required indicator. The attribute still reaches
      * the underlying <input> for native validation; this only makes the field
@@ -56,6 +61,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     hint?: string;
     error?: string;
     icon?: string;
+    /** Show an accessible clear button, returning focus to the input. */
+    clearable?: boolean;
+    labels?: Partial<{
+        clear: string;
+    }>;
     /**
      * Marks the label with the required indicator. The attribute still reaches
      * the underlying <input> for native validation; this only makes the field

package/dist/components/LpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInput-CUyr6PIE.js";
+import { _ as _sfc_main } from "../chunks/LpInput-CDuwODJG.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-B9J8rzsj.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-XJ0LpTcZ.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,106 @@
+import { type ToneName } from "./tone";
+export type LoaderVariant = "spinner" | "dots" | "bar";
+export type LoaderSize = "inline" | "sm" | "md" | "lg";
+/** `current` inherits the text colour around it; the rest are the kit's tones (tone.ts). */
+export type LoaderTone = "current" | ToneName;
+export type LoaderLabels = {
+    loading: string;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * `spinner` for a spot (a button, a row, a field); `dots` for something
+     * conversational (typing, connecting); `bar` for a region across its width
+     * (the top of a card or a page).
+     */
+    variant?: LoaderVariant;
+    /**
+     * `inline` sizes the mark from the font (a 1em spinner), so it fits a
+     * button or a line of text at whatever size that text is.
+     */
+    size?: LoaderSize;
+    /**
+     * `current` takes the surrounding text colour, which is what a loader
+     * inside a button or a coloured badge wants; the others pin a kit tone.
+     */
+    tone?: LoaderTone;
+    /**
+     * Whether work is under way. Off, the loader is not shown (or, with a
+     * default slot, the content is). Leave it on and mount the loader with
+     * `v-if` when it has nothing to swap with.
+     */
+    active?: boolean;
+    /**
+     * Ms of loading before anything appears. Most requests finish inside 150
+     * ms; a spinner for those is a blink, not information. 0 shows at once —
+     * the right call where the trigger already acknowledged the click (a
+     * button that faded its label).
+     */
+    delay?: number;
+    /** Ms the loader stays once shown, so a load ending just after it appeared does not blink it away. */
+    minVisible?: number;
+    /**
+     * Visible text beside the indicator. Without it the indicator is still
+     * announced, with the `loading` label, to screen readers only.
+     */
+    label?: string;
+    /** Spinner only: draw the faint full circle the arc runs along. */
+    track?: boolean;
+    labels?: Partial<LoaderLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * `spinner` for a spot (a button, a row, a field); `dots` for something
+     * conversational (typing, connecting); `bar` for a region across its width
+     * (the top of a card or a page).
+     */
+    variant?: LoaderVariant;
+    /**
+     * `inline` sizes the mark from the font (a 1em spinner), so it fits a
+     * button or a line of text at whatever size that text is.
+     */
+    size?: LoaderSize;
+    /**
+     * `current` takes the surrounding text colour, which is what a loader
+     * inside a button or a coloured badge wants; the others pin a kit tone.
+     */
+    tone?: LoaderTone;
+    /**
+     * Whether work is under way. Off, the loader is not shown (or, with a
+     * default slot, the content is). Leave it on and mount the loader with
+     * `v-if` when it has nothing to swap with.
+     */
+    active?: boolean;
+    /**
+     * Ms of loading before anything appears. Most requests finish inside 150
+     * ms; a spinner for those is a blink, not information. 0 shows at once —
+     * the right call where the trigger already acknowledged the click (a
+     * button that faded its label).
+     */
+    delay?: number;
+    /** Ms the loader stays once shown, so a load ending just after it appeared does not blink it away. */
+    minVisible?: number;
+    /**
+     * Visible text beside the indicator. Without it the indicator is still
+     * announced, with the `loading` label, to screen readers only.
+     */
+    label?: string;
+    /** Spinner only: draw the faint full circle the arc runs along. */
+    track?: boolean;
+    labels?: Partial<LoaderLabels>;
+}> & Readonly<{}>, {
+    size: LoaderSize;
+    active: boolean;
+    track: boolean;
+    delay: number;
+    tone: LoaderTone;
+    variant: LoaderVariant;
+    minVisible: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpLoader.vue.js

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

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-4QFc-sVN.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-elZHbj85.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,28 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** How far past the element's edge, in px, the pull is felt. */
+    reach?: number;
+    /** Fraction of the pointer's distance the element travels, 0–1. Small is better. */
+    strength?: number;
+    /** Keep the wrapper, turn the pull off. */
+    disabled?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** How far past the element's edge, in px, the pull is felt. */
+    reach?: number;
+    /** Fraction of the pointer's distance the element travels, 0–1. Small is better. */
+    strength?: number;
+    /** Keep the wrapper, turn the pull off. */
+    disabled?: boolean;
+}> & Readonly<{}>, {
+    disabled: boolean;
+    reach: number;
+    strength: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpMagnetic.vue.js

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

package/dist/components/LpMapPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMapPicker-BTbkFeSG.js";
+import { _ as _sfc_main } from "../chunks/LpMapPicker-BtIl7NOM.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,42 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        items: T[];
+        /** Field (or function) giving each item a stable identity, so it keeps its element across changes. */
+        itemKey?: keyof T | ((item: T, index: number) => string | number);
+        /**
+         * Fixed column count, or a table of minimum container widths to counts
+         * (`{ 0: 1, 560: 2, 900: 3 }`). Omit to fit as many `minColumnWidth`
+         * columns as the container allows — the right default, because a masonry
+         * usually lives in a panel whose width the viewport does not decide.
+         */
+        columns?: number | Record<number, number>;
+        /** Narrowest a column may get when the count is derived from the width. */
+        minColumnWidth?: number;
+        /** Upper bound for the derived count. */
+        maxColumns?: number;
+        /** Space between items, in px, both ways. */
+        gap?: number;
+        /** Play the entrance when the block is first seen. Off shows it as is. */
+        entrance?: boolean;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?(props: {
+            item: T;
+            index: number;
+        }): unknown;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/LpMasonry.vue.js

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

package/dist/components/LpMediaGallery.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMediaGallery-CuPcscx3.js";
+import { _ as _sfc_main } from "../chunks/LpMediaGallery-D5swlmZ_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-hk1noDcr.js";
+import { _ as _sfc_main } from "../chunks/LpModal-eBMt2Fqn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-DQd2keZm.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-D4Z0wVHR.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,5 @@
 import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+import { type ToneName } from "./tone";
 export interface NotificationItem {
     id: string;
     title: string;
@@ -13,7 +14,7 @@ export interface NotificationItem {
      * consumers were mapping their own types onto raw palette classes, which is
      * the one place a theme cannot follow them.
      */
-    tone?: "brand" | "action" | "danger" | "accent" | "muted";
+    tone?: ToneName;
     /** Optional deep link; the row becomes clickable when set. */
     link?: string;
     /** ISO-8601 creation time; rendered as a relative label. */
@@ -40,10 +41,17 @@ export interface NotificationLabels {
     unread?: string;
     /** Screen-reader marker on an unread row. */
     unreadItem?: string;
-    /** Relative times; `{n}` is filled in. */
+    /**
+     * No longer read: times are worded by Intl in the app's locale. Still
+     * accepted so existing label objects keep type-checking.
+     * @deprecated
+     */
     justNow?: string;
+    /** @deprecated See `justNow`. */
     minutes?: string;
+    /** @deprecated See `justNow`. */
     hours?: string;
+    /** @deprecated See `justNow`. */
     days?: string;
 }
 type __VLS_Props = {
@@ -60,8 +68,9 @@ type __VLS_Props = {
     /** Translations for the strings the bell renders itself. */
     labels?: NotificationLabels;
     /**
-     * Formats `item.createdAt` for display. Defaults to a compact English
-     * relative time ("just now", "5m", "3h"); pass your own to localise it.
+     * Formats `item.createdAt` for display. Defaults to a narrow relative time
+     * in the app's locale ("now", "5m ago", "3h ago"); pass your own to word
+     * it differently.
      */
     formatTime?: (iso: string) => string;
 };
@@ -72,15 +81,15 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 } & {
-    clear: () => any;
     select: (item: NotificationItem) => any;
+    clear: () => any;
     dismiss: (id: string) => any;
     markAllRead: () => any;
     markRead: (id: string) => any;
     markUnread: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClear?: (() => any) | undefined;
     onSelect?: ((item: NotificationItem) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onDismiss?: ((id: string) => any) | undefined;
     onMarkAllRead?: (() => any) | undefined;

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-X84PJIxD.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-DPZmP5dM.js";
 export {
   _sfc_main as default
 };