@leavepulse/ui 0.71.1 → 0.72.0

package/dist/components/LpTabs.vue.js

@@ -1,22 +1,15 @@
-import { defineComponent, computed, ref, watch, nextTick, useId, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, Transition, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, computed, ref, watch, nextTick, useId, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, renderSlot } from "vue";
 import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCommands.js";
 import { Motion } from "motion-v";
 import { TabsRoot, TabsList, TabsTrigger, TabsContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { prefersReducedMotion } from "../composables/easing.js";
-import { _ as _sfc_main$3 } from "../chunks/AttentionDot-DCBf4aWg.js";
-import { _ as _sfc_main$4 } from "../chunks/LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$2 } from "../chunks/LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$5 } from "../chunks/LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$6 } from "../chunks/LpSkeleton-BB6XIV-w.js";
-import { pickTab } from "./tabs.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main$3 } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$2 } from "../chunks/LpTabFace-D6BMCbAP.js";
+import { pickTab, BOTTOM_BAR, BOTTOM_ITEM, BOTTOM_MARKER } from "./tabs.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTabs-CO3EcsNV.css';const _hoisted_1 = {
-  key: 1,
-  class: "relative z-10 inline-flex"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/LpTabs-CDchzoRL.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTabs",
   props: {
     modelValue: {},
@@ -26,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     accent: { type: Boolean, default: false },
     block: { type: Boolean, default: false },
     label: {},
-    hoverFollow: { type: Boolean, default: true }
+    hoverFollow: { type: Boolean, default: true },
+    compact: { type: Boolean, default: false }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -94,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref_key: "list",
             ref: list,
             "aria-label": __props.label,
-            class: normalizeClass(bottom.value ? "grid w-full auto-cols-fr grid-flow-col border-t border-line bg-surface pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]" : [
+            class: normalizeClass(bottom.value ? unref(BOTTOM_BAR) : [
               "max-w-full gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
               __props.block ? "flex w-full" : "inline-flex",
               __props.variant === "contained" ? "rounded-control border border-line bg-surface-soft p-1" : "",
@@ -114,8 +108,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createVNode(unref(TabsTrigger), {
                       value: item.value,
                       disabled: item.disabled,
+                      title: __props.compact && item.icon && !bottom.value ? item.label : void 0,
                       class: normalizeClass(["relative inline-flex items-center justify-center outline-none transition-[color,opacity] duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45", [
-                        bottom.value ? "min-h-14 min-w-0 flex-col gap-0.5 px-1 py-1.5 text-[11px] font-medium focus-visible:ring-inset" : "shrink-0 gap-1.5 whitespace-nowrap text-sm",
+                        bottom.value ? unref(BOTTOM_ITEM) : "shrink-0 gap-1.5 whitespace-nowrap text-sm",
                         __props.block && !bottom.value ? "flex-1" : "",
                         __props.variant === "underline" ? "rounded-t-inner px-3 pt-1.5 pb-2" : "",
                         __props.variant === "contained" || __props.variant === "plain" ? "rounded-inner px-3 py-1.5" : "",
@@ -133,67 +128,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass(__props.variant === "underline" ? [
                             "absolute inset-x-0 -bottom-px z-0 h-0.5 rounded-full",
                             __props.accent ? "bg-brand" : "bg-ink"
-                          ] : bottom.value ? [
-                            "absolute inset-x-[22%] top-0 z-0 h-0.5 rounded-b-full",
-                            __props.accent ? "bg-brand" : "bg-ink"
-                          ] : [
+                          ] : bottom.value ? [unref(BOTTOM_MARKER), __props.accent ? "bg-brand" : "bg-ink"] : [
                             "absolute inset-0 z-0 rounded-inner shadow-sm",
                             __props.accent ? "border border-brand/35 bg-brand/12" : "border border-line bg-surface-raised"
                           ])
                         }, null, 8, ["transition", "class"])) : createCommentVNode("", true),
-                        item.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [
-                          createVNode(_sfc_main$2, {
-                            name: item.icon,
-                            size: bottom.value ? 22 : 14
-                          }, null, 8, ["name", "size"]),
-                          item.dot ? (openBlock(), createBlock(_sfc_main$3, {
-                            key: 0,
-                            corner: ""
-                          })) : createCommentVNode("", true),
-                          createVNode(Transition, { name: "lp-tab-badge" }, {
-                            default: withCtx(() => [
-                              bottom.value && item.badge != null ? (openBlock(), createBlock(_sfc_main$4, {
-                                key: 0,
-                                size: "sm",
-                                tone: current.value === item.value ? "brand" : "neutral",
-                                class: "absolute -right-3 -top-1.5 min-w-[18px] justify-center"
-                              }, {
-                                default: withCtx(() => [
-                                  createVNode(_sfc_main$5, {
-                                    value: item.badge
-                                  }, null, 8, ["value"])
-                                ]),
-                                _: 2
-                              }, 1032, ["tone"])) : createCommentVNode("", true)
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ])) : createCommentVNode("", true),
-                        createElementVNode("span", {
-                          class: normalizeClass(["relative z-10", bottom.value ? "max-w-full truncate" : ""])
-                        }, toDisplayString(item.label), 3),
-                        item.dot && !item.icon ? (openBlock(), createBlock(_sfc_main$3, { key: 2 })) : createCommentVNode("", true),
-                        createVNode(Transition, { name: "lp-tab-badge" }, {
-                          default: withCtx(() => [
-                            !(bottom.value && item.icon) && item.badge != null ? (openBlock(), createBlock(_sfc_main$4, {
-                              key: 0,
-                              size: "sm",
-                              tone: current.value === item.value ? "brand" : "neutral",
-                              class: "relative z-10 min-w-[18px] justify-center"
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_sfc_main$5, {
-                                  value: item.badge
-                                }, null, 8, ["value"])
-                              ]),
-                              _: 2
-                            }, 1032, ["tone"])) : createCommentVNode("", true)
-                          ]),
-                          _: 2
-                        }, 1024)
+                        createVNode(_sfc_main$2, {
+                          item,
+                          bottom: bottom.value,
+                          compact: __props.compact,
+                          active: current.value === item.value
+                        }, null, 8, ["item", "bottom", "compact", "active"])
                       ]),
                       _: 2
-                    }, 1032, ["value", "disabled", "class", "onPointerenter"])
+                    }, 1032, ["value", "disabled", "title", "class", "onPointerenter"])
                   ]),
                   _: 2
                 }, 1032, ["items", "title", "title-icon"]);
@@ -203,12 +151,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: `skeleton-${n}`,
                   class: normalizeClass(["flex items-center justify-center", bottom.value ? "min-h-14 flex-col gap-1.5 py-1.5" : "px-1 py-1.5"])
                 }, [
-                  bottom.value ? (openBlock(), createBlock(_sfc_main$6, {
+                  bottom.value ? (openBlock(), createBlock(_sfc_main$3, {
                     key: 0,
                     rounded: "pill",
                     class: "size-5"
                   })) : createCommentVNode("", true),
-                  createVNode(_sfc_main$6, {
+                  createVNode(_sfc_main$3, {
                     class: normalizeClass(bottom.value ? "h-2.5 w-10" : "h-5 w-16")
                   }, null, 8, ["class"])
                 ], 2);
@@ -247,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c920d5a"]]);
+const LpTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9f51a497"]]);
 export {
   LpTabs as default
 };

package/dist/components/LpTagsInput.vue.js

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

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

@@ -17,7 +17,17 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * the <textarea> for native validation.
      */
     required?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    /**
+     * Grows with what is typed, wrapped lines included, from `rows` up to
+     * `maxRows`, then scrolls; the drag handle goes, since the height is the
+     * text's. For a composer, where a fixed box is either cramped or empty.
+     */
+    autosize?: boolean;
+    maxRows?: number;
+}, {
+    el: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+    fit: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** Contextual palette metadata; false excludes this control. */
@@ -35,8 +45,16 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * the <textarea> for native validation.
      */
     required?: boolean;
+    /**
+     * Grows with what is typed, wrapped lines included, from `rows` up to
+     * `maxRows`, then scrolls; the drag handle goes, since the height is the
+     * text's. For a composer, where a fixed box is either cramped or empty.
+     */
+    autosize?: boolean;
+    maxRows?: number;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     palette: PaletteControlOptions;
+    maxRows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpTextarea.vue.js

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

package/dist/components/LpThemeProvider.vue.js

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

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

@@ -35,13 +35,13 @@ type __VLS_Props = {
 };
 declare var __VLS_14: {
     studio: ThemeStudio;
-}, __VLS_74: {
+}, __VLS_89: {
     studio: ThemeStudio;
 };
 type __VLS_Slots = {} & {
     start?: (props: typeof __VLS_14) => any;
 } & {
-    end?: (props: typeof __VLS_74) => any;
+    end?: (props: typeof __VLS_89) => 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>;

package/dist/components/LpThemeStudio.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeStudio-B2nPaG-h.js";
+import { _ as _sfc_main } from "../chunks/LpThemeStudio-DWtG6OZZ.js";
 export {
   _sfc_main as default
 };

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

@@ -1,9 +1,12 @@
 type __VLS_Props = {
     label: string;
+    inline?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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>;

package/dist/components/LpThemeStudioSection.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeStudioSection-BwhqYDLf.js";
+import { _ as _sfc_main } from "../chunks/LpThemeStudioSection-B7bt8Iyg.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-C0A5sg_E.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-Dcx-VkSk.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTimeField.vue.js

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

package/dist/components/LpToaster.vue.js

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

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

@@ -120,13 +120,15 @@ type __VLS_Props = {
     minimap?: boolean;
     controls?: boolean;
 };
+declare const fitView: import("@vue-flow/core").FitView;
+declare function fitFramed(params?: Parameters<typeof fitView>[0]): Promise<boolean>;
 declare function applyViewport(v: CanvasViewport): Promise<void>;
 declare var __VLS_29: {};
 type __VLS_Slots = {} & {
     'legend-extra'?: (props: typeof __VLS_29) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
-    fitView: import("@vue-flow/core").FitView;
+    fitView: typeof fitFramed;
     setViewport: typeof applyViewport;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     connect: (value: Connection) => any;

package/dist/components/LpTopologyCanvas.vue.js

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

package/dist/components/LpTour.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTour-BgCfNlaW.js";
+import { _ as _sfc_main } from "../chunks/LpTour-DC3LTlxg.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTruncate.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTruncate-TcqfkyJM.js";
+import { _ as _sfc_main } from "../chunks/LpTruncate-Ced4gquB.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpUptimeBar.vue.js

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

package/dist/components/MenuTitle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/MenuTitle-Dab3EGOp.js";
+import { _ as _sfc_main } from "../chunks/MenuTitle-BmCNNTKH.js";
 export {
   _sfc_main as default
 };

package/dist/components/OptionContent.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/OptionContent-DPzNsybd.js";
+import { _ as _sfc_main } from "../chunks/OptionContent-22UT8zLn.js";
 export {
   _sfc_main as default
 };

package/dist/components/PickerField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/PickerField-DwLw7j0L.js";
+import { _ as _sfc_main } from "../chunks/PickerField-Bfh8id3d.js";
 export {
   _sfc_main as default
 };

package/dist/components/RevealToggle.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/RevealToggle-BVFM_FAU.js";
+import { _ as _sfc_main } from "../chunks/RevealToggle-B0ITuIX-.js";
 export {
   _sfc_main as default
 };

package/dist/components/TourCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/TourCard--2IfgnUU.js";
+import { _ as _sfc_main } from "../chunks/TourCard-CBkj1GYi.js";
 export {
   _sfc_main as default
 };

package/dist/components/chart.d.ts

@@ -19,6 +19,13 @@ export interface ChartSeries {
      * own scale and its own ticks.
      */
     axis?: "left" | "right";
+    /**
+     * Start with this series switched off, the legend turning it back on. For a
+     * series worth having but loud next to the rest: messages in thousands beside
+     * people in tens flatten the people line on a shared axis until they are
+     * hidden, so the chart opens on the readable view.
+     */
+    hidden?: boolean;
 }
 export type ChartAxis = "left" | "right";
 /**
@@ -45,6 +52,13 @@ export interface ChartMarker {
     label?: string;
     color?: string;
 }
+/**
+ * Which x labels to print with every `stride`-th one shown. The last point is
+ * always labelled (it is usually "now"), and when it lands within half a
+ * stride to the previous shown label that one gives way: "20 22 23" read as
+ * one smudge at the end of an hourly axis.
+ */
+export declare function xLabelIndices(count: number, stride: number): number[];
 /** 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;
 /**

package/dist/components/chart.js

@@ -1,4 +1,16 @@
 import { compactNumber } from "./format.js";
+function xLabelIndices(count, stride) {
+  if (count <= 0) return [];
+  const step = Math.max(1, Math.floor(stride));
+  const out = [];
+  for (let i = 0; i < count; i += step) out.push(i);
+  const last = count - 1;
+  if (out[out.length - 1] !== last) {
+    if (out.length > 1 && last - out[out.length - 1] <= step / 2) out.pop();
+    out.push(last);
+  }
+  return out;
+}
 const markerIndex = (at, labels, count) => {
   if (typeof at === "number") return Number.isInteger(at) && at >= 0 && at < count ? at : -1;
   return labels.indexOf(at);
@@ -383,5 +395,6 @@ export {
   resolveLabels,
   resolveSlices,
   xAt,
+  xLabelIndices,
   yAt
 };

package/dist/components/format.d.ts

@@ -17,10 +17,16 @@ export interface CompactNumberOptions {
     /**
      * Writes the decimal separator the locale's way ("1,2k" in Russian). The
      * k/M/B/T suffixes stay: Intl's own compact notation changes the shape of
-     * the figure per locale ("1,2 тыс."), which a tick label or a rolling
-     * counter cannot absorb. Unset keeps a plain "." whatever the browser says.
+     * the figure per locale ("1,2 тыс."), which a tick label cannot absorb.
+     * Unset keeps a plain "." whatever the browser says.
      */
     locale?: string;
+    /**
+     * With a locale, write the unit as that locale does: "11,9 тыс." in Russian.
+     * For a figure read on its own (a stat tile, a counter), where "11,9k" looks
+     * foreign; not for axis ticks, where the longer word crowds the axis.
+     */
+    words?: boolean;
     /** Places for a figure below a thousand (12.25). Default 2. */
     plainDecimals?: number;
     /** Places once a unit is in play (1.2k). Default 1. */
@@ -32,7 +38,8 @@ export interface CompactNumberOptions {
     fixed?: boolean;
 }
 /**
- * A figure shortened with k/M/B/T: 1 200 → "1.2k", 3 400 000 → "3.4M".
+ * A figure shortened with k/M/B/T: 1 200 → "1.2k", 3 400 000 → "3.4M"; with
+ * `words` and a locale in that locale's own words, "1,2 тыс." in Russian.
  *
  * The unit is picked by what will PRINT, not by the raw size: 999 950 at one
  * place rounds to "1000k", which reads as the next unit up, so it becomes

package/dist/components/format.js

@@ -39,9 +39,21 @@ const COMPACT_UNITS = [
   [1e9, "B"],
   [1e12, "T"]
 ];
+const compactSuffixes = /* @__PURE__ */ new Map();
+function compactSuffix(locale, step) {
+  const key = `${locale}|${step}`;
+  let found = compactSuffixes.get(key);
+  if (found === void 0) {
+    const parts = numberFormat(locale, { notation: "compact", compactDisplay: "short" }).formatToParts(COMPACT_UNITS[step][0]);
+    const at = parts.findIndex((p) => p.type === "compact");
+    found = at < 0 ? COMPACT_UNITS[step][1] : (parts[at - 1]?.type === "literal" ? parts[at - 1].value : "") + parts[at].value;
+    compactSuffixes.set(key, found);
+  }
+  return found;
+}
 function compactNumber(value, options = {}) {
   if (!Number.isFinite(value)) return String(value);
-  const { locale, plainDecimals = 2, decimals = 1, fixed = false } = options;
+  const { locale, plainDecimals = 2, decimals = 1, fixed = false, words = false } = options;
   const abs = Math.abs(value);
   let i = COMPACT_UNITS.length - 1;
   while (i > 0 && abs < COMPACT_UNITS[i][0]) i--;
@@ -59,7 +71,7 @@ function compactNumber(value, options = {}) {
     maximumFractionDigits: places,
     useGrouping: false
   }).format(scaled);
-  return `${number}${COMPACT_UNITS[i][1]}`;
+  return `${number}${words && locale !== void 0 && i > 0 ? compactSuffix(locale, i) : COMPACT_UNITS[i][1]}`;
 }
 function decimalMark(locale) {
   return numberFormat(locale, {}).formatToParts(1.5).find((p) => p.type === "decimal")?.value ?? ".";

package/dist/components/menuWhen.js

@@ -1,5 +1,5 @@
 import { defineComponent, h } from "vue";
-import { _ as _sfc_main } from "../chunks/LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-rx2tCjwk.js";
 const MenuWhen = defineComponent({
   name: "MenuWhen",
   inheritAttrs: false,

package/dist/components/rolling.d.ts

@@ -0,0 +1,5 @@
+export declare function splitChange(before: string, after: string): {
+    head: string;
+    mid: string;
+    tail: string;
+};

package/dist/components/rolling.js

@@ -0,0 +1,23 @@
+const LETTER = new RegExp("\\p{L}", "u");
+function letter(ch) {
+  return ch !== void 0 && LETTER.test(ch);
+}
+function splitChange(before, after) {
+  if (before === after) return { head: "", mid: after, tail: "" };
+  const a = [...before];
+  const b = [...after];
+  let head = 0;
+  while (head < a.length && head < b.length && a[head] === b[head]) head++;
+  while (head > 0 && letter(b[head - 1]) && (letter(b[head]) || letter(a[head]))) head--;
+  let tail = 0;
+  while (tail < a.length - head && tail < b.length - head && a[a.length - 1 - tail] === b[b.length - 1 - tail]) tail++;
+  while (tail > 0 && letter(b[b.length - tail]) && (letter(b[b.length - tail - 1]) || letter(a[a.length - tail - 1]))) tail--;
+  return {
+    head: b.slice(0, head).join(""),
+    mid: b.slice(head, b.length - tail).join(""),
+    tail: b.slice(b.length - tail).join("")
+  };
+}
+export {
+  splitChange
+};

package/dist/components/sidebar.d.ts

@@ -1,3 +1,4 @@
+import type { Component } from "vue";
 import type { ContextMenuItemDef } from "./LpContextMenu.vue";
 export interface SidebarItem {
     id: string;
@@ -27,6 +28,38 @@ export interface SidebarItem {
      * "invoice", a page found by the feature it used to be called.
      */
     keywords?: string[];
+    /**
+     * Pages under this one, one level deep: folded under the row and opened
+     * while one of them is the current page, so a section's tabs are a click
+     * away without opening the section first. In a compact sidebar they open in
+     * a card beside the icon.
+     */
+    children?: SidebarItem[];
+    /** A dot instead of a count: something new here that has no number to it. */
+    dot?: boolean;
+    /**
+     * The keys that open this page ("G D"), shown at the row's end on hover and
+     * in the compact card. Display only: the app binds the keys.
+     */
+    hotkey?: string;
+    /**
+     * What the page holds, shown in a card beside the row once the pointer has
+     * rested on it (`previewDelay`): a glance before going there.
+     */
+    preview?: Component;
+    /**
+     * The hint-system page (or pages) this row opens. With the sidebar's
+     * `hints`, the row carries a dot while that page has news nobody has read,
+     * and loses it once the news is read there.
+     */
+    hintPage?: string | string[];
+    /**
+     * Work started on this page is still running (a publish, a deploy): a thin
+     * bar along the row's foot, sweeping while `true`, filled to a fraction
+     * while a number from 0 to 1. Leaving the page no longer hides that it is
+     * not done.
+     */
+    busy?: boolean | number;
 }
 export interface SidebarSection {
     /** Optional heading above the group. */

package/dist/components/tabs.d.ts

@@ -14,3 +14,6 @@ export interface TabChoice {
  * that contain it rather than being thrown away before they load.
  */
 export declare function pickTab(items: readonly TabChoice[], current: string | undefined): string | undefined;
+export declare const BOTTOM_BAR = "grid w-full auto-cols-fr grid-flow-col border-t border-line bg-surface pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]";
+export declare const BOTTOM_ITEM = "min-h-14 min-w-0 flex-col gap-0.5 px-1 py-1.5 text-[11px] font-medium focus-visible:ring-inset";
+export declare const BOTTOM_MARKER = "absolute inset-x-[22%] top-0 z-0 h-0.5 rounded-b-full";

package/dist/components/tabs.js

@@ -3,6 +3,12 @@ function pickTab(items, current) {
   if (items.some((item) => item.value === current && !item.disabled)) return current;
   return items.find((item) => !item.disabled)?.value ?? current;
 }
+const BOTTOM_BAR = "grid w-full auto-cols-fr grid-flow-col border-t border-line bg-surface pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]";
+const BOTTOM_ITEM = "min-h-14 min-w-0 flex-col gap-0.5 px-1 py-1.5 text-[11px] font-medium focus-visible:ring-inset";
+const BOTTOM_MARKER = "absolute inset-x-[22%] top-0 z-0 h-0.5 rounded-b-full";
 export {
+  BOTTOM_BAR,
+  BOTTOM_ITEM,
+  BOTTOM_MARKER,
   pickTab
 };

package/dist/composables/usePaletteCommands.js

@@ -13,6 +13,7 @@ function numbered(entries) {
   for (const entry of entries) {
     for (const command of entry.commands()) {
       if (!entry.automatic) {
+        if (manual.has(command.id)) continue;
         manual.add(command.id);
         out.push(command);
         continue;

package/dist/composables/useReveal.js

@@ -1,20 +1,13 @@
 import { ref, watch, toValue, onBeforeUnmount } from "vue";
 import { prefersReducedMotion } from "./easing.js";
-import { atScrollEnd } from "./scroll.js";
 function useReveal(options = {}) {
-  const { threshold = 0.25, rootMargin = "0px 0px -10% 0px" } = options;
+  const { threshold = 0.25, rootMargin = "0px" } = options;
   const el = ref(null);
   const revealed = ref(typeof window === "undefined");
   let observer = null;
-  let edge = null;
-  let onScroll = null;
   function stop() {
     observer?.disconnect();
     observer = null;
-    edge?.disconnect();
-    edge = null;
-    if (onScroll) window.removeEventListener("scroll", onScroll, true);
-    onScroll = null;
   }
   function reveal() {
     revealed.value = true;
@@ -41,20 +34,6 @@ function useReveal(options = {}) {
         { threshold, rootMargin }
       );
       observer.observe(node);
-      let onScreen = false;
-      const check = () => {
-        if (onScreen && atScrollEnd(node)) reveal();
-      };
-      edge = new IntersectionObserver(
-        (entries) => {
-          onScreen = entries.some((entry) => entry.isIntersecting);
-          check();
-        },
-        { threshold }
-      );
-      edge.observe(node);
-      onScroll = check;
-      window.addEventListener("scroll", onScroll, { capture: true, passive: true });
     },
     { immediate: true, flush: "post" }
   );