@leavepulse/ui 0.70.1 → 0.71.0

package/dist/icons-all.js

@@ -1,3 +1,3 @@
 import lucide from "@iconify-json/lucide/icons.json";
-import { a as registerIconCollection } from "./chunks/icons-4IywzkHk.js";
+import { a as registerIconCollection } from "./chunks/icons-CLu1iR1j.js";
 registerIconCollection(lucide);

package/dist/index.d.ts

@@ -291,7 +291,7 @@ export { TONE_ALIASES, TONES, toneLook, toneOf } from "./components/tone";
 export type { Tone, ToneLook, ToneName } from "./components/tone";
 export { formatAmount, quotaSegments, quotaState } from "./components/quota";
 export type { QuotaPart, QuotaSegment, QuotaState, QuotaUnit } from "./components/quota";
-export { compactNumber, formatBytes } from "./components/format";
+export { compactNumber, decimalMark, formatBytes } from "./components/format";
 export type { CompactNumberOptions, FormatBytesOptions } from "./components/format";
 export { STATUS_LABELS, STATUS_LOOK } from "./components/status";
 export type { StatusKind, StatusLook } from "./components/status";
@@ -359,3 +359,16 @@ export { default as LpGlowBorder } from "./components/LpGlowBorder.vue";
 export { default as LpMagnetic } from "./components/LpMagnetic.vue";
 export { spotlightPoint, useSpotlight } from "./composables/useSpotlight";
 export type { UseSpotlight, UseSpotlightOptions } from "./composables/useSpotlight";
+export { default as LpCommandScope } from "./components/LpCommandScope.vue";
+export { createPaletteRegistry, usePaletteCommands, mergePaletteCommands } from "./composables/usePaletteCommands";
+export type { PaletteRegistry, PaletteControlOptions } from "./composables/usePaletteCommands";
+export { PALETTE_MODES } from "./components/commandPalette";
+export type { PaletteMode } from "./components/commandPalette";
+export { searchCommandItems, swapCommandLayout } from "./components/commandSearch";
+export type { CommandPrompt } from "./components/LpCommandPalette.vue";
+export { usePaletteTheme } from "./theme/palette";
+export { default as LpPaletteTheme } from "./components/LpPaletteTheme.vue";
+export { vPalette } from "./composables/usePaletteCommands";
+export type { PaletteTargetOptions } from "./composables/usePaletteCommands";
+export { menuPaletteCommands } from "./components/commandPalette";
+export type { PreviewableThemeStudio } from "./theme/studio";

package/dist/index.js

@@ -1,28 +1,28 @@
-import { _ } from "./chunks/LayoutCanvas-BsJIzhdd.js";
-import { _ as _2 } from "./chunks/LpAddressInput-Chv_Xf8q.js";
-import { _ as _3 } from "./chunks/LpMapPicker-BtIl7NOM.js";
+import { _ } from "./chunks/LayoutCanvas-Ba4A9QC5.js";
+import { _ as _2 } from "./chunks/LpAddressInput-CD0bzrt-.js";
+import { _ as _3 } from "./chunks/LpMapPicker-Dp5RSCi9.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
-import { _ as _4 } from "./chunks/LpActionBar-CzOFar5t.js";
-import { _ as _5 } from "./chunks/LpAlert-C5igj802.js";
-import { _ as _6 } from "./chunks/LpAppShell-BiWByLmt.js";
-import { _ as _7 } from "./chunks/LpAutocomplete-D92niDHE.js";
-import { _ as _8 } from "./chunks/LpAvatar-CLPl-qOF.js";
-import { _ as _9 } from "./chunks/LpBadge-BBq1Er9T.js";
-import { _ as _10 } from "./chunks/LpBreadcrumbs-JKEi_yFF.js";
-import { _ as _11 } from "./chunks/LpButton-CVxBfGjd.js";
-import { _ as _12 } from "./chunks/LpCalendar-pVL91-Pl.js";
+import { _ as _4 } from "./chunks/LpActionBar-B7anGlkI.js";
+import { _ as _5 } from "./chunks/LpAlert-BHi7ARqu.js";
+import { _ as _6 } from "./chunks/LpAppShell-1RmBp6xQ.js";
+import { _ as _7 } from "./chunks/LpAutocomplete-DDqe2M5g.js";
+import { _ as _8 } from "./chunks/LpAvatar-DqfKCIdr.js";
+import { _ as _9 } from "./chunks/LpBadge-C8fKEmTF.js";
+import { _ as _10 } from "./chunks/LpBreadcrumbs-DhcoStFa.js";
+import { _ as _11 } from "./chunks/LpButton-BQDAFXBd.js";
+import { _ as _12 } from "./chunks/LpCalendar-NmrA47J9.js";
 import { _ as _13 } from "./chunks/LpCard-CqKLnEhl.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { backgroundOf, csvField, downloadFile, fileStem, inlineSvg, resolveCssColor, svgToPng, toCsv } from "./components/exportData.js";
 import { CHART_PALETTE, axisTicks, chartSummary, formatTick, markerIndex, niceScale, resolveSlices } from "./components/chart.js";
-import { _ as _14 } from "./chunks/LpCheckbox-DHc2bHDe.js";
-import { _ as _15 } from "./chunks/LpCodeBlock-BGsQhxw8.js";
+import { _ as _14 } from "./chunks/LpCheckbox-BoOuLnGB.js";
+import { _ as _15 } from "./chunks/LpCodeBlock-Czu-fq1M.js";
 import { tokenizeLines } from "./components/codeHighlight.js";
-import { _ as _16 } from "./chunks/LpColorPicker-B7HSIFmn.js";
+import { _ as _16 } from "./chunks/LpColorPicker-Ee1DZiRd.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
-import { applyQueryFilters, highlightParts, parseCommandQuery, parsePaletteQuery, rankCommandItems } from "./components/commandSearch.js";
-import { commandHasPreview, pushRecent, readRecent, toRecentItem } from "./components/commandPalette.js";
+import { applyQueryFilters, highlightParts, parseCommandQuery, parsePaletteQuery, rankCommandItems, searchCommandItems, swapCommandLayout } from "./components/commandSearch.js";
+import { PALETTE_MODES, commandHasPreview, menuPaletteCommands, pushRecent, readRecent, toRecentItem } from "./components/commandPalette.js";
 import { _ as _17 } from "./chunks/LpPalettePreview-BNB8T_MY.js";
 import { default as default4 } from "./components/LpPaletteHeader.vue.js";
 import { default as default5 } from "./components/LpPaletteFacts.vue.js";
@@ -30,92 +30,92 @@ import { default as default6 } from "./components/LpPaletteStats.vue.js";
 import { default as default7 } from "./components/LpPaletteSwatches.vue.js";
 import { default as default8 } from "./components/LpKeys.vue.js";
 import { comboKeys, comboSteps } from "./components/keys.js";
-import { _ as _18 } from "./chunks/LpConfirmDialog-CfGCux8m.js";
-import { _ as _19 } from "./chunks/LpConfirmHost-exB7JmcO.js";
+import { _ as _18 } from "./chunks/LpConfirmDialog-i15pulMT.js";
+import { _ as _19 } from "./chunks/LpConfirmHost-D0oGavtd.js";
 import { confirm, useConfirm } from "./components/confirm.js";
-import { _ as _20 } from "./chunks/LpContextMenu-Cj96ENDC.js";
-import { _ as _21 } from "./chunks/LpDatePicker-ac1_6o5P.js";
-import { _ as _22 } from "./chunks/LpDateRangePicker-B15gYrZJ.js";
-import { _ as _23 } from "./chunks/LpRangeCalendar-c5qj7YcC.js";
+import { _ as _20 } from "./chunks/LpContextMenu-DXpFJjlO.js";
+import { _ as _21 } from "./chunks/LpDatePicker-cC9K-Pk8.js";
+import { _ as _22 } from "./chunks/LpDateRangePicker-BVQKPbvo.js";
+import { _ as _23 } from "./chunks/LpRangeCalendar-l-0nSFmY.js";
 import { clampRange, dayAllowed, defaultDatePresets, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange.js";
-import { _ as _24 } from "./chunks/LpDisclosure-DOarzlAG.js";
+import { _ as _24 } from "./chunks/LpDisclosure-hRnX3FWL.js";
 import { _ as _25 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _26 } from "./chunks/LpDrawer-DGNKRsGq.js";
-import { _ as _27 } from "./chunks/LpDropdownMenu-R4aYVtVV.js";
+import { _ as _26 } from "./chunks/LpDrawer-u4rxnuR-.js";
+import { _ as _27 } from "./chunks/LpDropdownMenu-BgZ0Z_Im.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
-import { _ as _28 } from "./chunks/LpEmptyState-KTKipws2.js";
-import { _ as _29 } from "./chunks/LpFileTree-DDNg34tJ.js";
+import { _ as _28 } from "./chunks/LpEmptyState-CKFTtQgJ.js";
+import { _ as _29 } from "./chunks/LpFileTree-BH0gNlSJ.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
-import { _ as _30 } from "./chunks/LpFieldNotice-CurbNuXI.js";
-import { _ as _31 } from "./chunks/LpFormField-BWwgm1E4.js";
-import { _ as _32 } from "./chunks/LpIcon-HJP5xMz4.js";
-import { i, b, a, c } from "./chunks/icons-4IywzkHk.js";
+import { _ as _30 } from "./chunks/LpFieldNotice-CPI8EwtU.js";
+import { _ as _31 } from "./chunks/LpFormField-gRASfyj2.js";
+import { _ as _32 } from "./chunks/LpIcon-DkP-9mzK.js";
+import { i, b, a, c } from "./chunks/icons-CLu1iR1j.js";
 import { default as default10 } from "./components/LpImageEditor.vue.js";
-import { _ as _33 } from "./chunks/LpInfraNode-D64hywJI.js";
-import { _ as _34 } from "./chunks/LpInput-CDuwODJG.js";
-import { _ as _35 } from "./chunks/LpLightbox-XJ0LpTcZ.js";
+import { _ as _33 } from "./chunks/LpInfraNode-yTh4-5qa.js";
+import { _ as _34 } from "./chunks/LpInput-2H-5ILOB.js";
+import { _ as _35 } from "./chunks/LpLightbox-lAt5uIfx.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _37 } from "./chunks/LpLogViewer-DKK4ySZl.js";
+import { _ as _37 } from "./chunks/LpLogViewer-x78YfhJf.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
-import { _ as _38 } from "./chunks/LpMediaGallery-rmI1DjKN.js";
-import { _ as _39 } from "./chunks/LpModal-eBMt2Fqn.js";
-import { _ as _40 } from "./chunks/LpModalNav-DiyFCHiZ.js";
-import { _ as _41 } from "./chunks/LpNotificationBell-D-WhE5m2.js";
-import { _ as _42 } from "./chunks/LpNumberField-B9k-h2HE.js";
-import { _ as _43 } from "./chunks/LpTimeField-BFQVf_PW.js";
-import { _ as _44 } from "./chunks/LpNumberFlow-Cfyh033Q.js";
+import { _ as _38 } from "./chunks/LpMediaGallery-D92oJfY_.js";
+import { _ as _39 } from "./chunks/LpModal-CpH0bNo7.js";
+import { _ as _40 } from "./chunks/LpModalNav-BH4ANQGJ.js";
+import { _ as _41 } from "./chunks/LpNotificationBell-BdUQqZhs.js";
+import { _ as _42 } from "./chunks/LpNumberField-DZY3Z670.js";
+import { _ as _43 } from "./chunks/LpTimeField-DQ8WvPr2.js";
+import { _ as _44 } from "./chunks/LpNumberFlow-5khYxsfX.js";
 import { _ as _45 } from "./chunks/LpOtpInput-CeBPsM7D.js";
-import { _ as _46 } from "./chunks/LpPagination-VNCX6pFC.js";
-import { _ as _47 } from "./chunks/LpPasswordInput-GL2KOFK8.js";
-import { _ as _48 } from "./chunks/LpPie-BgXZ3xmm.js";
-import { _ as _49 } from "./chunks/LpPhoneInput-C60tx1tC.js";
+import { _ as _46 } from "./chunks/LpPagination-DbeACavM.js";
+import { _ as _47 } from "./chunks/LpPasswordInput-BzAZsf5V.js";
+import { _ as _48 } from "./chunks/LpPie-DdFSTbGE.js";
+import { _ as _49 } from "./chunks/LpPhoneInput-BMpd-0QR.js";
 import { filterCountries, flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _50 } from "./chunks/LpPopover-DmZ3wUtP.js";
-import { _ as _51 } from "./chunks/LpProgress-CE-m5OpD.js";
+import { _ as _51 } from "./chunks/LpProgress-BX33EKkN.js";
 import { _ as _52 } from "./chunks/LpRadio-CWA5Eb3M.js";
-import { _ as _53 } from "./chunks/LpRadioGroup-CGBr5nIp.js";
+import { _ as _53 } from "./chunks/LpRadioGroup-CsXeV9Ct.js";
 import { _ as _54 } from "./chunks/LpRollingText-DiL717LK.js";
 import { _ as _55 } from "./chunks/LpScrollArea-Hz3-JWUG.js";
-import { _ as _56 } from "./chunks/LpSegmented-BO99Sr4m.js";
-import { _ as _57 } from "./chunks/LpSection-BW4xJ-Li.js";
-import { _ as _58 } from "./chunks/LpSelect-C_8cJtj6.js";
+import { _ as _56 } from "./chunks/LpSegmented-D2VST0o3.js";
+import { _ as _57 } from "./chunks/LpSection-DcQsieHG.js";
+import { _ as _58 } from "./chunks/LpSelect-DYX2-u5A.js";
 import { fitChips, toggledValues } from "./components/select.js";
 import { _ as _59 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _60 } from "./chunks/LpShift-DXNsauQZ.js";
 import { _ as _61 } from "./chunks/LpSwap-DzE6M3Mg.js";
 import { _ as _62 } from "./chunks/LpHintExample-9Py0wc-L.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _63 } from "./chunks/LpSidebar-CZRXtvem.js";
+import { _ as _63 } from "./chunks/LpSidebar-D44peKq2.js";
 import { _ as _64 } from "./chunks/LpSkeleton-BB6XIV-w.js";
-import { _ as _65 } from "./chunks/LpSlider-DuoRpOrH.js";
-import { _ as _66 } from "./chunks/LpRangeSlider-Dv6lNvHY.js";
+import { _ as _65 } from "./chunks/LpSlider-DxYoCJJO.js";
+import { _ as _66 } from "./chunks/LpRangeSlider-CM-0ZITZ.js";
 import { _ as _67 } from "./chunks/LpVideoBackdrop-DS1wGv-X.js";
 import { formatClipTime, isNativeLoop, planLoop, seamProgress, seamReached } from "./components/videoBackdrop.js";
 import { _ as _68 } from "./chunks/LpSparkline-CExIRDb3.js";
-import { _ as _69 } from "./chunks/LpStat-DFKlPJgy.js";
-import { _ as _70 } from "./chunks/LpStepper-BbnS5jUr.js";
-import { _ as _71 } from "./chunks/LpSwitch-DrzKrZZV.js";
+import { _ as _69 } from "./chunks/LpStat-DIsQfbeD.js";
+import { _ as _70 } from "./chunks/LpStepper-C9RM_yTG.js";
+import { _ as _71 } from "./chunks/LpSwitch-bGZxUDSx.js";
 import { default as default12 } from "./components/LpTable.vue.js";
 import { compareValues } from "./components/tableSort.js";
 import { resolveRowMenu } from "./components/tableRowMenu.js";
-import { _ as _72 } from "./chunks/LpTableOfContents-rYvo8z5T.js";
+import { _ as _72 } from "./chunks/LpTableOfContents-CraicEs4.js";
 import { default as default13 } from "./components/LpTabs.vue.js";
-import { _ as _73 } from "./chunks/LpTagsInput-DZg80W-B.js";
+import { _ as _73 } from "./chunks/LpTagsInput-DrjmrOge.js";
 import { addTags, splitTags } from "./components/tags.js";
-import { _ as _74 } from "./chunks/LpTextarea-DiWjeVoJ.js";
-import { _ as _75 } from "./chunks/LpThemeSwitcher-CadVBTBn.js";
+import { _ as _74 } from "./chunks/LpTextarea-BbYqmG1S.js";
+import { _ as _75 } from "./chunks/LpThemeSwitcher-C0A5sg_E.js";
 import { _ as _76 } from "./chunks/LpTilt-B7KHX1zH.js";
-import { _ as _77 } from "./chunks/LpToaster-Wv9ksj4q.js";
-import { _ as _78 } from "./chunks/LpTooltip-Cz8SQwRt.js";
-import { _ as _79 } from "./chunks/LpTour-CY2bFXge.js";
+import { _ as _77 } from "./chunks/LpToaster-BTTl_wuy.js";
+import { _ as _78 } from "./chunks/LpTooltip-BcBvIx4z.js";
+import { _ as _79 } from "./chunks/LpTour-BgCfNlaW.js";
 import { holeOf, openContextMenu, panelsAround } from "./components/tour.js";
-import { _ as _80 } from "./chunks/LpHintLayer-HvwUA5Ec.js";
-import { _ as _81 } from "./chunks/LpHints-DxbPKOzQ.js";
+import { _ as _80 } from "./chunks/LpHintLayer-C2asBIfs.js";
+import { _ as _81 } from "./chunks/LpHints-CNZQ76JV.js";
 import { HINT_SIGNALS, contextMenuTip, createHintSystem, dropzoneTip, hintKey, hintSummary, hotkeyTip, localHintStorage, noteDropzone, noteHotkeyTarget, paletteTip, provideHintSystem, runningHintSystem, useHintSystem } from "./composables/useHintSystem.js";
 import { _ as _82 } from "./chunks/LpTooltipProvider-CftjV7Xc.js";
-import { _ as _83 } from "./chunks/LpTopologyCanvas-C17A1XCb.js";
-import { _ as _84 } from "./chunks/LpUptimeBar-Tew1Ykx4.js";
+import { _ as _83 } from "./chunks/LpTopologyCanvas-B0wEvAoq.js";
+import { _ as _84 } from "./chunks/LpUptimeBar-DRadGq4Y.js";
 import { deserializeLayout, serializeLayout } from "./layout/tree.js";
 import { addLeaf, addTab, countBlocks, countLeaves, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, setActiveTab } from "./layout/tree.js";
 import { blockTitle, defineBlocks } from "./layout/registry.js";
@@ -123,7 +123,7 @@ import { layoutController, useLayout } from "./layout/useLayout.js";
 import { a as parseTheme, s as serializeTheme } from "./chunks/useTheme-BOV_-AiY.js";
 import { D, T, b as b2, c as c2, d, e, f, g, l, h, n, i as i2, j, p, r, k, t, m, o, q, u, v } from "./chunks/useTheme-BOV_-AiY.js";
 import { G, N, d as d2, i as i3, s } from "./chunks/backdrop-Dkf2vM81.js";
-import { _ as _85, a as a2, b as b3, c as c3, d as d3, e as e2, u as u2, w } from "./chunks/LpThemeStudio-DxVZMtzN.js";
+import { _ as _85, a as a2, b as b3, c as c3, d as d3, e as e2, u as u2, w } from "./chunks/LpThemeStudio-B2nPaG-h.js";
 import { useClipboard } from "./composables/useClipboard.js";
 import { activeShortcuts, appleModifierLabel, findHotkeyConflicts, hotkeyConflicts, hotkeySteps, isAppleKeyboard, matchesHotkey, mergeShortcutGroups, parseCombo, pendingHotkey, sequenceProgress, useAppleKeyboard, useHotkeys } from "./composables/useHotkeys.js";
 import { anyModalOpen, topModalElement, useModalLayer } from "./components/modalDepth.js";
@@ -163,32 +163,32 @@ import { _ as _86 } from "./chunks/LpThemeProvider-DcbfOxsU.js";
 import { _ as _87 } from "./chunks/LpFrame-BVQCQLDI.js";
 import { _ as _88 } from "./chunks/LpThemeStudioSection-BwhqYDLf.js";
 import { isInternalHref, resolveLink } from "./components/link.js";
-import { _ as _89 } from "./chunks/LpRepeater-D0S7jjwr.js";
-import { _ as _90 } from "./chunks/LpGauge-C14Z9503.js";
-import { _ as _91 } from "./chunks/LpQuota-DaL8TgNe.js";
-import { _ as _92 } from "./chunks/LpStatus-BsGLrpor.js";
-import { _ as _93 } from "./chunks/LpRelativeTime-yin9uQP7.js";
+import { _ as _89 } from "./chunks/LpRepeater-OvzByE5L.js";
+import { _ as _90 } from "./chunks/LpGauge-BdjPGnqw.js";
+import { _ as _91 } from "./chunks/LpQuota-DqNv1yjs.js";
+import { _ as _92 } from "./chunks/LpStatus-BQU1TUsv.js";
+import { _ as _93 } from "./chunks/LpRelativeTime-UM8EkfrN.js";
 import { _ as _94 } from "./chunks/LpActivityLine-CJvzrNpj.js";
 import { TONE_COLOR, TONE_SOFT, arcPath, capacityThresholds, meterFraction, toneAt } from "./components/meter.js";
 import { TONES, TONE_ALIASES, toneLook, toneOf } from "./components/tone.js";
 import { formatAmount, quotaSegments, quotaState } from "./components/quota.js";
-import { compactNumber, formatBytes } from "./components/format.js";
+import { compactNumber, decimalMark, formatBytes } from "./components/format.js";
 import { STATUS_LABELS, STATUS_LOOK } from "./components/status.js";
 import { formatRelativeTime } from "./components/relativeTime.js";
-import { _ as _95 } from "./chunks/LpPipeline-B31h41Mu.js";
-import { _ as _96 } from "./chunks/LpStepMark-TrzOioa9.js";
+import { _ as _95 } from "./chunks/LpPipeline-zjEM1Lwc.js";
+import { _ as _96 } from "./chunks/LpStepMark-CXa7DJy_.js";
 import { childProgress, connectorFilled, currentStepIndex, isSettled, overallStatus, stepElapsed } from "./components/pipeline.js";
 import { _ as _97 } from "./chunks/LpLoader-DjJEX8hL.js";
 import { useLoadingGate } from "./composables/useLoadingGate.js";
 import { useNow } from "./composables/useNow.js";
-import { _ as _98 } from "./chunks/LpCountdown-BQnmB4gq.js";
+import { _ as _98 } from "./chunks/LpCountdown-DTdMF8DL.js";
 import { DEFAULT_MILESTONES, DEFAULT_UNIT_LABELS, ceilToSecond, crossedMilestone, formatElapsed, formatTime, msToNextSecond, splitTime, timeParts } from "./components/timeSpan.js";
-import { _ as _99 } from "./chunks/LpCopyButton-DzHjnFs0.js";
-import { _ as _100 } from "./chunks/LpSecretField-CfWyHv9m.js";
-import { _ as _101 } from "./chunks/LpDataList-CHNYQw7h.js";
-import { _ as _102 } from "./chunks/LpEditable-Ws3DNQHn.js";
-import { _ as _103 } from "./chunks/LpTruncate-D_5Pfv5B.js";
-import { _ as _104 } from "./chunks/LpCodeDisplay-CbJMs-IK.js";
+import { _ as _99 } from "./chunks/LpCopyButton-Dmq7DmFw.js";
+import { _ as _100 } from "./chunks/LpSecretField-DwQiPOko.js";
+import { _ as _101 } from "./chunks/LpDataList-CFPtSsBB.js";
+import { _ as _102 } from "./chunks/LpEditable-CjxuOVh_.js";
+import { _ as _103 } from "./chunks/LpTruncate-TcqfkyJM.js";
+import { _ as _104 } from "./chunks/LpCodeDisplay-BK2FHbtM.js";
 import { formatRemaining, groupCode, middleTruncate, normalizeCode } from "./components/fieldText.js";
 import { _ as _105 } from "./chunks/LpHoverCard-spGxyw7T.js";
 import { _ as _106 } from "./chunks/LpIdenticon-BzdC_qz9.js";
@@ -214,6 +214,10 @@ import { _ as _115 } from "./chunks/LpSpotlight-4F3NeUMY.js";
 import { _ as _116 } from "./chunks/LpGlowBorder-B8V-QzIl.js";
 import { _ as _117 } from "./chunks/LpMagnetic-CtXKLa2Y.js";
 import { spotlightPoint, useSpotlight } from "./composables/useSpotlight.js";
+import { _ as _118 } from "./chunks/LpCommandScope-ubtWDMa0.js";
+import { createPaletteRegistry, mergePaletteCommands, usePaletteCommands, vPalette } from "./composables/usePaletteCommands.js";
+import { u as u3 } from "./chunks/palette-BiY7yQZL.js";
+import { _ as _119 } from "./chunks/LpPaletteTheme-CqWNRwHE.js";
 const UI_CONFIG_VERSION = 1;
 function serializeConfig(config) {
   const out = {
@@ -264,6 +268,7 @@ export {
   _108 as LpCollapse,
   _16 as LpColorPicker,
   default3 as LpCommandPalette,
+  _118 as LpCommandScope,
   _18 as LpConfirmDialog,
   _19 as LpConfirmHost,
   _20 as LpContextMenu,
@@ -316,6 +321,7 @@ export {
   _17 as LpPalettePreview,
   default6 as LpPaletteStats,
   default7 as LpPaletteSwatches,
+  _119 as LpPaletteTheme,
   _47 as LpPasswordInput,
   _49 as LpPhoneInput,
   _48 as LpPie,
@@ -376,6 +382,7 @@ export {
   _67 as LpVideoBackdrop,
   N as NO_BACKDROP_ATTR,
   OSM_TILES,
+  PALETTE_MODES,
   SCRAMBLE_GLYPHS,
   PRESET_NAMES as SHADER_PRESETS,
   STATUS_LABELS,
@@ -432,11 +439,13 @@ export {
   countLevels,
   createHintSystem,
   createNominatimProvider,
+  createPaletteRegistry,
   crossedMilestone,
   csvField,
   currentStepIndex,
   g as dark,
   dayAllowed,
+  decimalMark,
   deepEqual,
   defaultDatePresets,
   defaultRangePresets,
@@ -512,8 +521,10 @@ export {
   matchPositions,
   matchesHotkey,
   matchesTerm,
+  menuPaletteCommands,
   mergeClass,
   mergeConfig,
+  mergePaletteCommands,
   mergeShortcutGroups,
   meterFraction,
   middleTruncate,
@@ -585,6 +596,7 @@ export {
   scrollToElement,
   seamProgress,
   seamReached,
+  searchCommandItems,
   seededRandom,
   sequenceProgress,
   serializeConfig,
@@ -604,6 +616,7 @@ export {
   subtreeIds,
   subtreeSize,
   svgToPng,
+  swapCommandLayout,
   t as themeEntries,
   m as themeFromCookie,
   o as themeToCssRule,
@@ -649,6 +662,8 @@ export {
   useNow,
   useOptimisticToggle,
   usePaintSelect,
+  usePaletteCommands,
+  u3 as usePaletteTheme,
   usePersisted,
   usePointerFrame,
   usePortalTarget,
@@ -668,6 +683,7 @@ export {
   useView,
   useZoomPan,
   vHint,
+  vPalette,
   viewDocument,
   viewWindow,
   v as violet,

package/dist/theme/palette.d.ts

@@ -0,0 +1,9 @@
+import { type MaybeRefOrGetter } from "vue";
+import { type PaletteScope } from "../composables/usePaletteCommands";
+import type { ThemeStudio } from "./studio";
+/** Registers the studio itself; no second list of theme options in the app. */
+export declare function usePaletteTheme(studio: MaybeRefOrGetter<ThemeStudio | undefined>, options?: {
+    id?: string;
+    label?: string;
+    scope?: PaletteScope;
+}): void;

package/dist/theme/studio.d.ts

@@ -82,9 +82,20 @@ export interface ThemeStudio {
     tune(patch: Partial<Omit<StudioState, "theme">>): void;
     reset(origin?: RevealOrigin): void;
 }
+export interface PreviewableThemeStudio extends ThemeStudio {
+    /** Build a draft for a scoped preview, without applying or persisting it. */
+    preview(state: StudioState): {
+        theme: TokenSet;
+        exported: {
+            code: string;
+            json: string;
+            css: string;
+        };
+    };
+}
 /**
  * The studio state for `storageKey`, made on first use and shared after. A
  * later caller's `themes` or `system` fill in what the first one left out:
  * the page may make the studio before the switcher that offers "System".
  */
-export declare function useThemeStudio(options?: ThemeStudioOptions): ThemeStudio;
+export declare function useThemeStudio(options?: ThemeStudioOptions): PreviewableThemeStudio;

package/package.json

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

package/src/component-names.ts

@@ -22,6 +22,7 @@ export const COMPONENT_NAMES = [
   "LpCollapse",
   "LpColorPicker",
   "LpCommandPalette",
+  "LpCommandScope",
   "LpConfirmDialog",
   "LpConfirmHost",
   "LpContextMenu",
@@ -74,6 +75,7 @@ export const COMPONENT_NAMES = [
   "LpPalettePreview",
   "LpPaletteStats",
   "LpPaletteSwatches",
+  "LpPaletteTheme",
   "LpPasswordInput",
   "LpPhoneInput",
   "LpPie",

package/src/components/LpAutocomplete.vue

@@ -10,6 +10,7 @@ export type AutocompleteLabels = {
 </script>
 
 <script setup lang="ts">
+import { usePaletteControl, type PaletteControlOptions } from "../composables/usePaletteCommands"
 /*
  * Free-text autocomplete — a text field that suggests as you type but never
  * forces a choice. Unlike LpSelect (which binds to an option value and requires
@@ -49,6 +50,8 @@ export type AutocompleteSelection = OptionSelection
 
 const props = withDefaults(
   defineProps<{
+    /** Contextual palette metadata; false excludes this control. */
+    palette?: PaletteControlOptions
     /** The free text. This is the model — bind with v-model. */
     modelValue?: string
     /** Suggestions. Strings or {value,label,description}. */
@@ -85,7 +88,7 @@ const props = withDefaults(
     selected?: AutocompleteSelection | null
     labels?: Partial<AutocompleteLabels>
   }>(),
-  {
+  { palette: undefined,
     size: "md",
     clearable: false,
     filter: true,
@@ -270,6 +273,8 @@ const portalTo = usePortalTarget()
 // What happens in another document (the page around a frame, or a frame in
 // the page) is not "outside" for this layer.
 const guardOutside = useOutsideGuard()
+
+usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid })
 </script>
 
 <template>

package/src/components/LpButton.vue

@@ -5,6 +5,7 @@ export default { inheritAttrs: false }
 </script>
 
 <script setup lang="ts">
+import { usePaletteAction, type PaletteControlOptions } from "../composables/usePaletteCommands"
 import { tv, type VariantProps } from "tailwind-variants"
 import { computed, getCurrentInstance, onMounted, onUpdated, ref, useAttrs, type Component, type ComponentPublicInstance } from "vue"
 import { HINT_SIGNALS, noteHotkeyTarget } from "../composables/useHintSystem"
@@ -86,6 +87,7 @@ type ButtonVariants = VariantProps<typeof button>
 
 const props = withDefaults(
   defineProps<{
+    palette?: PaletteControlOptions
     variant?: ButtonVariants["variant"]
     size?: ButtonVariants["size"]
     block?: boolean
@@ -126,7 +128,7 @@ const props = withDefaults(
     hotkeyGroup?: string
     labels?: Partial<{ group: string }>
   }>(),
-  { type: "button" },
+  { palette: undefined, type: "button" },
 )
 
 const emit = defineEmits<{
@@ -282,6 +284,8 @@ const { class: classes, attrs: rest } = useMergedAttrs(() =>
     loading: busy.value,
   }),
 )
+
+usePaletteAction({ label: () => typeof attrs["aria-label"] === "string" ? attrs["aria-label"] : undefined, element: () => rootEl(), disabled: () => props.disabled || busy.value })
 </script>
 
 <template>

package/src/components/LpCheckbox.vue

@@ -6,6 +6,7 @@ export default { inheritAttrs: false }
 </script>
 
 <script setup lang="ts">
+import { usePaletteControl, type PaletteControlOptions } from "../composables/usePaletteCommands"
 import { CheckboxIndicator, CheckboxRoot } from "reka-ui"
 import { computed, useId } from "vue"
 import LpIcon from "./LpIcon.vue"
@@ -14,7 +15,9 @@ import { useFieldControl } from "../composables/useField"
 import { useOptimisticToggle } from "../composables/useOptimisticToggle"
 import { useMergedAttrs } from "../composables/useMergedClass"
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
+    /** Contextual palette metadata; false excludes this control. */
+    palette?: PaletteControlOptions
   modelValue?: boolean
   /** Mixed state (e.g. a "select all" with a partial selection). Shows a dash. */
   indeterminate?: boolean
@@ -30,7 +33,7 @@ const props = defineProps<{
    * (or the `error` event, when the app listens).
    */
   action?: (value: boolean) => unknown
-}>()
+}>(), { palette: undefined })
 const emit = defineEmits<{
   (e: "update:modelValue", value: boolean): void
   (e: "change", value: boolean): void
@@ -63,6 +66,8 @@ const { class: rootClass, attrs: rest } = useMergedAttrs(() =>
     props.description ? "items-start" : "items-center",
   ].join(" "),
 )
+
+usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled || pending.value, editorProps: () => ({ action: undefined, 'onUpdate:modelValue': onUpdate, onChange: undefined }) })
 </script>
 
 <template>