@leavepulse/ui 0.31.0 → 0.32.0

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

@@ -2,23 +2,23 @@ export interface RadioOption {
     value: string;
     label: string;
 }
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     modelValue?: string;
     options?: RadioOption[];
     disabled?: boolean;
-};
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string;
+    options?: RadioOption[];
+    disabled?: boolean;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, 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;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpRadioGroup.vue.js

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

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

@@ -4,21 +4,27 @@ export interface SegmentedOption {
     /** Optional iconify name shown before the label (or alone, icon-only). */
     icon?: string;
 }
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
     modelValue?: string;
     options: SegmentedOption[];
     size?: "sm" | "md";
     /** Stretch to fill the container with equal-width segments. */
     block?: boolean;
     disabled?: boolean;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string;
+    options: SegmentedOption[];
+    size?: "sm" | "md";
+    /** Stretch to fill the container with equal-width segments. */
+    block?: boolean;
+    disabled?: boolean;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: "sm" | "md";
     block: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-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-BmpanyAo.js";
+import { _ as _sfc_main } from "../chunks/LpSegmented-fV0Sk92p.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

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

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

@@ -1,5 +1,7 @@
 import { SidebarItem, SidebarSection } from './sidebar';
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /** Normalised section list (LpSidebar collapses items/sections into this). */
     groups: SidebarSection[];
     /** Shared layoutId so the active pill flies between desktop/drawer renders. */
@@ -14,28 +16,37 @@ type __VLS_Props = {
      * nav itself only reports the intent to change it.
      */
     collapsedKeys?: string[];
-};
-declare var __VLS_63: {
-    item: SidebarItem;
-    active: boolean;
-};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_63) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    activate: (item: SidebarItem) => any;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "toggle-section": (key: string, collapsed: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onActivate?: ((item: SidebarItem) => any) | undefined;
+    activate: (item: SidebarItem) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /** Normalised section list (LpSidebar collapses items/sections into this). */
+    groups: SidebarSection[];
+    /** Shared layoutId so the active pill flies between desktop/drawer renders. */
+    pillId: string;
+    itemActive: (item: SidebarItem) => boolean;
+    loading?: boolean;
+    skeletonRows?: number;
+    skeletonHeader?: boolean;
+    /**
+     * Keys of the groups currently folded away. The owner holds this so the
+     * choice can outlive the component (a setting, a stored preference) — the
+     * nav itself only reports the intent to change it.
+     */
+    collapsedKeys?: string[];
+}> & Readonly<{
     "onToggle-section"?: ((key: string, collapsed: boolean) => any) | undefined;
+    onActivate?: ((item: SidebarItem) => any) | undefined;
 }>, {
     skeletonRows: number;
     skeletonHeader: boolean;
     collapsedKeys: string[];
-}, {}, {}, {}, 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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    item?: (props: {
+        item: SidebarItem;
+        active: boolean;
+    }) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpSidebarNav.vue.js

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

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

@@ -1,4 +1,6 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
     modelValue?: number;
     min?: number;
     max?: number;
@@ -6,11 +8,18 @@ type __VLS_Props = {
     disabled?: boolean;
     /** Accessible name for the thumb when there's no visible label. */
     ariaLabel?: string;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: number) => any;
     "update:modelValue": (value: number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Accessible name for the thumb when there's no visible label. */
+    ariaLabel?: string;
+}> & Readonly<{
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
@@ -19,5 +28,3 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     step: number;
     modelValue: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/LpSlider.vue.js

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

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

@@ -1,4 +1,6 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     label: string;
     /**
      * A string is printed as given; a NUMBER counts to its new value on
@@ -26,18 +28,40 @@ type __VLS_Props = {
     /** For metrics where down is good (latency, errors): swaps the colours so a
      *  downward trend reads as positive (action) and upward as danger. */
     invertTrend?: boolean;
-};
-declare var __VLS_21: {};
-type __VLS_Slots = {} & {
-    trend?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    label: string;
+    /**
+     * A string is printed as given; a NUMBER counts to its new value on
+     * LpNumberFlow's digit wheels. A tile on a live dashboard is the one place
+     * a figure changes while somebody is looking at it, and a value that cuts
+     * from 41 to 43 says nothing about which way it moved.
+     */
+    value: string | number;
+    /** Formatting for a numeric `value` — see LpNumberFlow. */
+    compact?: boolean;
+    grouped?: boolean;
+    decimals?: number;
+    prefix?: string;
+    valueSuffix?: string;
+    hint?: string;
+    icon?: string;
+    online?: boolean;
+    /** Change vs. a previous period. Renders a coloured arrow + this text. A
+     *  number is shown with a sign; a string is shown verbatim (e.g. "+12%"). */
+    delta?: number | string;
+    /** Appended to a numeric delta, e.g. "%". Ignored for string deltas. */
+    deltaSuffix?: string;
+    /** Trend direction. "auto" derives it from a numeric delta's sign. */
+    trend?: "auto" | "up" | "down" | "flat";
+    /** For metrics where down is good (latency, errors): swaps the colours so a
+     *  downward trend reads as positive (action) and upward as danger. */
+    invertTrend?: boolean;
+}> & Readonly<{}>, {
     decimals: number;
     trend: "auto" | "up" | "down" | "flat";
-}, {}, {}, {}, 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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    trend?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpStat.vue.js

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

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

@@ -5,7 +5,9 @@ export interface Step {
     /** Replaces the step number while the step is pending or current. */
     icon?: string;
 }
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
     steps: Step[];
     /**
      * The active step: an index, or a step `key` for keyed flows.
@@ -18,7 +20,17 @@ type __VLS_Props = {
      * prerequisite is filled in, say.
      */
     completed?: Array<string | number>;
-};
-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;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    steps: Step[];
+    /**
+     * The active step: an index, or a step `key` for keyed flows.
+     */
+    current: number | string;
+    /**
+     * Which steps count as done. Omit it and everything before `current` is
+     * complete, which is the linear case. Pass keys (or indices) when a flow can
+     * finish steps out of order — a verification that succeeds before its
+     * prerequisite is filled in, say.
+     */
+    completed?: Array<string | number>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/LpStepper.vue.js

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

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

@@ -1,11 +1,13 @@
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
     modelValue?: boolean;
     disabled?: boolean;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: boolean;
+    disabled?: boolean;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/LpSwitch.vue.js

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

package/dist/components/LpTable.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, withCtx, createVNode, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, TransitionGroup, unref, mergeProps, withModifiers, renderSlot } from "vue";
-import { _ as _sfc_main$3 } from "../chunks/LpCheckbox-BO0zuuPh.js";
+import { _ as _sfc_main$3 } from "../chunks/LpCheckbox-CVccKYaH.js";
 import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-B6WBLleS.js";
 import { _ as _sfc_main$4 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "../chunks/LpScrollArea-D8xyKXcF.js";

package/dist/components/LpTextarea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTextarea-BMIOfw5l.js";
+import { _ as _sfc_main } from "../chunks/LpTextarea-t7F6gv8E.js";
 export {
   _sfc_main as default
 };

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

@@ -5,7 +5,26 @@ export interface UptimeSegment {
     /** Optional rich tooltip body; falls back to a humanised status. */
     label?: string;
 }
-type __VLS_Props = {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    /** Oldest → newest. Each entry is one slice of the timeline. */
+    segments: UptimeSegment[];
+    /** Caption shown under the left edge (oldest point). */
+    startLabel?: string;
+    /** Caption shown under the right edge (newest point). */
+    endLabel?: string;
+    /** Show the computed uptime % above the bar. */
+    showUptime?: boolean;
+    /** Override the headline shown next to the uptime %. */
+    title?: string;
+    /**
+     * Per-status colours. Any CSS colour (hex, rgb, `var(--token)`). Unset
+     * statuses fall back to the theme tokens below. Pass e.g.
+     * `{ degraded: '#ffb84d' }` to recolour just one state.
+     */
+    colors?: Partial<Record<UptimeStatus, string>>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     /** Oldest → newest. Each entry is one slice of the timeline. */
     segments: UptimeSegment[];
     /** Caption shown under the left edge (oldest point). */
@@ -22,9 +41,6 @@ type __VLS_Props = {
      * `{ degraded: '#ffb84d' }` to recolour just one state.
      */
     colors?: Partial<Record<UptimeStatus, string>>;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}> & Readonly<{}>, {
     showUptime: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/LpUptimeBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpUptimeBar-DcQ8HikG.js";
+import { _ as _sfc_main } from "../chunks/LpUptimeBar-DvAMno0S.js";
 export {
   _sfc_main as default
 };

package/dist/composables/useMergedClass.d.ts

@@ -14,6 +14,26 @@ import { ComputedRef, MaybeRefOrGetter } from 'vue';
  * so the raw `class` does not land on the element a second time, unmerged.
  */
 export declare function useMergedClass(own: MaybeRefOrGetter<string | undefined>): ComputedRef<string>;
+/**
+ * `useMergedClass` plus the rest of `$attrs`, for the common `inheritAttrs:
+ * false` shape: bind `class` and `attrs` and the consumer's `class` lands once,
+ * merged, while ids, handlers and aria-* still reach the element.
+ *
+ * ```ts
+ * const { class: rootClass, attrs: rest } = useMergedAttrs(() => card({ padded }))
+ * ```
+ * ```vue
+ * <div :class="rootClass" v-bind="rest">
+ * ```
+ *
+ * Binding the raw `$attrs` alongside a merged class is the bug this avoids:
+ * Vue appends that second `class` to the merged one, and stylesheet order —
+ * not the caller — decides which wins.
+ */
+export declare function useMergedAttrs(own: MaybeRefOrGetter<string | undefined>): {
+    class: ComputedRef<string>;
+    attrs: ComputedRef<Record<string, unknown>>;
+};
 /**
  * The same merge as a plain function, for the places that already have both
  * strings in hand and do not need the attrs lookup — a render helper, or a

package/dist/composables/useMergedClass.js

@@ -4,10 +4,21 @@ function useMergedClass(own) {
   const attrs = useAttrs();
   return computed(() => cn(toValue(own), attrs.class) ?? "");
 }
+function useMergedAttrs(own) {
+  const attrs = useAttrs();
+  return {
+    class: useMergedClass(own),
+    attrs: computed(() => {
+      const { class: _omitted, ...rest } = attrs;
+      return rest;
+    })
+  };
+}
 function mergeClass(...classes) {
   return cn(...classes) ?? "";
 }
 export {
   mergeClass,
+  useMergedAttrs,
   useMergedClass
 };

package/dist/index.d.ts

@@ -56,6 +56,7 @@ export { fileNameOf } from './components/lightbox';
 export { default as LpLink } from './components/LpLink.vue';
 export { default as LpLogViewer } from './components/LpLogViewer.vue';
 export type { LogLevel, LogLine } from './components/LpLogViewer.vue';
+export { default as LpMediaGallery } from './components/LpMediaGallery.vue';
 export { default as LpModal } from './components/LpModal.vue';
 export { default as LpNotificationBell } from './components/LpNotificationBell.vue';
 export type { NotificationItem, NotificationLabels, } from './components/LpNotificationBell.vue';
@@ -134,6 +135,7 @@ export { useClipboard } from './composables/useClipboard';
 export type { CopyOptions, UseClipboard } from './composables/useClipboard';
 export { useHotkeys, isAppleKeyboard, appleModifierLabel } from './composables/useHotkeys';
 export type { HotkeyBinding } from './composables/useHotkeys';
+export { useMergedClass, useMergedAttrs, mergeClass } from './composables/useMergedClass';
 export { useInputFilter } from './composables/useInputFilter';
 export type { UseInputFilterOptions } from './composables/useInputFilter';
 export { easeOut, easeTravel, easingToken, prefersReducedMotion } from './composables/easing';