@leavepulse/ui 0.43.4 → 0.45.0

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

@@ -0,0 +1,31 @@
+export interface TableFilterOption {
+    value: unknown;
+    label: string;
+    /** Rows holding the value; omitted when unknown (a server-backed table). */
+    count?: number;
+}
+export interface TableFilterLabels {
+    search: string;
+    all: string;
+    none: string;
+    invert: string;
+    only: string;
+    onlyShown: string;
+    addShown: string;
+    noValues: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    options: TableFilterOption[];
+    hidden: ReadonlySet<unknown>;
+    labels: TableFilterLabels;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:hidden": (value: Set<unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    options: TableFilterOption[];
+    hidden: ReadonlySet<unknown>;
+    labels: TableFilterLabels;
+}> & Readonly<{
+    "onUpdate:hidden"?: ((value: Set<unknown>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpTableFilter.vue.js

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

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

@@ -6,13 +6,15 @@ export interface TocLink {
 }
 type __VLS_Props = {
     links: TocLink[];
-    /** Heading shown above the list. */
+    /** Heading shown above the list (defaults to the `title` label). */
     title?: string;
     /** px offset from the top used as the scroll-spy trigger line. */
     offset?: number;
+    labels?: Partial<{
+        title: string;
+    }>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
     offset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpTableOfContents.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTableOfContents-CjvxPMpU.js";
+import { _ as _sfc_main } from "../chunks/LpTableOfContents-BUcAfGPQ.js";
 export {
   _sfc_main as default
 };

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

@@ -6,6 +6,8 @@ export interface TabItem {
 }
 type __VLS_Props = {
     modelValue?: string;
+    /** Initially active tab when `v-model` is not bound (default: the first). */
+    defaultValue?: string;
     items: TabItem[];
     /**
      * "contained" (default) wraps the triggers in a bordered, filled bar.

package/dist/components/LpTabs.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTabs-Cefe_lys.js";
+import { _ as _sfc_main } from "../chunks/LpTabs-29iW1XOx.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,77 @@
+import { type TagDuplicates, type TagRejection, type TagValidator } from "./tags";
+declare const _default: typeof __VLS_export;
+export default _default;
+export type TagsInputLabels = {
+    remove: string;
+    duplicate: string;
+    max: string;
+    added: string;
+    removed: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<{
+    modelValue?: string[];
+    placeholder?: string;
+    /** Characters (or a RegExp) that end a tag while typing and split a paste. */
+    delimiter?: string | readonly string[] | RegExp;
+    /** At most this many tags. */
+    max?: number;
+    /**
+     * "reject" keeps a repeat typed with a note, "ignore" drops it with a passing
+     * note, "allow" keeps it. Either way the tag it repeats pulses.
+     */
+    duplicates?: TagDuplicates;
+    /** Return an error message to refuse a tag. */
+    validate?: TagValidator;
+    /** Applied to each tag before it is checked and stored (trim is always applied). */
+    normalize?: (tag: string) => string;
+    /** Turn leftover text into a tag when the field loses focus. */
+    addOnBlur?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    labels?: Partial<TagsInputLabels>;
+}, {
+    focus: () => void | undefined;
+    add: (value: string) => string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string[]) => any;
+    reject: (rejected: TagRejection[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue?: string[];
+    placeholder?: string;
+    /** Characters (or a RegExp) that end a tag while typing and split a paste. */
+    delimiter?: string | readonly string[] | RegExp;
+    /** At most this many tags. */
+    max?: number;
+    /**
+     * "reject" keeps a repeat typed with a note, "ignore" drops it with a passing
+     * note, "allow" keeps it. Either way the tag it repeats pulses.
+     */
+    duplicates?: TagDuplicates;
+    /** Return an error message to refuse a tag. */
+    validate?: TagValidator;
+    /** Applied to each tag before it is checked and stored (trim is always applied). */
+    normalize?: (tag: string) => string;
+    /** Turn leftover text into a tag when the field loses focus. */
+    addOnBlur?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    labels?: Partial<TagsInputLabels>;
+}> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onReject?: ((rejected: TagRejection[]) => any) | undefined;
+}>, {
+    modelValue: string[];
+    delimiter: string | readonly string[] | RegExp;
+    duplicates: TagDuplicates;
+    addOnBlur: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpTagsInput.vue.js

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

package/dist/components/LpTextarea.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?: string;
     placeholder?: string;
     rows?: number;
@@ -12,11 +14,22 @@ type __VLS_Props = {
      * the <textarea> for native validation.
      */
     required?: 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;
+    placeholder?: string;
+    rows?: number;
+    invalid?: boolean;
+    disabled?: boolean;
+    label?: string;
+    hint?: string;
+    error?: string;
+    /**
+     * Marks the label with the required indicator; the attribute still reaches
+     * the <textarea> for native validation.
+     */
+    required?: boolean;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/LpTextarea.vue.js

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

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

@@ -0,0 +1,22 @@
+import { type Component } from "vue";
+import type { TokenSet } from "../theme/tokens";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    theme: TokenSet;
+    /** Root element. A wrapper that should not affect layout can use `class="contents"`. */
+    as?: string | Component;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    theme: TokenSet;
+    /** Root element. A wrapper that should not affect layout can use `class="contents"`. */
+    as?: string | Component;
+}> & Readonly<{}>, {
+    as: string | Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpThemeProvider.vue.js

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

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

@@ -13,9 +13,9 @@ type __VLS_Props = {
     cycleThemes?: (string | TokenSet)[];
     /**
      * Trigger style:
-     *  - "swatch" (default): a square showing the active theme's brand colour.
+     *  - "swatch" (default): a round chip previewing the theme's surface and brand.
      *  - "icon": a sun/moon icon following the active theme's mode.
-     *  - "pill": swatch + the theme name in a pill (always shows the label).
+     *  - "pill": the chip and the theme name in a rounded pill.
      */
     variant?: "swatch" | "icon" | "pill";
     /** Show the active theme's name next to the trigger (forced on for "pill"). */
@@ -31,6 +31,19 @@ type __VLS_Props = {
     transition?: boolean;
     size?: "sm" | "md" | "lg";
     "aria-label"?: string;
+    /**
+     * Offer a "System" entry in the menu that follows the OS colour scheme,
+     * switching between these two themes (names from `themes`, or TokenSets).
+     */
+    system?: {
+        light: string | TokenSet;
+        dark: string | TokenSet;
+    };
+    /** Text overrides. `trigger` may contain `{name}`. */
+    labels?: Partial<{
+        trigger: string;
+        system: string;
+    }>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (theme: TokenSet) => any;

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-Cue-myST.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-B4aVPbNC.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTilt.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTilt-DuyKbpkA.js";
+import { _ as _sfc_main } from "../chunks/LpTilt-B7KHX1zH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTimeField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTimeField-K6nAGboX.js";
+import { _ as _sfc_main } from "../chunks/LpTimeField-Cqe7fXnh.js";
 export {
   _sfc_main as default
 };

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

@@ -1,3 +1,8 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    labels?: Partial<{
+        dismiss: string;
+    }>;
+};
+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/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-gDB1EaU3.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-DpJvoCOh.js";
 export {
   _sfc_main as default
 };

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

@@ -9,7 +9,7 @@ type __VLS_Props = {
      * adding a description.
      */
     label?: boolean;
-    /** Milliseconds before the tip appears on hover. */
+    /** Milliseconds before the tip appears on hover. Unset follows the provider, else 200. */
     delay?: number;
     /**
      * Show on any focus, not just keyboard focus. Off by default: a tip that
@@ -45,7 +45,6 @@ type __VLS_Slots = {} & {
     content?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    delay: number;
     side: "top" | "right" | "bottom" | "left";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpTooltip.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTooltip-hCLPAqMG.js";
+import { _ as _sfc_main } from "../chunks/LpTooltip-CXVKcOXT.js";
 export {
   _sfc_main as default
 };

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Milliseconds before the first tip appears on hover. */
+    delay?: number;
+    /** How long after a tip closes the next one still opens at once. */
+    skipDelay?: number;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    delay: number;
+    skipDelay: 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/LpTooltipProvider.vue.js

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

package/dist/components/LpTopologyCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-Cm1L39uL.js";
+import { _ as _sfc_main } from "../chunks/LpTopologyCanvas-6ozNrQKh.js";
 export {
   _sfc_main as default
 };

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

@@ -24,6 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * `{ degraded: '#ffb84d' }` to recolour just one state.
      */
     colors?: Partial<Record<UptimeStatus, string>>;
+    /** Status names, for the tooltip and screen readers. */
+    labels?: 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[];
@@ -41,6 +43,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * `{ degraded: '#ffb84d' }` to recolour just one state.
      */
     colors?: Partial<Record<UptimeStatus, string>>;
+    /** Status names, for the tooltip and screen readers. */
+    labels?: Partial<Record<UptimeStatus, string>>;
 }> & Readonly<{}>, {
     showUptime: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpUptimeBar.vue.js

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

package/dist/components/chart.d.ts

@@ -21,6 +21,37 @@ export interface ChartSeries {
     axis?: "left" | "right";
 }
 export type ChartAxis = "left" | "right";
+/**
+ * A reference level drawn across the plot: a line at `value`, or a band from
+ * `value` to `to`. SLOs, budgets, alert thresholds.
+ */
+export interface ChartThreshold {
+    value: number;
+    /** Upper (or lower) edge of a band. Omit for a single line. */
+    to?: number;
+    label?: string;
+    /** Any CSS colour. Defaults to the strong line token. */
+    color?: string;
+    axis?: ChartAxis;
+    /** Solid instead of the default dashed line. */
+    solid?: boolean;
+}
+/**
+ * A vertical marker at one x position: a deploy, an incident, a release.
+ * `at` is a point index or one of the x labels.
+ */
+export interface ChartMarker {
+    at: number | string;
+    label?: string;
+    color?: string;
+}
+/** The x index a marker points at, or -1 when it names nothing on the axis. */
+export declare const markerIndex: (at: number | string, labels: string[], count: number) => number;
+/**
+ * A one-sentence reading of the chart for assistive technology: what is
+ * plotted, over how many points, and each series' range and latest value.
+ */
+export declare const chartSummary: (series: NormalSeries[], labels: string[], fmt: (s: NormalSeries, v: number) => string, title?: string) => string;
 export interface NormalSeries {
     name: string;
     color: string;
@@ -175,6 +206,6 @@ elbow: number,
 run: number, 
 /** Minimum vertical gap between two labels on the same side. */
 spacing: number, height: number) => CalloutLabel[];
-/** Compact default tick formatting: 1.2k, 3.4M — never 1200.0000001. */
+/** Compact default tick formatting: 1.2k, 3.4M — never 1200.0000001 or 1000k. */
 export declare const formatTick: (v: number) => string;
 export {};

package/dist/components/chart.js

@@ -1,3 +1,21 @@
+const markerIndex = (at, labels, count) => {
+  if (typeof at === "number") return Number.isInteger(at) && at >= 0 && at < count ? at : -1;
+  return labels.indexOf(at);
+};
+const chartSummary = (series, labels, fmt, title) => {
+  const parts = [];
+  const span = labels.length ? `${labels.length} points, ${labels[0]} to ${labels[labels.length - 1]}` : "";
+  parts.push([title, span].filter(Boolean).join(", "));
+  for (const s of series) {
+    const values = s.values.filter((v) => v != null);
+    if (!values.length) continue;
+    const last = values[values.length - 1];
+    parts.push(
+      `${s.name}: from ${fmt(s, Math.min(...values))} to ${fmt(s, Math.max(...values))}, latest ${fmt(s, last)}`
+    );
+  }
+  return parts.filter(Boolean).join(". ");
+};
 const plotWidth = (b) => Math.max(0, b.width - b.left - b.right);
 const plotHeight = (b) => Math.max(0, b.height - b.top - b.bottom);
 const CHART_PALETTE = [
@@ -27,8 +45,9 @@ const niceScale = (min, max, ticks) => {
   if (!Number.isFinite(min) || !Number.isFinite(max)) return { min: 0, max: 1, step: 1 };
   if (min === max) {
     const pad = Math.abs(min) || 1;
-    min -= pad / 2;
-    max += pad / 2;
+    min = min >= 0 ? Math.max(0, min - pad / 2) : min - pad / 2;
+    max = max <= 0 ? Math.min(0, max + pad / 2) : max + pad / 2;
+    if (min === max) max = min + pad;
   }
   const raw = (max - min) / Math.max(1, ticks);
   const mag = 10 ** Math.floor(Math.log10(raw));
@@ -278,6 +297,7 @@ const calloutLabels = (angles, cx, cy, radius, elbow, run, spacing, height) => {
       return side === "right" ? a : -a;
     };
     const list = sides[side].sort((p, q) => rank(p.mid) - rank(q.mid));
+    if (!list.length) continue;
     const top = spacing / 2;
     const bottom = height - spacing / 2;
     for (let pass = 0; pass < 24; pass++) {
@@ -324,11 +344,25 @@ const calloutLabels = (angles, cx, cy, radius, elbow, run, spacing, height) => {
   return out;
 };
 const formatTick = (v) => {
+  if (!Number.isFinite(v)) return String(v);
+  const units = [
+    [1e3, "k"],
+    [1e6, "M"],
+    [1e9, "B"],
+    [1e12, "T"]
+  ];
   const abs = Math.abs(v);
-  if (abs >= 1e9) return `${Number((v / 1e9).toFixed(1))}B`;
-  if (abs >= 1e6) return `${Number((v / 1e6).toFixed(1))}M`;
-  if (abs >= 1e3) return `${Number((v / 1e3).toFixed(1))}k`;
-  return String(Number(v.toFixed(2)));
+  let i = units.length - 1;
+  while (i >= 0 && abs < units[i][0]) i--;
+  if (i < 0) {
+    const plain = Number(v.toFixed(2));
+    return Math.abs(plain) >= 1e3 ? formatTick(Math.sign(v) * 1e3) : String(plain);
+  }
+  const scaled = Number((v / units[i][0]).toFixed(1));
+  if (Math.abs(scaled) >= 1e3 && i < units.length - 1) {
+    return `${Number((v / units[i + 1][0]).toFixed(1))}${units[i + 1][1]}`;
+  }
+  return `${scaled}${units[i][1]}`;
 };
 export {
   CHART_PALETTE,
@@ -337,9 +371,11 @@ export {
   axisTicks,
   barPath,
   calloutLabels,
+  chartSummary,
   extent,
   formatTick,
   linePath,
+  markerIndex,
   nearestIndex,
   niceScale,
   normalise,

package/dist/components/codeHighlight.d.ts

@@ -6,3 +6,9 @@ export interface Token {
 }
 /** Tokenize one line into coloured spans. JSON keys get the property colour. */
 export declare function tokenizeLine(line: string, lang: CodeLang): Token[];
+/**
+ * Tokenize a whole snippet, carrying a block comment (`/* … *\/`, `<!-- … -->`)
+ * across the lines it spans. `tokenizeLine` alone sees each line in isolation
+ * and coloured the middle of a doc comment as code.
+ */
+export declare function tokenizeLines(lines: string[], lang: CodeLang): Token[][];