@leavepulse/ui 0.77.3 → 0.78.0

package/dist/chunks/{LpFileTreeNode-cT6BIWvz.js → LpFileTreeNode-4dVmFHb3.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--eMGIql6.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-DanH3Nz1.js}

@@ -4,6 +4,7 @@ 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({
   __name: "LpHoverCard",
   props: /* @__PURE__ */ mergeModels({
@@ -31,15 +32,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 +65,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 +80,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.disabled,
       (off) => {
-        if (off) open.value = false;
+        if (!off) return;
+        onPointerCancel();
+        open.value = false;
       }
     );
     onBeforeUnmount(cancelHold);
@@ -82,8 +100,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(__props.touch === "hold" ? "[-webkit-touch-callout:none]" : void 0),
             onPointerdown: onPointerDown,
             onPointermove: onPointerMove,
-            onPointerup: cancelHold,
-            onPointercancel: cancelHold,
+            onPointerup: onPointerUp,
+            onPointercancel: onPointerCancel,
             onClickCapture,
             onContextmenu: onContextMenu
           }, {

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-BAU40Km2.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)]" };

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

@@ -1,13 +1,14 @@
-import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, normalizeStyle, unref, normalizeClass, withCtx, createElementVNode, createElementBlock, renderSlot, createCommentVNode, mergeProps, withModifiers, createVNode } from "vue";
+import { defineComponent, computed, useSlots, useAttrs, ref, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, renderSlot, createCommentVNode, mergeProps, withModifiers, createVNode } from "vue";
+import { CONTROL_SIZE } from "../components/controlSize.js";
 import { usePaletteControl } from "../composables/usePaletteCommands.js";
 import { tv } from "tailwind-variants";
-import { useFieldControl } from "../composables/useField.js";
+import { 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-CORPzo9s.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.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"
@@ -53,11 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-55"
       ],
       variants: {
-        size: {
-          sm: "h-(--size-control-sm) text-xs",
-          md: "h-(--size-control-md) text-sm",
-          lg: "h-(--size-control-lg) text-sm"
-        },
+        size: CONTROL_SIZE,
         invalid: {
           true: "border-danger focus-within:border-danger focus-within:ring-danger-soft"
         }
@@ -80,20 +77,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onBefore(event) {
       onBeforeInput(event);
       if (!event.defaultPrevented) masking.onBeforeInput(event);
-      if (event.defaultPrevented && masking.active.value && event.target instanceof HTMLInputElement) {
+      if (event.defaultPrevented && masking.active.value) {
         emit("update:modelValue", event.target.value);
       }
     }
     function onInputEvent(event) {
+      filterInput(event);
       if (masking.active.value) masking.onInput(event);
-      else filterInput(event);
       emit("update:modelValue", event.target.value);
     }
     function onComposed(event) {
-      if (masking.active.value) {
-        masking.onCompositionEnd(event);
-        emit("update:modelValue", event.target.value);
-      } else onCompositionEnd(event);
+      onCompositionEnd(event);
+      if (!masking.active.value) return;
+      masking.onCompositionEnd(event);
+      emit("update:modelValue", event.target.value);
     }
     const patternInvalid = computed(() => isInvalid(props.modelValue));
     const slots = useSlots();
@@ -112,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       disabled: props.disabled
     }));
     const text = useLabels("input", { clear: "Clear" }, () => props.labels);
-    const showClear = computed(() => props.clearable && !!props.modelValue && !field.value.disabled && (attrs.readonly === void 0 || attrs.readonly === false));
+    const showClear = computed(() => props.clearable && !!props.modelValue && !field.value.disabled && !isAttrOn(attrs.readonly) && !isAttrOn(attrs.readOnly));
     const isInvalidState = computed(() => field.value.invalid);
     const shellClass = computed(
       () => shell({ size: props.size, invalid: isInvalidState.value })
@@ -136,16 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     usePaletteControl({ label: () => props.label, disabled: () => field.value.disabled, invalid: () => field.value.invalid, available: () => !["password", "hidden"].includes(props.type), editorProps: () => ({ label: void 0, hint: void 0, error: void 0 }) });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        wrapped: hasField.value,
-        id: unref(field).id,
-        label: __props.label,
-        hint: __props.hint,
-        error: __props.error,
-        required: __props.required,
-        class: normalizeClass(unref(attrs).class),
-        style: normalizeStyle(unref(attrs).style)
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(unref(fieldWrapperBinds)(hasField.value, unref(field), _ctx.$props, unref(attrs)))), {
         default: withCtx(() => [
           createElementVNode("div", {
             "data-lp-ring-owner": "",
@@ -172,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               disabled: unref(field).disabled,
               required: unref(field).required || void 0,
               "aria-invalid": isInvalidState.value || void 0,
-              "aria-describedby": unref(field).describedBy,
+              "aria-describedby": unref(mergeDescribedBy)(unref(attrs)["aria-describedby"], unref(field).describedBy),
               class: [
                 "lp-autofill min-w-0 flex-1 self-stretch bg-transparent outline-none placeholder:text-muted",
                 __props.clearable && "[&::-webkit-search-cancel-button]:hidden",
@@ -203,7 +191,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["wrapped", "id", "label", "hint", "error", "required", "class", "style"]);
+      }, 16);
     };
   }
 });