@leavepulse/ui 0.59.0 → 0.61.0

package/dist/chunks/{LpContextMenu-DRFd-iyc.js → LpContextMenu-Cv_F2iCG.js}

@@ -1,7 +1,9 @@
 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-CioDScj3.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-B9HdaBwE.js";
+import { hints } from "../composables/useHints.js";
+import { HINT_SIGNALS, noteContextTarget } from "../composables/useHintSystem.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-qXReFtQW.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-FeC6I24N.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpContextMenu",
@@ -11,11 +13,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     subtitle: {},
     titleIcon: {},
-    titleImage: {}
+    titleImage: {},
+    noHint: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const enabled = computed(() => props.always || props.items.length > 0);
+    const hinted = computed(() => enabled.value && !props.noHint);
     const PANEL = `${POPOVER_PANEL} z-(--z-popover) min-w-48 p-1 outline-none`;
     const SELECTABLE = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
     let field = null;
@@ -27,6 +31,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function keepContextMenu(event) {
       if (enabled.value) event.stopPropagation();
     }
+    function opened(open) {
+      if (open) hints.use(HINT_SIGNALS.contextMenu);
+    }
+    function leftClick(event) {
+      if (!hinted.value) return;
+      hints.use(HINT_SIGNALS.contextTarget);
+      const el = event.currentTarget;
+      noteContextTarget(event.target.closest?.("[data-lp-context-row]") ?? el);
+    }
     function returnFocus(event) {
       const saved = field;
       field = null;
@@ -36,11 +49,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (saved.el.value === saved.value) saved.el.setSelectionRange(saved.start, saved.end);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuRoot), null, {
+      return openBlock(), createBlock(unref(ContextMenuRoot), { "onUpdate:open": opened }, {
         default: withCtx(() => [
           createVNode(unref(ContextMenuTrigger), {
             "as-child": "",
             disabled: !enabled.value,
+            "data-lp-context-menu": hinted.value ? "" : void 0,
+            onClickCapture: leftClick,
             onContextmenuCapture: rememberField,
             onContextmenu: keepContextMenu
           }, {
@@ -48,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          }, 8, ["disabled"]),
+          }, 8, ["disabled", "data-lp-context-menu"]),
           __props.items.length ? (openBlock(), createBlock(unref(ContextMenuPortal), { key: 0 }, {
             default: withCtx(() => [
               createVNode(unref(ContextMenuContent), {

package/dist/chunks/{LpDatePicker-B-VMHMgy.js → LpDatePicker-DxdrVNCG.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-BLoE8Qm7.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$3 } from "./LpCalendar-CXVDbb2M.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$4 } from "./LpTimeField-DvGXgdES.js";
+import { _ as _sfc_main$4 } from "./LpTimeField-BTEt0kvL.js";
 const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = {
   key: 0,

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

@@ -7,9 +7,9 @@ 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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
-import { _ as _sfc_main$3 } from "./LpRangeCalendar-D5sDID9W.js";
+import { _ as _sfc_main$3 } from "./LpRangeCalendar-COeOYF52.js";
 const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpDisclosure-Ct-VBHxt.js → LpDisclosure-s8cQ7KQq.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.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-Rc6eAJrr.js → LpDrawer-C97yoWmh.js}

@@ -4,7 +4,7 @@ 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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.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" };

package/dist/chunks/{LpDropdownMenu-BoJQsjzt.js → LpDropdownMenu-CbyYu4Rw.js}

@@ -1,8 +1,10 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import { hints } from "../composables/useHints.js";
+import { HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem } from "reka-ui";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-B9HdaBwE.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
+import { _ as _sfc_main$1 } from "./MenuTitle-FeC6I24N.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpDropdownMenu",
   props: {
@@ -10,11 +12,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     subtitle: {},
     titleIcon: {},
-    titleImage: {}
+    titleImage: {},
+    rightClickToo: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
+    function opened(open) {
+      if (open && props.rightClickToo) hints.use(HINT_SIGNALS.menuButton);
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuRoot), null, {
+      return openBlock(), createBlock(unref(DropdownMenuRoot), { "onUpdate:open": opened }, {
         default: withCtx(() => [
           createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
             default: withCtx(() => [

package/dist/chunks/{LpEmptyState-CBwwkkdA.js → LpEmptyState-CX8fdGSU.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex flex-col gap-1" };
 const _hoisted_2 = {

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

package/dist/chunks/{LpFileTree-Bs57DhVa.js → LpFileTree-DTwUj0L-.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-CBwwkkdA.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-XgJW65v5.js";
+import { _ as _sfc_main$1 } from "./LpEmptyState-CX8fdGSU.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-D-XLPZ6T.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-XgJW65v5.js → LpFileTreeNode-D-XLPZ6T.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-B_C8sOoT.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DRFd-iyc.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-DV9W6T3H.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Cv_F2iCG.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.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-BpQ6WJPe.js → LpFormField-DMPPL1jF.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-9hH4ITZa.js";
+import { _ as _sfc_main$1 } from "./LpFieldNotice-B--RzKfj.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 → LpHintLayer-DsclGYcD.js}

@@ -3,7 +3,7 @@ import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-
 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";
+import { _ as _sfc_main$1 } from "./LpButton-CJSD7N0Z.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" };

package/dist/chunks/{LpHints-BqoZXHZk.js → LpHints-BTpvisgP.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, onErrorCaptured, onMounted, onBeforeUnmount, computed, unref, watch, openBlock, createElementBlock, Fragment, createVNode, createCommentVNode } from "vue";
 import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpActionBar-DCN-_pZP.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-B5-6FyEf.js";
-import { _ as _sfc_main$1 } from "./LpTour-D7m9ZxNk.js";
+import { _ as _sfc_main$3 } from "./LpActionBar-BsSp66S_.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-DsclGYcD.js";
+import { _ as _sfc_main$1 } from "./LpTour-C29-1wha.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {
@@ -54,6 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const o = offer.value;
       if (!o) return "";
       if (o.kind === "nudge") return notes.value[o.nudge.feature]?.title ?? "";
+      if (o.kind === "tip") return o.tip.title;
       if (o.kind === "news") return fill(labels.value.newsTitle);
       return fill(o.kind === "assigned" ? labels.value.assignedTitle : labels.value.tourTitle);
     });
@@ -61,6 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const o = offer.value;
       if (!o) return "";
       if (o.kind === "nudge") return o.nudge.text;
+      if (o.kind === "tip") return o.tip.keys ? `${o.tip.text} ${o.tip.keys}` : o.tip.text;
       if (o.kind === "news") return o.items.map((n) => n.text).join(" ");
       return o.kind === "assigned" ? labels.value.assignedText : labels.value.tourText;
     });
@@ -70,6 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const answer = (choice) => () => props.system.answer(choice);
       const show = { label: labels.value.show, icon: "lucide:sparkles", onClick: answer("show") };
       if (o.kind === "nudge") return [{ label: labels.value.noThanks, variant: "ghost", onClick: answer("never") }, show];
+      if (o.kind === "tip") {
+        const later = { label: labels.value.gotIt, variant: o.tip.step ? "ghost" : void 0, onClick: answer("later") };
+        return [{ label: labels.value.never, variant: "ghost", onClick: answer("never") }, later, ...o.tip.step ? [show] : []];
+      }
       if (o.kind === "news") return [{ label: labels.value.gotIt, variant: "ghost", onClick: answer("later") }, show];
       return [
         ...o.kind === "tour" ? [{ label: labels.value.never, variant: "ghost", onClick: answer("never") }] : [],
@@ -97,7 +103,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           open: !!offer.value,
           title: title.value,
           description: description.value,
-          icon: offer.value?.kind === "news" ? "lucide:gift" : "lucide:compass",
+          icon: offer.value?.kind === "news" ? "lucide:gift" : offer.value?.kind === "tip" ? "lucide:lightbulb" : "lucide:compass",
           actions: actions.value
         }, null, 8, ["open", "title", "description", "icon", "actions"])
       ], 64)) : createCommentVNode("", true);

package/dist/chunks/{LpIcon-B5guGKrW.js → LpIcon-CTuDVTYv.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watchEffect, openBlock, createElementBlock, createBlock, unref } from "vue";
 import { getIcon, Icon } from "@iconify/vue";
-import { i as iconsVersion, r as requestIcon } from "./icons-QqBscG5I.js";
+import { i as iconsVersion, r as requestIcon } from "./icons-CuO3W46H.js";
 const _hoisted_1 = ["width", "height", "viewBox", "innerHTML"];
 const _hoisted_2 = ["width", "height"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpInput-WvyP02ID.js → LpInput-C7FHxzj2.js}

@@ -4,8 +4,8 @@ import { useFieldControl } from "../composables/useField.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useInputMask, DEFAULT_MASK_TOKENS } from "../composables/useInputMask.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpFormField-BpQ6WJPe.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpFormField-DMPPL1jF.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = {
   key: 0,
   class: "flex shrink-0 items-center text-muted"

package/dist/chunks/{LpLightbox-Dq-e36uT.js → LpLightbox-DiksFa4L.js}

@@ -3,7 +3,7 @@ import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, Di
 import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { fileNameOf } from "../components/lightbox.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useModalLayer } from "../components/modalDepth.js";
 const _hoisted_1 = { class: "flex shrink-0 items-center gap-1 p-3 text-sm text-white/70 [--chrome-from:-8px] animate-[lightbox-chrome-in_var(--duration-medium)_var(--ease-emphasized)_60ms_both] motion-reduce:animate-none" };
 const _hoisted_2 = {

package/dist/chunks/{LpLogViewer-B92bAftG.js → LpLogViewer-D9UgNz2m.js}

@@ -2,8 +2,8 @@ import { defineComponent, useModel, computed, ref, shallowRef, onMounted, onBefo
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-DRFd-iyc.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-Cv_F2iCG.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.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/{LpMapPicker-BH5csaBt.js → LpMapPicker-DybIlWnF.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = ["tabindex", "aria-label"];

package/dist/chunks/{LpMediaGallery-B1kDypJ-.js → LpMediaGallery-Cic9UHsa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, createBlock } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
-import { _ as _sfc_main$2 } from "./LpLightbox-Dq-e36uT.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
+import { _ as _sfc_main$2 } from "./LpLightbox-DiksFa4L.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-DvGD6kEe.js → LpModal-QFfctZsj.js}

@@ -5,7 +5,7 @@ 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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpModalNav-B-_zRTS-.js → LpModalNav-D4rmflQn.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-vhlwmpBy.js";
-import { _ as _sfc_main$3 } from "./LpIcon-B5guGKrW.js";
-import { _ as _sfc_main$1 } from "./LpModal-DvGD6kEe.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-CKamWtPo.js";
+import { _ as _sfc_main$2 } from "./LpButton-CJSD7N0Z.js";
+import { _ as _sfc_main$3 } from "./LpIcon-CTuDVTYv.js";
+import { _ as _sfc_main$1 } from "./LpModal-QFfctZsj.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-D8tub3bt.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-63pvatBj.js → LpNotificationBell-CyylOlZR.js}

@@ -1,10 +1,10 @@
 import { defineComponent, computed, useModel, getCurrentInstance, ref, onMounted, onBeforeUnmount, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, Transition, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$8 } from "./LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$7 } from "./LpButton-vhlwmpBy.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-DRFd-iyc.js";
-import { _ as _sfc_main$3 } from "./LpEmptyState-CBwwkkdA.js";
-import { _ as _sfc_main$6 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$7 } from "./LpButton-CJSD7N0Z.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-Cv_F2iCG.js";
+import { _ as _sfc_main$3 } from "./LpEmptyState-CX8fdGSU.js";
+import { _ as _sfc_main$6 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$1 } from "./LpPopover-DCKeqiVn.js";
 import { _ as _sfc_main$9 } from "./LpRollingText-DB7upf-5.js";
 import { _ as _sfc_main$4 } from "./LpScrollArea-Hz3-JWUG.js";

package/dist/chunks/{LpNumberField-CJPjmoDz.js → LpNumberField-BFSRVGkJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent, useId, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
 import { NumberFieldRoot, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["id"];

package/dist/chunks/{LpPagination-DehAaJLY.js → LpPagination-BFl0I7tL.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useId, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import { Motion } from "motion-v";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpPasswordInput-BK25_vNG.js → LpPasswordInput-C1G4k_r0.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, unref, createVNode, renderSlot } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
-import { _ as _sfc_main$1 } from "./LpInput-WvyP02ID.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
+import { _ as _sfc_main$1 } from "./LpInput-C7FHxzj2.js";
 const _hoisted_1 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpPhoneInput-Bxg7a_qD.js → LpPhoneInput-CZrpVxla.js}

@@ -6,8 +6,8 @@ import { useInputFilter } from "../composables/useInputFilter.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { matchCountryByValue, filterCountries, loadCountries, flagEmoji } from "../components/countries.js";
 import { POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpFieldNotice-9hH4ITZa.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$2 } from "./LpFieldNotice-B--RzKfj.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { loadPhoneLib, formatPhone, loadPhoneExamples, digitsBefore, caretAfterDigits, digitsOf } from "../components/phone.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "text-base leading-none" };

package/dist/chunks/{LpPie-Coa2GMHt.js → LpPie-B2deu8CI.js}

@@ -2,8 +2,8 @@ import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, crea
 import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { useReveal } from "../composables/useReveal.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
-import { _ as _sfc_main$2 } from "./LpContextMenu-DRFd-iyc.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-Cv_F2iCG.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-z4WPZcZu.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-DB7upf-5.js";
 import { _ as _sfc_main$6 } from "./LpShift-DXNsauQZ.js";

package/dist/chunks/{LpRangeCalendar-D5sDID9W.js → LpRangeCalendar-COeOYF52.js}

@@ -4,7 +4,7 @@ import { RangeCalendarRoot, RangeCalendarHeader, RangeCalendarPrev, RangeCalenda
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { normalizeRange, parseIsoDay, reshapeRange } from "../components/dateRange.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = { class: "flex gap-4" };
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpSection-B19VPYmr.js → LpSection-BAkbf0OK.js}

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

package/dist/chunks/{LpSegmented-DbrUjuSA.js → LpSegmented-DslFku0N.js}

@@ -4,7 +4,7 @@ import { ToggleGroupRoot, ToggleGroupItem } from "reka-ui";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = {
   key: 2,
   class: "relative z-10"

package/dist/chunks/{LpSelect-DynjWK1A.js → LpSelect-C4OXN_q3.js}

@@ -3,7 +3,7 @@ import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, Combobox
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {

package/dist/chunks/{LpSidebar-CKamWtPo.js → LpSidebar-D8tub3bt.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, useId, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createBlock, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$3 } from "./LpDrawer-Rc6eAJrr.js";
-import { _ as _sfc_main$1 } from "./LpInput-WvyP02ID.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-Y4LV0ZEn.js";
+import { _ as _sfc_main$3 } from "./LpDrawer-C97yoWmh.js";
+import { _ as _sfc_main$1 } from "./LpInput-C7FHxzj2.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-BBSRg34G.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-Y4LV0ZEn.js → LpSidebarNav-BBSRg34G.js}

@@ -3,8 +3,8 @@ import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$3 } from "./LpBadge-Fe0D1bYx.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-DRFd-iyc.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-Cv_F2iCG.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$1 } from "./LpScrollArea-Hz3-JWUG.js";
 import { resolveLink } from "../components/link.js";
 import { useLinkComponent } from "../composables/useLpConfig.js";

package/dist/chunks/{LpStat-BS2TEXYK.js → LpStat-oYk6V1LZ.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createCommentVNode, createBlock, toDisplayString, Fragment, createTextVNode, normalizeClass, createVNode, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$2 } from "./LpNumberFlow-z4WPZcZu.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };

package/dist/chunks/{LpStepper-BSglWF45.js → LpStepper-YgHGzgfD.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, normalizeClass, createVNode, withCtx, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-current"];

package/dist/chunks/LpSwap-D82jiecV.js

@@ -0,0 +1,38 @@
+import { defineComponent, openBlock, createBlock, withCtx, createVNode, Transition, createElementBlock, renderSlot } from "vue";
+import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpSwap",
+  props: {
+    swapKey: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        axis: "height",
+        disabled: __props.disabled
+      }, {
+        default: withCtx(() => [
+          createVNode(Transition, {
+            mode: "out-in",
+            css: !__props.disabled,
+            "enter-active-class": "animate-[tab-in_220ms_var(--ease-emphasized)] motion-reduce:animate-none",
+            "leave-active-class": "transition-opacity duration-[var(--duration-fast)] ease-out motion-reduce:transition-none",
+            "leave-to-class": "opacity-0"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createElementBlock("div", { key: __props.swapKey }, [
+                renderSlot(_ctx.$slots, "default")
+              ]))
+            ]),
+            _: 3
+          }, 8, ["css"])
+        ]),
+        _: 3
+      }, 8, ["disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpTableFilter-CwHXVxJt.js → LpTableFilter-Ba-rS4H1.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createBlock, createCommentVNode, createElementVNode, Fragment, unref, normalizeClass, toDisplayString, createVNode, withCtx, renderList } from "vue";
-import { _ as _sfc_main$3 } from "./LpCheckbox-B_C8sOoT.js";
-import { _ as _sfc_main$1 } from "./LpInput-WvyP02ID.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-DV9W6T3H.js";
+import { _ as _sfc_main$1 } from "./LpInput-C7FHxzj2.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { usePaintSelect } from "../composables/usePaintSelect.js";
 import { matchesQuery, onlyValues, unhideValues, hideAllValues, invertHidden } from "../components/tableFilter.js";

package/dist/chunks/{LpTabs-D01b8jBI.js → LpTabs-00v3VQx4.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, nextTick, useId, openBlock, crea
 import { useReducedMotion, Motion } from "motion-v";
 import { TabsRoot, TabsList, TabsTrigger, TabsContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = {
   key: 1,
   class: "relative z-10 inline-flex"

package/dist/chunks/{LpTagsInput-CHbQoAAA.js → LpTagsInput-Sc56iy_j.js}

@@ -6,9 +6,9 @@ import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useShift } from "../composables/useShift.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$3 } from "./LpFieldNotice-9hH4ITZa.js";
-import { _ as _sfc_main$1 } from "./LpFormField-BpQ6WJPe.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$3 } from "./LpFieldNotice-B--RzKfj.js";
+import { _ as _sfc_main$1 } from "./LpFormField-DMPPL1jF.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 import { splitTags, addTags } from "../components/tags.js";
 const _hoisted_1 = { class: "relative" };
 const _hoisted_2 = {

package/dist/chunks/{LpTextarea-Bz2IWhTH.js → LpTextarea-CQZccQI3.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, useAttrs, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, mergeProps } from "vue";
 import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpFormField-BpQ6WJPe.js";
+import { _ as _sfc_main$1 } from "./LpFormField-DMPPL1jF.js";
 const _hoisted_1 = ["id", "value", "placeholder", "rows", "disabled", "required", "aria-invalid", "aria-describedby"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpThemeSwitcher-CbzL6ipO.js → LpThemeSwitcher-ZFFftBQn.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, onMounted, ref, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { u as useTheme, p as presets } from "./useTheme-2qHG8NEU.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DRFd-iyc.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Cv_F2iCG.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
   key: 1,