@leavepulse/ui 0.70.0 → 0.71.0

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-HOEPBYmi.js → LpBadge-C8fKEmTF.js}

@@ -3,8 +3,8 @@ 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$2 } from "./LpRollingText-DB7upf-5.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";
 import { TONES } from "../components/tone.js";

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

@@ -1,6 +1,6 @@
 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$3 } from "./LpRollingText-DB7upf-5.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";
 import { useMergedAttrs } from "../composables/useMergedClass.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";

package/dist/chunks/{LpCheckbox-DHc2bHDe.js → LpCheckbox-BoOuLnGB.js}

@@ -1,6 +1,7 @@
 import { defineComponent, useId, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, normalizeClass, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { CheckboxRoot, CheckboxIndicator } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useOptimisticToggle } from "../composables/useOptimisticToggle.js";
@@ -14,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpCheckbox",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: { type: Boolean },
     indeterminate: { type: Boolean },
     disabled: { type: Boolean },
@@ -21,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     description: {},
     id: {},
     name: {},
-    action: { type: Function }
+    action: {}
   },
   emits: ["update:modelValue", "change", "done", "error"],
   setup(__props, { emit: __emit }) {
@@ -45,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         props.description ? "items-start" : "items-center"
       ].join(" ")
     );
+    usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled || pending.value, editorProps: () => ({ action: void 0, "onUpdate:modelValue": onUpdate, onChange: void 0 }) });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", mergeProps({ class: unref(rootClass) }, unref(rest)), [
         createVNode(unref(CheckboxRoot), {

package/dist/chunks/{LpCodeBlock-BGsQhxw8.js → LpCodeBlock-Czu-fq1M.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, reactive, watch, ref, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, createBlock, normalizeStyle, normalizeClass, Fragment, renderList } from "vue";
 import { tokenizeLines } from "../components/codeHighlight.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-DzHjnFs0.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-Dmq7DmFw.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpCodeDisplay-CIKKT2iW.js → LpCodeDisplay-BK2FHbtM.js}

@@ -2,12 +2,12 @@ import { defineComponent, useModel, computed, ref, watch, openBlock, createEleme
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$6 } from "./LpCheckbox-DHc2bHDe.js";
-import { _ as _sfc_main$3 } from "./LpCopyButton-DzHjnFs0.js";
-import { _ as _sfc_main$5 } from "./LpCountdown-Dtq1ihlJ.js";
-import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-C-KzaQGJ.js";
+import { _ as _sfc_main$6 } from "./LpCheckbox-BoOuLnGB.js";
+import { _ as _sfc_main$3 } from "./LpCopyButton-Dmq7DmFw.js";
+import { _ as _sfc_main$5 } from "./LpCountdown-DTdMF8DL.js";
+import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-BVFM_FAU.js";
 import { groupCode } from "../components/fieldText.js";
 import { toEpoch, formatTime, ceilToSecond, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = { class: "flex flex-wrap items-center gap-x-2 gap-y-1" };

package/dist/chunks/{LpColorPicker-DFugXNUi.js → LpColorPicker-Ee1DZiRd.js}

@@ -7,9 +7,9 @@ import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight
 import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-COwOwRgI.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = { class: "min-w-0 flex-1 truncate font-mono text-xs text-muted-strong" };

package/dist/chunks/LpCommandScope-ubtWDMa0.js

@@ -0,0 +1,53 @@
+import { defineComponent, openBlock, createElementBlock, renderSlot } from "vue";
+import { usePaletteScope, createPaletteRegistry, providePaletteScope, usePaletteCommands, bindPaletteScopeElement } from "../composables/usePaletteCommands.js";
+import { u as usePaletteTheme } from "./palette-BiY7yQZL.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpCommandScope",
+  props: {
+    id: {},
+    label: {},
+    enabled: { type: Boolean, default: true },
+    discover: { type: Boolean, default: true },
+    isolated: { type: Boolean },
+    theme: {},
+    commands: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const parent = usePaletteScope();
+    const scope = {
+      registry: !props.isolated && parent ? parent.registry : createPaletteRegistry(),
+      get id() {
+        return parent && !props.isolated ? `${parent.id}/${props.id}` : props.id;
+      },
+      get label() {
+        return props.label ?? props.id;
+      },
+      depth: parent && !props.isolated ? parent.depth + 1 : 0,
+      get enabled() {
+        return props.enabled && (props.isolated || !parent || parent.enabled);
+      },
+      get discover() {
+        return props.discover;
+      }
+    };
+    providePaletteScope(scope);
+    usePaletteTheme(() => props.theme, { scope });
+    usePaletteCommands(() => props.commands ?? [], { scope });
+    function bind(element) {
+      if (element && "nodeType" in element) bindPaletteScopeElement(element, scope);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: bind,
+        "data-lp-command-scope": "",
+        class: "contents"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpConfirmDialog-CfGCux8m.js → LpConfirmDialog-i15pulMT.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode, unref, createElementVNode, normalizeClass, nextTick } 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$1 } from "./LpModal-eBMt2Fqn.js";
+import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpModal-CpH0bNo7.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-exB7JmcO.js → LpConfirmHost-D0oGavtd.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-CfGCux8m.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-i15pulMT.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpContextMenu-COwOwRgI.js → LpContextMenu-DXpFJjlO.js}

@@ -1,14 +1,17 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
+import { defineComponent, computed, useId, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
+import { menuPaletteCommands } from "../components/commandPalette.js";
+import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCommands.js";
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS, noteContextTarget } from "../composables/useHintSystem.js";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-B5uE8Znw.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-BjQZX8tQ.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-eS7qx9gD.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-Dab3EGOp.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
+import { useView, usePortalTarget, useOutsideGuard, viewDocument } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpContextMenu",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     items: {},
     always: { type: Boolean },
     title: {},
@@ -23,10 +26,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hinted = computed(() => enabled.value && !props.noHint);
     const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
     const SELECTABLE = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
+    const view = useView();
     let field = null;
     function rememberField() {
-      const el = document.activeElement;
-      const text = el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement && SELECTABLE.has(el.type);
+      const el = viewDocument(view.value).activeElement;
+      const text = el?.tagName === "TEXTAREA" || el?.tagName === "INPUT" && SELECTABLE.has(el.type);
       field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
     }
     let synthetic = false;
@@ -58,6 +62,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
+    const paletteScope = usePaletteScope();
+    const paletteId = useId();
+    usePaletteCommands(() => props.palette === false || !props.title || !props.items.length ? [] : [{
+      id: `${paletteScope?.id}/${props.palette?.id ?? paletteId}`,
+      label: props.palette?.label ?? props.title,
+      children: menuPaletteCommands(props.items, `${paletteScope?.id}/${props.palette?.id ?? paletteId}`)
+    }], { automatic: true });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ContextMenuRoot), { "onUpdate:open": opened }, {
         default: withCtx(() => [

package/dist/chunks/{LpCopyButton-DzHjnFs0.js → LpCopyButton-Dmq7DmFw.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, unref, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { useClipboard } from "../composables/useClipboard.js";
 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$1 } from "./LpTooltip-Cz8SQwRt.js";
+import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {
   class: "sr-only",

package/dist/chunks/{LpCountdown-Dtq1ihlJ.js → LpCountdown-DTdMF8DL.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, m
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$1 } from "./LpProgress-CE-m5OpD.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpProgress-BX33EKkN.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, ceilToSecond, timeParts, resolveFormat, padPart, formatTime, DEFAULT_MILESTONES, crossedMilestone, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = ["data-urgent", "data-done"];

package/dist/chunks/{LpDataList-B-5nHfNw.js → LpDataList-CFPtSsBB.js}

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, TransitionGroup, normalizeClass, withCtx, Fragment, renderList, createElementVNode, renderSlot, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$4 } from "./LpCopyButton-DzHjnFs0.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Cz8SQwRt.js";
+import { _ as _sfc_main$4 } from "./LpCopyButton-Dmq7DmFw.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 "./LpTooltip-BcBvIx4z.js";
 const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted" };
 const _hoisted_2 = ["aria-label"];
-const _hoisted_3 = { class: "min-w-0 break-words" };
+const _hoisted_3 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" };
 const _hoisted_4 = {
   key: 1,
   class: "text-muted"
@@ -94,7 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }) : isEmpty(item.value) ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(text).empty), 1)) : rolls(item.value) ? (openBlock(), createBlock(_sfc_main$3, {
                       key: 2,
                       value: item.value,
-                      align: "start"
+                      align: "start",
+                      wrap: ""
                     }, null, 8, ["value"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                       createTextVNode(toDisplayString(item.value), 1)
                     ], 64))

package/dist/chunks/{LpDatePicker-BUe1VUC0.js → LpDatePicker-cC9K-Pk8.js}

@@ -3,10 +3,10 @@ import { useFieldControl } from "../composables/useField.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-pVL91-Pl.js";
-import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./PickerField-CHRS1h7K.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-BFQVf_PW.js";
+import { _ as _sfc_main$2 } from "./LpCalendar-NmrA47J9.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./PickerField-DwLw7j0L.js";
+import { _ as _sfc_main$4 } from "./LpTimeField-DQ8WvPr2.js";
 const _hoisted_1 = { class: "flex flex-col" };
 const _hoisted_2 = {
   key: 0,
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     doneLabel: {},
     labels: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -120,7 +120,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "presets-label": unref(text).presets,
         presets: presetOptions.value,
         "presets-class": "sm:w-36",
-        onClear: clear
+        onClear: clear,
+        onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
       }), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [

package/dist/chunks/{LpDateRangePicker-C_k65vGR.js → LpDateRangePicker-BVQKPbvo.js}

@@ -4,8 +4,8 @@ import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, allowedRange } from "../components/dateRange.js";
-import { _ as _sfc_main$1 } from "./PickerField-CHRS1h7K.js";
-import { _ as _sfc_main$2 } from "./LpRangeCalendar-c5qj7YcC.js";
+import { _ as _sfc_main$1 } from "./PickerField-DwLw7j0L.js";
+import { _ as _sfc_main$2 } from "./LpRangeCalendar-l-0nSFmY.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     format: {},
     labels: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -99,7 +99,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "presets-label": unref(text).presets,
         presets: presetOptions.value,
         "presets-class": "sm:w-40",
-        onClear: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0))
+        onClear: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0)),
+        onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", $event))
       }), {
         default: withCtx(() => [
           createVNode(_sfc_main$2, {

package/dist/chunks/{LpDisclosure-DOarzlAG.js → LpDisclosure-hRnX3FWL.js}

@@ -1,7 +1,8 @@
 import { defineComponent, getCurrentInstance, computed, ref, useId, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeClass, nextTick } from "vue";
+import { usePaletteAction } from "../composables/usePaletteCommands.js";
 import { CollapsibleRoot, CollapsibleTrigger } from "reka-ui";
 import { _ as _sfc_main$2 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
 const __default__ = { inheritAttrs: false };
@@ -9,6 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpDisclosure",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     open: { type: Boolean },
     defaultOpen: { type: Boolean, default: false },
     label: {},
@@ -40,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "shrink-0 overflow-hidden rounded-control border border-line bg-surface-soft"
     );
+    usePaletteAction({ label: () => props.label, element: () => root.value?.$el?.querySelector("button"), disabled: () => false });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(CollapsibleRoot), mergeProps({
         ref_key: "root",

package/dist/chunks/{LpDrawer-DGNKRsGq.js → LpDrawer-u4rxnuR-.js}

@@ -6,7 +6,7 @@ import { useCloseGuard } from "../composables/useCloseGuard.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";

package/dist/chunks/{LpDropdownMenu-CRgrhdAH.js → LpDropdownMenu-BgZ0Z_Im.js}

@@ -1,14 +1,17 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
+import { defineComponent, useId, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
+import { menuPaletteCommands } from "../components/commandPalette.js";
+import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCommands.js";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent } from "reka-ui";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-B5uE8Znw.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-eS7qx9gD.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-BjQZX8tQ.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-Dab3EGOp.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     items: {},
     title: {},
     subtitle: {},
@@ -24,8 +27,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
+    const paletteScope = usePaletteScope();
+    const paletteId = useId();
+    usePaletteCommands(() => props.palette === false || !props.title || !props.items.length ? [] : [{
+      id: `${paletteScope?.id}/${props.palette?.id ?? paletteId}`,
+      label: props.palette?.label ?? props.title,
+      children: menuPaletteCommands(props.items, `${paletteScope?.id}/${props.palette?.id ?? paletteId}`)
+    }], { automatic: true });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuRoot), { "onUpdate:open": opened }, {
+      return openBlock(), createBlock(unref(DropdownMenuRoot), {
+        modal: false,
+        "onUpdate:open": opened
+      }, {
         default: withCtx(() => [
           createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
             default: withCtx(() => [

package/dist/chunks/{LpEditable-DTqLt2lT.js → LpEditable-CjxuOVh_.js}

@@ -2,10 +2,10 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, n
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$5 } from "./LpFieldNotice-CurbNuXI.js";
-import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$5 } from "./LpFieldNotice-CPI8EwtU.js";
+import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = ["role", "tabindex", "aria-disabled", "aria-label", "aria-busy", "title"];
 const _hoisted_2 = {
@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let committing = false;
     async function commit(refocus) {
-      if (!editing.value || committing) return;
+      if (!editing.value || committing || !interactive.value) return;
       const value = props.trim ? draft.value.trim() : draft.value;
       if (value === props.modelValue) {
         notice.clear();
@@ -207,12 +207,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "aria-invalid": unref(notice).tone.value === "danger" && !!unref(notice).message.value || void 0,
                   placeholder: __props.placeholder,
                   maxlength: __props.maxlength,
+                  disabled: __props.disabled,
+                  readonly: __props.readonly,
                   rows: __props.multiline ? 1 : void 0,
                   class: normalizeClass(["col-start-1 row-start-1 w-full min-w-0 resize-none overflow-hidden bg-transparent text-ink outline-none placeholder:text-muted", PAD[__props.size]]),
                   onInput: _cache[1] || (_cache[1] = ($event) => draft.value = $event.target.value),
                   onKeydown: onFieldKey,
                   onBlur: _cache[2] || (_cache[2] = ($event) => commit(false))
-                }, null, 40, ["value", "size", "cols", "aria-label", "aria-invalid", "placeholder", "maxlength", "rows", "class"]))
+                }, null, 40, ["value", "size", "cols", "aria-label", "aria-invalid", "placeholder", "maxlength", "disabled", "readonly", "rows", "class"]))
               ], 2),
               interactive.value ? (openBlock(), createElementBlock("span", {
                 key: 0,

package/dist/chunks/{LpEmptyState-KTKipws2.js → LpEmptyState-CKFTtQgJ.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex flex-col gap-1" };
 const _hoisted_2 = {

package/dist/chunks/{LpFieldNotice-CurbNuXI.js → LpFieldNotice-CPI8EwtU.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "truncate" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpFileTree-DMISXVHC.js → LpFileTree-BH0gNlSJ.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createBlock, normalizeStyle, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLocale } from "../composables/useLocale.js";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
-import { _ as _sfc_main$2 } from "./LpEmptyState-KTKipws2.js";
-import { _ as _sfc_main$4 } from "./LpFileTreeNode-CPXB_Yy3.js";
+import { _ as _sfc_main$2 } from "./LpEmptyState-CKFTtQgJ.js";
+import { _ as _sfc_main$4 } from "./LpFileTreeNode-gPVB1oXM.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/chunks/{LpFileTreeNode-CPXB_Yy3.js → LpFileTreeNode-gPVB1oXM.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$5 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$4 } from "./LpCheckbox-DHc2bHDe.js";
+import { _ as _sfc_main$5 } from "./LpBadge-C8fKEmTF.js";
+import { _ as _sfc_main$4 } from "./LpCheckbox-BoOuLnGB.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-COwOwRgI.js";
-import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
 import { staggerDelay } from "../components/reveal.js";
 import { useLocale } from "../composables/useLocale.js";

package/dist/chunks/{LpFormField-BWwgm1E4.js → LpFormField-gRASfyj2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useId, computed, useSlots, ref, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode, normalizeClass } from "vue";
 import { Label } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpFieldNotice-CurbNuXI.js";
+import { _ as _sfc_main$1 } from "./LpFieldNotice-CPI8EwtU.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { fieldMessageId, provideField } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
@@ -36,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provideField(
       computed(() => ({
         id: id.value,
+        label: props.label,
+        hint: props.hint,
+        error: props.error,
         labelId: props.label ? `${id.value}-label` : void 0,
         describedBy: [hasMessage.value ? messageId.value : "", notice.message.value ? noticeId.value : ""].filter(Boolean).join(" ") || void 0,
         invalid: !!props.invalid || !!props.error,