@leavepulse/ui 0.70.0 → 0.70.1

package/dist/chunks/LpRepeater-D0S7jjwr.js

@@ -0,0 +1,180 @@
+import { defineComponent, useModel, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode, TransitionGroup, Fragment, renderList, renderSlot, mergeModels, nextTick } from "vue";
+import { useFieldControl } from "../composables/useField.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { useRepeater } from "../composables/useRepeater.js";
+import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
+import { _ as _sfc_main$1 } from "./LpButton-CVxBfGjd.js";
+import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
+import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
+import '../assets/LpRepeater-C1Cw27hj.css';const _hoisted_1 = { class: "flex items-center justify-between gap-2" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-sm font-medium text-ink"
+};
+const _hoisted_3 = { class: "min-w-0 flex-1" };
+const _hoisted_4 = {
+  key: "empty",
+  class: "text-xs text-muted"
+};
+const focusable = 'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex="0"], [contenteditable="true"]';
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "LpRepeater",
+  props: /* @__PURE__ */ mergeModels({
+    createItem: { type: Function },
+    itemKey: { type: Function },
+    label: {},
+    disabled: { type: Boolean },
+    labels: {}
+  }, {
+    "modelValue": { default: () => [] },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const field = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
+    const text = useLabels("repeater", { add: "Add item", remove: "Remove item {index}", empty: "No items" }, () => props.labels);
+    const list = useRepeater({
+      value: () => model.value,
+      set: (items) => {
+        model.value = items;
+      },
+      createItem: () => props.createItem(),
+      itemKey: () => props.itemKey,
+      disabled: () => field.value.disabled
+    });
+    const { rows } = list;
+    const rowsHost = ref(null);
+    const reducedMotion = usePrefersReducedMotion();
+    const addButton = ref(null);
+    function focusRow(index) {
+      rowAt(index)?.querySelector(focusable)?.focus({ preventScroll: true });
+    }
+    function rowAt(index) {
+      return Array.from(rowsHost.value?.children ?? []).filter(
+        (node) => node.hasAttribute("data-lp-repeater-row") && !node.hasAttribute("inert")
+      )[index];
+    }
+    function beforeLeave(el) {
+      const row = el;
+      row.style.width = `${row.offsetWidth}px`;
+      row.style.top = `${row.offsetTop}px`;
+      row.setAttribute("inert", "");
+      row.setAttribute("aria-hidden", "true");
+    }
+    function beforeEnter(el) {
+      const row = el;
+      row.removeAttribute("inert");
+      row.removeAttribute("aria-hidden");
+      row.style.removeProperty("top");
+      row.style.removeProperty("width");
+    }
+    async function add() {
+      if (field.value.disabled) return;
+      list.add();
+      await nextTick();
+      focusRow(model.value.length - 1);
+    }
+    async function remove(index) {
+      if (field.value.disabled) return;
+      const row = rowAt(index);
+      const restore = row?.contains(row.ownerDocument.activeElement);
+      list.remove(index);
+      if (!restore) return;
+      await nextTick();
+      if (model.value.length) focusRow(Math.min(index, model.value.length - 1));
+      else addButton.value?.$el?.focus({ preventScroll: true });
+    }
+    __expose({ add, remove, update: list.update });
+    const { class: rootClass, attrs: rest } = useMergedAttrs("flex min-w-0 flex-col gap-2");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps(unref(rest), { class: unref(rootClass) }), [
+        createElementVNode("div", _hoisted_1, [
+          __props.label ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          createVNode(_sfc_main$1, {
+            ref_key: "addButton",
+            ref: addButton,
+            size: "xs",
+            variant: "ghost",
+            disabled: unref(field).disabled,
+            onClick: add
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$2, {
+                name: "lucide:plus",
+                size: 14
+              }),
+              createTextVNode(toDisplayString(unref(text).add), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        createVNode(_sfc_main$3, { axis: "height" }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              ref_key: "rowsHost",
+              ref: rowsHost,
+              class: "relative flex min-w-0 flex-col gap-2"
+            }, [
+              createVNode(TransitionGroup, {
+                name: "lp-repeater",
+                css: !unref(reducedMotion),
+                onBeforeEnter: beforeEnter,
+                onBeforeLeave: beforeLeave
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), ({ item, key }, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key,
+                      "data-lp-repeater-row": "",
+                      class: "flex min-w-0 items-start gap-2"
+                    }, [
+                      createElementVNode("div", _hoisted_3, [
+                        renderSlot(_ctx.$slots, "default", {
+                          item,
+                          index,
+                          disabled: unref(field).disabled,
+                          update: (next) => unref(list).update(index, next),
+                          remove: () => remove(index)
+                        })
+                      ]),
+                      createVNode(_sfc_main$1, {
+                        variant: "ghost",
+                        size: "sm",
+                        square: "",
+                        disabled: unref(field).disabled,
+                        "aria-label": unref(text).remove.replace("{index}", String(index + 1)),
+                        onClick: ($event) => remove(index)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_sfc_main$2, {
+                            name: "lucide:x",
+                            size: 14
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "aria-label", "onClick"])
+                    ]);
+                  }), 128)),
+                  !unref(rows).length ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                    renderSlot(_ctx.$slots, "empty", {}, () => [
+                      createTextVNode(toDisplayString(unref(text).empty), 1)
+                    ])
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 3
+              }, 8, ["css"])
+            ], 512)
+          ]),
+          _: 3
+        })
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpRollingText-DB7upf-5.js → LpRollingText-DiL717LK.js}

@@ -1,12 +1,13 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
-import '../assets/LpRollingText-BGnE6q9j.css';const _sfc_main = /* @__PURE__ */ defineComponent({
+import '../assets/LpRollingText-dyOXedGO.css';const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpRollingText",
   props: {
     value: {},
     mode: { default: "slide" },
     direction: { default: "up" },
     duration: { default: 320 },
-    align: { default: "center" }
+    align: { default: "center" },
+    wrap: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -25,7 +26,7 @@ import '../assets/LpRollingText-BGnE6q9j.css';const _sfc_main = /* @__PURE__ */
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["lp-roll relative inline-flex overflow-hidden align-bottom", justify.value]),
+        class: normalizeClass(["lp-roll relative inline-flex overflow-hidden align-bottom", [justify.value, __props.wrap && "lp-roll--wrap"]]),
         style: normalizeStyle(style.value)
       }, [
         createVNode(Transition, { name: name.value }, {

package/dist/chunks/{LpSecretField-DMfdJ1cQ.js → LpSecretField-CfWyHv9m.js}

@@ -2,12 +2,13 @@ import { defineComponent, useModel, computed, ref, watch, onMounted, onBeforeUnm
 import { prefersReducedMotion } from "../composables/easing.js";
 import { useScramble } from "../composables/useScramble.js";
 import { useLabels } from "../composables/useLpConfig.js";
+import { useFieldControl } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$5 } from "./FieldWrapper-BiennROB.js";
 import { _ as _sfc_main$3 } from "./LpButton-CVxBfGjd.js";
 import { _ as _sfc_main$2 } from "./LpCopyButton-DzHjnFs0.js";
 import { _ as _sfc_main$4 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpPasswordInput-DTV18FIh.js";
+import { _ as _sfc_main$1 } from "./LpPasswordInput-GL2KOFK8.js";
 import { _ as _sfc_main$6 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$8 } from "./LpTooltip-Cz8SQwRt.js";
 import { _ as _sfc_main$7 } from "./RevealToggle-C-KzaQGJ.js";
@@ -57,7 +58,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const revealed = useModel(__props, "revealed");
+    const revealedModel = useModel(__props, "revealed");
+    const revealed = computed({
+      get: () => props.revealable && revealedModel.value,
+      set: (value) => {
+        revealedModel.value = value;
+      }
+    });
     const text = useLabels(
       "secretField",
       {
@@ -71,6 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.labels
     );
     const secret = computed(() => (props.input ? props.modelValue : props.value) ?? "");
+    const control = useFieldControl(() => ({ wrapped: false, disabled: props.disabled }));
     const decrypt = useScramble(() => revealed.value ? secret.value : "", { onChange: true, duration: 650 });
     const mask = computed(() => "•".repeat(props.maskLength));
     let hideTimer;
@@ -117,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => mergeClass(
         "relative flex w-full items-center gap-1 overflow-hidden rounded-control border bg-surface-soft text-ink transition-colors duration-(--duration-fast)",
         props.error ? "border-danger" : "border-line",
-        props.disabled ? "opacity-55" : "",
+        control.value.disabled ? "opacity-55" : "",
         props.wrap ? "py-1.5" : "",
         { sm: "min-h-(--size-control-sm) pl-2.5 pr-1 text-xs", md: "min-h-(--size-control-md) pl-3 pr-1.5 text-sm", lg: "min-h-(--size-control-lg) pl-3.5 pr-1.5 text-sm" }[props.size]
       )
@@ -133,7 +141,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "[&_input]:font-mono",
         "model-value": __props.modelValue,
         placeholder: __props.placeholder,
-        disabled: __props.disabled,
+        disabled: unref(control).disabled,
+        revealable: __props.revealable,
         label: __props.label,
         hint: __props.hint,
         error: __props.error,
@@ -147,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             value: secret.value,
             size: "xs",
             class: "size-7",
-            disabled: __props.disabled,
+            disabled: unref(control).disabled,
             onCopied: _cache[0] || (_cache[0] = (t) => emit("copied", t))
           }, null, 8, ["value", "disabled"])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "actions"),
@@ -160,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "aria-label": unref(text).regenerate,
             title: unref(text).regenerate,
             action: __props.regenerate,
-            disabled: __props.disabled
+            disabled: unref(control).disabled
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$4, {
@@ -180,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["visible", "model-value", "placeholder", "disabled", "label", "hint", "error", "size", "labels"])) : (openBlock(), createBlock(_sfc_main$5, {
+      ]), 1040, ["visible", "model-value", "placeholder", "disabled", "revealable", "label", "hint", "error", "size", "labels"])) : (openBlock(), createBlock(_sfc_main$5, {
         key: 1,
         wrapped: !!(__props.label || __props.hint || __props.error),
         id: unref(id),
@@ -239,7 +248,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "icon-size": iconSize.value,
                 "show-label": unref(text).show,
                 "hide-label": unref(text).hide,
-                disabled: __props.disabled,
+                disabled: unref(control).disabled,
                 controls: unref(id),
                 class: "size-7"
               }, null, 8, ["modelValue", "icon-size", "show-label", "hide-label", "disabled", "controls"])) : createCommentVNode("", true),
@@ -248,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 value: secret.value,
                 size: copySize.value,
                 class: "size-7 text-muted hover:text-ink",
-                disabled: __props.disabled,
+                disabled: unref(control).disabled,
                 onCopied: _cache[4] || (_cache[4] = (t) => emit("copied", t))
               }, null, 8, ["value", "size", "disabled"])) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "actions"),
@@ -264,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     square: "",
                     class: "size-7 text-muted hover:text-ink",
                     action: __props.regenerate,
-                    disabled: __props.disabled
+                    disabled: unref(control).disabled
                   }, {
                     default: withCtx(() => [
                       createVNode(_sfc_main$4, {

package/dist/chunks/{LpSelect-B4f_yRi5.js → LpSelect-C_8cJtj6.js}

@@ -1,12 +1,12 @@
-import { defineComponent, computed, ref, useId, useAttrs, reactive, watch, nextTick, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString, createElementBlock, TransitionGroup, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeStyle } from "vue";
+import { defineComponent, computed, ref, useAttrs, useId, reactive, watch, nextTick, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, toDisplayString, createElementBlock, TransitionGroup, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeStyle } from "vue";
 import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem, ComboboxItemIndicator } from "reka-ui";
-import { useFieldControl } from "../composables/useField.js";
+import { useFieldControl, useFieldBlur } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$3 } from "./OptionContent-CmYUUeWj.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { fitChips, toggledValues } from "../components/select.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
@@ -112,12 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isOpen.value = open;
       query.value = "";
     }
-    const partOf = `lp-select-${useId()}`;
-    function onFocusOut(event) {
-      const next = event.relatedTarget;
-      const inside = !!next && typeof next.closest === "function" && !!next.closest(`[data-lp-select-part="${partOf}"]`);
-      if (!inside) emit("blur", event);
-    }
+    const { partId, onFocusOut } = useFieldBlur((event) => emit("blur", event));
     const attrs = useAttrs();
     const valueId = `lp-select-${useId()}-value`;
     const valueText = computed(() => chips.value.length ? chipNames.value : displayLabel.value || placeholderText.value);
@@ -254,8 +249,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           createVNode(unref(ComboboxAnchor), {
-            "data-lp-select-part": partOf,
-            onFocusout: onFocusOut,
+            "data-lp-field-part": unref(partId),
+            onFocusout: unref(onFocusOut),
             class: normalizeClass([
               anchorHeight.value,
               "group flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-sm text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2",
@@ -394,12 +389,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          }, 8, ["class"]),
+          }, 8, ["data-lp-field-part", "onFocusout", "class"]),
           createVNode(unref(ComboboxPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
               createVNode(unref(ComboboxContent), {
-                "data-lp-select-part": partOf,
-                onFocusout: onFocusOut,
+                "data-lp-field-part": unref(partId),
+                onFocusout: unref(onFocusOut),
                 onInteractOutside: unref(guardOutside),
                 onEscapeKeyDown: unref(guardOutside),
                 position: "popper",
@@ -455,7 +450,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   })
                 ]),
                 _: 1
-              }, 8, ["onInteractOutside", "onEscapeKeyDown", "class"])
+              }, 8, ["data-lp-field-part", "onFocusout", "onInteractOutside", "onEscapeKeyDown", "class"])
             ]),
             _: 1
           }, 8, ["to"])

package/dist/chunks/{LpSidebar-D-M0Y_7U.js → LpSidebar-CZRXtvem.js}

@@ -3,7 +3,7 @@ import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$3 } from "./LpDrawer-DGNKRsGq.js";
 import { _ as _sfc_main$1 } from "./LpInput-CDuwODJG.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav-DF-TYxOV.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-DBg1U1oW.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav-DF-TYxOV.js → LpSidebarNav-DBg1U1oW.js}

@@ -2,8 +2,8 @@ import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unr
 import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
 import { usePillTransition } from "../composables/usePillTransition.js";
-import { _ as _sfc_main$4 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$5 } from "./LpContextMenu-COwOwRgI.js";
+import { _ as _sfc_main$4 } from "./LpBadge-BBq1Er9T.js";
+import { _ as _sfc_main$5 } from "./LpContextMenu-Cj96ENDC.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";

package/dist/chunks/{LpStat-B2ix1Q7t.js → LpStat-DFKlPJgy.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, mergeProps, u
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$4 } from "./LpNumberFlow-Cfyh033Q.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
-import { _ as _sfc_main$1 } from "./LpStatus-C7kx5PKE.js";
+import { _ as _sfc_main$1 } from "./LpStatus-BsGLrpor.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { TONES } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };

package/dist/chunks/{LpStatus-C7kx5PKE.js → LpStatus-BsGLrpor.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, toDisplayString, createVNode } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { _ as _sfc_main$1 } from "./LpBadge-HOEPBYmi.js";
-import { _ as _sfc_main$2 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpBadge-BBq1Er9T.js";
+import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
 import { TONE_COLOR } from "../components/meter.js";
 import { STATUS_LABELS, STATUS_LOOK } from "../components/status.js";

package/dist/chunks/{LpStepMark-DK-5BKAt.js → LpStepMark-TrzOioa9.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createElementBlock, mergeProps, u
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$2 } from "./LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$1 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
 import { TONES } from "../components/tone.js";
 import '../assets/LpStepMark-Drvx33Vg.css';const _hoisted_1 = ["role", "aria-label", "aria-hidden", "data-status"];
 const _hoisted_2 = {

package/dist/chunks/{LpStepper-DRFfdJaq.js → LpStepper-BbnS5jUr.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
-import { _ as _sfc_main$1 } from "./LpStepMark-DK-5BKAt.js";
+import { _ as _sfc_main$1 } from "./LpStepMark-TrzOioa9.js";
 import { _ as _sfc_main$2 } from "./StepConnector-37OgEOXA.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["aria-current"];

package/dist/chunks/{LpTagsInput-DgpBFRV2.js → LpTagsInput-DZg80W-B.js}

@@ -9,7 +9,7 @@ import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$4 } from "./LpFieldNotice-CurbNuXI.js";
 import { _ as _sfc_main$1 } from "./FieldWrapper-BiennROB.js";
 import { BADGE_REMOVE } from "../components/badge.js";
-import { _ as _sfc_main$2 } from "./LpBadge-HOEPBYmi.js";
+import { _ as _sfc_main$2 } from "./LpBadge-BBq1Er9T.js";
 import { _ as _sfc_main$3 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$5 } from "./OptionContent-CmYUUeWj.js";
 import { POPOVER_PANEL, OPTION_ITEM, optionStagger } from "../components/dropdown.js";

package/dist/chunks/{LpThemeStudio-DguwHdGt.js → LpThemeStudio-DxVZMtzN.js}

@@ -5,7 +5,7 @@ import { parseColor, rgbToHex } from "../components/color.js";
 import { p as presets, u as useTheme, o as themeToCssRule, s as serializeTheme } from "./useTheme-BOV_-AiY.js";
 import { _ as _sfc_main$1 } from "./LpButton-CVxBfGjd.js";
 import { _ as _sfc_main$6 } from "./LpCodeBlock-BGsQhxw8.js";
-import { _ as _sfc_main$4 } from "./LpColorPicker-DFugXNUi.js";
+import { _ as _sfc_main$4 } from "./LpColorPicker-B7HSIFmn.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
 import { _ as _sfc_main$5 } from "./LpSegmented-BO99Sr4m.js";
 import { _ as _sfc_main$3 } from "./LpThemeStudioSection-BwhqYDLf.js";

package/dist/chunks/{LpThemeSwitcher-D5uz0MhK.js → LpThemeSwitcher-CadVBTBn.js}

@@ -3,11 +3,11 @@ import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { u as useTheme, p as presets } from "./useTheme-BOV_-AiY.js";
-import { u as useThemeStudio, S as STUDIO_SYSTEM, _ as _sfc_main$5 } from "./LpThemeStudio-DguwHdGt.js";
+import { u as useThemeStudio, S as STUDIO_SYSTEM, _ as _sfc_main$5 } from "./LpThemeStudio-DxVZMtzN.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$4 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$4 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$3 } from "./LpShift-DXNsauQZ.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {

package/dist/chunks/{LpTopologyCanvas-ZhKthfgz.js → LpTopologyCanvas-C17A1XCb.js}

@@ -3,7 +3,7 @@ import { Background } from "@vue-flow/background";
 import { Controls } from "@vue-flow/controls";
 import { MarkerType, useVueFlow, VueFlow, SelectionMode, Panel } from "@vue-flow/core";
 import { MiniMap } from "@vue-flow/minimap";
-import { _ as _sfc_main$3 } from "./LpInfraNode-CUC3t4na.js";
+import { _ as _sfc_main$3 } from "./LpInfraNode-D64hywJI.js";
 import { _ as _sfc_main$1 } from "./LpLaneNode-HtnQf2FF.js";
 import { _ as _sfc_main$2 } from "./LpServiceNode-D8uJ8sGk.js";
 import { _ as _sfc_main$4 } from "./LpWaypointEdge-D8yHlQiw.js";

package/dist/chunks/{LpTour-NfRJNEIP.js → LpTour-CY2bFXge.js}

@@ -8,7 +8,7 @@ import { useMediaQuery } from "../composables/useMediaQuery.js";
 import { useView, usePortalTarget, viewDocument, viewWindow } from "../composables/useView.js";
 import { scrollToElement } from "../composables/scroll.js";
 import { PANEL_SURFACE } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./TourCard-BXuVHsfn.js";
+import { _ as _sfc_main$1 } from "./TourCard-BJ8i7dk0.js";
 import { holeOf, panelsAround, holeClip } from "../components/tour.js";
 const _hoisted_1 = ["aria-label"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{LpUptimeBar-DWegV2p6.js → LpUptimeBar-Tew1Ykx4.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, withCtx, createBlock, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
 import { _ as _sfc_main$5 } from "./LpNumberFlow-Cfyh033Q.js";
-import { _ as _sfc_main$4 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$4 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpSwap-DzE6M3Mg.js";
 import { _ as _sfc_main$3 } from "./LpTooltip-Cz8SQwRt.js";

package/dist/chunks/{PickerField-CHRS1h7K.js → PickerField-DoHv0WMH.js}

@@ -1,18 +1,20 @@
 import { defineComponent, useModel, useAttrs, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, renderSlot, createElementVNode, mergeProps, mergeModels } from "vue";
+import { useFieldBlur } from "../composables/useField.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { PICKER_PRESETS, PICKER_PRESET, PICKER_TRIGGER, PICKER_SIZE, pickerTone, PICKER_CLEAR } from "../components/calendar.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
-import { _ as _sfc_main$1 } from "./LpPopover-BEIcqb9p.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
-const _hoisted_1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_2 = {
+import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
+const _hoisted_1 = ["data-lp-field-part"];
+const _hoisted_2 = ["id", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_3 = {
   key: 0,
   class: "w-[15px] shrink-0",
   "aria-hidden": "true"
 };
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["disabled", "aria-pressed", "onClick"];
-const _hoisted_5 = ["aria-label"];
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = ["disabled", "aria-pressed", "onClick"];
+const _hoisted_6 = ["aria-label"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "PickerField",
@@ -31,18 +33,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "open": { type: Boolean },
     "openModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["clear"], ["update:open"]),
-  setup(__props) {
+  emits: /* @__PURE__ */ mergeModels(["clear", "blur"], ["update:open"]),
+  setup(__props, { emit: __emit }) {
     const open = useModel(__props, "open");
+    const emit = __emit;
+    const { partId, onFocusOut } = useFieldBlur((event) => emit("blur", event));
     const attrs = useAttrs();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        "data-lp-field-part": unref(partId),
+        onFocusout: _cache[2] || (_cache[2] = //@ts-ignore
+        (...args) => unref(onFocusOut) && unref(onFocusOut)(...args)),
         class: normalizeClass(unref(mergeClass)("relative w-full", unref(attrs).class)),
         style: normalizeStyle(unref(attrs).style)
       }, [
         createVNode(_sfc_main$1, {
           open: open.value,
           "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+          "data-lp-field-part": unref(partId),
+          onFocusout: unref(onFocusOut),
           align: "start",
           "panel-class": "flex w-auto max-w-[calc(100vw-1rem)] flex-col rounded-card p-0 sm:flex-row"
         }, {
@@ -65,13 +74,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 align: "start",
                 class: normalizeClass(["min-w-0 flex-1", !__props.display && "text-muted"])
               }, null, 8, ["value", "class"]),
-              __props.clearable ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true),
+              __props.clearable ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true),
               createVNode(_sfc_main$2, {
                 name: "lucide:chevron-down",
                 size: 15,
                 class: "shrink-0 text-muted transition-transform duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] group-data-[state=open]:rotate-180 motion-reduce:transition-none"
               })
-            ], 16, _hoisted_1)
+            ], 16, _hoisted_2)
           ]),
           default: withCtx(() => [
             __props.presets.length ? (openBlock(), createElementBlock("div", {
@@ -88,13 +97,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "aria-pressed": preset.selected,
                   class: normalizeClass(unref(PICKER_PRESET)),
                   onClick: preset.select
-                }, toDisplayString(preset.label), 11, _hoisted_4);
+                }, toDisplayString(preset.label), 11, _hoisted_5);
               }), 128))
-            ], 10, _hoisted_3)) : createCommentVNode("", true),
+            ], 10, _hoisted_4)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default")
           ]),
           _: 3
-        }, 8, ["open"]),
+        }, 8, ["open", "data-lp-field-part", "onFocusout"]),
         __props.clearable ? (openBlock(), createElementBlock("button", {
           key: 0,
           type: "button",
@@ -106,8 +115,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "lucide:x",
             size: 15
           })
-        ], 10, _hoisted_5)) : createCommentVNode("", true)
-      ], 6);
+        ], 10, _hoisted_6)) : createCommentVNode("", true)
+      ], 46, _hoisted_1);
     };
   }
 });

package/dist/chunks/{TourCard-BXuVHsfn.js → TourCard-BJ8i7dk0.js}

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createElementBlock, Fragment, createVNode,
 import { _ as _sfc_main$5 } from "./LpButton-CVxBfGjd.js";
 import { _ as _sfc_main$2 } from "./LpIcon-HJP5xMz4.js";
 import LpKeys from "../components/LpKeys.vue.js";
-import { _ as _sfc_main$3 } from "./LpRollingText-DB7upf-5.js";
+import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$1 } from "./LpSwap-DzE6M3Mg.js";
 const _hoisted_1 = { class: "flex items-start justify-between gap-3" };

package/dist/components/ContextMenuItems.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/ContextMenuItems-B5uE8Znw.js";
+import { _ as _sfc_main } from "../chunks/ContextMenuItems-6kxEivBI.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-CNnLTDZg.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-Chv_Xf8q.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-CEUAB8kK.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-BiWByLmt.js";
 export {
   _sfc_main as default
 };