@leavepulse/ui 0.43.1 → 0.43.3

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

@@ -0,0 +1,120 @@
+import { type VariantProps } from "tailwind-variants";
+declare const section: import("tailwind-variants").TVReturnType<{
+    described: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    level: {
+        sm: {
+            title: string;
+        };
+        md: {
+            title: string;
+        };
+        lg: {
+            title: string;
+        };
+        xl: {
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, {
+    described: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    level: {
+        sm: {
+            title: string;
+        };
+        md: {
+            title: string;
+        };
+        lg: {
+            title: string;
+        };
+        xl: {
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+    actions: string;
+}, import("tailwind-variants").TVReturnType<{
+    described: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    level: {
+        sm: {
+            title: string;
+        };
+        md: {
+            title: string;
+        };
+        lg: {
+            title: string;
+        };
+        xl: {
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, unknown, unknown, undefined>>;
+type SectionVariants = VariantProps<typeof section>;
+type __VLS_Props = {
+    title?: string;
+    /** One line under the title. */
+    description?: string;
+    /** Iconify name shown before the title, e.g. "lucide:server". */
+    icon?: string;
+    /** Visual size. Independent of `as`, see the note above. */
+    level?: SectionVariants["level"];
+    /** The heading element to render. Pick it for the document outline. */
+    as?: "h1" | "h2" | "h3" | "h4" | "p";
+};
+type __VLS_Slots = {
+    /** Title markup, when a plain string is not enough. */
+    title?: () => unknown;
+    /** Description markup, when a plain string is not enough. */
+    description?: () => unknown;
+    /** Right-aligned controls: buttons, filters, a count. */
+    actions?: () => unknown;
+    /** Extra content beside the title: a badge, a count, a status dot. */
+    meta?: () => unknown;
+};
+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";
+}, {}, {}, {}, 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/LpSegmented.vue.d.ts

@@ -0,0 +1,30 @@
+export interface SegmentedOption {
+    value: string;
+    label?: string;
+    /** Optional iconify name shown before the label (or alone, icon-only). */
+    icon?: string;
+}
+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;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, 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>;

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

@@ -0,0 +1,47 @@
+export type SelectValue = string | number;
+export interface SelectOption<V extends SelectValue = SelectValue> {
+    value: V;
+    label: string;
+    description?: string;
+}
+declare const __VLS_export: <V extends SelectValue = string>(__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<{
+        modelValue?: V | V[] | undefined;
+        options: SelectOption<V>[];
+        placeholder?: string;
+        searchPlaceholder?: string;
+        searchable?: boolean;
+        multiple?: boolean;
+        clearable?: boolean;
+        disabled?: boolean;
+        emptyText?: string;
+        searchTerm?: string;
+        loading?: boolean;
+        loadingText?: string;
+        /** Trigger height, keyed to --size-control-*. Default "md". */
+        size?: "sm" | "md" | "lg";
+    } & {
+        onChange?: ((value: V) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: V | V[] | undefined) => any) | undefined;
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: {
+        (e: "update:modelValue", value: V | V[] | undefined): void;
+        (e: "change", value: V): void;
+        (e: "update:searchTerm", value: string): void;
+    };
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,14 @@
+export interface ServiceNodeData {
+    name: string;
+    kind?: string;
+    stack?: string;
+    /** Fade the node back (search miss / not part of the focused node's graph). */
+    dimmed?: boolean;
+}
+type __VLS_Props = {
+    data: ServiceNodeData;
+    selected?: boolean;
+};
+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/LpShift.vue.d.ts

@@ -0,0 +1,36 @@
+import { type ShiftAxis } from "../composables/useShift";
+type __VLS_Props = {
+    /**
+     * Which dimension eases. `"width"` for a row that gains/loses controls,
+     * `"height"` for a stack whose content grows, `"both"` when either can.
+     */
+    axis?: ShiftAxis;
+    /** Tween length in ms. Defaults to the kit's `--duration-fast`. */
+    duration?: number;
+    /**
+     * Turn the easing off entirely — the wrapper stays, the box resizes
+     * instantly. For a box that is being driven by something else (a drag, a
+     * canvas), where a tween would fight the thing already animating it.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_1: {
+    resizing: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    resizing: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    axis: ShiftAxis;
+}, {}, {}, {}, 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/LpShortcutsDialog.vue.d.ts

@@ -0,0 +1,24 @@
+import { type ShortcutGroup } from "../composables/useHotkeys";
+type __VLS_Props = {
+    open?: boolean;
+    groups?: ShortcutGroup[];
+    /** Also list the bindings mounted right now (`useHotkeys` with `help`). */
+    live?: boolean;
+    title?: string;
+    description?: string;
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
+    glass?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    open: boolean;
+    glass: boolean;
+    groups: ShortcutGroup[];
+    live: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,146 @@
+import type { SidebarItem, SidebarSection } from "./sidebar";
+export type { SidebarItem, SidebarSection } from "./sidebar";
+type __VLS_Props = {
+    /** Active item id (v-model). Ignored when `isActive` is provided. */
+    modelValue?: string;
+    /** Flat items, or sections for grouped nav. */
+    items?: SidebarItem[];
+    sections?: SidebarSection[];
+    /**
+     * Custom active test — for router-driven nav where "active" is a path-prefix
+     * match (e.g. /billing vs /billing-details), not a simple id compare. When
+     * given it overrides the modelValue check. The consumer owns the routing.
+     */
+    isActive?: (item: SidebarItem) => boolean;
+    /**
+     * Put a filter field above the nav. A hundred-item sidebar is not read, it
+     * is searched: past a screenful, scanning costs more than typing, and every
+     * app that has one had built the same LpInput into the #header slot.
+     *
+     * Filtering is on `label` (and any `keywords` on the item), case- and
+     * accent-insensitive. Sections whose items all fail drop out rather than
+     * leaving a run of empty headings, and a collapsed section opens while a
+     * query is active — a hidden match is the same as no match.
+     */
+    searchable?: boolean;
+    /** Placeholder for that field. */
+    searchPlaceholder?: string;
+    /** The query, when the app wants to own it (v-model:search). */
+    search?: string;
+    /** Show a skeleton placeholder instead of the items. */
+    loading?: boolean;
+    /** Skeleton row count while loading. */
+    skeletonRows?: number;
+    /** Render the user/header skeleton row too (paired with a #header avatar). */
+    skeletonHeader?: boolean;
+    /**
+     * Collapse to a swipeable drawer on phones. Off by default so existing
+     * static-rail usage is unchanged.
+     */
+    responsive?: boolean;
+    /** Drawer open state on mobile (v-model:open). Only used when `responsive`. */
+    open?: boolean;
+    /** Tailwind breakpoint below which the drawer takes over. */
+    mobileBreakpoint?: "sm" | "md" | "lg" | "xl";
+    /** Let a pull from the left screen edge drag the mobile drawer open. */
+    edgeOpen?: boolean;
+    /**
+     * Draw a hairline rule between the #header (logo) and the nav. On by
+     * default — it visually anchors the brand above the items. Pass false for a
+     * flush, header-less look.
+     */
+    divider?: boolean;
+    /**
+     * Where this nav lives.
+     *
+     * `rail` is the app shell's edge: one hairline on the inner side, square
+     * corners, the raised shell background.
+     *
+     * `panel` is a nav that sits inside a page next to the content it drives —
+     * a settings index, a table picker. It is a card: boxed on all four sides
+     * and rounded. Without it the rail's single border reads as a stray line
+     * down the middle of the page, and a consumer cannot cancel it with a class
+     * of their own.
+     */
+    variant?: "rail" | "panel";
+    /**
+     * Rail width. A plain `class` cannot set it — the component's own `w-60`
+     * wins, and the kit does not merge conflicting Tailwind classes — so the
+     * width is a prop. Any CSS length; a page-embedded nav usually wants to
+     * match the column it lives in.
+     */
+    width?: string;
+    /**
+     * Which collapsible groups are folded away (v-model:collapsed). Leave it
+     * unbound to let the sidebar fold long navs on its own — see
+     * `autoCollapseAfter`.
+     */
+    collapsed?: string[];
+    /**
+     * Fold collapsible groups automatically once the nav has more than this
+     * many rows, counting headings and items alike.
+     *
+     * The reason is the reader, not the pixels: a short nav is taken in at a
+     * glance, a long one has to be searched, and searching a list you did not
+     * choose to have is the part that grates. Past the threshold the groups
+     * that are not today's work fold themselves, and the one holding the
+     * current page always stays open.
+     *
+     * 0 turns it off — the app then owns the state through `collapsed`.
+     */
+    autoCollapseAfter?: number;
+};
+declare var __VLS_1: {}, __VLS_18: {
+    item: SidebarItem;
+    active: boolean;
+}, __VLS_20: {}, __VLS_22: {}, __VLS_32: {}, __VLS_49: {
+    item: SidebarItem;
+    active: boolean;
+}, __VLS_51: {}, __VLS_53: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_18) => any;
+} & {
+    actions?: (props: typeof __VLS_20) => any;
+} & {
+    footer?: (props: typeof __VLS_22) => any;
+} & {
+    header?: (props: typeof __VLS_32) => any;
+} & {
+    item?: (props: typeof __VLS_49) => any;
+} & {
+    actions?: (props: typeof __VLS_51) => any;
+} & {
+    footer?: (props: typeof __VLS_53) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (item: SidebarItem) => any;
+    "update:modelValue": (id: string) => any;
+    "update:open": (value: boolean) => any;
+    "update:collapsed": (keys: string[]) => any;
+    "update:search": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: SidebarItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:collapsed"?: ((keys: string[]) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
+}>, {
+    variant: "rail" | "panel";
+    searchPlaceholder: string;
+    skeletonRows: number;
+    skeletonHeader: boolean;
+    responsive: boolean;
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl";
+    divider: boolean;
+    autoCollapseAfter: 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/LpSidebarNav.vue.d.ts

@@ -0,0 +1,54 @@
+import type { SidebarItem, SidebarSection } from "./sidebar";
+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. */
+    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[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "toggle-section": (key: string, collapsed: boolean) => any;
+    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>, {
+    item?: (props: {
+        item: SidebarItem;
+        active: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    rounded?: "control" | "card" | "pill";
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,30 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Accessible name for the thumb when there's no visible label. */
+    ariaLabel?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
+}, 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;
+}>, {
+    max: number;
+    min: number;
+    step: number;
+    modelValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    /** Oldest → newest. `null` breaks the line, as in LpChart. */
+    data: (number | null)[];
+    /** Rendered size in px. The path scales to it; stroke width does not. */
+    width?: number;
+    height?: number;
+    /** Any CSS colour. Defaults to the brand token. */
+    color?: string;
+    /** Named theme tones, for callers that don't want to spell a var(). */
+    tone?: "brand" | "action" | "danger" | "accent" | "muted";
+    /** Fill under the line. */
+    area?: boolean;
+    /** Curve tension, as in LpChart. 0 draws a polyline. */
+    smooth?: number;
+    /** Dot on the final point — "you are here" on a trend. */
+    showLast?: boolean;
+    /**
+     * Pin the vertical range instead of fitting the data. Without it a flat
+     * series fills the box with noise, and two sparklines in one column can't
+     * be compared: each would be scaled to its own extremes.
+     */
+    min?: number;
+    max?: number;
+    /** Accessible description; falls back to a direction + latest value. */
+    ariaLabel?: string;
+    /**
+     * Draw the line on from oldest to newest when it first appears. Turn it off
+     * for a table that renders many at once — dozens of simultaneous sweeps
+     * read as flicker.
+     */
+    animate?: boolean;
+    /**
+     * Draw time in ms. The stroke travels at a near-even rate (see
+     * `--ease-travel`), so this is roughly how long the line is actually
+     * watched being drawn — not a figure mostly spent easing out.
+     */
+    duration?: number;
+};
+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;
+    height: number;
+    animate: boolean;
+    duration: number;
+    smooth: number;
+    tone: "brand" | "action" | "danger" | "accent" | "muted";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,69 @@
+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
+     * 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;
+}, {}, {}, {}, {}, 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>, {
+    trend?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};