@leavepulse/ui 0.24.0 → 0.24.1

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

@@ -3,7 +3,7 @@ import { _ as _sfc_main$2 } from "./LpButton-5VXXCjwF.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-D8xyKXcF.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-D3GGLSE7.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-7Vpy2IJc.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/{LpCodeBlock-CSiOSPs8.js → LpCodeBlock-rS_6mO3D.js}

@@ -212,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createElementVNode("button", {
                       type: "button",
-                      class: "lp-fold-toggle flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                      class: "lp-fold-toggle flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
                       "aria-expanded": openState[seg.id],
                       onClick: ($event) => toggleFold(seg.id)
                     }, [

package/dist/chunks/{LpDisclosure-DP6yfgfM.js → LpDisclosure-BnwP4Q-b.js}

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:open": onToggle
       }, {
         default: withCtx(() => [
-          createVNode(unref(CollapsibleTrigger), { class: "group flex w-full items-center gap-2 px-3 py-2.5 text-sm font-semibold text-ink outline-none focus-visible:ring-2 focus-visible:ring-ring" }, {
+          createVNode(unref(CollapsibleTrigger), { class: "group flex w-full items-center gap-2 px-3 py-2.5 text-sm font-semibold text-ink outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring" }, {
             default: withCtx(() => [
               __props.icon ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,

package/dist/chunks/{LpFileTree-nU1wRRxZ.js → LpFileTree-H7Ho8uoq.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-BV3q7Qyi.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-D7WgUPcJ.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-BEZIvxHi.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpFileTreeNode-D7WgUPcJ.js → LpFileTreeNode-BEZIvxHi.js}

@@ -127,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               "data-node-id": __props.node.id,
               tabindex: isFocused.value ? 0 : -1,
-              class: normalizeClass(["group/row relative flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-control py-1 pr-2 text-sm outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring", [
+              class: normalizeClass(["group/row relative flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-control py-1 pr-2 text-sm outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", [
                 __props.node.disabled ? "cursor-not-allowed text-muted/50" : isSelected.value ? "bg-brand-soft text-ink" : "text-muted hover:bg-surface-soft hover:text-ink"
               ]]),
               style: normalizeStyle({ paddingLeft: `${__props.depth * 14 + 6}px` }),

package/dist/chunks/{LpSidebar-D3GGLSE7.js → LpSidebar-7Vpy2IJc.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-DAJN5rGK.js";
-import { _ as _sfc_main$1 } from "./LpSidebarNav-X14xMdPa.js";
+import { _ as _sfc_main$1 } from "./LpSidebarNav-CFX5NxGs.js";
 const _hoisted_1 = {
   key: 1,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-X14xMdPa.js → LpSidebarNav-CFX5NxGs.js}

@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       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-ring", item.disabled ? "cursor-not-allowed text-muted/50" : __props.itemActive(item) ? "text-ink" : "text-muted hover:text-ink"]),
+                      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(() => [

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeBlock-CSiOSPs8.js";
+import { _ as _sfc_main } from "../chunks/LpCodeBlock-rS_6mO3D.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDisclosure.vue.js

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

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-D7WgUPcJ.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-BEZIvxHi.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/index.js

@@ -3,7 +3,7 @@ import { _ as _2 } from "./chunks/LpAddressInput-BTqnUXZG.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-CaQYQKZV.js";
+import { _ as _5 } from "./chunks/LpAppShell-B5k0J3Cf.js";
 import { _ as _6 } from "./chunks/LpAutocomplete-DExlIZe_.js";
 import { _ as _7 } from "./chunks/LpAvatar-CzCE5cXg.js";
 import { _ as _8 } from "./chunks/LpBadge-BPodVcJa.js";
@@ -12,17 +12,17 @@ import { _ as _10 } from "./chunks/LpButton-5VXXCjwF.js";
 import { _ as _11 } from "./chunks/LpCalendar-B7ZL0ty3.js";
 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 { _ as _14 } from "./chunks/LpCodeBlock-rS_6mO3D.js";
 import { default as default2 } from "./components/LpCommandPalette.vue.js";
 import { _ as _15 } from "./chunks/LpConfirmDialog-CObRah9c.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 _18 } from "./chunks/LpDisclosure-BnwP4Q-b.js";
 import { _ as _19 } from "./chunks/LpDivider-CUX46KR0.js";
 import { _ as _20 } from "./chunks/LpDrawer-DAJN5rGK.js";
 import { _ as _21 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _22 } from "./chunks/LpEmptyState-BV3q7Qyi.js";
-import { _ as _23 } from "./chunks/LpFileTree-nU1wRRxZ.js";
+import { _ as _23 } from "./chunks/LpFileTree-H7Ho8uoq.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _24 } from "./chunks/LpFormField-CesaPWPO.js";
 import { _ as _25 } from "./chunks/LpIcon-CCnX5_2j.js";
@@ -50,7 +50,7 @@ import { _ as _44 } from "./chunks/LpSelect-Cw8-gL5F.js";
 import { _ as _45 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _46 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default3 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _47 } from "./chunks/LpSidebar-D3GGLSE7.js";
+import { _ as _47 } from "./chunks/LpSidebar-7Vpy2IJc.js";
 import { _ as _48 } from "./chunks/LpSkeleton-eSFIo4kD.js";
 import { _ as _49 } from "./chunks/LpSlider-B1SF3pRV.js";
 import { _ as _50 } from "./chunks/LpStat-CdbEFOvn.js";

package/package.json

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

package/src/components/LpCodeBlock.vue

@@ -268,7 +268,7 @@ function onInput(e: Event) {
             v-else
           ><button
               type="button"
-              class="lp-fold-toggle flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring"
+              class="lp-fold-toggle flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
               :aria-expanded="openState[seg.id]"
               @click="toggleFold(seg.id)"
             ><LpIcon

package/src/components/LpDisclosure.vue

@@ -61,7 +61,7 @@ function onToggle(value: boolean) {
     @update:open="onToggle"
   >
     <CollapsibleTrigger
-      class="group flex w-full items-center gap-2 px-3 py-2.5 text-sm font-semibold text-ink outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      class="group flex w-full items-center gap-2 px-3 py-2.5 text-sm font-semibold text-ink outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
     >
       <LpIcon v-if="icon" :name="icon" :size="14" class="text-muted" />
       <span class="min-w-0 flex-1 text-left">

package/src/components/LpFileTreeNode.vue

@@ -163,10 +163,13 @@ function onActivate() {
   >
     <!-- Passthrough when the node has no menu, so the row keeps the native one. -->
     <LpContextMenu :items="node.menu ?? []">
+      <!-- The ring is drawn inset, like LpTable's rows: a row spans the full
+           width of the branch, and a branch clips its overflow to animate its
+           height, so an outset ring loses its left and right edge. -->
       <div
         :data-node-id="node.id"
         :tabindex="isFocused ? 0 : -1"
-        class="group/row relative flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-control py-1 pr-2 text-sm outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-ring"
+        class="group/row relative flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-control py-1 pr-2 text-sm outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
         :class="[
           node.disabled
             ? 'cursor-not-allowed text-muted/50'

package/src/components/LpSidebarNav.vue

@@ -78,7 +78,7 @@ const pillTransition = usePillTransition()
           :disabled="item.href ? undefined : item.disabled"
           :aria-current="itemActive(item) ? 'page' : undefined"
           :aria-disabled="item.disabled || undefined"
-          class="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-ring"
+          class="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"
           :class="item.disabled
             ? 'cursor-not-allowed text-muted/50'
             : itemActive(item)