@leavepulse/ui 0.70.1 → 0.71.0

package/dist/chunks/{LpNumberField-B9k-h2HE.js → LpNumberField-DZY3Z670.js}

@@ -1,6 +1,7 @@
 import { defineComponent, useId, useAttrs, computed, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createCommentVNode, mergeProps, createElementBlock, toDisplayString } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { NumberFieldRoot, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { useFieldControl, focusLeft } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedClass } from "../composables/useMergedClass.js";
@@ -10,6 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpNumberField",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: {},
     min: {},
     max: {},
@@ -67,6 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         field.value.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand focus-within:ring-ring"
       ].join(" ")
     );
+    usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NumberFieldRoot), {
         "model-value": __props.modelValue ?? void 0,

package/dist/chunks/{LpNumberFlow-Cfyh033Q.js → LpNumberFlow-5khYxsfX.js}

@@ -1,7 +1,8 @@
 import { defineComponent, ref, watch, onBeforeUnmount, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeClass, normalizeStyle, createTextVNode } from "vue";
 import { prefersReducedMotion, easeOut } from "../composables/easing.js";
+import { useLocale } from "../composables/useLocale.js";
+import { decimalMark, compactNumber } from "../components/format.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import { compactNumber } from "../components/format.js";
 import '../assets/LpNumberFlow-rZkwQwlU.css';const _hoisted_1 = { class: "sr-only" };
 const _hoisted_2 = {
   key: 0,
@@ -102,6 +103,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     watch(target, travel);
     onBeforeUnmount(stop);
+    const locale = useLocale(() => props.locale);
+    const fractionMark = computed(() => props.grouped && !props.format && !props.compact ? decimalMark(locale.value) : ".");
     const formatted = computed(() => formatAt(round(displayed.value), !settled.value));
     function formatAt(v, padded) {
       if (props.format) return props.format(v);
@@ -111,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const pad = padded ? Math.max(1, padTo.value) : 1;
       if (props.grouped)
-        return v.toLocaleString(props.locale, {
+        return v.toLocaleString(locale.value, {
           minimumFractionDigits: props.decimals,
           maximumFractionDigits: props.decimals,
           minimumIntegerDigits: pad
@@ -127,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const cells = computed(() => {
       const chars = [...formatted.value];
-      const dot = chars.indexOf(".");
+      const dot = chars.indexOf(fractionMark.value);
       const intEnd = dot === -1 ? chars.length : dot;
       const isDigit = (c) => {
         const code = c.charCodeAt(0);

package/dist/chunks/{LpPagination-VNCX6pFC.js → LpPagination-DbeACavM.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.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";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";

package/dist/chunks/LpPaletteTheme-CqWNRwHE.js

@@ -0,0 +1,104 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
+import { useLabels } from "../composables/useLpConfig.js";
+import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-B2nPaG-h.js";
+import { _ as _sfc_main$2 } from "./LpThemeProvider-DcbfOxsU.js";
+import { _ as _sfc_main$1 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$3 } from "./LpInput-2H-5ILOB.js";
+const _hoisted_1 = { class: "flex min-w-0 flex-col gap-4" };
+const _hoisted_2 = { class: "sticky top-0 z-10 flex gap-2 border-b border-line bg-surface-overlay pb-3" };
+const _hoisted_3 = { class: "text-sm font-semibold" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpPaletteTheme",
+  props: {
+    studio: {}
+  },
+  setup(__props) {
+    const props = __props;
+    suppressPaletteDiscovery();
+    const text = useLabels("paletteTheme", { title: "Theme", apply: "Apply theme", revert: "Revert draft", sample: "Preview", action: "Continue", placeholder: "A field in this theme" });
+    const snapshot = ref({ ...props.studio.state.value });
+    const state = ref({ ...snapshot.value });
+    const preview = computed(() => props.studio.preview(state.value));
+    const changed = computed(() => JSON.stringify(state.value) !== JSON.stringify(snapshot.value));
+    const draft = {
+      state,
+      themes: props.studio.themes,
+      system: props.studio.system,
+      theme: computed(() => preview.value.theme),
+      exported: computed(() => preview.value.exported),
+      changed,
+      brand: computed({ get: () => preview.value.theme.colors.brand, set: (brand) => {
+        state.value = { ...state.value, brand };
+      } }),
+      pickTheme: (theme) => {
+        state.value = { ...state.value, theme };
+      },
+      tune: (patch) => {
+        state.value = { ...state.value, ...patch };
+      },
+      reset: () => {
+        state.value = { ...snapshot.value };
+      },
+      preview: props.studio.preview
+    };
+    function apply() {
+      const { theme, ...tuning } = state.value;
+      props.studio.pickTheme(theme);
+      props.studio.tune(tuning);
+      snapshot.value = { ...state.value };
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            disabled: !changed.value,
+            onClick: apply
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(text).apply), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          createVNode(_sfc_main$1, {
+            variant: "ghost",
+            disabled: !changed.value,
+            onClick: _cache[0] || (_cache[0] = ($event) => draft.reset())
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(text).revert), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        createVNode(_sfc_main$2, {
+          theme: preview.value.theme,
+          class: "flex flex-col gap-3 rounded-card border border-line p-4"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", _hoisted_3, toDisplayString(unref(text).sample), 1),
+            createVNode(_sfc_main$3, {
+              placeholder: unref(text).placeholder,
+              readonly: "",
+              tabindex: -1
+            }, null, 8, ["placeholder"]),
+            createVNode(_sfc_main$1, { tabindex: -1 }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(text).action), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["theme"]),
+        createVNode(_sfc_main$4, {
+          studio: draft,
+          labels: { reset: unref(text).revert }
+        }, null, 8, ["labels"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpPasswordInput-GL2KOFK8.js → LpPasswordInput-BzAZsf5V.js}

@@ -1,8 +1,9 @@
 import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot, createCommentVNode, mergeModels } from "vue";
+import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-C-KzaQGJ.js";
+import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-BVFM_FAU.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -39,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       blur: () => inner.value?.blur(),
       select: () => inner.value?.select()
     });
+    suppressPaletteDiscovery();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ref_key: "inner",

package/dist/chunks/{LpPhoneInput-C60tx1tC.js → LpPhoneInput-BMpd-0QR.js}

@@ -6,8 +6,8 @@ import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { matchCountryByValue, filterCountries, loadCountries, flagEmoji } from "../components/countries.js";
 import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpFieldNotice-CurbNuXI.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$2 } from "./LpFieldNotice-CPI8EwtU.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 import { loadPhoneLib, formatPhone, loadPhoneExamples, digitsBefore, caretAfterDigits, digitsOf } from "../components/phone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";

package/dist/chunks/{LpPie-BgXZ3xmm.js → LpPie-DdFSTbGE.js}

@@ -4,14 +4,14 @@ import { useReveal } from "../composables/useReveal.js";
 import { useTween, lerp, mixColor } from "../composables/useTween.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
 import { _ as _sfc_main$9 } from "./LegendSwatch-BhRjrtzv.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-Cj96ENDC.js";
-import { _ as _sfc_main$3 } from "./LpEmptyState-KTKipws2.js";
-import { _ as _sfc_main$6 } from "./LpNumberFlow-Cfyh033Q.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-CKFTtQgJ.js";
+import { _ as _sfc_main$6 } from "./LpNumberFlow-5khYxsfX.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$8 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpSwap-DzE6M3Mg.js";
-import { _ as _sfc_main$5 } from "./LpTooltip-Cz8SQwRt.js";
+import { _ as _sfc_main$5 } from "./LpTooltip-BcBvIx4z.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = ["aria-busy"];

package/dist/chunks/{LpPipeline-B31h41Mu.js → LpPipeline-zjEM1Lwc.js}

@@ -4,11 +4,11 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$5 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$5 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpStepMark-TrzOioa9.js";
-import { _ as _sfc_main$7 } from "./LpTooltip-Cz8SQwRt.js";
+import { _ as _sfc_main$1 } from "./LpStepMark-CXa7DJy_.js";
+import { _ as _sfc_main$7 } from "./LpTooltip-BcBvIx4z.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { stepKey, connectorFilled, currentStepIndex, stepElapsed, childProgress } from "../components/pipeline.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, formatElapsed } from "../components/timeSpan.js";

package/dist/chunks/{LpProgress-CE-m5OpD.js → LpProgress-BX33EKkN.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, w
 import { ProgressRoot, ProgressIndicator } from "reka-ui";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import { _ as _sfc_main$1 } from "./LpNumberFlow-Cfyh033Q.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-5khYxsfX.js";
 import { meterFraction, toneAt, capacityThresholds, METER_HEADER, METER_TRACK } from "../components/meter.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["width", "height"];

package/dist/chunks/{LpQuota-DaL8TgNe.js → LpQuota-DqNv1yjs.js}

@@ -3,8 +3,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpNumberFlow-Cfyh033Q.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-5khYxsfX.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { METER_HEADER, METER_TRACK } from "../components/meter.js";
 import { quotaState, quotaSegments, formatAmount } from "../components/quota.js";

package/dist/chunks/{LpRadioGroup-CGBr5nIp.js → LpRadioGroup-CsXeV9Ct.js}

@@ -1,8 +1,9 @@
 import { defineComponent, useId, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, createVNode, createElementVNode, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { RadioGroupRoot, RadioGroupItem, RadioGroupIndicator } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = {
   key: 1,
   class: "flex min-w-0 flex-col"
@@ -13,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpRadioGroup",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: {},
     options: {},
     disabled: { type: Boolean }
@@ -25,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex flex-col gap-2"
     );
+    usePaletteControl({ disabled: () => field.value.disabled });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(RadioGroupRoot), mergeProps({
         "model-value": __props.modelValue,

package/dist/chunks/{LpRangeCalendar-c5qj7YcC.js → LpRangeCalendar-l-0nSFmY.js}

@@ -5,7 +5,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { CALENDAR_LABELS, CALENDAR_NAV, CALENDAR_FRAME } from "../components/calendar.js";
 import { normalizeRange, parseIsoDay, reshapeRange } from "../components/dateRange.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = { class: "flex gap-4" };
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpRangeSlider-Dv6lNvHY.js → LpRangeSlider-CM-0ZITZ.js}

@@ -1,4 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
@@ -8,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpRangeSlider",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: { default: () => [0, 100] },
     min: { default: 0 },
     max: { default: 100 },
@@ -39,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { dragging, onPointerDown } = useSliderDrag();
     const thumbClass = "group/thumb relative block size-4 rounded-pill border-2 border-brand bg-surface shadow outline-none transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:scale-110 active:scale-95 focus-visible:ring-2 focus-visible:ring-ring motion-reduce:hover:scale-100 motion-reduce:active:scale-100";
     const labelClass = "pointer-events-none absolute bottom-full left-1/2 mb-1.5 -translate-x-1/2 translate-y-0.5 rounded-control bg-surface-raised px-1.5 py-0.5 text-[11px] whitespace-nowrap text-ink tabular-nums opacity-0 shadow-sm transition-[opacity,translate] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-hover/thumb:translate-y-0 group-hover/thumb:opacity-100 group-focus-visible/thumb:translate-y-0 group-focus-visible/thumb:opacity-100 group-active/thumb:translate-y-0 group-active/thumb:opacity-100 motion-reduce:transition-none";
+    usePaletteControl({ disabled: () => field.value.disabled });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(SliderRoot), mergeProps({
         "model-value": [props.modelValue[0], props.modelValue[1]],

package/dist/chunks/{LpRelativeTime-yin9uQP7.js → LpRelativeTime-UM8EkfrN.js}

@@ -3,7 +3,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-Cz8SQwRt.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
 import { formatRelativeTime } from "../components/relativeTime.js";
 import { toEpoch } from "../components/timeSpan.js";
 const _hoisted_1 = ["datetime"];

package/dist/chunks/{LpRepeater-D0S7jjwr.js → LpRepeater-OvzByE5L.js}

@@ -4,8 +4,8 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRepeater } from "../composables/useRepeater.js";
 import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
-import { _ as _sfc_main$1 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
 import '../assets/LpRepeater-C1Cw27hj.css';const _hoisted_1 = { class: "flex items-center justify-between gap-2" };
 const _hoisted_2 = {

package/dist/chunks/{LpSecretField-CfWyHv9m.js → LpSecretField-DwQiPOko.js}

@@ -1,17 +1,18 @@
 import { defineComponent, useModel, computed, ref, watch, onMounted, onBeforeUnmount, useId, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createCommentVNode, renderSlot, createVNode, normalizeStyle, normalizeClass, createElementVNode, Transition, createElementBlock, toDisplayString, mergeModels } from "vue";
+import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useScramble } from "../composables/useScramble.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$5 } from "./FieldWrapper-BiennROB.js";
-import { _ as _sfc_main$3 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-DzHjnFs0.js";
-import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpPasswordInput-GL2KOFK8.js";
+import { _ as _sfc_main$5 } from "./FieldWrapper-YzbvvC3M.js";
+import { _ as _sfc_main$3 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-Dmq7DmFw.js";
+import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpPasswordInput-BzAZsf5V.js";
 import { _ as _sfc_main$6 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$8 } from "./LpTooltip-Cz8SQwRt.js";
-import { _ as _sfc_main$7 } from "./RevealToggle-C-KzaQGJ.js";
+import { _ as _sfc_main$8 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$7 } from "./RevealToggle-BVFM_FAU.js";
 const _hoisted_1 = ["id", "aria-label"];
 const _hoisted_2 = {
   key: "empty",
@@ -130,6 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         { sm: "min-h-(--size-control-sm) pl-2.5 pr-1 text-xs", md: "min-h-(--size-control-md) pl-3 pr-1.5 text-sm", lg: "min-h-(--size-control-lg) pl-3.5 pr-1.5 text-sm" }[props.size]
       )
     );
+    suppressPaletteDiscovery();
     return (_ctx, _cache) => {
       return __props.input ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
         key: 0,

package/dist/chunks/{LpSection-BW4xJ-Li.js → LpSection-DcQsieHG.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 break-words" };
 const _hoisted_2 = { class: "flex flex-wrap items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpSegmented-BO99Sr4m.js → LpSegmented-D2VST0o3.js}

@@ -1,11 +1,12 @@
 import { defineComponent, useId, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, createVNode, toDisplayString } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { Motion } from "motion-v";
 import { ToggleGroupRoot, ToggleGroupItem } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$2 } from "./AttentionDot-DCBf4aWg.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = {
   key: 1,
   class: "relative z-10 inline-flex shrink-0"
@@ -19,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpSegmented",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: {},
     options: {},
     size: { default: "md" },
@@ -59,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const target = event.currentTarget;
       if (target instanceof HTMLElement) target.blur();
     }
+    usePaletteControl({ disabled: () => field.value.disabled });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ToggleGroupRoot), mergeProps({
         "model-value": __props.modelValue,

package/dist/chunks/{LpSelect-C_8cJtj6.js → LpSelect-DYX2-u5A.js}

@@ -1,11 +1,12 @@
 import { defineComponent, computed, ref, useAttrs, useId, reactive, watch, nextTick, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString, createElementBlock, TransitionGroup, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeStyle } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem, ComboboxItemIndicator } from "reka-ui";
 import { useFieldControl, useFieldBlur } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$3 } from "./OptionContent-CmYUUeWj.js";
+import { _ as _sfc_main$1 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$3 } from "./OptionContent-DPzNsybd.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { fitChips, toggledValues } from "../components/select.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
@@ -48,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpSelect",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: {},
     options: {},
     placeholder: {},
@@ -112,7 +114,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isOpen.value = open;
       query.value = "";
     }
+    async function openFromKeyboard(event) {
+      if (field.value.disabled || isOpen.value || !["ArrowDown", "ArrowUp"].includes(event.key)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const trigger = event.currentTarget;
+      trigger.click();
+      await nextTick();
+      const panel = trigger.ownerDocument.getElementById(trigger.getAttribute("aria-controls") ?? "");
+      const search = panel?.querySelector("input:not([disabled])");
+      const items = panel?.querySelectorAll('[role="option"]:not([data-disabled])');
+      const selected = panel?.querySelector('[role="option"][aria-selected="true"]:not([data-disabled])');
+      const target = search ?? selected ?? (event.key === "ArrowUp" ? items?.[items.length - 1] : items?.[0]);
+      target?.focus();
+    }
     const { partId, onFocusOut } = useFieldBlur((event) => emit("blur", event));
+    const triggerRef = ref(null);
+    function onListFocusOut(event) {
+      const trigger = triggerRef.value?.$el;
+      if (isOpen.value || event.relatedTarget || !trigger?.isConnected) {
+        onFocusOut(event);
+        return;
+      }
+      trigger.focus({ preventScroll: true });
+    }
     const attrs = useAttrs();
     const valueId = `lp-select-${useId()}-value`;
     const valueText = computed(() => chips.value.length ? chipNames.value : displayLabel.value || placeholderText.value);
@@ -233,6 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
+    usePaletteControl({ disabled: () => field.value.disabled, invalid: () => field.value.invalid, editorProps: () => ({ selected: props.multiple ? modelList.value.map((value, index) => shown(value, index)) : current.value }) });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxRoot), mergeProps({
         "model-value": comboModel.value,
@@ -264,7 +290,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 hidden: ""
               }, toDisplayString(valueText.value), 1),
               createVNode(unref(ComboboxTrigger), mergeProps({
-                id: unref(field).id
+                ref_key: "triggerRef",
+                ref: triggerRef,
+                id: unref(field).id,
+                tabindex: unref(field).disabled ? -1 : 0,
+                onKeydown: openFromKeyboard
               }, triggerName.value, {
                 "aria-invalid": unref(field).invalid || void 0,
                 "aria-describedby": unref(field).describedBy,
@@ -357,7 +387,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 8, ["value"]))
                 ]),
                 _: 1
-              }, 16, ["id", "aria-invalid", "aria-describedby"]),
+              }, 16, ["id", "tabindex", "aria-invalid", "aria-describedby"]),
               __props.clearable && hasValue.value && !unref(field).disabled ? (openBlock(), createElementBlock("button", {
                 key: 0,
                 type: "button",
@@ -394,7 +424,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(ComboboxContent), {
                 "data-lp-field-part": unref(partId),
-                onFocusout: unref(onFocusOut),
+                onFocusout: onListFocusOut,
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 position: "popper",
@@ -450,7 +480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ]),
                 _: 1
-              }, 8, ["data-lp-field-part", "onFocusout", "onInteractOutside", "onEscapeKeyDown", "class"])
+              }, 8, ["data-lp-field-part", "onInteractOutside", "onEscapeKeyDown", "class"])
             ]),
             _: 1
           }, 8, ["to"])

package/dist/chunks/{LpSidebar-CZRXtvem.js → LpSidebar-D44peKq2.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-DGNKRsGq.js";
-import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-DBg1U1oW.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-u4rxnuR-.js";
+import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav--VwkXO_a.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-DBg1U1oW.js → LpSidebarNav--VwkXO_a.js}

@@ -2,9 +2,9 @@ import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unr
 import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$4 } from "./LpBadge-BBq1Er9T.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-Cj96ENDC.js";
-import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$4 } from "./LpBadge-C8fKEmTF.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { resolveLink } from "../components/link.js";

package/dist/chunks/{LpSlider-DuoRpOrH.js → LpSlider-DxYoCJJO.js}

@@ -1,4 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
@@ -8,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpSlider",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: { default: 0 },
     min: { default: 0 },
     max: { default: 100 },
@@ -30,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       `relative flex h-5 w-full touch-none select-none items-center data-[disabled]:opacity-55 ${SLIDER_GLIDE}`
     );
     const { dragging, onPointerDown } = useSliderDrag();
+    usePaletteControl({ disabled: () => field.value.disabled });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(SliderRoot), mergeProps({
         "model-value": [props.modelValue],

package/dist/chunks/{LpStat-DFKlPJgy.js → LpStat-DIsQfbeD.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, createVNode, Transition, normalizeProps, guardReactiveProps, withCtx, toDisplayString, Fragment, createTextVNode, normalizeClass, renderSlot } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$4 } from "./LpNumberFlow-Cfyh033Q.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$4 } from "./LpNumberFlow-5khYxsfX.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$1 } from "./LpStatus-BsGLrpor.js";
+import { _ as _sfc_main$1 } from "./LpStatus-BQU1TUsv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { TONES } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };

package/dist/chunks/{LpStatus-BsGLrpor.js → LpStatus-BQU1TUsv.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, toDisplayString, createVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpBadge-BBq1Er9T.js";
+import { _ as _sfc_main$1 } from "./LpBadge-C8fKEmTF.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
 import { TONE_COLOR } from "../components/meter.js";

package/dist/chunks/{LpStepMark-TrzOioa9.js → LpStepMark-CXa7DJy_.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createCommentVNode, createVNode, withCtx, createBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.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 "./LpLoader-DjJEX8hL.js";
 import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
 import { TONES } from "../components/tone.js";

package/dist/chunks/{LpStepper-BbnS5jUr.js → LpStepper-C9RM_yTG.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpStepMark-TrzOioa9.js";
+import { _ as _sfc_main$1 } from "./LpStepMark-CXa7DJy_.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-current"];