@leavepulse/ui 0.58.1 → 0.60.0

package/dist/assets/{LpCommandPalette-DmQUsJqA.css → LpCommandPalette-DA5pmuPi.css}

@@ -5,81 +5,81 @@
  * pane from its right edge as it grows. Animating the columns themselves made
  * every line of the list and the pane re-wrap on every frame.
  */
-.lp-cmd-dialog[data-v-6da7fe88] {
+.lp-cmd-dialog[data-v-a545acf6] {
   --lp-cmd-list: min(92vw, 40rem);
   --lp-cmd-pane: max(0px, min(26rem, 96vw - var(--lp-cmd-list)));
   width: var(--lp-cmd-list);
 }
-.lp-cmd-split[data-v-6da7fe88] {
+.lp-cmd-split[data-v-a545acf6] {
   transition:
     width 300ms var(--ease-emphasized, ease),
     min-height 300ms var(--ease-emphasized, ease);
 }
 @media (min-width: 768px) {
-.lp-cmd-split .lp-cmd-list[data-v-6da7fe88] {
+.lp-cmd-split .lp-cmd-list[data-v-a545acf6] {
     flex: 0 0 auto;
     /* the dialog's 1px border on each side */
     width: calc(var(--lp-cmd-list) - 2px);
 }
-.lp-cmd-dialog[data-pane="open"][data-v-6da7fe88] {
+.lp-cmd-dialog[data-pane="open"][data-v-a545acf6] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-6da7fe88] {
+.lp-cmd-pane[data-v-a545acf6] {
   width: var(--lp-cmd-pane);
 }
 /*
  * The pane rides in from the right edge while the dialog opens up to it, and
  * leaves the same way, for as long as the dialog takes to close over it.
  */
-.lp-cmd-pane-enter-active[data-v-6da7fe88],
-.lp-cmd-pane-leave-active[data-v-6da7fe88] {
+.lp-cmd-pane-enter-active[data-v-a545acf6],
+.lp-cmd-pane-leave-active[data-v-a545acf6] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-6da7fe88],
-.lp-cmd-pane-leave-to[data-v-6da7fe88] {
+.lp-cmd-pane-enter-from[data-v-a545acf6],
+.lp-cmd-pane-leave-to[data-v-a545acf6] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-6da7fe88] {
-  animation: lp-cmd-para-in-6da7fe88 260ms ease-out both;
+.lp-cmd-para[data-v-a545acf6] {
+  animation: lp-cmd-para-in-a545acf6 260ms ease-out both;
 }
-@keyframes lp-cmd-para-in-6da7fe88 {
+@keyframes lp-cmd-para-in-a545acf6 {
 from {
     opacity: 0;
     transform: translateY(4px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-6da7fe88],
-  .lp-cmd-pane-enter-active[data-v-6da7fe88],
-  .lp-cmd-pane-leave-active[data-v-6da7fe88] {
+.lp-cmd-split[data-v-a545acf6],
+  .lp-cmd-pane-enter-active[data-v-a545acf6],
+  .lp-cmd-pane-leave-active[data-v-a545acf6] {
     transition: none;
 }
-.lp-cmd-para[data-v-6da7fe88] {
+.lp-cmd-para[data-v-a545acf6] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-6da7fe88] {
+.lp-cmd-excerpt[data-v-a545acf6] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-6da7fe88] {
-  animation: lp-cmd-in-6da7fe88 140ms ease-out both;
+.lp-cmd-item[data-v-a545acf6] {
+  animation: lp-cmd-in-a545acf6 140ms ease-out both;
 }
-@keyframes lp-cmd-in-6da7fe88 {
+@keyframes lp-cmd-in-a545acf6 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-6da7fe88] {
+.lp-cmd-item[data-v-a545acf6] {
     animation: none;
 }
 }

package/dist/assets/{LpTable-BNzavdlv.css → LpTable-BZZf_rrt.css}

@@ -11,17 +11,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-a6bdc221],
-.lp-row-leave-active[data-v-a6bdc221] {
+.lp-row-enter-active[data-v-1d2375a8],
+.lp-row-leave-active[data-v-1d2375a8] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-a6bdc221] {
+.lp-row-move[data-v-1d2375a8] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-a6bdc221],
-.lp-row-leave-to[data-v-a6bdc221] {
+.lp-row-enter-from[data-v-1d2375a8],
+.lp-row-leave-to[data-v-1d2375a8] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -35,7 +35,7 @@
  * drops out of the table layout entirely. Nothing sits below this row to be
  * dragged around, so simply not animating its exit costs nothing.
  */
-.lp-row-empty.lp-row-leave-active[data-v-a6bdc221] {
+.lp-row-empty.lp-row-leave-active[data-v-1d2375a8] {
   display: none;
 }
 
@@ -54,7 +54,7 @@
  * once anything is selected. An earlier version collapsed the column to nothing
  * and floated the hover box over the first cell, where it sat on the text.
  */
-.lp-tick[data-v-a6bdc221] {
+.lp-tick[data-v-1d2375a8] {
   display: flex;
   align-items: center;
   max-width: 0;
@@ -66,17 +66,17 @@
     padding var(--duration-medium) var(--ease-emphasized),
     opacity var(--duration-fast) ease;
 }
-.lp-tick-open[data-v-a6bdc221] {
+.lp-tick-open[data-v-1d2375a8] {
   max-width: 3.25rem;
   padding-inline: 1rem;
   opacity: 1;
 }
-.lp-tick-hidden[data-v-a6bdc221],
-.lp-tick-cue[data-v-a6bdc221] {
+.lp-tick-hidden[data-v-1d2375a8],
+.lp-tick-cue[data-v-1d2375a8] {
   opacity: 0;
 }
-tr:hover .lp-tick-cue[data-v-a6bdc221],
-.lp-tick-cue[data-v-a6bdc221]:focus-within {
+tr:hover .lp-tick-cue[data-v-1d2375a8],
+.lp-tick-cue[data-v-1d2375a8]:focus-within {
   opacity: 1;
 }
 
@@ -84,24 +84,24 @@ tr:hover .lp-tick-cue[data-v-a6bdc221],
    turned down the rows change without animating rather than not changing. */
 /* Only where there is a hover to reveal it; a finger long-presses instead. */
 @media (hover: none) {
-tr:hover .lp-tick-cue[data-v-a6bdc221] {
+tr:hover .lp-tick-cue[data-v-1d2375a8] {
     opacity: 0;
 }
 
   /* Nor is there anything for the column's width to hold until then: on a
      touch screen it stays closed until a long press starts selecting, and
      eases open like the rest of the column. */
-.lp-tick-hidden[data-v-a6bdc221],
-  .lp-tick-cue[data-v-a6bdc221] {
+.lp-tick-hidden[data-v-1d2375a8],
+  .lp-tick-cue[data-v-1d2375a8] {
     max-width: 0;
     padding-inline: 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-a6bdc221],
-  .lp-row-leave-active[data-v-a6bdc221],
-  .lp-row-move[data-v-a6bdc221],
-  .lp-tick[data-v-a6bdc221] {
+.lp-row-enter-active[data-v-1d2375a8],
+  .lp-row-leave-active[data-v-1d2375a8],
+  .lp-row-move[data-v-1d2375a8],
+  .lp-tick[data-v-1d2375a8] {
     transition: none;
 }
 }

package/dist/chunks/{ContextMenuItems-BY5sTVQF.js → ContextMenuItems-qXReFtQW.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "flex items-center gap-2" };
 const _hoisted_3 = {
@@ -12,7 +12,7 @@ const _hoisted_5 = {
   key: 0,
   class: "text-xs text-muted"
 };
-const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft";
+const ITEM = "group/item flex cursor-pointer select-none items-center gap-2 rounded-inner px-2.5 py-1.5 text-sm outline-none transition-[background-color,color] duration-[var(--duration-fast)] data-[disabled]:pointer-events-none data-[disabled]:opacity-45 data-[highlighted]:bg-brand-soft";
 const ICON = "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[highlighted]/item:translate-x-0.5";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ContextMenuItems" },

package/dist/chunks/{LayoutCanvas-BcGLJVBq.js → LayoutCanvas-t7LWFCEn.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-BkBn6dvM.js";
+import { _ as _sfc_main$1 } from "./LayoutNode-DHsE6GwM.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-BkBn6dvM.js → LayoutNode-DHsE6GwM.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = ["onPointerdown"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpActionBar-DCN-_pZP.js → LpActionBar-BsSp66S_.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-vhlwmpBy.js";
-import { _ as _sfc_main$1 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$2 } from "./LpButton-CJSD7N0Z.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpAddressInput-Dio6Sqed.js → LpAddressInput-DD4zTN4P.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-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 { _ as _sfc_main$2 } from "./LpAutocomplete-PnL2ntKl.js";
+import { _ as _sfc_main$3 } from "./LpButton-CJSD7N0Z.js";
+import { _ as _sfc_main$1 } from "./LpFormField-DMPPL1jF.js";
+import { _ as _sfc_main$4 } from "./LpIcon-CTuDVTYv.js";
+import { _ as _sfc_main$5 } from "./LpInput-C7FHxzj2.js";
+import { _ as _sfc_main$7 } from "./LpModal-QFfctZsj.js";
+import { _ as _sfc_main$6 } from "./LpSelect-C4OXN_q3.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-CXMn1GYE.js → LpAlert--KLL4NLk.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = ["role"];
 const _hoisted_2 = { class: "min-w-0" };
 const _hoisted_3 = {

package/dist/chunks/{LpAppShell-Be6T96td.js → LpAppShell-Cv-Y9qNA.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-vhlwmpBy.js";
-import { _ as _sfc_main$3 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$2 } from "./LpButton-CJSD7N0Z.js";
+import { _ as _sfc_main$3 } from "./LpIcon-CTuDVTYv.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-CshW0fqC.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-B3E_iViL.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-hJ_6CHlh.js → LpAutocomplete-PnL2ntKl.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpAvatar-BxNs23Xu.js → LpAvatar-CwGs1JCQ.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-B1NGfpp1.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BnN1k7ga.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpBreadcrumbs-BLzOEgAF.js → LpBreadcrumbs-CndzPYiG.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { resolveLink } from "../components/link.js";

package/dist/chunks/{LpButton-vhlwmpBy.js → LpButton-CJSD7N0Z.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { resolveLink } from "../components/link.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCalendar-BLoE8Qm7.js → LpCalendar-CXVDbb2M.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpCard-DhR7u0d8.js → LpCard-B2D0GIUU.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-B1NGfpp1.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BnN1k7ga.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,

package/dist/chunks/{LpCheckbox-B_C8sOoT.js → LpCheckbox-DV9W6T3H.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const __default__ = { inheritAttrs: false };

package/dist/chunks/{LpCodeBlock-CXsqJwDy.js → LpCodeBlock-t6MLA3fb.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-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CTuDVTYv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {
   key: 0,
@@ -14,7 +14,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 1,
-  class: "rounded bg-surface px-1.5 py-0.5 text-[10px] uppercase tracking-wide"
+  class: "rounded-small bg-surface px-1.5 py-0.5 text-[10px] uppercase tracking-wide"
 };
 const _hoisted_4 = { class: "ml-auto flex items-center gap-1" };
 const _hoisted_5 = ["aria-label"];
@@ -178,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             __props.lockToggle ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
-              class: "group/lock flex items-center gap-1 rounded px-1.5 py-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+              class: "group/lock flex items-center gap-1 rounded-small px-1.5 py-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
               "aria-label": __props.locked ? unref(text).unlock : unref(text).lock,
               onClick: toggleLock
             }, [
@@ -191,7 +191,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             __props.copyable ? (openBlock(), createElementBlock("button", {
               key: 1,
               type: "button",
-              class: "group/copy flex items-center gap-1 rounded px-1.5 py-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+              class: "group/copy flex items-center gap-1 rounded-small px-1.5 py-1 outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
               "aria-label": unref(copied) ? unref(text).copied : unref(text).copy,
               onClick: copy
             }, [
@@ -243,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createElementVNode("button", {
                       type: "button",
-                      class: "lp-fold-toggle flex w-full items-center gap-1.5 rounded px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+                      class: "lp-fold-toggle flex w-full items-center gap-1.5 rounded-small px-1 py-0.5 text-left text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
                       "aria-expanded": openState[seg.id],
                       onClick: ($event) => toggleFold(seg.id)
                     }, [

package/dist/chunks/{LpColorPicker-DQ88niXq.js → LpColorPicker-CvBF8TeL.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-B1NGfpp1.js";
-import { _ as _sfc_main$2 } from "./LpIcon-B5guGKrW.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BnN1k7ga.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CTuDVTYv.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" };
@@ -350,14 +350,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]])
                       }, [
                         createElementVNode("span", {
-                          class: "relative size-5 shrink-0 overflow-hidden rounded-md",
+                          class: "relative size-5 shrink-0 overflow-hidden rounded-inner",
                           style: normalizeStyle({ background: CHECKERBOARD })
                         }, [
                           createElementVNode("span", {
                             class: "block size-full",
                             style: normalizeStyle({ backgroundColor: previewCss.value })
                           }, null, 4),
-                          _cache[4] || (_cache[4] = createElementVNode("span", { class: "pointer-events-none absolute inset-0 rounded-md ring-1 ring-inset ring-line" }, null, -1))
+                          _cache[4] || (_cache[4] = createElementVNode("span", { class: "pointer-events-none absolute inset-0 rounded-inner ring-1 ring-inset ring-line" }, null, -1))
                         ], 4),
                         createElementVNode("span", _hoisted_2, toDisplayString(__props.label ?? current.value), 1),
                         createVNode(_sfc_main$2, {
@@ -495,7 +495,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   disabled: __props.disabled,
                                   "aria-label": c,
                                   "aria-pressed": isActiveSwatch(c),
-                                  class: normalizeClass(["relative flex items-center justify-center overflow-hidden rounded-md outline-none transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:scale-110 active:scale-95 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed motion-reduce:hover:scale-100 motion-reduce:active:scale-95", row.size]),
+                                  class: normalizeClass(["relative flex items-center justify-center overflow-hidden rounded-inner outline-none transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] hover:scale-110 active:scale-95 focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed motion-reduce:hover:scale-100 motion-reduce:active:scale-95", row.size]),
                                   style: normalizeStyle({ background: CHECKERBOARD }),
                                   onClick: ($event) => pickSwatch(c)
                                 }, [
@@ -503,7 +503,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     class: "absolute inset-0",
                                     style: normalizeStyle({ backgroundColor: c })
                                   }, null, 4),
-                                  _cache[5] || (_cache[5] = createElementVNode("span", { class: "pointer-events-none absolute inset-0 rounded-md ring-1 ring-inset ring-line" }, null, -1)),
+                                  _cache[5] || (_cache[5] = createElementVNode("span", { class: "pointer-events-none absolute inset-0 rounded-inner ring-1 ring-inset ring-line" }, null, -1)),
                                   isActiveSwatch(c) ? (openBlock(), createBlock(_sfc_main$2, {
                                     key: 0,
                                     name: "lucide:check",

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

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

package/dist/chunks/{LpContextMenu-B1NGfpp1.js → LpContextMenu-BnN1k7ga.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-BY5sTVQF.js";
-import { _ as _sfc_main$1 } from "./MenuTitle-DQP6hc2N.js";
+import { hints } from "../composables/useHints.js";
+import { HINT_SIGNALS } 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,12 @@ 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() {
+      if (hinted.value) hints.use(HINT_SIGNALS.contextTarget);
+    }
     function returnFocus(event) {
       const saved = field;
       field = null;
@@ -36,11 +46,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 +60,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-DSknigxH.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" };
@@ -392,7 +392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         })) : createCommentVNode("", true)
                       ]),
                       createVNode(unref(DrawerClose), {
-                        class: "group flex shrink-0 items-center rounded-md p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                        class: "group flex shrink-0 items-center rounded-inner p-1 text-muted outline-none transition-colors duration-[var(--duration-fast)] hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
                         "aria-label": unref(text).close
                       }, {
                         default: withCtx(() => [