@leavepulse/ui 0.86.0 → 0.86.2

package/dist/components/LpTabs.vue.js

@@ -7,7 +7,7 @@ import { usePillTransition } from "../composables/usePillTransition.js";
 import { useStepHistory } from "../composables/useOverlayHistory.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-CUFZIQX2.js";
-import { _ as _sfc_main$3 } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$3 } from "../chunks/LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$2 } from "../chunks/LpTabFace-gATEe9pQ.js";
 import { pickTab, BOTTOM_BAR, BOTTOM_ITEM, BOTTOM_MARKER } from "./tabs.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpUptimeBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpUptimeBar-BoxcCDVY.js";
+import { _ as _sfc_main } from "../chunks/LpUptimeBar-G7PfNJUH.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -4,14 +4,14 @@ import { _ as _3 } from "./chunks/LpMapPicker-CnpJhiY0.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-C0LK-Aqs.js";
 import { _ as _5 } from "./chunks/LpAlert-Bpd7122M.js";
-import { _ as _6 } from "./chunks/LpAppShell-DW8JmY1o.js";
+import { _ as _6 } from "./chunks/LpAppShell-DpsQtXvG.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-CQID7Zc-.js";
 import { _ as _8 } from "./chunks/LpAvatar-DLkiMGKx.js";
 import { _ as _9 } from "./chunks/LpBadge-RFp8uHFt.js";
 import { _ as _10 } from "./chunks/LpBreadcrumbs-DJ_DB45r.js";
 import { _ as _11 } from "./chunks/LpButton-DSHioIfD.js";
 import { _ as _12 } from "./chunks/LpCalendar-D6tfCr2G.js";
-import { _ as _13 } from "./chunks/LpCard-BPtYXwnT.js";
+import { _ as _13 } from "./chunks/LpCard-xXBqLVGo.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData.js";
 import { CHART_PALETTE, axisTicks, chartSummary, formatTick, markerIndex, niceScale, resolveSlices } from "./components/chart.js";
@@ -47,7 +47,7 @@ import { _ as _26 } from "./chunks/LpDrawer-C1q2bl1r.js";
 import { _ as _27 } from "./chunks/LpDropdownMenu-DRABI-Bl.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
 import { _ as _28 } from "./chunks/LpEmptyState-DT8U4R8L.js";
-import { _ as _29 } from "./chunks/LpFileTree-wiXExcZI.js";
+import { _ as _29 } from "./chunks/LpFileTree-B365yOLv.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _30 } from "./chunks/LpFieldNotice-mcmO-O-J.js";
 import { _ as _31 } from "./chunks/LpFormField-C5GOuOY-.js";
@@ -65,16 +65,16 @@ import { compilePattern, findIds, messageShape, structuredPayload, timeMs } from
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
 import { _ as _39 } from "./chunks/LpMediaGallery-OJemmbV7.js";
 import { _ as _40 } from "./chunks/LpModal-B5y9_LgA.js";
-import { _ as _41 } from "./chunks/LpModalNav-BLvDVl2-.js";
-import { _ as _42 } from "./chunks/LpNotificationBell-Bf0u3t5q.js";
-import { _ as _43 } from "./chunks/LpNotificationFeed-BPZM3zkS.js";
+import { _ as _41 } from "./chunks/LpModalNav-Er99S_AP.js";
+import { _ as _42 } from "./chunks/LpNotificationBell-DmR1xDd-.js";
+import { _ as _43 } from "./chunks/LpNotificationFeed-DK7D1f-v.js";
 import { _ as _44 } from "./chunks/LpNumberField-BeYT7zzt.js";
 import { _ as _45 } from "./chunks/LpTimeField-BTKJVeNt.js";
 import { _ as _46 } from "./chunks/LpNumberFlow-Vqj0tP7B.js";
 import { _ as _47 } from "./chunks/LpOtpInput-DqwY-U5R.js";
 import { _ as _48 } from "./chunks/LpPagination-V1wEhu1K.js";
 import { _ as _49 } from "./chunks/LpPasswordInput-LaOXNYuV.js";
-import { _ as _50 } from "./chunks/LpPie-Bzv8mnVR.js";
+import { _ as _50 } from "./chunks/LpPie-CAsGO9jE.js";
 import { _ as _51 } from "./chunks/LpPhoneInput-D7Tq2iaz.js";
 import { filterCountries, flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _52 } from "./chunks/LpPopover-BQSuxtai.js";
@@ -93,9 +93,9 @@ import { _ as _63 } from "./chunks/LpShift-DAgS_d2x.js";
 import { _ as _64 } from "./chunks/LpSwap-M7nFeW3C.js";
 import { _ as _65 } from "./chunks/LpHintExample-YzCXiSUp.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _66 } from "./chunks/LpSidebar-DnqbKULj.js";
+import { _ as _66 } from "./chunks/LpSidebar-CjE90o3s.js";
 import { _ as _67 } from "./chunks/LpContextSwitcher-CMweLbv2.js";
-import { _ as _68 } from "./chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _68 } from "./chunks/LpSkeleton-leTl53V9.js";
 import { _ as _69 } from "./chunks/LpSlider-DTb_Ivkm.js";
 import { _ as _70 } from "./chunks/LpRangeSlider-BaAM7XIs.js";
 import { _ as _71 } from "./chunks/LpVideoBackdrop-57i8RY8g.js";
@@ -106,8 +106,8 @@ import { bitrateForHeight, canTranscodeVideo, estimateTranscodedBytes, probeVide
 import { _ as _73 } from "./chunks/LpVideoPlayer--87I5Kqu.js";
 import { useVideoMedia } from "./composables/useVideoMedia.js";
 import { dragEnd, normalizeRange as normalizeRange2, parseClipTime, setEnd } from "./components/videoTrim.js";
-import { _ as _74 } from "./chunks/LpSparkline-CExIRDb3.js";
-import { _ as _75 } from "./chunks/LpStat-BtxSto7K.js";
+import { _ as _74 } from "./chunks/LpSparkline-11ryFdPX.js";
+import { _ as _75 } from "./chunks/LpStat-DM5Wfb6K.js";
 import { _ as _76 } from "./chunks/LpStepper-CjC3cp1F.js";
 import { _ as _77 } from "./chunks/LpSwitch-BNHyYDhX.js";
 import { default as default13 } from "./components/LpTable.vue.js";
@@ -133,7 +133,7 @@ import { HINT_SIGNALS, contextMenuTip, createHintSystem, dropzoneTip, hintKey, h
 import { _ as _89 } from "./chunks/LpTooltipProvider-CftjV7Xc.js";
 import { _ as _90 } from "./chunks/LpTopologyCanvas-paC1Dup-.js";
 import { clusterGraph, diffTopology, findPath, layeredLayout, neighborhood, topologyToSvg } from "./components/topologyGraph.js";
-import { _ as _91 } from "./chunks/LpUptimeBar-BoxcCDVY.js";
+import { _ as _91 } from "./chunks/LpUptimeBar-G7PfNJUH.js";
 import { addLeaf, addTab, countBlocks, countLeaves, deserializeLayout, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, serializeLayout, setActiveTab } from "./layout/tree.js";
 import { blockTitle, defineBlocks } from "./layout/registry.js";
 import { layoutController, useLayout } from "./layout/useLayout.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.86.0",
+  "version": "0.86.2",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {
@@ -72,7 +72,8 @@
     "check:size": "node scripts/check-size.mjs",
     "test:coverage": "bun test --coverage",
     "gen:icons": "node scripts/gen-kit-icons.mjs",
-    "gen:meta": "node scripts/gen-preview-meta.mjs"
+    "gen:meta": "node scripts/gen-preview-meta.mjs",
+    "gen:readme": "node scripts/readme-catalogue.mjs"
   },
   "peerDependencies": {
     "@iconify-json/lucide": "^1.2.0",

package/src/components/LpSkeleton.vue

@@ -76,6 +76,21 @@ const isBlock = computed(() => !slots.default)
   animation: lp-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 
+/*
+ * A block to pulse has to be visible first. The pulse only animates opacity,
+ * so an item written as the docs above show it (a size, a radius, no colour)
+ * was transparent and the loading state was blank. The default sits in
+ * `@layer base`, as the kit's other defaults do (tokens.css, selection.css):
+ * an unlayered rule outranks every Tailwind utility whatever its specificity,
+ * so a consumer's own background (bg-surface-raised on a soft card) would
+ * have lost to it.
+ */
+@layer base {
+  .lp-skeleton-item {
+    background-color: var(--color-surface-soft);
+  }
+}
+
 /* Items nested anywhere inside a wrapper, at any depth. */
 .lp-skeleton .lp-skeleton-item {
   animation: lp-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;

package/src/components/LpTable.vue

@@ -1704,6 +1704,17 @@ usePaletteCommands(() => {
       </LpShift>
     </div>
   </LpShift>
+  <!-- The frame eases to its new height as rows come and go. A leaving row
+       stays in the flow while it fades (a positioned <tr> loses the column
+       grid), so when it is finally removed the table lost its height in one
+       frame: the rows slid aside smoothly and the box under them snapped.
+       Always on rather than only while `animating`: LpShift starts over when
+       it is switched on, so the change that switched it on was never eased.
+       Rows the parent replaces wholesale still swap at once; only the frame
+       eases. A virtual table owns its own height and stays out. -->
+  <!-- flex-auto, not flex-1: a zero basis overrides the height LpShift sets
+       while it eases, and the box jumped to its new size regardless. -->
+  <LpShift :disabled="!!virtualRowHeight" class="flex min-h-0 flex-auto flex-col">
   <LpScrollArea
     v-bind="scrollAttrs"
     :fade="false"
@@ -2005,6 +2016,7 @@ usePaletteCommands(() => {
     </table>
     </LpContextMenu>
   </LpScrollArea>
+  </LpShift>
   <LpPagination
     v-if="load && total > pageSize"
     v-model:page="page"