@leavepulse/ui 0.20.7 → 0.20.9

package/dist/chunks/{LpAddressInput-DaJ97mQ4.js → LpAddressInput-B411MOJa.js}

@@ -6,7 +6,7 @@ import { _ as _sfc_main$3 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$1 } from "./LpFormField-Bn-ZwC6z.js";
 import { _ as _sfc_main$4 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpInput-BauZRyzm.js";
-import { _ as _sfc_main$7 } from "./LpModal-2YEJI45Q.js";
+import { _ as _sfc_main$7 } from "./LpModal-DKFdzKwV.js";
 import { _ as _sfc_main$6 } from "./LpSelect-D5mU4cZO.js";
 const _hoisted_1 = { class: "flex flex-col gap-3" };
 const _hoisted_2 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-Ds3WkurD.js → LpAppShell-CfM7fdr3.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, watch, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createBlock } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$4 } from "./LpScrollArea-CXy8dkTN.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-B_UD_yUx.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-Du8tW8c5.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-Bd0148dd.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" };

package/dist/chunks/{LpConfirmDialog-Cwqzbfgo.js → LpConfirmDialog-D8pBGPOI.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
-import { _ as _sfc_main$1 } from "./LpModal-2YEJI45Q.js";
+import { _ as _sfc_main$1 } from "./LpModal-DKFdzKwV.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpDrawer-DcxlpxJ7.js → LpDrawer-B4cNj39a.js}

@@ -3,7 +3,7 @@ import { usePointerSwipe } from "@vueuse/core";
 import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHandle, DrawerTitle, DrawerDescription, DrawerClose } from "vaul-vue";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
 const _hoisted_2 = { class: "flex flex-col gap-1" };
 const _hoisted_3 = ["data-vaul-no-drag"];

package/dist/chunks/{LpFileTree-BGNzXknB.js → LpFileTree-d9nXtSVo.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, F
 import { formatSize, sortNodes, computeStats, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
 import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"

package/dist/chunks/{LpLogViewer-DQod8kXW.js → LpLogViewer-BXPBUV21.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createBlock, resolveDynamicComponent, TransitionGroup, mergeProps, renderList, normalizeClass, createTextVNode, Transition } from "vue";
 import { _ as _sfc_main$3 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = { class: "relative overflow-hidden rounded-card border border-line bg-surface font-mono text-xs leading-relaxed" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpModal-2YEJI45Q.js → LpModal-DKFdzKwV.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useSlots, ref, watch, onBeforeUnmount, openB
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = { class: "fixed inset-0 z-(--z-modal) flex items-center justify-center pointer-events-none" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpNotificationBell-D1gdEtuI.js → LpNotificationBell-Nges4kJk.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-CrfyRJUG.js";
 import { _ as _sfc_main$5 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$1 } from "./LpPopover-8268UmlC.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-2 px-3 py-2.5" };
 const _hoisted_2 = { class: "text-sm font-semibold" };
 const _hoisted_3 = {

package/dist/chunks/{LpScrollArea-CXy8dkTN.js → LpScrollArea-Du8tW8c5.js}

@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "vertical",
             "force-mount": "",
-            class: normalizeClass(["group flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px", barFade]),
+            class: normalizeClass(["group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px", barFade]),
             style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0)
           }, {
             default: withCtx(() => [
@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["style"]),
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "horizontal",
-            class: normalizeClass(["group 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 h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5", barFade])
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {

package/dist/chunks/{LpSidebar-B_UD_yUx.js → LpSidebar-Bd0148dd.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 { _ as _sfc_main$2 } from "./LpDrawer-DcxlpxJ7.js";
-import { _ as _sfc_main$1 } from "./LpSidebarNav-S1QPTGcg.js";
+import { _ as _sfc_main$2 } from "./LpDrawer-B4cNj39a.js";
+import { _ as _sfc_main$1 } from "./LpSidebarNav-BqGpNr4S.js";
 const _hoisted_1 = {
   key: 1,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-S1QPTGcg.js → LpSidebarNav-BqGpNr4S.js}

@@ -4,7 +4,7 @@ import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$4 } from "./LpBadge-CXzBPnwO.js";
 import { _ as _sfc_main$2 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex min-h-0 flex-1 flex-col gap-4"

package/dist/chunks/{LpTable-pZmjnEti.js → LpTable-BBKlNR9j.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { _ as _sfc_main$2 } from "./LpCheckbox-BO0zuuPh.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-D0mzXqA7.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$1 } from "./LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-Du8tW8c5.js";
 const _hoisted_1 = { class: "w-full border-collapse text-sm" };
 const _hoisted_2 = { class: "border-b border-line bg-surface-soft" };
 const _hoisted_3 = {

package/dist/chunks/{LpTabs-D7aTVPOb.js → LpTabs-Cefe_lys.js}

@@ -25,6 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function pillUnder(value, active) {
       return hovered.value ? hovered.value === value : active === value;
     }
+    function releaseFocusAfterPointer(event) {
+      const target = event.currentTarget;
+      if (target instanceof HTMLElement) target.blur();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TabsRoot), {
         "model-value": __props.modelValue,
@@ -50,7 +54,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     __props.accent ? "data-[state=active]:text-brand" : "data-[state=active]:text-ink",
                     hovered.value === item.value ? "text-ink" : "text-muted"
                   ]]),
-                  onPointerenter: ($event) => hovered.value = item.value
+                  onPointerenter: ($event) => hovered.value = item.value,
+                  onPointerup: releaseFocusAfterPointer
                 }, {
                   default: withCtx(() => [
                     pillUnder(item.value, __props.modelValue) ? (openBlock(), createBlock(unref(Motion), {

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCommandPalette.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
-import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-CXy8dkTN.js";
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Du8tW8c5.js";
 import '../assets/LpCommandPalette-C3LdDNHk.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["placeholder", "onKeydown"];
 const _hoisted_3 = {

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpDrawer.vue.js

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

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpLogViewer.vue.js

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

package/dist/components/LpModal.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpScrollArea.vue.js

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

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpTable.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTable-pZmjnEti.js";
+import { _ as _sfc_main } from "../chunks/LpTable-BBKlNR9j.js";
 export {
   _sfc_main as default
 };

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

@@ -20,13 +20,13 @@ type __VLS_Props = {
     /** Stretch the bar to full width with equal-share triggers. */
     block?: boolean;
 };
-declare var __VLS_48: {
+declare var __VLS_49: {
     value: string;
-}, __VLS_50: {};
+}, __VLS_51: {};
 type __VLS_Slots = {} & {
-    panel?: (props: typeof __VLS_48) => any;
+    panel?: (props: typeof __VLS_49) => any;
 } & {
-    default?: (props: typeof __VLS_50) => any;
+    default?: (props: typeof __VLS_51) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

package/dist/components/LpTabs.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTabs-D7aTVPOb.js";
+import { _ as _sfc_main } from "../chunks/LpTabs-Cefe_lys.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -1,9 +1,9 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-DaJ97mQ4.js";
+import { _ as _2 } from "./chunks/LpAddressInput-B411MOJa.js";
 import { _ as _3 } from "./chunks/LpMapPicker-DFKrd1Ne.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpAlert-BAYHDSS1.js";
-import { _ as _5 } from "./chunks/LpAppShell-Ds3WkurD.js";
+import { _ as _5 } from "./chunks/LpAppShell-CfM7fdr3.js";
 import { _ as _6 } from "./chunks/LpAutocomplete-DIgXmtCA.js";
 import { _ as _7 } from "./chunks/LpAvatar-B1Ez0ZAx.js";
 import { _ as _8 } from "./chunks/LpBadge-CXzBPnwO.js";
@@ -14,15 +14,15 @@ import { _ as _12 } from "./chunks/LpCard-BmrTvWOe.js";
 import { _ as _13 } from "./chunks/LpCheckbox-BO0zuuPh.js";
 import { _ as _14 } from "./chunks/LpCodeBlock-CSiOSPs8.js";
 import { default as default2 } from "./components/LpCommandPalette.vue.js";
-import { _ as _15 } from "./chunks/LpConfirmDialog-Cwqzbfgo.js";
+import { _ as _15 } from "./chunks/LpConfirmDialog-D8pBGPOI.js";
 import { _ as _16 } from "./chunks/LpContextMenu-D0mzXqA7.js";
 import { _ as _17 } from "./chunks/LpDatePicker-dY2q4dr4.js";
 import { _ as _18 } from "./chunks/LpDisclosure-DP6yfgfM.js";
 import { _ as _19 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _20 } from "./chunks/LpDrawer-DcxlpxJ7.js";
+import { _ as _20 } from "./chunks/LpDrawer-B4cNj39a.js";
 import { _ as _21 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _22 } from "./chunks/LpEmptyState-CrfyRJUG.js";
-import { _ as _23 } from "./chunks/LpFileTree-BGNzXknB.js";
+import { _ as _23 } from "./chunks/LpFileTree-d9nXtSVo.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _24 } from "./chunks/LpFormField-Bn-ZwC6z.js";
 import { _ as _25 } from "./chunks/LpIcon-CCnX5_2j.js";
@@ -31,9 +31,9 @@ import { _ as _27 } from "./chunks/LpInput-BauZRyzm.js";
 import { _ as _28 } from "./chunks/LpLightbox-Ci35Y_xP.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _29 } from "./chunks/LpLink-DHwOEp4e.js";
-import { _ as _30 } from "./chunks/LpLogViewer-DQod8kXW.js";
-import { _ as _31 } from "./chunks/LpModal-2YEJI45Q.js";
-import { _ as _32 } from "./chunks/LpNotificationBell-D1gdEtuI.js";
+import { _ as _30 } from "./chunks/LpLogViewer-BXPBUV21.js";
+import { _ as _31 } from "./chunks/LpModal-DKFdzKwV.js";
+import { _ as _32 } from "./chunks/LpNotificationBell-Nges4kJk.js";
 import { _ as _33 } from "./chunks/LpNumberField-C5ar-OwE.js";
 import { _ as _34 } from "./chunks/LpOtpInput-DqaT0Z75.js";
 import { _ as _35 } from "./chunks/LpPagination-CeGuNe_q.js";
@@ -44,19 +44,19 @@ import { _ as _38 } from "./chunks/LpPopover-8268UmlC.js";
 import { _ as _39 } from "./chunks/LpProgress-BhI0IbjC.js";
 import { _ as _40 } from "./chunks/LpRadio-CL-pI0_O.js";
 import { _ as _41 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
-import { _ as _42 } from "./chunks/LpScrollArea-CXy8dkTN.js";
+import { _ as _42 } from "./chunks/LpScrollArea-Du8tW8c5.js";
 import { _ as _43 } from "./chunks/LpSegmented-BmpanyAo.js";
 import { _ as _44 } from "./chunks/LpSelect-D5mU4cZO.js";
 import { _ as _45 } from "./chunks/LpServiceNode-Dc-Ut5RS.js";
-import { _ as _46 } from "./chunks/LpSidebar-B_UD_yUx.js";
+import { _ as _46 } from "./chunks/LpSidebar-Bd0148dd.js";
 import { _ as _47 } from "./chunks/LpSkeleton-eSFIo4kD.js";
 import { _ as _48 } from "./chunks/LpSlider-B1SF3pRV.js";
 import { _ as _49 } from "./chunks/LpStat-CdbEFOvn.js";
 import { _ as _50 } from "./chunks/LpStepper-5dFTrW21.js";
 import { _ as _51 } from "./chunks/LpSwitch-v6fnccSM.js";
-import { _ as _52 } from "./chunks/LpTable-pZmjnEti.js";
+import { _ as _52 } from "./chunks/LpTable-BBKlNR9j.js";
 import { _ as _53 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
-import { _ as _54 } from "./chunks/LpTabs-D7aTVPOb.js";
+import { _ as _54 } from "./chunks/LpTabs-Cefe_lys.js";
 import { _ as _55 } from "./chunks/LpTextarea-CRAkhemZ.js";
 import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-B_kj0T2b.js";
 import { D, _ as _56, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-B_kj0T2b.js";

package/package.json

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

package/src/components/LpScrollArea.vue

@@ -184,10 +184,15 @@ function onThumbPointerDown() {
          first hover — so before the pointer ever entered, the region silently
          refused to scroll (wheel included). Mounting it up front fixes that;
          the bar still only becomes visible on hover, via `barFade` below. -->
+    <!-- z-1: reka positions the bar absolutely but leaves it on `z-index: auto`,
+         and it sits BEFORE the viewport in the DOM — so any positioned row in
+         the content painted over it, and a row with an opaque hover background
+         swallowed the thumb wherever the pointer went. The bar only has to
+         clear its own content, not the page, so a local step is enough. -->
     <ScrollAreaScrollbar
       orientation="vertical"
       force-mount
-      class="group flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px"
+      class="group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px"
       :class="barFade"
       :style="barInsetTop ? { marginTop: barInsetTop } : undefined"
     >
@@ -205,7 +210,7 @@ function onThumbPointerDown() {
 
     <ScrollAreaScrollbar
       orientation="horizontal"
-      class="group flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5"
+      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"
     >
       <ScrollAreaThumb

package/src/components/LpTabs.vue

@@ -57,6 +57,25 @@ const panelLayoutTransition = computed(() =>
 function pillUnder(value: string, active?: string): boolean {
   return hovered.value ? hovered.value === value : active === value
 }
+
+/*
+ * Drop focus after a mouse pick.
+ *
+ * Tabs implement the ARIA roving-focus pattern: while a trigger holds focus,
+ * ←/→ move between tabs. That is correct for keyboard users, but a *click*
+ * also leaves focus on the trigger — so afterwards the arrow keys silently
+ * belong to the tab strip, and any arrow-key handling the surrounding app has
+ * (walking a grid, moving a selection) appears to be broken until the user
+ * clicks somewhere else.
+ *
+ * Blurring on pointerup restores the arrows to the page without touching the
+ * keyboard path: Tab/←/→ navigation still focuses triggers and still works,
+ * because those never fire a pointer event.
+ */
+function releaseFocusAfterPointer(event: PointerEvent) {
+  const target = event.currentTarget
+  if (target instanceof HTMLElement) target.blur()
+}
 </script>
 
 <template>
@@ -85,6 +104,7 @@ function pillUnder(value: string, active?: string): boolean {
           hovered === item.value ? 'text-ink' : 'text-muted',
         ]"
         @pointerenter="hovered = item.value"
+        @pointerup="releaseFocusAfterPointer"
       >
         <!-- Active marker: a bottom bar in "underline", a filled pill otherwise.
              Both slide between tabs via the shared motion layoutId. -->