@leavepulse/ui 0.43.3 → 0.44.0

package/dist/components/LpTable.vue.js

@@ -1,13 +1,15 @@
-import { defineComponent, useAttrs, computed, ref, shallowRef, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, createElementVNode, createCommentVNode, Fragment, renderList, normalizeStyle, createBlock, createTextVNode, toDisplayString, TransitionGroup, unref, withModifiers, renderSlot, nextTick } from "vue";
-import { _ as _sfc_main$3 } from "../chunks/LpCheckbox-CVccKYaH.js";
-import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-CwW1QXe_.js";
+import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, createElementVNode, createCommentVNode, Fragment, renderList, normalizeStyle, createBlock, createTextVNode, toDisplayString, TransitionGroup, unref, withModifiers, renderSlot, nextTick } from "vue";
+import { _ as _sfc_main$3 } from "../chunks/LpCheckbox-DpqchzH4.js";
+import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-DQw5dGfG.js";
 import { _ as _sfc_main$4 } from "../chunks/LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "../chunks/LpPagination-5FxjmmB5.js";
+import { _ as _sfc_main$5 } from "../chunks/LpPagination-DFngX7Xo.js";
 import { _ as _sfc_main$1 } from "../chunks/LpScrollArea-D8xyKXcF.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useRovingFocus } from "../composables/useRovingFocus.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { compareValues } from "./tableSort.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-BgPLJOXa.css';const _hoisted_1 = { class: "border-b border-line bg-surface-soft" };
+import '../assets/LpTable-DDQNdf86.css';const _hoisted_1 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_2 = {
   key: 0,
   class: "w-px px-4 py-3"
@@ -30,26 +32,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     load: {},
     pageSize: { default: 25 },
     debounce: { default: 150 },
-    loadingLabel: { default: "Loading…" },
-    errorLabel: { default: "Could not load" },
+    loadingLabel: {},
+    errorLabel: {},
     rowKey: {},
-    emptyLabel: { default: "Nothing here yet" },
+    emptyLabel: {},
     emptyIcon: { default: "lucide:inbox" },
     selectable: { type: Boolean, default: false },
     selected: { default: () => [] },
-    sort: { default: null },
+    sort: { default: void 0 },
     stickyHeader: { type: Boolean },
     rowMenu: {},
-    sortAscLabel: { default: "Sort ascending" },
-    sortDescLabel: { default: "Sort descending" },
-    sortClearLabel: { default: "Clear sorting" },
-    filterLabel: { default: "Show only" },
-    showAllLabel: { default: "Show all" },
-    columnsLabel: { default: "Columns" }
+    sortAscLabel: {},
+    sortDescLabel: {},
+    sortClearLabel: {},
+    filterLabel: {},
+    showAllLabel: {},
+    columnsLabel: {},
+    labels: {}
   },
   emits: ["update:selected", "update:sort", "rowClick"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const labelSet = useLabels(
+      "table",
+      {
+        loading: "Loading…",
+        error: "Could not load",
+        empty: "Nothing here yet",
+        sortAsc: "Sort ascending",
+        sortDesc: "Sort descending",
+        sortClear: "Clear sorting",
+        filter: "Show only",
+        showAll: "Show all",
+        columns: "Columns"
+      },
+      () => props.labels
+    );
+    const text = computed(() => ({
+      ...labelSet.value,
+      loading: props.loadingLabel ?? labelSet.value.loading,
+      error: props.errorLabel ?? labelSet.value.error,
+      empty: props.emptyLabel ?? labelSet.value.empty,
+      sortAsc: props.sortAscLabel ?? labelSet.value.sortAsc,
+      sortDesc: props.sortDescLabel ?? labelSet.value.sortDesc,
+      sortClear: props.sortClearLabel ?? labelSet.value.sortClear,
+      filter: props.filterLabel ?? labelSet.value.filter,
+      showAll: props.showAllLabel ?? labelSet.value.showAll,
+      columns: props.columnsLabel ?? labelSet.value.columns
+    }));
     const attrs = useAttrs();
     const rootClass = computed(() => attrs.class);
     const scrollAttrs = computed(() => {
@@ -60,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function keyFor(row, index) {
       if (typeof props.rowKey === "function") return props.rowKey(row);
       if (props.rowKey) return row[props.rowKey];
-      return index;
+      return sourceIndex.value.get(row) ?? index;
     }
     function alignClass(align) {
       if (align === "right") return "text-right";
@@ -79,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return [...row, { ...table[0], separatorBefore: true }, ...table.slice(1)];
     });
     const ownSort = ref(null);
-    const activeSort = computed(() => props.sort ?? ownSort.value);
+    const activeSort = computed(() => props.sort !== void 0 ? props.sort : ownSort.value);
     const loaded = shallowRef([]);
     const total = ref(0);
     const facets = ref({});
@@ -88,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const task = useAsyncTask();
     const loading = task.pending;
     const sourceRows = computed(() => props.load ? loaded.value : props.rows);
+    const sourceIndex = computed(() => new Map(sourceRows.value.map((row, i) => [row, i])));
     const tableEl = ref(null);
     const floor = ref(0);
     async function holdHeight() {
@@ -154,15 +185,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const col = props.columns.find((c) => c.key === s.key);
       if (!col?.sortable) return filteredRows.value;
       const factor = s.dir === "asc" ? 1 : -1;
-      return [...filteredRows.value].sort((a, b) => compare(a[s.key], b[s.key]) * factor);
+      const own = col.compare;
+      const value = col.sortValue ?? ((row) => row[s.key]);
+      return [...filteredRows.value].sort(
+        (a, b) => (own ? own(a, b) : compareValues(value(a), value(b))) * factor
+      );
     });
-    function compare(a, b) {
-      if (a == null && b == null) return 0;
-      if (a == null) return -1;
-      if (b == null) return 1;
-      if (typeof a === "number" && typeof b === "number") return a - b;
-      return String(a).localeCompare(String(b), void 0, { numeric: true });
-    }
     function toggleSort(col) {
       if (!col.sortable) return;
       const s = activeSort.value;
@@ -190,19 +218,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (col.sortable) {
         items.push(
           {
-            label: props.sortAscLabel,
+            label: text.value.sortAsc,
             icon: "lucide:arrow-up",
             disabled: s?.key === col.key && s.dir === "asc",
             onSelect: set({ key: col.key, dir: "asc" })
           },
           {
-            label: props.sortDescLabel,
+            label: text.value.sortDesc,
             icon: "lucide:arrow-down",
             disabled: s?.key === col.key && s.dir === "desc",
             onSelect: set({ key: col.key, dir: "desc" })
           },
           {
-            label: props.sortClearLabel,
+            label: text.value.sortClear,
             icon: "lucide:x",
             disabled: !s,
             onSelect: set(null)
@@ -212,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (col.filterable) {
         const hidden = hiddenValues.value[col.key];
         items.push({
-          label: props.filterLabel,
+          label: text.value.filter,
           icon: "lucide:filter",
           separatorBefore: items.length > 0,
           children: [
@@ -222,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onSelect: () => toggleValue(col.key, value)
             })),
             {
-              label: props.showAllLabel,
+              label: text.value.showAll,
               icon: "lucide:list",
               separatorBefore: true,
               disabled: !hidden?.size,
@@ -238,7 +266,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!offered.length) return [];
       return [
         {
-          label: props.columnsLabel,
+          label: text.value.columns,
           icon: "lucide:columns-3",
           children: offered.map((col) => ({
             label: col.label,
@@ -261,6 +289,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       task.run((signal) => load(query, signal), {
         delay,
         apply: (result) => {
+          const last = Math.max(1, Math.ceil(result.total / props.pageSize));
+          if (page.value > last) {
+            page.value = last;
+            return;
+          }
           loaded.value = result.rows;
           total.value = result.total;
           facets.value = result.facets ?? {};
@@ -281,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.load, () => fetchPage(), { immediate: true });
     __expose({ reload: () => fetchPage() });
     const selectedSet = computed(() => new Set(props.selected));
-    const allKeys = computed(() => sourceRows.value.map((r, i) => keyFor(r, i)));
+    const allKeys = computed(() => filteredRows.value.map((r, i) => keyFor(r, i)));
     const allChecked = computed(
       () => allKeys.value.length > 0 && allKeys.value.every((k) => selectedSet.value.has(k))
     );
@@ -289,7 +322,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => !allChecked.value && allKeys.value.some((k) => selectedSet.value.has(k))
     );
     function toggleAll(checked) {
-      emit("update:selected", checked ? [...allKeys.value] : []);
+      const next = new Set(selectedSet.value);
+      for (const key of allKeys.value) {
+        if (checked) next.add(key);
+        else next.delete(key);
+      }
+      emit("update:selected", [...next]);
     }
     function toggleRow(key, checked) {
       const next = new Set(selectedSet.value);
@@ -297,7 +335,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else next.delete(key);
       emit("update:selected", [...next]);
     }
-    const colSpan = computed(() => props.columns.length + (props.selectable ? 1 : 0));
+    const colSpan = computed(() => visibleColumns.value.length + (props.selectable ? 1 : 0));
     const rovingItems = computed(
       () => displayRows.value.map((row, index) => ({
         id: String(keyFor(row, index)),
@@ -452,7 +490,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             size: 22,
                             class: normalizeClass(["mx-auto mb-2 opacity-60", unref(loading) ? "animate-spin" : ""])
                           }, null, 8, ["name", "class"]),
-                          createElementVNode("div", null, toDisplayString(unref(loading) ? __props.loadingLabel : failed.value ? __props.errorLabel : __props.emptyLabel), 1)
+                          createElementVNode("div", null, toDisplayString(unref(loading) ? text.value.loading : failed.value ? text.value.error : text.value.empty), 1)
                         ], 8, _hoisted_6)
                       ])) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(displayRows.value, (row, index) => {
@@ -512,7 +550,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e0bb036b"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ebce6d15"]]);
 export {
   LpTable 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-_qMVaZJ6.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-yP8hGedR.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-Wjm7Tuit.js";
+export {
+  _sfc_main as default
+};

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

@@ -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-CKLc10KZ.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-C5HRgS5H.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--oT6lfhL.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-CBdzeKNf.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-DocsLal3.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-DLtxOMRy.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 = [
@@ -278,6 +296,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 +343,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 +370,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[][];