@leavepulse/ui 0.76.1 → 0.77.0

package/dist/chunks/{LpAddressInput-De_LTYM7.js → LpAddressInput-sYMvYzcY.js}

@@ -7,7 +7,7 @@ import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$1 } from "./LpFormField-Ch69Jd-X.js";
 import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$5 } from "./LpInput-Tw-yxT4I.js";
-import { _ as _sfc_main$7 } from "./LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$7 } from "./LpModal-CoGhLTyH.js";
 import { _ as _sfc_main$6 } from "./LpSelect-Cxq4yBGd.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpAppShell-Cpy_t1U_.js → LpAppShell-Dgejipzz.js}

@@ -5,9 +5,9 @@ import { _ as _sfc_main$7 } from "./LpBottomNav-CbNQQPuL.js";
 import { _ as _sfc_main$2 } from "./LpContextSwitcher-Dwh6dyID.js";
 import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$6 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$6 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$5 } from "./LpShift-CCq7dofl.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-D6zO8vLm.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-DzE1783C.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpConfirmDialog-CphJR6Q9.js → LpConfirmDialog-DlD45Bi_.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, openBlock, createBlock, createSl
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$1 } from "./LpModal-CoGhLTyH.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-QSJ0zl63.js → LpConfirmHost-BIWjBLmI.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-CphJR6Q9.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-DlD45Bi_.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpDrawer-DQZixOqJ.js → LpDrawer-CrG8t_KP.js}

@@ -8,7 +8,7 @@ import { useOverlayHistory } from "../composables/useOverlayHistory.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };

package/dist/chunks/{LpFileTree-zIFEgo3I.js → LpFileTree-CooHinsC.js}

@@ -3,7 +3,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-EQHiRYhG.js";
 import { _ as _sfc_main$4 } from "./LpFileTreeNode-cT6BIWvz.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpLogViewer-D25jM2_I.js → LpLogViewer-ngqkns4m.js}

@@ -9,7 +9,7 @@ import { _ as _sfc_main$4 } from "./LpEmptyState-EQHiRYhG.js";
 import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$5 } from "./LpLoader-DVwkOmt9.js";
 import { _ as _sfc_main$1 } from "./LpInput-Tw-yxT4I.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-MyEnVB_5.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";

package/dist/chunks/{LpModal-C0tGg_D_.js → LpModal-CoGhLTyH.js}

@@ -8,7 +8,7 @@ import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpModalNav-iDDtT9c1.js → LpModalNav-BGvs2y5Q.js}

@@ -3,8 +3,8 @@ import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-C0tGg_D_.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-D6zO8vLm.js";
+import { _ as _sfc_main$1 } from "./LpModal-CoGhLTyH.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-DzE1783C.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-3244LUVc.js → LpNotificationBell-B0034Lk-.js}

@@ -9,7 +9,7 @@ import { _ as _sfc_main$7 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
 import { _ as _sfc_main$8 } from "./LpRelativeTime-DwgCb5-8.js";
 import { _ as _sfc_main$b } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$2 } from "./LpShift-CCq7dofl.js";
 import { toneLook } from "../components/tone.js";

package/dist/chunks/{LpScrollArea-Hz3-JWUG.js → LpScrollArea-MyEnVB_5.js}

@@ -8,6 +8,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     fade: { type: Boolean, default: true },
     instant: { type: Boolean, default: false },
+    floating: { type: Boolean, default: false },
     contentClass: {},
     barInsetTop: {}
   },
@@ -119,33 +120,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "vertical",
             "force-mount": "",
-            class: normalizeClass(["group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px", barFade]),
+            class: normalizeClass(["group z-1 flex touch-none select-none justify-end pl-2.5", [barFade, __props.floating ? "w-4 py-1 pr-1" : "w-3.5 py-px pr-px"]]),
             style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0),
             onPointerdownCapture: _cache[0] || (_cache[0] = ($event) => onTrackPointerDown($event, "y"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: "relative min-w-1 rounded-l-pill bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand",
+                class: normalizeClass(["relative min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-l-pill"]),
                 onPointerdown: onThumbPointerDown
-              })
+              }, null, 8, ["class"])
             ]),
             _: 1
-          }, 8, ["style"]),
+          }, 8, ["class", "style"]),
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "horizontal",
-            class: normalizeClass(["group z-1 flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5", barFade]),
+            class: normalizeClass(["group z-1 flex flex-col touch-none select-none justify-end pt-2.5", [barFade, __props.floating ? "h-4 px-1 pb-1" : "h-3.5 px-px pb-px"]]),
             onPointerdownCapture: _cache[1] || (_cache[1] = ($event) => onTrackPointerDown($event, "x"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: "relative min-h-1 rounded-t-pill bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand",
+                class: normalizeClass(["relative min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-t-pill"]),
                 onPointerdown: onThumbPointerDown
-              })
+              }, null, 8, ["class"])
             ]),
             _: 1
-          }),
+          }, 8, ["class"]),
           createVNode(unref(ScrollAreaViewport), {
             ref_key: "viewportRef",
             ref: viewportRef,

package/dist/chunks/{LpSidebar-D6zO8vLm.js → LpSidebar-DzE1783C.js}

@@ -2,11 +2,11 @@ import { defineComponent, computed, ref, useId, openBlock, createElementBlock, F
 import { useHotkeys, parseCombo } from "../composables/useHotkeys.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$5 } from "./LpDrawer-DQZixOqJ.js";
+import { _ as _sfc_main$5 } from "./LpDrawer-CrG8t_KP.js";
 import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$3 } from "./LpInput-Tw-yxT4I.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-Bky8chrv.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-DE3PhXVP.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpSidebarNav-Bky8chrv.js → LpSidebarNav-DE3PhXVP.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
 import "../composables/useHotkeys.js";
 import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-C5VMcBOW.css';/* empty css                */
 /* empty css                      */
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$3 } from "./LpSidebarRow-BRYhNDSo.js";
 import { waiting } from "../components/sidebar.js";

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCommandPalette.vue.js

@@ -7,7 +7,7 @@ import { _ as _sfc_main$6 } from "../chunks/PalettePreviewBoundary-B0Hhu3Yw.js";
 import { _ as _sfc_main$5 } from "../chunks/LpAvatar-Cg6Az3wz.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$2 } from "../chunks/LpLoader-DVwkOmt9.js";
-import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-MyEnVB_5.js";
 import MenuShortcut from "./MenuShortcut.vue.js";
 import { staggerDelay } from "./reveal.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-CphJR6Q9.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-DlD45Bi_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-QSJ0zl63.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-BIWjBLmI.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-DQZixOqJ.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-CrG8t_KP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-zIFEgo3I.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-CooHinsC.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-D25jM2_I.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-ngqkns4m.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-C0tGg_D_.js";
+import { _ as _sfc_main } from "../chunks/LpModal-CoGhLTyH.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-iDDtT9c1.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-BGvs2y5Q.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

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

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

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     fade?: boolean;
     instant?: boolean;
+    floating?: boolean;
     contentClass?: string;
     barInsetTop?: string;
 };
@@ -17,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     fade: boolean;
     instant: boolean;
+    floating: boolean;
 }, {}, {}, {}, 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/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-MyEnVB_5.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode } from "vue";
 import LpKeys from "./LpKeys.vue.js";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-CoGhLTyH.js";
 import { mergeShortcutGroups, activeShortcuts, useHotkeys } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpTable.vue.js

@@ -10,7 +10,7 @@ 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-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$7 } from "../chunks/LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$6 } from "../chunks/LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "../chunks/LpShift-CCq7dofl.js";
 import { _ as _sfc_main$b } from "../chunks/LpTableFilter-CiVBpaq0.js";

package/dist/index.js

@@ -1,10 +1,10 @@
 import { _ } from "./chunks/LayoutCanvas-CNOAUk7D.js";
-import { _ as _2 } from "./chunks/LpAddressInput-De_LTYM7.js";
+import { _ as _2 } from "./chunks/LpAddressInput-sYMvYzcY.js";
 import { _ as _3 } from "./chunks/LpMapPicker-DRGgh89B.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-BP1ld7-S.js";
 import { _ as _5 } from "./chunks/LpAlert-n5XPAZfv.js";
-import { _ as _6 } from "./chunks/LpAppShell-Cpy_t1U_.js";
+import { _ as _6 } from "./chunks/LpAppShell-Dgejipzz.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-DOu7FN5P.js";
 import { _ as _8 } from "./chunks/LpAvatar-Cg6Az3wz.js";
 import { _ as _9 } from "./chunks/LpBadge-wUYLN4U9.js";
@@ -30,8 +30,8 @@ import { default as default6 } from "./components/LpPaletteStats.vue.js";
 import { default as default7 } from "./components/LpPaletteSwatches.vue.js";
 import { default as default8 } from "./components/LpKeys.vue.js";
 import { comboKeys, comboSteps } from "./components/keys.js";
-import { _ as _18 } from "./chunks/LpConfirmDialog-CphJR6Q9.js";
-import { _ as _19 } from "./chunks/LpConfirmHost-QSJ0zl63.js";
+import { _ as _18 } from "./chunks/LpConfirmDialog-DlD45Bi_.js";
+import { _ as _19 } from "./chunks/LpConfirmHost-BIWjBLmI.js";
 import { confirm, useConfirm } from "./components/confirm.js";
 import { _ as _20 } from "./chunks/LpContextMenu-rx2tCjwk.js";
 import { _ as _21 } from "./chunks/LpDatePicker-CA0QTfBC.js";
@@ -40,11 +40,11 @@ import { _ as _23 } from "./chunks/LpRangeCalendar-CYYUYqJ7.js";
 import { clampRange, dayAllowed, defaultDatePresets, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange.js";
 import { _ as _24 } from "./chunks/LpDisclosure-Cpa7Hc5T.js";
 import { _ as _25 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _26 } from "./chunks/LpDrawer-DQZixOqJ.js";
+import { _ as _26 } from "./chunks/LpDrawer-CrG8t_KP.js";
 import { _ as _27 } from "./chunks/LpDropdownMenu-Dl7Z4ZhS.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
 import { _ as _28 } from "./chunks/LpEmptyState-EQHiRYhG.js";
-import { _ as _29 } from "./chunks/LpFileTree-zIFEgo3I.js";
+import { _ as _29 } from "./chunks/LpFileTree-CooHinsC.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _30 } from "./chunks/LpFieldNotice-CzQ2_5rQ.js";
 import { _ as _31 } from "./chunks/LpFormField-Ch69Jd-X.js";
@@ -56,12 +56,12 @@ import { _ as _34 } from "./chunks/LpInput-Tw-yxT4I.js";
 import { _ as _35 } from "./chunks/LpLightbox-B95yu22B.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _37 } from "./chunks/LpLogViewer-D25jM2_I.js";
+import { _ as _37 } from "./chunks/LpLogViewer-ngqkns4m.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
 import { _ as _38 } from "./chunks/LpMediaGallery-Bkram-MO.js";
-import { _ as _39 } from "./chunks/LpModal-C0tGg_D_.js";
-import { _ as _40 } from "./chunks/LpModalNav-iDDtT9c1.js";
-import { _ as _41 } from "./chunks/LpNotificationBell-3244LUVc.js";
+import { _ as _39 } from "./chunks/LpModal-CoGhLTyH.js";
+import { _ as _40 } from "./chunks/LpModalNav-BGvs2y5Q.js";
+import { _ as _41 } from "./chunks/LpNotificationBell-B0034Lk-.js";
 import { _ as _42 } from "./chunks/LpNumberField-e0IBkWU1.js";
 import { _ as _43 } from "./chunks/LpTimeField-BawSVsmt.js";
 import { _ as _44 } from "./chunks/LpNumberFlow-Vqj0tP7B.js";
@@ -76,7 +76,7 @@ import { _ as _51 } from "./chunks/LpProgress-Yr6ONG5t.js";
 import { _ as _52 } from "./chunks/LpRadio-CWA5Eb3M.js";
 import { _ as _53 } from "./chunks/LpRadioGroup-ggaPL92T.js";
 import { _ as _54 } from "./chunks/LpRollingText-B54Pje7P.js";
-import { _ as _55 } from "./chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _55 } from "./chunks/LpScrollArea-MyEnVB_5.js";
 import { _ as _56 } from "./chunks/LpSegmented-CeACsMMA.js";
 import { _ as _57 } from "./chunks/LpSection-DFK_uoJE.js";
 import { _ as _58 } from "./chunks/LpSelect-Cxq4yBGd.js";
@@ -86,7 +86,7 @@ import { _ as _60 } from "./chunks/LpShift-CCq7dofl.js";
 import { _ as _61 } from "./chunks/LpSwap-C96c0LWh.js";
 import { _ as _62 } from "./chunks/LpHintExample-9Py0wc-L.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _63 } from "./chunks/LpSidebar-D6zO8vLm.js";
+import { _ as _63 } from "./chunks/LpSidebar-DzE1783C.js";
 import { _ as _64 } from "./chunks/LpContextSwitcher-Dwh6dyID.js";
 import { _ as _65 } from "./chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _66 } from "./chunks/LpSlider-DxYoCJJO.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.76.1",
+  "version": "0.77.0",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpScrollArea.vue

@@ -23,6 +23,10 @@ import { prefersReducedMotion } from "../composables/easing"
 // `contentClass` styles the scrollable CONTENT container (the viewport's inner
 // wrapper) — put list layout here (display:grid / gap / padding), not on the
 // component root, since items live inside reka's viewport.
+// `floating` is for a region that sits inside a card or a panel rather than
+// against a wall: the bar keeps a gap from the edge and its thumb is rounded at
+// both ends. Flush to a wall, a half-rounded thumb reads as part of the frame;
+// in the middle of a card the same thumb looks sliced off.
 // `barInsetTop` (any CSS length) pulls the vertical scrollbar down by that much,
 // so it doesn't run under a sticky header pinned at the top of the viewport.
 // Wheel and keyboard scrolling ease by default. `instant` opts back out, and
@@ -35,10 +39,11 @@ const props = withDefaults(
   defineProps<{
     fade?: boolean
     instant?: boolean
+    floating?: boolean
     contentClass?: string
     barInsetTop?: string
   }>(),
-  { fade: true, instant: false },
+  { fade: true, instant: false, floating: false },
 )
 
 // Re-emit the native scroll event of the underlying viewport so consumers that
@@ -251,8 +256,8 @@ function onThumbPointerDown() {
     <ScrollAreaScrollbar
       orientation="vertical"
       force-mount
-      class="group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px"
-      :class="barFade"
+      class="group z-1 flex touch-none select-none justify-end pl-2.5"
+      :class="[barFade, floating ? 'w-4 py-1 pr-1' : 'w-3.5 py-px pr-px']"
       :style="barInsetTop ? { marginTop: barInsetTop } : undefined"
       @pointerdown.capture="onTrackPointerDown($event, 'y')"
     >
@@ -264,20 +269,22 @@ function onThumbPointerDown() {
            the positioning reka owns. -->
       <ScrollAreaThumb
         data-lp-thumb
-        class="relative min-w-1 rounded-l-pill bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand"
+        class="relative min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand"
+        :class="floating ? 'rounded-pill' : 'rounded-l-pill'"
         @pointerdown="onThumbPointerDown"
       />
     </ScrollAreaScrollbar>
 
     <ScrollAreaScrollbar
       orientation="horizontal"
-      class="group z-1 flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5"
-      :class="barFade"
+      class="group z-1 flex flex-col touch-none select-none justify-end pt-2.5"
+      :class="[barFade, floating ? 'h-4 px-1 pb-1' : 'h-3.5 px-px pb-px']"
       @pointerdown.capture="onTrackPointerDown($event, 'x')"
     >
       <ScrollAreaThumb
         data-lp-thumb
-        class="relative min-h-1 rounded-t-pill bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand"
+        class="relative min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand"
+        :class="floating ? 'rounded-pill' : 'rounded-t-pill'"
         @pointerdown="onThumbPointerDown"
       />
     </ScrollAreaScrollbar>