@leavepulse/ui 0.71.2 → 0.72.1

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

@@ -29,6 +29,13 @@ type __VLS_Props = {
     labels?: Partial<{
         nav: string;
         search: string;
+        pinned: string;
+        pin: string;
+        unpin: string;
+        expand: string;
+        compact: string;
+        expandRail: string;
+        resize: string;
     }>;
     /** The query, when the app wants to own it (v-model:search). */
     search?: string;
@@ -105,45 +112,88 @@ type __VLS_Props = {
      * see LpSidebarNav for why a tall nav keeps it pinned.
      */
     hoverFollow?: boolean;
+    /**
+     * Icons only (v-model:compact): each row's name, count and the pages under
+     * it move into a card beside the icon. With `resizable` the person decides,
+     * and the choice is remembered under `persist`.
+     */
+    compact?: boolean;
+    /**
+     * The person sizes the rail: drag its edge (double-click resets), drag it
+     * narrow enough and it folds to icons, and a button and Ctrl+B fold it
+     * outright. One mechanism, not two: a narrow rail that only truncates its
+     * labels is the worst of both, so below a point it becomes the icon rail.
+     */
+    resizable?: boolean;
+    /** Rail width bounds while resizing, in px. */
+    minWidth?: number;
+    maxWidth?: number;
+    /** The key that folds the rail when `resizable`. False turns it off. */
+    compactHotkey?: string | false;
+    /**
+     * Rows offer "Pin to top" in their menu, and pinned pages lead the nav
+     * (v-model:pinned, ids; remembered under `persist` when unbound).
+     */
+    pinnable?: boolean;
+    pinned?: string[];
+    /** How long the pointer rests on a row with a `preview` before its card opens, in ms. */
+    previewDelay?: number;
+    /**
+     * Mark the app as not production: a coloured band along the top of the rail
+     * with the label hanging from it ("staging", "local"). It is there so an
+     * edit on the test copy is not mistaken for one on the real thing; leave it
+     * unset in production.
+     */
+    environment?: string | {
+        label: string;
+        tone?: "warning" | "danger" | "action" | "brand";
+    };
+    /**
+     * The app's hint system (createHintSystem). Rows that name a `hintPage`
+     * then mark unread news on it with a dot, with nothing for the app to wire.
+     */
+    hints?: {
+        unreadNews: (page?: string) => readonly unknown[];
+    };
 };
-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;
+type __VLS_Slots = {
+    /** The brand; `compact` says the rail is down to icons. */
+    header?: (props: {
+        compact?: boolean;
+    }) => unknown;
+    actions?: (props: {
+        compact?: boolean;
+    }) => unknown;
+    footer?: (props: {
+        compact?: boolean;
+    }) => unknown;
+    item?: (props: {
+        item: SidebarItem;
+        active: boolean;
+    }) => unknown;
 };
 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:pinned": (ids: string[]) => any;
     "update:collapsed": (keys: string[]) => any;
     "update:search": (value: string) => any;
+    "update:compact": (value: boolean) => 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:pinned"?: ((ids: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((keys: string[]) => any) | undefined;
     "onUpdate:search"?: ((value: string) => any) | undefined;
+    "onUpdate:compact"?: ((value: boolean) => any) | undefined;
 }>, {
+    maxWidth: number;
+    minWidth: number;
     variant: "rail" | "panel";
+    compact: boolean;
+    previewDelay: number;
     skeletonRows: number;
     skeletonHeader: boolean;
     hoverFollow: boolean;
@@ -151,6 +201,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     mobileBreakpoint: "sm" | "md" | "lg" | "xl";
     divider: boolean;
     autoCollapseAfter: number;
+    compactHotkey: string | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpSidebar.vue.js

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

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

@@ -1,4 +1,4 @@
-import type { SidebarItem, SidebarSection } from "./sidebar";
+import { type SidebarItem, type SidebarSection } from "./sidebar";
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -25,9 +25,22 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * short rail (an app switcher, a settings list) can turn it on.
      */
     hoverFollow?: boolean;
+    /** Icons only, each row's name in a card beside it. */
+    compact?: boolean;
+    /** Rows offer "Pin to top" in their menu; `pinned` are shown first. */
+    pinnable?: boolean;
+    pinned?: SidebarItem[];
+    previewDelay?: number;
+    labels: {
+        pinned: string;
+        pin: string;
+        unpin: string;
+        expand: string;
+    };
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "toggle-section": (key: string, collapsed: boolean) => any;
     activate: (item: SidebarItem) => any;
+    "toggle-pin": (id: string) => any;
+    "toggle-section": (key: string, collapsed: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** Normalised section list (LpSidebar collapses items/sections into this). */
     groups: SidebarSection[];
@@ -52,10 +65,25 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * short rail (an app switcher, a settings list) can turn it on.
      */
     hoverFollow?: boolean;
+    /** Icons only, each row's name in a card beside it. */
+    compact?: boolean;
+    /** Rows offer "Pin to top" in their menu; `pinned` are shown first. */
+    pinnable?: boolean;
+    pinned?: SidebarItem[];
+    previewDelay?: number;
+    labels: {
+        pinned: string;
+        pin: string;
+        unpin: string;
+        expand: string;
+    };
 }> & Readonly<{
-    "onToggle-section"?: ((key: string, collapsed: boolean) => any) | undefined;
     onActivate?: ((item: SidebarItem) => any) | undefined;
+    "onToggle-pin"?: ((id: string) => any) | undefined;
+    "onToggle-section"?: ((key: string, collapsed: boolean) => any) | undefined;
 }>, {
+    pinned: SidebarItem[];
+    previewDelay: number;
     skeletonRows: number;
     skeletonHeader: boolean;
     collapsedKeys: string[];

package/dist/components/LpSidebarNav.vue.js

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

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

@@ -0,0 +1,49 @@
+import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+import { type SidebarItem } from "./sidebar";
+type __VLS_Props = {
+    item: SidebarItem;
+    active: boolean;
+    /** The pill sits under this row (active, or hovered while following hover). */
+    pill: boolean;
+    pillId: string;
+    compact?: boolean;
+    /** A page under another: indented, a size smaller. */
+    nested?: boolean;
+    menu?: ContextMenuItemDef[];
+    /** Has pages under it; `expanded` says whether they show. */
+    expandable?: boolean;
+    expanded?: boolean;
+    /** One of its pages is the current one: the row reads as on the path. */
+    onPath?: boolean;
+    previewDelay?: number;
+    hovered?: boolean;
+    expandLabel?: string;
+    itemActive?: (item: SidebarItem) => boolean;
+};
+declare var __VLS_29: {
+    item: SidebarItem;
+    active: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: () => any;
+    hover: (item: SidebarItem) => any;
+    activate: (item: SidebarItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onHover?: ((item: SidebarItem) => any) | undefined;
+    onActivate?: ((item: SidebarItem) => any) | undefined;
+}>, {
+    menu: ContextMenuItemDef[];
+    previewDelay: 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/LpSidebarRow.vue.js

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

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

@@ -12,6 +12,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** Formatting for a numeric `value` — see LpNumberFlow. */
     compact?: boolean;
     grouped?: boolean;
+    /**
+     * Count up from zero when the tile first shows (the default), or show the
+     * value outright: a report or a screenshot wants the figure, not the run.
+     */
+    animateOnMount?: boolean;
     decimals?: number;
     prefix?: string;
     valueSuffix?: string;
@@ -48,6 +53,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** Formatting for a numeric `value` — see LpNumberFlow. */
     compact?: boolean;
     grouped?: boolean;
+    /**
+     * Count up from zero when the tile first shows (the default), or show the
+     * value outright: a report or a screenshot wants the figure, not the run.
+     */
+    animateOnMount?: boolean;
     decimals?: number;
     prefix?: string;
     valueSuffix?: string;
@@ -74,6 +84,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     loading?: boolean;
 }> & Readonly<{}>, {
     decimals: number;
+    animateOnMount: boolean;
     trend: "auto" | "up" | "down" | "flat";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     trend?: (props: {}) => any;

package/dist/components/LpStat.vue.js

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

package/dist/components/LpStatus.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStatus-BQU1TUsv.js";
+import { _ as _sfc_main } from "../chunks/LpStatus-g-8z9b_u.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepMark.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepMark-CXa7DJy_.js";
+import { _ as _sfc_main } from "../chunks/LpStepMark-DU7xalwW.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepper.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepper-C9RM_yTG.js";
+import { _ as _sfc_main } from "../chunks/LpStepper-CbRXiXNs.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwap.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwap-DzE6M3Mg.js";
+import { _ as _sfc_main } from "../chunks/LpSwap-Xi4j9PR_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwitch.vue.js

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

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    item: {
+        label: string;
+        icon?: string;
+        dot?: boolean;
+        badge?: number | string;
+    };
+    bottom?: boolean;
+    compact?: boolean;
+    active?: 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/LpTabFace.vue.js

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

package/dist/components/LpTable.vue.js

@@ -1,19 +1,19 @@
 import { defineComponent, computed, useAttrs, ref, shallowRef, watch, onMounted, onBeforeUnmount, useId, h, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, Transition, renderSlot, mergeProps, normalizeStyle, TransitionGroup, unref, withModifiers, nextTick } from "vue";
 import { usePaletteScope, suppressPaletteDiscovery, usePaletteCommands } from "../composables/usePaletteCommands.js";
 import { menuPaletteCommands } from "./commandPalette.js";
-import { _ as _sfc_main$1 } from "../chunks/LpDataList-CFPtSsBB.js";
-import { _ as _sfc_main$9 } from "../chunks/LpCheckbox-BoOuLnGB.js";
-import { _ as _sfc_main$8 } from "../chunks/LpContextMenu-DXpFJjlO.js";
-import { _ as _sfc_main$d } from "../chunks/LpEmptyState-CKFTtQgJ.js";
-import { _ as _sfc_main$5 } from "../chunks/LpBadge-C8fKEmTF.js";
-import { _ as _sfc_main$3 } from "../chunks/LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "../chunks/LpDataList-B6Meb4M9.js";
+import { _ as _sfc_main$9 } from "../chunks/LpCheckbox-iaD63DEF.js";
+import { _ as _sfc_main$8 } from "../chunks/LpContextMenu-rx2tCjwk.js";
+import { _ as _sfc_main$d } from "../chunks/LpEmptyState-EQHiRYhG.js";
+import { _ as _sfc_main$5 } from "../chunks/LpBadge-Huo8EKew.js";
+import { _ as _sfc_main$3 } from "../chunks/LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$c } from "../chunks/LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$e } from "../chunks/LpPagination-DbeACavM.js";
+import { _ as _sfc_main$e } from "../chunks/LpPagination-BIIiYHXR.js";
 import { _ as _sfc_main$a } from "../chunks/LpPopover-DmZ3wUtP.js";
 import { _ as _sfc_main$7 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
-import { _ as _sfc_main$6 } from "../chunks/LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$4 } from "../chunks/LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$b } from "../chunks/LpTableFilter-CTZMqFDU.js";
+import { _ as _sfc_main$6 } from "../chunks/LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$4 } from "../chunks/LpShift-C-UGuKMN.js";
+import { _ as _sfc_main$b } from "../chunks/LpTableFilter-CYtK9GsF.js";
 import { useKitStorage } from "../composables/usePersisted.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useTableFacets } from "./tableFacets.js";
@@ -23,7 +23,7 @@ import { useRovingFocus } from "../composables/useRovingFocus.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { compareValues } from "./tableSort.js";
-import { _ as _sfc_main$2 } from "../chunks/LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$2 } from "../chunks/LpButton-CW34A1e4.js";
 import { toCsv, downloadFile, fileStem } from "./exportData.js";
 import { summarizeShown, parseTableState, serializeTableState } from "./tableFilter.js";
 import { resolveRowMenu } from "./tableRowMenu.js";

package/dist/components/LpTableFilter.vue.js

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

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

@@ -53,13 +53,13 @@ type __VLS_Props = {
      */
     compact?: boolean;
 };
-declare var __VLS_111: {
+declare var __VLS_67: {
     value: string;
-}, __VLS_113: {};
+}, __VLS_69: {};
 type __VLS_Slots = {} & {
-    panel?: (props: typeof __VLS_111) => any;
+    panel?: (props: typeof __VLS_67) => any;
 } & {
-    default?: (props: typeof __VLS_113) => any;
+    default?: (props: typeof __VLS_69) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

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-CG0VqD8I.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-DT0XPTc2.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: {},
@@ -95,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" : "",
@@ -117,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       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" : "",
@@ -135,64 +128,17 @@ 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" : __props.compact && item.icon ? "sr-only" : ""])
-                        }, 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", "title", "class", "onPointerenter"])
@@ -205,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);
@@ -249,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-848e78d1"]]);
+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-D1RzCwb5.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-MdIzNTjw.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>;