@leavepulse/ui 0.45.0 → 0.45.1

package/dist/assets/{LpCommandPalette-nGNnzXqQ.css → LpCommandPalette-HzAA4gri.css}

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

package/dist/chunks/{LpAddressInput-BwX8uo4_.js → LpAddressInput-CJOYGZlI.js}

@@ -7,7 +7,7 @@ import { _ as _sfc_main$3 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
 import { _ as _sfc_main$4 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$5 } from "./LpInput-D-YGQbEv.js";
-import { _ as _sfc_main$7 } from "./LpModal-DMMDQHAu.js";
+import { _ as _sfc_main$7 } from "./LpModal-BzTVeNqe.js";
 import { _ as _sfc_main$6 } from "./LpSelect-DNIL6MB9.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };

package/dist/chunks/{LpAppShell-C53_RaGF.js → LpAppShell-B07Lf48e.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Bry1fdOM.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-CQNB0-yU.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-Bwws_X29.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpConfirmDialog-DCw5jR1t.js → LpConfirmDialog-BTVAR4tF.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, openBlock, createBlock, createSl
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./LpModal-DMMDQHAu.js";
+import { _ as _sfc_main$1 } from "./LpModal-BzTVeNqe.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-CbywMpMP.js → LpConfirmHost-Ci_uCHgQ.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-DCw5jR1t.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-BTVAR4tF.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpDatePicker-DuusgT69.js → LpDatePicker-BrdFtSTy.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, toDisplayString } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
+import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
@@ -48,11 +49,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const at = (props.modelValue || "").slice(11, 16);
       return /^\d{2}:\d{2}$/.test(at) ? at : "";
     });
+    const locale = useLocale();
     const display = computed(() => {
       if (!props.modelValue) return "";
       const [y, m, d] = day.value.split("-").map(Number);
       if (!y || !m || !d) return props.modelValue;
-      const shown = new Intl.DateTimeFormat(void 0, props.format).format(new Date(y, m - 1, d));
+      const shown = new Intl.DateTimeFormat(locale.value, props.format).format(new Date(y, m - 1, d));
       return props.time && minute.value ? `${shown}, ${minute.value}` : shown;
     });
     const shellSize = {

package/dist/chunks/{LpDateRangePicker-DHeuznfC.js → LpDateRangePicker-Drd7EbIz.js}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
+import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, clampRange } from "../components/dateRange.js";
@@ -58,7 +59,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const open = ref(false);
     const value = computed(() => normalizeRange(props.modelValue));
-    const display = computed(() => value.value ? formatRange(value.value, props.locale, props.format) : "");
+    const locale = useLocale(() => props.locale);
+    const display = computed(() => value.value ? formatRange(value.value, locale.value, props.format) : "");
     const presetList = computed(() => {
       return props.presets ?? defaultRangePresets(text.value);
     });
@@ -174,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "is-date-unavailable": __props.isDateUnavailable,
                       "maximum-days": __props.maximumDays,
                       months: wide.value ? 2 : 1,
-                      locale: __props.locale,
+                      locale: unref(locale),
                       class: "border-0 bg-transparent",
                       "onUpdate:modelValue": pick
                     }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "maximum-days", "months", "locale"])

package/dist/chunks/{LpDrawer-Dt4aB4Fr.js → LpDrawer-CfRhHwmE.js}

@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.open, (open) => open ? claim() : release(), { immediate: true });
     onBeforeUnmount(release);
     const contentClass = computed(() => {
-      const surface = frosted.value ? layer.value.nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised";
+      const surface = frosted.value ? layer.value.nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised";
       const base = `fixed z-(--z-modal) flex flex-col border-line ${surface} shadow-panel outline-none`;
       const map = {
         left: "inset-y-0 left-0 border-r rounded-r-card",

package/dist/chunks/{LpModal-DMMDQHAu.js → LpModal-BzTVeNqe.js}

@@ -162,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       ref_key: "panelRef",
                       ref: panelRef,
-                      class: normalizeClass(["relative flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
+                      class: normalizeClass(["relative flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", widthClass.value, unref(tweening) ? "transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none" : ""]]),
                       style: normalizeStyle({ ...__props.width ? { width: __props.width } : {}, ...hasAside.value ? { alignSelf: "stretch" } : {} })
                     }, [
                       !(__props.title || _ctx.$slots.title) && __props.ariaLabel ? (openBlock(), createBlock(unref(DialogTitle), {

package/dist/chunks/{LpModalNav-BVPDyIup.js → LpModalNav-CjABSGCu.js}

@@ -1,9 +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-CKSwC6Mu.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./LpModal-DMMDQHAu.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-CQNB0-yU.js";
+import { _ as _sfc_main$1 } from "./LpModal-BzTVeNqe.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-Bwws_X29.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",
@@ -61,6 +62,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const triggerClass = computed(() => TRIGGER_VISIBILITY[props.mobileBreakpoint]);
     const railStyle = { maxHeight: "min(90vh, calc(100dvh - 2rem))" };
+    const frosted = useGlass(() => props.glass);
+    const railPanel = computed(() => [
+      "rounded-card border border-line p-2 shadow-panel",
+      frosted.value ? "lp-glass-overlay" : "bg-surface-raised"
+    ]);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: __props.glass,
@@ -122,8 +128,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 responsive: "",
                 "mobile-breakpoint": __props.mobileBreakpoint,
                 style: railStyle,
-                class: "rounded-card border border-line bg-surface-raised p-2 shadow-panel"
-              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint"])
+                class: normalizeClass(railPanel.value)
+              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint", "class"])
             ], 2)
           ]),
           key: "0"
@@ -149,8 +155,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 responsive: "",
                 "mobile-breakpoint": __props.mobileBreakpoint,
                 style: railStyle,
-                class: "rounded-card border border-line bg-surface-raised p-2 shadow-panel"
-              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint"])
+                class: normalizeClass(railPanel.value)
+              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint", "class"])
             ], 2)
           ]),
           key: "1"

package/dist/chunks/{LpSidebar-CQNB0-yU.js → LpSidebar-Bwws_X29.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-Dt4aB4Fr.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-CfRhHwmE.js";
 import { _ as _sfc_main$1 } from "./LpInput-D-YGQbEv.js";
 import { _ as _sfc_main$2 } from "./LpSidebarNav-kx-LdqNU.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpToaster-DpJvoCOh.js → LpToaster-DTtWuKvq.js}

@@ -1,6 +1,7 @@
 import { defineComponent, useId, onMounted, nextTick, onBeforeUnmount, ref, watch, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, withModifiers, normalizeStyle, Teleport } from "vue";
 import { ToastProvider, ToastRoot, ToastTitle, ToastDescription, ToastViewport } from "reka-ui";
 import { prefersReducedMotion } from "../composables/easing.js";
+import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useToast } from "../composables/useToast.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
@@ -8,7 +9,8 @@ import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
 const _hoisted_1 = { class: "flex items-start gap-3 p-3.5" };
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
 const _hoisted_3 = ["disabled", "aria-busy", "onClick"];
-const _hoisted_4 = ["aria-label", "onClick"];
+const _hoisted_4 = ["aria-label", "title", "onClick"];
+const _hoisted_5 = ["aria-label", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpToaster",
   props: {
@@ -16,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const text = useLabels("toast", { dismiss: "Dismiss" }, () => props.labels);
+    const text = useLabels("toast", { dismiss: "Dismiss", copy: "Copy message", copied: "Copied" }, () => props.labels);
     const { queue, dismiss } = useToast();
     let observer;
     const tops = /* @__PURE__ */ new WeakMap();
@@ -147,8 +149,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         busy.value = next;
       }
     }
+    const { copy } = useClipboard();
+    const copiedId = ref(null);
+    let copiedTimer;
+    const copyable = (t) => t.variant === "error" || t.variant === "warning";
+    async function copyToast(t) {
+      if (!await copy([t.title, t.message].filter(Boolean).join("\n"))) return;
+      copiedId.value = tag(t);
+      clearTimeout(copiedTimer);
+      copiedTimer = setTimeout(() => copiedId.value = null, 1500);
+    }
+    onBeforeUnmount(() => clearTimeout(copiedTimer));
+    function selecting() {
+      return Boolean(window.getSelection()?.toString());
+    }
     function runClick(t) {
-      if (swiped === tag(t)) return;
+      if (swiped === tag(t) || selecting()) return;
       if (t.onClick) return settle(t, t.onClick);
     }
     function runAction(t, action) {
@@ -189,7 +205,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 2
                     }, 1024)) : createCommentVNode("", true),
-                    createVNode(unref(ToastDescription), { class: "break-words text-xs text-muted" }, {
+                    createVNode(unref(ToastDescription), {
+                      class: "cursor-text select-text break-words text-xs text-muted",
+                      onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
+                      }, ["stop"]))
+                    }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(t.message), 1)
                       ]),
@@ -198,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     t.actions?.length ? (openBlock(), createElementBlock("div", {
                       key: 1,
                       class: "mt-2 flex flex-wrap gap-2",
-                      onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
                       }, ["stop"]))
                     }, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(t.actions, (action, i) => {
@@ -220,6 +240,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }), 128))
                     ])) : createCommentVNode("", true)
                   ]),
+                  copyable(t) ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    type: "button",
+                    class: "-mt-1 rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                    "aria-label": copiedId.value === tag(t) ? unref(text).copied : unref(text).copy,
+                    title: copiedId.value === tag(t) ? unref(text).copied : unref(text).copy,
+                    onClick: withModifiers(($event) => copyToast(t), ["stop"])
+                  }, [
+                    createVNode(_sfc_main$1, {
+                      name: copiedId.value === tag(t) ? "lucide:check" : "lucide:copy",
+                      size: 15
+                    }, null, 8, ["name"])
+                  ], 8, _hoisted_4)) : createCommentVNode("", true),
                   createElementVNode("button", {
                     type: "button",
                     class: "group -mr-1 -mt-1 rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink",
@@ -231,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       size: 16,
                       class: normalizeClass(unref(CLOSE_ICON))
                     }, null, 8, ["class"])
-                  ], 8, _hoisted_4)
+                  ], 8, _hoisted_5)
                 ]),
                 t.dismissAt ? (openBlock(), createElementBlock("div", {
                   key: 0,

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-BwX8uo4_.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-CJOYGZlI.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-C53_RaGF.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-B07Lf48e.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCommandPalette.vue.js

@@ -10,7 +10,7 @@ import { useModalLayer } from "./modalDepth.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { parseCommandQuery, rankCommandItems } from "./commandSearch.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-nGNnzXqQ.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-HzAA4gri.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["title", "onClick"];
 const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
 const _hoisted_4 = { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" };
@@ -554,7 +554,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(DialogContent), {
                 ref_key: "contentRef",
                 ref: contentRef,
-                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
                 style: normalizeStyle({ zIndex: unref(layer).panel }),
                 "data-pane": paneOpen.value ? "open" : void 0,
                 onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
@@ -844,7 +844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2da506c1"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb9a3f4c"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-DCw5jR1t.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-BTVAR4tF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-CbywMpMP.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-Ci_uCHgQ.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDatePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDatePicker-DuusgT69.js";
+import { _ as _sfc_main } from "../chunks/LpDatePicker-BrdFtSTy.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDateRangePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDateRangePicker-DHeuznfC.js";
+import { _ as _sfc_main } from "../chunks/LpDateRangePicker-Drd7EbIz.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-Dt4aB4Fr.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-CfRhHwmE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-DMMDQHAu.js";
+import { _ as _sfc_main } from "../chunks/LpModal-BzTVeNqe.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-BVPDyIup.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-CjABSGCu.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-DMMDQHAu.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-BzTVeNqe.js";
 import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, useHotkeys, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-CQNB0-yU.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-Bwws_X29.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpToaster.vue.d.ts

@@ -1,6 +1,8 @@
 type __VLS_Props = {
     labels?: Partial<{
         dismiss: string;
+        copy: string;
+        copied: string;
     }>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-DpJvoCOh.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-DTtWuKvq.js";
 export {
   _sfc_main as default
 };

package/dist/composables/useLocale.d.ts

@@ -0,0 +1,2 @@
+import { type ComputedRef, type MaybeRefOrGetter } from "vue";
+export declare function useLocale(own?: MaybeRefOrGetter<string | undefined>): ComputedRef<string | undefined>;

package/dist/composables/useLocale.js

@@ -0,0 +1,9 @@
+import { computed, toValue } from "vue";
+import { injectConfigProviderContext } from "reka-ui";
+function useLocale(own) {
+  const context = injectConfigProviderContext({});
+  return computed(() => toValue(own) || context.locale?.value || void 0);
+}
+export {
+  useLocale
+};

package/dist/index.js

@@ -1,10 +1,10 @@
 import { _ } from "./chunks/LayoutCanvas-BkaGXTjx.js";
-import { _ as _2 } from "./chunks/LpAddressInput-BwX8uo4_.js";
+import { _ as _2 } from "./chunks/LpAddressInput-CJOYGZlI.js";
 import { _ as _3 } from "./chunks/LpMapPicker-Cc84LaM3.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-CnfFVIwC.js";
 import { _ as _5 } from "./chunks/LpAlert-B6ilrM7T.js";
-import { _ as _6 } from "./chunks/LpAppShell-C53_RaGF.js";
+import { _ as _6 } from "./chunks/LpAppShell-B07Lf48e.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-C8IgSMsi.js";
 import { _ as _8 } from "./chunks/LpAvatar-C1XStdOo.js";
 import { _ as _9 } from "./chunks/LpBadge-Fe0D1bYx.js";
@@ -22,17 +22,17 @@ import { _ as _16 } from "./chunks/LpColorPicker-zz4VGkG4.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
 import { parseCommandQuery, rankCommandItems } from "./components/commandSearch.js";
-import { _ as _17 } from "./chunks/LpConfirmDialog-DCw5jR1t.js";
-import { _ as _18 } from "./chunks/LpConfirmHost-CbywMpMP.js";
+import { _ as _17 } from "./chunks/LpConfirmDialog-BTVAR4tF.js";
+import { _ as _18 } from "./chunks/LpConfirmHost-Ci_uCHgQ.js";
 import { confirm, useConfirm } from "./components/confirm.js";
 import { _ as _19 } from "./chunks/LpContextMenu-BqkAYa9X.js";
-import { _ as _20 } from "./chunks/LpDatePicker-DuusgT69.js";
-import { _ as _21 } from "./chunks/LpDateRangePicker-DHeuznfC.js";
+import { _ as _20 } from "./chunks/LpDatePicker-BrdFtSTy.js";
+import { _ as _21 } from "./chunks/LpDateRangePicker-Drd7EbIz.js";
 import { _ as _22 } from "./chunks/LpRangeCalendar-DZuaRV0W.js";
 import { clampRange, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange.js";
 import { _ as _23 } from "./chunks/LpDisclosure-Cc23-JOT.js";
 import { _ as _24 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _25 } from "./chunks/LpDrawer-Dt4aB4Fr.js";
+import { _ as _25 } from "./chunks/LpDrawer-CfRhHwmE.js";
 import { _ as _26 } from "./chunks/LpDropdownMenu-DdJGQzPn.js";
 import { default as default4 } from "./components/LpDropzone.vue.js";
 import { _ as _27 } from "./chunks/LpEmptyState-BJbZXC8D.js";
@@ -51,8 +51,8 @@ import { _ as _35 } from "./chunks/LpLink-Krkjhe_y.js";
 import { _ as _36 } from "./chunks/LpLogViewer-KypbgOyo.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
 import { _ as _37 } from "./chunks/LpMediaGallery-YKr-cQPN.js";
-import { _ as _38 } from "./chunks/LpModal-DMMDQHAu.js";
-import { _ as _39 } from "./chunks/LpModalNav-BVPDyIup.js";
+import { _ as _38 } from "./chunks/LpModal-BzTVeNqe.js";
+import { _ as _39 } from "./chunks/LpModalNav-CjABSGCu.js";
 import { _ as _40 } from "./chunks/LpNotificationBell-CCwyJP5C.js";
 import { _ as _41 } from "./chunks/LpNumberField-B77O-z28.js";
 import { _ as _42 } from "./chunks/LpTimeField-Cqe7fXnh.js";
@@ -75,7 +75,7 @@ import { _ as _57 } from "./chunks/LpSelect-DNIL6MB9.js";
 import { _ as _58 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
 import { _ as _59 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default6 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _60 } from "./chunks/LpSidebar-CQNB0-yU.js";
+import { _ as _60 } from "./chunks/LpSidebar-Bwws_X29.js";
 import { _ as _61 } from "./chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _62 } from "./chunks/LpSlider-Cuzmrd7p.js";
 import { _ as _63 } from "./chunks/LpSparkline-CB80N8SJ.js";
@@ -91,7 +91,7 @@ import { addTags, splitTags } from "./components/tags.js";
 import { _ as _70 } from "./chunks/LpTextarea-uuScWo6-.js";
 import { _ as _71 } from "./chunks/LpThemeSwitcher-B4aVPbNC.js";
 import { _ as _72 } from "./chunks/LpTilt-B7KHX1zH.js";
-import { _ as _73 } from "./chunks/LpToaster-DpJvoCOh.js";
+import { _ as _73 } from "./chunks/LpToaster-DTtWuKvq.js";
 import { _ as _74 } from "./chunks/LpTooltip-CXVKcOXT.js";
 import { _ as _75 } from "./chunks/LpTooltipProvider-CftjV7Xc.js";
 import { _ as _76 } from "./chunks/LpTopologyCanvas-6ozNrQKh.js";

package/package.json

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

package/src/components/LpCommandPalette.vue

@@ -939,7 +939,7 @@ useHotkeys(() =>
       <DialogContent
         ref="contentRef"
         class="lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]"
-        :class="[frosted ? (layer.nested ? 'lp-glass-overlay--nested' : 'lp-glass-overlay') : 'bg-surface-raised', previewPane && 'lp-cmd-split']"
+        :class="[frosted ? (layer.nested ? 'lp-glass-overlay lp-glass-overlay--nested' : 'lp-glass-overlay') : 'bg-surface-raised', previewPane && 'lp-cmd-split']"
         :style="{ zIndex: layer.panel }"
         :data-pane="paneOpen ? 'open' : undefined"
         @open-auto-focus.prevent

package/src/components/LpDatePicker.vue

@@ -20,6 +20,7 @@ export default { inheritAttrs: false }
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui"
 import { computed, ref, useAttrs } from "vue"
 import { useFieldControl } from "../composables/useField"
+import { useLocale } from "../composables/useLocale"
 import { useLabels } from "../composables/useLpConfig"
 import { mergeClass } from "../composables/useMergedClass"
 import { POPOVER_PANEL } from "./dropdown"
@@ -73,12 +74,13 @@ const minute = computed(() => {
   return /^\d{2}:\d{2}$/.test(at) ? at : ""
 })
 
+const locale = useLocale()
 const display = computed(() => {
   if (!props.modelValue) return ""
   // Parse as local midnight so the formatted day can't drift across a timezone.
   const [y, m, d] = day.value.split("-").map(Number)
   if (!y || !m || !d) return props.modelValue
-  const shown = new Intl.DateTimeFormat(undefined, props.format).format(new Date(y, m - 1, d))
+  const shown = new Intl.DateTimeFormat(locale.value, props.format).format(new Date(y, m - 1, d))
   return props.time && minute.value ? `${shown}, ${minute.value}` : shown
 })
 

package/src/components/LpDateRangePicker.vue

@@ -12,6 +12,7 @@ export default { inheritAttrs: false }
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui"
 import { computed, onBeforeUnmount, onMounted, ref, useAttrs } from "vue"
 import { useFieldControl } from "../composables/useField"
+import { useLocale } from "../composables/useLocale"
 import { useLabels } from "../composables/useLpConfig"
 import { mergeClass } from "../composables/useMergedClass"
 import {
@@ -85,7 +86,8 @@ const text = useLabels<DateRangePickerLabels>(
 
 const open = ref(false)
 const value = computed(() => normalizeRange(props.modelValue))
-const display = computed(() => (value.value ? formatRange(value.value, props.locale, props.format) : ""))
+const locale = useLocale(() => props.locale)
+const display = computed(() => (value.value ? formatRange(value.value, locale.value, props.format) : ""))
 
 const presetList = computed<DateRangePreset[]>(() => {
   return props.presets ?? defaultRangePresets(text.value)

package/src/components/LpDrawer.vue

@@ -162,7 +162,7 @@ watch(() => props.open, (open) => (open ? claim() : release()), { immediate: tru
 onBeforeUnmount(release)
 
 const contentClass = computed(() => {
-  const surface = frosted.value ? (layer.value.nested ? "lp-glass-overlay--nested" : "lp-glass-overlay") : "bg-surface-raised"
+  const surface = frosted.value ? (layer.value.nested ? "lp-glass-overlay lp-glass-overlay--nested" : "lp-glass-overlay") : "bg-surface-raised"
   const base = `fixed z-(--z-modal) flex flex-col border-line ${surface} shadow-panel outline-none`
   const map: Record<Direction, string> = {
     left: "inset-y-0 left-0 border-r rounded-r-card",

package/src/components/LpModal.vue

@@ -325,7 +325,7 @@ watch(
       <div
         ref="panelRef"
         class="relative flex max-h-[min(90vh,calc(100dvh-2rem))] min-h-0 flex-col overflow-hidden rounded-card border border-line shadow-panel"
-        :class="[frosted ? (layer.nested ? 'lp-glass-overlay--nested' : 'lp-glass-overlay') : 'bg-surface-raised', widthClass, tweening ? 'transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none' : '']"
+        :class="[frosted ? (layer.nested ? 'lp-glass-overlay lp-glass-overlay--nested' : 'lp-glass-overlay') : 'bg-surface-raised', widthClass, tweening ? 'transition-[height] duration-fast ease-[var(--ease-emphasized)] motion-reduce:transition-none' : '']"
         :style="{ ...(width ? { width } : {}), ...(hasAside ? { alignSelf: 'stretch' } : {}) }"
       >
         <DialogTitle v-if="!(title || $slots.title) && ariaLabel" class="sr-only">

package/src/components/LpModalNav.vue

@@ -14,6 +14,7 @@
  * one the sections are simply unreachable on a phone.
  */
 import { computed, ref } from "vue"
+import { useGlass } from "../composables/useGlass"
 import { useLabels } from "../composables/useLpConfig"
 import LpButton from "./LpButton.vue"
 import LpIcon from "./LpIcon.vue"
@@ -127,6 +128,16 @@ const triggerClass = computed(() => TRIGGER_VISIBILITY[props.mobileBreakpoint])
  * consuming app's scan.
  */
 const railStyle = { maxHeight: "min(90vh, calc(100dvh - 2rem))" }
+
+/*
+ * The rail is part of the dialog, so it takes the same surface: a glass
+ * dialog beside a solid rail read as two different windows.
+ */
+const frosted = useGlass(() => props.glass)
+const railPanel = computed(() => [
+  "rounded-card border border-line p-2 shadow-panel",
+  frosted.value ? "lp-glass-overlay" : "bg-surface-raised",
+])
 </script>
 
 <template>
@@ -158,7 +169,7 @@ const railStyle = { maxHeight: "min(90vh, calc(100dvh - 2rem))" }
           responsive
           :mobile-breakpoint="mobileBreakpoint"
           :style="railStyle"
-          class="rounded-card border border-line bg-surface-raised p-2 shadow-panel"
+          :class="railPanel"
         />
       </div>
     </template>
@@ -178,7 +189,7 @@ const railStyle = { maxHeight: "min(90vh, calc(100dvh - 2rem))" }
           responsive
           :mobile-breakpoint="mobileBreakpoint"
           :style="railStyle"
-          class="rounded-card border border-line bg-surface-raised p-2 shadow-panel"
+          :class="railPanel"
         />
       </div>
     </template>

package/src/components/LpToaster.vue

@@ -13,13 +13,14 @@ import {
 } from "reka-ui"
 import { nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from "vue"
 import { prefersReducedMotion } from "../composables/easing"
+import { useClipboard } from "../composables/useClipboard"
 import { useLabels } from "../composables/useLpConfig"
 import { useToast, type ToastItem } from "../composables/useToast"
 import { CLOSE_ICON } from "./dropdown"
 import LpIcon from "./LpIcon.vue"
 
-const props = defineProps<{ labels?: Partial<{ dismiss: string }> }>()
-const text = useLabels("toast", { dismiss: "Dismiss" }, () => props.labels)
+const props = defineProps<{ labels?: Partial<{ dismiss: string; copy: string; copied: string }> }>()
+const text = useLabels("toast", { dismiss: "Dismiss", copy: "Copy message", copied: "Copied" }, () => props.labels)
 
 const { queue, dismiss } = useToast()
 
@@ -211,8 +212,32 @@ async function settle(t: ToastItem, run: () => void | Promise<void>) {
   }
 }
 
+/*
+ * An error is something people need to pass on, so its text can be selected
+ * and copied. reka sets user-select: none on the toast and starts a swipe on
+ * any press, which made the message impossible to select: the description
+ * opts back into selection and keeps its presses from starting a swipe. A
+ * click that ends a selection is not a click on the toast.
+ */
+const { copy } = useClipboard()
+const copiedId = ref<string | null>(null)
+let copiedTimer: ReturnType<typeof setTimeout> | undefined
+const copyable = (t: ToastItem) => t.variant === "error" || t.variant === "warning"
+
+async function copyToast(t: ToastItem) {
+  if (!(await copy([t.title, t.message].filter(Boolean).join("\n")))) return
+  copiedId.value = tag(t)
+  clearTimeout(copiedTimer)
+  copiedTimer = setTimeout(() => (copiedId.value = null), 1500)
+}
+onBeforeUnmount(() => clearTimeout(copiedTimer))
+
+function selecting(): boolean {
+  return Boolean(window.getSelection()?.toString())
+}
+
 function runClick(t: ToastItem) {
-  if (swiped === tag(t)) return
+  if (swiped === tag(t) || selecting()) return
   if (t.onClick) return settle(t, t.onClick)
 }
 
@@ -250,7 +275,10 @@ function runAction(t: ToastItem, action: NonNullable<ToastItem["actions"]>[numbe
           <ToastTitle v-if="t.title" class="text-sm font-semibold text-ink">
             {{ t.title }}
           </ToastTitle>
-          <ToastDescription class="break-words text-xs text-muted">
+          <ToastDescription
+            class="cursor-text select-text break-words text-xs text-muted"
+            @pointerdown.stop
+          >
             {{ t.message }}
           </ToastDescription>
 
@@ -274,6 +302,16 @@ function runAction(t: ToastItem, action: NonNullable<ToastItem["actions"]>[numbe
           </div>
         </div>
 
+        <button
+          v-if="copyable(t)"
+          type="button"
+          class="-mt-1 rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring"
+          :aria-label="copiedId === tag(t) ? text.copied : text.copy"
+          :title="copiedId === tag(t) ? text.copied : text.copy"
+          @click.stop="copyToast(t)"
+        >
+          <LpIcon :name="copiedId === tag(t) ? 'lucide:check' : 'lucide:copy'" :size="15" />
+        </button>
         <button
           type="button"
           class="group -mr-1 -mt-1 rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink"

package/src/composables/useLocale.ts

@@ -0,0 +1,14 @@
+import { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from "vue"
+import { injectConfigProviderContext } from "reka-ui"
+
+/*
+ * The locale a date is written in: the component's own `locale`, else the one
+ * the app gave reka's ConfigProvider, else undefined, which lets Intl use the
+ * browser's. The calendars already followed ConfigProvider while the field
+ * that shows the picked date did not, so a Russian app showed a Russian
+ * calendar under "Oct 8, 2026".
+ */
+export function useLocale(own?: MaybeRefOrGetter<string | undefined>): ComputedRef<string | undefined> {
+  const context = injectConfigProviderContext({})
+  return computed(() => toValue(own) || context.locale?.value || undefined)
+}

package/src/tokens/tokens.css

@@ -550,11 +550,14 @@
   backdrop-filter: blur(var(--glass-overlay-blur, 28px)) saturate(170%);
 }
 
+/*
+ * A dialog opened over another is glass too: without its own blur the text of
+ * the dialog below read straight through the fill. Its scrim stays unblurred
+ * (.lp-scrim--nested), so the only blur is the panel's, and the fill is a
+ * little denser than the first layer's, since what it blurs is glass already.
+ */
 .lp-glass-overlay--nested {
-  background-color: color-mix(in srgb, var(--color-surface-raised) 88%, transparent);
-  background-image: none;
-  -webkit-backdrop-filter: none;
-  backdrop-filter: none;
+  --glass-overlay-fill: 62%;
 }
 
 :root[data-lp-no-backdrop] .lp-glass-overlay {