@leavepulse/ui 0.17.2 → 0.18.1

package/dist/chunks/{LpAddressInput-ChT1JQg0.js → LpAddressInput-Dfyn88Dd.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-J-KRPO7F.js";
+import { _ as _sfc_main$7 } from "./LpModal-CYKAaSHO.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-C6Mj82LS.js → LpAppShell-CiHAD6PN.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-CKhOx0_l.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-Bk7SrINq.js";
+import { _ as _sfc_main$4 } from "./LpScrollArea-DQ0Yudfu.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-BBG9NhAn.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-3_Qu4hnA.js → LpConfirmDialog-BxBU4Pj9.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-J-KRPO7F.js";
+import { _ as _sfc_main$1 } from "./LpModal-CYKAaSHO.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpDrawer-Fxk7ViQ-.js → LpDrawer-DaCsNuW3.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-CKhOx0_l.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-DQ0Yudfu.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-CXg3KDth.js → LpFileTree-DXb3yKzH.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-CKhOx0_l.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-DQ0Yudfu.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-D7DNEYaG.js → LpLogViewer-tmKPNTuU.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-CKhOx0_l.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-DQ0Yudfu.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-J-KRPO7F.js → LpModal-CYKAaSHO.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, useSlots, openBlock, createBlock, unref, wit
 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-CKhOx0_l.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-DQ0Yudfu.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-D8sdQLgu.js → LpNotificationBell-DHze8wYN.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-CKhOx0_l.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-DQ0Yudfu.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-CKhOx0_l.js → LpScrollArea-DQ0Yudfu.js}

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0)
           }, {
             default: withCtx(() => [
-              createVNode(unref(ScrollAreaThumb), { class: "w-1 rounded-l-pill bg-brand/40 transition-[width,background-color] duration-[var(--duration-fast)] group-hover:w-1.5 group-hover:bg-brand" })
+              createVNode(unref(ScrollAreaThumb), { class: "min-w-1 rounded-l-pill bg-brand/40 transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand" })
             ]),
             _: 1
           }, 8, ["style"]),
@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["group 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), { class: "h-1 rounded-t-pill bg-brand/40 transition-[height,background-color] duration-[var(--duration-fast)] group-hover:h-1.5 group-hover:bg-brand" })
+              createVNode(unref(ScrollAreaThumb), { class: "min-h-1 rounded-t-pill bg-brand/40 transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand" })
             ]),
             _: 1
           }),

package/dist/chunks/{LpSidebar-Bk7SrINq.js → LpSidebar-BBG9NhAn.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-Fxk7ViQ-.js";
-import { _ as _sfc_main$1 } from "./LpSidebarNav-Cpd-yHXb.js";
+import { _ as _sfc_main$2 } from "./LpDrawer-DaCsNuW3.js";
+import { _ as _sfc_main$1 } from "./LpSidebarNav-DSDa5mAY.js";
 const _hoisted_1 = {
   key: 1,
   class: "mt-2 flex shrink-0 flex-col gap-2"

package/dist/chunks/{LpSidebarNav-Cpd-yHXb.js → LpSidebarNav-DSDa5mAY.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-CKhOx0_l.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-DQ0Yudfu.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex min-h-0 flex-1 flex-col gap-4"

package/dist/chunks/{LpTable-X3ieZmbr.js → LpTable-DqZ-L4Au.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-CKhOx0_l.js";
+import { _ as _sfc_main$1 } from "./LpScrollArea-DQ0Yudfu.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/{LpThemeSwitcher-DC6QygnU.js → LpThemeSwitcher-Ct-lnXMa.js}

@@ -429,6 +429,18 @@ function cacheTheme(theme) {
     localStorage.setItem(CACHE_KEY, serializeTheme(theme));
   } catch {
   }
+  writeThemeCookie(theme.name);
+}
+const THEME_COOKIE = "lp-theme";
+const COOKIE_MAX_AGE = 60 * 60 * 24 * 365;
+function writeThemeCookie(name) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${THEME_COOKIE}=${encodeURIComponent(name)}; path=/; max-age=${COOKIE_MAX_AGE}; samesite=lax`;
+}
+function themeFromCookie(cookieValue, themes) {
+  if (!cookieValue) return null;
+  const name = decodeURIComponent(cookieValue);
+  return themes.find((theme) => theme.name === name) ?? null;
 }
 function useTheme() {
   hydrateOnce();
@@ -588,6 +600,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   DEFAULT_SURFACE as D,
+  THEME_COOKIE as T,
   _sfc_main as _,
   parseTheme as a,
   amber as b,
@@ -597,13 +610,14 @@ export {
   dark as f,
   light as g,
   lime as h,
-  themeToCssVars as i,
+  themeToCssRule as i,
+  themeToCssVars as j,
   leavepulse as l,
   nord as n,
   presets as p,
   rose as r,
   serializeTheme as s,
-  themeToCssRule as t,
+  themeFromCookie as t,
   useTheme as u,
   violet as v
 };

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-C6Mj82LS.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-CiHAD6PN.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-CKhOx0_l.js";
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-DQ0Yudfu.js";
 import '../assets/LpCommandPalette-D315B47-.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-3_Qu4hnA.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-BxBU4Pj9.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

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

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpLogViewer.vue.js

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

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-J-KRPO7F.js";
+import { _ as _sfc_main } from "../chunks/LpModal-CYKAaSHO.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpScrollArea.vue.js

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

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpTable.vue.js

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

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-DC6QygnU.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-Ct-lnXMa.js";
 export {
   _sfc_main as default
 };

package/dist/index.d.ts

@@ -96,7 +96,7 @@ export { blockTitle, defineBlocks } from './layout/registry';
 export type { BlockDef, BlockRegistry } from './layout/registry';
 export { useLayout } from './layout/useLayout';
 export type { UseLayout, UseLayoutOptions } from './layout/useLayout';
-export { applyTheme, applyThemeWithTransition, bootstrapTheme, parseTheme, serializeTheme, themeToCssRule, themeToCssVars, useTheme, } from './theme/useTheme';
+export { applyTheme, applyThemeWithTransition, bootstrapTheme, parseTheme, serializeTheme, THEME_COOKIE, themeFromCookie, themeToCssRule, themeToCssVars, useTheme, } from './theme/useTheme';
 export type { RevealOrigin } from './theme/useTheme';
 export { DEFAULT_SURFACE } from './theme/tokens';
 export { defineTheme } from './theme/define';

package/dist/index.js

@@ -1,9 +1,9 @@
 import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
-import { _ as _2 } from "./chunks/LpAddressInput-ChT1JQg0.js";
+import { _ as _2 } from "./chunks/LpAddressInput-Dfyn88Dd.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-C6Mj82LS.js";
+import { _ as _5 } from "./chunks/LpAppShell-CiHAD6PN.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-3_Qu4hnA.js";
+import { _ as _15 } from "./chunks/LpConfirmDialog-BxBU4Pj9.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-Fxk7ViQ-.js";
+import { _ as _20 } from "./chunks/LpDrawer-DaCsNuW3.js";
 import { _ as _21 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _22 } from "./chunks/LpEmptyState-CrfyRJUG.js";
-import { _ as _23 } from "./chunks/LpFileTree-CXg3KDth.js";
+import { _ as _23 } from "./chunks/LpFileTree-DXb3yKzH.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-CWdIsthW.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _29 } from "./chunks/LpLink-DHwOEp4e.js";
-import { _ as _30 } from "./chunks/LpLogViewer-D7DNEYaG.js";
-import { _ as _31 } from "./chunks/LpModal-J-KRPO7F.js";
-import { _ as _32 } from "./chunks/LpNotificationBell-D8sdQLgu.js";
+import { _ as _30 } from "./chunks/LpLogViewer-tmKPNTuU.js";
+import { _ as _31 } from "./chunks/LpModal-CYKAaSHO.js";
+import { _ as _32 } from "./chunks/LpNotificationBell-DHze8wYN.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,22 +44,22 @@ 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-CKhOx0_l.js";
+import { _ as _42 } from "./chunks/LpScrollArea-DQ0Yudfu.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-Bk7SrINq.js";
+import { _ as _46 } from "./chunks/LpSidebar-BBG9NhAn.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-X3ieZmbr.js";
+import { _ as _52 } from "./chunks/LpTable-DqZ-L4Au.js";
 import { _ as _53 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
 import { _ as _54 } from "./chunks/LpTabs-D7aTVPOb.js";
 import { _ as _55 } from "./chunks/LpTextarea-CRAkhemZ.js";
-import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-DC6QygnU.js";
-import { D, _ as _56, b, c, d, e, f, l, g, h, n, r, t, i, u, v } from "./chunks/LpThemeSwitcher-DC6QygnU.js";
+import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-Ct-lnXMa.js";
+import { D, _ as _56, T, b, c, d, e, f, l, g, h, n, r, t, i, j, u, v } from "./chunks/LpThemeSwitcher-Ct-lnXMa.js";
 import { _ as _57 } from "./chunks/LpTilt-DuyKbpkA.js";
 import { _ as _58 } from "./chunks/LpToaster-gDB1EaU3.js";
 import { _ as _59 } from "./chunks/LpTooltip-CIwoRCag.js";
@@ -168,6 +168,7 @@ export {
   _60 as LpTopologyCanvas,
   _61 as LpUptimeBar,
   OSM_TILES,
+  T as THEME_COOKIE,
   UI_CONFIG_VERSION,
   addLeaf,
   addTab,
@@ -218,8 +219,9 @@ export {
   sortNodes,
   subtreeIds,
   subtreeSize,
-  t as themeToCssRule,
-  i as themeToCssVars,
+  t as themeFromCookie,
+  i as themeToCssRule,
+  j as themeToCssVars,
   tileUrl,
   unproject,
   useInputFilter,

package/dist/theme/useTheme.d.ts

@@ -15,6 +15,16 @@ export declare function themeToCssRule(theme: TokenSet, selector?: string): stri
 export declare function parseTheme(json: string): TokenSet;
 export declare function bootstrapTheme(fallback: TokenSet): TokenSet;
 export declare function cacheTheme(theme: TokenSet): void;
+export declare const THEME_COOKIE = "lp-theme";
+/**
+ * Resolve a theme name (as read from the `lp-theme` cookie) against a set of
+ * known themes. Returns `null` when the name is absent or unknown, so the caller
+ * can fall back to its own default.
+ *
+ * Server-side counterpart to `cacheTheme`: pair it with `themeToCssRule` to
+ * inline the right variables into `<head>` during SSR.
+ */
+export declare function themeFromCookie(cookieValue: string | null | undefined, themes: readonly TokenSet[]): TokenSet | null;
 export interface UseTheme {
     /** The active theme, kept in sync by the kit. Null until hydrated (SSR/first
      *  paint) — reactive, so a switcher binds straight to it. */

package/package.json

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

package/src/components/LpScrollArea.vue

@@ -83,8 +83,14 @@ const barFade =
       :class="barFade"
       :style="barInsetTop ? { marginTop: barInsetTop } : undefined"
     >
+      <!-- Sized with min-width, not width: reka sets an inline
+           `width: var(--reka-scroll-area-thumb-width)` on the thumb, and for a
+           VERTICAL bar it only ever defines the height variable — the width one
+           stays empty, so the inline rule resolves to 0 and beat a plain `w-1`,
+           leaving an invisible thumb. A minimum wins over that without fighting
+           the positioning reka owns. -->
       <ScrollAreaThumb
-        class="w-1 rounded-l-pill bg-brand/40 transition-[width,background-color] duration-[var(--duration-fast)] group-hover:w-1.5 group-hover:bg-brand"
+        class="min-w-1 rounded-l-pill bg-brand/40 transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand"
       />
     </ScrollAreaScrollbar>
 
@@ -94,7 +100,7 @@ const barFade =
       :class="barFade"
     >
       <ScrollAreaThumb
-        class="h-1 rounded-t-pill bg-brand/40 transition-[height,background-color] duration-[var(--duration-fast)] group-hover:h-1.5 group-hover:bg-brand"
+        class="min-h-1 rounded-t-pill bg-brand/40 transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand"
       />
     </ScrollAreaScrollbar>
 

package/src/index.ts

@@ -158,6 +158,8 @@ export {
   bootstrapTheme,
   parseTheme,
   serializeTheme,
+  THEME_COOKIE,
+  themeFromCookie,
   themeToCssRule,
   themeToCssVars,
   useTheme,

package/src/nuxt.ts

@@ -1,20 +1,32 @@
 /*
  * Nuxt module — auto-registers every kit component globally so consuming apps
  * use <LpButton> / <LpThemeSwitcher> / … with no per-app component list to
- * maintain. Add it to a Nuxt app's `modules`:
+ * maintain, and wires the SSR theme handoff. Add it to a Nuxt app's `modules`:
  *
  *   export default defineNuxtConfig({ modules: ["@leavepulse/ui/nuxt"] })
  *
- * The list comes from the generated component-names file (kept in sync with the
- * actual components at build), so a NEW component is available everywhere with
- * no consumer change.
+ * The component list comes from the generated component-names file (kept in sync
+ * with the actual components at build), so a NEW component is available
+ * everywhere with no consumer change.
+ *
+ * Options (nuxt.config `leavepulseUi`):
+ *   theme        false to skip the theme plugin entirely (default: true)
+ *   defaultTheme preset name used when the visitor has no saved theme
  */
-import { addComponent, defineNuxtModule } from "@nuxt/kit"
+import { addComponent, addPlugin, createResolver, defineNuxtModule } from "@nuxt/kit"
 import { COMPONENT_NAMES } from "./component-names"
 
-export default defineNuxtModule({
+export interface LeavepulseUiOptions {
+  /** Register the SSR theme plugin. Disable to wire theming yourself. */
+  theme?: boolean
+  /** Preset name to fall back to when nothing is saved (default "LeavePulse"). */
+  defaultTheme?: string
+}
+
+export default defineNuxtModule<LeavepulseUiOptions>({
   meta: { name: "@leavepulse/ui", configKey: "leavepulseUi" },
-  setup() {
+  defaults: { theme: true },
+  setup(options: LeavepulseUiOptions, nuxt: { options: { runtimeConfig: { public: Record<string, unknown> } } }) {
     for (const name of COMPONENT_NAMES) {
       // Point each component at its own dist chunk rather than the barrel
       // ("@leavepulse/ui"). Importing through the barrel makes the bundler pull
@@ -27,5 +39,19 @@ export default defineNuxtModule({
         filePath: `@leavepulse/ui/dist/components/${name}.vue.js`,
       })
     }
+
+    if (options.theme === false) return
+
+    // The plugin reads its options from runtimeConfig rather than closing over
+    // them, so they survive the build into the server bundle.
+    nuxt.options.runtimeConfig.public.leavepulseUi = {
+      ...(nuxt.options.runtimeConfig.public.leavepulseUi ?? {}),
+      defaultTheme: options.defaultTheme,
+    }
+
+    addPlugin({
+      src: createResolver(import.meta.url).resolve("./runtime/theme.plugin"),
+      mode: "all",
+    })
   },
 })

package/src/runtime/theme.plugin.ts

@@ -0,0 +1,62 @@
+/*
+ * Nuxt runtime plugin — paints the user's theme during SSR, so a reload shows
+ * the right colours in the first frame instead of flashing the default.
+ *
+ * Registered automatically by the kit's Nuxt module; a consuming app needs no
+ * plugin of its own. Opt out (or point it at custom themes) via nuxt.config:
+ *
+ *   leavepulseUi: { theme: false }              // no theme handling at all
+ *   leavepulseUi: { defaultTheme: "Nord" }      // different fallback preset
+ *
+ * How it avoids the flash: the kit mirrors the chosen theme's NAME into the
+ * `lp-theme` cookie (see cacheTheme), which unlike localStorage travels with the
+ * request. Here the server reads it, resolves it against the built-in presets,
+ * and inlines that theme's CSS variables into <head>. On the client
+ * bootstrapTheme() still runs before mount, so a localStorage choice — which
+ * holds the full token values, including themes the server cannot name — keeps
+ * winning.
+ */
+// Imported through the package barrel on purpose. This file is shipped as
+// source and compiled by the CONSUMING app, where "@leavepulse/ui" resolves to
+// dist — the same module instance the kit's components use. A relative "../theme/…"
+// would load a second copy of the theme singleton from src/, leaving components
+// subscribed to a different reactive state than the one this plugin drives.
+import {
+  bootstrapTheme,
+  leavepulse,
+  presets,
+  THEME_COOKIE,
+  themeFromCookie,
+  themeToCssRule,
+  type TokenSet,
+} from "@leavepulse/ui"
+// "#imports" is Nuxt's virtual module: it resolves in the consuming app, which
+// is what compiles this file. (No @ts-expect-error here — the kit's own build
+// excludes src/runtime, so the directive would be unused there and error in the
+// consumer, where the import type-checks fine.)
+import { defineNuxtPlugin, useCookie, useHead, useRuntimeConfig } from "#imports"
+
+export default defineNuxtPlugin(() => {
+  const options = (useRuntimeConfig().public.leavepulseUi ?? {}) as {
+    defaultTheme?: string
+  }
+
+  const themes = Object.values(presets) as TokenSet[]
+  const fallback =
+    themes.find((theme) => theme.name === options.defaultTheme) ?? leavepulse
+
+  // Read-only here: the cookie is written by cacheTheme() in the browser, which
+  // is the one place a theme choice is recorded.
+  const cookie = useCookie<string | null>(THEME_COOKIE, { readonly: true })
+  const initial = themeFromCookie(cookie.value, themes) ?? fallback
+
+  useHead({
+    style: [{ id: "lp-ui-theme", innerHTML: themeToCssRule(initial) }],
+  })
+
+  // `initial` as the fallback (not the preset default) so a visitor who only
+  // has the cookie keeps the theme the server just painted.
+  if (import.meta.client) {
+    bootstrapTheme(initial)
+  }
+})

package/src/theme/useTheme.ts

@@ -220,6 +220,47 @@ export function cacheTheme(theme: TokenSet): void {
   } catch {
     /* storage unavailable — non-fatal */
   }
+  writeThemeCookie(theme.name)
+}
+
+/*
+ * SSR handoff. localStorage is invisible to the server, so an SSR app would
+ * render the default theme and only repaint after hydration — a visible flash on
+ * every reload. The cookie rides along with the request, letting the server
+ * inline the user's real theme in the first frame (see themeFromCookie).
+ *
+ * Only the NAME is stored: a full TokenSet is ~1KB of JSON that would be sent on
+ * every request. The server resolves the name against the themes it knows, and
+ * localStorage stays the client's source of truth for the full token values.
+ */
+export const THEME_COOKIE = "lp-theme"
+
+const COOKIE_MAX_AGE = 60 * 60 * 24 * 365
+
+function writeThemeCookie(name: string): void {
+  if (typeof document === "undefined") return
+  // lax: the theme must survive a top-level navigation (which is what SSR
+  // renders) without riding cross-site subrequests.
+  document.cookie =
+    `${THEME_COOKIE}=${encodeURIComponent(name)}` +
+    `; path=/; max-age=${COOKIE_MAX_AGE}; samesite=lax`
+}
+
+/**
+ * Resolve a theme name (as read from the `lp-theme` cookie) against a set of
+ * known themes. Returns `null` when the name is absent or unknown, so the caller
+ * can fall back to its own default.
+ *
+ * Server-side counterpart to `cacheTheme`: pair it with `themeToCssRule` to
+ * inline the right variables into `<head>` during SSR.
+ */
+export function themeFromCookie(
+  cookieValue: string | null | undefined,
+  themes: readonly TokenSet[],
+): TokenSet | null {
+  if (!cookieValue) return null
+  const name = decodeURIComponent(cookieValue)
+  return themes.find((theme) => theme.name === name) ?? null
 }
 
 export interface UseTheme {