@leavepulse/ui 0.28.3 → 0.28.5

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

@@ -3,11 +3,11 @@ import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from
 import { flagEmoji, loadCountries } from "../components/countries.js";
 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-CesaPWPO.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-jwqXlAy0.js";
+import { _ as _sfc_main$5 } from "./LpInput-CYcTL9gj.js";
 import { _ as _sfc_main$7 } from "./LpModal-D_o-56To.js";
-import { _ as _sfc_main$6 } from "./LpSelect-Cw8-gL5F.js";
+import { _ as _sfc_main$6 } from "./LpSelect-ANIVtrpM.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };
 const _hoisted_2 = { class: "flex items-stretch gap-2" };
 const _hoisted_3 = { class: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_10rem]" };

package/dist/chunks/{LpAppShell-B5k0J3Cf.js → LpAppShell-CGX0DlIW.js}

@@ -3,10 +3,10 @@ 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-7Vpy2IJc.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-CWehDCxN.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: "flex h-16 shrink-0 items-center gap-3 border-b border-line bg-surface px-4 md:px-6" };
+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" };
 const _hoisted_4 = { class: "truncate text-lg font-semibold" };
 const _hoisted_5 = {
   key: 0,
@@ -17,6 +17,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     items: {},
     sections: {},
+    collapsed: {},
+    autoCollapseAfter: {},
     modelValue: {},
     path: {},
     isActive: {},
@@ -28,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fullBleed: { type: Boolean },
     loading: { type: Boolean }
   },
-  emits: ["update:modelValue", "update:open", "select"],
+  emits: ["update:modelValue", "update:open", "update:collapsed", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -91,9 +93,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "mobile-breakpoint": __props.mobileBreakpoint,
           divider: __props.divider,
           loading: __props.loading,
+          collapsed: __props.collapsed,
+          "auto-collapse-after": __props.autoCollapseAfter,
           class: "shrink-0",
           "onUpdate:modelValue": onModel,
           "onUpdate:open": _cache[0] || (_cache[0] = (v) => emit("update:open", v)),
+          "onUpdate:collapsed": _cache[1] || (_cache[1] = (v) => emit("update:collapsed", v)),
           onSelect
         }, createSlots({ _: 2 }, [
           _ctx.$slots.logo ? {
@@ -124,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             key: "3"
           } : void 0
-        ]), 1032, ["model-value", "items", "sections", "is-active", "open", "mobile-breakpoint", "divider", "loading"]),
+        ]), 1032, ["model-value", "items", "sections", "is-active", "open", "mobile-breakpoint", "divider", "loading", "collapsed", "auto-collapse-after"]),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("header", _hoisted_3, [
             createVNode(_sfc_main$2, {
@@ -133,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "sm",
               square: "",
               "aria-label": "Open menu",
-              onClick: _cache[1] || (_cache[1] = ($event) => emit("update:open", true))
+              onClick: _cache[2] || (_cache[2] = ($event) => emit("update:open", true))
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$3, {
@@ -156,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             createVNode(_sfc_main$4, {
               axis: "width",
-              class: "ml-auto flex shrink-0 items-center gap-2"
+              class: "ml-auto flex max-w-[66%] shrink items-center gap-2 overflow-x-auto lp-scrollbar-none md:max-w-none md:shrink-0 md:overflow-visible"
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "header-actions")

package/dist/chunks/{LpCard-gu11ZmSt.js → LpCard-DSefTGEH.js}

@@ -22,7 +22,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // renders: two lines that look identical must not wrap differently.
       // Anything that genuinely must not break (a code block, a log line) sets its
       // own overflow and scrolls instead.
-      base: "rounded-card border bg-surface-raised break-words",
+      // min-w-0: a card is nearly always laid out by a grid or a flex row, and both
+      // give their children `min-width: auto` — meaning "never narrower than your
+      // contents". A card holding a form then refuses to shrink and pushes its own
+      // column past the viewport: measured at 490px inside a 358px grid, with the
+      // inputs ending up off-screen on a phone. The card is a container; it takes
+      // the width it is given and wraps what is inside it.
+      base: "min-w-0 rounded-card border bg-surface-raised break-words",
       variants: {
         variant: {
           // raised opts into the skin painter (.lp-skin-panel) so it follows the

package/dist/chunks/{LpFormField-CesaPWPO.js → LpFormField-fV_2ZdCk.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useId, openBlock, createElementBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
 import { Label } from "reka-ui";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
-const _hoisted_1 = { class: "flex flex-col gap-1.5" };
+const _hoisted_1 = { class: "flex min-w-0 flex-col gap-1.5" };
 const _hoisted_2 = {
   key: 0,
   class: "text-danger"
@@ -40,9 +40,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", { id: unref(id) }),
         createVNode(_sfc_main$1, { axis: "height" }, {
           default: withCtx(() => [
-            __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+            __props.error ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.error), 1)) : __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("p", _hoisted_4, [
+              renderSlot(_ctx.$slots, "hint", {}, () => [
+                createTextVNode(toDisplayString(__props.hint), 1)
+              ])
+            ])) : createCommentVNode("", true)
           ]),
-          _: 1
+          _: 3
         })
       ]);
     };

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, unref } from "vue";
 import { tv } from "tailwind-variants";
 import { useInputFilter } from "../composables/useInputFilter.js";
-import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
+import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpPasswordInput-Bmo6q9Kd.js → LpPasswordInput-DrYE4J5d.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-jwqXlAy0.js";
+import { _ as _sfc_main$1 } from "./LpInput-CYcTL9gj.js";
 const _hoisted_1 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpSelect-Cw8-gL5F.js → LpSelect-ANIVtrpM.js}

@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           }, {
             default: withCtx(() => [
-              createVNode(unref(ComboboxTrigger), { class: "flex flex-1 items-center gap-2 outline-none" }, {
+              createVNode(unref(ComboboxTrigger), { class: "flex min-w-0 flex-1 items-center gap-2 outline-none" }, {
                 default: withCtx(() => [
                   displayLabel.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(displayLabel.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.placeholder), 1))
                 ]),

package/dist/chunks/{LpSidebar-7Vpy2IJc.js → LpSidebar-CWehDCxN.js}

@@ -1,6 +1,6 @@
-import { defineComponent, computed, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, createBlock } from "vue";
+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-CFX5NxGs.js";
+import { _ as _sfc_main$1 } from "./LpSidebarNav-5RGNr2D3.js";
 const _hoisted_1 = {
   key: 1,
   class: "mt-2 flex shrink-0 flex-col gap-2"
@@ -33,9 +33,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     open: { type: Boolean },
     mobileBreakpoint: { default: "md" },
     edgeOpen: { type: Boolean },
-    divider: { type: Boolean, default: true }
+    divider: { type: Boolean, default: true },
+    collapsed: {},
+    autoCollapseAfter: { default: 14 }
   },
-  emits: ["update:modelValue", "update:open", "select"],
+  emits: ["update:modelValue", "update:open", "update:collapsed", "select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -45,6 +47,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function itemActive(item) {
       return props.isActive ? props.isActive(item) : item.id === props.modelValue;
     }
+    function keyOf(section) {
+      return section.key ?? section.title ?? "";
+    }
+    const ownCollapsed = ref(null);
+    const navLength = computed(
+      () => groups.value.reduce((n, g) => n + g.items.length + (g.title ? 1 : 0), 0)
+    );
+    const autoCollapsed = computed(() => {
+      const limit = props.autoCollapseAfter;
+      if (!limit || navLength.value <= limit) return [];
+      return groups.value.filter((g) => g.collapsible && !g.items.some(itemActive)).map(keyOf).filter(Boolean);
+    });
+    const collapsedKeys = computed(
+      () => 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);
+      ownCollapsed.value = next;
+      emit("update:collapsed", next);
+    }
     function activate(item) {
       if (item.disabled) return;
       emit("update:modelValue", item.id);
@@ -82,7 +104,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             loading: __props.loading,
             "skeleton-rows": __props.skeletonRows,
             "skeleton-header": __props.skeletonHeader,
-            onActivate: activate
+            "collapsed-keys": collapsedKeys.value,
+            onActivate: activate,
+            onToggleSection: toggleSection
           }, createSlots({ _: 2 }, [
             _ctx.$slots.item ? {
               name: "item",
@@ -91,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["groups", "loading", "skeleton-rows", "skeleton-header"]),
+          ]), 1032, ["groups", "loading", "skeleton-rows", "skeleton-header", "collapsed-keys"]),
           _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "actions")
           ])) : createCommentVNode("", true),
@@ -123,7 +147,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 loading: __props.loading,
                 "skeleton-rows": __props.skeletonRows,
                 "skeleton-header": __props.skeletonHeader,
-                onActivate: activate
+                "collapsed-keys": collapsedKeys.value,
+                onActivate: activate,
+                onToggleSection: toggleSection
               }, createSlots({ _: 2 }, [
                 _ctx.$slots.item ? {
                   name: "item",
@@ -132,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["groups", "loading", "skeleton-rows", "skeleton-header"]),
+              ]), 1032, ["groups", "loading", "skeleton-rows", "skeleton-header", "collapsed-keys"]),
               _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4, [
                 renderSlot(_ctx.$slots, "actions")
               ])) : createCommentVNode("", true),

package/dist/chunks/LpSidebarNav-5RGNr2D3.js

@@ -0,0 +1,185 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, createBlock, withCtx, unref, toDisplayString, createVNode, normalizeClass, createTextVNode, resolveDynamicComponent, renderSlot } from "vue";
+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$4 } from "./LpContextMenu-D0mzXqA7.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-D8xyKXcF.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex min-h-0 flex-1 flex-col gap-4"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "flex items-center gap-3 px-1"
+};
+const _hoisted_3 = { class: "space-y-1" };
+const _hoisted_4 = { class: "min-w-0 flex-1 truncate text-left" };
+const _hoisted_5 = {
+  key: 1,
+  class: "px-2 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
+};
+const _hoisted_6 = { class: "relative z-10 min-w-0 flex-1 truncate text-left" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpSidebarNav",
+  props: {
+    groups: {},
+    pillId: {},
+    itemActive: {},
+    loading: { type: Boolean },
+    skeletonRows: { default: 6 },
+    skeletonHeader: { type: Boolean, default: true },
+    collapsedKeys: { default: () => [] }
+  },
+  emits: ["activate", "toggle-section"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function sectionKey(section) {
+      return section.key ?? section.title ?? "";
+    }
+    const foldedKeys = computed(() => {
+      const holdsActive = new Set(
+        props.groups.filter((g) => g.items.some((i) => props.itemActive(i))).map(sectionKey)
+      );
+      return new Set(
+        props.collapsedKeys.filter((k) => k && !holdsActive.has(k))
+      );
+    });
+    function isOpen(section) {
+      return !foldedKeys.value.has(sectionKey(section));
+    }
+    const pillTransition = usePillTransition();
+    return (_ctx, _cache) => {
+      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.skeletonHeader ? (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "size-10 shrink-0 animate-pulse rounded-pill bg-surface-soft" }, null, -1),
+          createElementVNode("div", { class: "flex-1 space-y-2" }, [
+            createElementVNode("div", { class: "h-3.5 w-24 animate-pulse rounded bg-surface-soft" }),
+            createElementVNode("div", { class: "h-3 w-16 animate-pulse rounded bg-surface-soft/60" })
+          ], -1)
+        ])])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
+            return openBlock(), createElementBlock("div", {
+              key: n,
+              class: "h-9 animate-pulse rounded-control bg-surface-soft"
+            });
+          }), 128))
+        ])
+      ])) : (openBlock(), createBlock(_sfc_main$1, {
+        key: 1,
+        class: "min-h-0 flex-1",
+        "content-class": "flex min-h-full flex-col gap-4"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (section, si) => {
+            return openBlock(), createBlock(unref(CollapsibleRoot), {
+              key: si,
+              as: "div",
+              class: "flex flex-col gap-0.5",
+              open: isOpen(section),
+              disabled: !section.collapsible || !section.title,
+              "onUpdate:open": (o) => emit("toggle-section", sectionKey(section), !o)
+            }, {
+              default: withCtx(() => [
+                section.title && section.collapsible ? (openBlock(), createBlock(unref(CollapsibleTrigger), {
+                  key: 0,
+                  class: "group/section mt-2 flex cursor-pointer items-center gap-2 rounded-control px-2 py-1 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:bg-white/[0.04] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
+                }, {
+                  default: withCtx(() => [
+                    section.icon ? (openBlock(), createBlock(_sfc_main$2, {
+                      key: 0,
+                      name: section.icon,
+                      size: 14,
+                      class: "shrink-0"
+                    }, null, 8, ["name"])) : createCommentVNode("", true),
+                    createElementVNode("span", _hoisted_4, toDisplayString(section.title), 1),
+                    createVNode(_sfc_main$3, {
+                      tone: "neutral",
+                      class: normalizeClass(["shrink-0 transition-opacity duration-[var(--duration-fast)] motion-reduce:transition-none", isOpen(section) ? "opacity-0" : "opacity-100"]),
+                      "aria-hidden": isOpen(section) || void 0
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(section.items.length), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "aria-hidden"]),
+                    createVNode(_sfc_main$2, {
+                      name: "lucide:chevron-down",
+                      size: 14,
+                      class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=closed]/section:-rotate-90 motion-reduce:transition-none"
+                    })
+                  ]),
+                  _: 2
+                }, 1024)) : section.title ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(section.title), 1)) : createCommentVNode("", true),
+                createVNode(unref(CollapsibleContent), { class: "flex flex-col gap-0.5 overflow-hidden data-[state=open]:animate-[collapsible-down_260ms_var(--ease-emphasized)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-emphasized)] motion-reduce:animate-none" }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+                      return openBlock(), createBlock(_sfc_main$4, {
+                        key: item.id,
+                        items: item.menu ?? []
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(item.href && !item.disabled ? "a" : "button"), {
+                            href: item.href && !item.disabled ? item.href : void 0,
+                            type: item.href ? void 0 : "button",
+                            disabled: item.href ? void 0 : item.disabled,
+                            "aria-current": __props.itemActive(item) ? "page" : void 0,
+                            "aria-disabled": item.disabled || void 0,
+                            class: normalizeClass(["group/item relative flex items-center gap-3 rounded-control px-3 py-2 text-sm font-medium outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", item.disabled ? "cursor-not-allowed text-muted/50" : __props.itemActive(item) ? "text-ink" : "text-muted hover:text-ink"]),
+                            onClick: ($event) => emit("activate", item)
+                          }, {
+                            default: withCtx(() => [
+                              __props.itemActive(item) ? (openBlock(), createBlock(unref(Motion), {
+                                key: 0,
+                                "layout-id": __props.pillId,
+                                transition: unref(pillTransition),
+                                class: "absolute inset-0 z-0 rounded-control bg-brand-soft"
+                              }, null, 8, ["layout-id", "transition"])) : createCommentVNode("", true),
+                              renderSlot(_ctx.$slots, "item", {
+                                item,
+                                active: __props.itemActive(item)
+                              }, () => [
+                                item.icon ? (openBlock(), createBlock(_sfc_main$2, {
+                                  key: 0,
+                                  name: item.icon,
+                                  size: 17,
+                                  class: normalizeClass(["relative z-10 shrink-0 transition-colors", __props.itemActive(item) ? "text-brand" : ""])
+                                }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                                createElementVNode("span", _hoisted_6, toDisplayString(item.label), 1),
+                                item.badge != null ? (openBlock(), createBlock(_sfc_main$3, {
+                                  key: 1,
+                                  tone: __props.itemActive(item) ? "brand" : "neutral",
+                                  class: "relative z-10 shrink-0"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(item.badge), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["tone"])) : createCommentVNode("", true)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1032, ["href", "type", "disabled", "aria-current", "aria-disabled", "class", "onClick"]))
+                        ]),
+                        _: 2
+                      }, 1032, ["items"]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["open", "disabled", "onUpdate:open"]);
+          }), 128))
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTextarea-1ENb3ZAO.js → LpTextarea-BMIOfw5l.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpFormField-CesaPWPO.js";
+import { _ as _sfc_main$1 } from "./LpFormField-fV_2ZdCk.js";
 const _hoisted_1 = ["value", "placeholder", "rows", "disabled", "required"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTextarea",

package/dist/components/LpAddressInput.vue.js

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

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

@@ -4,6 +4,10 @@ type __VLS_Props = {
     /** Flat items, or sections for grouped nav. Forwarded to LpSidebar. */
     items?: SidebarItem[];
     sections?: SidebarSection[];
+    /** Folded nav groups (v-model:collapsed). Forwarded to LpSidebar. */
+    collapsed?: string[];
+    /** Fold long navs automatically; 0 disables. Forwarded to LpSidebar. */
+    autoCollapseAfter?: number;
     /** Active item id (v-model) when not using a custom `isActive`. */
     modelValue?: string;
     /**
@@ -35,28 +39,28 @@ type __VLS_Props = {
     /** Loading skeleton for the nav. */
     loading?: boolean;
 };
-declare var __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {
+declare var __VLS_13: {}, __VLS_16: {}, __VLS_19: {}, __VLS_22: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_42: {}, __VLS_50: {}, __VLS_52: {}, __VLS_60: {}, __VLS_62: {};
+}, __VLS_43: {}, __VLS_51: {}, __VLS_53: {}, __VLS_61: {}, __VLS_63: {};
 type __VLS_Slots = {} & {
-    logo?: (props: typeof __VLS_12) => any;
+    logo?: (props: typeof __VLS_13) => any;
 } & {
-    'sidebar-actions'?: (props: typeof __VLS_15) => any;
+    'sidebar-actions'?: (props: typeof __VLS_16) => any;
 } & {
-    'sidebar-footer'?: (props: typeof __VLS_18) => any;
+    'sidebar-footer'?: (props: typeof __VLS_19) => any;
 } & {
-    'sidebar-item'?: (props: typeof __VLS_21) => any;
+    'sidebar-item'?: (props: typeof __VLS_22) => any;
 } & {
-    'header-title'?: (props: typeof __VLS_42) => any;
+    'header-title'?: (props: typeof __VLS_43) => any;
 } & {
-    'header-actions'?: (props: typeof __VLS_50) => any;
+    'header-actions'?: (props: typeof __VLS_51) => any;
 } & {
-    default?: (props: typeof __VLS_52) => any;
+    default?: (props: typeof __VLS_53) => any;
 } & {
-    default?: (props: typeof __VLS_60) => any;
+    default?: (props: typeof __VLS_61) => any;
 } & {
-    overlays?: (props: typeof __VLS_62) => any;
+    overlays?: (props: typeof __VLS_63) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     openDrawer: () => void;
@@ -64,10 +68,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     select: (item: SidebarItem) => any;
     "update:modelValue": (id: string) => any;
     "update:open": (value: boolean) => any;
+    "update:collapsed": (keys: 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;
 }>, {
     contentClass: string;
     mobileBreakpoint: "sm" | "md" | "lg" | "xl";

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCard-gu11ZmSt.js";
+import { _ as _sfc_main } from "../chunks/LpCard-DSefTGEH.js";
 export {
   _sfc_main as default
 };

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

@@ -6,9 +6,11 @@ type __VLS_Props = {
 };
 declare var __VLS_7: {
     id: string;
-};
+}, __VLS_15: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
+} & {
+    hint?: (props: typeof __VLS_15) => 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/LpFormField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFormField-CesaPWPO.js";
+import { _ as _sfc_main } from "../chunks/LpFormField-fV_2ZdCk.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpInput.vue.js

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

package/dist/components/LpPasswordInput.vue.js

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

package/dist/components/LpSelect.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSelect-Cw8-gL5F.js";
+import { _ as _sfc_main } from "../chunks/LpSelect-ANIVtrpM.js";
 export {
   _sfc_main as default
 };

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

@@ -35,45 +35,67 @@ type __VLS_Props = {
      * flush, header-less look.
      */
     divider?: boolean;
+    /**
+     * Which collapsible groups are folded away (v-model:collapsed). Leave it
+     * unbound to let the sidebar fold long navs on its own — see
+     * `autoCollapseAfter`.
+     */
+    collapsed?: string[];
+    /**
+     * Fold collapsible groups automatically once the nav has more than this
+     * many rows, counting headings and items alike.
+     *
+     * The reason is the reader, not the pixels: a short nav is taken in at a
+     * glance, a long one has to be searched, and searching a list you did not
+     * choose to have is the part that grates. Past the threshold the groups
+     * that are not today's work fold themselves, and the one holding the
+     * current page always stays open.
+     *
+     * 0 turns it off — the app then owns the state through `collapsed`.
+     */
+    autoCollapseAfter?: number;
 };
-declare var __VLS_1: {}, __VLS_12: {
+declare var __VLS_1: {}, __VLS_13: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_14: {}, __VLS_16: {}, __VLS_26: {}, __VLS_37: {
+}, __VLS_15: {}, __VLS_17: {}, __VLS_27: {}, __VLS_39: {
     item: SidebarItem;
     active: boolean;
-}, __VLS_39: {}, __VLS_41: {};
+}, __VLS_41: {}, __VLS_43: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
 } & {
-    item?: (props: typeof __VLS_12) => any;
+    item?: (props: typeof __VLS_13) => any;
 } & {
-    actions?: (props: typeof __VLS_14) => any;
+    actions?: (props: typeof __VLS_15) => any;
 } & {
-    footer?: (props: typeof __VLS_16) => any;
+    footer?: (props: typeof __VLS_17) => any;
 } & {
-    header?: (props: typeof __VLS_26) => any;
+    header?: (props: typeof __VLS_27) => any;
 } & {
-    item?: (props: typeof __VLS_37) => any;
+    item?: (props: typeof __VLS_39) => any;
 } & {
-    actions?: (props: typeof __VLS_39) => any;
+    actions?: (props: typeof __VLS_41) => any;
 } & {
-    footer?: (props: typeof __VLS_41) => any;
+    footer?: (props: typeof __VLS_43) => 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;
 }, 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;
 }>, {
     skeletonRows: number;
     skeletonHeader: boolean;
     responsive: boolean;
     mobileBreakpoint: "sm" | "md" | "lg" | "xl";
     divider: boolean;
+    autoCollapseAfter: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;