@leavepulse/ui 0.56.0 → 0.58.0

package/dist/chunks/{ContextMenuItems-BtKU7074.js → ContextMenuItems-BY5sTVQF.js}

@@ -1,6 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, createCommentVNode, withCtx, createVNode, normalizeClass, createElementVNode, createTextVNode, toDisplayString, withModifiers } from "vue";
 import { ContextMenuSeparator, ContextMenuSub, ContextMenuSubTrigger, ContextMenuPortal, ContextMenuSubContent, ContextMenuCheckboxItem, ContextMenuItem } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _hoisted_3 = {

package/dist/chunks/{LayoutCanvas-BkaGXTjx.js → LayoutCanvas-BcGLJVBq.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$1 } from "./LayoutNode-B3_9E1Xa.js";
+import { _ as _sfc_main$1 } from "./LayoutNode-BkBn6dvM.js";
 import { resizeAt, setActiveTab, reorderTab, removeBlock, moveLeaf } from "../layout/tree.js";
 import { layoutController } from "../layout/useLayout.js";
 const _hoisted_1 = { class: "flex min-h-0 min-w-0 flex-1" };

package/dist/chunks/{LayoutNode-B3_9E1Xa.js → LayoutNode-BkBn6dvM.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createVNode, normalizeStyle, withCtx, renderSlot, mergeProps, createElementVNode, createCommentVNode, createBlock, unref, withModifiers, toDisplayString } from "vue";
 import { useReducedMotion, Motion } from "motion-v";
 import { blockTitle } from "../layout/registry.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 const _hoisted_1 = ["onPointerdown"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpActionBar-C3hkVsFz.js → LpActionBar-DCN-_pZP.js}

@@ -2,8 +2,8 @@ import { defineComponent, useSlots, computed, ref, watch, onBeforeUnmount, openB
 import { useLabels } from "../composables/useLpConfig.js";
 import { useBarStack } from "../components/actionBar.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "./LpButton-vhlwmpBy.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpAddressInput-NUHmplCd.js → LpAddressInput-Dio6Sqed.js}

@@ -2,13 +2,13 @@ import { defineComponent, defineAsyncComponent, computed, watch, ref, onMounted,
 import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress } from "../components/address.js";
 import { flagEmoji, loadCountries } from "../components/countries.js";
-import { _ as _sfc_main$2 } from "./LpAutocomplete-C8IgSMsi.js";
-import { _ as _sfc_main$3 } from "./LpButton-BdfZFNqi.js";
-import { _ as _sfc_main$1 } from "./LpFormField-CtVYj6tO.js";
-import { _ as _sfc_main$4 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$5 } from "./LpInput-D-YGQbEv.js";
-import { _ as _sfc_main$7 } from "./LpModal-JNa3B_Lr.js";
-import { _ as _sfc_main$6 } from "./LpSelect-DNIL6MB9.js";
+import { _ as _sfc_main$2 } from "./LpAutocomplete-hJ_6CHlh.js";
+import { _ as _sfc_main$3 } from "./LpButton-vhlwmpBy.js";
+import { _ as _sfc_main$1 } from "./LpFormField-BpQ6WJPe.js";
+import { _ as _sfc_main$4 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$5 } from "./LpInput-WvyP02ID.js";
+import { _ as _sfc_main$7 } from "./LpModal-BxYssnXg.js";
+import { _ as _sfc_main$6 } from "./LpSelect-DynjWK1A.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-stretch gap-2" };
 const _hoisted_2 = { class: "grid gap-3 sm:grid-cols-[minmax(0,1fr)_10rem]" };

package/dist/chunks/{LpAlert-B6ilrM7T.js → LpAlert-CXMn1GYE.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, createElementVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 const _hoisted_1 = ["role"];
 const _hoisted_2 = { class: "min-w-0" };
 const _hoisted_3 = {

package/dist/chunks/{LpAppShell-BEGjSqFl.js → LpAppShell-Be6T96td.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, ref, useId, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, withModifiers, toDisplayString, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, createBlock } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpButton-BdfZFNqi.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "./LpButton-vhlwmpBy.js";
+import { _ as _sfc_main$3 } from "./LpIcon-B5guGKrW.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-C2oolgwy.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-CshW0fqC.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpAutocomplete-C8IgSMsi.js → LpAutocomplete-hJ_6CHlh.js}

@@ -4,7 +4,7 @@ import { useFieldControl } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { CLOSE_ICON, POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpAvatar-LTvy0OkE.js → LpAvatar-BxNs23Xu.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createCommentVNode, createElementBlock, Fragment, createTextVNode, toDisplayString } from "vue";
 import { AvatarRoot, AvatarImage, AvatarFallback } from "reka-ui";
 import { tv } from "tailwind-variants";
-import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-B1NGfpp1.js";
+import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpBreadcrumbs-D4TsoFju.js → LpBreadcrumbs-BLzOEgAF.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { resolveLink } from "../components/link.js";

package/dist/chunks/{LpButton-BdfZFNqi.js → LpButton-vhlwmpBy.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createBlock, resolveDynamicCompon
 import { tv } from "tailwind-variants";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { resolveLink } from "../components/link.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCalendar-DrA2McTU.js → LpCalendar-BLoE8Qm7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { today, getLocalTimeZone, parseDate } from "@internationalized/date";
 import { CalendarRoot, CalendarHeader, CalendarPrev, CalendarHeading, CalendarNext, CalendarGrid, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarGridBody, CalendarCell, CalendarCellTrigger } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCard-DbjO5yaF.js → LpCard-DhR7u0d8.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, withCtx, resolveDynamicComponent, mergeProps, unref, renderSlot } from "vue";
 import { tv } from "tailwind-variants";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-B1NGfpp1.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpCheckbox-DvVYeOD-.js → LpCheckbox-B_C8sOoT.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { CheckboxRoot, CheckboxIndicator } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpCodeBlock-ca7ANFyW.js → LpCodeBlock-CXsqJwDy.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, reactive, watch, ref, openBlock, createEleme
 import { useClipboard } from "../composables/useClipboard.js";
 import { tokenizeLines } from "../components/codeHighlight.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpColorPicker-D1sQqtXS.js → LpColorPicker-DQ88niXq.js}

@@ -5,8 +5,8 @@ import { useFieldControl } from "../composables/useField.js";
 import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight, clampHsv } from "../components/color.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-B1NGfpp1.js";
+import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
 const _hoisted_1 = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = { class: "min-w-0 flex-1 truncate font-mono text-xs text-muted-strong" };

package/dist/chunks/{LpConfirmDialog-CrbUZgJE.js → LpConfirmDialog-DxlSdjmk.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-BdfZFNqi.js";
-import { _ as _sfc_main$3 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./LpModal-JNa3B_Lr.js";
+import { _ as _sfc_main$2 } from "./LpButton-vhlwmpBy.js";
+import { _ as _sfc_main$3 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpModal-BxYssnXg.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-BgMIV8r9.js → LpConfirmHost-BcrmTNu_.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-CrbUZgJE.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-DxlSdjmk.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpContextMenu-EF_90u3g.js → LpContextMenu-B1NGfpp1.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode } from "vue";
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-BtKU7074.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-J3ZDYjpV.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-BY5sTVQF.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-DQP6hc2N.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpContextMenu",

package/dist/chunks/{LpDatePicker-BrdFtSTy.js → LpDatePicker-B-VMHMgy.js}

@@ -5,10 +5,10 @@ import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$3 } from "./LpCalendar-DrA2McTU.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$3 } from "./LpCalendar-BLoE8Qm7.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-Cqe7fXnh.js";
+import { _ as _sfc_main$4 } from "./LpTimeField-DvGXgdES.js";
 const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpDateRangePicker-Drd7EbIz.js → LpDateRangePicker-B68KPKPl.js}

@@ -1,14 +1,15 @@
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
+import { defineComponent, ref, computed, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Fragment, renderList, toDisplayString } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
+import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, clampRange } from "../components/dateRange.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$3 } from "./LpRangeCalendar-DZuaRV0W.js";
+import { _ as _sfc_main$3 } from "./LpRangeCalendar-D5sDID9W.js";
 const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = {
   key: 0,
@@ -75,17 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function presetFits(preset) {
       return !!clampRange(preset.range(), props.min, props.max);
     }
-    const wide = ref(false);
-    let query;
-    const onQuery = () => {
-      wide.value = !!query?.matches;
-    };
-    onMounted(() => {
-      query = window.matchMedia("(min-width: 640px)");
-      onQuery();
-      query.addEventListener("change", onQuery);
-    });
-    onBeforeUnmount(() => query?.removeEventListener("change", onQuery));
+    const wide = useMediaQuery("(min-width: 640px)");
     const shellSize = {
       sm: "h-(--size-control-sm) text-xs",
       md: "h-(--size-control-md) text-sm",
@@ -175,7 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "is-disabled": __props.isDisabled,
                       "is-date-unavailable": __props.isDateUnavailable,
                       "maximum-days": __props.maximumDays,
-                      months: wide.value ? 2 : 1,
+                      months: unref(wide) ? 2 : 1,
                       locale: unref(locale),
                       class: "border-0 bg-transparent",
                       "onUpdate:modelValue": pick

package/dist/chunks/{LpDisclosure-Cc23-JOT.js → LpDisclosure-Ct-VBHxt.js}

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, computed, ref, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, nextTick } from "vue";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "min-w-0 flex-1 text-left" };
 const _hoisted_2 = { class: "grid gap-2.5 px-3 pt-1 pb-3 group-data-[state=open]/content:animate-[disclosure-body-in_300ms_var(--ease-emphasized)] motion-reduce:animate-none" };

package/dist/chunks/{LpDrawer-CBFVD624.js → LpDrawer-DSknigxH.js}

@@ -1,9 +1,10 @@
 import { ref, defineComponent, computed, watch, onBeforeUnmount, useSlots, openBlock, createElementBlock, Fragment, withDirectives, createElementVNode, normalizeStyle, unref, normalizeClass, vShow, toDisplayString, createCommentVNode, renderSlot, createVNode, withCtx, mergeProps, createBlock, createTextVNode } from "vue";
 import { DrawerRoot, DrawerPortal, DrawerOverlay, DrawerContent, DrawerTitle, DrawerHandle, DrawerDescription, DrawerClose } from "vaul-vue";
 import { CLOSE_ICON } from "../components/dropdown.js";
+import { prefersReducedMotion } from "../composables/easing.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };
@@ -169,9 +170,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let track = null;
     const owner = /* @__PURE__ */ Symbol("edge-pull");
-    function reducedMotion() {
-      return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-    }
     function scrollsWithPull(target) {
       let el = target instanceof Element ? target : null;
       const pullsRight = dir.value === "left";
@@ -246,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 peek.value = 0;
               }, 60)
             );
-          }, reducedMotion() ? 0 : 180)
+          }, prefersReducedMotion() ? 0 : 180)
         );
       } else {
         peek.value = 0;
@@ -287,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const axis = dir.value === "right" ? off : -off;
       return {
         transform: `translateX(${axis}%)`,
-        transition: peeking.value || reducedMotion() ? "none" : "transform 0.18s cubic-bezier(0.32, 0.72, 0, 1)",
+        transition: peeking.value || prefersReducedMotion() ? "none" : "transform 0.18s cubic-bezier(0.32, 0.72, 0, 1)",
         pointerEvents: "none"
       };
     });
@@ -296,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         __props.edgeOpen && isHorizontal.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           withDirectives(createElementVNode("div", {
             class: normalizeClass(["lp-scrim pointer-events-none fixed inset-0", { "lp-scrim--light": unref(frosted), "lp-scrim--nested": unref(layer).nested }]),
-            style: normalizeStyle({ zIndex: unref(layer).scrim, opacity: peek.value, transition: peeking.value || reducedMotion() ? "none" : "opacity 0.18s ease-out" })
+            style: normalizeStyle({ zIndex: unref(layer).scrim, opacity: peek.value, transition: peeking.value || unref(prefersReducedMotion)() ? "none" : "opacity 0.18s ease-out" })
           }, null, 6), [
             [vShow, peeking.value || peek.value > 0]
           ]),

package/dist/chunks/{LpDropdownMenu-DrpJJBp0.js → LpDropdownMenu-C7oHVlKY.js}

@@ -1,8 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from "reka-ui";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-J3ZDYjpV.js";
+import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-DQP6hc2N.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",
   props: {

package/dist/chunks/{LpEmptyState-BJbZXC8D.js → LpEmptyState-CBwwkkdA.js}

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

package/dist/chunks/{LpFieldNotice-wtieLUTj.js → LpFieldNotice-9hH4ITZa.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-DYtaid0K.js";
+import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "truncate" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpFileTree-3E4w4Rjr.js → LpFileTree-CMA0_rsB.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
-import { _ as _sfc_main$1 } from "./LpEmptyState-BJbZXC8D.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-B4uB8Ks_.js";
+import { _ as _sfc_main$1 } from "./LpEmptyState-CBwwkkdA.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-B4T258hF.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpFileTreeNode-B4uB8Ks_.js → LpFileTreeNode-B4T258hF.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList } from "vue";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$3 } from "./LpCheckbox-DvVYeOD-.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-EF_90u3g.js";
-import { _ as _sfc_main$2 } from "./LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-B_C8sOoT.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-B1NGfpp1.js";
+import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];
 const _hoisted_2 = ["data-node-id", "tabindex"];

package/dist/chunks/{LpFormField-CtVYj6tO.js → LpFormField-BpQ6WJPe.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useId, computed, useSlots, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode, normalizeClass } from "vue";
 import { Label } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpFieldNotice-wtieLUTj.js";
+import { _ as _sfc_main$1 } from "./LpFieldNotice-9hH4ITZa.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { fieldMessageId, provideField } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";

package/dist/chunks/LpHintLayer-B5-6FyEf.js

@@ -0,0 +1,154 @@
+import { defineComponent, computed, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createBlock, Teleport, createElementBlock, Fragment, renderList, unref, normalizeStyle, createElementVNode, createVNode, withCtx, createCommentVNode, normalizeClass, toDisplayString, createTextVNode } from "vue";
+import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
+import { hints } from "../composables/useHints.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { PANEL_SURFACE, POPOVER_ANIM } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpButton-vhlwmpBy.js";
+const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];
+const _hoisted_2 = { class: "flex items-center gap-2 font-medium" };
+const _hoisted_3 = { class: "rounded-full bg-brand/15 px-1.5 text-[11px] text-brand" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mt-1.5 text-muted"
+};
+const _hoisted_5 = { class: "mt-3 flex justify-end" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpHintLayer",
+  props: {
+    fresh: {},
+    notes: {},
+    limit: { default: 3 },
+    labels: {}
+  },
+  emits: ["read"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const DEFAULT_LABELS = { gotIt: "Got it", badge: "New" };
+    const labels = useLabels("hintLayer", DEFAULT_LABELS, () => props.labels);
+    const OPEN_DELAY_MS = 350;
+    const shown = computed(() => props.fresh.filter((id) => hints.present(id) && props.notes[id]).slice(0, props.limit));
+    const spots = ref([]);
+    const openId = ref(null);
+    const anchor = shallowRef(null);
+    let frame = 0;
+    let timer;
+    function place() {
+      spots.value = shown.value.flatMap((id) => {
+        const el = hints.element(id);
+        if (!el) return [];
+        const r = el.getBoundingClientRect();
+        return r.width || r.height ? [{ id, x: r.right, y: r.top }] : [];
+      });
+      frame = shown.value.length ? requestAnimationFrame(place) : 0;
+    }
+    watch(
+      shown,
+      (ids) => {
+        if (ids.length && !frame) frame = requestAnimationFrame(place);
+        if (openId.value && !ids.includes(openId.value)) openId.value = null;
+      },
+      { immediate: true }
+    );
+    function reveal(id) {
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        if (!shown.value.includes(id)) return;
+        anchor.value = hints.element(id);
+        openId.value = anchor.value ? id : null;
+      }, OPEN_DELAY_MS);
+    }
+    function read() {
+      const id = openId.value;
+      openId.value = null;
+      if (id) emit("read", id);
+    }
+    let off = [];
+    onMounted(() => {
+      off = [
+        hints.on("hover", (id) => {
+          if (shown.value.includes(id)) reveal(id);
+        }),
+        hints.on("used", (id) => {
+          if (!shown.value.includes(id)) return;
+          clearTimeout(timer);
+          if (openId.value === id) openId.value = null;
+          emit("read", id);
+        })
+      ];
+    });
+    onBeforeUnmount(() => {
+      cancelAnimationFrame(frame);
+      clearTimeout(timer);
+      for (const stop of off) stop();
+    });
+    const note = computed(() => openId.value ? props.notes[openId.value] : void 0);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(spots.value, (spot) => {
+          return openBlock(), createElementBlock("button", {
+            key: spot.id,
+            type: "button",
+            class: "fixed z-(--z-popover) -translate-x-1/2 -translate-y-1/2 rounded-full p-1",
+            style: normalizeStyle({ left: `${spot.x}px`, top: `${spot.y}px` }),
+            "aria-label": `${unref(labels).badge}: ${__props.notes[spot.id]?.title ?? ""}`,
+            onPointerenter: ($event) => reveal(spot.id),
+            onFocus: ($event) => reveal(spot.id),
+            onClick: ($event) => reveal(spot.id)
+          }, [..._cache[1] || (_cache[1] = [
+            createElementVNode("span", { class: "relative flex size-2" }, [
+              createElementVNode("span", { class: "absolute inline-flex size-full animate-ping rounded-full bg-brand opacity-60 motion-reduce:animate-none" }),
+              createElementVNode("span", { class: "relative inline-flex size-2 rounded-full bg-brand ring-2 ring-surface" })
+            ], -1)
+          ])], 44, _hoisted_1);
+        }), 128)),
+        createVNode(unref(PopoverRoot), {
+          open: !!openId.value,
+          "onUpdate:open": _cache[0] || (_cache[0] = (value) => !value && (openId.value = null))
+        }, {
+          default: withCtx(() => [
+            anchor.value ? (openBlock(), createBlock(unref(PopoverAnchor), {
+              key: 0,
+              reference: anchor.value
+            }, null, 8, ["reference"])) : createCommentVNode("", true),
+            createVNode(unref(PopoverPortal), null, {
+              default: withCtx(() => [
+                createVNode(unref(PopoverContent), {
+                  side: "bottom",
+                  "side-offset": 8,
+                  "collision-padding": 8,
+                  class: normalizeClass([unref(PANEL_SURFACE), unref(POPOVER_ANIM), "z-(--z-popover) w-72 rounded-card p-3 text-sm text-ink outline-none"])
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("p", _hoisted_2, [
+                      createElementVNode("span", _hoisted_3, toDisplayString(unref(labels).badge), 1),
+                      createTextVNode(" " + toDisplayString(note.value?.title), 1)
+                    ]),
+                    note.value?.text ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(note.value.text), 1)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_5, [
+                      createVNode(_sfc_main$1, {
+                        size: "sm",
+                        onClick: read
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(labels).gotIt), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};