@leavepulse/ui 0.30.1 → 0.31.1

package/dist/assets/{LpTable-Bz3uJNa3.css → LpTable-Ckoi05Am.css}

@@ -11,17 +11,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-f9c874a7],
-.lp-row-leave-active[data-v-f9c874a7] {
+.lp-row-enter-active[data-v-d139c3bb],
+.lp-row-leave-active[data-v-d139c3bb] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-f9c874a7] {
+.lp-row-move[data-v-d139c3bb] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-f9c874a7],
-.lp-row-leave-to[data-v-f9c874a7] {
+.lp-row-enter-from[data-v-d139c3bb],
+.lp-row-leave-to[data-v-d139c3bb] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -37,9 +37,9 @@
 /* A filter that redraws the list is information, not decoration: with motion
    turned down the rows change without animating rather than not changing. */
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-f9c874a7],
-  .lp-row-leave-active[data-v-f9c874a7],
-  .lp-row-move[data-v-f9c874a7] {
+.lp-row-enter-active[data-v-d139c3bb],
+  .lp-row-leave-active[data-v-d139c3bb],
+  .lp-row-move[data-v-d139c3bb] {
     transition: none;
 }
 }

package/dist/chunks/{LpAddressInput-Bk6D8Bcy.js → LpAddressInput-BDkp3-Bp.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$2 } from "./LpAutocomplete-DExlIZe_.js";
 import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$5 } from "./LpInput-CYcTL9gj.js";
+import { _ as _sfc_main$5 } from "./LpInput-Bt4J71xn.js";
 import { _ as _sfc_main$7 } from "./LpModal-D_o-56To.js";
 import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };

package/dist/chunks/{LpAppShell-DnocEJAu.js → LpAppShell-Chz8Vbtu.js}

@@ -3,7 +3,7 @@ import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-CWSbczWi.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-BiWM_lDB.js";
 const _hoisted_1 = { class: "flex h-dvh overflow-hidden bg-surface text-ink" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
 const _hoisted_3 = { class: "relative flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };

package/dist/chunks/LpBadge-Fe0D1bYx.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createElementBlock, mergeProps, unref, createCommentVNode, renderSlot } from "vue";
+import { tv } from "tailwind-variants";
+import { useMergedClass } from "../composables/useMergedClass.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "size-1.5 rounded-full bg-current"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpBadge",
+  props: {
+    tone: {},
+    size: {},
+    dot: { type: Boolean }
+  },
+  setup(__props) {
+    const badge = tv({
+      /*
+       * `align-middle` and a line-height pinned to the box, because the default
+       * `inline-flex` baseline is the one thing a badge must not bring with it: a
+       * badge dropped next to a text-sm heading sat a pixel or two off the text's
+       * baseline and pushed the whole row taller, so a section title grew a step
+       * the moment it gained a status. The badge now occupies the height it says it
+       * does and leaves the line it sits on alone.
+       */
+      base: "inline-flex shrink-0 items-center gap-1.5 rounded-pill align-middle font-medium leading-[1.2]",
+      variants: {
+        size: {
+          // Fits inside a text-sm line without growing it — for a badge beside a
+          // heading, in a table cell, or anywhere a row's height is already set.
+          sm: "h-[18px] px-1.5 text-[11px]",
+          md: "px-2.5 py-0.5 text-xs",
+          lg: "px-3 py-1 text-sm"
+        },
+        tone: {
+          neutral: "bg-surface-soft text-muted-strong",
+          brand: "bg-brand-soft text-brand",
+          action: "bg-action/15 text-action",
+          success: "bg-action/15 text-action",
+          // Partial trouble, which every status surface eventually needs: without
+          // it a half-failed thing has to render as either fine or broken.
+          warning: "bg-accent/15 text-accent",
+          danger: "bg-danger-soft text-danger",
+          outline: "border border-line text-ink"
+        }
+      },
+      defaultVariants: { tone: "neutral", size: "md" }
+    });
+    const props = __props;
+    const classes = useMergedClass(() => badge({ tone: props.tone, size: props.size }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { class: unref(classes) }), [
+        __props.dot ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpDisclosure-C1_YkMrd.js → LpDisclosure-B4kVAWfg.js}

@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, computed, ref, openBlock, createBl
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
-const _hoisted_2 = { class: "grid gap-2.5 px-3 pt-1 pb-3.5 group-data-[state=open]/content:animate-[disclosure-body-in_300ms_var(--ease-emphasized)] motion-reduce:animate-none" };
+const _hoisted_2 = { class: "grid gap-2.5 px-3 pt-1 pb-3 group-data-[state=open]/content:animate-[disclosure-body-in_300ms_var(--ease-emphasized)] motion-reduce:animate-none" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDisclosure",
   props: {

package/dist/chunks/{LpInput-CYcTL9gj.js → LpInput-Bt4J71xn.js}

@@ -1,6 +1,7 @@
-import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, unref } from "vue";
+import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, unref, createElementBlock, renderSlot, createCommentVNode, mergeProps } from "vue";
 import { tv } from "tailwind-variants";
 import { useInputFilter } from "../composables/useInputFilter.js";
+import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = {
@@ -98,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", {
             "data-lp-ring-owner": "",
-            class: normalizeClass([shellClass.value, hasLeading.value ? "pl-2.5" : "", hasTrailing.value ? "pr-1.5" : "", hasField.value ? "" : rootClass.value]),
+            class: normalizeClass(unref(mergeClass)(shellClass.value, hasLeading.value ? "pl-2.5" : "", hasTrailing.value ? "pr-1.5" : "", hasField.value ? "" : rootClass.value)),
             style: normalizeStyle(hasField.value ? void 0 : rootStyle.value)
           }, [
             hasLeading.value ? (openBlock(), createElementBlock("span", _hoisted_1, [

package/dist/chunks/{LpNotificationBell-CTsIcPqX.js → LpNotificationBell-gdvQY89m.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, useModel, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, createTextVNode, mergeModels } from "vue";
-import { _ as _sfc_main$8 } from "./LpBadge-BPodVcJa.js";
+import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$7 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$5 } from "./LpContextMenu-B6WBLleS.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-BV3q7Qyi.js";

package/dist/chunks/{LpPasswordInput-DrYE4J5d.js → LpPasswordInput-BqMAc5HA.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, createVNode, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpInput-CYcTL9gj.js";
+import { _ as _sfc_main$1 } from "./LpInput-Bt4J71xn.js";
 const _hoisted_1 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpSidebar-CWSbczWi.js → LpSidebar-BiWM_lDB.js}

@@ -1,21 +1,22 @@
-import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, createBlock } from "vue";
-import { _ as _sfc_main$2 } from "./LpDrawer-DAJN5rGK.js";
-import { _ as _sfc_main$1 } from "./LpSidebarNav-D6v12-36.js";
+import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import { _ as _sfc_main$3 } from "./LpDrawer-DAJN5rGK.js";
+import { _ as _sfc_main$1 } from "./LpInput-Bt4J71xn.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-CsgeuGAu.js";
 const _hoisted_1 = {
-  key: 1,
+  key: 2,
   class: "mt-2 flex shrink-0 flex-col gap-2"
 };
 const _hoisted_2 = {
-  key: 2,
+  key: 3,
   class: "mt-2 shrink-0 border-t border-line pt-3"
 };
 const _hoisted_3 = { class: "flex h-full flex-col gap-1" };
 const _hoisted_4 = {
-  key: 1,
+  key: 2,
   class: "mt-2 flex shrink-0 flex-col gap-2"
 };
 const _hoisted_5 = {
-  key: 2,
+  key: 3,
   class: "mt-2 shrink-0 border-t border-line pt-3"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -26,6 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     items: {},
     sections: {},
     isActive: {},
+    searchable: { type: Boolean },
+    searchPlaceholder: { default: "Search" },
+    search: {},
     loading: { type: Boolean },
     skeletonRows: { default: 6 },
     skeletonHeader: { type: Boolean, default: true },
@@ -39,13 +43,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     collapsed: {},
     autoCollapseAfter: { default: 14 }
   },
-  emits: ["update:modelValue", "update:open", "update:collapsed", "select"],
+  emits: ["update:modelValue", "update:open", "update:collapsed", "select", "update:search"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const groups = computed(
+    const allGroups = computed(
       () => props.sections ?? (props.items ? [{ items: props.items }] : [])
     );
+    const ownSearch = ref("");
+    const query = computed({
+      get: () => props.search ?? ownSearch.value,
+      set: (v) => {
+        ownSearch.value = v;
+        emit("update:search", v);
+      }
+    });
+    function normalise(s) {
+      return s.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
+    }
+    function matches(item, needle) {
+      if (normalise(item.label).includes(needle)) return true;
+      return (item.keywords ?? []).some((k) => normalise(k).includes(needle));
+    }
+    const groups = computed(() => {
+      const needle = normalise(query.value.trim());
+      if (!needle) return allGroups.value;
+      return allGroups.value.map((section) => ({ ...section, items: section.items.filter((i) => matches(i, needle)) })).filter((section) => section.items.length > 0);
+    });
+    const filtering = computed(() => query.value.trim().length > 0);
     function itemActive(item) {
       return props.isActive ? props.isActive(item) : item.id === props.modelValue;
     }
@@ -62,7 +87,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return groups.value.filter((g) => g.collapsible && !g.items.some(itemActive)).map(keyOf).filter(Boolean);
     });
     const collapsedKeys = computed(
-      () => props.collapsed ?? ownCollapsed.value ?? autoCollapsed.value
+      () => (
+        // Nothing stays folded while a query is on: a section that matched but is
+        // closed looks exactly like a section that did not match, and the person is
+        // typing precisely because they cannot find the thing by eye.
+        filtering.value ? [] : props.collapsed ?? ownCollapsed.value ?? autoCollapsed.value
+      )
     );
     function toggleSection(key, collapsed) {
       const next = collapsed ? [.../* @__PURE__ */ new Set([...collapsedKeys.value, key])] : collapsedKeys.value.filter((k) => k !== key);
@@ -106,7 +136,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "header")
           ], 2)) : createCommentVNode("", true),
-          createVNode(_sfc_main$1, {
+          __props.searchable ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            modelValue: query.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+            size: "sm",
+            icon: "lucide:search",
+            class: "mb-2 shrink-0",
+            placeholder: __props.searchPlaceholder,
+            "aria-label": __props.searchPlaceholder
+          }, null, 8, ["modelValue", "placeholder", "aria-label"])) : createCommentVNode("", true),
+          createVNode(_sfc_main$2, {
             groups: groups.value,
             "pill-id": railPillId,
             "item-active": itemActive,
@@ -132,14 +172,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("", true)
         ], 16),
-        __props.responsive ? (openBlock(), createBlock(_sfc_main$2, {
+        __props.responsive ? (openBlock(), createBlock(_sfc_main$3, {
           key: 0,
           open: __props.open,
           direction: "left",
           size: "sm",
           "edge-open": __props.edgeOpen,
           "edge-breakpoint": __props.mobileBreakpoint,
-          "onUpdate:open": _cache[0] || (_cache[0] = (v) => emit("update:open", v))
+          "onUpdate:open": _cache[2] || (_cache[2] = (v) => emit("update:open", v))
         }, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_3, [
@@ -149,7 +189,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "header")
               ], 2)) : createCommentVNode("", true),
-              createVNode(_sfc_main$1, {
+              __props.searchable ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                modelValue: query.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
+                size: "sm",
+                icon: "lucide:search",
+                class: "mb-2 shrink-0",
+                placeholder: __props.searchPlaceholder,
+                "aria-label": __props.searchPlaceholder
+              }, null, 8, ["modelValue", "placeholder", "aria-label"])) : createCommentVNode("", true),
+              createVNode(_sfc_main$2, {
                 groups: groups.value,
                 "pill-id": drawerPillId,
                 "item-active": itemActive,

package/dist/chunks/{LpSidebarNav-D6v12-36.js → LpSidebarNav-CsgeuGAu.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, createElement
 import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$3 } from "./LpBadge-BPodVcJa.js";
+import { _ as _sfc_main$3 } from "./LpBadge-Fe0D1bYx.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-B6WBLleS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-Bk6D8Bcy.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-BDkp3-Bp.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-DnocEJAu.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-Chz8Vbtu.js";
 export {
   _sfc_main as default
 };

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

@@ -1,48 +1,18 @@
-import { VariantProps } from 'tailwind-variants';
-declare const badge: import('tailwind-variants').TVReturnType<{
-    tone: {
-        neutral: string;
-        brand: string;
-        action: string;
-        success: string;
-        warning: string;
-        danger: string;
-        outline: string;
-    };
-}, undefined, "inline-flex items-center gap-1.5 rounded-pill px-2.5 py-0.5 text-xs font-medium", {
-    tone: {
-        neutral: string;
-        brand: string;
-        action: string;
-        success: string;
-        warning: string;
-        danger: string;
-        outline: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    tone: {
-        neutral: string;
-        brand: string;
-        action: string;
-        success: string;
-        warning: string;
-        danger: string;
-        outline: string;
-    };
-}, undefined, "inline-flex items-center gap-1.5 rounded-pill px-2.5 py-0.5 text-xs font-medium", unknown, unknown, undefined>>;
-type BadgeVariants = VariantProps<typeof badge>;
-type __VLS_Props = {
-    tone?: BadgeVariants["tone"];
-    dot?: boolean;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
+    tone?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
+    /** `sm` is the one that does not disturb a text-sm line it sits on. */
+    size?: "sm" | "md" | "lg" | undefined;
+    dot?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    tone?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
+    /** `sm` is the one that does not disturb a text-sm line it sits on. */
+    size?: "sm" | "md" | "lg" | undefined;
+    dot?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/LpBadge.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpBadge-BPodVcJa.js";
+import { _ as _sfc_main } from "../chunks/LpBadge-Fe0D1bYx.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDisclosure.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDisclosure-C1_YkMrd.js";
+import { _ as _sfc_main } from "../chunks/LpDisclosure-B4kVAWfg.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpInput-CYcTL9gj.js";
+import { _ as _sfc_main } from "../chunks/LpInput-Bt4J71xn.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-CTsIcPqX.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-gdvQY89m.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPasswordInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPasswordInput-DrYE4J5d.js";
+import { _ as _sfc_main } from "../chunks/LpPasswordInput-BqMAc5HA.js";
 export {
   _sfc_main as default
 };

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

@@ -12,6 +12,21 @@ type __VLS_Props = {
      * given it overrides the modelValue check. The consumer owns the routing.
      */
     isActive?: (item: SidebarItem) => boolean;
+    /**
+     * Put a filter field above the nav. A hundred-item sidebar is not read, it
+     * is searched: past a screenful, scanning costs more than typing, and every
+     * app that has one had built the same LpInput into the #header slot.
+     *
+     * Filtering is on `label` (and any `keywords` on the item), case- and
+     * accent-insensitive. Sections whose items all fail drop out rather than
+     * leaving a run of empty headings, and a collapsed section opens while a
+     * query is active — a hidden match is the same as no match.
+     */
+    searchable?: boolean;
+    /** Placeholder for that field. */
+    searchPlaceholder?: string;
+    /** The query, when the app wants to own it (v-model:search). */
+    search?: string;
     /** Show a skeleton placeholder instead of the items. */
     loading?: boolean;
     /** Skeleton row count while loading. */
@@ -75,42 +90,45 @@ type __VLS_Props = {
      */
     autoCollapseAfter?: number;
 };
-declare var __VLS_1: {}, __VLS_13: {
+declare var __VLS_1: {}, __VLS_18: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_15: {}, __VLS_17: {}, __VLS_27: {}, __VLS_39: {
+}, __VLS_20: {}, __VLS_22: {}, __VLS_32: {}, __VLS_49: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_41: {}, __VLS_43: {};
+}, __VLS_51: {}, __VLS_53: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
 } & {
-    item?: (props: typeof __VLS_13) => any;
+    item?: (props: typeof __VLS_18) => any;
 } & {
-    actions?: (props: typeof __VLS_15) => any;
+    actions?: (props: typeof __VLS_20) => any;
 } & {
-    footer?: (props: typeof __VLS_17) => any;
+    footer?: (props: typeof __VLS_22) => any;
 } & {
-    header?: (props: typeof __VLS_27) => any;
+    header?: (props: typeof __VLS_32) => any;
 } & {
-    item?: (props: typeof __VLS_39) => any;
+    item?: (props: typeof __VLS_49) => any;
 } & {
-    actions?: (props: typeof __VLS_41) => any;
+    actions?: (props: typeof __VLS_51) => any;
 } & {
-    footer?: (props: typeof __VLS_43) => any;
+    footer?: (props: typeof __VLS_53) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (item: SidebarItem) => any;
     "update:modelValue": (id: string) => any;
     "update:open": (value: boolean) => any;
     "update:collapsed": (keys: string[]) => any;
+    "update:search": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((item: SidebarItem) => any) | undefined;
     "onUpdate:modelValue"?: ((id: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:collapsed"?: ((keys: string[]) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
 }>, {
     variant: "rail" | "panel";
+    searchPlaceholder: string;
     skeletonRows: number;
     skeletonHeader: boolean;
     responsive: boolean;

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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