@leavepulse/ui 0.77.3 → 0.78.1

package/dist/chunks/{LpMasonry--k0571qG.js → LpMasonry-DPYekFxs.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, ref, reactive, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeStyle, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useReveal } from "../composables/useReveal.js";
@@ -41,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function setItem(key, el) {
       const previous = elements.get(key);
-      if (el instanceof HTMLElement) {
+      if (isHTMLElement(el)) {
         if (previous === el) return;
         if (previous) observer?.unobserve(previous);
         elements.set(key, el);
@@ -55,11 +56,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     onMounted(() => {
-      if (typeof ResizeObserver === "undefined") {
+      const Observer = root.value ? nodeWindow(root.value).ResizeObserver : void 0;
+      if (!Observer) {
         width.value = root.value?.clientWidth ?? 0;
         return;
       }
-      observer = new ResizeObserver((entries) => {
+      observer = new Observer((entries) => {
         for (const entry of entries) {
           if (entry.target === root.value) {
             width.value = entry.contentRect.width;
@@ -126,8 +128,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => ready.value && revealed.value,
       (go) => {
-        if (!go || !props.entrance || prefersReducedMotion()) return;
-        const easing = easingToken("ease-emphasized");
+        const box = root.value;
+        if (!go || !box || !props.entrance || prefersReducedMotion(nodeWindow(box))) return;
+        const easing = easingToken("ease-emphasized", void 0, box);
         keys.value.forEach((key, index) => {
           const el = elements.get(key);
           el?.firstElementChild?.animate?.(

package/dist/chunks/{LpMediaGallery-Bkram-MO.js → LpMediaGallery-BYEwySoF.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-rx2tCjwk.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$3 } from "./LpLightbox-B95yu22B.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Bx_IhQDS.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpLightbox-CtDTQV01.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-CoGhLTyH.js → LpModal-DDvrSAnf.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-CqvwfZs2.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-gOi1Giz1.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-DDvrSAnf.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-DDNJzb69.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-DUbVyK6R.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-Bx_IhQDS.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-0zI-44ve.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-CqvwfZs2.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-Csg-1Zh_.js}

@@ -1,8 +1,10 @@
-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, createSlots, renderSlot, 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 "./FieldLeading-mr81aEAP.js";
+import { _ as _sfc_main$2 } 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"];
@@ -26,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     steppers: { type: Boolean, default: true },
     disabled: { type: Boolean },
     unit: {},
+    icon: {},
     invalid: { type: Boolean },
     size: { default: "md" },
     labels: {}
@@ -40,20 +43,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;
@@ -93,13 +86,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onFocusout: onFocusOut
       }, {
         default: withCtx(() => [
+          createVNode(_sfc_main$1, {
+            icon: __props.icon,
+            class: "pl-2.5"
+          }, createSlots({ _: 2 }, [
+            _ctx.$slots.leading ? {
+              name: "default",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "leading")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["icon"]),
           __props.steppers ? (openBlock(), createBlock(unref(NumberFieldDecrement), {
             key: 0,
             "aria-label": unref(text).decrease,
             class: "group grid h-full w-8 shrink-0 place-items-center @max-[8.5rem]:hidden text-muted transition-colors duration-[var(--duration-fast)] hover:text-ink disabled:opacity-40"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1, {
+              createVNode(_sfc_main$2, {
                 name: "lucide:minus",
                 size: 15,
                 class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:scale-75 motion-reduce:group-active:scale-100"
@@ -111,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             id: unref(field).id,
             "aria-describedby": describedBy.value,
             "aria-invalid": unref(field).invalid || void 0,
-            class: ["min-w-0 flex-1 bg-transparent text-ink outline-none placeholder:text-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none", __props.steppers ? "text-center @max-[8.5rem]:px-3 @max-[8.5rem]:text-left" : "px-3"]
+            class: ["min-w-0 flex-1 bg-transparent text-ink outline-none placeholder:text-muted [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none", __props.steppers ? "text-center @max-[8.5rem]:px-3 @max-[8.5rem]:text-left" : __props.icon || _ctx.$slots.leading ? "pl-2 pr-3" : "px-3"]
           }), null, 16, ["id", "aria-describedby", "aria-invalid", "class"]),
           __props.unit ? (openBlock(), createElementBlock("span", {
             key: 1,
@@ -124,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "group grid h-full w-8 shrink-0 place-items-center @max-[8.5rem]:hidden text-muted transition-colors duration-[var(--duration-fast)] hover:text-ink disabled:opacity-40"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1, {
+              createVNode(_sfc_main$2, {
                 name: "lucide:plus",
                 size: 15,
                 class: "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-active:scale-75 motion-reduce:group-active:scale-100"
@@ -133,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["aria-label"])) : createCommentVNode("", true)
         ]),
-        _: 1
+        _: 3
       }, 8, ["model-value", "min", "max", "step", "step-snapping", "readonly", "disable-wheel-change", "invert-wheel-change", "focus-on-change", "format-options", "locale", "disabled", "required", "class", "style", "name"]);
     };
   }

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/LpPageScrollbar-D2O0xhJw.js

@@ -0,0 +1,164 @@
+import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, withModifiers, unref } from "vue";
+import { mergeClass } from "../composables/useMergedClass.js";
+import { nodeWindow } from "../composables/realm.js";
+import { hideNativeBar, BAR_FADE, BAR_Y_SIZE, BAR_Y, THUMB_Y, THUMB_Y_ROUND, SCROLL_HIDE_DELAY_MS, pageToward } from "../components/scrollbar.js";
+const _hoisted_1 = ["data-state"];
+const MIN_THUMB_PX = 18;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpPageScrollbar",
+  props: {
+    top: { default: "0px" },
+    bottom: { default: "0px" }
+  },
+  setup(__props) {
+    const props = __props;
+    const barEl = ref(null);
+    const active = ref(false);
+    const thumb = ref({ top: 0, height: 0 });
+    const scrollable = ref(false);
+    const scrolling = ref(false);
+    const hovered = ref(false);
+    const dragging = ref(false);
+    const state = computed(() => scrolling.value || hovered.value || dragging.value ? "visible" : shownOnce.value ? "hidden" : void 0);
+    const shownOnce = ref(false);
+    let releaseNative;
+    let doc;
+    let hideTimer;
+    let frame = 0;
+    let sizes;
+    function scroller() {
+      return doc?.scrollingElement ?? null;
+    }
+    function nativeBarWidth(d) {
+      const probe = d.createElement("div");
+      probe.style.cssText = "position:absolute;top:-9999px;width:100px;height:100px;overflow:scroll";
+      d.body.append(probe);
+      const width = probe.offsetWidth - probe.clientWidth;
+      probe.remove();
+      return width;
+    }
+    function measure() {
+      frame = 0;
+      const view = scroller();
+      const bar = barEl.value;
+      if (!view || !bar) return;
+      const range = view.scrollHeight - view.clientHeight;
+      scrollable.value = range > 1;
+      if (!scrollable.value) return;
+      const track = bar.clientHeight;
+      const height = Math.max(MIN_THUMB_PX, Math.round(track * view.clientHeight / view.scrollHeight));
+      thumb.value = { height, top: Math.round((track - height) * view.scrollTop / range) };
+    }
+    function measureSoon() {
+      if (!frame && doc) frame = nodeWindow(doc).requestAnimationFrame(measure);
+    }
+    function onScroll() {
+      measureSoon();
+      scrolling.value = true;
+      shownOnce.value = true;
+      clearTimeout(hideTimer);
+      hideTimer = setTimeout(() => scrolling.value = false, SCROLL_HIDE_DELAY_MS);
+    }
+    function onEnter() {
+      hovered.value = true;
+      shownOnce.value = true;
+    }
+    function onLeave() {
+      hideTimer && clearTimeout(hideTimer);
+      hideTimer = setTimeout(() => {
+        hovered.value = false;
+        scrolling.value = false;
+      }, SCROLL_HIDE_DELAY_MS);
+    }
+    function locked() {
+      return !!doc && nodeWindow(doc).getComputedStyle(doc.body).overflow === "hidden";
+    }
+    function onTrackPointerDown(event) {
+      const view = scroller();
+      const thumbEl = barEl.value?.querySelector("[data-lp-thumb]");
+      if (!view || !thumbEl || event.button !== 0 || thumbEl.contains(event.target) || locked()) return;
+      event.preventDefault();
+      pageToward(view, "y", event.clientY < thumbEl.getBoundingClientRect().top);
+    }
+    function onThumbPointerDown(event) {
+      const view = scroller();
+      const bar = barEl.value;
+      if (!view || !bar || event.button !== 0 || locked()) return;
+      event.preventDefault();
+      const handle = event.currentTarget;
+      handle.setPointerCapture(event.pointerId);
+      dragging.value = true;
+      const startY = event.clientY;
+      const startTop = view.scrollTop;
+      const perPixel = (view.scrollHeight - view.clientHeight) / Math.max(1, bar.clientHeight - thumb.value.height);
+      const move = (e) => view.scrollTo({ top: startTop + (e.clientY - startY) * perPixel, behavior: "instant" });
+      const stop = () => {
+        dragging.value = false;
+        handle.removeEventListener("pointermove", move);
+        handle.removeEventListener("pointerup", stop);
+        handle.removeEventListener("pointercancel", stop);
+        handle.removeEventListener("lostpointercapture", stop);
+      };
+      handle.addEventListener("pointermove", move);
+      handle.addEventListener("pointerup", stop);
+      handle.addEventListener("pointercancel", stop);
+      handle.addEventListener("lostpointercapture", stop);
+    }
+    onMounted(() => {
+      const host = barEl.value ?? void 0;
+      doc = host?.ownerDocument;
+      if (!doc || nativeBarWidth(doc) === 0) return;
+      active.value = true;
+      releaseNative = hideNativeBar(doc);
+      const win = nodeWindow(doc);
+      win.addEventListener("scroll", onScroll, { passive: true });
+      win.addEventListener("resize", measureSoon);
+      sizes = new win.ResizeObserver(measureSoon);
+      sizes.observe(doc.body);
+      if (host) sizes.observe(host);
+      measure();
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(hideTimer);
+      sizes?.disconnect();
+      if (!doc || !active.value) return;
+      const win = nodeWindow(doc);
+      if (frame) win.cancelAnimationFrame(frame);
+      win.removeEventListener("scroll", onScroll);
+      win.removeEventListener("resize", measureSoon);
+      releaseNative?.();
+    });
+    const barClass = computed(
+      () => mergeClass(
+        BAR_Y,
+        BAR_Y_SIZE.wall,
+        BAR_FADE,
+        "fixed right-0 z-(--z-sticky) transition-[top,bottom] duration-[var(--duration-medium)] ease-[var(--ease-settle)] print:hidden"
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "barEl",
+        ref: barEl,
+        "aria-hidden": "true",
+        "data-lp-page-scrollbar": "",
+        class: normalizeClass(barClass.value),
+        "data-state": active.value && scrollable.value ? state.value : void 0,
+        style: normalizeStyle({ top: props.top, bottom: props.bottom, visibility: active.value && scrollable.value ? void 0 : "hidden" }),
+        onPointerenter: onEnter,
+        onPointerleave: onLeave,
+        onPointerdown: onTrackPointerDown
+      }, [
+        createElementVNode("div", {
+          "data-lp-thumb": "",
+          class: normalizeClass(["absolute right-px", [unref(THUMB_Y), unref(THUMB_Y_ROUND).wall]]),
+          style: normalizeStyle({ top: `${thumb.value.top}px`, height: `${thumb.value.height}px` }),
+          onPointerdown: withModifiers(onThumbPointerDown, ["stop"])
+        }, null, 38)
+      ], 46, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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-BIXpZLGe.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-ChU0_Ga8.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-D0O6dpuA.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-D4HPhqfV.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-D0O6dpuA.js";
+import { _ as _sfc_main$2 } from "./RevealToggle-D_iyrB8d.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,