@leavepulse/ui 0.14.9 → 0.14.10

package/dist/chunks/LpFileTree-0Ko_uj8q.js

@@ -0,0 +1,371 @@
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { subtreeIds, subtreeSize, formatSize, sortNodes, ancestorIds, checkStateOf } from "../components/fileTree.js";
+import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-D3lNEP-1.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-BtnZCCBT.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col gap-1"
+};
+const _hoisted_2 = {
+  key: 2,
+  class: "flex min-h-0 flex-col"
+};
+const _hoisted_3 = ["aria-multiselectable"];
+const _hoisted_4 = {
+  key: 0,
+  class: "shrink-0 border-t border-line px-2 py-1.5 text-xs text-muted"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpFileTree",
+  props: {
+    nodes: {},
+    selected: {},
+    expanded: {},
+    loadingIds: {},
+    checkable: { type: Boolean, default: false },
+    checked: {},
+    showSize: { type: Boolean, default: false },
+    showModified: { type: Boolean, default: false },
+    sort: { type: Boolean, default: true },
+    iconSize: { default: 15 },
+    loading: { type: Boolean, default: false },
+    skeletonRows: { default: 8 },
+    emptyLabel: { default: "No files" },
+    emptyDescription: { default: "This folder is empty." }
+  },
+  emits: ["update:selected", "update:expanded", "select", "open", "expand", "collapse", "update:checked", "summary"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const openIds = ref(new Set(props.expanded ?? []));
+    watch(
+      () => props.expanded,
+      (ids) => {
+        if (ids) openIds.value = new Set(ids);
+      }
+    );
+    const loadingSet = computed(() => new Set(props.loadingIds ?? []));
+    const checkedIds = ref(new Set(props.checked ?? []));
+    watch(
+      () => props.checked,
+      (ids) => {
+        if (ids) checkedIds.value = new Set(ids);
+      }
+    );
+    const byId = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      function walk(list) {
+        for (const node of list) {
+          map.set(node.id, node);
+          if (node.children) walk(node.children);
+        }
+      }
+      walk(props.nodes);
+      return map;
+    });
+    const summary = computed(() => {
+      let files = 0;
+      let dirs = 0;
+      let bytes = 0;
+      let sized = false;
+      for (const id of checkedIds.value) {
+        const node = byId.value.get(id);
+        if (!node) continue;
+        if (node.kind === "dir") {
+          dirs++;
+          const inside = node.children?.length ? subtreeIds(node).some((child) => child !== id && checkedIds.value.has(child)) : false;
+          if (!inside) {
+            const size = subtreeSize(node);
+            if (size !== void 0) {
+              bytes += size;
+              sized = true;
+            }
+          }
+        } else {
+          files++;
+          if (node.size !== void 0) {
+            bytes += node.size;
+            sized = true;
+          }
+        }
+      }
+      return {
+        files,
+        dirs,
+        bytes: sized ? bytes : void 0,
+        sizeLabel: sized ? formatSize(bytes) : "—"
+      };
+    });
+    watch(summary, (value) => emit("summary", value), { deep: false });
+    function setChecked(next) {
+      checkedIds.value = next;
+      emit("update:checked", [...next]);
+    }
+    function onCheck(node, value) {
+      if (node.disabled) return;
+      const next = new Set(checkedIds.value);
+      for (const id of subtreeIds(node)) {
+        const target = byId.value.get(id);
+        if (target?.disabled) continue;
+        if (value) next.add(id);
+        else next.delete(id);
+      }
+      for (const ancestorId of ancestorIds(props.nodes, node.id).reverse()) {
+        const ancestor = byId.value.get(ancestorId);
+        if (!ancestor?.children?.length) continue;
+        const all = ancestor.children.every((c) => c.disabled || next.has(c.id));
+        if (all) next.add(ancestorId);
+        else next.delete(ancestorId);
+      }
+      setChecked(next);
+    }
+    function checkAll() {
+      const next = /* @__PURE__ */ new Set();
+      for (const [id, node] of byId.value) if (!node.disabled) next.add(id);
+      setChecked(next);
+    }
+    function clearChecked() {
+      setChecked(/* @__PURE__ */ new Set());
+    }
+    const requested = /* @__PURE__ */ new Set();
+    const roots = computed(() => props.sort ? sortNodes(props.nodes) : props.nodes);
+    const visible = computed(() => {
+      const out = [];
+      function walk(list) {
+        for (const node of props.sort ? sortNodes(list) : list) {
+          out.push(node);
+          if (node.kind === "dir" && openIds.value.has(node.id) && node.children?.length) {
+            walk(node.children);
+          }
+        }
+      }
+      walk(props.nodes);
+      return out;
+    });
+    const focusedId = ref(props.selected);
+    watch(
+      () => props.selected,
+      (id) => {
+        if (id) focusedId.value = id;
+      }
+    );
+    watch(
+      visible,
+      (rows) => {
+        if (!rows.length) {
+          focusedId.value = void 0;
+        } else if (!rows.some((n) => n.id === focusedId.value)) {
+          focusedId.value = rows[0].id;
+        }
+      },
+      { immediate: true }
+    );
+    const root = ref(null);
+    function focusRow(id) {
+      focusedId.value = id;
+      const el = root.value?.querySelector(`[data-node-id="${CSS.escape(id)}"]`);
+      el?.focus();
+      el?.scrollIntoView({ block: "nearest" });
+    }
+    function setExpanded(next) {
+      openIds.value = next;
+      emit("update:expanded", [...next]);
+    }
+    function expand(node) {
+      if (node.kind !== "dir" || openIds.value.has(node.id)) return;
+      const next = new Set(openIds.value);
+      next.add(node.id);
+      setExpanded(next);
+      if (node.children === void 0 && !requested.has(node.id)) {
+        requested.add(node.id);
+        emit("expand", node);
+      }
+    }
+    function collapse(node) {
+      if (!openIds.value.has(node.id)) return;
+      const next = new Set(openIds.value);
+      next.delete(node.id);
+      setExpanded(next);
+      emit("collapse", node);
+    }
+    function onToggle(node) {
+      if (openIds.value.has(node.id)) collapse(node);
+      else expand(node);
+    }
+    function onSelect(node) {
+      if (node.disabled) return;
+      emit("update:selected", node.id);
+      emit("select", node);
+      if (node.kind === "file") emit("open", node);
+    }
+    function parentOf(id) {
+      const trail = ancestorIds(props.nodes, id);
+      const parentId = trail.at(-1);
+      return parentId ? visible.value.find((n) => n.id === parentId) : void 0;
+    }
+    function move(delta) {
+      const rows = visible.value;
+      if (!rows.length) return;
+      const i = rows.findIndex((n) => n.id === focusedId.value);
+      const next = rows[Math.min(rows.length - 1, Math.max(0, (i < 0 ? 0 : i) + delta))];
+      if (next) focusRow(next.id);
+    }
+    function current() {
+      return visible.value.find((n) => n.id === focusedId.value);
+    }
+    function onKeydown(e) {
+      const node = current();
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          move(1);
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          move(-1);
+          break;
+        case "ArrowRight": {
+          if (!node) return;
+          e.preventDefault();
+          if (node.kind === "dir" && !openIds.value.has(node.id)) expand(node);
+          else if (node.kind === "dir" && node.children?.length) move(1);
+          break;
+        }
+        case "ArrowLeft": {
+          if (!node) return;
+          e.preventDefault();
+          if (node.kind === "dir" && openIds.value.has(node.id)) collapse(node);
+          else {
+            const parent = parentOf(node.id);
+            if (parent) focusRow(parent.id);
+          }
+          break;
+        }
+        case "Home":
+          e.preventDefault();
+          if (visible.value[0]) focusRow(visible.value[0].id);
+          break;
+        case "End": {
+          e.preventDefault();
+          const last = visible.value.at(-1);
+          if (last) focusRow(last.id);
+          break;
+        }
+        case " ": {
+          if (!node) return;
+          e.preventDefault();
+          if (props.checkable) {
+            onCheck(node, checkStateOf(node, checkedIds.value) !== "checked");
+            break;
+          }
+          onSelect(node);
+          if (node.kind === "dir") onToggle(node);
+          break;
+        }
+        case "Enter": {
+          if (!node) return;
+          e.preventDefault();
+          onSelect(node);
+          if (node.kind === "dir") onToggle(node);
+          break;
+        }
+      }
+    }
+    function reveal(id) {
+      const next = new Set(openIds.value);
+      for (const ancestor of ancestorIds(props.nodes, id)) next.add(ancestor);
+      setExpanded(next);
+      emit("update:selected", id);
+      requestAnimationFrame(() => focusRow(id));
+    }
+    function expandAll() {
+      const next = new Set(openIds.value);
+      function walk(list) {
+        for (const node of list) {
+          if (node.kind === "dir" && node.children?.length) {
+            next.add(node.id);
+            walk(node.children);
+          }
+        }
+      }
+      walk(props.nodes);
+      setExpanded(next);
+    }
+    function collapseAll() {
+      setExpanded(/* @__PURE__ */ new Set());
+    }
+    __expose({ reveal, expandAll, collapseAll, checkAll, clearChecked, summary });
+    return (_ctx, _cache) => {
+      return __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
+          return openBlock(), createElementBlock("div", {
+            key: n,
+            class: "h-7 animate-pulse rounded-control bg-surface-soft",
+            style: normalizeStyle({ marginLeft: `${n % 3 * 14}px` })
+          }, null, 4);
+        }), 128))
+      ])) : !roots.value.length ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 1,
+        icon: "lucide:folder-search",
+        title: __props.emptyLabel,
+        description: __props.emptyDescription
+      }, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        createVNode(_sfc_main$2, { class: "min-h-0 flex-1" }, {
+          default: withCtx(() => [
+            createElementVNode("ul", {
+              ref_key: "root",
+              ref: root,
+              role: "tree",
+              "aria-multiselectable": __props.checkable,
+              class: "flex flex-col",
+              onKeydown
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(roots.value, (node) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  key: node.id,
+                  node,
+                  depth: 0,
+                  expanded: openIds.value,
+                  loading: loadingSet.value,
+                  "selected-id": __props.selected,
+                  "focused-id": focusedId.value,
+                  sort: __props.sort,
+                  "icon-size": __props.iconSize,
+                  checkable: __props.checkable,
+                  checked: checkedIds.value,
+                  "show-size": __props.showSize,
+                  "show-modified": __props.showModified,
+                  onSelect,
+                  onToggle,
+                  onFocus: _cache[0] || (_cache[0] = ($event) => focusedId.value = $event.id),
+                  onCheck
+                }, {
+                  row: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))
+                  ]),
+                  _: 3
+                }, 8, ["node", "expanded", "loading", "selected-id", "focused-id", "sort", "icon-size", "checkable", "checked", "show-size", "show-modified"]);
+              }), 128))
+            ], 40, _hoisted_3)
+          ]),
+          _: 3
+        }),
+        __props.checkable && (_ctx.$slots.summary || summary.value.files || summary.value.dirs) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps(summary.value)), () => [
+            createTextVNode(toDisplayString(summary.value.files) + " " + toDisplayString(summary.value.files === 1 ? "file" : "files"), 1),
+            summary.value.dirs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(", " + toDisplayString(summary.value.dirs) + " " + toDisplayString(summary.value.dirs === 1 ? "folder" : "folders"), 1)
+            ], 64)) : createCommentVNode("", true),
+            summary.value.bytes !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(" · " + toDisplayString(summary.value.sizeLabel), 1)
+            ], 64)) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpFileTreeNode-D3lNEP-1.js

@@ -0,0 +1,216 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, withModifiers, normalizeStyle, normalizeClass, createBlock, createCommentVNode, unref, renderSlot, createTextVNode, toDisplayString, Transition, Fragment, renderList, mergeProps } from "vue";
+import { sortNodes, checkStateOf, subtreeSize, formatSize, formatModified, fileIcon } from "../components/fileTree.js";
+import { _ as _sfc_main$3 } from "./LpCheckbox-BO0zuuPh.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-D0mzXqA7.js";
+import { _ as _sfc_main$2 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = ["aria-level", "aria-selected", "aria-expanded", "aria-disabled"];
+const _hoisted_2 = ["data-node-id", "tabindex"];
+const _hoisted_3 = { class: "flex size-4 shrink-0 items-center justify-center" };
+const _hoisted_4 = { class: "min-w-0 flex-1 truncate" };
+const _hoisted_5 = {
+  key: 1,
+  class: "shrink-0 text-xs text-muted"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "shrink-0 text-xs tabular-nums text-muted/80"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "w-16 shrink-0 text-right text-xs tabular-nums text-muted"
+};
+const _hoisted_8 = {
+  key: 0,
+  role: "group",
+  class: "flex flex-col overflow-hidden"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpFileTreeNode",
+  props: {
+    node: {},
+    depth: {},
+    expanded: {},
+    loading: {},
+    selectedId: {},
+    focusedId: {},
+    sort: { type: Boolean },
+    iconSize: {},
+    checkable: { type: Boolean },
+    checked: {},
+    showSize: { type: Boolean },
+    showModified: { type: Boolean }
+  },
+  emits: ["select", "toggle", "focus", "check"],
+  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 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));
+    const children = computed(() => {
+      const list = props.node.children ?? [];
+      return props.sort ? sortNodes(list) : list;
+    });
+    const checkState = computed(
+      () => props.checkable ? checkStateOf(props.node, props.checked) : "unchecked"
+    );
+    const sizeLabel = computed(() => {
+      if (!props.showSize) return "";
+      const bytes = subtreeSize(props.node);
+      return bytes === void 0 ? "" : formatSize(bytes);
+    });
+    const modifiedLabel = computed(
+      () => props.showModified && props.node.modified !== void 0 ? formatModified(props.node.modified) : ""
+    );
+    function rowDelay(index) {
+      return `${Math.min(index * 18, 180)}ms`;
+    }
+    function reducedMotion() {
+      return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+    }
+    function onBranchEnter(el, done) {
+      if (reducedMotion()) return done();
+      const height = el.scrollHeight;
+      el.animate(
+        [
+          { height: "0px", opacity: 0 },
+          { height: `${height}px`, opacity: 1 }
+        ],
+        { duration: 220, easing: "cubic-bezier(0.2, 0, 0, 1)" }
+      ).onfinish = () => done();
+    }
+    function onBranchLeave(el, done) {
+      if (reducedMotion()) return done();
+      const height = el.scrollHeight;
+      el.animate(
+        [
+          { height: `${height}px`, opacity: 1 },
+          { height: "0px", opacity: 0 }
+        ],
+        { duration: 180, easing: "cubic-bezier(0.2, 0, 0, 1)" }
+      ).onfinish = () => done();
+    }
+    function onActivate() {
+      if (props.node.disabled) return;
+      emit("focus", props.node);
+      emit("select", props.node);
+      if (isDir.value) emit("toggle", props.node);
+    }
+    return (_ctx, _cache) => {
+      const _component_LpFileTreeNode = resolveComponent("LpFileTreeNode", true);
+      return openBlock(), createElementBlock("li", {
+        role: "treeitem",
+        "aria-level": __props.depth + 1,
+        "aria-selected": isSelected.value,
+        "aria-expanded": canExpand.value ? isOpen.value : void 0,
+        "aria-disabled": __props.node.disabled || void 0
+      }, [
+        createVNode(_sfc_main$1, {
+          items: __props.node.menu ?? []
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              "data-node-id": __props.node.id,
+              tabindex: isFocused.value ? 0 : -1,
+              class: normalizeClass(["group/row relative flex 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-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"
+              ]]),
+              style: normalizeStyle({ paddingLeft: `${__props.depth * 14 + 6}px` }),
+              onClick: withModifiers(onActivate, ["stop"])
+            }, [
+              createElementVNode("span", _hoisted_3, [
+                isLoading.value ? (openBlock(), createBlock(_sfc_main$2, {
+                  key: 0,
+                  name: "lucide:loader-circle",
+                  size: 13,
+                  class: "animate-spin text-muted"
+                })) : canExpand.value ? (openBlock(), createBlock(_sfc_main$2, {
+                  key: 1,
+                  name: "lucide:chevron-right",
+                  size: 14,
+                  class: normalizeClass(["text-muted transition-transform duration-[var(--duration-fast)]", isOpen.value ? "rotate-90" : ""])
+                }, null, 8, ["class"])) : createCommentVNode("", true)
+              ]),
+              __props.checkable ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 0,
+                "model-value": checkState.value === "checked",
+                indeterminate: checkState.value === "indeterminate",
+                disabled: __props.node.disabled,
+                class: "shrink-0",
+                "aria-label": __props.node.name,
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"])),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("check", __props.node, $event))
+              }, null, 8, ["model-value", "indeterminate", "disabled", "aria-label"])) : createCommentVNode("", true),
+              createVNode(_sfc_main$2, {
+                name: unref(fileIcon)(__props.node, isOpen.value),
+                size: __props.iconSize,
+                class: normalizeClass(["shrink-0", __props.node.disabled ? "" : isDir.value ? "text-brand" : "text-muted"])
+              }, null, 8, ["name", "size", "class"]),
+              createElementVNode("span", _hoisted_4, [
+                renderSlot(_ctx.$slots, "row", {
+                  node: __props.node,
+                  depth: __props.depth,
+                  expanded: isOpen.value,
+                  selected: isSelected.value
+                }, () => [
+                  createTextVNode(toDisplayString(__props.node.name), 1)
+                ])
+              ]),
+              __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)
+            ], 14, _hoisted_2)
+          ]),
+          _: 3
+        }, 8, ["items"]),
+        createVNode(Transition, {
+          css: false,
+          onEnter: onBranchEnter,
+          onLeave: onBranchLeave
+        }, {
+          default: withCtx(() => [
+            isOpen.value && hasChildren.value ? (openBlock(), createElementBlock("ul", _hoisted_8, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(children.value, (child, i) => {
+                return openBlock(), createBlock(_component_LpFileTreeNode, {
+                  key: child.id,
+                  style: normalizeStyle({ "--row-delay": rowDelay(i) }),
+                  class: "animate-[tree-row-in_var(--duration-medium)_var(--ease-emphasized)_both] [animation-delay:var(--row-delay)] motion-reduce:animate-none",
+                  node: child,
+                  depth: __props.depth + 1,
+                  expanded: __props.expanded,
+                  loading: __props.loading,
+                  "selected-id": __props.selectedId,
+                  "focused-id": __props.focusedId,
+                  sort: __props.sort,
+                  "icon-size": __props.iconSize,
+                  checkable: __props.checkable,
+                  checked: __props.checked,
+                  "show-size": __props.showSize,
+                  "show-modified": __props.showModified,
+                  onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
+                  onToggle: _cache[3] || (_cache[3] = ($event) => emit("toggle", $event)),
+                  onFocus: _cache[4] || (_cache[4] = ($event) => emit("focus", $event)),
+                  onCheck: _cache[5] || (_cache[5] = (n, v) => emit("check", n, v))
+                }, {
+                  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", "show-size", "show-modified"]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLink", "LpLogViewer", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LayoutNode", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpCheckbox", "LpCodeBlock", "LpCommandPalette", "LpConfirmDialog", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpEmptyState", "LpFileTree", "LpFileTreeNode", "LpFormField", "LpIcon", "LpInfraNode", "LpInput", "LpLaneNode", "LpLink", "LpLogViewer", "LpModal", "LpNotificationBell", "LpNumberField", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpScrollArea", "LpSegmented", "LpSelect", "LpServiceNode", "LpSidebar", "LpSidebarNav", "LpSkeleton", "LpSlider", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeSwitcher", "LpTilt", "LpToaster", "LpTooltip", "LpTopologyCanvas", "LpUptimeBar"];