@leavepulse/ui 0.77.3 → 0.78.0

package/dist/chunks/{LpConfirmDialog-DlD45Bi_.js → LpConfirmDialog-6oCIJTDa.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createSlots, withCtx, renderSlot, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode, unref, createElementVNode, normalizeClass, nextTick } from "vue";
 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$2 } from "./LpButton-DSHioIfD.js";
+import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./LpModal-DrtQ_1A2.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-BIWjBLmI.js → LpConfirmHost-DgHvfT6s.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-DlD45Bi_.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-6oCIJTDa.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpContextMenu-rx2tCjwk.js → LpContextMenu--eMGIql6.js}

@@ -1,11 +1,10 @@
-import { defineComponent, computed, useId, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
-import { menuPaletteCommands } from "../components/commandPalette.js";
-import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCommands.js";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
+import { useMenuPalette } from "../composables/usePaletteCommands.js";
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS, noteContextTarget } from "../composables/useHintSystem.js";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-BXumicbh.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-BmCNNTKH.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-DmaKSJVv.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-Bh5dAdV1.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { useView, usePortalTarget, useOutsideGuard, viewDocument } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -29,9 +28,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const view = useView();
     let field = null;
     function rememberField() {
+      if (!enabled.value) {
+        field = null;
+        return;
+      }
       const el = viewDocument(view.value).activeElement;
       const text = el?.tagName === "TEXTAREA" || el?.tagName === "INPUT" && SELECTABLE.has(el.type);
-      field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
+      field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0, direction: el.selectionDirection } : null;
     }
     let synthetic = false;
     function keepContextMenu(event) {
@@ -56,19 +59,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const saved = field;
       field = null;
       if (!saved || !saved.el.isConnected) return;
-      event.preventDefault();
       saved.el.focus();
-      if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end);
+      if (saved.el.ownerDocument.activeElement !== saved.el) return;
+      event.preventDefault();
+      if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end, saved.direction ?? void 0);
     }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
-    const paletteScope = usePaletteScope();
-    const paletteId = useId();
-    usePaletteCommands(() => props.palette === false || !props.title || !props.items.length ? [] : [{
-      id: `${paletteScope?.id}/${props.palette?.id ?? paletteId}`,
-      label: props.palette?.label ?? props.title,
-      children: menuPaletteCommands(props.items, `${paletteScope?.id}/${props.palette?.id ?? paletteId}`)
-    }], { automatic: true });
+    useMenuPalette(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ContextMenuRoot), { "onUpdate:open": opened }, {
         default: withCtx(() => [

package/dist/chunks/{LpContextSwitcher-Dwh6dyID.js → LpContextSwitcher-1C1tExdl.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpDropdownMenu-Dl7Z4ZhS.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpDropdownMenu-CLzxIOgM.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = { class: "truncate" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCopyButton-xF7wFVoU.js → LpCopyButton-7EOSIuwa.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, unref, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { useClipboard } from "../composables/useClipboard.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 "./LpTooltip-BcBvIx4z.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 "./LpTooltip-BJf3lZMq.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = {
   class: "sr-only",

package/dist/chunks/{LpCountdown-DgeY3cLG.js → LpCountdown-DVl7vXI1.js}

@@ -1,10 +1,11 @@
 import { defineComponent, ref, computed, watch, openBlock, createElementBlock, mergeProps, unref, createBlock, createCommentVNode, createElementVNode, normalizeClass, createVNode, withCtx, Transition, renderSlot, Fragment, renderList, toDisplayString } from "vue";
+import { clamp } from "../composables/clamp.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$1 } from "./LpProgress-Yr6ONG5t.js";
+import { _ as _sfc_main$1 } from "./LpProgress-D_MSjowb.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$2 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, ceilToSecond, timeParts, resolveFormat, padPart, formatTime, DEFAULT_MILESTONES, crossedMilestone, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = ["data-urgent", "data-done"];
 const _hoisted_2 = ["aria-label"];
@@ -144,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     const fraction = computed(() => {
       if (!(total.value > 0)) return null;
-      return Math.max(0, Math.min(1, remaining.value / total.value));
+      return clamp(remaining.value / total.value, 0, 1);
     });
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       () => props.progress === "bar" ? "flex w-full min-w-0 flex-col gap-1.5" : "relative inline-flex items-center justify-center align-baseline"

package/dist/chunks/{LpDataList-Jxyl9H5w.js → LpDataList-DgBeM01y.js}

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, mergeProps, unref, createVNode, TransitionGroup, normalizeClass, withCtx, Fragment, renderList, createElementVNode, renderSlot, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$4 } from "./LpCopyButton-xF7wFVoU.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$4 } from "./LpCopyButton-7EOSIuwa.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
+import { _ as _sfc_main$1 } from "./LpTooltip-BJf3lZMq.js";
 const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted" };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" };
@@ -28,6 +28,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const text = useLabels("dataList", { empty: "—" }, () => props.labels);
     const slots = useSlots();
     const keyOf = (item) => item.key ?? item.label;
+    const rowKeys = computed(() => {
+      const uses = /* @__PURE__ */ new Map();
+      return props.items.map((item) => {
+        const key = keyOf(item);
+        const use = uses.get(key) ?? 0;
+        uses.set(key, use + 1);
+        return use ? `${key}#${use}` : key;
+      });
+    });
     const isEmpty = (value) => value === null || value === void 0 || value === "";
     const rolls = (value) => !isEmpty(value) && String(value).length <= 48;
     const GRID = {
@@ -55,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
               return openBlock(), createElementBlock("div", {
-                key: keyOf(item),
+                key: rowKeys.value[i],
                 class: normalizeClass(["group/row grid items-baseline", [ROW[__props.layout], pad.value, __props.divided && i > 0 ? "border-t border-line" : ""]])
               }, [
                 createElementVNode("dt", _hoisted_1, [

package/dist/chunks/{LpDatePicker-CA0QTfBC.js → LpDatePicker-DwSDY0mt.js}

@@ -1,12 +1,12 @@
-import { defineComponent, ref, computed, useAttrs, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, createVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
-import { useFieldControl } from "../composables/useField.js";
+import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, createVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { useAttrsField } from "../composables/useField.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
-import { _ as _sfc_main$2 } from "./LpCalendar-CuoWks-0.js";
-import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./PickerField-Bfh8id3d.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-BawSVsmt.js";
+import { _ as _sfc_main$2 } from "./LpCalendar-D4-LVjfF.js";
+import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$1 } from "./PickerField-BM1dyafh.js";
+import { _ as _sfc_main$4 } from "./LpTimeField-DeOcKWJq.js";
 const _hoisted_1 = { class: "flex flex-col" };
 const _hoisted_2 = {
   key: 0,
@@ -17,6 +17,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpDatePicker",
   props: {
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    size: { default: "md" },
+    locale: {},
     modelValue: {},
     placeholder: {},
     min: {},
@@ -24,11 +29,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isDisabled: {},
     isDateUnavailable: {},
     presets: { type: [Array, Boolean] },
-    clearable: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    locale: {},
     format: { default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
     time: { type: Boolean },
     defaultTime: { default: "00:00" },
@@ -69,13 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function clear() {
       emit("update:modelValue", void 0);
     }
-    const attrs = useAttrs();
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof attrs.id === "string" ? attrs.id : void 0,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
+    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid, disabled: props.disabled }));
     const text = useLabels(
       "datePicker",
       {

package/dist/chunks/{LpDateRangePicker-u3J51xXk.js → LpDateRangePicker-CNQXdTVv.js}

@@ -1,16 +1,21 @@
-import { defineComponent, ref, computed, useAttrs, openBlock, createBlock, mergeProps, unref, withCtx, createVNode } from "vue";
-import { useFieldControl } from "../composables/useField.js";
+import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode } from "vue";
+import { useAttrsField } from "../composables/useField.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, allowedRange } from "../components/dateRange.js";
-import { _ as _sfc_main$1 } from "./PickerField-Bfh8id3d.js";
-import { _ as _sfc_main$2 } from "./LpRangeCalendar-CYYUYqJ7.js";
+import { _ as _sfc_main$1 } from "./PickerField-BM1dyafh.js";
+import { _ as _sfc_main$2 } from "./LpRangeCalendar-BrqlGZzE.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "LpDateRangePicker",
   props: {
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    size: { default: "md" },
+    locale: {},
     modelValue: {},
     placeholder: {},
     min: {},
@@ -19,11 +24,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isDateUnavailable: {},
     maximumDays: {},
     presets: {},
-    clearable: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    size: { default: "md" },
-    locale: {},
     format: {},
     labels: {}
   },
@@ -71,13 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !!allowedRange(preset.range(), rules.value);
     }
     const wide = useMediaQuery("(min-width: 640px)");
-    const attrs = useAttrs();
-    const field = useFieldControl(() => ({
-      wrapped: false,
-      id: typeof attrs.id === "string" ? attrs.id : void 0,
-      invalid: props.invalid,
-      disabled: props.disabled
-    }));
+    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid, disabled: props.disabled }));
     const showClear = computed(() => props.clearable && !!value.value && !field.value.disabled);
     const presetOptions = computed(() => presetList.value.map((preset) => ({
       label: preset.label,

package/dist/chunks/{LpDisclosure-Cpa7Hc5T.js → LpDisclosure-DG7JCo-d.js}

@@ -1,8 +1,8 @@
 import { defineComponent, getCurrentInstance, computed, ref, useId, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, normalizeClass, nextTick } from "vue";
 import { usePaletteAction } from "../composables/usePaletteCommands.js";
 import { CollapsibleRoot, CollapsibleTrigger } from "reka-ui";
-import { _ as _sfc_main$2 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$2 } from "./LpCollapse-DrAw5DBZ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpDrawer-CrG8t_KP.js → LpDrawer-Bt9UUqt_.js}

@@ -4,13 +4,16 @@ import { CLOSE_ICON } from "../components/dropdown.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 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 { usePersisted } from "../composables/usePersisted.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-ay4Xo_hg.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
-import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
+import { startPointerDrag } from "../composables/pointerDrag.js";
+import { useView, viewDocument, usePortalTarget, useOutsideGuard, viewWindow } from "../composables/useView.js";
+import { clamp } from "../composables/clamp.js";
+import { nodeWindow, isElement } from "../composables/realm.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
 const _hoisted_2 = { class: "flex flex-col gap-1" };
 const _hoisted_3 = ["data-vaul-no-drag"];
@@ -89,16 +92,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (await allowClose()) emit("update:open", false);
     }
     __expose({ close: requestClose });
-    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
     });
     function guardClose(event) {
       if (!armed()) return;
@@ -114,53 +112,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const sizeStyle = computed(() => {
       if (props.snapPoints?.length && isSheet.value) return void 0;
       if (props.resizable && isHorizontal.value && resizedPx.value != null) {
-        return { width: `${resizedPx.value}px` };
+        return { width: `min(${resizedPx.value}px, ${props.maxSize})` };
       }
       const len = props.width ?? `min(${isHorizontal.value ? "94vw" : "94vh"}, ${SIZES[props.size]}rem)`;
       return isHorizontal.value ? { width: len } : { height: len };
     });
-    function toPx(css) {
+    function toPx(css, win) {
       const n = Number.parseFloat(css);
       if (css.endsWith("rem")) {
-        const root = typeof document === "undefined" ? 16 : Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+        const view2 = win ?? (typeof window === "undefined" ? null : window);
+        const root = view2 ? Number.parseFloat(view2.getComputedStyle(view2.document.documentElement).fontSize) || 16 : 16;
         return n * root;
       }
-      if (css.endsWith("vw")) return n / 100 * window.innerWidth;
-      if (css.endsWith("vh")) return n / 100 * window.innerHeight;
+      if (css.endsWith("vw")) return n / 100 * (win ?? window).innerWidth;
+      if (css.endsWith("vh")) return n / 100 * (win ?? window).innerHeight;
       if (css.endsWith("px") || /^[\d.]+$/.test(css.trim())) return n;
       return Number.NaN;
     }
     let endResize = null;
     function startResize(e) {
       if (!props.resizable || !isHorizontal.value) return;
-      e.preventDefault();
       endResize?.();
-      const grip = e.currentTarget instanceof HTMLElement ? e.currentTarget : null;
-      grip?.setPointerCapture(e.pointerId);
+      const win = nodeWindow(e.currentTarget);
       const fromRight = dir.value === "right";
-      const min = toPx(props.minSize);
-      const max = toPx(props.maxSize);
-      const onMove = (ev) => {
-        if (ev.pointerId !== e.pointerId) return;
-        const raw = fromRight ? window.innerWidth - ev.clientX : ev.clientX;
-        resizedPx.value = Math.max(Number.isNaN(min) ? 0 : min, Math.min(Number.isNaN(max) ? Infinity : max, raw));
-      };
-      const end = () => {
-        window.removeEventListener("pointermove", onMove);
-        window.removeEventListener("pointerup", end);
-        window.removeEventListener("pointercancel", end);
-        grip?.removeEventListener("lostpointercapture", end);
-        document.body.style.userSelect = "";
-        document.body.style.cursor = "";
-        endResize = null;
-      };
-      endResize = end;
-      document.body.style.userSelect = "none";
-      document.body.style.cursor = "ew-resize";
-      window.addEventListener("pointermove", onMove);
-      window.addEventListener("pointerup", end);
-      window.addEventListener("pointercancel", end);
-      grip?.addEventListener("lostpointercapture", end);
+      const min = toPx(props.minSize, win);
+      const max = toPx(props.maxSize, win);
+      endResize = startPointerDrag(e, {
+        cursor: "ew-resize",
+        move(ev) {
+          const raw = fromRight ? win.innerWidth - ev.clientX : ev.clientX;
+          resizedPx.value = Math.max(Number.isNaN(min) ? 0 : min, Math.min(Number.isNaN(max) ? win.innerWidth : Math.min(max, win.innerWidth), raw));
+        },
+        end() {
+          endResize = null;
+        }
+      });
     }
     onBeforeUnmount(() => endResize?.());
     const slots = useSlots();
@@ -193,29 +179,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.open,
       (open) => {
-        if (!open) skipOpenSlide.value = false;
+        if (open) return;
+        skipOpenSlide.value = false;
+        endResize?.();
       }
     );
     function panelPx() {
-      const vw = typeof window === "undefined" ? 0 : window.innerWidth;
+      const vw = typeof window === "undefined" ? 0 : edgeWindow().innerWidth;
       const preset = toPx(`${SIZES[props.size]}rem`);
-      const cap = props.width ? toPx(props.width) : preset;
+      const resized = props.resizable ? resizedPx.value : null;
+      const cap = resized ?? (props.width ? toPx(props.width) : preset);
       return Math.min(vw * 0.94, Number.isFinite(cap) ? cap : preset);
     }
+    const view = useView();
+    const edgeWindow = () => viewWindow(view.value);
     function edgeEnabled() {
       if (!props.edgeOpen || !isHorizontal.value || props.open || handingOff.value) return false;
       const bp = props.edgeBreakpoint ? BREAKPOINT_PX[props.edgeBreakpoint] : null;
-      return bp === null || window.innerWidth < bp;
+      return bp === null || edgeWindow().innerWidth < bp;
     }
     let track = null;
     const owner = /* @__PURE__ */ Symbol("edge-pull");
     function scrollsWithPull(target) {
-      let el = target instanceof Element ? target : null;
+      let el = isElement(target) ? target : null;
       const pullsRight = dir.value === "left";
-      while (el && el !== document.body) {
+      const body = el?.ownerDocument.body;
+      while (el && el !== body) {
         if (el.closest(EDGE_IGNORE) === el) return true;
         if (el.scrollWidth > el.clientWidth) {
-          const overflow = getComputedStyle(el).overflowX;
+          const overflow = nodeWindow(el).getComputedStyle(el).overflowX;
           if (overflow === "auto" || overflow === "scroll") {
             if (pullsRight ? el.scrollLeft > 0 : el.scrollLeft + el.clientWidth < el.scrollWidth) return true;
           }
@@ -225,7 +217,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return false;
     }
     function inward(x) {
-      return dir.value === "right" ? window.innerWidth - x : x;
+      return dir.value === "right" ? edgeWindow().innerWidth - x : x;
     }
     function onTouchStart(e) {
       if (track) dropTrack();
@@ -259,12 +251,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (dt > 0) track.speed = (t.clientX - track.lastX) * sign / dt * 0.6 + track.speed * 0.4;
       track.lastX = t.clientX;
       track.lastT = e.timeStamp;
-      peek.value = Math.max(0, Math.min(1, inward(t.clientX) / panelPx()));
+      peek.value = clamp(inward(t.clientX) / panelPx(), 0, 1);
     }
     function dropTrack() {
       track = null;
       if (edgeOwner.value === owner) edgeOwner.value = null;
     }
+    function cancelPull() {
+      if (!track) return;
+      dropTrack();
+      peeking.value = false;
+      peek.value = 0;
+    }
     function settle() {
       const flick = track !== null && track.speed > FLICK_SPEED && peek.value > 0.05;
       dropTrack();
@@ -300,19 +298,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     if (typeof document !== "undefined") {
       watch(
-        () => props.edgeOpen && isHorizontal.value,
+        () => props.edgeOpen && isHorizontal.value ? viewDocument(view.value) : null,
         (on, _, onCleanup) => {
           if (!on) return;
+          const doc = viewDocument(view.value);
           const passive = { passive: true };
-          document.addEventListener("touchstart", onTouchStart, passive);
-          document.addEventListener("touchmove", onTouchMove, { passive: false });
-          document.addEventListener("touchend", onTouchEnd, passive);
-          document.addEventListener("touchcancel", onTouchEnd, passive);
+          doc.addEventListener("touchstart", onTouchStart, passive);
+          doc.addEventListener("touchmove", onTouchMove, { passive: false });
+          doc.addEventListener("touchend", onTouchEnd, passive);
+          doc.addEventListener("touchcancel", cancelPull, passive);
           onCleanup(() => {
-            document.removeEventListener("touchstart", onTouchStart);
-            document.removeEventListener("touchmove", onTouchMove);
-            document.removeEventListener("touchend", onTouchEnd);
-            document.removeEventListener("touchcancel", onTouchEnd);
+            doc.removeEventListener("touchstart", onTouchStart);
+            doc.removeEventListener("touchmove", onTouchMove);
+            doc.removeEventListener("touchend", onTouchEnd);
+            doc.removeEventListener("touchcancel", cancelPull);
+            cancelPull();
           });
         },
         { immediate: true }

package/dist/chunks/{LpDropdownMenu-Dl7Z4ZhS.js → LpDropdownMenu-CLzxIOgM.js}

@@ -1,12 +1,11 @@
-import { defineComponent, useId, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
-import { menuPaletteCommands } from "../components/commandPalette.js";
-import { usePaletteScope, usePaletteCommands } from "../composables/usePaletteCommands.js";
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, mergeProps, createCommentVNode } from "vue";
+import { useMenuPalette } from "../composables/usePaletteCommands.js";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent } from "reka-ui";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-BXumicbh.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-DmaKSJVv.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-BmCNNTKH.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-Bh5dAdV1.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",
@@ -27,13 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
-    const paletteScope = usePaletteScope();
-    const paletteId = useId();
-    usePaletteCommands(() => props.palette === false || !props.title || !props.items.length ? [] : [{
-      id: `${paletteScope?.id}/${props.palette?.id ?? paletteId}`,
-      label: props.palette?.label ?? props.title,
-      children: menuPaletteCommands(props.items, `${paletteScope?.id}/${props.palette?.id ?? paletteId}`)
-    }], { automatic: true });
+    useMenuPalette(props);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DropdownMenuRoot), {
         modal: false,
@@ -48,15 +41,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           createVNode(unref(DropdownMenuPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
-              createVNode(unref(DropdownMenuContent), {
+              createVNode(unref(DropdownMenuContent), mergeProps({
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 "collision-padding": 8,
                 "side-offset": 6,
                 align: "end",
-                class: normalizeClass(PANEL),
-                "aria-label": __props.title
-              }, {
+                class: PANEL
+              }, __props.title ? { "aria-label": __props.title, "aria-labelledby": void 0 } : {}), {
                 default: withCtx(() => [
                   __props.title ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
@@ -72,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["items"])
                 ]),
                 _: 1
-              }, 8, ["onInteractOutside", "onEscapeKeyDown", "aria-label"])
+              }, 16, ["onInteractOutside", "onEscapeKeyDown"])
             ]),
             _: 1
           }, 8, ["to"])

package/dist/chunks/{LpEditable-Cy6GLbFx.js → LpEditable-DVT0Rh8F.js}

@@ -2,11 +2,12 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, n
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$5 } from "./LpFieldNotice-CzQ2_5rQ.js";
-import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$3 } from "./LpLoader-DVwkOmt9.js";
+import { useView, viewDocument } from "../composables/useView.js";
+import { _ as _sfc_main$5 } from "./LpFieldNotice-DJ10cYIo.js";
+import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpLoader-Bf1yZwaU.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$1 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$1 } from "./LpShift-DAgS_d2x.js";
 const _hoisted_1 = ["role", "tabindex", "aria-disabled", "aria-label", "aria-busy", "title"];
 const _hoisted_2 = {
   key: 0,
@@ -39,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "edit", "cancel", "saved", "error"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const view = useView();
     const emit = __emit;
     const text = useLabels(
       "editable",
@@ -100,8 +102,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         draft.value = value;
         editing.value = true;
         await nextTick();
-        const active = document.activeElement;
-        if (!active || active === document.body || active === idle.value) field.value?.focus({ preventScroll: true });
+        const page = viewDocument(view.value);
+        const active = page.activeElement;
+        if (!active || active === page.body || active === idle.value) field.value?.focus({ preventScroll: true });
         notice.show(error instanceof Error && error.message ? error.message : text.value.failed, { tone: "danger" });
       } finally {
         pending.value = null;

package/dist/chunks/{LpEmptyState-EQHiRYhG.js → LpEmptyState-DurPF001.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createVNode, createCommentVNode, createElementVNode, toDisplayString, renderSlot, createTextVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex flex-col gap-1" };
 const _hoisted_2 = {

package/dist/chunks/{LpFieldNotice-CzQ2_5rQ.js → LpFieldNotice-DJ10cYIo.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, createCommentVNode } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "truncate" };
 const _sfc_main = /* @__PURE__ */ defineComponent({