@leavepulse/ui 0.43.4 → 0.45.0

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

@@ -36,6 +36,15 @@ export interface NotificationLabels {
     dismiss?: string;
     empty?: string;
     ariaLabel?: string;
+    /** Appended to the button's name while there is unread news; `{count}` is filled in. */
+    unread?: string;
+    /** Screen-reader marker on an unread row. */
+    unreadItem?: string;
+    /** Relative times; `{n}` is filled in. */
+    justNow?: string;
+    minutes?: string;
+    hours?: string;
+    days?: string;
 }
 type __VLS_Props = {
     items?: NotificationItem[];
@@ -66,17 +75,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     clear: () => any;
     select: (item: NotificationItem) => any;
     dismiss: (id: string) => any;
+    markAllRead: () => any;
     markRead: (id: string) => any;
     markUnread: (id: string) => any;
-    markAllRead: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
     onSelect?: ((item: NotificationItem) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onDismiss?: ((id: string) => any) | undefined;
+    onMarkAllRead?: (() => any) | undefined;
     onMarkRead?: ((id: string) => any) | undefined;
     onMarkUnread?: ((id: string) => any) | undefined;
-    onMarkAllRead?: (() => any) | undefined;
 }>, {
     items: NotificationItem[];
     maxBadge: number;

package/dist/components/LpNotificationBell.vue.js

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

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

@@ -7,6 +7,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     step?: number;
     disabled?: boolean;
     unit?: string;
+    invalid?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number | null) => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -16,6 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     step?: number;
     disabled?: boolean;
     unit?: string;
+    invalid?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpNumberField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNumberField-CWuX08iX.js";
+import { _ as _sfc_main } from "../chunks/LpNumberField-B77O-z28.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNumberFlow.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNumberFlow-amWYaeuA.js";
+import { _ as _sfc_main } from "../chunks/LpNumberFlow-z4WPZcZu.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpOtpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpOtpInput-y2v-pmiN.js";
+import { _ as _sfc_main } from "../chunks/LpOtpInput-CziPF3Oq.js";
 export {
   _sfc_main as default
 };

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

@@ -11,6 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** Pages shown on each side of the current one in the inner run. */
     siblings?: number;
     disabled?: boolean;
+    labels?: Partial<Record<"nav" | "previous" | "next", string>>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (value: number) => any;
     "update:page": (value: number) => any;
@@ -25,6 +26,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** Pages shown on each side of the current one in the inner run. */
     siblings?: number;
     disabled?: boolean;
+    labels?: Partial<Record<"nav" | "previous" | "next", string>>;
 }> & Readonly<{
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;

package/dist/components/LpPagination.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPagination-5FxjmmB5.js";
+import { _ as _sfc_main } from "../chunks/LpPagination-BcDlo3r_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPasswordInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPasswordInput--sjYCkLS.js";
+import { _ as _sfc_main } from "../chunks/LpPasswordInput-eKzQhbQP.js";
 export {
   _sfc_main as default
 };

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

@@ -6,6 +6,17 @@ export interface PhoneDetail {
     dialCode: string;
     /** National part (digits after the dial code). */
     number: string;
+    /** Normalised "+380501234567"; empty when there are no digits. */
+    e164: string;
+    /** The length fits the country. False until the formatter has loaded. */
+    possible: boolean;
+    /** A real number for the country. False until the formatter has loaded. */
+    valid: boolean;
+    /**
+     * "MOBILE", "FIXED_LINE"… when known. The `min` metadata the field loads does
+     * not carry number types, so this stays undefined unless that changes.
+     */
+    type?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -16,6 +27,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     only?: string[];
     /** Default country (ISO2) used when the field is empty. */
     defaultCountry?: string;
+    /** Unset shows an example number for the active country. */
     placeholder?: string;
     disabled?: boolean;
     invalid?: boolean;
@@ -32,6 +44,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     only?: string[];
     /** Default country (ISO2) used when the field is empty. */
     defaultCountry?: string;
+    /** Unset shows an example number for the active country. */
     placeholder?: string;
     disabled?: boolean;
     invalid?: boolean;

package/dist/components/LpPhoneInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPhoneInput-BDSKVl_z.js";
+import { _ as _sfc_main } from "../chunks/LpPhoneInput-BCbrrhgE.js";
 export {
   _sfc_main as default
 };

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

@@ -1,5 +1,13 @@
 import { type PieSlice } from "./chart";
 import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+export interface PieText {
+    [key: string]: string;
+    empty: string;
+    other: string;
+    total: string;
+    /** "{n} selected"; `{n}` is replaced by the count. */
+    selected: string;
+}
 /** A slice, as reported by every interaction event. */
 export interface SliceEvent {
     index: number;
@@ -75,6 +83,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     menuItems?: (slice: SliceEvent, selection: SliceEvent[]) => ContextMenuItemDef[];
     emptyLabel?: string;
+    /** Accessible name for the chart. Defaults to a generated summary. */
+    ariaLabel?: string;
+    /** Render the slices as a visually hidden table for screen readers. */
+    dataTable?: boolean;
+    /** Text overrides (`labels` is taken by the callout switch). */
+    text?: Partial<PieText>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     sliceClick: (payload: SliceEvent) => any;
     selectionChange: (payload: SliceEvent[]) => any;
@@ -145,6 +159,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      */
     menuItems?: (slice: SliceEvent, selection: SliceEvent[]) => ContextMenuItemDef[];
     emptyLabel?: string;
+    /** Accessible name for the chart. Defaults to a generated summary. */
+    ariaLabel?: string;
+    /** Render the slices as a visually hidden table for screen readers. */
+    dataTable?: boolean;
+    /** Text overrides (`labels` is taken by the callout switch). */
+    text?: Partial<PieText>;
 }> & Readonly<{
     onSliceClick?: ((payload: SliceEvent) => any) | undefined;
     onSelectionChange?: ((payload: SliceEvent[]) => any) | undefined;
@@ -154,10 +174,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     size: number;
     animate: boolean;
     duration: number;
-    emptyLabel: string;
+    dataTable: boolean;
     innerRatio: number;
     maxSlices: number;
-    otherLabel: string;
     labelWidth: number;
     showPercent: boolean;
     showTotal: boolean;

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-D6OnzwlJ.js";
+import { _ as _sfc_main } from "../chunks/LpPie-BEJ2SfI6.js";
 export {
   _sfc_main as default
 };

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

@@ -4,6 +4,8 @@ type __VLS_Props = {
     sideOffset?: number;
     /** Extra classes for the floating panel (width, padding, overflow). */
     panelClass?: string;
+    /** Accessible name of the panel, which reka exposes as a dialog. */
+    ariaLabel?: string;
 };
 type __VLS_ModelProps = {
     "open"?: boolean;

package/dist/components/LpPopover.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPopover-8268UmlC.js";
+import { _ as _sfc_main } from "../chunks/LpPopover-DCKeqiVn.js";
 export {
   _sfc_main as default
 };

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

@@ -52,9 +52,9 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: number;
+    duration: number;
     max: number;
     value: number;
-    duration: number;
     variant: "bar" | "ring";
     tone: "brand" | "action" | "danger" | "accent" | "auto";
     animateOnMount: boolean;

package/dist/components/LpProgress.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpProgress-Btq5W4Ut.js";
+import { _ as _sfc_main } from "../chunks/LpProgress-CBU1iI69.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRadioGroup.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRadioGroup-xPIuVDO_.js";
+import { _ as _sfc_main } from "../chunks/LpRadioGroup-DmEW0l78.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,51 @@
+import { type DateRange } from "./dateRange";
+declare const _default: typeof __VLS_export;
+export default _default;
+export interface RangeCalendarLabels extends Record<string, string> {
+    previous: string;
+    next: string;
+}
+/** How a range changed: picked by two clicks, or an end reshaped. */
+export type RangeChange = {
+    via: "pick" | "drag" | "keyboard";
+};
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Selected range, ISO "YYYY-MM-DD" ends (v-model). */
+    modelValue?: DateRange;
+    min?: string;
+    max?: string;
+    /** Days that cannot be picked at all. */
+    isDisabled?: (iso: string) => boolean;
+    /** Days a range may not include (struck through, and a range cannot span them). */
+    isDateUnavailable?: (iso: string) => boolean;
+    /** Months shown side by side. */
+    months?: number;
+    /** Longest allowed range, in days. */
+    maximumDays?: number;
+    locale?: string;
+    weekdayFormat?: "narrow" | "short" | "long";
+    labels?: Partial<RangeCalendarLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: DateRange, change: RangeChange) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Selected range, ISO "YYYY-MM-DD" ends (v-model). */
+    modelValue?: DateRange;
+    min?: string;
+    max?: string;
+    /** Days that cannot be picked at all. */
+    isDisabled?: (iso: string) => boolean;
+    /** Days a range may not include (struck through, and a range cannot span them). */
+    isDateUnavailable?: (iso: string) => boolean;
+    /** Months shown side by side. */
+    months?: number;
+    /** Longest allowed range, in days. */
+    maximumDays?: number;
+    locale?: string;
+    weekdayFormat?: "narrow" | "short" | "long";
+    labels?: Partial<RangeCalendarLabels>;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateRange, change: RangeChange) => any) | undefined;
+}>, {
+    weekdayFormat: "narrow" | "short" | "long";
+    months: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpRangeCalendar.vue.js

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

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

@@ -19,9 +19,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     mode: "slide" | "flip";
+    duration: number;
     direction: "up" | "down";
     align: "start" | "center" | "end";
-    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpRollingText.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRollingText-CM5gkSeF.js";
+import { _ as _sfc_main } from "../chunks/LpRollingText-DB7upf-5.js";
 export {
   _sfc_main as default
 };

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

@@ -4,9 +4,9 @@ type __VLS_Props = {
     contentClass?: string;
     barInsetTop?: string;
 };
-declare var __VLS_44: {};
+declare var __VLS_46: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_44) => any;
+    default?: (props: typeof __VLS_46) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     viewportEl: import("vue").ComputedRef<HTMLElement | null>;

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-D8xyKXcF.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-Bry1fdOM.js";
 export {
   _sfc_main as default
 };

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

@@ -108,7 +108,7 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     as: "h1" | "h2" | "h3" | "h4" | "p";
-    level: "sm" | "md" | "lg" | "xl";
+    level: "md" | "sm" | "lg" | "xl";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpSection.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSection-aM6J_u51.js";
+import { _ as _sfc_main } from "../chunks/LpSection-tKEH0jYf.js";
 export {
   _sfc_main as default
 };

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

@@ -3,6 +3,11 @@ export interface SegmentedOption {
     label?: string;
     /** Optional iconify name shown before the label (or alone, icon-only). */
     icon?: string;
+    /**
+     * Accessible name for an icon-only segment. Without it the raw `value` is
+     * announced, which is an identifier rather than words.
+     */
+    ariaLabel?: string;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpSegmented.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSegmented-fV0Sk92p.js";
+import { _ as _sfc_main } from "../chunks/LpSegmented-C09EEam2.js";
 export {
   _sfc_main as default
 };

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

@@ -14,6 +14,7 @@ declare const __VLS_export: <V extends SelectValue = string>(__VLS_props: NonNul
         multiple?: boolean;
         clearable?: boolean;
         disabled?: boolean;
+        invalid?: boolean;
         emptyText?: string;
         searchTerm?: string;
         loading?: boolean;

package/dist/components/LpSelect.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSelect-ANIVtrpM.js";
+import { _ as _sfc_main } from "../chunks/LpSelect-DNIL6MB9.js";
 export {
   _sfc_main as default
 };

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

@@ -8,6 +8,12 @@ type __VLS_Props = {
     description?: string;
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
+    /**
+     * A key that toggles the reference, e.g. "F1". Bound only while the dialog
+     * is mounted, also inside inputs and over other overlays, and the browser's
+     * own use of the key (Chrome opens its help page on F1) is suppressed.
+     */
+    hotkey?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:open": (value: boolean) => any;
@@ -17,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     title: string;
     open: boolean;
     glass: boolean;
-    groups: ShortcutGroup[];
     live: boolean;
+    groups: ShortcutGroup[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,32 +1,61 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-Bt0pQCI_.js";
-import { mergeShortcutGroups, activeShortcuts, appleModifierLabel } from "../composables/useHotkeys.js";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-DMMDQHAu.js";
+import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, useHotkeys, appleModifierLabel } from "../composables/useHotkeys.js";
+import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpShortcutsDialog-C6YoQ8_M.css';const _hoisted_1 = { class: "shortcut-groups" };
+import '../assets/LpShortcutsDialog-CqYX3yy6.css';const _hoisted_1 = { class: "shortcut-groups" };
+const _hoisted_2 = ["aria-label", "title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "shortcut-then"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpShortcutsDialog",
   props: {
     open: { type: Boolean, default: false },
     groups: { default: () => [] },
     live: { type: Boolean, default: false },
-    title: { default: "Keyboard shortcuts" },
+    title: { default: void 0 },
     description: {},
-    glass: { type: Boolean, default: void 0 }
+    glass: { type: Boolean, default: void 0 },
+    hotkey: {}
   },
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    function keysOf(combo) {
-      return combo.split(/\+(?!$)/);
+    const text = useLabels("shortcuts", {
+      title: "Keyboard shortcuts",
+      then: "then",
+      conflict: "Also bound elsewhere: only one of them runs",
+      group: "General"
+    });
+    const apple = useAppleKeyboard();
+    function keysOf(chord) {
+      return chord.split(/\+(?!$)/);
+    }
+    function stepsOf(combo) {
+      return combo.trim().split(/\s+/);
     }
     const shown = computed(() => props.live ? mergeShortcutGroups(props.groups, activeShortcuts.value) : props.groups);
     const emit = __emit;
+    useHotkeys(
+      () => props.hotkey ? [
+        {
+          key: props.hotkey,
+          allowInInput: true,
+          overLayers: true,
+          repeat: false,
+          help: { group: text.value.group, label: props.title ?? text.value.title },
+          handler: () => emit("update:open", !props.open)
+        }
+      ] : []
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: props.glass,
         open: props.open,
         size: "lg",
-        title: props.title,
+        title: props.title ?? unref(text).title,
         description: props.description,
         "onUpdate:open": _cache[0] || (_cache[0] = (value) => emit("update:open", value))
       }, {
@@ -44,12 +73,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: entry.combo,
                       class: "shortcut-row"
                     }, [
-                      createElementVNode("dt", null, toDisplayString(entry.label), 1),
+                      createElementVNode("dt", null, [
+                        createTextVNode(toDisplayString(entry.label) + " ", 1),
+                        entry.conflict ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: "shortcut-conflict",
+                          role: "img",
+                          "aria-label": unref(text).conflict,
+                          title: unref(text).conflict
+                        }, "!", 8, _hoisted_2)) : createCommentVNode("", true)
+                      ]),
                       createElementVNode("dd", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(entry.combo), (key, index) => {
-                          return openBlock(), createElementBlock("kbd", {
-                            key: `${key}-${index}`
-                          }, toDisplayString(unref(appleModifierLabel)(key.trim())), 1);
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(stepsOf(entry.combo), (step, stepIndex) => {
+                          return openBlock(), createElementBlock(Fragment, {
+                            key: `${step}-${stepIndex}`
+                          }, [
+                            stepIndex ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(text).then), 1)) : createCommentVNode("", true),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(step), (key, index) => {
+                              return openBlock(), createElementBlock("kbd", {
+                                key: `${key}-${index}`
+                              }, toDisplayString(unref(appleModifierLabel)(key.trim(), unref(apple))), 1);
+                            }), 128))
+                          ], 64);
                         }), 128))
                       ])
                     ]);
@@ -64,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8af3bafc"]]);
+const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c4cf3fa"]]);
 export {
   LpShortcutsDialog as default
 };

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

@@ -23,8 +23,13 @@ type __VLS_Props = {
      * query is active — a hidden match is the same as no match.
      */
     searchable?: boolean;
-    /** Placeholder for that field. */
+    /** Placeholder for that field (defaults to the `search` label). */
     searchPlaceholder?: string;
+    /** Text overrides: `nav` names the landmark, `search` the filter field. */
+    labels?: Partial<{
+        nav: string;
+        search: string;
+    }>;
     /** The query, when the app wants to own it (v-model:search). */
     search?: string;
     /** Show a skeleton placeholder instead of the items. */
@@ -128,7 +133,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:search"?: ((value: string) => any) | undefined;
 }>, {
     variant: "rail" | "panel";
-    searchPlaceholder: string;
     skeletonRows: number;
     skeletonHeader: boolean;
     responsive: boolean;

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-ClBUwoEz.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-CQNB0-yU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-llOcs_Fn.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-kx-LdqNU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSkeleton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSkeleton-CTI-vBgW.js";
+import { _ as _sfc_main } from "../chunks/LpSkeleton-BB6XIV-w.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSlider.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSlider-BwNIBkAK.js";
+import { _ as _sfc_main } from "../chunks/LpSlider-Cuzmrd7p.js";
 export {
   _sfc_main as default
 };

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

@@ -35,6 +35,7 @@ type __VLS_Props = {
      * watched being drawn — not a figure mostly spent easing out.
      */
     duration?: number;
+    labels?: Partial<Record<"empty" | "up" | "down" | "flat" | "latest", string>>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     width: number;

package/dist/components/LpSparkline.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSparkline-C6xQ2dwv.js";
+import { _ as _sfc_main } from "../chunks/LpSparkline-CB80N8SJ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStat.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStat-CQaW8R--.js";
+import { _ as _sfc_main } from "../chunks/LpStat-B-7udBRP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepper.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepper-Bk-XaQYU.js";
+import { _ as _sfc_main } from "../chunks/LpStepper-C7XiVKZj.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwitch.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwitch-Blizvqyt.js";
+import { _ as _sfc_main } from "../chunks/LpSwitch-OrcOJX9m.js";
 export {
   _sfc_main as default
 };