@leavepulse/ui 0.77.3 → 0.78.1

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-oVNHjsKD.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-Bx_IhQDS.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-Bz_rrq5S.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-BSXT6oUJ.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-Bz_rrq5S.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";

package/dist/chunks/{LpRadioGroup-ggaPL92T.js → LpRadioGroup-BrazjLY_.js}

@@ -1,9 +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 { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = {
   key: 1,
   class: "flex min-w-0 flex-col"
@@ -34,10 +34,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         disabled: unref(field).disabled,
         required: unref(field).required,
         "aria-labelledby": unref(field).labelId,
-        "aria-describedby": unref(field).describedBy,
         "aria-invalid": unref(field).invalid || void 0,
         class: unref(rootClass)
       }, unref(rest), {
+        "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v))
       }), {
         default: withCtx(() => [
@@ -86,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      }, 16, ["model-value", "disabled", "required", "aria-labelledby", "aria-describedby", "aria-invalid", "class"]);
+      }, 16, ["model-value", "disabled", "required", "aria-labelledby", "aria-invalid", "class", "aria-describedby"]);
     };
   }
 });

package/dist/chunks/{LpRangeCalendar-CYYUYqJ7.js → LpRangeCalendar-BrqlGZzE.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--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = { class: "flex gap-4" };
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,7 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "./SliderRail-DhPREa_R.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
-import { SliderRoot, SliderTrack, SliderRange, SliderThumb } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
+import { SliderRoot, SliderThumb } from "reka-ui";
+import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useSliderDrag, SLIDER_GLIDE } from "../components/slider.js";
 const __default__ = { inheritAttrs: false };
@@ -58,19 +59,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onValueCommit: onCommit
       }), {
         default: withCtx(() => [
-          createVNode(unref(SliderTrack), { class: "relative h-1.5 grow overflow-hidden rounded-pill bg-surface-soft" }, {
-            default: withCtx(() => [
-              createVNode(unref(SliderRange), { class: "absolute h-full rounded-pill bg-brand" })
-            ]),
-            _: 1
-          }),
+          createVNode(_sfc_main$1),
           (openBlock(), createElementBlock(Fragment, null, renderList([0, 1], (index) => {
             return createVNode(unref(SliderThumb), {
               key: index,
               id: index === 0 ? unref(field).id : void 0,
               "aria-label": __props.ariaLabels?.[index],
               "aria-labelledby": __props.ariaLabels ? void 0 : unref(field).labelId,
-              "aria-describedby": unref(field).describedBy,
+              "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
               class: normalizeClass(thumbClass)
             }, {
               default: withCtx(() => [

package/dist/chunks/{LpRelativeTime-DwgCb5-8.js → LpRelativeTime-0zI-44ve.js}

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

package/dist/chunks/{LpRepeater-D7ZmnIYd.js → LpRepeater-BkJHSPI1.js}

@@ -4,9 +4,9 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRepeater } from "../composables/useRepeater.js";
 import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
-import { _ as _sfc_main$1 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$3 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$1 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpShift-DAgS_d2x.js";
 import '../assets/LpRepeater-C1Cw27hj.css';const _hoisted_1 = { class: "flex items-center justify-between gap-2" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpRevealOnScroll-DcQjexLy.js → LpRevealOnScroll-CPwyiQAr.js}

@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.immediate || prefersReducedMotion() || typeof node.animate !== "function") return;
       const from = revealFrom(props.preset, props.direction, props.distance);
       const frames = [from, revealTo(from)];
-      const easing = easingToken("ease-emphasized");
+      const easing = easingToken("ease-emphasized", void 0, node);
       const targets = props.stagger > 0 ? Array.from(node.children) : [node];
       targets.forEach((target, index) => {
         running.push(

package/dist/chunks/{LpScramble-Bn9OoOtC.js → LpScramble-DsE77iVp.js}

@@ -3,7 +3,7 @@ import { prefersReducedMotion } from "../composables/easing.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useReveal } from "../composables/useReveal.js";
 import { useScramble } from "../composables/useScramble.js";
-import { _ as _sfc_main$1 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$1 } from "./LpShift-DAgS_d2x.js";
 const _hoisted_1 = { class: "sr-only" };
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpScrollArea-MyEnVB_5.js → LpScrollArea-CqvwfZs2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "reka-ui";
-import { prefersReducedMotion } from "../composables/easing.js";
-const barFade = "opacity-0 data-[state=visible]:animate-[fade-in_180ms_ease] data-[state=visible]:opacity-100 data-[state=hidden]:animate-[fade-out_240ms_ease]";
+import { nodeWindow } from "../composables/realm.js";
+import { SCROLL_HIDE_DELAY_MS, BAR_Y, BAR_FADE, BAR_Y_SIZE, THUMB_Y, THUMB_Y_ROUND, BAR_X, BAR_X_SIZE, THUMB_X, THUMB_X_ROUND, pageToward } from "../components/scrollbar.js";
 const FADE_PX = 14;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpScrollArea",
@@ -28,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onViewportBlur() {
       pointerFocus.value = false;
     }
+    const edge = computed(() => props.floating ? "floating" : "wall");
     const dragging = ref(false);
     const atTop = ref(true);
     const atBottom = ref(true);
@@ -67,13 +68,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           syncViewportFocusable(el);
         };
         remeasure();
-        if (typeof ResizeObserver !== "undefined") {
-          edgeResize = new ResizeObserver(remeasure);
+        const win = nodeWindow(el);
+        if (win.ResizeObserver) {
+          edgeResize = new win.ResizeObserver(remeasure);
           edgeResize.observe(el);
           for (const child of Array.from(el.children)) edgeResize.observe(child);
         }
-        if (typeof MutationObserver !== "undefined") {
-          edgeMutation = new MutationObserver(() => {
+        if (win.MutationObserver) {
+          edgeMutation = new win.MutationObserver(() => {
             if (edgeResize) {
               edgeResize.disconnect();
               edgeResize.observe(el);
@@ -86,7 +88,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true, flush: "post" }
     );
-    onBeforeUnmount(stopEdgeWatch);
+    onBeforeUnmount(() => {
+      stopEdgeWatch();
+      stopThumbDrag?.();
+    });
     function onTrackPointerDown(event, axis) {
       const el = viewportEl.value;
       const bar = event.currentTarget;
@@ -95,39 +100,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       event.preventDefault();
       event.stopImmediatePropagation();
       const rect = thumb.getBoundingClientRect();
-      const before = axis === "y" ? event.clientY < rect.top : event.clientX < rect.left;
-      const step = (axis === "y" ? el.clientHeight : el.clientWidth) * 0.85 * (before ? -1 : 1);
-      const behavior = prefersReducedMotion() ? "auto" : "smooth";
-      el.scrollBy(axis === "y" ? { top: step, behavior } : { left: step, behavior });
+      pageToward(el, axis, axis === "y" ? event.clientY < rect.top : event.clientX < rect.left);
     }
-    function onThumbPointerDown() {
+    let stopThumbDrag = null;
+    function onThumbPointerDown(event) {
       dragging.value = true;
+      stopThumbDrag?.();
+      const win = nodeWindow(event.currentTarget);
       const stop = () => {
         dragging.value = false;
-        window.removeEventListener("pointerup", stop);
-        window.removeEventListener("pointercancel", stop);
+        win.removeEventListener("pointerup", stop);
+        win.removeEventListener("pointercancel", stop);
+        win.removeEventListener("lostpointercapture", stop);
+        stopThumbDrag = null;
       };
-      window.addEventListener("pointerup", stop);
-      window.addEventListener("pointercancel", stop);
+      stopThumbDrag = stop;
+      win.addEventListener("pointerup", stop);
+      win.addEventListener("pointercancel", stop);
+      win.addEventListener("lostpointercapture", stop);
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ScrollAreaRoot), {
         class: normalizeClass(["relative flex flex-col overflow-hidden", dragging.value ? "select-none" : void 0]),
         type: "hover",
-        "scroll-hide-delay": 500
+        "scroll-hide-delay": unref(SCROLL_HIDE_DELAY_MS)
       }, {
         default: withCtx(() => [
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "vertical",
             "force-mount": "",
-            class: normalizeClass(["group z-1 flex touch-none select-none justify-end pl-2.5", [barFade, __props.floating ? "w-4 py-1 pr-1" : "w-3.5 py-px pr-px"]]),
+            class: normalizeClass(["z-1", [unref(BAR_Y), unref(BAR_FADE), unref(BAR_Y_SIZE)[edge.value]]]),
             style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0),
             onPointerdownCapture: _cache[0] || (_cache[0] = ($event) => onTrackPointerDown($event, "y"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: normalizeClass(["relative min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-l-pill"]),
+                class: normalizeClass(["relative", [unref(THUMB_Y), unref(THUMB_Y_ROUND)[edge.value]]]),
                 onPointerdown: onThumbPointerDown
               }, null, 8, ["class"])
             ]),
@@ -135,13 +144,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["class", "style"]),
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "horizontal",
-            class: normalizeClass(["group z-1 flex flex-col touch-none select-none justify-end pt-2.5", [barFade, __props.floating ? "h-4 px-1 pb-1" : "h-3.5 px-px pb-px"]]),
+            class: normalizeClass(["z-1", [unref(BAR_X), unref(BAR_FADE), unref(BAR_X_SIZE)[edge.value]]]),
             onPointerdownCapture: _cache[1] || (_cache[1] = ($event) => onTrackPointerDown($event, "x"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: normalizeClass(["relative min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-t-pill"]),
+                class: normalizeClass(["relative", [unref(THUMB_X), unref(THUMB_X_ROUND)[edge.value]]]),
                 onPointerdown: onThumbPointerDown
               }, null, 8, ["class"])
             ]),
@@ -170,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["class", "style"])
         ]),
         _: 3
-      }, 8, ["class"]);
+      }, 8, ["class", "scroll-hide-delay"]);
     };
   }
 });

package/dist/chunks/{LpSecretField-BbmqM9ye.js → LpSecretField-B2roc4Iz.js}

@@ -1,18 +1,19 @@
 import { defineComponent, useModel, computed, ref, watch, onMounted, onBeforeUnmount, useId, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createCommentVNode, renderSlot, createVNode, normalizeStyle, normalizeClass, createElementVNode, Transition, createElementBlock, toDisplayString, mergeModels } from "vue";
+import { isElement } from "../composables/realm.js";
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useScramble } from "../composables/useScramble.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$5 } from "./FieldWrapper-CORPzo9s.js";
-import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-xF7wFVoU.js";
-import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpPasswordInput-BkHKQDhM.js";
-import { _ as _sfc_main$6 } from "./LpShift-CCq7dofl.js";
-import { _ as _sfc_main$8 } from "./LpTooltip-BcBvIx4z.js";
-import { _ as _sfc_main$7 } from "./RevealToggle-BEit1n6Z.js";
+import { _ as _sfc_main$5 } from "./FieldWrapper-DnuMTrqW.js";
+import { _ as _sfc_main$3 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
+import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpPasswordInput-D4HPhqfV.js";
+import { _ as _sfc_main$6 } from "./LpShift-DAgS_d2x.js";
+import { _ as _sfc_main$8 } from "./LpTooltip-Bz_rrq5S.js";
+import { _ as _sfc_main$7 } from "./RevealToggle-D_iyrB8d.js";
 const _hoisted_1 = ["id", "aria-label"];
 const _hoisted_2 = {
   key: "empty",
@@ -113,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(revealed, () => {
       if (!props.input || prefersReducedMotion()) return;
       const el = field.value?.$el;
-      const input = el instanceof Element ? el.querySelector("input") : null;
+      const input = isElement(el) ? el.querySelector("input") : null;
       input?.animate([{ filter: "blur(4px)", opacity: 0.35 }, { filter: "blur(0)", opacity: 1 }], {
         duration: 260,
         easing: "cubic-bezier(0.2, 0, 0, 1)"

package/dist/chunks/{LpSection-DFK_uoJE.js → LpSection-BfteipxU.js}

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