@leavepulse/ui 0.77.2 → 0.78.0

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-BovUk8MP.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-BJf3lZMq.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-ay4Xo_hg.js}

@@ -1,6 +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";
+import { nodeWindow } from "../composables/realm.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]";
 const FADE_PX = 14;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -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;
@@ -100,15 +105,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const behavior = prefersReducedMotion() ? "auto" : "smooth";
       el.scrollBy(axis === "y" ? { top: step, behavior } : { left: step, behavior });
     }
-    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), {

package/dist/chunks/{LpSecretField-BbmqM9ye.js → LpSecretField-DBvU6iAw.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-7EOSIuwa.js";
+import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpPasswordInput-B-zD6tUS.js";
+import { _ as _sfc_main$6 } from "./LpShift-DAgS_d2x.js";
+import { _ as _sfc_main$8 } from "./LpTooltip-BJf3lZMq.js";
+import { _ as _sfc_main$7 } from "./RevealToggle-CCPDE8Mv.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({

package/dist/chunks/{LpSegmented-CeACsMMA.js → LpSegmented-DbEJhbv-.js}

@@ -1,12 +1,14 @@
 import { defineComponent, useId, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, createVNode, toDisplayString } from "vue";
+import { CONTROL_SIZE } from "../components/controlSize.js";
+import { isHTMLElement } from "../composables/realm.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { Motion } from "motion-v";
 import { ToggleGroupRoot, ToggleGroupItem } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
+import { useFieldControl, mergeDescribedBy } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$2 } from "./AttentionDot-DCBf4aWg.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = {
   key: 1,
   class: "relative z-10 inline-flex shrink-0"
@@ -35,11 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onChange(v) {
       if (typeof v === "string" && v) emit("update:modelValue", v);
     }
-    const sizeCls = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
+    const sizeCls = CONTROL_SIZE;
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       () => [
         "inline-flex items-center gap-1 rounded-control border border-line bg-surface-soft p-1",
@@ -61,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function releaseFocusAfterPointer(event) {
       const target = event.currentTarget;
-      if (target instanceof HTMLElement) target.blur();
+      if (isHTMLElement(target)) target.blur();
     }
     usePaletteControl({ disabled: () => field.value.disabled });
     return (_ctx, _cache) => {
@@ -70,10 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: "single",
         disabled: unref(field).disabled,
         "aria-labelledby": unref(field).labelId,
-        "aria-describedby": unref(field).describedBy,
         rovingFocus: true,
         class: unref(rootClass)
       }, unref(rest), {
+        "aria-describedby": unref(mergeDescribedBy)(unref(rest)["aria-describedby"], unref(field).describedBy),
         "onUpdate:modelValue": onChange,
         onPointerleave: _cache[0] || (_cache[0] = ($event) => hovered.value = null)
       }), {
@@ -116,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         _: 1
-      }, 16, ["model-value", "disabled", "aria-labelledby", "aria-describedby", "class"]);
+      }, 16, ["model-value", "disabled", "aria-labelledby", "class", "aria-describedby"]);
     };
   }
 });

package/dist/chunks/{LpSelect-Cxq4yBGd.js → LpSelect-Y-iuSymW.js}

@@ -1,16 +1,19 @@
 import { defineComponent, computed, ref, useAttrs, useId, reactive, watch, nextTick, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString, createElementBlock, TransitionGroup, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeStyle } from "vue";
+import { _ as _sfc_main$3 } from "./IconCloseButton-COZEsa9u.js";
+import { CONTROL_SIZE } from "../components/controlSize.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem, ComboboxItemIndicator } from "reka-ui";
-import { useFieldControl, useFieldBlur } from "../composables/useField.js";
+import { useFieldControl, useFieldBlur, mergeDescribedBy } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$3 } from "./OptionContent-22UT8zLn.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$4 } from "./OptionContent-CGb8QlHA.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
-import { fitChips, toggledValues } from "../components/select.js";
+import { evictOldest, fitChips, toggledValues } from "../components/select.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
+import { nodeWindow } from "../composables/realm.js";
 const _hoisted_1 = { class: "sr-only" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "truncate" };
@@ -35,12 +38,11 @@ const _hoisted_11 = {
   key: 2,
   class: "min-w-0 truncate text-muted"
 };
-const _hoisted_12 = ["aria-label"];
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 0,
   class: "border-b border-line p-2"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   key: 0,
   class: "px-3 py-4 text-center text-sm italic text-muted"
 };
@@ -70,11 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "change", "update:searchTerm", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const SIZE_HEIGHT = {
-      sm: "h-(--size-control-sm) text-xs",
-      md: "h-(--size-control-md) text-sm",
-      lg: "h-(--size-control-lg) text-sm"
-    };
+    const SIZE_HEIGHT = CONTROL_SIZE;
     const anchorHeight = computed(() => SIZE_HEIGHT[props.size]);
     const field = useFieldControl(() => ({
       wrapped: false,
@@ -126,7 +124,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const items = panel?.querySelectorAll('[role="option"]:not([data-disabled])');
       const selected = panel?.querySelector('[role="option"][aria-selected="true"]:not([data-disabled])');
       const target = search ?? selected ?? (event.key === "ArrowUp" ? items?.[items.length - 1] : items?.[0]);
-      target?.focus();
+      if (isOpen.value) target?.focus();
+    }
+    const LIST_KEYS = ["ArrowDown", "ArrowUp", "Home", "End", "Enter"];
+    function moveInList(event) {
+      if (props.searchable || serverSide.value || !LIST_KEYS.includes(event.key)) return;
+      const list = event.currentTarget;
+      const items = Array.from(list.querySelectorAll('[role="option"]:not([data-disabled])'));
+      if (!items.length) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const at = items.indexOf(list.ownerDocument.activeElement);
+      if (event.key === "Enter") {
+        items[at]?.click();
+        return;
+      }
+      const last = items.length - 1;
+      const next = {
+        ArrowDown: at === last ? 0 : at + 1,
+        ArrowUp: at <= 0 ? last : at - 1,
+        Home: 0,
+        End: last
+      }[event.key];
+      items[next ?? 0]?.focus();
     }
     const { partId, onFocusOut } = useFieldBlur((event) => emit("blur", event));
     const triggerRef = ref(null);
@@ -142,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const valueId = `lp-select-${useId()}-value`;
     const valueText = computed(() => chips.value.length ? chipNames.value : displayLabel.value || placeholderText.value);
     const triggerName = computed(
-      () => field.value.labelId ? { "aria-labelledby": `${field.value.labelId} ${valueId}`, "aria-label": void 0 } : { "aria-label": attrs["aria-label"] ?? valueText.value }
+      () => field.value.labelId ? { "aria-labelledby": `${field.value.labelId} ${valueId}`, "aria-label": void 0 } : { "aria-label": [attrs["aria-label"], valueText.value].filter(Boolean).join(", ") }
     );
     const EMPTY_SENTINEL = "\0__lp_empty__";
     function encode(v) {
@@ -169,6 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
     });
     const remembered = reactive(/* @__PURE__ */ new Map());
+    const REMEMBERED_LIMIT = 500;
     function fromOption(o) {
       return { label: o.label, hint: o.description, image: o.image, icon: o.icon };
     }
@@ -177,6 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const o = props.options.find((x) => x.value === v);
         if (o) remembered.set(v, fromOption(o));
       }
+      evictOldest(remembered, new Set(values), REMEMBERED_LIMIT);
     }
     const modelList = computed(() => {
       const v = props.modelValue;
@@ -222,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!row || !probe) return;
       const kids = Array.from(probe.children);
       const more = kids.pop();
-      const gap = Number.parseFloat(getComputedStyle(probe).columnGap) || 0;
+      const gap = Number.parseFloat(nodeWindow(probe).getComputedStyle(probe).columnGap) || 0;
       fit.value = fitChips(
         kids.map((k) => k.offsetWidth),
         row.clientWidth,
@@ -231,6 +253,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
     }
     useResizeObserver(chipRow, () => measure());
+    useResizeObserver(probeRow, () => measure());
     watch(chips, () => void nextTick(measure), { flush: "post", deep: true });
     const shownChips = computed(() => chips.value.slice(0, fit.value));
     const hiddenCount = computed(() => modelList.value.length - shownChips.value.length);
@@ -297,7 +320,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onKeydown: openFromKeyboard
               }, triggerName.value, {
                 "aria-invalid": unref(field).invalid || void 0,
-                "aria-describedby": unref(field).describedBy,
+                "aria-describedby": unref(mergeDescribedBy)(unref(rootAttrs)["aria-describedby"], unref(field).describedBy),
                 class: "flex min-w-0 flex-1 items-center gap-2 outline-none"
               }), {
                 default: withCtx(() => [
@@ -388,21 +411,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 16, ["id", "tabindex", "aria-invalid", "aria-describedby"]),
-              __props.clearable && hasValue.value && !unref(field).disabled ? (openBlock(), createElementBlock("button", {
+              __props.clearable && hasValue.value && !unref(field).disabled ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 0,
-                type: "button",
-                class: "group flex shrink-0 items-center text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink",
-                "aria-label": unref(labels).clear,
+                inline: "",
+                label: unref(labels).clear,
                 onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["prevent"])),
                 onClick: clear
-              }, [
-                createVNode(_sfc_main$1, {
-                  name: "lucide:x",
-                  size: 16,
-                  class: "transition-transform duration-200 ease-[var(--ease-emphasized)] group-hover:rotate-90 group-active:scale-90 motion-reduce:group-hover:rotate-0"
-                })
-              ], 40, _hoisted_12)) : createCommentVNode("", true),
+              }, null, 8, ["label"])) : createCommentVNode("", true),
               createVNode(unref(ComboboxTrigger), {
                 tabindex: "-1",
                 "aria-hidden": "true",
@@ -425,6 +441,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(ComboboxContent), {
                 "data-lp-field-part": unref(partId),
                 onFocusout: onListFocusOut,
+                onKeydownCapture: moveInList,
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 position: "popper",
@@ -432,7 +449,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-(--reka-combobox-trigger-width) overflow-hidden"])
               }, {
                 default: withCtx(() => [
-                  __props.searchable || serverSide.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                  __props.searchable || serverSide.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
                     createVNode(unref(ComboboxInput), {
                       modelValue: query.value,
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
@@ -443,7 +460,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true),
                   createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
                     default: withCtx(() => [
-                      __props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(loadingLabel.value), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
+                      __props.loading ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(loadingLabel.value), 1)) : (openBlock(), createBlock(unref(ComboboxEmpty), {
                         key: 1,
                         class: "px-3 py-4 text-center text-sm italic text-muted"
                       }, {
@@ -461,7 +478,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           class: normalizeClass([unref(OPTION_ITEM), "justify-between data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"])
                         }, {
                           default: withCtx(() => [
-                            createVNode(_sfc_main$3, { option: opt }, null, 8, ["option"]),
+                            createVNode(_sfc_main$4, { option: opt }, null, 8, ["option"]),
                             createVNode(unref(ComboboxItemIndicator), { class: "flex shrink-0 items-center text-brand" }, {
                               default: withCtx(() => [
                                 createVNode(_sfc_main$1, {

package/dist/chunks/{LpShaderBackdrop-Bote0iuy.js → LpShaderBackdrop-wQygYb5h.js}

@@ -1,7 +1,9 @@
 import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createVNode, Transition, withCtx, createElementVNode, normalizeStyle, normalizeClass } from "vue";
+import { clamp } from "../composables/clamp.js";
+import { nodeWindow } from "../composables/realm.js";
 import { parseColor } from "../components/color.js";
 import { PRESETS, FRAGMENT_HEADER, frameDue, approach, tooSlow, VERTEX_SHADER } from "../components/shaderBackdrop.js";
-import { i as isBrokenBackdropEngine } from "./backdrop-Dkf2vM81.js";
+import { isBrokenBackdropEngine } from "../theme/backdrop.js";
 import { durationToken } from "../composables/easing.js";
 import { useInView } from "../composables/useInView.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
@@ -35,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const weakEngine = typeof navigator !== "undefined" && isBrokenBackdropEngine();
     const fallbackStyle = computed(() => ({ background: PRESETS[props.preset].fallback, opacity: Math.min(1, clamp01(props.intensity) * 1.15) }));
     function clamp01(n) {
-      return Math.max(0, Math.min(1, n));
+      return clamp(n, 0, 1);
     }
     const TOKENS = ["surface", "brand", "accent", "action", "ink"];
     let probe = null;
@@ -43,10 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function tokenColor(name) {
       if (!probe || !root.value) return [0, 0, 0];
       probe.style.color = `var(--color-${name})`;
-      const css = getComputedStyle(probe).color;
+      const css = nodeWindow(probe).getComputedStyle(probe).color;
       const rgb = parseColor(css);
       if (rgb) return [rgb.r / 255, rgb.g / 255, rgb.b / 255];
-      paint ??= document.createElement("canvas").getContext("2d", { willReadFrequently: true });
+      paint ??= probe.ownerDocument.createElement("canvas").getContext("2d", { willReadFrequently: true });
       if (!paint) return [0, 0, 0];
       paint.clearRect(0, 0, 1, 1);
       paint.fillStyle = "#000";
@@ -120,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function sizeCanvas() {
       const el = canvas.value;
       if (!el) return;
-      const dpr = Math.min(weakEngine ? 1 : 2, window.devicePixelRatio || 1);
+      const dpr = Math.min(weakEngine ? 1 : 2, nodeWindow(el).devicePixelRatio || 1);
       pixelRatio = dpr * PRESETS[props.preset].scale;
       const w = Math.max(1, Math.round(el.clientWidth * pixelRatio));
       const h = Math.max(1, Math.round(el.clientHeight * pixelRatio));
@@ -241,14 +243,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       drawFrame();
     });
     onMounted(() => {
-      probe = document.createElement("span");
+      const page = root.value?.ownerDocument ?? document;
+      probe = page.createElement("span");
       probe.style.display = "none";
       root.value?.appendChild(probe);
-      themeObserver = new MutationObserver(() => {
+      themeObserver = new (nodeWindow(page)).MutationObserver(() => {
         if (gl) refreshPalette();
       });
-      themeObserver.observe(document.documentElement, { attributes: true, attributeFilter: ["style", "class", "data-theme", "data-theme-mode"] });
-      schemeQuery = window.matchMedia?.("(prefers-color-scheme: dark)");
+      themeObserver.observe(page.documentElement, { attributes: true, attributeFilter: ["style", "class", "data-theme", "data-theme-mode"] });
+      schemeQuery = nodeWindow(page).matchMedia?.("(prefers-color-scheme: dark)");
       schemeQuery?.addEventListener("change", refreshPalette);
       if (wantGl.value) start();
     });
@@ -272,7 +275,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           drawFrame();
           shown.value = true;
-        }, durationToken("duration-medium"));
+        }, durationToken("duration-medium", void 0, root.value ?? void 0));
       }
     );
     watch(