@leavepulse/ui 0.70.0 → 0.70.1

package/README.md

@@ -220,3 +220,15 @@ objects are edited, reordered or removed. The slot also provides `index`,
 `LpInput clearable` adds a clear button that keeps focus in the input, respects
 disabled/read-only state, and can be combined with the `trailing` slot. Its
 button text comes from `labels.clear` or the app-wide `input` label scope.
+
+### Browser regression tests
+
+```sh
+bunx playwright install chromium
+bun run test:browser
+```
+
+Playwright starts an isolated Vite server on port 4501. The suite covers field
+locking, secret reveal controls, date/select focus boundaries and a mobile
+form inside a guarded drawer. These checks run in CI and before npm publishing.
+Use `PLAYWRIGHT_CHROMIUM_EXECUTABLE_PATH` to run an existing Chromium installation.

package/dist/assets/LpRepeater-C1Cw27hj.css

@@ -0,0 +1,21 @@
+
+.lp-repeater-move,
+.lp-repeater-enter-active,
+.lp-repeater-leave-active {
+  transition: transform var(--duration-fast) var(--ease-emphasized), opacity var(--duration-fast) var(--ease-emphasized);
+}
+.lp-repeater-leave-active {
+  position: absolute;
+}
+.lp-repeater-enter-from,
+.lp-repeater-leave-to {
+  opacity: 0;
+  transform: translateY(-0.5rem);
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-repeater-move,
+  .lp-repeater-enter-active,
+  .lp-repeater-leave-active {
+    transition: none;
+}
+}

package/dist/assets/{LpRollingText-BGnE6q9j.css → LpRollingText-dyOXedGO.css}

@@ -15,6 +15,13 @@
   white-space: nowrap;
   backface-visibility: hidden;
 }
+.lp-roll--wrap {
+  max-width: 100%;
+}
+.lp-roll--wrap .lp-roll__item {
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
 
 /* The outgoing copy leaves the flow so the incoming one keeps the baseline. */
 .lp-roll-up-leave-active,

package/dist/chunks/{ContextMenuItems-B5uE8Znw.js → ContextMenuItems-6kxEivBI.js}

@@ -1,5 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, withCtx, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, withModifiers } from "vue";
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, withCtx, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createVNode, unref, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuItem, ContextMenuPortal, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSub, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuItem } from "reka-ui";
+import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
 import MenuShortcut from "../components/MenuShortcut.vue.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
@@ -38,6 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const P = computed(() => PRIMITIVES[props.kind]);
+    const portalTo = usePortalTarget();
+    const guardOutside = useOutsideGuard();
     return (_ctx, _cache) => {
       const _component_ContextMenuItems = resolveComponent("ContextMenuItems", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
@@ -70,9 +73,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1032, ["class", "disabled"])),
-              (openBlock(), createBlock(resolveDynamicComponent(P.value.Portal), null, {
+              (openBlock(), createBlock(resolveDynamicComponent(P.value.Portal), { to: unref(portalTo) }, {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(P.value.SubContent), {
+                    onInteractOutside: unref(guardOutside),
+                    onFocusOutside: unref(guardOutside),
+                    onEscapeKeyDown: unref(guardOutside),
                     "collision-padding": 8,
                     class: normalizeClass(__props.panel),
                     "side-offset": 2,
@@ -86,10 +92,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["items", "panel", "kind"])
                     ]),
                     _: 2
-                  }, 1032, ["class"]))
+                  }, 1064, ["onInteractOutside", "onFocusOutside", "onEscapeKeyDown", "class"]))
                 ]),
                 _: 2
-              }, 1024))
+              }, 1032, ["to"]))
             ]),
             _: 2
           }, 1024)) : item.checked !== void 0 ? (openBlock(), createBlock(resolveDynamicComponent(P.value.CheckboxItem), {

package/dist/chunks/{LpAddressInput-CNnLTDZg.js → LpAddressInput-Chv_Xf8q.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$1 } from "./LpFormField-BWwgm1E4.js";
 import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$5 } from "./LpInput-CDuwODJG.js";
 import { _ as _sfc_main$7 } from "./LpModal-eBMt2Fqn.js";
-import { _ as _sfc_main$6 } from "./LpSelect-B4f_yRi5.js";
+import { _ as _sfc_main$6 } from "./LpSelect-C_8cJtj6.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpAppShell-CEUAB8kK.js → LpAppShell-BiWByLmt.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.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-D-M0Y_7U.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-CZRXtvem.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpBadge-HOEPBYmi.js → LpBadge-BBq1Er9T.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedClass } from "../composables/useMergedClass.js";
 import { BADGE_REMOVE } from "../components/badge.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 import { slotText } from "../components/slotText.js";
 import { TONES } from "../components/tone.js";

package/dist/chunks/{LpBreadcrumbs-DYoPc3P4.js → LpBreadcrumbs-JKEi_yFF.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, TransitionGroup, normalizeClass, Fragment, renderList, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 import { useLabels, useLinkComponent } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpCodeDisplay-CIKKT2iW.js → LpCodeDisplay-CbJMs-IK.js}

@@ -4,9 +4,9 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$6 } from "./LpCheckbox-DHc2bHDe.js";
 import { _ as _sfc_main$3 } from "./LpCopyButton-DzHjnFs0.js";
-import { _ as _sfc_main$5 } from "./LpCountdown-Dtq1ihlJ.js";
+import { _ as _sfc_main$5 } from "./LpCountdown-BQnmB4gq.js";
 import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$2 } from "./RevealToggle-C-KzaQGJ.js";
 import { groupCode } from "../components/fieldText.js";
 import { toEpoch, formatTime, ceilToSecond, msToNextSecond } from "../components/timeSpan.js";

package/dist/chunks/{LpColorPicker-DFugXNUi.js → LpColorPicker-B7HSIFmn.js}

@@ -7,9 +7,9 @@ import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight
 import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.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/{LpContextMenu-COwOwRgI.js → LpContextMenu-Cj96ENDC.js}

@@ -2,10 +2,10 @@ import { defineComponent, computed, openBlock, createBlock, unref, withCtx, crea
 import { ContextMenuRoot, ContextMenuTrigger, ContextMenuPortal, ContextMenuContent } from "reka-ui";
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS, noteContextTarget } from "../composables/useHintSystem.js";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-B5uE8Znw.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-6kxEivBI.js";
 import { _ as _sfc_main$1 } from "./MenuTitle-BjQZX8tQ.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
-import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
+import { useView, usePortalTarget, useOutsideGuard, viewDocument } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpContextMenu",
   props: {
@@ -23,10 +23,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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"]);
+    const view = useView();
     let field = null;
     function rememberField() {
-      const el = document.activeElement;
-      const text = el instanceof HTMLTextAreaElement || el instanceof HTMLInputElement && SELECTABLE.has(el.type);
+      const el = viewDocument(view.value).activeElement;
+      const text = el?.tagName === "TEXTAREA" || el?.tagName === "INPUT" && SELECTABLE.has(el.type);
       field = text ? { el, value: el.value, start: el.selectionStart ?? 0, end: el.selectionEnd ?? 0 } : null;
     }
     let synthetic = false;

package/dist/chunks/{LpCountdown-Dtq1ihlJ.js → LpCountdown-BQnmB4gq.js}

@@ -3,7 +3,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$1 } from "./LpProgress-CE-m5OpD.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, ceilToSecond, timeParts, resolveFormat, padPart, formatTime, DEFAULT_MILESTONES, crossedMilestone, msToNextSecond } from "../components/timeSpan.js";
 const _hoisted_1 = ["data-urgent", "data-done"];

package/dist/chunks/{LpDataList-B-5nHfNw.js → LpDataList-CHNYQw7h.js}

@@ -3,11 +3,11 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$4 } from "./LpCopyButton-DzHjnFs0.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-Cz8SQwRt.js";
 const _hoisted_1 = { class: "flex min-w-0 items-center gap-1 text-muted" };
 const _hoisted_2 = ["aria-label"];
-const _hoisted_3 = { class: "min-w-0 break-words" };
+const _hoisted_3 = { class: "min-w-0 flex-1 [overflow-wrap:anywhere]" };
 const _hoisted_4 = {
   key: 1,
   class: "text-muted"
@@ -94,7 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }) : isEmpty(item.value) ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(text).empty), 1)) : rolls(item.value) ? (openBlock(), createBlock(_sfc_main$3, {
                       key: 2,
                       value: item.value,
-                      align: "start"
+                      align: "start",
+                      wrap: ""
                     }, null, 8, ["value"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                       createTextVNode(toDisplayString(item.value), 1)
                     ], 64))

package/dist/chunks/{LpDatePicker-BUe1VUC0.js → LpDatePicker-ac1_6o5P.js}

@@ -5,7 +5,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
 import { _ as _sfc_main$2 } from "./LpCalendar-pVL91-Pl.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./PickerField-CHRS1h7K.js";
+import { _ as _sfc_main$1 } from "./PickerField-DoHv0WMH.js";
 import { _ as _sfc_main$4 } from "./LpTimeField-BFQVf_PW.js";
 const _hoisted_1 = { class: "flex flex-col" };
 const _hoisted_2 = {
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     doneLabel: {},
     labels: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -120,7 +120,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "presets-label": unref(text).presets,
         presets: presetOptions.value,
         "presets-class": "sm:w-36",
-        onClear: clear
+        onClear: clear,
+        onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
       }), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [

package/dist/chunks/{LpDateRangePicker-C_k65vGR.js → LpDateRangePicker-B15gYrZJ.js}

@@ -4,7 +4,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { normalizeRange, formatRange, defaultRangePresets, sameRange, allowedRange } from "../components/dateRange.js";
-import { _ as _sfc_main$1 } from "./PickerField-CHRS1h7K.js";
+import { _ as _sfc_main$1 } from "./PickerField-DoHv0WMH.js";
 import { _ as _sfc_main$2 } from "./LpRangeCalendar-c5qj7YcC.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     format: {},
     labels: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -99,7 +99,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "presets-label": unref(text).presets,
         presets: presetOptions.value,
         "presets-class": "sm:w-40",
-        onClear: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0))
+        onClear: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0)),
+        onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", $event))
       }), {
         default: withCtx(() => [
           createVNode(_sfc_main$2, {

package/dist/chunks/{LpDropdownMenu-CRgrhdAH.js → LpDropdownMenu-R4aYVtVV.js}

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, r
 import { hints } from "../composables/useHints.js";
 import { HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent } from "reka-ui";
-import { _ as _sfc_main$2 } from "./ContextMenuItems-B5uE8Znw.js";
+import { _ as _sfc_main$2 } from "./ContextMenuItems-6kxEivBI.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./MenuTitle-BjQZX8tQ.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
@@ -25,7 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuRoot), { "onUpdate:open": opened }, {
+      return openBlock(), createBlock(unref(DropdownMenuRoot), {
+        modal: false,
+        "onUpdate:open": opened
+      }, {
         default: withCtx(() => [
           createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
             default: withCtx(() => [

package/dist/chunks/{LpEditable-DTqLt2lT.js → LpEditable-Ws3DNQHn.js}

@@ -5,7 +5,7 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$5 } from "./LpFieldNotice-CurbNuXI.js";
 import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$3 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = ["role", "tabindex", "aria-disabled", "aria-label", "aria-busy", "title"];
 const _hoisted_2 = {
@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let committing = false;
     async function commit(refocus) {
-      if (!editing.value || committing) return;
+      if (!editing.value || committing || !interactive.value) return;
       const value = props.trim ? draft.value.trim() : draft.value;
       if (value === props.modelValue) {
         notice.clear();
@@ -207,12 +207,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "aria-invalid": unref(notice).tone.value === "danger" && !!unref(notice).message.value || void 0,
                   placeholder: __props.placeholder,
                   maxlength: __props.maxlength,
+                  disabled: __props.disabled,
+                  readonly: __props.readonly,
                   rows: __props.multiline ? 1 : void 0,
                   class: normalizeClass(["col-start-1 row-start-1 w-full min-w-0 resize-none overflow-hidden bg-transparent text-ink outline-none placeholder:text-muted", PAD[__props.size]]),
                   onInput: _cache[1] || (_cache[1] = ($event) => draft.value = $event.target.value),
                   onKeydown: onFieldKey,
                   onBlur: _cache[2] || (_cache[2] = ($event) => commit(false))
-                }, null, 40, ["value", "size", "cols", "aria-label", "aria-invalid", "placeholder", "maxlength", "rows", "class"]))
+                }, null, 40, ["value", "size", "cols", "aria-label", "aria-invalid", "placeholder", "maxlength", "disabled", "readonly", "rows", "class"]))
               ], 2),
               interactive.value ? (openBlock(), createElementBlock("span", {
                 key: 0,

package/dist/chunks/{LpFileTree-DMISXVHC.js → LpFileTree-DDNg34tJ.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, m
 import { useLocale } from "../composables/useLocale.js";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-KTKipws2.js";
-import { _ as _sfc_main$4 } from "./LpFileTreeNode-CPXB_Yy3.js";
+import { _ as _sfc_main$4 } from "./LpFileTreeNode-DmPuYNZ_.js";
 import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/chunks/{LpFileTreeNode-CPXB_Yy3.js → LpFileTreeNode-DmPuYNZ_.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import { sortNodes, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
-import { _ as _sfc_main$5 } from "./LpBadge-HOEPBYmi.js";
+import { _ as _sfc_main$5 } from "./LpBadge-BBq1Er9T.js";
 import { _ as _sfc_main$4 } from "./LpCheckbox-DHc2bHDe.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
 import { staggerDelay } from "../components/reveal.js";

package/dist/chunks/{LpGauge-Bk8TwJj0.js → LpGauge-C14Z9503.js}

@@ -4,7 +4,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
 import { _ as _sfc_main$1 } from "./LpNumberFlow-Cfyh033Q.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { capacityThresholds, toneAt, GAUGE_SWEEP, arcPath, meterFraction, polar } from "../components/meter.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-label"];

package/dist/chunks/{LpHintLayer-p4hqzdyA.js → LpHintLayer-HvwUA5Ec.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 "./LpBadge-HOEPBYmi.js";
+import { _ as _sfc_main$1 } from "./LpBadge-BBq1Er9T.js";
 import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];

package/dist/chunks/{LpHints-CCrhRfy9.js → LpHints-DxbPKOzQ.js}

@@ -3,8 +3,8 @@ import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$3 } from "./LpActionBar-CzOFar5t.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-p4hqzdyA.js";
-import { _ as _sfc_main$1 } from "./LpTour-NfRJNEIP.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-HvwUA5Ec.js";
+import { _ as _sfc_main$1 } from "./LpTour-CY2bFXge.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

package/dist/chunks/{LpInfraNode-CUC3t4na.js → LpInfraNode-D64hywJI.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, unref, createElementVNode, toDisplayString, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
 import { Handle, Position } from "@vue-flow/core";
-import { _ as _sfc_main$2 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$1 } from "./LpStatus-C7kx5PKE.js";
+import { _ as _sfc_main$2 } from "./LpBadge-BBq1Er9T.js";
+import { _ as _sfc_main$1 } from "./LpStatus-BsGLrpor.js";
 const _hoisted_1 = { class: "px-[11px] pb-2.5 pt-[9px]" };
 const _hoisted_2 = { class: "flex items-center gap-[7px]" };
 const _hoisted_3 = { class: "text-[13px] text-[var(--accent)]" };

package/dist/chunks/{LpLogViewer-elZHbj85.js → LpLogViewer-DKK4ySZl.js}

@@ -3,8 +3,8 @@ import { usePersisted } from "../composables/usePersisted.js";
 import { prefersReducedMotion, durationToken, tokenEase } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$7 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$7 } from "./LpBadge-BBq1Er9T.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$4 } from "./LpEmptyState-KTKipws2.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$5 } from "./LpLoader-DjJEX8hL.js";

package/dist/chunks/{LpMediaGallery-D5swlmZ_.js → LpMediaGallery-rmI1DjKN.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$3 } from "./LpLightbox-XJ0LpTcZ.js";
 const _hoisted_1 = { key: 0 };

package/dist/chunks/{LpModalNav-D4Z0wVHR.js → LpModalNav-DiyFCHiZ.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CVxBfGjd.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$1 } from "./LpModal-eBMt2Fqn.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-D-M0Y_7U.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-CZRXtvem.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-DPZmP5dM.js → LpNotificationBell-D-WhE5m2.js}

@@ -1,14 +1,14 @@
 import { defineComponent, computed, useModel, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode, Fragment, renderList, resolveDynamicComponent, normalizeClass, unref, createTextVNode, Transition, mergeModels } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$a } from "./LpBadge-HOEPBYmi.js";
+import { _ as _sfc_main$a } from "./LpBadge-BBq1Er9T.js";
 import { _ as _sfc_main$9 } from "./LpButton-CVxBfGjd.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$4 } from "./LpEmptyState-KTKipws2.js";
 import { _ as _sfc_main$7 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpPopover-BEIcqb9p.js";
-import { _ as _sfc_main$8 } from "./LpRelativeTime-CKzVqAo9.js";
-import { _ as _sfc_main$b } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
+import { _ as _sfc_main$8 } from "./LpRelativeTime-yin9uQP7.js";
+import { _ as _sfc_main$b } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";

package/dist/chunks/{LpPasswordInput-DTV18FIh.js → LpPasswordInput-GL2KOFK8.js}

@@ -1,4 +1,5 @@
-import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createVNode, unref, mergeModels } from "vue";
+import { defineComponent, useModel, ref, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot, createCommentVNode, mergeModels } from "vue";
+import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
 import { _ as _sfc_main$2 } from "./RevealToggle-C-KzaQGJ.js";
@@ -11,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: {},
     invalid: { type: Boolean },
     disabled: { type: Boolean },
+    revealable: { type: Boolean, default: true },
     label: {},
     hint: {},
     error: {},
@@ -25,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const visible = useModel(__props, "visible");
+    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
     const text = useLabels(
       "passwordInput",
       { show: "Show password", hide: "Hide password" },
@@ -42,10 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: inner
       }, _ctx.$attrs, {
         "model-value": __props.modelValue,
-        type: visible.value ? "text" : "password",
+        type: __props.revealable && visible.value ? "text" : "password",
         placeholder: __props.placeholder,
         invalid: __props.invalid,
-        disabled: __props.disabled,
+        disabled: unref(field).disabled,
         label: __props.label,
         hint: __props.hint,
         error: __props.error,
@@ -55,15 +58,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), createSlots({
         trailing: withCtx(() => [
           renderSlot(_ctx.$slots, "actions"),
-          createVNode(_sfc_main$2, {
+          __props.revealable ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
             modelValue: visible.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
             "icon-size": __props.size === "sm" ? 14 : 16,
             "show-label": unref(text).show,
             "hide-label": unref(text).hide,
-            disabled: __props.disabled,
+            disabled: unref(field).disabled,
             class: "size-auto rounded-inner p-1 hover:bg-transparent"
-          }, null, 8, ["modelValue", "icon-size", "show-label", "hide-label", "disabled"])
+          }, null, 8, ["modelValue", "icon-size", "show-label", "hide-label", "disabled"])) : createCommentVNode("", true)
         ]),
         _: 2
       }, [

package/dist/chunks/{LpPie-CFuV7pZv.js → LpPie-BgXZ3xmm.js}

@@ -4,10 +4,10 @@ import { useReveal } from "../composables/useReveal.js";
 import { useTween, lerp, mixColor } from "../composables/useTween.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
 import { _ as _sfc_main$9 } from "./LegendSwatch-BhRjrtzv.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-KTKipws2.js";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Cfyh033Q.js";
-import { _ as _sfc_main$7 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$7 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$8 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpSwap-DzE6M3Mg.js";

package/dist/chunks/{LpPipeline-D81yh_NX.js → LpPipeline-B31h41Mu.js}

@@ -5,9 +5,9 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
 import { _ as _sfc_main$5 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$4 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$4 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpStepMark-DK-5BKAt.js";
+import { _ as _sfc_main$1 } from "./LpStepMark-TrzOioa9.js";
 import { _ as _sfc_main$7 } from "./LpTooltip-Cz8SQwRt.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { stepKey, connectorFilled, currentStepIndex, stepElapsed, childProgress } from "../components/pipeline.js";

package/dist/chunks/{LpPopover-BEIcqb9p.js → LpPopover-DmZ3wUtP.js}

@@ -1,9 +1,10 @@
-import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, mergeModels } from "vue";
+import { defineComponent, useModel, computed, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, mergeProps, mergeModels } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "LpPopover",
   props: /* @__PURE__ */ mergeModels({
     side: { default: "bottom" },
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           createVNode(unref(PopoverPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
-              createVNode(unref(PopoverContent), {
+              createVNode(unref(PopoverContent), mergeProps(_ctx.$attrs, {
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 "collision-padding": 8,
@@ -46,13 +47,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 align: __props.align,
                 "side-offset": __props.sideOffset,
                 "aria-label": __props.ariaLabel,
-                class: normalizeClass(panel.value)
-              }, {
+                class: panel.value
+              }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
-              }, 8, ["onInteractOutside", "onEscapeKeyDown", "side", "align", "side-offset", "aria-label", "class"])
+              }, 16, ["onInteractOutside", "onEscapeKeyDown", "side", "align", "side-offset", "aria-label", "class"])
             ]),
             _: 3
           }, 8, ["to"])

package/dist/chunks/{LpQuota-2Sw_gqcJ.js → LpQuota-DaL8TgNe.js}

@@ -5,7 +5,7 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$1 } from "./LpNumberFlow-Cfyh033Q.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { METER_HEADER, METER_TRACK } from "../components/meter.js";
 import { quotaState, quotaSegments, formatAmount } from "../components/quota.js";
 import { toneLook } from "../components/tone.js";

package/dist/chunks/{LpRelativeTime-CKzVqAo9.js → LpRelativeTime-yin9uQP7.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createBlock, withCtx, createEleme
 import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-Cz8SQwRt.js";
 import { formatRelativeTime } from "../components/relativeTime.js";
 import { toEpoch } from "../components/timeSpan.js";