@etus/ui 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/chunk-7Y2UQMX6.js

@@ -0,0 +1,524 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { SearchIcon, GitBranchIcon, FolderOpenIcon, FolderIcon, FileIcon, ChevronRight } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var fileTreeShellVariants = cva(
+  [
+    "flex flex-col h-full select-none",
+    "bg-[color:var(--filetree-shell-bg,var(--sidebar))]",
+    "text-[color:var(--filetree-shell-fg,var(--sidebar-foreground))]",
+    "border-r border-[color:var(--filetree-shell-border,var(--sidebar-border))]"
+  ],
+  {
+    variants: {
+      variant: {
+        ide: "font-mono",
+        notion: "font-sans",
+        outline: "font-sans"
+      },
+      size: {
+        sm: "w-[var(--filetree-shell-width-sm,240px)]",
+        default: "w-[var(--filetree-shell-width-default,296px)]",
+        lg: "w-[var(--filetree-shell-width-lg,320px)]"
+      }
+    },
+    defaultVariants: {
+      variant: "ide",
+      size: "default"
+    }
+  }
+);
+var fileTreeRowVariants = cva(
+  [
+    "relative flex items-center cursor-pointer",
+    "transition-colors duration-100",
+    "outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]",
+    "data-[active=true]:bg-[color:var(--filetree-row-active-bg,var(--brand-primary-100,var(--accent)))] data-[active=true]:text-[color:var(--filetree-row-active-fg,var(--brand-primary-900,var(--accent-foreground)))]",
+    "hover:bg-[color:var(--filetree-row-hover-bg,var(--muted))]"
+  ],
+  {
+    variants: {
+      variant: {
+        ide: "h-[var(--filetree-row-h-ide,24px)] rounded-sm pr-2 text-[12.5px]",
+        notion: "h-[var(--filetree-row-h-notion,30px)] rounded-md pr-1.5 pl-1 text-[13.5px]",
+        outline: "h-[var(--filetree-row-h-outline,28px)] rounded-sm px-2.5 text-[13px]"
+      }
+    },
+    defaultVariants: {
+      variant: "ide"
+    }
+  }
+);
+var FileTreeContext = React.createContext(null);
+function useFileTree() {
+  const ctx = React.use(FileTreeContext);
+  if (!ctx) throw new Error("FileTree sub-components must be used inside <FileTree>.");
+  return ctx;
+}
+function collectInitialExpanded(node, acc = {}) {
+  if (node.kind === "folder" && node.open) acc[node.path] = true;
+  node.children?.forEach((c) => collectInitialExpanded(c, acc));
+  return acc;
+}
+function collectInitialActive(node) {
+  if (node.active) return node.path;
+  if (node.children) {
+    for (const c of node.children) {
+      const r = collectInitialActive(c);
+      if (r) return r;
+    }
+  }
+  return void 0;
+}
+function visibleNodes(root, expanded) {
+  const out = [];
+  function walk(n, depth) {
+    if (n !== root) out.push({ node: n, depth });
+    if (n.kind === "folder" && (n === root || expanded[n.path])) {
+      n.children?.forEach((c) => {
+        walk(c, n === root ? 0 : depth + 1);
+      });
+    }
+  }
+  walk(root, -1);
+  return out;
+}
+function FileTreeHeader({ className, children, ...props }) {
+  if (!children) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2.5 px-3.5 pt-3.5 pb-3 border-b border-[color:var(--filetree-shell-border,var(--sidebar-border))]",
+        className
+      ),
+      "data-slot": "filetree-header",
+      ...props,
+      children
+    }
+  );
+}
+function FileTreeProjectBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "grid place-items-center shrink-0 size-7 rounded-md",
+        "bg-[color:var(--brand-primary-500,var(--primary))] text-[color:var(--brand-primary-900,var(--primary-foreground))]",
+        "text-[12px] font-bold tracking-[-0.02em]",
+        className
+      ),
+      "data-slot": "filetree-project-badge",
+      ...props
+    }
+  );
+}
+function FileTreeProjectMeta({ name, sub }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 flex-1 leading-tight", "data-slot": "filetree-project-meta", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-[13px] font-semibold truncate", "data-slot": "filetree-project-name", children: name }),
+    sub && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-[color:var(--muted-foreground)] truncate", "data-slot": "filetree-project-sub", children: sub })
+  ] });
+}
+function FileTreeToolbar({ className, children, ...props }) {
+  if (!children) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-1.5 px-3 py-2.5", className),
+      "data-slot": "filetree-toolbar",
+      ...props,
+      children
+    }
+  );
+}
+function FileTreeSearch({
+  shortcut,
+  placeholder,
+  value,
+  onChange
+}) {
+  const ctx = React.use(FileTreeContext);
+  const ph = placeholder ?? ctx?.searchPlaceholder ?? "Buscar arquivo\u2026";
+  const val = value ?? ctx?.searchValue ?? "";
+  const handle = onChange ?? ctx?.searchOnChange;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex items-center gap-1.5 flex-1 min-w-0 h-7 px-2 rounded-md",
+        "bg-[color:var(--muted)] border border-transparent text-[color:var(--muted-foreground)] text-[12px]",
+        "transition-[border-color,background-color] duration-100",
+        "focus-within:border-[color:var(--ring)] focus-within:bg-[color:var(--background)]"
+      ),
+      "data-slot": "filetree-search",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { size: 14 }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "flex-1 min-w-0 bg-transparent border-0 outline-none text-[color:var(--foreground)] placeholder:text-[color:var(--muted-foreground)]",
+            placeholder: ph,
+            type: "text",
+            value: val,
+            onChange: (e) => handle?.(e.target.value)
+          }
+        ),
+        shortcut && /* @__PURE__ */ jsx("kbd", { className: "font-mono text-[10px] bg-[color:var(--neutral-200,var(--muted))] text-[color:var(--muted-foreground)] px-1.5 py-px rounded-xs", children: shortcut })
+      ]
+    }
+  );
+}
+function FileTreeAction({
+  icon,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "grid place-items-center shrink-0 size-7 rounded-md",
+        "bg-transparent text-[color:var(--muted-foreground)] cursor-pointer",
+        "transition-colors hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]",
+        className
+      ),
+      "data-slot": "filetree-action",
+      type: "button",
+      ...props,
+      children: icon ?? children
+    }
+  );
+}
+function FileTreeBody({ className, ...props }) {
+  const ctx = useFileTree();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": "File tree",
+      className: cn("flex-1 min-h-0 overflow-y-auto px-1.5 pt-1 pb-3", className),
+      "data-slot": "filetree-body",
+      "data-variant": ctx.variant,
+      role: "tree",
+      ...props,
+      children: ctx.data.children?.map((child) => /* @__PURE__ */ jsx(FileTreeNodeRenderer, { depth: 0, node: child }, child.path))
+    }
+  );
+}
+function FileTreeFooter({
+  branch,
+  indicator = "dot",
+  children
+}) {
+  if (!branch && !children) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2 px-3 py-2.5 border-t border-[color:var(--filetree-shell-border,var(--sidebar-border))]",
+        "text-[12px] text-[color:var(--muted-foreground)]"
+      ),
+      "data-slot": "filetree-footer",
+      children: [
+        branch && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-[color:var(--foreground)] font-medium font-mono text-[11.5px]", children: [
+          /* @__PURE__ */ jsx(GitBranchIcon, { size: 12 }),
+          branch
+        ] }),
+        children,
+        indicator === "dot" && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "ml-auto size-1.5 rounded-full",
+              "bg-[color:var(--primary)]",
+              "ring-[3px] ring-[color:var(--primary)]/20"
+            ),
+            "data-slot": "filetree-footer-indicator"
+          }
+        )
+      ]
+    }
+  );
+}
+function FileTreeNodeRenderer({ node, depth }) {
+  const ctx = useFileTree();
+  const isFolder = node.kind === "folder";
+  const isExpanded = !!ctx.expanded[node.path];
+  const isActive = ctx.selectedPath === node.path;
+  const isFocused = ctx.focusedPath === node.path;
+  const rowContext = {
+    depth,
+    isExpanded,
+    isActive,
+    isFolder,
+    isFocused,
+    toggle: () => {
+      ctx.toggle(node.path);
+    },
+    select: () => {
+      ctx.select(node.path, node);
+    }
+  };
+  const indentPx = ctx.variant === "notion" ? depth * 18 : ctx.variant === "outline" ? depth * 16 : depth * 14;
+  const handleClick = () => {
+    ctx.select(node.path, node);
+    if (isFolder) ctx.toggle(node.path);
+  };
+  const handleKeyDown = (e) => {
+    if (!ctx.keyboardNav) return;
+    const flat = visibleNodes(ctx.data, ctx.expanded);
+    const idx = flat.findIndex((f) => f.node.path === node.path);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const next = flat[idx + 1];
+      if (next) ctx.setFocused(next.node.path);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const prev = flat[idx - 1];
+      if (prev) ctx.setFocused(prev.node.path);
+    } else if (e.key === "ArrowRight" && isFolder) {
+      e.preventDefault();
+      if (!isExpanded) ctx.toggle(node.path);
+      else {
+        const next = flat[idx + 1];
+        if (next && next.depth > depth) ctx.setFocused(next.node.path);
+      }
+    } else if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      if (isFolder && isExpanded) {
+        ctx.toggle(node.path);
+      } else {
+        for (let i = idx - 1; i >= 0; i--) {
+          const f = flat[i];
+          if (f && f.depth < depth) {
+            ctx.setFocused(f.node.path);
+            break;
+          }
+        }
+      }
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      if (flat[0]) ctx.setFocused(flat[0].node.path);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      const last = flat.at(-1);
+      if (last) ctx.setFocused(last.node.path);
+    } else if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      ctx.select(node.path, node);
+      if (isFolder) ctx.toggle(node.path);
+    }
+  };
+  const leading = ctx.renderLeading ? ctx.renderLeading(node, rowContext) : isFolder ? /* @__PURE__ */ jsx("span", { className: "grid place-items-center shrink-0 w-[18px] text-[color:var(--brand-primary-600,var(--primary))]", children: isExpanded ? /* @__PURE__ */ jsx(FolderOpenIcon, { size: 14 }) : /* @__PURE__ */ jsx(FolderIcon, { size: 14 }) }) : /* @__PURE__ */ jsx("span", { className: "grid place-items-center shrink-0 w-[18px] text-[color:var(--muted-foreground)]", children: /* @__PURE__ */ jsx(FileIcon, { size: 14 }) });
+  const trailing = ctx.renderTrailing?.(node, rowContext);
+  if (ctx.variant === "outline") {
+    const isL0 = isFolder && depth === 0;
+    const rowEl = ctx.renderRow ? ctx.renderRow(node, rowContext) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      isFolder && !isL0 && /* @__PURE__ */ jsx("span", { className: cn("inline-block w-[10px] shrink-0 text-[color:var(--muted-foreground)] font-mono text-[12px] transition-transform", isExpanded && "rotate-90"), children: "\u203A" }),
+      /* @__PURE__ */ jsx("span", { className: cn(
+        "flex-1 overflow-hidden text-ellipsis whitespace-nowrap",
+        isL0 && "text-[11px] font-bold uppercase tracking-[0.08em] text-[color:var(--muted-foreground)]",
+        !isL0 && isFolder && "font-semibold tracking-[-0.005em] text-[color:var(--foreground)]"
+      ), children: node.name }),
+      !isFolder && /* @__PURE__ */ jsx("span", { className: cn("size-[7px] rounded-full shrink-0", node.modified ? "bg-[color:var(--brand-primary-500,var(--primary))]" : "bg-[color:var(--muted)]") }),
+      trailing
+    ] });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            fileTreeRowVariants({ variant: "outline" }),
+            isL0 && "h-[30px] mt-3 first:mt-0",
+            node.disabled && "opacity-50 pointer-events-none"
+          ),
+          "aria-disabled": node.disabled ?? void 0,
+          "aria-expanded": isFolder ? isExpanded : void 0,
+          "aria-level": depth + 1,
+          "aria-selected": isActive || void 0,
+          "data-active": isActive || void 0,
+          "data-expanded": isFolder ? isExpanded : void 0,
+          "data-folder": isFolder || void 0,
+          "data-l0": isL0 || void 0,
+          "data-slot": "filetree-row",
+          role: "treeitem",
+          style: { paddingLeft: `${String(10 + indentPx)}px` },
+          tabIndex: isFocused ? 0 : -1,
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          ...ctx.getNodeProps?.(node),
+          children: rowEl
+        }
+      ),
+      isFolder && isExpanded && node.children?.map((c) => /* @__PURE__ */ jsx(FileTreeNodeRenderer, { depth: depth + 1, node: c }, c.path))
+    ] });
+  }
+  const chevron = isFolder ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "grid place-items-center shrink-0 w-4 text-[color:var(--muted-foreground)] transition-transform",
+        ctx.variant === "notion" && "w-5 h-[22px] rounded-sm opacity-0 group-hover/ftrow:opacity-100",
+        isExpanded && "rotate-90"
+      ),
+      children: /* @__PURE__ */ jsx(ChevronRight, { size: 12 })
+    }
+  ) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("inline-block shrink-0 w-4 h-6", ctx.variant === "notion" && "w-5 h-[22px]") });
+  const indentEls = ctx.variant === "ide" ? Array.from({ length: depth }, (_, i) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "relative shrink-0 w-[14px] self-stretch",
+      children: /* @__PURE__ */ jsx("span", { className: "absolute left-2 top-0 bottom-0 w-px bg-[color:var(--neutral-200)] dark:bg-[color:var(--neutral-800)]" })
+    },
+    i
+  )) : null;
+  const row = ctx.renderRow ? ctx.renderRow(node, rowContext) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    indentEls,
+    chevron,
+    leading,
+    /* @__PURE__ */ jsx("span", { className: "pl-1.5 overflow-hidden text-ellipsis whitespace-nowrap flex-1", children: node.name }),
+    trailing,
+    node.modified && !isFolder && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[color:var(--brand-primary-600,var(--primary))] font-bold", children: "\u25CF" })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "group/ftrow",
+          fileTreeRowVariants({ variant: ctx.variant }),
+          node.disabled && "opacity-50 pointer-events-none"
+        ),
+        "aria-disabled": node.disabled ?? void 0,
+        "aria-expanded": isFolder ? isExpanded : void 0,
+        "aria-level": depth + 1,
+        "aria-selected": isActive || void 0,
+        "data-active": isActive || void 0,
+        "data-expanded": isFolder ? isExpanded : void 0,
+        "data-folder": isFolder || void 0,
+        "data-slot": "filetree-row",
+        role: "treeitem",
+        style: ctx.variant === "notion" ? { paddingLeft: `${String(4 + indentPx)}px` } : void 0,
+        tabIndex: isFocused ? 0 : -1,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...ctx.getNodeProps?.(node),
+        children: row
+      }
+    ),
+    isFolder && isExpanded && node.children?.map((c) => /* @__PURE__ */ jsx(FileTreeNodeRenderer, { depth: depth + 1, node: c }, c.path))
+  ] });
+}
+function FileTree({
+  data,
+  variant = "ide",
+  size = "default",
+  expanded: expandedProp,
+  defaultExpanded,
+  selectedPath: selectedPathProp,
+  defaultSelectedPath,
+  onToggle,
+  onSelect,
+  renderRow,
+  renderLeading,
+  renderTrailing,
+  getNodeProps,
+  searchValue: searchValueProp,
+  onSearchChange,
+  searchPlaceholder,
+  keyboardNav = true,
+  className,
+  children,
+  ...props
+}) {
+  const isExpandedControlled = expandedProp !== void 0;
+  const isSelectedControlled = selectedPathProp !== void 0;
+  const isSearchControlled = searchValueProp !== void 0;
+  const [internalExpanded, setInternalExpanded] = React.useState(
+    () => defaultExpanded ?? collectInitialExpanded(data)
+  );
+  const [internalSelected, setInternalSelected] = React.useState(
+    () => defaultSelectedPath ?? collectInitialActive(data)
+  );
+  const [internalSearch, setInternalSearch] = React.useState("");
+  const [focusedPath, setFocusedPath] = React.useState(() => {
+    const initial = defaultSelectedPath ?? selectedPathProp ?? collectInitialActive(data);
+    if (initial) return initial;
+    const initialExpanded = defaultExpanded ?? collectInitialExpanded(data);
+    return visibleNodes(data, initialExpanded)[0]?.node.path;
+  });
+  const expanded = isExpandedControlled ? expandedProp : internalExpanded;
+  const selectedPath = isSelectedControlled ? selectedPathProp : internalSelected;
+  const searchValue = isSearchControlled ? searchValueProp : internalSearch;
+  const toggle = React.useCallback(
+    (path) => {
+      const next = !expanded[path];
+      if (!isExpandedControlled) {
+        setInternalExpanded((prev) => ({ ...prev, [path]: next }));
+      }
+      onToggle?.(path, next, { path, next, timestamp: Date.now() });
+    },
+    [expanded, isExpandedControlled, onToggle]
+  );
+  const select = React.useCallback(
+    (path, node) => {
+      if (!isSelectedControlled) setInternalSelected(path);
+      setFocusedPath(path);
+      onSelect?.(path, { path, node, timestamp: Date.now() });
+    },
+    [isSelectedControlled, onSelect]
+  );
+  const searchOnChange = React.useCallback(
+    (v) => {
+      if (!isSearchControlled) setInternalSearch(v);
+      onSearchChange?.(v);
+    },
+    [isSearchControlled, onSearchChange]
+  );
+  const ctxValue = {
+    variant,
+    size,
+    expanded,
+    selectedPath,
+    focusedPath,
+    toggle,
+    select,
+    setFocused: setFocusedPath,
+    data,
+    renderRow,
+    renderLeading,
+    renderTrailing,
+    getNodeProps,
+    keyboardNav,
+    searchValue,
+    searchOnChange,
+    searchPlaceholder
+  };
+  return /* @__PURE__ */ jsx(FileTreeContext, { value: ctxValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(fileTreeShellVariants({ variant, size }), className),
+      "data-size": size,
+      "data-slot": "filetree",
+      "data-variant": variant,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FileTreeBody, {}) })
+    }
+  ) });
+}
+FileTree.Header = FileTreeHeader;
+FileTree.ProjectBadge = FileTreeProjectBadge;
+FileTree.ProjectMeta = FileTreeProjectMeta;
+FileTree.Toolbar = FileTreeToolbar;
+FileTree.Search = FileTreeSearch;
+FileTree.Action = FileTreeAction;
+FileTree.Body = FileTreeBody;
+FileTree.Footer = FileTreeFooter;
+
+export { FileTree, FileTreeAction, FileTreeBody, FileTreeFooter, FileTreeHeader, FileTreeProjectBadge, FileTreeProjectMeta, FileTreeSearch, FileTreeToolbar, fileTreeRowVariants, fileTreeShellVariants };
+//# sourceMappingURL=chunk-7Y2UQMX6.js.map
+//# sourceMappingURL=chunk-7Y2UQMX6.js.map

package/dist/chunk-7Y2UQMX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/FileTree/FileTree.variants.ts","../src/components/navigation/FileTree/FileTree.tsx"],"names":[],"mappings":"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","file":"chunk-7Y2UQMX6.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const fileTreeShellVariants = cva(\n  [\n    \"flex flex-col h-full select-none\",\n    \"bg-[color:var(--filetree-shell-bg,var(--sidebar))]\",\n    \"text-[color:var(--filetree-shell-fg,var(--sidebar-foreground))]\",\n    \"border-r border-[color:var(--filetree-shell-border,var(--sidebar-border))]\",\n  ],\n  {\n    variants: {\n      variant: {\n        ide: \"font-mono\",\n        notion: \"font-sans\",\n        outline: \"font-sans\",\n      },\n      size: {\n        sm: \"w-[var(--filetree-shell-width-sm,240px)]\",\n        default: \"w-[var(--filetree-shell-width-default,296px)]\",\n        lg: \"w-[var(--filetree-shell-width-lg,320px)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ide\",\n      size: \"default\",\n    },\n  },\n)\n\nexport const fileTreeRowVariants = cva(\n  [\n    \"relative flex items-center cursor-pointer\",\n    \"transition-colors duration-100\",\n    \"outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]\",\n    \"data-[active=true]:bg-[color:var(--filetree-row-active-bg,var(--brand-primary-100,var(--accent)))] data-[active=true]:text-[color:var(--filetree-row-active-fg,var(--brand-primary-900,var(--accent-foreground)))]\",\n    \"hover:bg-[color:var(--filetree-row-hover-bg,var(--muted))]\",\n  ],\n  {\n    variants: {\n      variant: {\n        ide: \"h-[var(--filetree-row-h-ide,24px)] rounded-sm pr-2 text-[12.5px]\",\n        notion: \"h-[var(--filetree-row-h-notion,30px)] rounded-md pr-1.5 pl-1 text-[13.5px]\",\n        outline: \"h-[var(--filetree-row-h-outline,28px)] rounded-sm px-2.5 text-[13px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ide\",\n    },\n  },\n)\n","\"use client\"\n\nimport type {\n  FileTreeNode,\n  FileTreeProps,\n  FileTreeRowContext,\n} from \"./FileTree.types\"\n\nimport { ChevronRight, FileIcon, FolderIcon, FolderOpenIcon, GitBranchIcon, SearchIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  fileTreeRowVariants,\n  fileTreeShellVariants,\n} from \"./FileTree.variants\"\n\n/* ─────────────────────────────────────────────────────────────\n * Context — shares variant/state/handlers with sub-components.\n * ─────────────────────────────────────────────────────────────*/\n\ninterface FileTreeContextValue {\n  data: FileTreeNode\n  expanded: Record<string, boolean>\n  focusedPath: string | undefined\n  getNodeProps?: FileTreeProps[\"getNodeProps\"]\n  keyboardNav: boolean\n  renderLeading?: FileTreeProps[\"renderLeading\"]\n  renderRow?: FileTreeProps[\"renderRow\"]\n  renderTrailing?: FileTreeProps[\"renderTrailing\"]\n  searchOnChange?: (value: string) => void\n  searchPlaceholder?: string\n  searchValue: string\n  select: (path: string, node: FileTreeNode) => void\n  selectedPath: string | undefined\n  setFocused: (path: string | undefined) => void\n  size: \"default\" | \"lg\" | \"sm\"\n  toggle: (path: string) => void\n  variant: \"ide\" | \"notion\" | \"outline\"\n}\n\nconst FileTreeContext = React.createContext<FileTreeContextValue | null>(null)\n\nfunction useFileTree(): FileTreeContextValue {\n  const ctx = React.use(FileTreeContext)\n  if (!ctx) throw new Error(\"FileTree sub-components must be used inside <FileTree>.\")\n  return ctx\n}\n\n/* ─────────────────────────────────────────────────────────────\n * Utilities\n * ─────────────────────────────────────────────────────────────*/\n\nfunction collectInitialExpanded(node: FileTreeNode, acc: Record<string, boolean> = {}): Record<string, boolean> {\n  if (node.kind === \"folder\" && node.open) acc[node.path] = true\n  node.children?.forEach((c) => collectInitialExpanded(c, acc))\n  return acc\n}\n\nfunction collectInitialActive(node: FileTreeNode): string | undefined {\n  if (node.active) return node.path\n  if (node.children) {\n    for (const c of node.children) {\n      const r = collectInitialActive(c)\n      if (r) return r\n    }\n  }\n  return undefined\n}\n\n/** Flat list of currently-visible nodes (respects expanded state). Used for keyboard nav. */\nfunction visibleNodes(root: FileTreeNode, expanded: Record<string, boolean>): { depth: number; node: FileTreeNode; }[] {\n  const out: { depth: number; node: FileTreeNode; }[] = []\n  function walk(n: FileTreeNode, depth: number) {\n    if (n !== root) out.push({ node: n, depth })\n    if (n.kind === \"folder\" && (n === root || expanded[n.path])) {\n      n.children?.forEach((c) => { walk(c, n === root ? 0 : depth + 1); })\n    }\n  }\n  walk(root, -1)\n  return out\n}\n\n/* ─────────────────────────────────────────────────────────────\n * Sub-components (Header, Toolbar, Body, Footer)\n * ─────────────────────────────────────────────────────────────*/\n\nfunction FileTreeHeader({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  if (!children) return null\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2.5 px-3.5 pt-3.5 pb-3 border-b border-[color:var(--filetree-shell-border,var(--sidebar-border))]\",\n        className,\n      )}\n      data-slot=\"filetree-header\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nfunction FileTreeProjectBadge({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"grid place-items-center shrink-0 size-7 rounded-md\",\n        \"bg-[color:var(--brand-primary-500,var(--primary))] text-[color:var(--brand-primary-900,var(--primary-foreground))]\",\n        \"text-[12px] font-bold tracking-[-0.02em]\",\n        className,\n      )}\n      data-slot=\"filetree-project-badge\"\n      {...props}\n    />\n  )\n}\n\nfunction FileTreeProjectMeta({ name, sub }: { name: string; sub?: string }) {\n  return (\n    <div className=\"flex flex-col min-w-0 flex-1 leading-tight\" data-slot=\"filetree-project-meta\">\n      <span className=\"text-[13px] font-semibold truncate\" data-slot=\"filetree-project-name\">\n        {name}\n      </span>\n      {sub && (\n        <span className=\"text-[11px] text-[color:var(--muted-foreground)] truncate\" data-slot=\"filetree-project-sub\">\n          {sub}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FileTreeToolbar({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  if (!children) return null\n  return (\n    <div\n      className={cn(\"flex items-center gap-1.5 px-3 py-2.5\", className)}\n      data-slot=\"filetree-toolbar\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nfunction FileTreeSearch({\n  shortcut,\n  placeholder,\n  value,\n  onChange,\n}: {\n  onChange?: (value: string) => void\n  placeholder?: string\n  shortcut?: string\n  value?: string\n}) {\n  const ctx = React.use(FileTreeContext)\n  // Use context's search props as fallback when this Search component doesn't get explicit ones.\n  const ph = placeholder ?? ctx?.searchPlaceholder ?? \"Buscar arquivo…\"\n  const val = value ?? ctx?.searchValue ?? \"\"\n  const handle = onChange ?? ctx?.searchOnChange\n  return (\n    <label\n      className={cn(\n        \"flex items-center gap-1.5 flex-1 min-w-0 h-7 px-2 rounded-md\",\n        \"bg-[color:var(--muted)] border border-transparent text-[color:var(--muted-foreground)] text-[12px]\",\n        \"transition-[border-color,background-color] duration-100\",\n        \"focus-within:border-[color:var(--ring)] focus-within:bg-[color:var(--background)]\",\n      )}\n      data-slot=\"filetree-search\"\n    >\n      <SearchIcon size={14} />\n      <input\n        className=\"flex-1 min-w-0 bg-transparent border-0 outline-none text-[color:var(--foreground)] placeholder:text-[color:var(--muted-foreground)]\"\n        placeholder={ph}\n        type=\"text\"\n        value={val}\n        onChange={(e) => handle?.(e.target.value)}\n      />\n      {shortcut && (\n        <kbd className=\"font-mono text-[10px] bg-[color:var(--neutral-200,var(--muted))] text-[color:var(--muted-foreground)] px-1.5 py-px rounded-xs\">\n          {shortcut}\n        </kbd>\n      )}\n    </label>\n  )\n}\n\nfunction FileTreeAction({\n  icon,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"button\"> & { icon?: React.ReactNode }) {\n  return (\n    <button\n      className={cn(\n        \"grid place-items-center shrink-0 size-7 rounded-md\",\n        \"bg-transparent text-[color:var(--muted-foreground)] cursor-pointer\",\n        \"transition-colors hover:bg-[color:var(--muted)] hover:text-[color:var(--foreground)]\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--ring)]\",\n        className,\n      )}\n      data-slot=\"filetree-action\"\n      type=\"button\"\n      {...props}\n    >\n      {icon ?? children}\n    </button>\n  )\n}\n\nfunction FileTreeBody({ className, ...props }: React.ComponentProps<\"div\">) {\n  const ctx = useFileTree()\n  return (\n    <div\n      aria-label=\"File tree\"\n      className={cn(\"flex-1 min-h-0 overflow-y-auto px-1.5 pt-1 pb-3\", className)}\n      data-slot=\"filetree-body\"\n      data-variant={ctx.variant}\n      role=\"tree\"\n      {...props}\n    >\n      {ctx.data.children?.map((child) => (\n        <FileTreeNodeRenderer key={child.path} depth={0} node={child} />\n      ))}\n    </div>\n  )\n}\n\nfunction FileTreeFooter({\n  branch,\n  indicator = \"dot\",\n  children,\n}: {\n  branch?: string\n  children?: React.ReactNode\n  indicator?: \"dot\" | \"none\"\n}) {\n  if (!branch && !children) return null\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 px-3 py-2.5 border-t border-[color:var(--filetree-shell-border,var(--sidebar-border))]\",\n        \"text-[12px] text-[color:var(--muted-foreground)]\",\n      )}\n      data-slot=\"filetree-footer\"\n    >\n      {branch && (\n        <span className=\"inline-flex items-center gap-1.5 text-[color:var(--foreground)] font-medium font-mono text-[11.5px]\">\n          <GitBranchIcon size={12} />\n          {branch}\n        </span>\n      )}\n      {children}\n      {indicator === \"dot\" && (\n        <span\n          className={cn(\n            \"ml-auto size-1.5 rounded-full\",\n            \"bg-[color:var(--primary)]\",\n            \"ring-[3px] ring-[color:var(--primary)]/20\",\n          )}\n          data-slot=\"filetree-footer-indicator\"\n        />\n      )}\n    </div>\n  )\n}\n\n/* ─────────────────────────────────────────────────────────────\n * Row renderer — recursive\n * ─────────────────────────────────────────────────────────────*/\n\n// eslint-disable-next-line sonarjs/cognitive-complexity -- tree node renderer composes 3 variants (ide/notion/outline) + keyboard handler; splitting hurts readability more than it helps\nfunction FileTreeNodeRenderer({ node, depth }: { depth: number; node: FileTreeNode; }) {\n  const ctx = useFileTree()\n  const isFolder = node.kind === \"folder\"\n  const isExpanded = !!ctx.expanded[node.path]\n  const isActive = ctx.selectedPath === node.path\n  const isFocused = ctx.focusedPath === node.path\n\n  const rowContext: FileTreeRowContext = {\n    depth,\n    isExpanded,\n    isActive,\n    isFolder,\n    isFocused,\n    toggle: () => { ctx.toggle(node.path); },\n    select: () => { ctx.select(node.path, node); },\n  }\n\n  // Indent rendering depends on variant. IDE/Notion use guide-lines; outline is pure indent.\n  const indentPx = ctx.variant === \"notion\" ? depth * 18 : ctx.variant === \"outline\" ? depth * 16 : depth * 14\n\n  const handleClick = () => {\n    ctx.select(node.path, node)\n    if (isFolder) ctx.toggle(node.path)\n  }\n\n  // eslint-disable-next-line sonarjs/cognitive-complexity -- WAI-ARIA tree keyboard pattern requires 9 distinct key branches; refactoring obscures the spec mapping\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!ctx.keyboardNav) return\n    const flat = visibleNodes(ctx.data, ctx.expanded)\n    const idx = flat.findIndex((f) => f.node.path === node.path)\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault()\n      const next = flat[idx + 1]\n      if (next) ctx.setFocused(next.node.path)\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault()\n      const prev = flat[idx - 1]\n      if (prev) ctx.setFocused(prev.node.path)\n    } else if (e.key === \"ArrowRight\" && isFolder) {\n      e.preventDefault()\n      if (!isExpanded) ctx.toggle(node.path)\n      else {\n        const next = flat[idx + 1]\n        if (next && next.depth > depth) ctx.setFocused(next.node.path)\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault()\n      if (isFolder && isExpanded) {\n        ctx.toggle(node.path)\n      } else {\n        // move to parent (find previous shallower)\n        for (let i = idx - 1; i >= 0; i--) {\n          const f = flat[i]\n          if (f && f.depth < depth) { ctx.setFocused(f.node.path); break }\n        }\n      }\n    } else if (e.key === \"Home\") {\n      e.preventDefault()\n      if (flat[0]) ctx.setFocused(flat[0].node.path)\n    } else if (e.key === \"End\") {\n      e.preventDefault()\n      const last = flat.at(-1)\n      if (last) ctx.setFocused(last.node.path)\n    } else if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault()\n      ctx.select(node.path, node)\n      if (isFolder) ctx.toggle(node.path)\n    }\n  }\n\n  // Compute leading + trailing via render-props OR defaults\n  const leading = ctx.renderLeading\n    ? ctx.renderLeading(node, rowContext)\n    : isFolder\n      ? <span className=\"grid place-items-center shrink-0 w-[18px] text-[color:var(--brand-primary-600,var(--primary))]\">\n          {isExpanded ? <FolderOpenIcon size={14} /> : <FolderIcon size={14} />}\n        </span>\n      : <span className=\"grid place-items-center shrink-0 w-[18px] text-[color:var(--muted-foreground)]\">\n          <FileIcon size={14} />\n        </span>\n\n  const trailing = ctx.renderTrailing?.(node, rowContext)\n\n  // ── Variant: outline (no chevron, no folder icon, marker only)\n  if (ctx.variant === \"outline\") {\n    const isL0 = isFolder && depth === 0\n    const rowEl = ctx.renderRow ? (\n      ctx.renderRow(node, rowContext)\n    ) : (\n      <>\n        {isFolder && !isL0 && (\n          <span className={cn(\"inline-block w-[10px] shrink-0 text-[color:var(--muted-foreground)] font-mono text-[12px] transition-transform\", isExpanded && \"rotate-90\")}>\n            ›\n          </span>\n        )}\n        <span className={cn(\n          \"flex-1 overflow-hidden text-ellipsis whitespace-nowrap\",\n          isL0 && \"text-[11px] font-bold uppercase tracking-[0.08em] text-[color:var(--muted-foreground)]\",\n          !isL0 && isFolder && \"font-semibold tracking-[-0.005em] text-[color:var(--foreground)]\",\n        )}>\n          {node.name}\n        </span>\n        {!isFolder && (\n          <span className={cn(\"size-[7px] rounded-full shrink-0\", node.modified ? \"bg-[color:var(--brand-primary-500,var(--primary))]\" : \"bg-[color:var(--muted)]\")} />\n        )}\n        {trailing}\n      </>\n    )\n    return (\n      <>\n        <div\n          className={cn(\n            fileTreeRowVariants({ variant: \"outline\" }),\n            isL0 && \"h-[30px] mt-3 first:mt-0\",\n            node.disabled && \"opacity-50 pointer-events-none\",\n          )}\n          aria-disabled={node.disabled ?? undefined}\n          aria-expanded={isFolder ? isExpanded : undefined}\n          aria-level={depth + 1}\n          aria-selected={isActive || undefined}\n          data-active={isActive || undefined}\n          data-expanded={isFolder ? isExpanded : undefined}\n          data-folder={isFolder || undefined}\n          data-l0={isL0 || undefined}\n          data-slot=\"filetree-row\"\n          role=\"treeitem\"\n          style={{ paddingLeft: `${String(10 + indentPx)}px` }}\n          tabIndex={isFocused ? 0 : -1}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...ctx.getNodeProps?.(node)}\n        >\n          {rowEl}\n        </div>\n        {isFolder && isExpanded && node.children?.map((c) => (\n          <FileTreeNodeRenderer key={c.path} depth={depth + 1} node={c} />\n        ))}\n      </>\n    )\n  }\n\n  // ── Variant: ide / notion (chevron + icon + name + trailing)\n  const chevron = isFolder ? (\n    <span\n      className={cn(\n        \"grid place-items-center shrink-0 w-4 text-[color:var(--muted-foreground)] transition-transform\",\n        ctx.variant === \"notion\" && \"w-5 h-[22px] rounded-sm opacity-0 group-hover/ftrow:opacity-100\",\n        isExpanded && \"rotate-90\",\n      )}\n    >\n      <ChevronRight size={12} />\n    </span>\n  ) : (\n    <span aria-hidden=\"true\" className={cn(\"inline-block shrink-0 w-4 h-6\", ctx.variant === \"notion\" && \"w-5 h-[22px]\")} />\n  )\n\n  const indentEls = ctx.variant === \"ide\"\n    ? Array.from({ length: depth }, (_, i) => (\n        <span\n          key={i}\n          aria-hidden=\"true\"\n          className=\"relative shrink-0 w-[14px] self-stretch\"\n        >\n          <span className=\"absolute left-2 top-0 bottom-0 w-px bg-[color:var(--neutral-200)] dark:bg-[color:var(--neutral-800)]\" />\n        </span>\n      ))\n    : null\n\n  const row = ctx.renderRow ? (\n    ctx.renderRow(node, rowContext)\n  ) : (\n    <>\n      {indentEls}\n      {chevron}\n      {leading}\n      <span className=\"pl-1.5 overflow-hidden text-ellipsis whitespace-nowrap flex-1\">\n        {node.name}\n      </span>\n      {trailing}\n      {node.modified && !isFolder && (\n        <span className=\"ml-1 text-[color:var(--brand-primary-600,var(--primary))] font-bold\">●</span>\n      )}\n    </>\n  )\n\n  return (\n    <>\n      <div\n        className={cn(\n          \"group/ftrow\",\n          fileTreeRowVariants({ variant: ctx.variant }),\n          node.disabled && \"opacity-50 pointer-events-none\",\n        )}\n        aria-disabled={node.disabled ?? undefined}\n        aria-expanded={isFolder ? isExpanded : undefined}\n        aria-level={depth + 1}\n        aria-selected={isActive || undefined}\n        data-active={isActive || undefined}\n        data-expanded={isFolder ? isExpanded : undefined}\n        data-folder={isFolder || undefined}\n        data-slot=\"filetree-row\"\n        role=\"treeitem\"\n        style={ctx.variant === \"notion\" ? { paddingLeft: `${String(4 + indentPx)}px` } : undefined}\n        tabIndex={isFocused ? 0 : -1}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...ctx.getNodeProps?.(node)}\n      >\n        {row}\n      </div>\n      {isFolder && isExpanded && node.children?.map((c) => (\n        <FileTreeNodeRenderer key={c.path} depth={depth + 1} node={c} />\n      ))}\n    </>\n  )\n}\n\n/* ─────────────────────────────────────────────────────────────\n * Root — FileTree\n * ─────────────────────────────────────────────────────────────*/\n\nfunction FileTree({\n  data,\n  variant = \"ide\",\n  size = \"default\",\n  expanded: expandedProp,\n  defaultExpanded,\n  selectedPath: selectedPathProp,\n  defaultSelectedPath,\n  onToggle,\n  onSelect,\n  renderRow,\n  renderLeading,\n  renderTrailing,\n  getNodeProps,\n  searchValue: searchValueProp,\n  onSearchChange,\n  searchPlaceholder,\n  keyboardNav = true,\n  className,\n  children,\n  ...props\n}: FileTreeProps) {\n  const isExpandedControlled = expandedProp !== undefined\n  const isSelectedControlled = selectedPathProp !== undefined\n  const isSearchControlled = searchValueProp !== undefined\n\n  const [internalExpanded, setInternalExpanded] = React.useState<Record<string, boolean>>(\n    () => defaultExpanded ?? collectInitialExpanded(data),\n  )\n  const [internalSelected, setInternalSelected] = React.useState<string | undefined>(\n    () => defaultSelectedPath ?? collectInitialActive(data),\n  )\n  const [internalSearch, setInternalSearch] = React.useState<string>(\"\")\n  // Initial focus: prefer selectedPath (controlled or default), else first visible node.\n  // Computed at mount via useState initializer to avoid the \"initialize state in effect\" anti-pattern.\n  const [focusedPath, setFocusedPath] = React.useState<string | undefined>(() => {\n    const initial = defaultSelectedPath ?? selectedPathProp ?? collectInitialActive(data)\n    if (initial) return initial\n    const initialExpanded = defaultExpanded ?? collectInitialExpanded(data)\n    return visibleNodes(data, initialExpanded)[0]?.node.path\n  })\n\n  const expanded = isExpandedControlled ? expandedProp : internalExpanded\n  const selectedPath = isSelectedControlled ? selectedPathProp : internalSelected\n  const searchValue = isSearchControlled ? searchValueProp : internalSearch\n\n  const toggle = React.useCallback(\n    (path: string) => {\n      const next = !expanded[path]\n      if (!isExpandedControlled) {\n        setInternalExpanded((prev) => ({ ...prev, [path]: next }))\n      }\n      onToggle?.(path, next, { path, next, timestamp: Date.now() })\n    },\n    [expanded, isExpandedControlled, onToggle],\n  )\n\n  const select = React.useCallback(\n    (path: string, node: FileTreeNode) => {\n      if (!isSelectedControlled) setInternalSelected(path)\n      setFocusedPath(path)\n      onSelect?.(path, { path, node, timestamp: Date.now() })\n    },\n    [isSelectedControlled, onSelect],\n  )\n\n  const searchOnChange = React.useCallback(\n    (v: string) => {\n      if (!isSearchControlled) setInternalSearch(v)\n      onSearchChange?.(v)\n    },\n    [isSearchControlled, onSearchChange],\n  )\n\n  const ctxValue: FileTreeContextValue = {\n    variant,\n    size,\n    expanded,\n    selectedPath,\n    focusedPath,\n    toggle,\n    select,\n    setFocused: setFocusedPath,\n    data,\n    renderRow,\n    renderLeading,\n    renderTrailing,\n    getNodeProps,\n    keyboardNav,\n    searchValue,\n    searchOnChange,\n    searchPlaceholder,\n  }\n\n  return (\n    <FileTreeContext value={ctxValue}>\n      <div\n        className={cn(fileTreeShellVariants({ variant, size }), className)}\n        data-size={size}\n        data-slot=\"filetree\"\n        data-variant={variant}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <FileTreeBody />\n          </>\n        )}\n      </div>\n    </FileTreeContext>\n  )\n}\n\n// Attach sub-components\nFileTree.Header = FileTreeHeader\nFileTree.ProjectBadge = FileTreeProjectBadge\nFileTree.ProjectMeta = FileTreeProjectMeta\nFileTree.Toolbar = FileTreeToolbar\nFileTree.Search = FileTreeSearch\nFileTree.Action = FileTreeAction\nFileTree.Body = FileTreeBody\nFileTree.Footer = FileTreeFooter\n\nexport {\n  FileTree,\n  FileTreeAction,\n  FileTreeBody,\n  FileTreeFooter,\n  FileTreeHeader,\n  FileTreeProjectBadge,\n  FileTreeProjectMeta,\n  fileTreeRowVariants,\n  FileTreeSearch,\n  fileTreeShellVariants,\n  FileTreeToolbar,\n}\n"]}