@leavepulse/ui 0.77.2 → 0.78.0

package/dist/chunks/{LpModal-CoGhLTyH.js → LpModal-DrtQ_1A2.js}

@@ -1,14 +1,15 @@
 import { defineComponent, ref, computed, useSlots, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, createElementVNode, mergeProps, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { isElement } from "../composables/realm.js";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose } from "reka-ui";
 import { useCloseGuard } from "../composables/useCloseGuard.js";
 import { useGlass } from "../composables/useGlass.js";
-import { useOverlayHistory } from "../composables/useOverlayHistory.js";
+import { useModelOverlayHistory } from "../composables/useOverlayHistory.js";
 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--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-ay4Xo_hg.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {
   key: 0,
@@ -66,16 +67,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function close() {
       void onOpenChange(false);
     }
-    useOverlayHistory({
+    useModelOverlayHistory({
       mode: () => props.history,
       open: () => !!props.open,
-      close: async () => {
-        if (!await allowClose()) return false;
-        emit("update:open", false);
-        return true;
-      },
-      reopen: () => emit("update:open", true),
-      navigated: () => emit("update:open", false)
+      setOpen: (open) => emit("update:open", open),
+      allowClose
     });
     __expose({ close });
     function onEscape(event) {
@@ -86,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       guardOutside(event);
       if (!props.dismissible) return event.preventDefault();
       const target = event.target;
-      if (target instanceof Element && target.closest("[data-lp-modal-aside]")) {
+      if (isElement(target) && target.closest("[data-lp-modal-aside]")) {
         event.preventDefault();
       }
     };
@@ -121,6 +117,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "input:not([type=hidden]):not([disabled]):not([readonly]):not([tabindex='-1'])",
       "textarea:not([disabled]):not([readonly])",
       "select:not([disabled])",
+      "[contenteditable]:not([contenteditable='false'])",
+      "[role='textbox']",
       "[data-lp-autofocus]",
       "button:not([disabled]):not([data-lp-dialog-close])",
       "[href]",
@@ -141,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         for (const target of panel.querySelectorAll(selector)) {
           if (!focusable(target)) continue;
           target.focus();
-          if (document.activeElement !== target) continue;
+          if (target.ownerDocument.activeElement !== target) continue;
           event.preventDefault();
           if (!target.closest("[data-lp-ring-owner]")) {
             target.setAttribute("data-lp-focus-ring", "");

package/dist/chunks/{LpModalNav-BGvs2y5Q.js → LpModalNav-DkmGCnZE.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-CFb44IjC.js";
-import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-CoGhLTyH.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DzE1783C.js";
+import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpModal-DrtQ_1A2.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-kSkpPh3-.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",
@@ -67,6 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "rounded-card border border-line p-2 shadow-panel",
       frosted.value ? "lp-glass-overlay" : "bg-surface-raised"
     ]);
+    const railSlot = computed(() => props.navSide === "end" ? "asideEnd" : "aside");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: __props.glass,
@@ -76,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         size: __props.size,
         width: __props.width,
         "fill-body": __props.fillBody,
-        "onUpdate:open": _cache[5] || (_cache[5] = ($event) => emit("update:open", $event))
+        "onUpdate:open": _cache[3] || (_cache[3] = ($event) => emit("update:open", $event))
       }, createSlots({
         title: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
@@ -87,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               square: "",
               "aria-label": navName.value,
               class: normalizeClass(triggerClass.value),
-              onClick: _cache[4] || (_cache[4] = ($event) => navOpen.value = true)
+              onClick: _cache[2] || (_cache[2] = ($event) => navOpen.value = true)
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$3, {
@@ -107,8 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        hasNav.value && __props.navSide === "start" ? {
-          name: "aside",
+        hasNav.value ? {
+          name: railSlot.value,
           fn: withCtx(() => [
             createElementVNode("div", {
               class: normalizeClass(railClass.value)
@@ -134,46 +135,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0,
-        hasNav.value && __props.navSide === "end" ? {
-          name: "asideEnd",
-          fn: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(railClass.value)
-            }, [
-              createVNode(_sfc_main$4, {
-                modelValue: active.value,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => active.value = $event),
-                open: navOpen.value,
-                "onUpdate:open": _cache[3] || (_cache[3] = ($event) => navOpen.value = $event),
-                variant: "panel",
-                items: __props.items,
-                sections: __props.sections,
-                width: __props.navWidth,
-                searchable: __props.searchable,
-                "search-placeholder": __props.searchPlaceholder,
-                loading: __props.loading,
-                responsive: "",
-                "mobile-breakpoint": __props.mobileBreakpoint,
-                style: railStyle,
-                class: normalizeClass(railPanel.value)
-              }, null, 8, ["modelValue", "open", "items", "sections", "width", "searchable", "search-placeholder", "loading", "mobile-breakpoint", "class"])
-            ], 2)
-          ]),
-          key: "1"
-        } : void 0,
         _ctx.$slots.actions ? {
           name: "actions",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "actions")
           ]),
-          key: "2"
+          key: "1"
         } : void 0,
         _ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "footer")
           ]),
-          key: "3"
+          key: "2"
         } : void 0
       ]), 1032, ["glass", "open", "title", "description", "size", "width", "fill-body"]);
     };

package/dist/chunks/{LpNotificationBell-B0034Lk-.js → LpNotificationBell-D_wklO1m.js}

@@ -1,17 +1,17 @@
 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-wUYLN4U9.js";
-import { _ as _sfc_main$9 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-rx2tCjwk.js";
-import { _ as _sfc_main$4 } from "./LpEmptyState-EQHiRYhG.js";
-import { _ as _sfc_main$7 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
-import { _ as _sfc_main$8 } from "./LpRelativeTime-DwgCb5-8.js";
+import { _ as _sfc_main$a } from "./LpBadge-D5QQdDQ_.js";
+import { _ as _sfc_main$9 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-DurPF001.js";
+import { _ as _sfc_main$7 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
+import { _ as _sfc_main$8 } from "./LpRelativeTime-BovUk8MP.js";
 import { _ as _sfc_main$b } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$5 } from "./LpScrollArea-MyEnVB_5.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-ay4Xo_hg.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$2 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-2 px-3 py-2.5" };
 const _hoisted_2 = { class: "text-sm font-semibold" };

package/dist/chunks/{LpNumberField-e0IBkWU1.js → LpNumberField-CNHsmSDZ.js}

@@ -1,8 +1,9 @@
-import { defineComponent, useId, useAttrs, computed, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createCommentVNode, mergeProps, createElementBlock, toDisplayString } from "vue";
+import { defineComponent, useId, computed, openBlock, createBlock, unref, normalizeStyle, normalizeClass, withCtx, createVNode, createCommentVNode, mergeProps, createElementBlock, toDisplayString } from "vue";
+import { CONTROL_SIZE } from "../components/controlSize.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { NumberFieldRoot, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { useFieldControl, focusLeft } from "../composables/useField.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { useAttrsField, mergeDescribedBy, focusLeft } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["id"];
@@ -40,20 +41,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { increase: "Increase", decrease: "Decrease" },
       () => props.labels
     );
-    const SIZE = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
-    const attrs = useAttrs();
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof attrs.id === "string" ? attrs.id : void 0,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
+    const SIZE = CONTROL_SIZE;
+    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid, disabled: props.disabled }));
     const describedBy = computed(
-      () => [field.value.describedBy, props.unit ? unitId : void 0].filter(Boolean).join(" ") || void 0
+      () => mergeDescribedBy(attrs["aria-describedby"], field.value.describedBy, props.unit ? unitId : void 0)
     );
     const inputAttrs = computed(() => {
       const { class: _c, style: _s, id: _i, name: _n, ...rest } = attrs;

package/dist/chunks/{LpOtpInput-CeBPsM7D.js → LpOtpInput-BRpLBbOD.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, createVNode, normalizeClass, createCommentVNode } from "vue";
 import { PinInputRoot, PinInputInput } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
+import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { splitCode, upperCells, joinCells, groupBreaks } from "../components/otp.js";
 const _hoisted_1 = {
@@ -103,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 index: i - 1,
                 id: i === 1 ? unref(field).id : void 0,
                 "aria-invalid": unref(field).invalid || void 0,
-                "aria-describedby": unref(field).describedBy,
+                "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
                 autocapitalize: upper.value ? "characters" : "none",
                 autocorrect: "off",
                 spellcheck: false,

package/dist/chunks/{LpPagination-BIIiYHXR.js → LpPagination-snQ020xQ.js}

@@ -1,7 +1,9 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
+import { nodeWindow } from "../composables/realm.js";
+import { clamp } from "../composables/clamp.js";
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
@@ -42,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return Number.isFinite(n) ? Math.max(1, Math.floor(n)) : 1;
     });
     const current = computed(
-      () => Number.isFinite(props.page) ? Math.min(Math.max(1, Math.floor(props.page)), count.value) : 1
+      () => Number.isFinite(props.page) ? clamp(Math.floor(props.page), 1, count.value) : 1
     );
     const root = ref(null);
     const room = ref(Infinity);
@@ -51,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function measure() {
       const nav = root.value;
       if (!nav || !nav.children.length) return;
-      gap.value = parseFloat(getComputedStyle(nav).columnGap) || 0;
+      gap.value = parseFloat(nodeWindow(nav).getComputedStyle(nav).columnGap) || 0;
       const items = nav.children.length;
       const used = [...nav.children].reduce((sum, el) => sum + el.offsetWidth, 0);
       slotWidth.value = used / items;
@@ -97,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function go(p) {
       if (props.disabled) return;
-      const next = Math.min(Math.max(1, p), count.value);
+      const next = clamp(p, 1, count.value);
       if (next === current.value) return;
       emit("update:page", next);
       emit("change", next);

package/dist/chunks/{LpPaletteTheme-DiLYKQiZ.js → LpPaletteTheme-dVtxHx-F.js}

@@ -1,10 +1,10 @@
 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-BpORDvH6.js";
-import { _ as _sfc_main$2 } from "./LpThemeProvider-8MG6yqU9.js";
-import { _ as _sfc_main$1 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$3 } from "./LpInput-Tw-yxT4I.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-DzYfE-5k.js";
+import { _ as _sfc_main$2 } from "./LpThemeProvider-XK6ZeWAE.js";
+import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$3 } from "./LpInput-DL6HEJdi.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" };

package/dist/chunks/{LpPasswordInput-BkHKQDhM.js → LpPasswordInput-B-zD6tUS.js}

@@ -2,8 +2,8 @@ import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unr
 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-Tw-yxT4I.js";
-import { _ as _sfc_main$2 } from "./RevealToggle-BEit1n6Z.js";
+import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-CCPDE8Mv.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpPhoneInput-CETEp5W7.js → LpPhoneInput-BSL7NX4z.js}

@@ -1,13 +1,14 @@
-import { defineComponent, ref, computed, shallowRef, onMounted, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode, Fragment, renderList, createBlock, withModifiers, mergeProps, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, shallowRef, onMounted, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, mergeProps, createTextVNode, Fragment, renderList, createBlock, withModifiers, createCommentVNode } from "vue";
+import { CONTROL_SIZE } from "../components/controlSize.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
-import { useField, useFieldControl } from "../composables/useField.js";
+import { useField, useAttrsField, mergeDescribedBy } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 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-CzQ2_5rQ.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { COMBOBOX_PANEL, POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
+import { _ as _sfc_main$2 } from "./LpFieldNotice-DJ10cYIo.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.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";
@@ -175,18 +176,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const reason = result.problem === "too-short" ? name ? text.value.tooShortFor : text.value.tooShort : result.problem === "invalid-country" ? text.value.unknownCountry : text.value.invalidNumber;
       say(reason.replace("{country}", name), { tone: "danger", duration: 0 });
     }
-    const sizeClass = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
-    const attrs = useAttrs();
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof attrs.id === "string" ? attrs.id : void 0,
-      invalid: props.invalid || flagged.value,
-      disabled: props.disabled
-    }));
+    const sizeClass = CONTROL_SIZE;
+    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid || flagged.value, disabled: props.disabled }));
     const text = useLabels("phoneInput", {
       selectCountry: "Select country",
       placeholder: "Phone number",
@@ -254,15 +245,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             createVNode(unref(ComboboxPortal), { to: unref(portalTo) }, {
               default: withCtx(() => [
-                createVNode(unref(ComboboxContent), {
+                createVNode(unref(ComboboxContent), mergeProps({
                   onInteractOutside: unref(guardOutside),
-                  onEscapeKeyDown: unref(guardOutside),
-                  "collision-padding": 8,
-                  position: "popper",
+                  onEscapeKeyDown: unref(guardOutside)
+                }, unref(COMBOBOX_PANEL), {
                   align: "start",
-                  "side-offset": 6,
-                  class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"])
-                }, {
+                  class: [unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"]
+                }), {
                   default: withCtx(() => [
                     createElementVNode("div", _hoisted_2, [
                       createVNode(unref(ComboboxInput), {
@@ -303,7 +292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   _: 1
-                }, 8, ["onInteractOutside", "onEscapeKeyDown", "class"])
+                }, 16, ["onInteractOutside", "onEscapeKeyDown", "class"])
               ]),
               _: 1
             }, 8, ["to"])
@@ -321,7 +310,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           disabled: unref(field).disabled,
           required: unref(field).required || void 0,
           "aria-invalid": unref(field).invalid || void 0,
-          "aria-describedby": [unref(field).describedBy, unref(notice).message.value ? noticeId : ""].filter(Boolean).join(" ") || void 0,
+          "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy, unref(notice).message.value ? noticeId : void 0),
           class: "lp-autofill min-w-0 flex-1 self-stretch bg-transparent px-3 outline-none placeholder:text-muted",
           onBeforeinput: onBeforeEdit,
           onPaste: _cache[2] || (_cache[2] = //@ts-ignore

package/dist/chunks/{LpPie-DrZepi0p.js → LpPie-9t_guO49.js}

@@ -1,19 +1,23 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createVNode, withCtx, createElementVNode, normalizeStyle, Fragment, renderList, createBlock, withModifiers, normalizeClass, renderSlot } from "vue";
+import { clamp } from "../composables/clamp.js";
+import { useView, viewWindow } from "../composables/useView.js";
+import { useHotkeys } from "../composables/useHotkeys.js";
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 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-rx2tCjwk.js";
-import { _ as _sfc_main$3 } from "./LpEmptyState-EQHiRYhG.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-DurPF001.js";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$8 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$8 } from "./LpShift-DAgS_d2x.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$1 } from "./LpSwap-C96c0LWh.js";
-import { _ as _sfc_main$5 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$1 } from "./LpSwap-M7nFeW3C.js";
+import { _ as _sfc_main$5 } from "./LpTooltip-BJf3lZMq.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
+import { isElement } from "../composables/realm.js";
 const _hoisted_1 = ["aria-busy"];
 const _hoisted_2 = {
   key: 0,
@@ -155,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { inset: `${inset}px`, borderWidth: `${Math.max(1, band)}px` };
     });
     const inner = computed(
-      () => props.type === "donut" ? outer.value * Math.min(0.95, Math.max(0, props.innerRatio)) : 0
+      () => props.type === "donut" ? outer.value * clamp(props.innerRatio, 0, 0.95) : 0
     );
     const sliceKeys = computed(() => {
       const seen = /* @__PURE__ */ new Map();
@@ -396,26 +400,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const leaveChart = (e) => {
       const to = e.relatedTarget;
-      if (to instanceof Element && (to.closest("[data-lp-follow]") || to.querySelector("[data-lp-follow]")))
+      if (isElement(to) && (to.closest("[data-lp-follow]") || to.querySelector("[data-lp-follow]")))
         return;
       clearTimeout(leaveTimer);
       active.value = -1;
       endDrag();
     };
+    const view = useView();
+    let dragWindow = null;
     const endDrag = () => {
       dragging.value = false;
-      window.removeEventListener("pointerup", endDrag);
-      window.removeEventListener("pointercancel", endDrag);
+      dragWindow?.removeEventListener("pointerup", endDrag);
+      dragWindow?.removeEventListener("pointercancel", endDrag);
+      dragWindow = null;
     };
     const beginDrag = () => {
       dragging.value = true;
-      window.addEventListener("pointerup", endDrag);
-      window.addEventListener("pointercancel", endDrag);
+      dragWindow = viewWindow(view.value);
+      dragWindow.addEventListener("pointerup", endDrag);
+      dragWindow.addEventListener("pointercancel", endDrag);
     };
     onBeforeUnmount(() => {
       endDrag();
       clearTimeout(leaveTimer);
-      window.removeEventListener("keydown", onKeydown);
     });
     const clearSelection = () => {
       if (!selected.value.size) return;
@@ -423,15 +430,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       anchor.value = -1;
       emitSelection();
     };
-    const onKeydown = (e) => {
-      if (e.key === "Escape") clearSelection();
-    };
-    watch(
-      () => selected.value.size > 0,
-      (hasSelection) => {
-        if (hasSelection) window.addEventListener("keydown", onKeydown);
-        else window.removeEventListener("keydown", onKeydown);
-      }
+    useHotkeys(
+      () => [{ key: "escape", allowInInput: true, handler: clearSelection }],
+      { enabled: () => selected.value.size > 0 }
     );
     const menuPoint = ref(
       null

package/dist/chunks/{LpPipeline-B3aOVOkV.js → LpPipeline-rjXvEDRJ.js}

@@ -1,16 +1,18 @@
 import { defineComponent, useModel, useSlots, computed, ref, watch, useId, nextTick, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, unref, Fragment, renderList, normalizeClass, createVNode, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, renderSlot, mergeModels } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
+import { isElement } from "../composables/realm.js";
+import { devWarn } from "../composables/devWarn.js";
 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--5WSb3jJ.js";
+import { _ as _sfc_main$6 } from "./LpCollapse-DrAw5DBZ.js";
+import { _ as _sfc_main$5 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$3 } from "./LpShift-CCq7dofl.js";
-import { _ as _sfc_main$1 } from "./LpStepMark-DpzKVyh8.js";
-import { _ as _sfc_main$7 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
+import { _ as _sfc_main$1 } from "./LpStepMark-Dw2MRTrt.js";
+import { _ as _sfc_main$7 } from "./LpTooltip-BJf3lZMq.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
-import { stepKey, connectorFilled, currentStepIndex, stepElapsed, childProgress } from "../components/pipeline.js";
+import { stepKey, duplicateStepKeys, connectorFilled, currentStepIndex, stepElapsed, childProgress } from "../components/pipeline.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, formatElapsed } from "../components/timeSpan.js";
 import { TONES } from "../components/tone.js";
 const _hoisted_1 = { class: "contents" };
@@ -110,10 +112,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const announcement = ref("");
     let seen = /* @__PURE__ */ new Map();
     const autoOpened = /* @__PURE__ */ new Set();
+    const warnedKeys = /* @__PURE__ */ new Set();
     watch(
       () => props.steps.map((s, i) => [stepKey(s, i), s.status]),
       (pairs, old) => {
         const next = new Map(pairs);
+        const repeated = duplicateStepKeys(props.steps).filter((key) => !warnedKeys.has(key));
+        if (repeated.length) {
+          repeated.forEach((key) => warnedKeys.add(key));
+          devWarn(`LpPipeline: step keys must be unique, repeated: ${repeated.join(", ")}`);
+        }
         if (old) {
           const opened = [];
           const closed = [];
@@ -136,13 +144,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         seen = next;
+        for (const key of autoOpened) if (!next.has(key)) autoOpened.delete(key);
       },
       { immediate: true }
     );
     const uid = useId();
     const items = [];
     const bindItem = (i) => (el) => {
-      items[i] = el instanceof Element ? el : null;
+      items[i] = isElement(el) ? el : null;
     };
     const current = computed(() => currentStepIndex(props.steps));
     watch(current, async (i) => {

package/dist/chunks/{LpPopover-DmZ3wUtP.js → LpPopover-BQSuxtai.js}

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, mergeProps, mergeModels } from "vue";
+import { defineComponent, useModel, computed, useAttrs, 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";
@@ -23,6 +23,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const panel = computed(
       () => mergeClass(POPOVER_PANEL, "z-(--z-popover) w-64 rounded-card p-3 text-sm text-ink outline-none", props.panelClass)
     );
+    const attrs = useAttrs();
+    function namePanel(event) {
+      const panel2 = event.currentTarget.querySelector('[role="dialog"]');
+      if (!panel2) return;
+      const labelledBy = attrs["aria-labelledby"];
+      if (typeof labelledBy === "string") panel2.setAttribute("aria-labelledby", labelledBy);
+      else if (props.ariaLabel) panel2.removeAttribute("aria-labelledby");
+    }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
     return (_ctx, _cache) => {
@@ -40,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(PopoverPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
               createVNode(unref(PopoverContent), mergeProps(_ctx.$attrs, {
+                onOpenAutoFocus: namePanel,
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 "collision-padding": 8,

package/dist/chunks/{LpProgress-Yr6ONG5t.js → LpProgress-D_MSjowb.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, createElementVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, createVNode, normalizeStyle } from "vue";
+import { clamp } from "../composables/clamp.js";
 import { ProgressRoot, ProgressIndicator } from "reka-ui";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
@@ -44,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const pct = computed(() => {
       const ratio = props.max > 0 ? shown.value / props.max * 100 : 0;
-      return Number.isFinite(ratio) ? Math.max(0, Math.min(100, ratio)) : 0;
+      return Number.isFinite(ratio) ? clamp(ratio, 0, 100) : 0;
     });
     const paintedTone = computed(() => {
       if (props.tone !== "auto") return toneLook(props.tone);

package/dist/chunks/{LpQuota-Dk2MyI2Z.js → LpQuota-CgWPgdVt.js}

@@ -3,7 +3,7 @@ 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--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$1 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
 import { METER_HEADER, METER_TRACK } from "../components/meter.js";