@leavepulse/ui 0.77.3 → 0.78.1

package/dist/chunks/{LpFileTreeNode-cT6BIWvz.js → LpFileTreeNode-BgYn4U1J.js}

@@ -1,30 +1,31 @@
-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-wUYLN4U9.js";
-import { _ as _sfc_main$4 } from "./LpCheckbox-Cs4SHaHX.js";
-import { _ as _sfc_main$6 } from "./LpCollapse-CWS9M_lm.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-rx2tCjwk.js";
-import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpLoader-DVwkOmt9.js";
+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$6 } from "./LpCollapse-DrAw5DBZ.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";
 import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
-const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];
-const _hoisted_2 = ["data-node-id", "tabindex"];
+const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled", "aria-setsize", "aria-posinset"];
+const _hoisted_2 = ["data-node-id", "tabindex", "draggable", "data-drop-target"];
 const _hoisted_3 = { class: "min-w-0 flex-1 shrink-[2] truncate" };
-const _hoisted_4 = {
+const _hoisted_4 = ["value", "aria-label", "aria-invalid"];
+const _hoisted_5 = {
   key: 2,
   class: "min-w-0 shrink truncate text-xs text-muted"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 3,
   class: "shrink-0 text-xs tabular-nums text-muted/80"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 4,
   class: "w-16 shrink-0 text-right text-xs tabular-nums text-muted"
 };
-const _hoisted_7 = {
+const _hoisted_8 = {
   role: "group",
   class: "flex min-w-0 flex-col overflow-hidden"
 };
@@ -45,16 +46,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     checked: {},
     stats: {},
     showSize: { type: Boolean },
-    showModified: { type: Boolean }
+    showModified: { type: Boolean },
+    selectedIds: {},
+    multiple: { type: Boolean },
+    flat: { type: Boolean },
+    setSize: {},
+    posInSet: {},
+    movable: { type: Boolean },
+    dropTargetId: {},
+    renamingId: {},
+    renameValue: {},
+    renameInvalid: { type: Boolean },
+    renameLabel: {}
   },
-  emits: ["select", "toggle", "focus", "check"],
+  emits: ["select", "toggle", "focus", "check", "pick", "move-start", "move-over", "move-leave", "move-drop", "move-end", "rename-input", "rename-commit", "rename-cancel"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const isDir = computed(() => props.node.kind === "dir");
     const isOpen = computed(() => isDir.value && props.expanded.has(props.node.id));
     const isLoading = computed(() => props.loading.has(props.node.id));
-    const isSelected = computed(() => props.selectedId === props.node.id);
+    const isSelected = computed(() => props.selectedId === props.node.id || !!props.selectedIds?.has(props.node.id));
+    const isRenaming = computed(() => props.renamingId === props.node.id);
     const isFocused = computed(() => props.focusedId === props.node.id);
     const hasChildren = computed(() => isDir.value && (props.node.children?.length ?? 0) > 0);
     const canExpand = computed(() => isDir.value && (props.node.children === void 0 || hasChildren.value));
@@ -83,12 +96,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function rowDelay(index) {
       return `${staggerDelay(index, 0, 18, 10)}ms`;
     }
-    function onActivate() {
+    function onActivate(event) {
       if (props.node.disabled) return;
       emit("focus", props.node);
+      if (props.multiple && (event.shiftKey || event.ctrlKey || event.metaKey)) {
+        emit("pick", props.node, event.shiftKey ? "range" : "toggle");
+        return;
+      }
       emit("select", props.node);
       if (isDir.value) emit("toggle", props.node);
     }
+    const renameField = ref(null);
+    watch(
+      isRenaming,
+      async (renaming) => {
+        if (!renaming) return;
+        await nextTick();
+        renameField.value?.focus();
+        renameField.value?.setSelectionRange(0, renameSelectionEnd(props.node));
+      },
+      { immediate: true }
+    );
+    function onRenameKey(event) {
+      event.stopPropagation();
+      if (event.key === "Enter") emit("rename-commit", false);
+      else if (event.key === "Escape") emit("rename-cancel");
+    }
+    function onMoveStart(event) {
+      if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", props.node.name);
+      }
+      emit("move-start", props.node, event);
+    }
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "min-w-0"
     );
@@ -101,7 +141,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "aria-level": __props.depth + 1,
         "aria-selected": isSelected.value,
         "aria-expanded": canExpand.value ? isOpen.value : void 0,
-        "aria-disabled": __props.node.disabled || void 0
+        "aria-disabled": __props.node.disabled || void 0,
+        "aria-setsize": __props.flat ? __props.setSize : void 0,
+        "aria-posinset": __props.flat ? __props.posInSet : void 0
       }), [
         createVNode(_sfc_main$1, {
           items: __props.node.menu ?? [],
@@ -112,11 +154,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               "data-node-id": __props.node.id,
               tabindex: isFocused.value ? 0 : -1,
+              draggable: __props.movable && !__props.node.disabled && !isRenaming.value ? "true" : void 0,
+              "data-drop-target": __props.dropTargetId === __props.node.id ? "" : void 0,
               class: normalizeClass(["group/row relative flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-control py-1 pr-2 text-sm outline-none transition-colors duration-[var(--duration-fast)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", [
-                __props.node.disabled ? "cursor-not-allowed text-muted/50" : isSelected.value ? "bg-brand-soft text-ink" : "text-muted hover:bg-surface-soft hover:text-ink"
+                __props.node.disabled ? "cursor-not-allowed text-muted/50" : isSelected.value ? "bg-brand-soft text-ink" : "text-muted hover:bg-surface-soft hover:text-ink",
+                __props.dropTargetId === __props.node.id ? "ring-2 ring-inset ring-brand" : ""
               ]]),
               style: normalizeStyle({ paddingLeft: `${__props.depth * 14 + 6}px` }),
-              onClick: withModifiers(onActivate, ["stop"])
+              onClick: withModifiers(onActivate, ["stop"]),
+              onDragstart: onMoveStart,
+              onDragover: _cache[6] || (_cache[6] = ($event) => emit("move-over", __props.node, $event)),
+              onDragleave: _cache[7] || (_cache[7] = ($event) => emit("move-leave", __props.node)),
+              onDrop: _cache[8] || (_cache[8] = withModifiers(($event) => emit("move-drop", __props.node), ["prevent"])),
+              onDragend: _cache[9] || (_cache[9] = ($event) => emit("move-end"))
             }, [
               createElementVNode("span", {
                 class: normalizeClass(["flex size-4 shrink-0 items-center justify-center", canExpand.value ? "cursor-pointer rounded-sm hover:bg-line" : ""]),
@@ -152,7 +202,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["shrink-0", __props.node.disabled ? "" : isDir.value ? "text-brand" : "text-muted"])
               }, null, 8, ["name", "size", "class"]),
               createElementVNode("span", _hoisted_3, [
-                renderSlot(_ctx.$slots, "row", {
+                isRenaming.value ? (openBlock(), createElementBlock("input", {
+                  key: 0,
+                  ref_key: "renameField",
+                  ref: renameField,
+                  class: normalizeClass(["w-full min-w-0 rounded-sm border bg-surface-soft px-1 text-sm text-ink outline-none", __props.renameInvalid ? "border-danger" : "border-line-strong"]),
+                  value: __props.renameValue,
+                  "aria-label": __props.renameLabel,
+                  "aria-invalid": __props.renameInvalid || void 0,
+                  onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+                  }, ["stop"])),
+                  onKeydown: onRenameKey,
+                  onInput: _cache[4] || (_cache[4] = ($event) => emit("rename-input", $event.target.value)),
+                  onBlur: _cache[5] || (_cache[5] = ($event) => emit("rename-commit", true))
+                }, null, 42, _hoisted_4)) : renderSlot(_ctx.$slots, "row", {
+                  key: 1,
                   node: __props.node,
                   depth: __props.depth,
                   expanded: isOpen.value,
@@ -172,18 +236,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
-              modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
-              sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
-            ], 14, _hoisted_2)
+              __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
+              modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
+              sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
+            ], 46, _hoisted_2)
           ]),
           _: 3
         }, 8, ["items", "title", "title-icon"]),
-        createVNode(_sfc_main$6, {
+        !__props.flat ? (openBlock(), createBlock(_sfc_main$6, {
+          key: 0,
           open: isOpen.value && hasChildren.value
         }, {
           default: withCtx(() => [
-            createElementVNode("ul", _hoisted_7, [
+            createElementVNode("ul", _hoisted_8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(children.value, (child, i) => {
                 return openBlock(), createBlock(_component_LpFileTreeNode, {
                   key: child.id,
@@ -202,21 +267,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   stats: __props.stats,
                   "show-size": __props.showSize,
                   "show-modified": __props.showModified,
-                  onSelect: _cache[3] || (_cache[3] = ($event) => emit("select", $event)),
-                  onToggle: _cache[4] || (_cache[4] = ($event) => emit("toggle", $event)),
-                  onFocus: _cache[5] || (_cache[5] = ($event) => emit("focus", $event)),
-                  onCheck: _cache[6] || (_cache[6] = (n, v) => emit("check", n, v))
+                  "selected-ids": __props.selectedIds,
+                  multiple: __props.multiple,
+                  movable: __props.movable,
+                  "drop-target-id": __props.dropTargetId,
+                  "renaming-id": __props.renamingId,
+                  "rename-value": __props.renameValue,
+                  "rename-invalid": __props.renameInvalid,
+                  "rename-label": __props.renameLabel,
+                  onSelect: _cache[10] || (_cache[10] = ($event) => emit("select", $event)),
+                  onToggle: _cache[11] || (_cache[11] = ($event) => emit("toggle", $event)),
+                  onFocus: _cache[12] || (_cache[12] = ($event) => emit("focus", $event)),
+                  onCheck: _cache[13] || (_cache[13] = (n, v) => emit("check", n, v)),
+                  onPick: _cache[14] || (_cache[14] = (n, mode) => emit("pick", n, mode)),
+                  onMoveStart: _cache[15] || (_cache[15] = (n, e) => emit("move-start", n, e)),
+                  onMoveOver: _cache[16] || (_cache[16] = (n, e) => emit("move-over", n, e)),
+                  onMoveLeave: _cache[17] || (_cache[17] = ($event) => emit("move-leave", $event)),
+                  onMoveDrop: _cache[18] || (_cache[18] = ($event) => emit("move-drop", $event)),
+                  onMoveEnd: _cache[19] || (_cache[19] = ($event) => emit("move-end")),
+                  onRenameInput: _cache[20] || (_cache[20] = ($event) => emit("rename-input", $event)),
+                  onRenameCommit: _cache[21] || (_cache[21] = ($event) => emit("rename-commit", $event)),
+                  onRenameCancel: _cache[22] || (_cache[22] = ($event) => emit("rename-cancel"))
                 }, {
                   row: withCtx((slotProps) => [
                     renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))
                   ]),
                   _: 3
-                }, 8, ["style", "node", "depth", "expanded", "loading", "selected-id", "focused-id", "sort", "icon-size", "checkable", "checked", "stats", "show-size", "show-modified"]);
+                }, 8, ["style", "node", "depth", "expanded", "loading", "selected-id", "focused-id", "sort", "icon-size", "checkable", "checked", "stats", "show-size", "show-modified", "selected-ids", "multiple", "movable", "drop-target-id", "renaming-id", "rename-value", "rename-invalid", "rename-label"]);
               }), 128))
             ])
           ]),
           _: 3
-        }, 8, ["open"])
+        }, 8, ["open"])) : createCommentVNode("", true)
       ], 16, _hoisted_1);
     };
   }

package/dist/chunks/{LpFormField-Ch69Jd-X.js → LpFormField-BKYn9dyP.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useId, computed, useSlots, ref, openBlock, createElementBlock, mergeProps, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderSlot, createVNode, normalizeClass } from "vue";
 import { Label } from "reka-ui";
-import { _ as _sfc_main$1 } from "./LpFieldNotice-CzQ2_5rQ.js";
-import { _ as _sfc_main$2 } from "./LpShift-CCq7dofl.js";
+import { _ as _sfc_main$1 } from "./LpFieldNotice-DJ10cYIo.js";
+import { _ as _sfc_main$2 } from "./LpShift-DAgS_d2x.js";
 import { fieldMessageId, provideField } from "../composables/useField.js";
 import { useFieldNotice } from "../composables/useFieldNotice.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const control = ref(null);
     const LABELABLE = "input, button, select, textarea, meter, output, progress";
     function focusControl() {
-      const target = document.getElementById(id.value);
+      const target = control.value?.ownerDocument.getElementById(id.value);
       if (target?.matches(LABELABLE)) return;
       const first = control.value?.querySelector(
         'input:not([type="hidden"]):not([disabled]), button:not([disabled]), select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]'

package/dist/chunks/{LpFrame-BVQCQLDI.js → LpFrame-Bv5Fphte.js}

@@ -23,30 +23,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "block w-full border-0 bg-transparent transition-[height] duration-(--duration-medium) ease-(--ease-emphasized) motion-reduce:transition-none"
     );
     const cleanups = [];
+    const LAYERS = "[data-dismissable-layer], [role=dialog], [role=menu], [role=listbox]";
+    const SHEET_ATTRIBUTES = ["href", "rel", "media", "disabled", "crossorigin", "integrity", "title", "type"];
     function mirrorHead(doc) {
       const copies = /* @__PURE__ */ new Map();
+      const isSheet = (node) => node instanceof HTMLStyleElement || node instanceof HTMLLinkElement && node.rel === "stylesheet";
       const copy = (node) => {
-        if (!(node instanceof HTMLStyleElement || node instanceof HTMLLinkElement && node.rel === "stylesheet")) return;
+        if (!isSheet(node) || copies.has(node)) return;
         const clone = doc.importNode(node, true);
         copies.set(node, clone);
         doc.head.appendChild(clone);
       };
+      const drop = (node) => {
+        copies.get(node)?.remove();
+        copies.delete(node);
+      };
+      const syncAttribute = (node, name) => {
+        if (!isSheet(node)) return drop(node);
+        if (!copies.has(node)) return copy(node);
+        const value = node.getAttribute(name);
+        if (value === null) copies.get(node).removeAttribute(name);
+        else copies.get(node).setAttribute(name, value);
+      };
       for (const node of document.head.childNodes) copy(node);
       const observer = new MutationObserver((records) => {
         for (const record of records) {
           if (record.type === "childList") {
             for (const node of record.addedNodes) copy(node);
-            for (const node of record.removedNodes) {
-              copies.get(node)?.parentNode?.removeChild(copies.get(node));
-              copies.delete(node);
-            }
+            for (const node of record.removedNodes) drop(node);
+            continue;
+          }
+          if (record.type === "attributes") {
+            syncAttribute(record.target, record.attributeName);
             continue;
           }
           const style = record.target instanceof HTMLStyleElement ? record.target : record.target.parentNode;
           if (style instanceof HTMLStyleElement && copies.has(style)) copies.get(style).textContent = style.textContent;
         }
       });
-      observer.observe(document.head, { childList: true, subtree: true, characterData: true });
+      observer.observe(document.head, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: SHEET_ATTRIBUTES });
       cleanups.push(() => observer.disconnect());
     }
     function mirrorRoot(doc) {
@@ -74,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       };
       const observer = new MutationObserver(lift);
-      observer.observe(document.body, { attributes: true, attributeFilter: ["style"] });
+      observer.observe(document.body, { attributes: true, attributeFilter: ["style"], childList: true, subtree: true });
       cleanups.push(() => observer.disconnect());
     }
     function setup() {
@@ -95,12 +110,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let pending = 0;
       const measure = () => {
         pending = 0;
-        let bottom = content.offsetHeight;
+        let bottom = Math.max(content.offsetHeight, content.scrollHeight);
         for (const child of doc.body.children) {
           if (child === content) continue;
-          for (const layer of child.querySelectorAll("[data-dismissable-layer], [role=dialog], [role=menu], [role=listbox]")) {
-            bottom = Math.max(bottom, Math.ceil(layer.getBoundingClientRect().bottom + 8));
-          }
+          const layers2 = [...child.matches(LAYERS) ? [child] : [], ...child.querySelectorAll(LAYERS)];
+          for (const layer of layers2) bottom = Math.max(bottom, Math.ceil(layer.getBoundingClientRect().bottom + 8));
         }
         contentHeight.value = bottom;
       };

package/dist/chunks/{LpHintExample-9Py0wc-L.js → LpHintExample-YzCXiSUp.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, watch, openBlock, createBlock, Transition, withCtx, createElementBlock, renderSlot, createCommentVNode, createVNode } from "vue";
 import { hints } from "../composables/useHints.js";
 import { _ as _sfc_main$2 } from "./HintSampleTag-BV8AZXZh.js";
-import { _ as _sfc_main$1 } from "./LpCollapse-CWS9M_lm.js";
+import { _ as _sfc_main$1 } from "./LpCollapse-DrAw5DBZ.js";
 const _hoisted_1 = ["data-lp-hint-example"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHintExample",

package/dist/chunks/{LpHintLayer-CgObdUsM.js → LpHintLayer-BeKRsRon.js}

@@ -3,8 +3,8 @@ 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-wUYLN4U9.js";
-import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
+import { _ as _sfc_main$1 } from "./LpBadge-D5QQdDQ_.js";
+import { _ as _sfc_main$2 } from "./LpButton-DSHioIfD.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = ["aria-label", "onPointerenter", "onFocus", "onClick"];
 const _hoisted_2 = { class: "flex items-center gap-2 font-medium" };

package/dist/chunks/{LpHints-Bz-BlaSl.js → LpHints-qf3xYsza.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, onErrorCaptured, onMounted, onBeforeUnmount, comp
 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-BP1ld7-S.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-CgObdUsM.js";
-import { _ as _sfc_main$1 } from "./LpTour-BZq-mUMv.js";
+import { _ as _sfc_main$3 } from "./LpActionBar-BGMk5KoG.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-BeKRsRon.js";
+import { _ as _sfc_main$1 } from "./LpTour-ClKYhx4h.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

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

@@ -1,10 +1,12 @@
-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";
 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" },
@@ -31,15 +33,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const portalTo = usePortalTarget();
     const guardOutside = useOutsideGuard();
     let holdTimer = 0;
+    let holdPointer = null;
     let start = { x: 0, y: 0 };
     let held = false;
     function cancelHold() {
       window.clearTimeout(holdTimer);
       holdTimer = 0;
     }
+    function onPointerUp(event) {
+      if (holdPointer !== null && event.pointerId !== holdPointer) return;
+      holdPointer = null;
+      cancelHold();
+      if (held) window.setTimeout(() => held = false, CLICK_AFTER_RELEASE_MS);
+    }
+    function onPointerCancel(event) {
+      if (event && holdPointer !== null && event.pointerId !== holdPointer) return;
+      holdPointer = null;
+      cancelHold();
+      held = false;
+    }
     function onPointerDown(event) {
-      if (event.pointerType !== "touch" || props.touch !== "hold" || props.disabled) return;
+      if (holdTimer && event.pointerId !== holdPointer) return;
       held = false;
+      if (event.pointerType !== "touch" || props.touch !== "hold" || props.disabled) return;
+      holdPointer = event.pointerId;
       start = { x: event.clientX, y: event.clientY };
       cancelHold();
       holdTimer = window.setTimeout(() => {
@@ -49,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, props.holdDelay);
     }
     function onPointerMove(event) {
-      if (!holdTimer) return;
+      if (!holdTimer || event.pointerId !== holdPointer) return;
       if (Math.hypot(event.clientX - start.x, event.clientY - start.y) > SLOP) cancelHold();
     }
     function onClickCapture(event) {
@@ -64,7 +81,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.disabled,
       (off) => {
-        if (off) open.value = false;
+        if (!off) return;
+        onPointerCancel();
+        open.value = false;
       }
     );
     onBeforeUnmount(cancelHold);
@@ -77,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: cancelHold,
-            onPointercancel: cancelHold,
+            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/{LpIcon--5WSb3jJ.js → LpIcon-C6JpQ5td.js}

@@ -1,13 +1,14 @@
 import { defineComponent, computed, watchEffect, openBlock, createElementBlock, createBlock, unref } from "vue";
 import { getIcon, Icon } from "@iconify/vue";
-import { i as iconsVersion, r as requestIcon } from "./icons-DMITlfw5.js";
+import { i as iconsVersion, f as failedIcons, c as requestIcon } from "./icons-CYfcpSDS.js";
 const _hoisted_1 = ["width", "height", "viewBox", "innerHTML"];
 const _hoisted_2 = ["width", "height"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpIcon",
   props: {
     name: {},
-    size: {}
+    size: {},
+    fallback: {}
   },
   setup(__props) {
     const props = __props;
@@ -17,7 +18,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fullName = computed(() => resolve(props.name));
     const data = computed(() => {
       void iconsVersion.value;
-      return getIcon(fullName.value);
+      const icon = getIcon(fullName.value);
+      if (icon || !props.fallback || !failedIcons.has(fullName.value)) return icon;
+      return getIcon(resolve(props.fallback));
     });
     const lucide = computed(() => fullName.value.startsWith("lucide:"));
     watchEffect(() => {

package/dist/chunks/{LpIdenticon-BzdC_qz9.js → LpIdenticon-Dbbr4fvt.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, normalizeStyle, createCommentVNode, Fragment, renderList } from "vue";
+import { clamp } from "../composables/clamp.js";
 import { identicon, identiconRects } from "../components/identicon.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["viewBox", "role", "aria-label", "aria-hidden"];
@@ -20,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const icon = computed(() => identicon(props.seed, { grid: props.grid }));
     const rects = computed(() => identiconRects(icon.value.cells));
-    const pad = computed(() => props.grid * Math.max(0, Math.min(0.4, props.padding)));
+    const pad = computed(() => props.grid * clamp(props.padding, 0, 0.4));
     const view = computed(() => props.grid + pad.value * 2);
     const wash = computed(() => `color-mix(in oklab, ${icon.value.color} 16%, var(--color-surface-soft))`);
     const { class: rootClass, attrs: rest } = useMergedAttrs("block size-full");

package/dist/chunks/{LpInfraNode-46XOCkfq.js → LpInfraNode-Bb5nbuFY.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-wUYLN4U9.js";
-import { _ as _sfc_main$1 } from "./LpStatus-DglxttQ7.js";
+import { _ as _sfc_main$2 } from "./LpBadge-D5QQdDQ_.js";
+import { _ as _sfc_main$1 } from "./LpStatus-DGJFwk5F.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)]" };
@@ -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: {}
   },