@leavepulse/ui 0.16.0 → 0.16.2

package/dist/chunks/{LpConfirmDialog-C-iOXJIM.js → LpConfirmDialog-DnReh5pF.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-DeZlvK1B.js";
+import { _ as _sfc_main$1 } from "./LpModal-CezA8eJ3.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmDialog",
   props: {

package/dist/chunks/{LpModal-DeZlvK1B.js → LpModal-CezA8eJ3.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, useSlots, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, computed, useSlots, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeClass } from "vue";
 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";
@@ -26,6 +26,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:open"],
   setup(__props) {
     const props = __props;
+    const describedByAttrs = computed(
+      () => props.description ? {} : { "aria-describedby": void 0 }
+    );
     const widthClass = computed(() => {
       if (props.width) return "";
       return {
@@ -56,10 +59,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-(--z-overlay) bg-black/50 backdrop-blur-sm data-[state=open]:animate-[fade-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[fade-out_120ms_ease]" }),
               createElementVNode("div", _hoisted_1, [
-                createVNode(unref(DialogContent), {
-                  class: normalizeClass(["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", widthClass.value]),
-                  style: normalizeStyle(__props.width ? { width: __props.width } : void 0)
-                }, {
+                createVNode(unref(DialogContent), mergeProps({
+                  class: ["pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]", widthClass.value],
+                  style: __props.width ? { width: __props.width } : void 0
+                }, describedByAttrs.value), {
                   default: withCtx(() => [
                     __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("header", _hoisted_2, [
                       createElementVNode("div", _hoisted_3, [
@@ -115,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])) : createCommentVNode("", true)
                   ]),
                   _: 3
-                }, 8, ["class", "style"])
+                }, 16, ["class", "style"])
               ])
             ]),
             _: 3

package/dist/chunks/{LpSelect-DznhPEWX.js → LpSelect-D5mU4cZO.js}

@@ -60,6 +60,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         else localQuery.value = v;
       }
     });
+    function onOpenChange(_open) {
+      query.value = "";
+    }
     function encode(v) {
       return v === "" ? EMPTY_SENTINEL : v;
     }
@@ -108,7 +111,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         "ignore-filter": true,
         class: "relative",
-        "onUpdate:modelValue": onUpdate
+        "onUpdate:modelValue": onUpdate,
+        "onUpdate:open": onOpenChange
       }, {
         default: withCtx(() => [
           createVNode(unref(ComboboxAnchor), {

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-C-iOXJIM.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-DnReh5pF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

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

package/dist/components/LpSelect.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSelect-DznhPEWX.js";
+import { _ as _sfc_main } from "../chunks/LpSelect-D5mU4cZO.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -11,7 +11,7 @@ import { _ as _10 } from "./chunks/LpCard-BmrTvWOe.js";
 import { _ as _11 } from "./chunks/LpCheckbox-BO0zuuPh.js";
 import { _ as _12 } from "./chunks/LpCodeBlock-CSiOSPs8.js";
 import { default as default2 } from "./components/LpCommandPalette.vue.js";
-import { _ as _13 } from "./chunks/LpConfirmDialog-C-iOXJIM.js";
+import { _ as _13 } from "./chunks/LpConfirmDialog-DnReh5pF.js";
 import { _ as _14 } from "./chunks/LpContextMenu-D0mzXqA7.js";
 import { _ as _15 } from "./chunks/LpDatePicker-dY2q4dr4.js";
 import { _ as _16 } from "./chunks/LpDisclosure-DP6yfgfM.js";
@@ -29,7 +29,7 @@ import { _ as _26 } from "./chunks/LpLightbox-CWdIsthW.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _27 } from "./chunks/LpLink-DHwOEp4e.js";
 import { _ as _28 } from "./chunks/LpLogViewer-BvzRZPjs.js";
-import { _ as _29 } from "./chunks/LpModal-DeZlvK1B.js";
+import { _ as _29 } from "./chunks/LpModal-CezA8eJ3.js";
 import { _ as _30 } from "./chunks/LpNotificationBell-BtfRoL2i.js";
 import { _ as _31 } from "./chunks/LpNumberField-C5ar-OwE.js";
 import { _ as _32 } from "./chunks/LpOtpInput-DqaT0Z75.js";
@@ -43,7 +43,7 @@ import { _ as _38 } from "./chunks/LpRadio-CL-pI0_O.js";
 import { _ as _39 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
 import { _ as _40 } from "./chunks/LpScrollArea-De9DLpa1.js";
 import { _ as _41 } from "./chunks/LpSegmented-BmpanyAo.js";
-import { _ as _42 } from "./chunks/LpSelect-DznhPEWX.js";
+import { _ as _42 } from "./chunks/LpSelect-D5mU4cZO.js";
 import { _ as _43 } from "./chunks/LpServiceNode-Dc-Ut5RS.js";
 import { _ as _44 } from "./chunks/LpSidebar-B11IDRQi.js";
 import { _ as _45 } from "./chunks/LpSkeleton-eSFIo4kD.js";

package/package.json

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

package/src/components/LpModal.vue

@@ -37,6 +37,13 @@ const props = withDefaults(
 
 defineEmits<{ (e: "update:open", value: boolean): void }>()
 
+// Spread rather than a plain `:aria-describedby` binding: with a description
+// the key must be absent entirely so reka-ui's own generated id survives, and
+// only the description-less case overrides it away.
+const describedByAttrs = computed(() =>
+  props.description ? {} : { "aria-describedby": undefined },
+)
+
 const widthClass = computed(() => {
   if (props.width) return ""
   return {
@@ -85,10 +92,18 @@ const bodyPad = computed(() =>
            box it is free to overflow, so a tall body stopped handing its
            overflow to the scroll area below and simply ran off-screen. -->
       <div class="fixed inset-0 z-(--z-modal) flex items-center justify-center pointer-events-none">
+      <!-- Without a description reka-ui warns on every open, and the opt-out it
+           checks for is an ABSENT `aria-describedby` — despite the message
+           naming the string "undefined" (a leftover from Radix, where
+           `aria-describedby={undefined}` is how you drop the attribute).
+           Dropping it here is what silences the warning; a caller that does
+           pass a description keeps the generated id and the link to
+           DialogDescription. -->
       <DialogContent
         class="pointer-events-auto flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[rise-in_var(--duration-medium)_var(--ease-emphasized)] data-[state=closed]:animate-[rise-out_120ms_cubic-bezier(0.4,0,1,1)]"
         :class="widthClass"
         :style="width ? { width } : undefined"
+        v-bind="describedByAttrs"
       >
         <header v-if="title || $slots.title" class="flex shrink-0 items-start justify-between gap-4 p-5 pb-3">
           <div class="flex flex-col gap-1">

package/src/index.ts

@@ -1,169 +1,169 @@
-export { default as LayoutCanvas } from "./components/LayoutCanvas.vue"
-export { default as LpAlert } from "./components/LpAlert.vue"
-export { default as LpAppShell } from "./components/LpAppShell.vue"
-export { default as LpAutocomplete } from "./components/LpAutocomplete.vue"
-export type { AutocompleteOption } from "./components/LpAutocomplete.vue"
-export { default as LpAvatar } from "./components/LpAvatar.vue"
-export { default as LpBadge } from "./components/LpBadge.vue"
-export { default as LpBreadcrumbs } from "./components/LpBreadcrumbs.vue"
-export type { Crumb } from "./components/LpBreadcrumbs.vue"
-export { default as LpButton } from "./components/LpButton.vue"
-export { default as LpCalendar } from "./components/LpCalendar.vue"
-export { default as LpCard } from "./components/LpCard.vue"
-export { default as LpCheckbox } from "./components/LpCheckbox.vue"
-export { default as LpCodeBlock } from "./components/LpCodeBlock.vue"
-export type { CodeLang } from "./components/codeHighlight"
-export { default as LpCommandPalette } from "./components/LpCommandPalette.vue"
-export type { Command } from "./components/LpCommandPalette.vue"
-export { default as LpConfirmDialog } from "./components/LpConfirmDialog.vue"
-export { default as LpContextMenu } from "./components/LpContextMenu.vue"
-export type { ContextMenuItemDef } from "./components/LpContextMenu.vue"
-export { default as LpDatePicker } from "./components/LpDatePicker.vue"
-export { default as LpDisclosure } from "./components/LpDisclosure.vue"
-export { default as LpDivider } from "./components/LpDivider.vue"
-export { default as LpDrawer } from "./components/LpDrawer.vue"
-export { default as LpDropdownMenu } from "./components/LpDropdownMenu.vue"
-export type { MenuItem } from "./components/LpDropdownMenu.vue"
-export { default as LpEmptyState } from "./components/LpEmptyState.vue"
-export { default as LpFileTree } from "./components/LpFileTree.vue"
-export type { FileTreeSummary } from "./components/LpFileTree.vue"
-export type { CheckState, FileNode, NodeStats } from "./components/fileTree"
-export {
-  ancestorIds,
-  checkedCount,
-  checkStateOf,
-  computeStats,
-  fileIcon,
-  formatModified,
-  formatSize,
-  sortNodes,
-  subtreeIds,
-  subtreeSize,
-} from "./components/fileTree"
-export { default as LpFormField } from "./components/LpFormField.vue"
-export { default as LpIcon } from "./components/LpIcon.vue"
-export { default as LpInfraNode } from "./components/LpInfraNode.vue"
-export type { InfraNodeData } from "./components/LpInfraNode.vue"
-export { default as LpInput } from "./components/LpInput.vue"
-export { default as LpLightbox } from "./components/LpLightbox.vue"
-export type { LightboxItem } from "./components/lightbox"
-export { fileNameOf } from "./components/lightbox"
-export { default as LpLink } from "./components/LpLink.vue"
-export { default as LpLogViewer } from "./components/LpLogViewer.vue"
-export type { LogLevel, LogLine } from "./components/LpLogViewer.vue"
-export { default as LpModal } from "./components/LpModal.vue"
-export { default as LpNotificationBell } from "./components/LpNotificationBell.vue"
-export type { NotificationItem } from "./components/LpNotificationBell.vue"
-export { default as LpNumberField } from "./components/LpNumberField.vue"
-export { default as LpOtpInput } from "./components/LpOtpInput.vue"
-export { default as LpPagination } from "./components/LpPagination.vue"
-export { default as LpPasswordInput } from "./components/LpPasswordInput.vue"
-export { default as LpPhoneInput } from "./components/LpPhoneInput.vue"
-export type { PhoneDetail } from "./components/LpPhoneInput.vue"
-export { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries"
-export type { Country } from "./components/countries"
-export { default as LpPopover } from "./components/LpPopover.vue"
-export { default as LpProgress } from "./components/LpProgress.vue"
-export { default as LpRadio } from "./components/LpRadio.vue"
-export { default as LpRadioGroup } from "./components/LpRadioGroup.vue"
-export type { RadioOption } from "./components/LpRadioGroup.vue"
-export { default as LpScrollArea } from "./components/LpScrollArea.vue"
-export { default as LpSegmented } from "./components/LpSegmented.vue"
-export type { SegmentedOption } from "./components/LpSegmented.vue"
-export { default as LpSelect } from "./components/LpSelect.vue"
-export type { SelectOption, SelectValue } from "./components/LpSelect.vue"
-export { default as LpServiceNode } from "./components/LpServiceNode.vue"
-export type { ServiceNodeData } from "./components/LpServiceNode.vue"
-export { default as LpSidebar } from "./components/LpSidebar.vue"
-export type { SidebarItem, SidebarSection } from "./components/LpSidebar.vue"
-export { default as LpSkeleton } from "./components/LpSkeleton.vue"
-export { default as LpSlider } from "./components/LpSlider.vue"
-export { default as LpStat } from "./components/LpStat.vue"
-export { default as LpStepper } from "./components/LpStepper.vue"
-export type { Step } from "./components/LpStepper.vue"
-export { default as LpSwitch } from "./components/LpSwitch.vue"
-export { default as LpTable } from "./components/LpTable.vue"
-export type { SortState, TableColumn } from "./components/LpTable.vue"
-export { default as LpTableOfContents } from "./components/LpTableOfContents.vue"
-export type { TocLink } from "./components/LpTableOfContents.vue"
-export { default as LpTabs } from "./components/LpTabs.vue"
-export type { TabItem } from "./components/LpTabs.vue"
-export { default as LpTextarea } from "./components/LpTextarea.vue"
-export { default as LpThemeSwitcher } from "./components/LpThemeSwitcher.vue"
-export { default as LpTilt } from "./components/LpTilt.vue"
-export { default as LpToaster } from "./components/LpToaster.vue"
-export { default as LpTooltip } from "./components/LpTooltip.vue"
-export { default as LpTopologyCanvas } from "./components/LpTopologyCanvas.vue"
-export type {
-  CanvasViewport,
-  EdgeCategory,
-  EdgeObserved,
-  TopologyEdge,
-  TopologyLane,
-  TopologyNode,
-} from "./components/LpTopologyCanvas.vue"
-export { default as LpUptimeBar } from "./components/LpUptimeBar.vue"
-export type { UptimeSegment, UptimeStatus } from "./components/LpUptimeBar.vue"
-
-export {
-  addLeaf,
-  addTab,
-  countBlocks,
-  countLeaves,
-  deserializeLayout,
-  makeLayout,
-  moveLeaf,
-  removeBlock,
-  removeLeaf,
-  reorderTab,
-  resizeAt,
-  setActiveTab,
-  serializeLayout,
-} from "./layout/tree"
-export type { Dir, LayoutNode, Leaf, Side, Split } from "./layout/tree"
-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"
-
-// theme engine — themes are JSON (TokenSet), applied at runtime
-export {
-  applyTheme,
-  applyThemeWithTransition,
-  bootstrapTheme,
-  parseTheme,
-  serializeTheme,
-  themeToCssRule,
-  themeToCssVars,
-  useTheme,
-} from "./theme/useTheme"
-export type { RevealOrigin } from "./theme/useTheme"
-export { DEFAULT_SURFACE } from "./theme/tokens"
-export { defineTheme } from "./theme/define"
-export type { ThemeOverrides } from "./theme/define"
-export type {
-  ColorTokens,
-  DensityTokens,
-  FontTokens,
-  ShapeTokens,
-  SurfaceTokens,
-  TokenSet,
-} from "./theme/tokens"
-export { amber, dark, leavepulse, light, lime, nord, presets, rose, violet } from "./theme/presets"
-export type { PresetName } from "./theme/presets"
-export { parseConfig, serializeConfig, UI_CONFIG_VERSION } from "./theme/config"
-export type { UiConfig } from "./theme/config"
-
-export { useInputFilter } from "./composables/useInputFilter"
-export type { UseInputFilterOptions } from "./composables/useInputFilter"
-export { useTilt } from "./composables/useTilt"
-export type { UseTilt, UseTiltOptions } from "./composables/useTilt"
-export { useZoomPan } from "./composables/useZoomPan"
-export type { UseZoomPan, UseZoomPanOptions } from "./composables/useZoomPan"
-export { useToast } from "./composables/useToast"
-export type {
-  ToastAction,
-  ToastItem,
-  ToastOptions,
-  ToastVariant,
-} from "./composables/useToast"
+export { default as LayoutCanvas } from "./components/LayoutCanvas.vue"
+export { default as LpAlert } from "./components/LpAlert.vue"
+export { default as LpAppShell } from "./components/LpAppShell.vue"
+export { default as LpAutocomplete } from "./components/LpAutocomplete.vue"
+export type { AutocompleteOption } from "./components/LpAutocomplete.vue"
+export { default as LpAvatar } from "./components/LpAvatar.vue"
+export { default as LpBadge } from "./components/LpBadge.vue"
+export { default as LpBreadcrumbs } from "./components/LpBreadcrumbs.vue"
+export type { Crumb } from "./components/LpBreadcrumbs.vue"
+export { default as LpButton } from "./components/LpButton.vue"
+export { default as LpCalendar } from "./components/LpCalendar.vue"
+export { default as LpCard } from "./components/LpCard.vue"
+export { default as LpCheckbox } from "./components/LpCheckbox.vue"
+export { default as LpCodeBlock } from "./components/LpCodeBlock.vue"
+export type { CodeLang } from "./components/codeHighlight"
+export { default as LpCommandPalette } from "./components/LpCommandPalette.vue"
+export type { Command } from "./components/LpCommandPalette.vue"
+export { default as LpConfirmDialog } from "./components/LpConfirmDialog.vue"
+export { default as LpContextMenu } from "./components/LpContextMenu.vue"
+export type { ContextMenuItemDef } from "./components/LpContextMenu.vue"
+export { default as LpDatePicker } from "./components/LpDatePicker.vue"
+export { default as LpDisclosure } from "./components/LpDisclosure.vue"
+export { default as LpDivider } from "./components/LpDivider.vue"
+export { default as LpDrawer } from "./components/LpDrawer.vue"
+export { default as LpDropdownMenu } from "./components/LpDropdownMenu.vue"
+export type { MenuItem } from "./components/LpDropdownMenu.vue"
+export { default as LpEmptyState } from "./components/LpEmptyState.vue"
+export { default as LpFileTree } from "./components/LpFileTree.vue"
+export type { FileTreeSummary } from "./components/LpFileTree.vue"
+export type { CheckState, FileNode, NodeStats } from "./components/fileTree"
+export {
+  ancestorIds,
+  checkedCount,
+  checkStateOf,
+  computeStats,
+  fileIcon,
+  formatModified,
+  formatSize,
+  sortNodes,
+  subtreeIds,
+  subtreeSize,
+} from "./components/fileTree"
+export { default as LpFormField } from "./components/LpFormField.vue"
+export { default as LpIcon } from "./components/LpIcon.vue"
+export { default as LpInfraNode } from "./components/LpInfraNode.vue"
+export type { InfraNodeData } from "./components/LpInfraNode.vue"
+export { default as LpInput } from "./components/LpInput.vue"
+export { default as LpLightbox } from "./components/LpLightbox.vue"
+export type { LightboxItem } from "./components/lightbox"
+export { fileNameOf } from "./components/lightbox"
+export { default as LpLink } from "./components/LpLink.vue"
+export { default as LpLogViewer } from "./components/LpLogViewer.vue"
+export type { LogLevel, LogLine } from "./components/LpLogViewer.vue"
+export { default as LpModal } from "./components/LpModal.vue"
+export { default as LpNotificationBell } from "./components/LpNotificationBell.vue"
+export type { NotificationItem } from "./components/LpNotificationBell.vue"
+export { default as LpNumberField } from "./components/LpNumberField.vue"
+export { default as LpOtpInput } from "./components/LpOtpInput.vue"
+export { default as LpPagination } from "./components/LpPagination.vue"
+export { default as LpPasswordInput } from "./components/LpPasswordInput.vue"
+export { default as LpPhoneInput } from "./components/LpPhoneInput.vue"
+export type { PhoneDetail } from "./components/LpPhoneInput.vue"
+export { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries"
+export type { Country } from "./components/countries"
+export { default as LpPopover } from "./components/LpPopover.vue"
+export { default as LpProgress } from "./components/LpProgress.vue"
+export { default as LpRadio } from "./components/LpRadio.vue"
+export { default as LpRadioGroup } from "./components/LpRadioGroup.vue"
+export type { RadioOption } from "./components/LpRadioGroup.vue"
+export { default as LpScrollArea } from "./components/LpScrollArea.vue"
+export { default as LpSegmented } from "./components/LpSegmented.vue"
+export type { SegmentedOption } from "./components/LpSegmented.vue"
+export { default as LpSelect } from "./components/LpSelect.vue"
+export type { SelectOption, SelectValue } from "./components/LpSelect.vue"
+export { default as LpServiceNode } from "./components/LpServiceNode.vue"
+export type { ServiceNodeData } from "./components/LpServiceNode.vue"
+export { default as LpSidebar } from "./components/LpSidebar.vue"
+export type { SidebarItem, SidebarSection } from "./components/LpSidebar.vue"
+export { default as LpSkeleton } from "./components/LpSkeleton.vue"
+export { default as LpSlider } from "./components/LpSlider.vue"
+export { default as LpStat } from "./components/LpStat.vue"
+export { default as LpStepper } from "./components/LpStepper.vue"
+export type { Step } from "./components/LpStepper.vue"
+export { default as LpSwitch } from "./components/LpSwitch.vue"
+export { default as LpTable } from "./components/LpTable.vue"
+export type { SortState, TableColumn } from "./components/LpTable.vue"
+export { default as LpTableOfContents } from "./components/LpTableOfContents.vue"
+export type { TocLink } from "./components/LpTableOfContents.vue"
+export { default as LpTabs } from "./components/LpTabs.vue"
+export type { TabItem } from "./components/LpTabs.vue"
+export { default as LpTextarea } from "./components/LpTextarea.vue"
+export { default as LpThemeSwitcher } from "./components/LpThemeSwitcher.vue"
+export { default as LpTilt } from "./components/LpTilt.vue"
+export { default as LpToaster } from "./components/LpToaster.vue"
+export { default as LpTooltip } from "./components/LpTooltip.vue"
+export { default as LpTopologyCanvas } from "./components/LpTopologyCanvas.vue"
+export type {
+  CanvasViewport,
+  EdgeCategory,
+  EdgeObserved,
+  TopologyEdge,
+  TopologyLane,
+  TopologyNode,
+} from "./components/LpTopologyCanvas.vue"
+export { default as LpUptimeBar } from "./components/LpUptimeBar.vue"
+export type { UptimeSegment, UptimeStatus } from "./components/LpUptimeBar.vue"
+
+export {
+  addLeaf,
+  addTab,
+  countBlocks,
+  countLeaves,
+  deserializeLayout,
+  makeLayout,
+  moveLeaf,
+  removeBlock,
+  removeLeaf,
+  reorderTab,
+  resizeAt,
+  setActiveTab,
+  serializeLayout,
+} from "./layout/tree"
+export type { Dir, LayoutNode, Leaf, Side, Split } from "./layout/tree"
+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"
+
+// theme engine — themes are JSON (TokenSet), applied at runtime
+export {
+  applyTheme,
+  applyThemeWithTransition,
+  bootstrapTheme,
+  parseTheme,
+  serializeTheme,
+  themeToCssRule,
+  themeToCssVars,
+  useTheme,
+} from "./theme/useTheme"
+export type { RevealOrigin } from "./theme/useTheme"
+export { DEFAULT_SURFACE } from "./theme/tokens"
+export { defineTheme } from "./theme/define"
+export type { ThemeOverrides } from "./theme/define"
+export type {
+  ColorTokens,
+  DensityTokens,
+  FontTokens,
+  ShapeTokens,
+  SurfaceTokens,
+  TokenSet,
+} from "./theme/tokens"
+export { amber, dark, leavepulse, light, lime, nord, presets, rose, violet } from "./theme/presets"
+export type { PresetName } from "./theme/presets"
+export { parseConfig, serializeConfig, UI_CONFIG_VERSION } from "./theme/config"
+export type { UiConfig } from "./theme/config"
+
+export { useInputFilter } from "./composables/useInputFilter"
+export type { UseInputFilterOptions } from "./composables/useInputFilter"
+export { useTilt } from "./composables/useTilt"
+export type { UseTilt, UseTiltOptions } from "./composables/useTilt"
+export { useZoomPan } from "./composables/useZoomPan"
+export type { UseZoomPan, UseZoomPanOptions } from "./composables/useZoomPan"
+export { useToast } from "./composables/useToast"
+export type {
+  ToastAction,
+  ToastItem,
+  ToastOptions,
+  ToastVariant,
+} from "./composables/useToast"

package/src/tokens/tokens.css

@@ -347,6 +347,24 @@
   }
 }
 
+/*
+ * Map. Tiles arrive over the network in whatever order they finish, so each one
+ * fades in on load — popping in at full opacity makes a pan look like tearing.
+ * The pin drops onto the point instead of appearing, which reads as placement
+ * rather than a redraw.
+ */
+@keyframes map-tile-in {
+  from {
+    opacity: 0;
+  }
+}
+@keyframes map-pin-in {
+  from {
+    opacity: 0;
+    transform: translateY(-10px) scale(0.8);
+  }
+}
+
 /*
  * Skin painter. A raised panel opts in with .lp-skin-panel and gets the active
  * skin (flat → glass) purely from the surface tokens: border width, an overlay