@leavepulse/ui 0.70.0 → 0.71.0

package/dist/chunks/{LpGauge-Bk8TwJj0.js → LpGauge-BdjPGnqw.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$1 } from "./LpNumberFlow-Cfyh033Q.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { capacityThresholds, toneAt, GAUGE_SWEEP, arcPath, meterFraction, polar } from "../components/meter.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-label"];

package/dist/chunks/{LpHintLayer-p4hqzdyA.js → LpHintLayer-C2asBIfs.js}

@@ -3,8 +3,8 @@ import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-
 import { hints } from "../composables/useHints.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { PANEL_SURFACE, POPOVER_ANIM } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
+import { _ as _sfc_main$1 } from "./LpBadge-C8fKEmTF.js";
+import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];
 const _hoisted_2 = { class: "flex items-center gap-2 font-medium" };

package/dist/chunks/{LpHints-CCrhRfy9.js → LpHints-CNZQ76JV.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, onErrorCaptured, onMounted, onBeforeUnmount, comp
 import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpActionBar-CzOFar5t.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-p4hqzdyA.js";
-import { _ as _sfc_main$1 } from "./LpTour-NfRJNEIP.js";
+import { _ as _sfc_main$3 } from "./LpActionBar-B7anGlkI.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-C2asBIfs.js";
+import { _ as _sfc_main$1 } from "./LpTour-BgCfNlaW.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

package/dist/chunks/{LpIcon-HJP5xMz4.js → LpIcon-DkP-9mzK.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watchEffect, openBlock, createElementBlock, createBlock, unref } from "vue";
 import { getIcon, Icon } from "@iconify/vue";
-import { i as iconsVersion, r as requestIcon } from "./icons-4IywzkHk.js";
+import { i as iconsVersion, r as requestIcon } from "./icons-CLu1iR1j.js";
 const _hoisted_1 = ["width", "height", "viewBox", "innerHTML"];
 const _hoisted_2 = ["width", "height"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpInfraNode-CUC3t4na.js → LpInfraNode-yTh4-5qa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, unref, createElementVNode, toDisplayString, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
 import { Handle, Position } from "@vue-flow/core";
-import { _ as _sfc_main$2 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$1 } from "./LpStatus-C7kx5PKE.js";
+import { _ as _sfc_main$2 } from "./LpBadge-C8fKEmTF.js";
+import { _ as _sfc_main$1 } from "./LpStatus-BQU1TUsv.js";
 const _hoisted_1 = { class: "px-[11px] pb-2.5 pt-[9px]" };
 const _hoisted_2 = { class: "flex items-center gap-[7px]" };
 const _hoisted_3 = { class: "text-[13px] text-[var(--accent)]" };

package/dist/chunks/{LpInput-CDuwODJG.js → LpInput-2H-5ILOB.js}

@@ -1,12 +1,13 @@
 import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, withModifiers, createVNode } from "vue";
+import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { tv } from "tailwind-variants";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useInputMask, DEFAULT_MASK_TOKENS } from "../composables/useInputMask.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./FieldWrapper-BiennROB.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$1 } from "./FieldWrapper-YzbvvC3M.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex shrink-0 items-center text-muted"
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpInput",
   props: {
+    palette: { type: [Boolean, Object], default: void 0 },
     modelValue: {},
     size: { default: "md" },
     invalid: { type: Boolean },
@@ -132,6 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       select: () => inputEl.value?.select(),
       input: inputEl
     });
+    usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled, invalid: () => field.value.invalid, available: () => !["password", "hidden"].includes(props.type), editorProps: () => ({ label: void 0, hint: void 0, error: void 0 }) });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         wrapped: hasField.value,

package/dist/chunks/{LpLightbox-XJ0LpTcZ.js → LpLightbox-lAt5uIfx.js}

@@ -3,8 +3,8 @@ import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, Di
 import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { fileNameOf } from "../components/lightbox.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 { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";

package/dist/chunks/{LpLogViewer-elZHbj85.js → LpLogViewer-x78YfhJf.js}

@@ -3,12 +3,12 @@ import { usePersisted } from "../composables/usePersisted.js";
 import { prefersReducedMotion, durationToken, tokenEase } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$7 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-COwOwRgI.js";
-import { _ as _sfc_main$4 } from "./LpEmptyState-KTKipws2.js";
-import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$7 } from "./LpBadge-C8fKEmTF.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-CKFTtQgJ.js";
+import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$5 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
+import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpMapPicker-BtIl7NOM.js → LpMapPicker-Dp5RSCi9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.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 "./LpLoader-DjJEX8hL.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpMediaGallery-D5swlmZ_.js → LpMediaGallery-D92oJfY_.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.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 "./LpLightbox-XJ0LpTcZ.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 "./LpLightbox-lAt5uIfx.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-eBMt2Fqn.js → LpModal-CpH0bNo7.js}

@@ -6,7 +6,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.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 { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {

package/dist/chunks/{LpModalNav-D4Z0wVHR.js → LpModalNav-BH4ANQGJ.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { useGlass } from "../composables/useGlass.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 "./LpModal-eBMt2Fqn.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-D-M0Y_7U.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";
+import { _ as _sfc_main$4 } from "./LpSidebar-D44peKq2.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-DPZmP5dM.js → LpNotificationBell-BdUQqZhs.js}

@@ -1,14 +1,14 @@
 import { defineComponent, computed, useModel, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, unref, createTextVNode, Transition, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$a } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$9 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-COwOwRgI.js";
-import { _ as _sfc_main$4 } from "./LpEmptyState-KTKipws2.js";
-import { _ as _sfc_main$7 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpPopover-BEIcqb9p.js";
-import { _ as _sfc_main$8 } from "./LpRelativeTime-CKzVqAo9.js";
-import { _ as _sfc_main$b } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$a } from "./LpBadge-C8fKEmTF.js";
+import { _ as _sfc_main$9 } from "./LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-DXpFJjlO.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-CKFTtQgJ.js";
+import { _ as _sfc_main$7 } from "./LpIcon-DkP-9mzK.js";
+import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
+import { _ as _sfc_main$8 } from "./LpRelativeTime-UM8EkfrN.js";
+import { _ as _sfc_main$b } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";

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-DTV18FIh.js → LpPasswordInput-BzAZsf5V.js}

@@ -1,7 +1,9 @@
-import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createVNode, unref, mergeModels } from "vue";
+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__,
@@ -11,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: {},
     invalid: { type: Boolean },
     disabled: { type: Boolean },
+    revealable: { type: Boolean, default: true },
     label: {},
     hint: {},
     error: {},
@@ -25,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const visible = useModel(__props, "visible");
+    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
     const text = useLabels(
       "passwordInput",
       { show: "Show password", hide: "Hide password" },
@@ -36,16 +40,17 @@ 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",
         ref: inner
       }, _ctx.$attrs, {
         "model-value": __props.modelValue,
-        type: visible.value ? "text" : "password",
+        type: __props.revealable && visible.value ? "text" : "password",
         placeholder: __props.placeholder,
         invalid: __props.invalid,
-        disabled: __props.disabled,
+        disabled: unref(field).disabled,
         label: __props.label,
         hint: __props.hint,
         error: __props.error,
@@ -55,15 +60,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), createSlots({
         trailing: withCtx(() => [
           renderSlot(_ctx.$slots, "actions"),
-          createVNode(_sfc_main$2, {
+          __props.revealable ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
             modelValue: visible.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
             "icon-size": __props.size === "sm" ? 14 : 16,
             "show-label": unref(text).show,
             "hide-label": unref(text).hide,
-            disabled: __props.disabled,
+            disabled: unref(field).disabled,
             class: "size-auto rounded-inner p-1 hover:bg-transparent"
-          }, null, 8, ["modelValue", "icon-size", "show-label", "hide-label", "disabled"])
+          }, null, 8, ["modelValue", "icon-size", "show-label", "hide-label", "disabled"])) : createCommentVNode("", true)
         ]),
         _: 2
       }, [

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-CFuV7pZv.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-COwOwRgI.js";
-import { _ as _sfc_main$3 } from "./LpEmptyState-KTKipws2.js";
-import { _ as _sfc_main$6 } from "./LpNumberFlow-Cfyh033Q.js";
-import { _ as _sfc_main$7 } from "./LpRollingText-DB7upf-5.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-D81yh_NX.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$4 } from "./LpRollingText-DB7upf-5.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-DK-5BKAt.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/{LpPopover-BEIcqb9p.js → LpPopover-DmZ3wUtP.js}

@@ -1,9 +1,10 @@
-import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, mergeModels } from "vue";
+import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, mergeProps, mergeModels } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "LpPopover",
   props: /* @__PURE__ */ mergeModels({
     side: { default: "bottom" },
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           createVNode(unref(PopoverPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
-              createVNode(unref(PopoverContent), {
+              createVNode(unref(PopoverContent), mergeProps(_ctx.$attrs, {
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 "collision-padding": 8,
@@ -46,13 +47,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 align: __props.align,
                 "side-offset": __props.sideOffset,
                 "aria-label": __props.ariaLabel,
-                class: normalizeClass(panel.value)
-              }, {
+                class: panel.value
+              }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
-              }, 8, ["onInteractOutside", "onEscapeKeyDown", "side", "align", "side-offset", "aria-label", "class"])
+              }, 16, ["onInteractOutside", "onEscapeKeyDown", "side", "align", "side-offset", "aria-label", "class"])
             ]),
             _: 3
           }, 8, ["to"])

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-2Sw_gqcJ.js → LpQuota-DqNv1yjs.js}

@@ -3,9 +3,9 @@ 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$3 } from "./LpRollingText-DB7upf-5.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";
 import { toneLook } from "../components/tone.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]],