@leavepulse/ui 0.78.0 → 0.78.2

package/dist/chunks/LpDatePicker-C2AOtxgF.js

@@ -0,0 +1,171 @@
+import { defineComponent, ref, computed, useAttrs, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, createElementVNode, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
+import { useOwnField } from "../composables/useField.js";
+import { useLocale } from "../composables/useLocale.js";
+import { useLabels } from "../composables/useLpConfig.js";
+import { defaultDatePresets, dayAllowed } from "../components/dateRange.js";
+import { _ as _sfc_main$3 } from "./LpCalendar-D4-LVjfF.js";
+import { _ as _sfc_main$4 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$2 } from "./PickerField-BM1dyafh.js";
+import { _ as _sfc_main$5 } from "./LpTimeField-B5n0m8m0.js";
+const _hoisted_1 = { class: "flex flex-col" };
+const _hoisted_2 = {
+  key: 0,
+  class: "flex items-center gap-2 border-t border-line px-3 py-2"
+};
+const __default__ = { inheritAttrs: false };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "LpDatePicker",
+  props: {
+    clearable: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    error: {},
+    size: { default: "md" },
+    locale: {},
+    modelValue: {},
+    placeholder: {},
+    min: {},
+    max: {},
+    isDisabled: {},
+    isDateUnavailable: {},
+    presets: { type: [Array, Boolean] },
+    format: { default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
+    time: { type: Boolean },
+    defaultTime: { default: "00:00" },
+    doneLabel: {},
+    labels: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = ref(false);
+    const day = computed(() => (props.modelValue || "").slice(0, 10));
+    const minute = computed(() => {
+      const at = (props.modelValue || "").slice(11, 16);
+      return /^\d{2}:\d{2}$/.test(at) ? at : "";
+    });
+    const locale = useLocale(() => props.locale);
+    const display = computed(() => {
+      if (!props.modelValue) return "";
+      const [y, m, d] = day.value.split("-").map(Number);
+      if (!y || !m || !d) return props.modelValue;
+      const shown = new Intl.DateTimeFormat(locale.value, props.format).format(new Date(y, m - 1, d));
+      return props.time && minute.value ? `${shown}, ${minute.value}` : shown;
+    });
+    function onPick(picked) {
+      const v = picked ?? (day.value || void 0);
+      if (!props.time) {
+        emit("update:modelValue", v);
+        open.value = false;
+        return;
+      }
+      emit("update:modelValue", v ? `${v}T${minute.value || props.defaultTime}` : void 0);
+    }
+    function onTime(at) {
+      if (!day.value) return;
+      emit("update:modelValue", `${day.value}T${at || props.defaultTime}`);
+    }
+    function clear() {
+      emit("update:modelValue", void 0);
+    }
+    useAttrs();
+    const { field, wrapper, controlAttrs } = useOwnField(() => ({ error: props.error, invalid: props.invalid, disabled: props.disabled }));
+    const text = useLabels(
+      "datePicker",
+      {
+        placeholder: "Pick a date",
+        clear: "Clear",
+        done: "Done",
+        presets: "Presets",
+        today: "Today",
+        tomorrow: "Tomorrow",
+        inWeek: "In a week"
+      },
+      () => props.labels
+    );
+    const presetList = computed(() => {
+      if (Array.isArray(props.presets)) return props.presets;
+      return props.presets ? defaultDatePresets(text.value) : [];
+    });
+    function presetFits(preset) {
+      return dayAllowed(preset.date(), props);
+    }
+    function pickPreset(preset) {
+      if (presetFits(preset)) onPick(preset.date());
+    }
+    const showClear = computed(() => props.clearable && !!props.modelValue && !field.value.disabled);
+    const presetOptions = computed(() => presetList.value.map((preset) => ({
+      label: preset.label,
+      disabled: !presetFits(preset),
+      selected: !!day.value && day.value === preset.date(),
+      select: () => pickPreset(preset)
+    })));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, mergeProps(unref(controlAttrs), {
+            open: open.value,
+            "onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
+            field: unref(field),
+            display: display.value,
+            placeholder: __props.placeholder ?? unref(text).placeholder,
+            icon: "lucide:calendar",
+            size: __props.size,
+            clearable: showClear.value,
+            "clear-label": unref(text).clear,
+            "presets-label": unref(text).presets,
+            presets: presetOptions.value,
+            "presets-class": "sm:w-36",
+            onClear: clear,
+            onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
+          }), {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_sfc_main$3, {
+                  "model-value": day.value,
+                  min: __props.min,
+                  max: __props.max,
+                  "is-disabled": __props.isDisabled,
+                  "is-date-unavailable": __props.isDateUnavailable,
+                  locale: unref(locale),
+                  labels: __props.labels,
+                  class: "border-0 bg-transparent",
+                  "onUpdate:modelValue": onPick
+                }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "locale", "labels"]),
+                __props.time ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createVNode(_sfc_main$4, {
+                    name: "lucide:clock",
+                    size: 15,
+                    class: "shrink-0 text-muted"
+                  }),
+                  createVNode(_sfc_main$5, {
+                    "model-value": minute.value || void 0,
+                    disabled: !day.value,
+                    icon: false,
+                    locale: unref(locale),
+                    size: "sm",
+                    class: "flex-1",
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = (at) => onTime(at || ""))
+                  }, null, 8, ["model-value", "disabled", "locale"]),
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "shrink-0 rounded-control px-2 py-1 text-xs text-muted transition-colors hover:text-ink",
+                    onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+                  }, toDisplayString(__props.doneLabel ?? unref(text).done), 1)
+                ])) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 1
+          }, 16, ["open", "field", "display", "placeholder", "size", "clearable", "clear-label", "presets-label", "presets"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/{LpDateRangePicker-CNQXdTVv.js → LpDateRangePicker-CiXdIAyh.js}

@@ -1,11 +1,12 @@
-import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, unref, withCtx, createVNode } from "vue";
-import { useAttrsField } from "../composables/useField.js";
+import { defineComponent, ref, computed, useAttrs, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps } from "vue";
+import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
+import { useOwnField } from "../composables/useField.js";
 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-BM1dyafh.js";
-import { _ as _sfc_main$2 } from "./LpRangeCalendar-BrqlGZzE.js";
+import { _ as _sfc_main$2 } from "./PickerField-BM1dyafh.js";
+import { _ as _sfc_main$3 } from "./LpRangeCalendar-BrqlGZzE.js";
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -14,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     clearable: { type: Boolean },
     disabled: { type: Boolean },
     invalid: { type: Boolean },
+    error: {},
     size: { default: "md" },
     locale: {},
     modelValue: {},
@@ -71,7 +73,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return !!allowedRange(preset.range(), rules.value);
     }
     const wide = useMediaQuery("(min-width: 640px)");
-    const { attrs, field } = useAttrsField(() => ({ invalid: props.invalid, disabled: props.disabled }));
+    useAttrs();
+    const { field, wrapper, controlAttrs } = useOwnField(() => ({ error: props.error, invalid: props.invalid, disabled: props.disabled }));
     const showClear = computed(() => props.clearable && !!value.value && !field.value.disabled);
     const presetOptions = computed(() => presetList.value.map((preset) => ({
       label: preset.label,
@@ -80,39 +83,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       select: () => pickPreset(preset)
     })));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps(unref(attrs), {
-        open: open.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-        field: unref(field),
-        display: display.value,
-        placeholder: __props.placeholder || unref(text).placeholder,
-        icon: "lucide:calendar-range",
-        size: __props.size,
-        clearable: showClear.value,
-        "clear-label": unref(text).clear,
-        "presets-label": unref(text).presets,
-        presets: presetOptions.value,
-        "presets-class": "sm:w-40",
-        onClear: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", void 0)),
-        onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", $event))
-      }), {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(wrapper))), {
         default: withCtx(() => [
-          createVNode(_sfc_main$2, {
-            "model-value": value.value,
-            min: __props.min,
-            max: __props.max,
-            "is-disabled": __props.isDisabled,
-            "is-date-unavailable": __props.isDateUnavailable,
-            "maximum-days": __props.maximumDays,
-            months: unref(wide) ? 2 : 1,
-            locale: unref(locale),
-            labels: __props.labels,
-            class: "border-0 bg-transparent",
-            "onUpdate:modelValue": pick
-          }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "maximum-days", "months", "locale", "labels"])
+          createVNode(_sfc_main$2, mergeProps(unref(controlAttrs), {
+            open: open.value,
+            "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+            field: unref(field),
+            display: display.value,
+            placeholder: __props.placeholder || unref(text).placeholder,
+            icon: "lucide:calendar-range",
+            size: __props.size,
+            clearable: showClear.value,
+            "clear-label": unref(text).clear,
+            "presets-label": unref(text).presets,
+            presets: presetOptions.value,
+            "presets-class": "sm:w-40",
+            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$3, {
+                "model-value": value.value,
+                min: __props.min,
+                max: __props.max,
+                "is-disabled": __props.isDisabled,
+                "is-date-unavailable": __props.isDateUnavailable,
+                "maximum-days": __props.maximumDays,
+                months: unref(wide) ? 2 : 1,
+                locale: unref(locale),
+                labels: __props.labels,
+                class: "border-0 bg-transparent",
+                "onUpdate:modelValue": pick
+              }, null, 8, ["model-value", "min", "max", "is-disabled", "is-date-unavailable", "maximum-days", "months", "locale", "labels"])
+            ]),
+            _: 1
+          }, 16, ["open", "field", "display", "placeholder", "size", "clearable", "clear-label", "presets-label", "presets"])
         ]),
         _: 1
-      }, 16, ["open", "field", "display", "placeholder", "size", "clearable", "clear-label", "presets-label", "presets"]);
+      }, 16);
     };
   }
 });

package/dist/chunks/{LpDrawer-Bt9UUqt_.js → LpDrawer-DXNQFpAA.js}

@@ -8,7 +8,7 @@ import { useModelOverlayHistory } from "../composables/useOverlayHistory.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 import { startPointerDrag } from "../composables/pointerDrag.js";
 import { useView, viewDocument, usePortalTarget, useOutsideGuard, viewWindow } from "../composables/useView.js";

package/dist/chunks/{LpFileTree-BSx1kBoV.js → LpFileTree-CpNurwZp.js}

@@ -5,9 +5,9 @@ import { isElement } from "../composables/realm.js";
 import { withLoadedChildren, computeStats, formatSize, isFilterEmpty, filterTree, sortNodes, flattenVisible, rowWindow, renameProblem, nodeTrail, subtreeIds, rangeIds, topmostIds, canDrop, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$4 } from "./LpBreadcrumbs-CIIBsygI.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-DurPF001.js";
-import { _ as _sfc_main$6 } from "./LpFileTreeNode-4dVmFHb3.js";
-import { _ as _sfc_main$3 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$5 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$6 } from "./LpFileTreeNode-DdF8Cq-s.js";
+import { _ as _sfc_main$3 } from "./LpInput-CbI7z5fQ.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpFileTreeNode-4dVmFHb3.js → LpFileTreeNode-DdF8Cq-s.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createElementBlock, mergeProps, unref, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import { sortNodes, formatSize, formatModified, renameSelectionEnd, fileIcon } from "../components/fileTree.js";
 import { _ as _sfc_main$5 } from "./LpBadge-D5QQdDQ_.js";
-import { _ as _sfc_main$4 } from "./LpCheckbox-D6RuDW4X.js";
+import { _ as _sfc_main$4 } from "./LpCheckbox-CCWCwD0y.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-DrAw5DBZ.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$2 } from "./LpLoader-Bf1yZwaU.js";
 import { staggerDelay } from "../components/reveal.js";

package/dist/chunks/{LpHoverCard-DanH3Nz1.js → LpHoverCard-CHE9jAJG.js}

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, computed, watch, onBeforeUnmount, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createCommentVNode, mergeModels } from "vue";
+import { defineComponent, useModel, computed, watch, onBeforeUnmount, renderSlot, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, normalizeClass, createCommentVNode, mergeModels } from "vue";
 import { HoverCardRoot, HoverCardTrigger, HoverCardPortal, HoverCardContent, HoverCardArrow } from "reka-ui";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
@@ -6,6 +6,7 @@ import { POPOVER_PANEL } from "../components/dropdown.js";
 const SLOP = 8;
 const CLICK_AFTER_RELEASE_MS = 350;
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "LpHoverCard",
   props: /* @__PURE__ */ mergeModels({
     side: { default: "bottom" },
@@ -95,21 +96,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "close-delay": __props.closeDelay
       }, {
         default: withCtx(() => [
-          createVNode(unref(HoverCardTrigger), {
-            "as-child": "",
-            class: normalizeClass(__props.touch === "hold" ? "[-webkit-touch-callout:none]" : void 0),
+          createVNode(unref(HoverCardTrigger), mergeProps({ "as-child": "" }, _ctx.$attrs, {
+            class: __props.touch === "hold" ? "[-webkit-touch-callout:none]" : void 0,
             onPointerdown: onPointerDown,
             onPointermove: onPointerMove,
             onPointerup: onPointerUp,
             onPointercancel: onPointerCancel,
             onClickCapture,
             onContextmenu: onContextMenu
-          }, {
+          }), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "trigger")
             ]),
             _: 3
-          }, 8, ["class"]),
+          }, 16, ["class"]),
           createVNode(unref(HoverCardPortal), { to: unref(portalTo) }, {
             default: withCtx(() => [
               createVNode(unref(HoverCardContent), {

package/dist/chunks/{LpInfraNode-BAU40Km2.js → LpInfraNode-Bb5nbuFY.js}

@@ -19,7 +19,24 @@ const _hoisted_8 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpInfraNode",
   props: {
+    id: {},
+    type: {},
+    connectable: { type: [Boolean, Number, String, Function] },
+    position: {},
+    dimensions: {},
+    label: {},
+    isValidTargetPos: { type: Function },
+    isValidSourcePos: { type: Function },
+    parent: {},
+    parentNodeId: {},
+    dragging: { type: Boolean },
+    resizing: { type: Boolean },
+    zIndex: {},
+    targetPosition: {},
+    sourcePosition: {},
+    dragHandle: {},
     data: {},
+    events: {},
     selected: { type: Boolean },
     roles: {}
   },

package/dist/chunks/{LpInput-DL6HEJdi.js → LpInput-CbI7z5fQ.js}

@@ -1,20 +1,17 @@
-import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, renderSlot, createCommentVNode, mergeProps, withModifiers, createVNode } from "vue";
+import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, createSlots, renderSlot, mergeProps, createElementBlock, withModifiers, createCommentVNode } from "vue";
 import { CONTROL_SIZE } from "../components/controlSize.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { tv } from "tailwind-variants";
-import { useFieldControl, isAttrOn, fieldWrapperBinds, mergeDescribedBy } from "../composables/useField.js";
+import { useField, wrapsItself, useFieldControl, isAttrOn, fieldWrapperBinds, mergeDescribedBy } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useInputFilter } from "../composables/useInputFilter.js";
 import { useInputMask, DEFAULT_MASK_TOKENS } from "../composables/useInputMask.js";
 import { mergeClass } from "../composables/useMergedClass.js";
 import { _ as _sfc_main$1 } from "./FieldWrapper-DnuMTrqW.js";
-import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "flex shrink-0 items-center text-muted"
-};
-const _hoisted_2 = ["id", "type", "value", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby"];
-const _hoisted_3 = ["aria-label"];
+import { _ as _sfc_main$2 } from "./FieldLeading-mr81aEAP.js";
+import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
+const _hoisted_1 = ["id", "type", "value", "placeholder", "disabled", "required", "aria-invalid", "aria-describedby"];
+const _hoisted_2 = ["aria-label"];
 const __default__ = { inheritAttrs: false };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
@@ -97,9 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const hasLeading = computed(() => !!slots.leading || !!props.icon);
     const hasTrailing = computed(() => !!slots.trailing || showClear.value);
-    const hasField = computed(
-      () => !!props.label || !!props.hint || !!props.error
-    );
+    const outerFieldOf = useField();
+    const hasField = computed(() => wrapsItself(props, outerFieldOf));
     const field = useFieldControl(() => ({
       wrapped: hasField.value,
       hasMessage: !!props.error || !!props.hint,
@@ -140,15 +136,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(mergeClass)(shellClass.value, hasLeading.value ? "pl-2.5" : "", hasTrailing.value ? "pr-1.5" : "", hasField.value ? "" : unref(attrs).class)),
             style: normalizeStyle(hasField.value ? void 0 : unref(attrs).style)
           }, [
-            hasLeading.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
-              renderSlot(_ctx.$slots, "leading", {}, () => [
-                __props.icon ? (openBlock(), createBlock(_sfc_main$2, {
-                  key: 0,
-                  name: __props.icon,
-                  size: 16
-                }, null, 8, ["name"])) : createCommentVNode("", true)
-              ])
-            ])) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, { icon: __props.icon }, createSlots({ _: 2 }, [
+              _ctx.$slots.leading ? {
+                name: "default",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "leading")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["icon"]),
             createElementVNode("input", mergeProps({
               ref_key: "inputEl",
               ref: inputEl
@@ -172,10 +168,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (...args) => unref(onPaste) && unref(onPaste)(...args)),
               onCompositionend: onComposed,
               onInput: onInputEvent
-            }), null, 16, _hoisted_2),
+            }), null, 16, _hoisted_1),
             renderSlot(_ctx.$slots, "trailing"),
             showClear.value ? (openBlock(), createElementBlock("button", {
-              key: 1,
+              key: 0,
               type: "button",
               "aria-label": unref(text).clear,
               class: "shrink-0 rounded-inner p-1 text-muted outline-none transition-colors hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
@@ -183,11 +179,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, ["prevent"])),
               onClick: clear
             }, [
-              createVNode(_sfc_main$2, {
+              createVNode(_sfc_main$3, {
                 name: "lucide:x",
                 size: __props.size === "sm" ? 12 : 16
               }, null, 8, ["size"])
-            ], 40, _hoisted_3)) : createCommentVNode("", true)
+            ], 40, _hoisted_2)) : createCommentVNode("", true)
           ], 6)
         ]),
         _: 3

package/dist/chunks/{LpInspector-CuoMAhiw.js → LpInspector-DO3fTCQ1.js}

@@ -5,11 +5,11 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { clamp } from "../composables/clamp.js";
-import { _ as _sfc_main$4 } from "./LpDataList-DgBeM01y.js";
+import { _ as _sfc_main$4 } from "./LpDataList-CaVfsozH.js";
 import { _ as _sfc_main$3 } from "./LpDisclosure-DG7JCo-d.js";
 import "@iconify/vue";
 import "./icons-CYfcpSDS.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$1 } from "./IconCloseButton-COZEsa9u.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"];

package/dist/chunks/{LpLaneNode-HtnQf2FF.js → LpLaneNode-Bqcdm8Rf.js}

@@ -2,7 +2,25 @@ import { defineComponent, openBlock, createElementBlock, normalizeStyle, createE
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpLaneNode",
   props: {
-    data: {}
+    id: {},
+    type: {},
+    selected: { type: Boolean },
+    connectable: { type: [Boolean, Number, String, Function] },
+    position: {},
+    dimensions: {},
+    label: {},
+    isValidTargetPos: { type: Function },
+    isValidSourcePos: { type: Function },
+    parent: {},
+    parentNodeId: {},
+    dragging: { type: Boolean },
+    resizing: { type: Boolean },
+    zIndex: {},
+    targetPosition: {},
+    sourcePosition: {},
+    dragHandle: {},
+    data: {},
+    events: {}
   },
   setup(__props) {
     const props = __props;

package/dist/chunks/{LpLightbox-xvpQ64MM.js → LpLightbox-CtDTQV01.js}

@@ -6,7 +6,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useZoomPan } from "../composables/useZoomPan.js";
 import { clickLink } from "../components/exportData.js";
 import { fileNameOf } from "../components/lightbox.js";
-import { _ as _sfc_main$2 } from "./LpCopyButton-7EOSIuwa.js";
+import { _ as _sfc_main$2 } from "./LpCopyButton-sAMvWeLP.js";
 import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$3 } from "./LpLoader-Bf1yZwaU.js";
 import { useModalLayer } from "../components/modalDepth.js";

package/dist/chunks/{LpLogInspector-6cNnXqp4.js → LpLogInspector-CcSJSGan.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, openBlock, createElementBlock, unref, Fragment, createVNode, toDisplayString, renderList, normalizeStyle, createElementVNode, normalizeClass, createTextVNode } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$1 } from "./LpInput-CbI7z5fQ.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { structuredPayload, jsonRows, stackLines } from "../components/logTools.js";
 const _hoisted_1 = ["aria-label"];

package/dist/chunks/{LpLogViewer-Dvb1E9_G.js → LpLogViewer-CWu49Dko.js}

@@ -5,12 +5,12 @@ import { prefersReducedMotion, durationToken, tokenEase } from "../composables/e
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _sfc_main$7 } from "./LpBadge-D5QQdDQ_.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$4 } from "./LpEmptyState-DurPF001.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$5 } from "./LpLoader-Bf1yZwaU.js";
-import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$1 } from "./LpInput-CbI7z5fQ.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-CqvwfZs2.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
@@ -18,7 +18,7 @@ import { inTextField } from "../composables/textEntry.js";
 import { nodeWindow, isElement } from "../composables/realm.js";
 import { ringWindow, matchPositions, countLevels, stepMatch } from "../components/logSearch.js";
 import { downloadFile } from "../components/exportData.js";
-import { _ as _sfc_main$8 } from "./LpLogInspector-6cNnXqp4.js";
+import { _ as _sfc_main$8 } from "./LpLogInspector-CcSJSGan.js";
 import { compilePattern, inTimeRange, patternPositions, groupRepeats, rowSpan, exportLines, nearestByTime, termRanges, messageParts, findIds } from "../components/logTools.js";
 import { TONES, toneLook } from "../components/tone.js";
 import '../assets/LpLogViewer-BDNW6P52.css';const _hoisted_1 = {

package/dist/chunks/{LpMediaGallery-Df-tiWeq.js → LpMediaGallery-BYEwySoF.js}

@@ -1,9 +1,9 @@
 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--eMGIql6.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$3 } from "./LpLightbox-xvpQ64MM.js";
+import { _ as _sfc_main$3 } from "./LpLightbox-CtDTQV01.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];

package/dist/chunks/{LpModal-DrtQ_1A2.js → LpModal-DDvrSAnf.js}

@@ -9,7 +9,7 @@ import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-CqvwfZs2.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpModalNav-DkmGCnZE.js → LpModalNav-DI3BW5ff.js}

@@ -3,8 +3,8 @@ import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { _ as _sfc_main$3 } from "./LpIcon-C6JpQ5td.js";
-import { _ as _sfc_main$1 } from "./LpModal-DrtQ_1A2.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-kSkpPh3-.js";
+import { _ as _sfc_main$1 } from "./LpModal-DDvrSAnf.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-CvRvVBTt.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-D_wklO1m.js → LpNotificationBell-DUbVyK6R.js}

@@ -3,13 +3,13 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$a } from "./LpBadge-D5QQdDQ_.js";
 import { _ as _sfc_main$9 } from "./LpButton-DSHioIfD.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-Bx_IhQDS.js";
 import { _ as _sfc_main$4 } from "./LpEmptyState-DurPF001.js";
 import { _ as _sfc_main$7 } from "./LpIcon-C6JpQ5td.js";
 import { _ as _sfc_main$1 } from "./LpPopover-BQSuxtai.js";
-import { _ as _sfc_main$8 } from "./LpRelativeTime-BovUk8MP.js";
+import { _ as _sfc_main$8 } from "./LpRelativeTime-0zI-44ve.js";
 import { _ as _sfc_main$b } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$5 } from "./LpScrollArea-ay4Xo_hg.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-CqvwfZs2.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { toneLook } from "../components/tone.js";