@leavepulse/ui 0.15.3 → 0.15.4

package/dist/chunks/{LpFileTree-BQz8Rfgz.js → LpFileTree-YOJCuIjJ.js}

@@ -5,11 +5,11 @@ import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-De9DLpa1.js";
 const _hoisted_1 = {
   key: 0,
-  class: "flex flex-col gap-1"
+  class: "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"
 };
 const _hoisted_2 = {
   key: 2,
-  class: "flex h-full min-h-0 flex-col"
+  class: "flex h-full w-full min-w-0 flex-col"
 };
 const _hoisted_3 = ["aria-multiselectable"];
 const _hoisted_4 = {
@@ -331,7 +331,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         title: __props.emptyLabel,
         description: __props.emptyDescription
       }, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
-        createVNode(_sfc_main$2, { class: "min-h-0 flex-1" }, {
+        createVNode(_sfc_main$2, { class: "min-h-0 w-full min-w-0 flex-1" }, {
           default: withCtx(() => [
             createElementVNode("ul", {
               ref_key: "root",

package/dist/components/LpFileTree.vue.js

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

package/dist/index.js

@@ -19,7 +19,7 @@ import { _ as _17 } from "./chunks/LpDivider-CUX46KR0.js";
 import { _ as _18 } from "./chunks/LpDrawer-BHzCy-Aa.js";
 import { _ as _19 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _20 } from "./chunks/LpEmptyState-CrfyRJUG.js";
-import { _ as _21 } from "./chunks/LpFileTree-BQz8Rfgz.js";
+import { _ as _21 } from "./chunks/LpFileTree-YOJCuIjJ.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _22 } from "./chunks/LpFormField-Bn-ZwC6z.js";
 import { _ as _23 } from "./chunks/LpIcon-CCnX5_2j.js";

package/package.json

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

package/src/components/LpFileTree.vue

@@ -477,7 +477,7 @@ defineExpose({ reveal, expandAll, collapseAll, checkAll, clearChecked, summary }
 </script>
 
 <template>
-  <div v-if="loading" class="flex flex-col gap-1">
+  <div v-if="loading" class="flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden">
     <div
       v-for="n in skeletonRows"
       :key="n"
@@ -495,9 +495,10 @@ defineExpose({ reveal, expandAll, collapseAll, checkAll, clearChecked, summary }
 
   <!-- h-full so the tree fills whatever box the caller gave it and the scroll
        area below gets a bounded height; without it the rows just grow past the
-       container and nothing ever scrolls. -->
-  <div v-else class="flex h-full min-h-0 flex-col">
-    <LpScrollArea class="min-h-0 flex-1">
+       container and nothing ever scrolls. min-w-0/w-full for the same reason
+       sideways: a long path must truncate inside the box rather than widen it. -->
+  <div v-else class="flex h-full w-full min-w-0 flex-col">
+    <LpScrollArea class="min-h-0 w-full min-w-0 flex-1">
       <ul
         ref="root"
         role="tree"