@leavepulse/ui 0.71.2 → 0.72.1

package/dist/assets/{LpKeys-BxRhfQda.css → LpKeys-C5VMcBOW.css}

@@ -1,20 +1,25 @@
 
-.lp-keys[data-v-5c6ae8ec] {
+.lp-keys[data-v-a08e27f1] {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 3px;
   color: var(--color-muted);
 }
-.lp-keys__then[data-v-5c6ae8ec] {
+.lp-keys__step[data-v-a08e27f1] {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+}
+.lp-keys__then[data-v-a08e27f1] {
   padding: 0 2px;
   font-size: 0.68rem;
 }
-.lp-keys__label[data-v-5c6ae8ec] {
+.lp-keys__label[data-v-a08e27f1] {
   margin-left: 5px;
   font-size: 0.75rem;
 }
-kbd[data-v-5c6ae8ec] {
+kbd[data-v-a08e27f1] {
   display: inline-flex;
   min-width: 20px;
   align-items: center;
@@ -29,7 +34,7 @@ kbd[data-v-5c6ae8ec] {
   font-size: 0.7rem;
   line-height: 1.5;
 }
-.lp-keys--sm kbd[data-v-5c6ae8ec] {
+.lp-keys--sm kbd[data-v-a08e27f1] {
   min-width: 16px;
   padding: 0 4px;
   font-size: 0.65rem;

package/dist/assets/LpTabs-CDchzoRL.css

@@ -0,0 +1,18 @@
+
+.lp-tab-badge-enter-active[data-v-9f51a497],
+.lp-tab-badge-leave-active[data-v-9f51a497] {
+  transition:
+    opacity var(--duration-fast) var(--ease-emphasized),
+    transform var(--duration-fast) var(--ease-emphasized);
+}
+.lp-tab-badge-enter-from[data-v-9f51a497],
+.lp-tab-badge-leave-to[data-v-9f51a497] {
+  opacity: 0;
+  transform: scale(0.6);
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-tab-badge-enter-active[data-v-9f51a497],
+  .lp-tab-badge-leave-active[data-v-9f51a497] {
+    transition: none;
+}
+}

package/dist/chunks/{ContextMenuItems-eS7qx9gD.js → ContextMenuItems-BXumicbh.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, withCtx, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, unref, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuItem, ContextMenuPortal, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSub, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuItem } from "reka-ui";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import MenuShortcut from "../components/MenuShortcut.vue.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };

package/dist/chunks/{DropzoneLinkField-DkFhdfEJ.js → DropzoneLinkField-DpOB20Lx.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useModel, ref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass, mergeModels } from "vue";
-import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
-import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
+import { _ as _sfc_main$2 } from "./LpButton-CW34A1e4.js";
+import { _ as _sfc_main$1 } from "./LpInput-DqmL-438.js";
 const _hoisted_1 = { class: "flex w-full flex-col gap-1.5" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{FieldWrapper-YzbvvC3M.js → FieldWrapper-DHhRxO5G.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpFormField-gRASfyj2.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CC57DdTi.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "FieldWrapper",

package/dist/chunks/{LayoutCanvas-Ba4A9QC5.js → LayoutCanvas-CNOAUk7D.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$1 } from "./LayoutNode-CTTTLMDM.js";
+import { _ as _sfc_main$1 } from "./LayoutNode-DF5BMN0J.js";
 import { resizeAt, setActiveTab, reorderTab, removeBlock, moveLeaf } from "../layout/tree.js";
 import { layoutController } from "../layout/useLayout.js";
 const _hoisted_1 = { class: "flex min-h-0 min-w-0 flex-1" };

package/dist/chunks/{LayoutNode-CTTTLMDM.js → LayoutNode-DF5BMN0J.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, onBeforeUnmount, resolveComponent, open
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { blockTitle } from "../layout/registry.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 const _hoisted_1 = ["onPointerdown"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpActionBar-B7anGlkI.js → LpActionBar-BqicINE_.js}

@@ -2,9 +2,9 @@ import { defineComponent, useSlots, computed, ref, watch, openBlock, createBlock
 import { useLabels } from "../composables/useLpConfig.js";
 import { useBarStack } from "../components/actionBar.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$2 } from "./LpButton-CW34A1e4.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpLoader-CUo1MX_0.js";
 import { usePortalTarget } from "../composables/useView.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpAddressInput-Bu6ws3Fp.js → LpAddressInput-CkbKLufb.js}

@@ -2,13 +2,13 @@ import { defineComponent, defineAsyncComponent, computed, watch, ref, onMounted,
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
-import { _ as _sfc_main$2 } from "./LpAutocomplete-DDqe2M5g.js";
-import { _ as _sfc_main$3 } from "./LpButton-BQDAFXBd.js";
-import { _ as _sfc_main$1 } from "./LpFormField-gRASfyj2.js";
-import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$5 } from "./LpInput-2H-5ILOB.js";
-import { _ as _sfc_main$7 } from "./LpModal-CpH0bNo7.js";
-import { _ as _sfc_main$6 } from "./LpSelect-D3pRJfRY.js";
+import { _ as _sfc_main$2 } from "./LpAutocomplete-DOu7FN5P.js";
+import { _ as _sfc_main$3 } from "./LpButton-CW34A1e4.js";
+import { _ as _sfc_main$1 } from "./LpFormField-CC57DdTi.js";
+import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$5 } from "./LpInput-DqmL-438.js";
+import { _ as _sfc_main$7 } from "./LpModal-BnjZ2iem.js";
+import { _ as _sfc_main$6 } from "./LpSelect-Cxq4yBGd.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpAlert-BHi7ARqu.js → LpAlert-BigMdAbu.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, useSlots, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, Transition, withCtx, createBlock, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$1 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$3 } from "./LpSwap-DzE6M3Mg.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpLoader-CUo1MX_0.js";
+import { _ as _sfc_main$3 } from "./LpSwap-Xi4j9PR_.js";
 import { slotText } from "../components/slotText.js";
 import { TONES, toneLook } from "../components/tone.js";
 const _hoisted_1 = ["role", "aria-busy"];

package/dist/chunks/{LpAppShell-C5YW5pI7.js → LpAppShell-DIMy-vjP.js}

@@ -1,10 +1,11 @@
-import { defineComponent, computed, useModel, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock, mergeModels } from "vue";
+import { defineComponent, computed, useModel, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock, createCommentVNode, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$6 } from "./LpBottomNav-BZIpahzA.js";
+import { _ as _sfc_main$2 } from "./LpButton-CW34A1e4.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
-import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-Bk7b-K4l.js";
+import { _ as _sfc_main$4 } from "./LpShift-C-UGuKMN.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-DXdbvgM6.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };
@@ -32,17 +33,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     contentClass: { default: "mx-auto w-full max-w-6xl" },
     fullBleed: { type: Boolean },
     loading: { type: Boolean },
-    labels: {}
+    labels: {},
+    compact: { type: Boolean, default: void 0 },
+    resizable: { type: Boolean },
+    pinnable: { type: Boolean },
+    pinned: {},
+    persist: {},
+    previewDelay: {},
+    compactHotkey: { type: [String, Boolean] },
+    environment: {},
+    hints: {},
+    bottomNav: { type: [Boolean, Number, Array] }
   }, {
     "open": { type: Boolean, ...{ default: false } },
     "openModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:collapsed", "select"], ["update:open"]),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:collapsed", "select", "update:compact", "update:pinned"], ["update:open"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const flatItems = computed(
-      () => props.sections ? props.sections.flatMap((s) => s.items) : props.items ?? []
+      () => (props.sections ? props.sections.flatMap((s) => s.items) : props.items ?? []).flatMap((i) => [i, ...i.children ?? []])
     );
     function matchesPath(item) {
       if (item.id === "/") return props.path === "/";
@@ -92,7 +103,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       lg: "lg:hidden",
       xl: "xl:hidden"
     };
-    const burgerClass = computed(() => burgerHidden[props.mobileBreakpoint]);
+    const burgerClass = computed(() => props.bottomNav ? "hidden" : burgerHidden[props.mobileBreakpoint]);
+    const topItems = computed(() => props.sections ? props.sections.flatMap((s) => s.items) : props.items ?? []);
+    const bottomItems = computed(() => {
+      const want = props.bottomNav;
+      if (!want) return [];
+      if (Array.isArray(want)) return want.map((id) => topItems.value.find((i) => i.id === id)).filter((i) => !!i);
+      return topItems.value.slice(0, want === true ? 4 : want);
+    });
+    const moreActive = computed(() => {
+      const shown = new Set(bottomItems.value.map((i) => i.id));
+      return flatItems.value.some((i) => !shown.has(i.id) && activeTest.value(i)) && !bottomItems.value.some((i) => activeTest.value(i));
+    });
+    function onBottom(item) {
+      onModel(item.id);
+      onSelect(item);
+    }
     const _openDrawer = () => drawerOpen.value = true;
     __expose({ openDrawer: _openDrawer });
     const { class: rootClass, attrs: rest } = useMergedAttrs(
@@ -118,16 +144,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           loading: __props.loading,
           collapsed: __props.collapsed,
           "auto-collapse-after": __props.autoCollapseAfter,
+          compact: __props.compact,
+          resizable: __props.resizable,
+          pinnable: __props.pinnable,
+          pinned: __props.pinned,
+          persist: __props.persist,
+          "preview-delay": __props.previewDelay,
+          "compact-hotkey": __props.compactHotkey,
+          environment: __props.environment,
+          hints: __props.hints,
           class: "shrink-0",
           "onUpdate:modelValue": onModel,
-          "onUpdate:open": _cache[0] || (_cache[0] = (v) => drawerOpen.value = v),
-          "onUpdate:collapsed": _cache[1] || (_cache[1] = (v) => emit("update:collapsed", v)),
+          "onUpdate:compact": _cache[0] || (_cache[0] = (v) => emit("update:compact", v)),
+          "onUpdate:pinned": _cache[1] || (_cache[1] = (v) => emit("update:pinned", v)),
+          "onUpdate:open": _cache[2] || (_cache[2] = (v) => drawerOpen.value = v),
+          "onUpdate:collapsed": _cache[3] || (_cache[3] = (v) => emit("update:collapsed", v)),
           onSelect
         }, createSlots({ _: 2 }, [
           _ctx.$slots.logo ? {
             name: "header",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "logo")
+            fn: withCtx(({ compact: folded }) => [
+              renderSlot(_ctx.$slots, "logo", { compact: folded })
             ]),
             key: "0"
           } : void 0,
@@ -140,8 +177,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           } : void 0,
           _ctx.$slots["sidebar-footer"] ? {
             name: "footer",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sidebar-footer")
+            fn: withCtx(({ compact: folded }) => [
+              renderSlot(_ctx.$slots, "sidebar-footer", { compact: folded })
             ]),
             key: "2"
           } : void 0,
@@ -152,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             key: "3"
           } : void 0
-        ]), 1032, ["model-value", "items", "sections", "is-active", "open", "mobile-breakpoint", "divider", "loading", "collapsed", "auto-collapse-after"]),
+        ]), 1032, ["model-value", "items", "sections", "is-active", "open", "mobile-breakpoint", "divider", "loading", "collapsed", "auto-collapse-after", "compact", "resizable", "pinnable", "pinned", "persist", "preview-delay", "compact-hotkey", "environment", "hints"]),
         createElementVNode("div", _hoisted_2, [
           createElementVNode("header", _hoisted_3, [
             createVNode(_sfc_main$2, {
@@ -161,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "sm",
               square: "",
               "aria-label": unref(text).openMenu,
-              onClick: _cache[2] || (_cache[2] = ($event) => drawerOpen.value = true)
+              onClick: _cache[4] || (_cache[4] = ($event) => drawerOpen.value = true)
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$3, {
@@ -173,6 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["class", "aria-label"]),
             createVNode(_sfc_main$4, {
               axis: "height",
+              presence: "",
               class: "flex min-w-0 flex-1 items-center"
             }, {
               default: withCtx(() => [
@@ -184,6 +222,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             createVNode(_sfc_main$4, {
               axis: "width",
+              anchor: "end",
+              presence: "",
               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(() => [
@@ -211,7 +251,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             }, 8, ["content-class"]))
-          ])
+          ]),
+          __props.bottomNav ? (openBlock(), createBlock(_sfc_main$6, {
+            key: 0,
+            class: normalizeClass(burgerHidden[__props.mobileBreakpoint]),
+            items: bottomItems.value,
+            "is-active": activeTest.value,
+            more: "",
+            "more-active": moreActive.value,
+            onSelect: onBottom,
+            onMore: _cache[5] || (_cache[5] = ($event) => drawerOpen.value = true)
+          }, null, 8, ["class", "items", "is-active", "more-active"])) : createCommentVNode("", true)
         ]),
         renderSlot(_ctx.$slots, "overlays")
       ], 16);

package/dist/chunks/{LpAutocomplete-DDqe2M5g.js → LpAutocomplete-DOu7FN5P.js}

@@ -5,8 +5,8 @@ import { useFieldControl } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { CLOSE_ICON, POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./OptionContent-DPzNsybd.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./OptionContent-22UT8zLn.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "relative flex min-w-0 flex-1 self-stretch" };

package/dist/chunks/{LpAvatar-DqfKCIdr.js → LpAvatar-Cg6Az3wz.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, onMounted, openBlock, createBlock, unre
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
 import { MenuWhen } from "../components/menuWhen.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$1 } from "./LpIdenticon-BzdC_qz9.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpBadge-C8fKEmTF.js → LpBadge-Huo8EKew.js}

@@ -3,9 +3,9 @@ import { tv } from "tailwind-variants";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedClass } from "../composables/useMergedClass.js";
 import { BADGE_REMOVE } from "../components/badge.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$1 } from "./LpShift-C-UGuKMN.js";
 import { slotText } from "../components/slotText.js";
 import { TONES } from "../components/tone.js";
 const _hoisted_1 = { class: "inline-flex max-w-full items-center gap-1.5 whitespace-nowrap" };

package/dist/chunks/LpBottomNav-BZIpahzA.js

@@ -0,0 +1,89 @@
+import { defineComponent, useId, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, createVNode } from "vue";
+import { Motion } from "motion-v";
+import { usePillTransition } from "../composables/usePillTransition.js";
+import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
+import { resolveLink } from "../components/link.js";
+import { _ as _sfc_main$1 } from "./LpTabFace-CG0VqD8I.js";
+import { BOTTOM_BAR, BOTTOM_ITEM, BOTTOM_MARKER } from "../components/tabs.js";
+const _hoisted_1 = ["aria-label"];
+const ROW = "relative flex items-center justify-center outline-none transition-[color,opacity] duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpBottomNav",
+  props: {
+    items: {},
+    modelValue: {},
+    isActive: {},
+    more: { type: Boolean, default: false },
+    moreActive: { type: Boolean, default: false },
+    label: {},
+    labels: {}
+  },
+  emits: ["select", "more"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const text = useLabels("bottomNav", { nav: "Main", more: "More" }, () => props.labels);
+    const linkComponent = useLinkComponent();
+    const pillTransition = usePillTransition();
+    const markerId = `lp-bottom-nav-${useId()}`;
+    function active(item) {
+      return props.isActive ? props.isActive(item) : item.id === props.modelValue;
+    }
+    function rowOf(item) {
+      const link = item.disabled ? null : resolveLink(linkComponent.value, { to: item.to, href: item.href });
+      return link ?? { is: "button", props: { type: "button", disabled: item.disabled || void 0 } };
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        "aria-label": __props.label ?? unref(text).nav,
+        class: normalizeClass(unref(BOTTOM_BAR))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+          return openBlock(), createBlock(resolveDynamicComponent(rowOf(item).is), mergeProps({
+            key: item.id
+          }, { ref_for: true }, rowOf(item).props, {
+            "aria-current": active(item) ? "page" : void 0,
+            class: [ROW, unref(BOTTOM_ITEM), item.disabled ? "cursor-not-allowed opacity-45" : active(item) ? "text-brand" : "text-muted"],
+            onClick: ($event) => emit("select", item)
+          }), {
+            default: withCtx(() => [
+              active(item) ? (openBlock(), createBlock(unref(Motion), {
+                key: 0,
+                "layout-id": markerId,
+                transition: unref(pillTransition),
+                class: normalizeClass([unref(BOTTOM_MARKER), "bg-brand"])
+              }, null, 8, ["transition", "class"])) : createCommentVNode("", true),
+              createVNode(_sfc_main$1, {
+                item,
+                bottom: "",
+                active: active(item)
+              }, null, 8, ["item", "active"])
+            ]),
+            _: 2
+          }, 1040, ["aria-current", "class", "onClick"]);
+        }), 128)),
+        __props.more ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          type: "button",
+          class: normalizeClass([ROW, unref(BOTTOM_ITEM), __props.moreActive ? "text-brand" : "text-muted"]),
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("more"))
+        }, [
+          __props.moreActive ? (openBlock(), createBlock(unref(Motion), {
+            key: 0,
+            "layout-id": markerId,
+            transition: unref(pillTransition),
+            class: normalizeClass([unref(BOTTOM_MARKER), "bg-brand"])
+          }, null, 8, ["transition", "class"])) : createCommentVNode("", true),
+          createVNode(_sfc_main$1, {
+            item: { label: unref(text).more, icon: "lucide:menu" },
+            bottom: "",
+            active: __props.moreActive
+          }, null, 8, ["item", "active"])
+        ], 2)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpBreadcrumbs-DhcoStFa.js → LpBreadcrumbs-DGtpBhWt.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, TransitionGroup, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
+import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$1 } from "./LpShift-C-UGuKMN.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { resolveLink } from "../components/link.js";

package/dist/chunks/{LpButton-BQDAFXBd.js → LpButton-CW34A1e4.js}

@@ -7,7 +7,7 @@ import { useHotkeys, useAppleKeyboard, appleModifierLabel, parseCombo } from "..
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$1 } from "./LpLoader-CUo1MX_0.js";
 import { resolveLink } from "../components/link.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCalendar-NmrA47J9.js → LpCalendar-CuoWks-0.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, shallowRef, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { today, getLocalTimeZone, parseDate } from "@internationalized/date";
 import { CalendarRoot, CalendarHeader, CalendarPrev, CalendarHeading, CalendarNext, CalendarGrid, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarGridBody, CalendarCell, CalendarCellTrigger } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { CALENDAR_LABELS, CALENDAR_NAV, CALENDAR_FRAME } from "../components/calendar.js";

package/dist/chunks/{LpCard-CqKLnEhl.js → LpCard-B0sFXQzc.js}

@@ -3,7 +3,7 @@ import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { MenuWhen } from "../components/menuWhen.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$1 } from "./LpSwap-DzE6M3Mg.js";
+import { _ as _sfc_main$1 } from "./LpSwap-Xi4j9PR_.js";
 import { useSpotlight } from "../composables/useSpotlight.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCheckbox-BoOuLnGB.js → LpCheckbox-iaD63DEF.js}

@@ -1,8 +1,8 @@
 import { defineComponent, useId, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, normalizeClass, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, createElementVNode } from "vue";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { CheckboxRoot, CheckboxIndicator } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpLoader-CUo1MX_0.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useOptimisticToggle } from "../composables/useOptimisticToggle.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpCodeBlock-Czu-fq1M.js → LpCodeBlock-CFFa_pJb.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, reactive, watch, ref, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, createBlock, normalizeStyle, normalizeClass, Fragment, renderList } from "vue";
 import { tokenizeLines } from "../components/codeHighlight.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-Dmq7DmFw.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-BNcGbVXF.js";
+import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpCodeDisplay-C9pIMF2R.js → LpCodeDisplay-CFmGMAmP.js}

@@ -2,12 +2,12 @@ import { defineComponent, useModel, computed, ref, watch, openBlock, createEleme
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$6 } from "./LpCheckbox-BoOuLnGB.js";
-import { _ as _sfc_main$3 } from "./LpCopyButton-Dmq7DmFw.js";
-import { _ as _sfc_main$5 } from "./LpCountdown-CXrEK0ev.js";
-import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-BVFM_FAU.js";
+import { _ as _sfc_main$6 } from "./LpCheckbox-iaD63DEF.js";
+import { _ as _sfc_main$3 } from "./LpCopyButton-BNcGbVXF.js";
+import { _ as _sfc_main$5 } from "./LpCountdown-Cak7cq3X.js";
+import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-B54Pje7P.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-jBLJwVwO.js";
 import { groupCode } from "../components/fieldText.js";
 import { toEpoch, formatTime, ceilToSecond, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = { class: "flex flex-wrap items-center gap-x-2 gap-y-1" };