@leavepulse/ui 0.43.4 → 0.45.0

package/src/composables/useToast.ts

@@ -11,6 +11,9 @@ export interface ToastAction {
 
 export interface ToastItem {
   id: number
+  /** Bumped when a toast with the same `key` replaces this one in place. */
+  rev: number
+  key?: string
   title?: string
   message: string
   variant: ToastVariant
@@ -23,6 +26,12 @@ export interface ToastItem {
 }
 
 export interface ToastOptions {
+  /**
+   * A toast with the same key replaces the one on screen instead of stacking
+   * beside it: "Saved" ten times is one toast, and a progress toast can turn
+   * into its result.
+   */
+  key?: string
   title?: string
   duration?: number
   actions?: ToastAction[]
@@ -48,10 +57,12 @@ function push(
   message: string,
   options: ToastOptions = {},
 ): number {
-  const id = state.nextId++
+  // A server render has no one to show it to, and the queue would outlive the
+  // request and surface in the next visitor's page.
+  if (typeof window === "undefined") return -1
   const duration = options.duration ?? DEFAULT_DURATION
-  const item: ToastItem = {
-    id,
+  const fields = {
+    key: options.key,
     title: options.title,
     message,
     variant,
@@ -61,14 +72,54 @@ function push(
     onClick: options.onClick,
   }
 
+  const same = options.key === undefined ? -1 : queue.findIndex((t) => t.key === options.key)
+  const existing = queue[same]
+  if (existing) {
+    queue.splice(same, 1, { ...fields, id: existing.id, rev: existing.rev + 1 })
+    return existing.id
+  }
+
+  const id = state.nextId++
   // Cap the active count: drop the oldest beyond the limit.
   const overflow = queue.length - (MAX_ACTIVE - 1)
   if (overflow > 0) queue.splice(0, overflow)
-  queue.push(item)
+  queue.push({ ...fields, id, rev: 0 })
 
   return id
 }
 
+export interface ToastPromiseMessages<T> {
+  loading: string
+  success: string | ((value: T) => string)
+  error: string | ((error: unknown) => string)
+}
+
+let promiseKey = 0
+
+/**
+ * One toast that follows a promise: a persistent "loading" toast that turns
+ * into the success or error toast when it settles. Returns the promise itself.
+ */
+function promise<T>(
+  task: Promise<T>,
+  messages: ToastPromiseMessages<T>,
+  options: ToastOptions = {},
+): Promise<T> {
+  const key = options.key ?? `@leavepulse/ui:promise-${promiseKey++}`
+  push("info", messages.loading, { ...options, key, duration: 0, actions: undefined })
+  task.then(
+    (value) => {
+      const text = typeof messages.success === "function" ? messages.success(value) : messages.success
+      push("success", text, { ...options, key })
+    },
+    (error: unknown) => {
+      const text = typeof messages.error === "function" ? messages.error(error) : messages.error
+      push("error", text, { ...options, key })
+    },
+  )
+  return task
+}
+
 function dismiss(id: number): void {
   const i = queue.findIndex((t) => t.id === id)
   if (i !== -1) queue.splice(i, 1)
@@ -86,6 +137,7 @@ export function useToast() {
     success: (message: string, o?: ToastOptions) => push("success", message, o),
     warning: (message: string, o?: ToastOptions) => push("warning", message, o),
     error: (message: string, o?: ToastOptions) => push("error", message, o),
+    promise,
     /** Low-level push for bridges (e.g. @leavepulse/ui-sdk apiError). */
     push,
     dismiss,

package/src/composables/useZoomPan.ts

@@ -1,4 +1,4 @@
-import { computed, ref, type ComputedRef, type CSSProperties, type Ref } from "vue"
+import { computed, ref, toValue, type ComputedRef, type CSSProperties, type MaybeRefOrGetter, type Ref } from "vue"
 
 /*
  * useZoomPan — zoom + pan for a single element inside a viewport, the way an
@@ -15,8 +15,8 @@ import { computed, ref, type ComputedRef, type CSSProperties, type Ref } from "v
 export interface UseZoomPanOptions {
   /** Smallest allowed scale. Default 1 (fit — never shrink past the viewport). */
   min?: number
-  /** Largest allowed scale. Default 8. */
-  max?: number
+  /** Largest allowed scale. Default 8. Read on every change, so it may be a getter. */
+  max?: MaybeRefOrGetter<number | undefined>
   /** Multiplier per wheel notch. Default 1.15. */
   step?: number
   /** Scale that a double-click/tap toggles to, from `min`. Default 2. */
@@ -62,7 +62,7 @@ export interface UseZoomPan {
 
 export function useZoomPan(options: UseZoomPanOptions = {}): UseZoomPan {
   const min = options.min ?? 1
-  const max = options.max ?? 8
+  const maxOf = () => toValue(options.max) ?? 8
   const step = options.step ?? 1.15
   const zoomedScale = options.zoomedScale ?? 2
 
@@ -104,7 +104,7 @@ export function useZoomPan(options: UseZoomPanOptions = {}): UseZoomPan {
 
   /** Zoom to `next`, holding the viewport-relative point `px,py` in place. */
   function zoomAbout(next: number, px: number, py: number) {
-    const clamped = clamp(next, min, max)
+    const clamped = clamp(next, min, maxOf())
     if (clamped === scale.value) return
     // Where the cursor sits in content space before the change; solving for the
     // same content point after gives the translate that keeps it under the
@@ -215,7 +215,7 @@ export function useZoomPan(options: UseZoomPanOptions = {}): UseZoomPan {
 
   function setView(view: { x: number; y: number; scale?: number }) {
     if (view.scale !== undefined) {
-      scale.value = Math.min(max, Math.max(min, view.scale))
+      scale.value = Math.min(maxOf(), Math.max(min, view.scale))
     }
     x.value = view.x
     y.value = view.y

package/src/iconSubset.d.mts

@@ -0,0 +1,10 @@
+export interface IconCollection {
+  prefix: string
+  icons: Record<string, { body: string; width?: number; height?: number }>
+  aliases?: Record<string, { parent: string }>
+  width?: number
+  height?: number
+}
+export function namesInText(text: string): string[]
+export function namesInDirs(dirs: string[]): Set<string>
+export function subset(collection: IconCollection, names: Iterable<string>): IconCollection

package/src/iconSubset.mjs

@@ -0,0 +1,51 @@
+// Shared by the kit's own icon generator and the Nuxt module's app scan: find
+// "lucide:<name>" literals in source text and cut an iconify collection down to
+// just those icons (aliases keep their parent).
+import { readdirSync, readFileSync, statSync } from "node:fs"
+import { join } from "node:path"
+
+const NAME = /lucide:([a-z0-9]+(?:-[a-z0-9]+)*)/g
+const SOURCE = /\.(vue|ts|tsx|js|jsx|mjs|md|html)$/
+const SKIP = new Set(["node_modules", "dist", ".nuxt", ".output", ".git"])
+
+export function namesInText(text) {
+  return [...text.matchAll(NAME)].map((m) => m[1])
+}
+
+export function namesInDirs(dirs) {
+  const names = new Set()
+  const walk = (dir) => {
+    let entries
+    try {
+      entries = readdirSync(dir)
+    } catch {
+      return
+    }
+    for (const entry of entries) {
+      if (SKIP.has(entry)) continue
+      const path = join(dir, entry)
+      if (statSync(path).isDirectory()) walk(path)
+      else if (SOURCE.test(entry)) for (const n of namesInText(readFileSync(path, "utf8"))) names.add(n)
+    }
+  }
+  for (const dir of dirs) walk(dir)
+  return names
+}
+
+export function subset(collection, names) {
+  const icons = {}
+  const aliases = {}
+  for (const name of [...names].sort()) {
+    if (collection.icons[name]) {
+      icons[name] = collection.icons[name]
+      continue
+    }
+    const alias = collection.aliases?.[name]
+    if (!alias) continue
+    aliases[name] = alias
+    if (collection.icons[alias.parent]) icons[alias.parent] = collection.icons[alias.parent]
+  }
+  const out = { prefix: collection.prefix, icons, width: collection.width, height: collection.height }
+  if (Object.keys(aliases).length) out.aliases = aliases
+  return out
+}

package/src/icons-all.ts

@@ -0,0 +1,10 @@
+import lucide from "@iconify-json/lucide/icons.json"
+import type { IconifyJSON } from "@iconify/vue"
+import { registerIconCollection } from "./icons"
+
+/*
+ * Side-effect entry: `import "@leavepulse/ui/icons-all"` registers every lucide
+ * icon up front, for apps that render arbitrary icon names during SSR or want
+ * no late chunk. Costs the whole collection (~540 KB before compression).
+ */
+registerIconCollection(lucide as IconifyJSON)

package/src/icons.ts

@@ -1,11 +1,62 @@
-import { addCollection } from "@iconify/vue"
-import lucide from "@iconify-json/lucide/icons.json"
+import { addCollection, addIcon, iconLoaded, type IconifyIcon, type IconifyJSON } from "@iconify/vue"
+import { ref } from "vue"
+import { KIT_ICONS } from "./kit-icons"
 
 /*
- * Register the lucide collection offline so <LpIcon name="lucide:*"> resolves
- * without hitting the iconify API (required for Tauri / air-gapped use).
- *
- * This pulls the whole lucide set. If bundle size matters in an app, replace
- * this with a curated subset via addIcon() — the LpIcon API is unchanged.
+ * Offline icons without the whole lucide set in every bundle. The kit registers
+ * only the icons its own components render (KIT_ICONS, generated at build). Any
+ * other "lucide:*" name an app renders loads the full collection as a separate
+ * chunk on first use, from the app's own bundle, never from the iconify API, so
+ * Tauri and air-gapped apps keep working. Apps that need every icon in the
+ * server render (or no late chunk at all) register them up front: the Nuxt
+ * module's `icons` option, `registerIcons`, or `import "@leavepulse/ui/icons-all"`.
  */
-addCollection(lucide as Parameters<typeof addCollection>[0])
+addCollection(KIT_ICONS)
+
+/** Bumped whenever icons are registered, so rendered icons re-resolve. */
+export const iconsVersion = ref(0)
+
+let lucide: Promise<IconifyJSON> | undefined
+
+function loadLucide(): Promise<IconifyJSON> {
+  lucide ??= import("@iconify-json/lucide/icons.json").then((m) => (m.default ?? m) as IconifyJSON)
+  return lucide
+}
+
+/** Register a whole iconify collection (any prefix) for offline use. */
+export function registerIconCollection(collection: IconifyJSON): void {
+  addCollection(collection)
+  iconsVersion.value++
+}
+
+/**
+ * Register lucide icons by name ("check" or "lucide:check") from the bundled
+ * collection. Resolves once they render offline.
+ */
+export async function registerIcons(names: readonly string[]): Promise<void> {
+  const wanted = names.map((n) => n.replace(/^lucide:/, ""))
+  if (wanted.every((n) => iconLoaded(`lucide:${n}`))) return
+  const all = await loadLucide()
+  for (const name of wanted) {
+    const parent = all.aliases?.[name]?.parent
+    const body = all.icons[name] ?? (parent ? all.icons[parent] : undefined)
+    if (!body) continue
+    const icon: IconifyIcon = { width: all.width, height: all.height, ...body }
+    addIcon(`lucide:${name}`, icon)
+  }
+  iconsVersion.value++
+}
+
+/** Register the full lucide collection. */
+export async function registerAllIcons(): Promise<void> {
+  registerIconCollection(await loadLucide())
+}
+
+const pending = new Set<string>()
+
+/** A lucide name that isn't registered yet: load it from the bundled set. */
+export function requestIcon(name: string): void {
+  if (pending.has(name) || typeof window === "undefined") return
+  pending.add(name)
+  void registerIcons([name]).finally(() => pending.delete(name))
+}

package/src/index.ts

@@ -36,6 +36,10 @@ export { default as LpCalendar } from "./components/LpCalendar.vue"
 export { default as LpCard } from "./components/LpCard.vue"
 export { default as LpChart } from "./components/LpChart.vue"
 export type { ChartPointEvent } from "./components/LpChart.vue"
+export type { ChartText } from "./components/LpChart.vue"
+export type { ChartExportOptions } from "./components/LpChart.vue"
+export { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData"
+export type { CsvColumn, CsvOptions, RasterOptions } from "./components/exportData"
 export {
   CHART_PALETTE,
   axisTicks,
@@ -43,9 +47,12 @@ export {
   niceScale,
 } from "./components/chart"
 export type { ChartAxis, ChartPoint, ChartSeries } from "./components/chart"
+export { chartSummary, markerIndex } from "./components/chart"
+export type { ChartMarker, ChartThreshold } from "./components/chart"
 export { default as LpCheckbox } from "./components/LpCheckbox.vue"
 export { default as LpCodeBlock } from "./components/LpCodeBlock.vue"
 export type { CodeLang } from "./components/codeHighlight"
+export { tokenizeLines } from "./components/codeHighlight"
 export { default as LpColorPicker } from "./components/LpColorPicker.vue"
 export type { ColorPickerLabels } from "./components/LpColorPicker.vue"
 export {
@@ -68,9 +75,19 @@ export type { Command, PaletteLabels } from "./components/LpCommandPalette.vue"
 export { parseCommandQuery, rankCommandItems } from "./components/commandSearch"
 export type { CommandSearchTerms, SearchableCommand } from "./components/commandSearch"
 export { default as LpConfirmDialog } from "./components/LpConfirmDialog.vue"
+export type { ConfirmLabels } from "./components/LpConfirmDialog.vue"
+export { default as LpConfirmHost } from "./components/LpConfirmHost.vue"
+export { confirm, useConfirm } from "./components/confirm"
+export type { ConfirmOptions } from "./components/confirm"
 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 LpDateRangePicker } from "./components/LpDateRangePicker.vue"
+export type { DateRangePickerLabels } from "./components/LpDateRangePicker.vue"
+export { default as LpRangeCalendar } from "./components/LpRangeCalendar.vue"
+export type { RangeCalendarLabels } from "./components/LpRangeCalendar.vue"
+export { clampRange, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange"
+export type { DateRange, DateRangePreset, DateRangePresetLabels } from "./components/dateRange"
 export { default as LpDisclosure } from "./components/LpDisclosure.vue"
 export { default as LpDivider } from "./components/LpDivider.vue"
 export { default as LpDrawer } from "./components/LpDrawer.vue"
@@ -80,6 +97,7 @@ export { default as LpDropzone } from "./components/LpDropzone.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 { FileTreeLabels } from "./components/LpFileTree.vue"
 export type { CheckState, FileNode, NodeStats } from "./components/fileTree"
 export {
   ancestorIds,
@@ -93,18 +111,23 @@ export {
   subtreeIds,
   subtreeSize,
 } from "./components/fileTree"
+export { default as LpFieldNotice } from "./components/LpFieldNotice.vue"
 export { default as LpFormField } from "./components/LpFormField.vue"
 export { default as LpIcon } from "./components/LpIcon.vue"
+export { iconsVersion, registerAllIcons, registerIconCollection, registerIcons } from "./icons"
 export { default as LpImageEditor } from "./components/LpImageEditor.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 { LightboxLabels } 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 type { LogViewerLabels } from "./components/LpLogViewer.vue"
+export { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch"
 export { default as LpMediaGallery } from "./components/LpMediaGallery.vue"
 export { default as LpModal } from "./components/LpModal.vue"
 export { default as LpModalNav } from "./components/LpModalNav.vue"
@@ -121,11 +144,12 @@ export { default as LpPagination } from "./components/LpPagination.vue"
 export { default as LpPasswordInput } from "./components/LpPasswordInput.vue"
 export { default as LpPie } from "./components/LpPie.vue"
 export type { SliceEvent } from "./components/LpPie.vue"
+export type { PieText } from "./components/LpPie.vue"
 export { resolveSlices } from "./components/chart"
 export type { PieSlice, ResolvedSlice } from "./components/chart"
 export { default as LpPhoneInput } from "./components/LpPhoneInput.vue"
 export type { PhoneDetail } from "./components/LpPhoneInput.vue"
-export { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries"
+export { filterCountries, 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"
@@ -154,15 +178,23 @@ 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, TablePage, TableQuery } from "./components/LpTable.vue"
+export type { TableLabels } from "./components/LpTable.vue"
+export type { TableExportOptions } from "./components/LpTable.vue"
+export { compareValues } from "./components/tableSort"
 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 LpTagsInput } from "./components/LpTagsInput.vue"
+export type { TagsInputLabels } from "./components/LpTagsInput.vue"
+export { addTags, splitTags } from "./components/tags"
+export type { AddTagsOptions, TagDuplicates, TagRejection, TagValidator } from "./components/tags"
 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 LpTooltipProvider } from "./components/LpTooltipProvider.vue"
 export { default as LpTopologyCanvas } from "./components/LpTopologyCanvas.vue"
 export type {
   CanvasViewport,
@@ -210,7 +242,7 @@ export {
   useTheme,
 } from "./theme/useTheme"
 export type { RevealOrigin } from "./theme/useTheme"
-export { detectBackdropFilter, isBrokenBackdropEngine, NO_BACKDROP_ATTR } from "./theme/backdrop"
+export { detectBackdropFilter, GLASS_BACKDROP_ATTR, isBrokenBackdropEngine, NO_BACKDROP_ATTR, setGlassBackdrop } from "./theme/backdrop"
 export { DEFAULT_SURFACE } from "./theme/tokens"
 export { defineTheme } from "./theme/define"
 export type { ThemeOverrides } from "./theme/define"
@@ -222,7 +254,7 @@ export type {
   SurfaceTokens,
   TokenSet,
 } from "./theme/tokens"
-export { amber, dark, leavepulse, light, lime, nord, presets, rose, violet } from "./theme/presets"
+export { amber, dark, 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"
@@ -237,9 +269,29 @@ export {
   mergeShortcutGroups,
 } from "./composables/useHotkeys"
 export type { HotkeyBinding, HotkeyHelp, ShortcutEntry, ShortcutGroup } from "./composables/useHotkeys"
+export {
+  findHotkeyConflicts,
+  hotkeyConflicts,
+  hotkeySteps,
+  matchesHotkey,
+  pendingHotkey,
+  sequenceProgress,
+  useAppleKeyboard,
+} from "./composables/useHotkeys"
+export type { HotkeyConflict, HotkeyStep } from "./composables/useHotkeys"
+export { anyModalOpen, topModalElement, useModalLayer } from "./components/modalDepth"
+export type { ModalLayer, ModalLayerOptions } from "./components/modalDepth"
 export { provideGlass, useGlass } from "./composables/useGlass"
+export { LP_CONFIG, lpConfig, mergeConfig, provideLpConfig, useLabels, useLinkComponent, useLpConfig } from "./composables/useLpConfig"
+export type { LabelScope, LpConfig } from "./composables/useLpConfig"
 export { useMergedClass, useMergedAttrs, mergeClass } from "./composables/useMergedClass"
-export { useInputFilter } from "./composables/useInputFilter"
+export { anchorPattern, stripDisallowed, useInputFilter } from "./composables/useInputFilter"
+export { usePaintSelect } from "./composables/usePaintSelect"
+export type { UsePaintSelectOptions } from "./composables/usePaintSelect"
+export { LP_FIELD, fieldMessageId, provideField, useField, useFieldControl } from "./composables/useField"
+export { FIELD_NOTICE_MS, useFieldNotice } from "./composables/useFieldNotice"
+export type { FieldNotice, FieldNoticeOptions, FieldNoticeTone } from "./composables/useFieldNotice"
+export type { FieldContext, FieldControlState } from "./composables/useField"
 export type { UseInputFilterOptions } from "./composables/useInputFilter"
 export { easeOut, easeTravel, easingToken, prefersReducedMotion } from "./composables/easing"
 export { useReveal } from "./composables/useReveal"
@@ -249,6 +301,10 @@ export { useRovingFocus } from "./composables/useRovingFocus"
 export type { RovingItem, UseRovingFocusOptions } from "./composables/useRovingFocus"
 export { useFormDraft } from "./composables/useFormDraft"
 export type { UseFormDraft, UseFormDraftOptions } from "./composables/useFormDraft"
+export { DEFAULT_MASK_TOKENS, applyMask, maskDelete, parseMask, useInputMask } from "./composables/useInputMask"
+export type { MaskOptions, MaskResult, MaskSpec, MaskToken, MaskTokens, UseInputMaskOptions } from "./composables/useInputMask"
+export { deepEqual, useForm } from "./composables/useForm"
+export type { FieldBinding, FieldRule, FormErrorMessage, FormErrors, FormRules, UseForm, UseFormOptions } from "./composables/useForm"
 
 export { useSettled } from "./composables/useSettled"
 export type { UseSettledOptions } from "./composables/useSettled"
@@ -265,3 +321,16 @@ export type {
   ToastOptions,
   ToastVariant,
 } from "./composables/useToast"
+export type { ToastPromiseMessages } from "./composables/useToast"
+export {
+  cacheSystemThemes,
+  normalizeTheme,
+  prefersDarkScheme,
+  themeEntries,
+} from "./theme/useTheme"
+export type { SystemThemes, UseTheme } from "./theme/useTheme"
+export { layoutController } from "./layout/useLayout"
+export type { LayoutController } from "./layout/useLayout"
+export { default as LpThemeProvider } from "./components/LpThemeProvider.vue"
+export { isInternalHref, resolveLink } from "./components/link"
+export type { LinkTarget, ResolvedLink } from "./components/link"

package/src/kit-icons.ts

@@ -0,0 +1,5 @@
+/* AUTO-GENERATED by scripts/gen-kit-icons.mjs — do not edit.
+ * The lucide icons kit components render, registered offline by icons.ts. */
+import type { IconifyJSON } from "@iconify/vue"
+
+export const KIT_ICONS: IconifyJSON = {"prefix":"lucide","icons":{"activity":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"/>"},"arrow-down":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m7-7l-7 7l-7-7\"/>"},"arrow-up":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l7-7l7 7m-7 7V5\"/>"},"bell":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\"/>"},"bell-off":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.268 21a2 2 0 0 0 3.464 0M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742M2 2l20 20M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05\"/>"},"calendar":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M8 2v4m8-4v4\"/><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"/><path d=\"M3 10h18\"/></g>"},"calendar-range":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"/><path d=\"M16 2v4M3 10h18M8 2v4m9 8h-6m2 4H7m0-4h.01M17 18h.01\"/></g>"},"chart-no-axes-column":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 21v-6m7 6V3m7 18V9\"/>"},"chart-pie":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\"/><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"/></g>"},"check":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 6L9 17l-5-5\"/>"},"check-check":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L7 17l-5-5m20-2l-7.5 7.5L13 16\"/>"},"circle-check-big":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M21.801 10A10 10 0 1 1 17 3.335\"/><path d=\"m9 11l3 3L22 4\"/></g>"},"chevron-down":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/>"},"chevron-left":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 18l-6-6l6-6\"/>"},"chevron-right":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"/>"},"chevron-up":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 15l-6-6l-6 6\"/>"},"chevrons-up-down":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 15l5 5l5-5M7 9l5-5l5 5\"/>"},"circle-alert":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4m0 4h.01\"/></g>"},"circle-check":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m9 12l2 2l4-4\"/></g>"},"circle-x":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9l-6 6m0-6l6 6\"/></g>"},"clipboard":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"/></g>"},"clipboard-list":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2m4 7h4m-4 5h4m-8-5h.01M8 16h.01\"/></g>"},"clock":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 6v6l4 2\"/></g>"},"code":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 18l6-6l-6-6M8 6l-6 6l6 6\"/>"},"columns-3":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M9 3v18m6-18v18\"/></g>"},"container":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z\"/><path d=\"M10 21.9V14L2.1 9.1M10 14l11.9-6.9M14 19.8v-8.1m4 5.8V9.4\"/></g>"},"copy":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></g>"},"crosshair":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M22 12h-4M6 12H2m10-6V2m0 20v-4\"/></g>"},"database":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"/><path d=\"M3 5v14a9 3 0 0 0 18 0V5\"/><path d=\"M3 12a9 3 0 0 0 18 0\"/></g>"},"dot":{"body":"<circle cx=\"12.1\" cy=\"12.1\" r=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/>"},"download":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"m7 10l5 5l5-5\"/></g>"},"external-link":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/>"},"eye":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></g>"},"eye-off":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242\"/><path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20\"/></g>"},"file":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"/></g>"},"file-archive":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M8 12v-1m0 7v-2m0-9V6\"/><circle cx=\"8\" cy=\"20\" r=\"2\"/></g>"},"file-code":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5m-10 4.5L8 15l2 2.5m4-5l2 2.5l-2 2.5\"/></g>"},"file-cog":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M15 8a1 1 0 0 1-1-1V2a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8zm5 0v12a2 2 0 0 1-2 2h-4.182M3.305 19.53l.923-.382M4 10.592V4a2 2 0 0 1 2-2h8M4.228 16.852l-.924-.383m2.548-1.241l-.383-.923m.383 6.467l-.383.924m2.679-6.468l.383-.923m-.001 7.391l-.382-.924m1.625-3.92l.922-.383m-.922 2.679l.922.383\"/><circle cx=\"7\" cy=\"18\" r=\"3\"/></g>"},"file-image":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"/><circle cx=\"10\" cy=\"12\" r=\"2\"/><path d=\"m20 17l-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22\"/></g>"},"file-json":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"/><path d=\"M14 2v4a2 2 0 0 0 2 2h4m-10 4a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1a1 1 0 0 1 1 1v1a1 1 0 0 0 1 1m4 0a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1a1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1\"/></g>","hidden":true},"file-key":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M14 2v5a1 1 0 0 0 1 1h5M4 12v6m0-4h2\"/><path d=\"M9.65 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v4\"/><circle cx=\"4\" cy=\"20\" r=\"2\"/></g>"},"file-lock":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 9.8V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M9 17v-2a2 2 0 0 0-4 0v2\"/><rect width=\"8\" height=\"5\" x=\"3\" y=\"17\" rx=\"1\"/></g>"},"file-spreadsheet":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M8 13h2m4 0h2m-8 4h2m4 0h2\"/></g>"},"file-terminal":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M8 16l2-2l-2-2m4 6h4\"/></g>"},"file-text":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"/></g>"},"file-type":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5m-9 10h2m-1-6v6m-3-5v-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v.5\"/></g>"},"filter":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22 3H2l8 9.46V19l4 2v-8.54z\"/>","hidden":true},"filter-x":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055M22 3l-5 5m0-5l5 5\"/>","hidden":true},"folder":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"/>"},"folder-open":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\"/>"},"folder-search":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M10.7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v4.1M21 21l-1.9-1.9\"/><circle cx=\"17\" cy=\"17\" r=\"3\"/></g>"},"git-branch":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M15 6a9 9 0 0 0-9 9V3\"/><circle cx=\"18\" cy=\"6\" r=\"3\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/></g>"},"image-off":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m2 2l20 20M10.41 10.41a2 2 0 1 1-2.83-2.83m5.92 5.92L6 21m12-9l3 3\"/><path d=\"M3.59 3.59A2 2 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59M21 15V5a2 2 0 0 0-2-2H9\"/></g>"},"inbox":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M22 12h-6l-2 3h-4l-2-3H2\"/><path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11\"/></g>"},"info":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4h.01\"/></g>"},"link":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></g>"},"list":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13\"/>"},"loader-circle":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 1 1-6.219-8.56\"/>"},"locate-fixed":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 12h3m14 0h3M12 2v3m0 14v3\"/><circle cx=\"12\" cy=\"12\" r=\"7\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></g>"},"lock":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/></g>"},"lock-open":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"/></g>"},"map":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zm.894.211v15M9 3.236v15\"/>"},"map-pin":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></g>"},"maximize-2":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6\"/>"},"menu":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"/>"},"minus":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14\"/>"},"monitor":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"/><path d=\"M8 21h8m-4-4v4\"/></g>"},"moon":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"/>"},"octagon-alert":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 16h.01M12 8v4m3.312-10a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z\"/>"},"package":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12\"/><path d=\"M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15\"/></g>"},"palette":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"/><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"/></g>"},"plus":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7v14\"/>"},"rotate-ccw":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8\"/><path d=\"M3 3v5h5\"/></g>"},"rotate-cw":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/></g>"},"scroll-text":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M15 12h-5m5-4h-5m9 9V5a2 2 0 0 0-2-2H4\"/><path d=\"M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3\"/></g>"},"search":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m21 21l-4.34-4.34\"/><circle cx=\"11\" cy=\"11\" r=\"8\"/></g>"},"server":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\"/><rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\"/><path d=\"M6 6h.01M6 18h.01\"/></g>"},"sun":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"4\"/><path d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"/></g>"},"trash-2":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/>"},"trending-down":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M16 17h6v-6\"/><path d=\"m22 17l-8.5-8.5l-5 5L2 7\"/></g>"},"trending-up":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M16 7h6v6\"/><path d=\"m22 7l-8.5 8.5l-5-5L2 17\"/></g>"},"triangle-alert":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01\"/>"},"undo-2":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M9 14L4 9l5-5\"/><path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\"/></g>"},"upload":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>"},"x":{"body":"<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"/>"},"zoom-in":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21l-4.35-4.35M11 8v6m-3-3h6\"/></g>"},"zoom-out":{"body":"<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21l-4.35-4.35M8 11h6\"/></g>"}},"width":24,"height":24,"aliases":{"check-circle":{"parent":"circle-check-big"}}}

package/src/layout/tree.ts

@@ -37,6 +37,13 @@ export type LayoutNode = Leaf | Split
 let uid = 0
 const nid = () => `lp-n${uid++}`
 
+// Keep fresh ids clear of ids restored from a snapshot.
+function claimId(id: string): string {
+  const n = /^lp-n(\d+)$/.exec(id)
+  if (n) uid = Math.max(uid, Number(n[1]) + 1)
+  return id
+}
+
 function leaf(block: string): Leaf {
   return { kind: "leaf", id: nid(), blocks: [block], active: 0, size: 1 }
 }
@@ -286,3 +293,26 @@ export function deserializeLayout(data: SerializedNode): Split {
   }
   return reactive(hydrate(data) as Split)
 }
+
+// ── history snapshots ────────────────────────────────────────
+// Like serializeLayout, but keeping node ids: restoring an undo step with
+// fresh ids remounted every block and threw away its local state.
+type SnapshotNode =
+  | { kind: "leaf"; id: string; blocks: string[]; active: number; size: number }
+  | { kind: "split"; id: string; dir: Dir; size: number; children: SnapshotNode[] }
+
+export function snapshotLayout(root: Split): string {
+  const strip = (n: LayoutNode): SnapshotNode =>
+    n.kind === "leaf"
+      ? { kind: "leaf", id: n.id, blocks: [...n.blocks], active: n.active, size: n.size }
+      : { kind: "split", id: n.id, dir: n.dir, size: n.size, children: n.children.map(strip) }
+  return JSON.stringify(strip(root))
+}
+
+export function restoreLayout(snapshot: string): Split {
+  const hydrate = (n: SnapshotNode): LayoutNode =>
+    n.kind === "leaf"
+      ? { kind: "leaf", id: claimId(n.id), blocks: [...n.blocks], active: n.active, size: n.size }
+      : { kind: "split", id: claimId(n.id), dir: n.dir, size: n.size, children: n.children.map(hydrate) }
+  return reactive(hydrate(JSON.parse(snapshot) as SnapshotNode) as Split)
+}