@leavepulse/ui 0.14.8 → 0.14.10

package/dist/components/LpFileTree.vue.d.ts

@@ -0,0 +1,106 @@
+import { FileNode } from './fileTree';
+export type { FileNode } from './fileTree';
+/** Rolled-up stats for the ticked entries — what a backup picker summarises. */
+export interface FileTreeSummary {
+    /** Ticked files (directories excluded — they're containers, not payload). */
+    files: number;
+    /** Ticked directories. */
+    dirs: number;
+    /** Total bytes across ticked files, or undefined when no size is known. */
+    bytes?: number;
+    /** `bytes` pre-formatted ("2.4 GB"), or "—". */
+    sizeLabel: string;
+}
+type __VLS_Props = {
+    nodes: FileNode[];
+    /** Selected node id (v-model:selected). */
+    selected?: string;
+    /** Expanded directory ids (v-model:expanded). Omit to let the tree own it. */
+    expanded?: string[];
+    /** Directory ids currently fetching children — shows a spinner on the row. */
+    loadingIds?: string[];
+    /**
+     * Multi-select mode: every row gets a tri-state checkbox and ticking a
+     * directory cascades to its loaded subtree. This is the mode for "pick what
+     * to back up" — `selected` stays independent (it's the highlighted row).
+     */
+    checkable?: boolean;
+    /** Ticked node ids (v-model:checked). */
+    checked?: string[];
+    /** Right-aligned size column (directories roll up their subtree). */
+    showSize?: boolean;
+    /** Right-aligned last-modified column. */
+    showModified?: boolean;
+    /** Directories first, then by name. Turn off to keep the caller's order. */
+    sort?: boolean;
+    /** Row icon size in px. */
+    iconSize?: number;
+    /** Skeleton rows while the initial listing loads. */
+    loading?: boolean;
+    skeletonRows?: number;
+    /** Empty-state copy when `nodes` is empty. */
+    emptyLabel?: string;
+    emptyDescription?: string;
+};
+type __VLS_Slots = {
+    /** Replace the row's label (icons, chevron and indent stay). */
+    row(props: {
+        node: FileNode;
+        depth: number;
+        expanded: boolean;
+        selected: boolean;
+    }): unknown;
+    /** Footer under the tree, handed the live selection stats. */
+    summary(props: FileTreeSummary): unknown;
+};
+/** Tick every node in the tree (skipping disabled ones). */
+declare function checkAll(): void;
+declare function clearChecked(): void;
+/** Expand every ancestor of `id`, focus it and make it the selection. */
+declare function reveal(id: string): void;
+declare function expandAll(): void;
+declare function collapseAll(): void;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    reveal: typeof reveal;
+    expandAll: typeof expandAll;
+    collapseAll: typeof collapseAll;
+    checkAll: typeof checkAll;
+    clearChecked: typeof clearChecked;
+    summary: import('vue').ComputedRef<FileTreeSummary>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    expand: (node: FileNode) => any;
+    select: (node: FileNode) => any;
+    summary: (summary: FileTreeSummary) => any;
+    open: (node: FileNode) => any;
+    "update:selected": (id: string) => any;
+    "update:expanded": (ids: string[]) => any;
+    collapse: (node: FileNode) => any;
+    "update:checked": (ids: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onExpand?: ((node: FileNode) => any) | undefined;
+    onSelect?: ((node: FileNode) => any) | undefined;
+    onSummary?: ((summary: FileTreeSummary) => any) | undefined;
+    onOpen?: ((node: FileNode) => any) | undefined;
+    "onUpdate:selected"?: ((id: string) => any) | undefined;
+    "onUpdate:expanded"?: ((ids: string[]) => any) | undefined;
+    onCollapse?: ((node: FileNode) => any) | undefined;
+    "onUpdate:checked"?: ((ids: string[]) => any) | undefined;
+}>, {
+    sort: boolean;
+    loading: boolean;
+    skeletonRows: number;
+    iconSize: number;
+    checkable: boolean;
+    showSize: boolean;
+    showModified: boolean;
+    emptyLabel: string;
+    emptyDescription: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpFileTree.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpFileTree-0Ko_uj8q.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpFileTreeNode.vue.d.ts

@@ -0,0 +1,45 @@
+import { FileNode } from './fileTree';
+type __VLS_Props = {
+    node: FileNode;
+    /** Nesting depth, 0 at the root — drives the indent guide and aria-level. */
+    depth: number;
+    expanded: Set<string>;
+    loading: Set<string>;
+    selectedId?: string;
+    focusedId?: string;
+    sort: boolean;
+    /** Rendered size of the row's icon, in px. */
+    iconSize: number;
+    /** Render a tri-state checkbox per row (multi-select mode). */
+    checkable: boolean;
+    checked: Set<string>;
+    showSize: boolean;
+    showModified: boolean;
+};
+type __VLS_Slots = {
+    row(props: {
+        node: FileNode;
+        depth: number;
+        expanded: boolean;
+        selected: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    check: (node: FileNode, value: boolean) => any;
+    focus: (node: FileNode) => any;
+    select: (node: FileNode) => any;
+    toggle: (node: FileNode) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCheck?: ((node: FileNode, value: boolean) => any) | undefined;
+    onFocus?: ((node: FileNode) => any) | undefined;
+    onSelect?: ((node: FileNode) => any) | undefined;
+    onToggle?: ((node: FileNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/LpFileTreeNode.vue.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-D3lNEP-1.js";
+export {
+  _sfc_main as default
+};

package/dist/components/LpLogViewer.vue.d.ts

@@ -81,10 +81,10 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     height: string;
     wrap: boolean;
     lineNumbers: boolean;
+    emptyLabel: string;
     showTime: boolean;
     showLevel: boolean;
     tail: boolean;
-    emptyLabel: string;
     rowMenu: boolean;
     parse: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/fileTree.d.ts

@@ -0,0 +1,54 @@
+import { ContextMenuItemDef } from './LpContextMenu.vue';
+export interface FileNode {
+    /** Stable identity — use the full path when you have one. */
+    id: string;
+    name: string;
+    /** Directories can hold `children`; files are leaves. */
+    kind: "file" | "dir";
+    /** Size in bytes. Shown right-aligned when `showSize` is on. */
+    size?: number;
+    /** Last-modified time — Date, epoch ms, or a pre-formatted string. */
+    modified?: Date | number | string;
+    /** Extra right-aligned text (badge-ish), e.g. "read-only". */
+    meta?: string;
+    /**
+     * Omit on a directory to mark its children as not-yet-loaded: the row shows a
+     * chevron and emits `expand` on first open so the caller can fetch them.
+     * An empty array means "loaded, and genuinely empty".
+     */
+    children?: FileNode[];
+    /** Override the type-derived icon. */
+    icon?: string;
+    /** Dimmed row (e.g. a git-ignored or unreadable entry). Still expandable. */
+    disabled?: boolean;
+    /** Right-click menu for this entry. */
+    menu?: ContextMenuItemDef[];
+}
+/** Icon for a node: explicit override → dir state → name → extension → generic. */
+export declare function fileIcon(node: FileNode, expanded?: boolean): string;
+/** Directories first, then case-insensitive by name — the file-manager order. */
+export declare function sortNodes(nodes: FileNode[]): FileNode[];
+/** Human-readable byte size — binary units, matching what file managers show. */
+export declare function formatSize(bytes: number): string;
+/** Short local date-time for the modified column; passes strings through. */
+export declare function formatModified(value: Date | number | string): string;
+/**
+ * Total size of a subtree: a directory's own `size` when the caller computed one
+ * (the common case for a server-side listing), otherwise the sum of its loaded
+ * descendants. Returns undefined when nothing along the way carries a size.
+ */
+export declare function subtreeSize(node: FileNode): number | undefined;
+/** Every id in a subtree including the root — the unit a checkbox toggles. */
+export declare function subtreeIds(node: FileNode): string[];
+export type CheckState = "checked" | "unchecked" | "indeterminate";
+/**
+ * A node's checkbox state derived from the checked-id set.
+ *
+ * A directory reflects its loaded children: all checked → checked, some →
+ * indeterminate. A directory whose children aren't loaded yet (or which has
+ * none) falls back to its own membership, so an unexpanded folder can still be
+ * ticked as a whole — which is exactly what a backup picker needs.
+ */
+export declare function checkStateOf(node: FileNode, checked: ReadonlySet<string>): CheckState;
+/** Ids of every ancestor directory of `id`, so callers can reveal a deep node. */
+export declare function ancestorIds(nodes: FileNode[], id: string): string[];

package/dist/components/fileTree.js

@@ -0,0 +1,155 @@
+const EXT_ICONS = {
+  json: "lucide:file-json",
+  jsonc: "lucide:file-json",
+  yaml: "lucide:file-cog",
+  yml: "lucide:file-cog",
+  toml: "lucide:file-cog",
+  ini: "lucide:file-cog",
+  conf: "lucide:file-cog",
+  env: "lucide:file-key",
+  ts: "lucide:file-code",
+  tsx: "lucide:file-code",
+  js: "lucide:file-code",
+  mjs: "lucide:file-code",
+  cjs: "lucide:file-code",
+  vue: "lucide:file-code",
+  py: "lucide:file-code",
+  rs: "lucide:file-code",
+  go: "lucide:file-code",
+  sh: "lucide:file-terminal",
+  zsh: "lucide:file-terminal",
+  bash: "lucide:file-terminal",
+  md: "lucide:file-text",
+  mdx: "lucide:file-text",
+  txt: "lucide:file-text",
+  log: "lucide:scroll-text",
+  csv: "lucide:file-spreadsheet",
+  sql: "lucide:database",
+  png: "lucide:file-image",
+  jpg: "lucide:file-image",
+  jpeg: "lucide:file-image",
+  gif: "lucide:file-image",
+  svg: "lucide:file-image",
+  webp: "lucide:file-image",
+  ico: "lucide:file-image",
+  zip: "lucide:file-archive",
+  gz: "lucide:file-archive",
+  tar: "lucide:file-archive",
+  tgz: "lucide:file-archive",
+  xz: "lucide:file-archive",
+  pdf: "lucide:file-type",
+  lock: "lucide:file-lock",
+  pem: "lucide:file-key",
+  key: "lucide:file-key",
+  crt: "lucide:file-key"
+};
+const NAME_ICONS = {
+  ".env": "lucide:file-key",
+  ".gitignore": "lucide:git-branch",
+  ".dockerignore": "lucide:container",
+  dockerfile: "lucide:container",
+  "docker-compose.yml": "lucide:container",
+  "docker-compose.yaml": "lucide:container",
+  makefile: "lucide:file-cog",
+  "package.json": "lucide:package"
+};
+function fileIcon(node, expanded = false) {
+  if (node.icon) return node.icon;
+  if (node.kind === "dir") return expanded ? "lucide:folder-open" : "lucide:folder";
+  const lower = node.name.toLowerCase();
+  if (NAME_ICONS[lower]) return NAME_ICONS[lower];
+  const dot = lower.lastIndexOf(".");
+  const ext = dot > 0 ? lower.slice(dot + 1) : "";
+  return EXT_ICONS[ext] ?? "lucide:file";
+}
+function sortNodes(nodes) {
+  return [...nodes].sort((a, b) => {
+    if (a.kind !== b.kind) return a.kind === "dir" ? -1 : 1;
+    return a.name.localeCompare(b.name, void 0, { numeric: true, sensitivity: "base" });
+  });
+}
+function formatSize(bytes) {
+  if (!Number.isFinite(bytes) || bytes < 0) return "—";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB", "PB"];
+  let value = bytes / 1024;
+  let i = 0;
+  while (value >= 1024 && i < units.length - 1) {
+    value /= 1024;
+    i++;
+  }
+  return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[i]}`;
+}
+function formatModified(value) {
+  if (typeof value === "string") return value;
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) return "—";
+  return date.toLocaleString(void 0, {
+    day: "2-digit",
+    month: "short",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function subtreeSize(node) {
+  if (node.kind === "file") return node.size;
+  if (node.size !== void 0) return node.size;
+  if (!node.children?.length) return void 0;
+  let total = 0;
+  let seen = false;
+  for (const child of node.children) {
+    const size = subtreeSize(child);
+    if (size !== void 0) {
+      total += size;
+      seen = true;
+    }
+  }
+  return seen ? total : void 0;
+}
+function subtreeIds(node) {
+  const out = [node.id];
+  for (const child of node.children ?? []) out.push(...subtreeIds(child));
+  return out;
+}
+function checkStateOf(node, checked) {
+  if (node.kind === "file" || !node.children?.length) {
+    return checked.has(node.id) ? "checked" : "unchecked";
+  }
+  let all = true;
+  let any = false;
+  for (const child of node.children) {
+    const state = checkStateOf(child, checked);
+    if (state === "checked") any = true;
+    else if (state === "indeterminate") {
+      any = true;
+      all = false;
+    } else all = false;
+  }
+  if (all) return "checked";
+  return any ? "indeterminate" : "unchecked";
+}
+function ancestorIds(nodes, id) {
+  const path = [];
+  function walk(list, trail) {
+    for (const node of list) {
+      if (node.id === id) {
+        path.push(...trail);
+        return true;
+      }
+      if (node.children && walk(node.children, [...trail, node.id])) return true;
+    }
+    return false;
+  }
+  walk(nodes, []);
+  return path;
+}
+export {
+  ancestorIds,
+  checkStateOf,
+  fileIcon,
+  formatModified,
+  formatSize,
+  sortNodes,
+  subtreeIds,
+  subtreeSize
+};

package/dist/index.d.ts

@@ -25,6 +25,10 @@ export { default as LpDrawer } from './components/LpDrawer.vue';
 export { default as LpDropdownMenu } from './components/LpDropdownMenu.vue';
 export type { MenuItem } from './components/LpDropdownMenu.vue';
 export { default as LpEmptyState } from './components/LpEmptyState.vue';
+export { default as LpFileTree } from './components/LpFileTree.vue';
+export type { FileTreeSummary } from './components/LpFileTree.vue';
+export type { CheckState, FileNode } from './components/fileTree';
+export { ancestorIds, checkStateOf, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize, } from './components/fileTree';
 export { default as LpFormField } from './components/LpFormField.vue';
 export { default as LpIcon } from './components/LpIcon.vue';
 export { default as LpInfraNode } from './components/LpInfraNode.vue';

package/dist/index.js

@@ -7,7 +7,7 @@ import { _ as _6 } from "./chunks/LpBadge-CXzBPnwO.js";
 import { _ as _7 } from "./chunks/LpBreadcrumbs-B7Aqatzw.js";
 import { _ as _8 } from "./chunks/LpButton-5VXXCjwF.js";
 import { _ as _9 } from "./chunks/LpCalendar-B7ZL0ty3.js";
-import { _ as _10 } from "./chunks/LpCard-1yvWT9fx.js";
+import { _ as _10 } from "./chunks/LpCard-BmrTvWOe.js";
 import { _ as _11 } from "./chunks/LpCheckbox-BO0zuuPh.js";
 import { _ as _12 } from "./chunks/LpCodeBlock-CSiOSPs8.js";
 import { default as default2 } from "./components/LpCommandPalette.vue.js";
@@ -19,45 +19,47 @@ import { _ as _17 } from "./chunks/LpDivider-CUX46KR0.js";
 import { _ as _18 } from "./chunks/LpDrawer-6n5Hd-iF.js";
 import { _ as _19 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _20 } from "./chunks/LpEmptyState-CrfyRJUG.js";
-import { _ as _21 } from "./chunks/LpFormField-Bn-ZwC6z.js";
-import { _ as _22 } from "./chunks/LpIcon-CCnX5_2j.js";
-import { _ as _23 } from "./chunks/LpInfraNode-C_PHcthC.js";
-import { _ as _24 } from "./chunks/LpInput-BauZRyzm.js";
-import { _ as _25 } from "./chunks/LpLink-DHwOEp4e.js";
-import { _ as _26 } from "./chunks/LpLogViewer-BBgaY38i.js";
-import { _ as _27 } from "./chunks/LpModal-B9CVVC5U.js";
-import { _ as _28 } from "./chunks/LpNotificationBell-B9VHks_D.js";
-import { _ as _29 } from "./chunks/LpNumberField-C5ar-OwE.js";
-import { _ as _30 } from "./chunks/LpOtpInput-DqaT0Z75.js";
-import { _ as _31 } from "./chunks/LpPagination-CeGuNe_q.js";
-import { _ as _32 } from "./chunks/LpPasswordInput-DIHFw4u0.js";
-import { _ as _33 } from "./chunks/LpPhoneInput-LQvVFGMw.js";
+import { _ as _21 } from "./chunks/LpFileTree-0Ko_uj8q.js";
+import { ancestorIds, checkStateOf, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
+import { _ as _22 } from "./chunks/LpFormField-Bn-ZwC6z.js";
+import { _ as _23 } from "./chunks/LpIcon-CCnX5_2j.js";
+import { _ as _24 } from "./chunks/LpInfraNode-C_PHcthC.js";
+import { _ as _25 } from "./chunks/LpInput-BauZRyzm.js";
+import { _ as _26 } from "./chunks/LpLink-DHwOEp4e.js";
+import { _ as _27 } from "./chunks/LpLogViewer-BBgaY38i.js";
+import { _ as _28 } from "./chunks/LpModal-B9CVVC5U.js";
+import { _ as _29 } from "./chunks/LpNotificationBell-B9VHks_D.js";
+import { _ as _30 } from "./chunks/LpNumberField-C5ar-OwE.js";
+import { _ as _31 } from "./chunks/LpOtpInput-DqaT0Z75.js";
+import { _ as _32 } from "./chunks/LpPagination-CeGuNe_q.js";
+import { _ as _33 } from "./chunks/LpPasswordInput-DIHFw4u0.js";
+import { _ as _34 } from "./chunks/LpPhoneInput-LQvVFGMw.js";
 import { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
-import { _ as _34 } from "./chunks/LpPopover-8268UmlC.js";
-import { _ as _35 } from "./chunks/LpProgress-BhI0IbjC.js";
-import { _ as _36 } from "./chunks/LpRadio-CL-pI0_O.js";
-import { _ as _37 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
-import { _ as _38 } from "./chunks/LpScrollArea-BtnZCCBT.js";
-import { _ as _39 } from "./chunks/LpSegmented-BmpanyAo.js";
-import { _ as _40 } from "./chunks/LpSelect-DznhPEWX.js";
-import { _ as _41 } from "./chunks/LpServiceNode-Dc-Ut5RS.js";
-import { _ as _42 } from "./chunks/LpSidebar-tZ2z-PnM.js";
-import { _ as _43 } from "./chunks/LpSkeleton-eSFIo4kD.js";
-import { _ as _44 } from "./chunks/LpSlider-B1SF3pRV.js";
-import { _ as _45 } from "./chunks/LpStat-CdbEFOvn.js";
-import { _ as _46 } from "./chunks/LpStepper-5dFTrW21.js";
-import { _ as _47 } from "./chunks/LpSwitch-v6fnccSM.js";
-import { _ as _48 } from "./chunks/LpTable-CzHVcr3v.js";
-import { _ as _49 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
-import { _ as _50 } from "./chunks/LpTabs-D7aTVPOb.js";
-import { _ as _51 } from "./chunks/LpTextarea-CRAkhemZ.js";
+import { _ as _35 } from "./chunks/LpPopover-8268UmlC.js";
+import { _ as _36 } from "./chunks/LpProgress-BhI0IbjC.js";
+import { _ as _37 } from "./chunks/LpRadio-CL-pI0_O.js";
+import { _ as _38 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
+import { _ as _39 } from "./chunks/LpScrollArea-BtnZCCBT.js";
+import { _ as _40 } from "./chunks/LpSegmented-BmpanyAo.js";
+import { _ as _41 } from "./chunks/LpSelect-DznhPEWX.js";
+import { _ as _42 } from "./chunks/LpServiceNode-Dc-Ut5RS.js";
+import { _ as _43 } from "./chunks/LpSidebar-tZ2z-PnM.js";
+import { _ as _44 } from "./chunks/LpSkeleton-eSFIo4kD.js";
+import { _ as _45 } from "./chunks/LpSlider-B1SF3pRV.js";
+import { _ as _46 } from "./chunks/LpStat-CdbEFOvn.js";
+import { _ as _47 } from "./chunks/LpStepper-5dFTrW21.js";
+import { _ as _48 } from "./chunks/LpSwitch-v6fnccSM.js";
+import { _ as _49 } from "./chunks/LpTable-CzHVcr3v.js";
+import { _ as _50 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
+import { _ as _51 } from "./chunks/LpTabs-D7aTVPOb.js";
+import { _ as _52 } from "./chunks/LpTextarea-CRAkhemZ.js";
 import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-BgWwfkxs.js";
-import { D, _ as _52, b, c, d, e, f, l, g, h, n, r, t, i, u, v } from "./chunks/LpThemeSwitcher-BgWwfkxs.js";
-import { _ as _53 } from "./chunks/LpTilt-DuyKbpkA.js";
-import { _ as _54 } from "./chunks/LpToaster-gDB1EaU3.js";
-import { _ as _55 } from "./chunks/LpTooltip-CIwoRCag.js";
-import { _ as _56 } from "./chunks/LpTopologyCanvas-DVwyQfKa.js";
-import { _ as _57 } from "./chunks/LpUptimeBar-CB366k0O.js";
+import { D, _ as _53, b, c, d, e, f, l, g, h, n, r, t, i, u, v } from "./chunks/LpThemeSwitcher-BgWwfkxs.js";
+import { _ as _54 } from "./chunks/LpTilt-DuyKbpkA.js";
+import { _ as _55 } from "./chunks/LpToaster-gDB1EaU3.js";
+import { _ as _56 } from "./chunks/LpTooltip-CIwoRCag.js";
+import { _ as _57 } from "./chunks/LpTopologyCanvas-DVwyQfKa.js";
+import { _ as _58 } from "./chunks/LpUptimeBar-CB366k0O.js";
 import { deserializeLayout, serializeLayout } from "./layout/tree.js";
 import { addLeaf, addTab, countBlocks, countLeaves, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, setActiveTab } from "./layout/tree.js";
 import { blockTitle, defineBlocks } from "./layout/registry.js";
@@ -118,58 +120,64 @@ export {
   _18 as LpDrawer,
   _19 as LpDropdownMenu,
   _20 as LpEmptyState,
-  _21 as LpFormField,
-  _22 as LpIcon,
-  _23 as LpInfraNode,
-  _24 as LpInput,
-  _25 as LpLink,
-  _26 as LpLogViewer,
-  _27 as LpModal,
-  _28 as LpNotificationBell,
-  _29 as LpNumberField,
-  _30 as LpOtpInput,
-  _31 as LpPagination,
-  _32 as LpPasswordInput,
-  _33 as LpPhoneInput,
-  _34 as LpPopover,
-  _35 as LpProgress,
-  _36 as LpRadio,
-  _37 as LpRadioGroup,
-  _38 as LpScrollArea,
-  _39 as LpSegmented,
-  _40 as LpSelect,
-  _41 as LpServiceNode,
-  _42 as LpSidebar,
-  _43 as LpSkeleton,
-  _44 as LpSlider,
-  _45 as LpStat,
-  _46 as LpStepper,
-  _47 as LpSwitch,
-  _48 as LpTable,
-  _49 as LpTableOfContents,
-  _50 as LpTabs,
-  _51 as LpTextarea,
-  _52 as LpThemeSwitcher,
-  _53 as LpTilt,
-  _54 as LpToaster,
-  _55 as LpTooltip,
-  _56 as LpTopologyCanvas,
-  _57 as LpUptimeBar,
+  _21 as LpFileTree,
+  _22 as LpFormField,
+  _23 as LpIcon,
+  _24 as LpInfraNode,
+  _25 as LpInput,
+  _26 as LpLink,
+  _27 as LpLogViewer,
+  _28 as LpModal,
+  _29 as LpNotificationBell,
+  _30 as LpNumberField,
+  _31 as LpOtpInput,
+  _32 as LpPagination,
+  _33 as LpPasswordInput,
+  _34 as LpPhoneInput,
+  _35 as LpPopover,
+  _36 as LpProgress,
+  _37 as LpRadio,
+  _38 as LpRadioGroup,
+  _39 as LpScrollArea,
+  _40 as LpSegmented,
+  _41 as LpSelect,
+  _42 as LpServiceNode,
+  _43 as LpSidebar,
+  _44 as LpSkeleton,
+  _45 as LpSlider,
+  _46 as LpStat,
+  _47 as LpStepper,
+  _48 as LpSwitch,
+  _49 as LpTable,
+  _50 as LpTableOfContents,
+  _51 as LpTabs,
+  _52 as LpTextarea,
+  _53 as LpThemeSwitcher,
+  _54 as LpTilt,
+  _55 as LpToaster,
+  _56 as LpTooltip,
+  _57 as LpTopologyCanvas,
+  _58 as LpUptimeBar,
   UI_CONFIG_VERSION,
   addLeaf,
   addTab,
   b as amber,
+  ancestorIds,
   c as applyTheme,
   d as applyThemeWithTransition,
   blockTitle,
   e as bootstrapTheme,
+  checkStateOf,
   countBlocks,
   countLeaves,
   f as dark,
   defineBlocks,
   defineTheme,
   deserializeLayout,
+  fileIcon,
   flagEmoji,
+  formatModified,
+  formatSize,
   l as leavepulse,
   g as light,
   h as lime,
@@ -190,6 +198,9 @@ export {
   serializeLayout,
   serializeTheme,
   setActiveTab,
+  sortNodes,
+  subtreeIds,
+  subtreeSize,
   t as themeToCssRule,
   i as themeToCssVars,
   useInputFilter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.14.8",
+  "version": "0.14.10",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {
@@ -31,7 +31,7 @@
     "./dist/*": "./dist/*"
   },
   "publishConfig": {
-    "registry": "https://npm.pkg.github.com"
+    "registry": "https://registry.npmjs.org"
   },
   "sideEffects": [
     "**/*.css",

package/src/component-names.ts

@@ -24,6 +24,8 @@ export const COMPONENT_NAMES = [
   "LpDrawer",
   "LpDropdownMenu",
   "LpEmptyState",
+  "LpFileTree",
+  "LpFileTreeNode",
   "LpFormField",
   "LpIcon",
   "LpInfraNode",