@leavepulse/ui 0.70.1 → 0.71.0

package/README.md

@@ -232,3 +232,94 @@ Playwright starts an isolated Vite server on port 4501. The suite covers field
 locking, secret reveal controls, date/select focus boundaries and a mobile
 form inside a guarded drawer. These checks run in CI and before npm publishing.
 Use `PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH` to run an existing Chromium installation.
+
+### Contextual command palette
+
+Wrap the application (or a page and its palette) in `LpCommandScope`. Nested
+scopes share a registry, prioritise page commands, and unregister on unmount.
+`isolated` starts a separate registry for an embedded application or demo.
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import {
+  LpCommandScope, LpCommandPalette, LpFormField, LpNumberField,
+  useThemeStudio,
+} from '@leavepulse/ui'
+
+const studio = useThemeStudio()
+const open = ref(false)
+const cpu = ref(4)
+</script>
+
+<template>
+  <LpCommandScope id="settings" label="Settings" :theme="studio">
+    <LpFormField label="CPU limit">
+      <LpNumberField v-model="cpu" :min="1" :max="128" :palette="{ id: 'cpu' }" />
+    </LpFormField>
+    <LpCommandPalette v-model:open="open" preview-pane recent-key="my-app-palette" />
+  </LpCommandScope>
+</template>
+```
+
+Named kit fields, buttons, tabs and disclosures register automatically in a
+scope. A field uses its own label, its `LpFormField` label or `aria-label`.
+`palette` metadata (`id`, `label`, `description`, `keywords`) refines its metadata;
+`:palette="false"` excludes it. Passwords and secrets are excluded even when
+revealed. Previews reuse the original component's model bindings and constraints;
+Enter opens an editor on narrow screens too. Escape returns to results.
+Preview components and compound control internals are excluded from discovery.
+
+Tables take `:palette="{ id: 'services', label: 'Services', labelKey: 'name' }"`.
+They publish the currently loaded/filtered rows and their existing `rowMenu`
+actions. Searching an entire remote dataset still needs a search provider.
+Menus with a title reuse their existing item definitions. `discover=false` on a
+scope disables automatic component discovery while retaining manual commands and
+an explicitly supplied Theme studio. `context=false` on the palette excludes
+contextual commands.
+
+Inside a descendant page component, `usePaletteCommands(() => [...])` registers
+reactive manual commands for that page's lifetime. Alternatively pass `commands`
+to `LpCommandScope` directly. Manual `commands` passed to the palette replace a
+registered command with the same ID. `previewComponent` provides a rich preview;
+`editInPreview` makes Enter focus it. Native markup can opt in with the locally
+imported `vPalette` directive:
+
+```vue
+<button v-palette="{ id: 'refresh', label: 'Refresh servers', action: 'click' }"
+        @click="refresh">Refresh</button>
+```
+
+The directive defaults to focusing its target. `afterClose` on a manual command
+runs after the palette releases its focus trap, suitable for focusing a field
+or a lazily revealed section. Page hints can prepare that section in `onSelect`
+and locate its existing `v-hint` target in `afterClose`.
+
+Theme uses the same `ThemeStudio` as `LpThemeSwitcher` / `LpThemeStudio`; these
+components also register it when inside a scope. The palette editor keeps a
+local draft, shows it through `LpThemeProvider`, and commits only on Apply.
+Revert or closing the editor discards pending edits. `usePaletteTheme(studio)`
+registers a studio explicitly from a descendant component.
+
+`modes` accepts providers under `people`, `channels`, `roles`, `commands`, `help`.
+Their sigils are `@`, `#`, `&`, `>`, `?`. People/channels/roles appear when supplied;
+commands and keyboard help are provided by default. Each provider is the same
+static array or abortable `CommandFetcher` used by `children`.
+
+Pin the highlighted leaf with the star button or Alt+P in the search box.
+Pins have their own group and storage (`pinnedKey`, defaulting to
+`${recentKey}:pinned`) and do not expire from recent history. Bind `pinned` /
+`update:pinned` for external storage. Persistence uses the kit's configured
+storage adapter.
+
+A `prompt` command accepts `{ placeholder, initial, validate, submit }`.
+Validation may be asynchronous; errors keep the input open, and changing the
+value or leaving the step invalidates an outstanding validation. Async actions
+are awaited, duplicate execution is blocked, and failures remain visible.
+`undo(result)` adds an Undo toast only after successful execution; the application
+supplies the actual inverse operation. Preview actions have visible buttons as
+well as the Tab menu, including an Actions button on phones.
+
+`LpPaletteFacts` and `LpPaletteStats` accept `loading`. Known labels retain their
+place, values become skeletons; empty item lists receive placeholder rows.
+Try the complete example at `/component/context-palette` in the preview.

package/dist/assets/{LpCommandPalette-u-zOxKWa.css → LpCommandPalette-DgPZX0us.css}

@@ -5,71 +5,78 @@
  * pane from its right edge as it grows. Animating the columns themselves made
  * every line of the list and the pane re-wrap on every frame.
  */
-.lp-cmd-dialog[data-v-9c48e89a] {
+.lp-cmd-dialog[data-v-e9366efe] {
   --lp-cmd-list: min(92vw, 40rem);
   --lp-cmd-pane: max(0px, min(26rem, 96vw - var(--lp-cmd-list)));
   width: var(--lp-cmd-list);
 }
-.lp-cmd-split[data-v-9c48e89a] {
+.lp-cmd-split[data-v-e9366efe] {
   transition:
     width 300ms var(--ease-emphasized, ease),
     min-height 300ms var(--ease-emphasized, ease);
 }
 @media (min-width: 768px) {
-.lp-cmd-split .lp-cmd-list[data-v-9c48e89a] {
+.lp-cmd-split .lp-cmd-list[data-v-e9366efe] {
     flex: 0 0 auto;
     /* the dialog's 1px border on each side */
     width: calc(var(--lp-cmd-list) - 2px);
 }
-.lp-cmd-dialog[data-pane="open"][data-v-9c48e89a] {
+.lp-cmd-dialog[data-pane="open"][data-v-e9366efe] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-9c48e89a] {
+.lp-cmd-pane[data-v-e9366efe] {
   width: var(--lp-cmd-pane);
 }
+.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-e9366efe] {
+  width: 100%;
+}
+.lp-cmd-dialog[data-editing][data-v-e9366efe] {
+  width: var(--lp-cmd-list);
+  min-height: 0;
+}
 /*
  * The pane rides in from the right edge while the dialog opens up to it, and
  * leaves the same way, for as long as the dialog takes to close over it.
  */
-.lp-cmd-pane-enter-active[data-v-9c48e89a],
-.lp-cmd-pane-leave-active[data-v-9c48e89a] {
+.lp-cmd-pane-enter-active[data-v-e9366efe],
+.lp-cmd-pane-leave-active[data-v-e9366efe] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-9c48e89a],
-.lp-cmd-pane-leave-to[data-v-9c48e89a] {
+.lp-cmd-pane-enter-from[data-v-e9366efe],
+.lp-cmd-pane-leave-to[data-v-e9366efe] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-9c48e89a] {
+.lp-cmd-para[data-v-e9366efe] {
   --rise: 4px;
   animation: rise-in 260ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-9c48e89a],
-  .lp-cmd-pane-enter-active[data-v-9c48e89a],
-  .lp-cmd-pane-leave-active[data-v-9c48e89a] {
+.lp-cmd-split[data-v-e9366efe],
+  .lp-cmd-pane-enter-active[data-v-e9366efe],
+  .lp-cmd-pane-leave-active[data-v-e9366efe] {
     transition: none;
 }
-.lp-cmd-para[data-v-9c48e89a] {
+.lp-cmd-para[data-v-e9366efe] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-9c48e89a] {
+.lp-cmd-excerpt[data-v-e9366efe] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-9c48e89a] {
+.lp-cmd-item[data-v-e9366efe] {
   --rise: 3px;
   animation: rise-in 140ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-9c48e89a] {
+.lp-cmd-item[data-v-e9366efe] {
     animation: none;
 }
 }

package/dist/assets/{LpPaletteFacts-B9FdVmIO.css → LpPaletteFacts-CVNh5ICn.css}

@@ -1,8 +1,8 @@
 
-.lp-palette-facts[data-v-f1ab3788] {
+.lp-palette-facts[data-v-949a8890] {
   min-width: 0;
 }
-.lp-palette-facts__title[data-v-f1ab3788] {
+.lp-palette-facts__title[data-v-949a8890] {
   margin: 0 0 0.4rem;
   color: var(--color-muted);
   font-size: 11px;
@@ -10,14 +10,14 @@
   letter-spacing: 0.08em;
   text-transform: uppercase;
 }
-.lp-palette-facts__list[data-v-f1ab3788] {
+.lp-palette-facts__list[data-v-949a8890] {
   display: grid;
   gap: 2px;
   margin: 0;
   padding: 0;
   list-style: none;
 }
-.lp-palette-facts__row[data-v-f1ab3788] {
+.lp-palette-facts__row[data-v-949a8890] {
   display: flex;
   min-width: 0;
   align-items: center;
@@ -29,26 +29,26 @@
   font-size: 0.8125rem;
   transition: background-color var(--duration-fast, 150ms) ease;
 }
-.lp-palette-facts--plain .lp-palette-facts__row[data-v-f1ab3788] {
+.lp-palette-facts--plain .lp-palette-facts__row[data-v-949a8890] {
   padding: 0.15rem 0;
   background: transparent;
 }
-.lp-palette-facts__row.is-current[data-v-f1ab3788] {
+.lp-palette-facts__row.is-current[data-v-949a8890] {
   background: var(--color-brand-soft);
 }
-.lp-palette-facts--plain .lp-palette-facts__row.is-current[data-v-f1ab3788] {
+.lp-palette-facts--plain .lp-palette-facts__row.is-current[data-v-949a8890] {
   background: transparent;
   color: var(--color-brand);
 }
-.lp-palette-facts__icon[data-v-f1ab3788] {
+.lp-palette-facts__icon[data-v-949a8890] {
   flex-shrink: 0;
   color: var(--color-muted);
   transition: color var(--duration-fast, 150ms) ease;
 }
-.is-current .lp-palette-facts__icon[data-v-f1ab3788] {
+.is-current .lp-palette-facts__icon[data-v-949a8890] {
   color: var(--color-brand);
 }
-.lp-palette-facts__dot[data-v-f1ab3788] {
+.lp-palette-facts__dot[data-v-949a8890] {
   width: 0.55rem;
   height: 0.55rem;
   flex-shrink: 0;
@@ -56,24 +56,24 @@
   border-radius: 9999px;
   box-shadow: 0 0 0 1px var(--color-line);
 }
-.lp-palette-facts__label[data-v-f1ab3788] {
+.lp-palette-facts__label[data-v-949a8890] {
   display: flex;
   min-width: 0;
   flex: 1;
   flex-direction: column;
 }
-.lp-palette-facts__name[data-v-f1ab3788] {
+.lp-palette-facts__name[data-v-949a8890] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.lp-palette-facts__hint[data-v-f1ab3788] {
+.lp-palette-facts__hint[data-v-949a8890] {
   margin-top: 1px;
   color: var(--color-muted);
   font-size: 0.75rem;
   line-height: 1.45;
 }
-.lp-palette-facts__value[data-v-f1ab3788] {
+.lp-palette-facts__value[data-v-949a8890] {
   display: inline-flex;
   min-width: 0;
   max-width: 55%;
@@ -85,9 +85,9 @@
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
 }
-.lp-palette-facts__value[data-v-f1ab3788] .lp-roll {
+.lp-palette-facts__value[data-v-949a8890] .lp-roll {
   max-width: 100%;
 }
-.lp-palette-facts__value--mono[data-v-f1ab3788] {
+.lp-palette-facts__value--mono[data-v-949a8890] {
   font-family: var(--font-mono, ui-monospace, monospace);
 }

package/dist/assets/{LpPaletteStats-ClE-37MK.css → LpPaletteStats-ZiZmR6vz.css}

@@ -1,24 +1,24 @@
 
-.lp-palette-stats[data-v-dc30a10e] {
+.lp-palette-stats[data-v-3d47406a] {
   display: grid;
   gap: 0.5rem;
   margin: 0;
 }
-.lp-palette-stats__tile[data-v-dc30a10e] {
+.lp-palette-stats__tile[data-v-3d47406a] {
   min-width: 0;
   padding: 0.5rem 0.65rem;
   border: 1px solid var(--color-line);
   border-radius: var(--radius-control);
   background: color-mix(in srgb, var(--color-surface-soft) 55%, transparent);
 }
-dt[data-v-dc30a10e] {
+dt[data-v-3d47406a] {
   overflow: hidden;
   color: var(--color-muted);
   font-size: 11px;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-dd[data-v-dc30a10e] {
+dd[data-v-3d47406a] {
   display: flex;
   min-width: 0;
   margin: 2px 0 0;
@@ -28,6 +28,6 @@ dd[data-v-dc30a10e] {
   font-variant-numeric: tabular-nums;
   line-height: 1.3;
 }
-dd[data-v-dc30a10e] .lp-roll {
+dd[data-v-3d47406a] .lp-roll {
   max-width: 100%;
 }

package/dist/assets/{LpTable-DHxEQ_-3.css → LpTable-DHvorDiU.css}

@@ -11,17 +11,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-18479205],
-.lp-row-leave-active[data-v-18479205] {
+.lp-row-enter-active[data-v-c1911001],
+.lp-row-leave-active[data-v-c1911001] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-18479205] {
+.lp-row-move[data-v-c1911001] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-18479205],
-.lp-row-leave-to[data-v-18479205] {
+.lp-row-enter-from[data-v-c1911001],
+.lp-row-leave-to[data-v-c1911001] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -35,7 +35,7 @@
  * drops out of the table layout entirely. Nothing sits below this row to be
  * dragged around, so simply not animating its exit costs nothing.
  */
-.lp-row-empty.lp-row-leave-active[data-v-18479205] {
+.lp-row-empty.lp-row-leave-active[data-v-c1911001] {
   display: none;
 }
 
@@ -54,7 +54,7 @@
  * once anything is selected. An earlier version collapsed the column to nothing
  * and floated the hover box over the first cell, where it sat on the text.
  */
-.lp-tick[data-v-18479205] {
+.lp-tick[data-v-c1911001] {
   display: flex;
   align-items: center;
   max-width: 0;
@@ -66,17 +66,17 @@
     padding var(--duration-medium) var(--ease-emphasized),
     opacity var(--duration-fast) ease;
 }
-.lp-tick-open[data-v-18479205] {
+.lp-tick-open[data-v-c1911001] {
   max-width: 3.25rem;
   padding-inline: 1rem;
   opacity: 1;
 }
-.lp-tick-hidden[data-v-18479205],
-.lp-tick-cue[data-v-18479205] {
+.lp-tick-hidden[data-v-c1911001],
+.lp-tick-cue[data-v-c1911001] {
   opacity: 0;
 }
-tr:hover .lp-tick-cue[data-v-18479205],
-.lp-tick-cue[data-v-18479205]:focus-within {
+tr:hover .lp-tick-cue[data-v-c1911001],
+.lp-tick-cue[data-v-c1911001]:focus-within {
   opacity: 1;
 }
 
@@ -84,24 +84,24 @@ tr:hover .lp-tick-cue[data-v-18479205],
    turned down the rows change without animating rather than not changing. */
 /* Only where there is a hover to reveal it; a finger long-presses instead. */
 @media (hover: none) {
-tr:hover .lp-tick-cue[data-v-18479205] {
+tr:hover .lp-tick-cue[data-v-c1911001] {
     opacity: 0;
 }
 
   /* Nor is there anything for the column's width to hold until then: on a
      touch screen it stays closed until a long press starts selecting, and
      eases open like the rest of the column. */
-.lp-tick-hidden[data-v-18479205],
-  .lp-tick-cue[data-v-18479205] {
+.lp-tick-hidden[data-v-c1911001],
+  .lp-tick-cue[data-v-c1911001] {
     max-width: 0;
     padding-inline: 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-18479205],
-  .lp-row-leave-active[data-v-18479205],
-  .lp-row-move[data-v-18479205],
-  .lp-tick[data-v-18479205] {
+.lp-row-enter-active[data-v-c1911001],
+  .lp-row-leave-active[data-v-c1911001],
+  .lp-row-move[data-v-c1911001],
+  .lp-tick[data-v-c1911001] {
     transition: none;
 }
 }

package/dist/assets/LpTabs-CO3EcsNV.css

@@ -0,0 +1,18 @@
+
+.lp-tab-badge-enter-active[data-v-2c920d5a],
+.lp-tab-badge-leave-active[data-v-2c920d5a] {
+  transition:
+    opacity var(--duration-fast) var(--ease-emphasized),
+    transform var(--duration-fast) var(--ease-emphasized);
+}
+.lp-tab-badge-enter-from[data-v-2c920d5a],
+.lp-tab-badge-leave-to[data-v-2c920d5a] {
+  opacity: 0;
+  transform: scale(0.6);
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-tab-badge-enter-active[data-v-2c920d5a],
+  .lp-tab-badge-leave-active[data-v-2c920d5a] {
+    transition: none;
+}
+}

package/dist/chunks/{ContextMenuItems-6kxEivBI.js → ContextMenuItems-eS7qx9gD.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, withCtx, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, unref, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuItem, ContextMenuPortal, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSub, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuItem } from "reka-ui";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import MenuShortcut from "../components/MenuShortcut.vue.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };

package/dist/chunks/{DropzoneLinkField-Bw8Flkhk.js → DropzoneLinkField-DkFhdfEJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useModel, ref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass, mergeModels } from "vue";
-import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
+import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
 const _hoisted_1 = { class: "flex w-full flex-col gap-1.5" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{FieldWrapper-BiennROB.js → FieldWrapper-YzbvvC3M.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useAttrs, ref, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpFormField-BWwgm1E4.js";
+import { _ as _sfc_main$1 } from "./LpFormField-gRASfyj2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "FieldWrapper",

package/dist/chunks/{LayoutCanvas-BsJIzhdd.js → LayoutCanvas-Ba4A9QC5.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$1 } from "./LayoutNode-DJVhkSGk.js";
+import { _ as _sfc_main$1 } from "./LayoutNode-CTTTLMDM.js";
 import { resizeAt, setActiveTab, reorderTab, removeBlock, moveLeaf } from "../layout/tree.js";
 import { layoutController } from "../layout/useLayout.js";
 const _hoisted_1 = { class: "flex min-h-0 min-w-0 flex-1" };

package/dist/chunks/{LayoutNode-DJVhkSGk.js → LayoutNode-CTTTLMDM.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, onBeforeUnmount, resolveComponent, open
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { blockTitle } from "../layout/registry.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = ["onPointerdown"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpActionBar-CzOFar5t.js → LpActionBar-B7anGlkI.js}

@@ -2,8 +2,8 @@ import { defineComponent, useSlots, computed, ref, watch, openBlock, createBlock
 import { useLabels } from "../composables/useLpConfig.js";
 import { useBarStack } from "../components/actionBar.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
 import { usePortalTarget } from "../composables/useView.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";

package/dist/chunks/{LpAddressInput-Chv_Xf8q.js → LpAddressInput-CD0bzrt-.js}

@@ -2,13 +2,13 @@ import { defineComponent, defineAsyncComponent, computed, watch, ref, onMounted,
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
-import { _ as _sfc_main$2 } from "./LpAutocomplete-D92niDHE.js";
-import { _ as _sfc_main$3 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$1 } from "./LpFormField-BWwgm1E4.js";
-import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$5 } from "./LpInput-CDuwODJG.js";
-import { _ as _sfc_main$7 } from "./LpModal-eBMt2Fqn.js";
-import { _ as _sfc_main$6 } from "./LpSelect-C_8cJtj6.js";
+import { _ as _sfc_main$2 } from "./LpAutocomplete-DDqe2M5g.js";
+import { _ as _sfc_main$3 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$1 } from "./LpFormField-gRASfyj2.js";
+import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$5 } from "./LpInput-2H-5ILOB.js";
+import { _ as _sfc_main$7 } from "./LpModal-CpH0bNo7.js";
+import { _ as _sfc_main$6 } from "./LpSelect-DYX2-u5A.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpAlert-C5igj802.js → LpAlert-BHi7ARqu.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, useSlots, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, Transition, withCtx, createBlock, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$1 } from "./LpLoader-DjJEX8hL.js";
 import { _ as _sfc_main$3 } from "./LpSwap-DzE6M3Mg.js";
 import { slotText } from "../components/slotText.js";

package/dist/chunks/{LpAppShell-BiWByLmt.js → LpAppShell-1RmBp6xQ.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, useModel, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-CZRXtvem.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-D44peKq2.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpAutocomplete-D92niDHE.js → LpAutocomplete-DDqe2M5g.js}

@@ -1,11 +1,12 @@
 import { defineComponent, computed, useAttrs, ref, watch, useId, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createElementBlock, createCommentVNode, createElementVNode, mergeProps, Transition, toDisplayString, withModifiers, createTextVNode, Fragment, renderList, nextTick } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { CLOSE_ICON, POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$2 } from "./OptionContent-CmYUUeWj.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$2 } from "./OptionContent-DPzNsybd.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "relative flex min-w-0 flex-1 self-stretch" };
@@ -25,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpAutocomplete",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: {},
     options: {},
     placeholder: {},
@@ -159,6 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
+    usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxRoot), {
         open: open.value,

package/dist/chunks/{LpAvatar-CLPl-qOF.js → LpAvatar-DqfKCIdr.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, onMounted, openBlock, createBlock, unre
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
 import { MenuWhen } from "../components/menuWhen.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$1 } from "./LpIdenticon-BzdC_qz9.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpBadge-BBq1Er9T.js → LpBadge-C8fKEmTF.js}

@@ -3,7 +3,7 @@ import { tv } from "tailwind-variants";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedClass } from "../composables/useMergedClass.js";
 import { BADGE_REMOVE } from "../components/badge.js";
-import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 import { slotText } from "../components/slotText.js";

package/dist/chunks/{LpBreadcrumbs-JKEi_yFF.js → LpBreadcrumbs-DhcoStFa.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, TransitionGroup, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";

package/dist/chunks/{LpButton-CVxBfGjd.js → LpButton-BQDAFXBd.js}

@@ -1,4 +1,5 @@
 import { defineComponent, useAttrs, getCurrentInstance, ref, computed, onMounted, onUpdated, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createCommentVNode } from "vue";
+import { usePaletteAction } from "../composables/usePaletteCommands.js";
 import { tv } from "tailwind-variants";
 import { HINT_SIGNALS, noteHotkeyTarget } from "../composables/useHintSystem.js";
 import { hints } from "../composables/useHints.js";
@@ -13,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpButton",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     variant: {},
     size: {},
     block: { type: Boolean },
@@ -205,6 +207,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         loading: busy.value
       })
     );
+    usePaletteAction({ label: () => typeof attrs["aria-label"] === "string" ? attrs["aria-label"] : void 0, element: () => rootEl(), disabled: () => props.disabled || busy.value });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(resolved.value.is), mergeProps({
         ref_key: "root",

package/dist/chunks/{LpCalendar-pVL91-Pl.js → LpCalendar-NmrA47J9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, shallowRef, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { today, getLocalTimeZone, parseDate } from "@internationalized/date";
 import { CalendarRoot, CalendarHeader, CalendarPrev, CalendarHeading, CalendarNext, CalendarGrid, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarGridBody, CalendarCell, CalendarCellTrigger } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { CALENDAR_LABELS, CALENDAR_NAV, CALENDAR_FRAME } from "../components/calendar.js";