@leavepulse/ui 0.86.1 → 0.86.2

package/dist/assets/{LpSkeleton-H3Z5dEIk.css → LpSkeleton-D6GSatJ-.css}

@@ -12,6 +12,21 @@
   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/dist/chunks/{LpAppShell-DW8JmY1o.js → LpAppShell-DpsQtXvG.js}

@@ -13,7 +13,7 @@ import { _ as _sfc_main$4 } from "./LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$8 } from "./LpPageScrollbar-C9sTeU-2.js";
 import { _ as _sfc_main$7 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$5 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DnqbKULj.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-CjE90o3s.js";
 import { mergeClass, useMergedAttrs } from "../composables/useMergedClass.js";
 import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 const _hoisted_1 = ["href"];

package/dist/chunks/{LpCard-BPtYXwnT.js → LpCard-xXBqLVGo.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, w
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { MenuWhen } from "../components/menuWhen.js";
-import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$2 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
 import { useSpotlight } from "../composables/useSpotlight.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpFileTree-wiXExcZI.js → LpFileTree-B365yOLv.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$2 } from "./LpEmptyState-DT8U4R8L.js";
 import { _ as _sfc_main$6 } from "./LpFileTreeNode-DfvIGmSz.js";
 import { _ as _sfc_main$3 } from "./LpInput-CKMblRtp.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-CqvwfZs2.js";
-import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpModalNav-BLvDVl2-.js → LpModalNav-Er99S_AP.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$1 } from "./LpModal-B5y9_LgA.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DnqbKULj.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-CjE90o3s.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-Bf0u3t5q.js → LpNotificationBell-DmR1xDd-.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$6 } from "./LpBadge-RFp8uHFt.js";
 import { _ as _sfc_main$4 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$3 } from "./LpContextMenu-CUFZIQX2.js";
 import { _ as _sfc_main$5 } from "./LpIcon-DCGhNsCU.js";
-import { _ as _sfc_main$2 } from "./LpNotificationFeed-BPZM3zkS.js";
+import { _ as _sfc_main$2 } from "./LpNotificationFeed-DK7D1f-v.js";
 import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
 import { NOTIFICATION_LABELS } from "../components/notifications.js";

package/dist/chunks/{LpNotificationFeed-BPZM3zkS.js → LpNotificationFeed-DK7D1f-v.js}

@@ -10,7 +10,7 @@ import { _ as _sfc_main$2 } from "./LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$9 } from "./LpRelativeTime-0zI-44ve.js";
 import { _ as _sfc_main$6 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$4 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$4 } from "./LpSkeleton-leTl53V9.js";
 import LpTabs from "../components/LpTabs.vue.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
 import { NOTIFICATION_LABELS, groupByDay, untilMidnight } from "../components/notifications.js";

package/dist/chunks/{LpPie-Bzv8mnVR.js → LpPie-CAsGO9jE.js}

@@ -12,7 +12,7 @@ import { _ as _sfc_main$3 } from "./LpEmptyState-DT8U4R8L.js";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$8 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$2 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
 import { _ as _sfc_main$5 } from "./LpTooltip-Bz_rrq5S.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpSidebar-DnqbKULj.js → LpSidebar-CjE90o3s.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$5 } from "./LpDrawer-C1q2bl1r.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$3 } from "./LpInput-CKMblRtp.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-Bz_rrq5S.js";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-B3Eo_VIS.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-Bgz2tXSq.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpSidebarNav-B3Eo_VIS.js → LpSidebarNav-Bgz2tXSq.js}

@@ -9,7 +9,7 @@ import "../composables/useHotkeys.js";
 import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-5ijsXX-M.css';/* empty css                */
 /* empty css                      */
 import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
-import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$3 } from "./LpSidebarRow-CDBnvvd8.js";
 import { waiting } from "../components/sidebar.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpSkeleton-BB6XIV-w.js → LpSkeleton-leTl53V9.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
-import '../assets/LpSkeleton-H3Z5dEIk.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/LpSkeleton-D6GSatJ-.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpSkeleton",
   props: {
     rounded: {}

package/dist/chunks/{LpSparkline-CExIRDb3.js → LpSparkline-11ryFdPX.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, openBlock, createBlock, Transition, withCtx, createElementBlock, unref, normalizeStyle, createVNode, createElementVNode, createCommentVNode, normalizeClass } from "vue";
-import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
 import { sampleValues } from "../components/chartSkeleton.js";
 import { useSample } from "../composables/useSample.js";
 import { useReveal } from "../composables/useReveal.js";

package/dist/chunks/{LpStat-BtxSto7K.js → LpStat-DM5Wfb6K.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, createVNode, Transition, normalizeProps, guardReactiveProps, withCtx, toDisplayString, normalizeStyle, normalizeClass, Fragment, createTextVNode, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-Vqj0tP7B.js";
-import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$3 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpStatus-_fIwWXQV.js";
 import { useFitScale } from "../composables/useFitScale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpUptimeBar-BoxcCDVY.js → LpUptimeBar-G7PfNJUH.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, openBlock, createElementBlock, mergePro
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "./LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$2 } from "./LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
 import { _ as _sfc_main$3 } from "./LpTooltip-Bz_rrq5S.js";
 import { TONES } from "../components/tone.js";

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCard-BPtYXwnT.js";
+import { _ as _sfc_main } from "../chunks/LpCard-xXBqLVGo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpChart.vue.js

@@ -18,7 +18,7 @@ import { _ as _sfc_main$2 } from "../chunks/LegendSwatch-BhRjrtzv.js";
 import { _ as _sfc_main$3 } from "../chunks/LpContextMenu-CUFZIQX2.js";
 import { _ as _sfc_main$6 } from "../chunks/LpEmptyState-DT8U4R8L.js";
 import { _ as _sfc_main$7 } from "../chunks/LpShift-DAgS_d2x.js";
-import { _ as _sfc_main$5 } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$5 } from "../chunks/LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$4 } from "../chunks/LpSwap-M7nFeW3C.js";
 import { sampleValues, skeletonHeights, skeletonWave } from "./chartSkeleton.js";
 import { _ as _sfc_main$1 } from "../chunks/HintSampleTag-BV8AZXZh.js";

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpNotificationFeed.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationFeed-BPZM3zkS.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationFeed-DK7D1f-v.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPaletteFacts.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, normalizeClas
 import { _ as _sfc_main$3 } from "../chunks/HighlightText-BvnYZkhi.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-DCGhNsCU.js";
 import { _ as _sfc_main$4 } from "../chunks/LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$2 } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$2 } from "../chunks/LpSkeleton-leTl53V9.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpPaletteFacts-CVNh5ICn.css';const _hoisted_1 = ["aria-busy"];
 const _hoisted_2 = {

package/dist/components/LpPaletteStats.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createElementVNode, createBlock, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
 import { _ as _sfc_main$2 } from "../chunks/LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$3 } from "../chunks/LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$1 } from "../chunks/LpSkeleton-leTl53V9.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpPaletteStats-ZiZmR6vz.css';const _hoisted_1 = ["aria-busy"];
 const _hoisted_2 = { class: "relative" };

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-Bzv8mnVR.js";
+import { _ as _sfc_main } from "../chunks/LpPie-CAsGO9jE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpSkeleton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main } from "../chunks/LpSkeleton-leTl53V9.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSparkline.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSparkline-CExIRDb3.js";
+import { _ as _sfc_main } from "../chunks/LpSparkline-11ryFdPX.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStat.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStat-BtxSto7K.js";
+import { _ as _sfc_main } from "../chunks/LpStat-DM5Wfb6K.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -8,7 +8,7 @@ import { _ as _sfc_main$e } from "../chunks/LpEditable-DCPdDDBb.js";
 import { _ as _sfc_main$d } from "../chunks/LpEmptyState-DT8U4R8L.js";
 import { _ as _sfc_main$3 } from "../chunks/LpBadge-RFp8uHFt.js";
 import { _ as _sfc_main$6 } from "../chunks/LpIcon-DCGhNsCU.js";
-import { _ as _sfc_main$c } from "../chunks/LpSkeleton-BB6XIV-w.js";
+import { _ as _sfc_main$c } from "../chunks/LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$f } from "../chunks/LpPagination-V1wEhu1K.js";
 import { _ as _sfc_main$a } from "../chunks/LpPopover-BQSuxtai.js";
 import { _ as _sfc_main$7 } from "../chunks/LpScrollArea-CqvwfZs2.js";

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.1",
+  "version": "0.86.2",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

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;