@leavepulse/ui 0.16.2 → 0.17.1

package/src/index.ts

@@ -1,169 +1,194 @@
-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 LpAddressInput } from "./components/LpAddressInput.vue"
+export { default as LpMapPicker } from "./components/LpMapPicker.vue"
+export {
+  OSM_TILES,
+  createNominatimProvider,
+  emptyAddress,
+  formatAddress,
+  project,
+  tileUrl,
+  unproject,
+} from "./components/address"
+export type {
+  AddressField,
+  AddressLabels,
+  AddressSuggestion,
+  AddressValue,
+  GeocodeProvider,
+  GeocodeQuery,
+  LatLon,
+  NominatimOptions,
+  TileSource,
+} from "./components/address"
+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,
+  NotificationLabels,
+} 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/theme/presets.ts

@@ -13,8 +13,14 @@ const interFont = {
   mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace',
 }
 
+/*
+ * NOTE on naming: the exported CONST names are frozen for compatibility (apps
+ * import `dark` / `leavepulse` directly), but the display `name` changed —
+ * `leavepulse` is now the one called "Dark" (it is the product's dark theme),
+ * and this near-black neutral became "Onyx" to free that label up.
+ */
 export const dark: TokenSet = {
-  name: "Dark",
+  name: "Onyx",
   mode: "dark",
   colors: {
     surface: "#080b0d",
@@ -127,7 +133,7 @@ const glassSurface: SurfaceTokens = {
  * look when it switches its CSS-var dictionary over to the kit.
  */
 export const leavepulse: TokenSet = {
-  name: "LeavePulse",
+  name: "Dark",
   mode: "dark",
   colors: {
     surface: "#020618",