@mdigital_ui/ui 0.1.0

package/dist/chunk-S5XJXU52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/descriptions/index.tsx"],"names":[],"mappings":"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","file":"chunk-S5XJXU52.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { DescriptionsItem, DescriptionsProps } from './types'\n\nconst tableVariants = cva('w-full border-separate border-spacing-0', {\n  variants: {\n    bordered: {\n      true: 'border border-border',\n      false: '',\n    },\n    rounded: {\n      true: 'rounded-lg',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    { bordered: true, rounded: true, class: 'overflow-hidden' },\n  ],\n  defaultVariants: {\n    bordered: true,\n    rounded: true,\n  },\n})\n\nconst labelCellVariants = cva(\n  'font-semibold text-text-primary border-b border-r border-border',\n  {\n    variants: {\n      size: {\n        xs: 'py-1 px-2 text-[10px]',\n        sm: 'py-2 px-3 text-xs',\n        md: 'py-3 px-4 text-sm',\n        lg: 'py-4 px-5 text-base',\n      },\n      color: {\n        default: 'bg-surface',\n        primary: 'bg-primary/10',\n        secondary: 'bg-secondary/10',\n        accent: 'bg-accent/10',\n        success: 'bg-success/10',\n        error: 'bg-error/10',\n        warning: 'bg-warning/10',\n        info: 'bg-info/10',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      color: 'default',\n    },\n  },\n)\n\nconst valueCellVariants = cva(\n  'text-text-primary border-b border-r border-border bg-background',\n  {\n    variants: {\n      size: {\n        xs: 'py-1 px-2 text-[10px]',\n        sm: 'py-2 px-3 text-xs',\n        md: 'py-3 px-4 text-sm',\n        lg: 'py-4 px-5 text-base',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst Descriptions = React.memo<DescriptionsProps>(\n  ({\n    items,\n    column = 3,\n    color = 'default',\n    size = 'md',\n    layout = 'horizontal',\n    bordered = true,\n    rounded = true,\n    className,\n  }) => {\n    // Split items into rows based on column count and span\n    const rows: DescriptionsItem[][] = []\n    let currentRow: DescriptionsItem[] = []\n    let currentSpan = 0\n\n    items.forEach((item) => {\n      const itemSpan = item.span || 1\n\n      if (currentSpan + itemSpan > column) {\n        rows.push(currentRow)\n        currentRow = [item]\n        currentSpan = itemSpan\n      } else {\n        currentRow.push(item)\n        currentSpan += itemSpan\n      }\n    })\n\n    if (currentRow.length > 0) {\n      rows.push(currentRow)\n    }\n\n    if (layout === 'vertical') {\n      return (\n        <table className={cn(tableVariants({ bordered, rounded }), className)}>\n          <tbody>\n            {rows.map((row, rowIndex) => {\n              const isLastRow = rowIndex === rows.length - 1\n\n              // Calculate which items reach the right edge\n              let colPosition = 0\n              const itemsAtRightEdge = row.map((item) => {\n                const span = item.span || 1\n                colPosition += span\n                return colPosition >= column\n              })\n\n              return (\n                <React.Fragment key={rowIndex}>\n                  <tr>\n                    {row.map((item, itemIndex) => (\n                      <th\n                        key={`${item.key}-label`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          labelCellVariants({ size, color }),\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                        )}\n                      >\n                        {item.label}\n                      </th>\n                    ))}\n                  </tr>\n                  <tr>\n                    {row.map((item, itemIndex) => (\n                      <td\n                        key={`${item.key}-value`}\n                        colSpan={item.span || 1}\n                        className={cn(\n                          valueCellVariants({ size }),\n                          itemsAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                        )}\n                      >\n                        {item.children}\n                      </td>\n                    ))}\n                  </tr>\n                </React.Fragment>\n              )\n            })}\n          </tbody>\n        </table>\n      )\n    }\n\n    // Horizontal layout\n    return (\n      <table className={cn(tableVariants({ bordered, rounded }), className)}>\n        <tbody>\n          {rows.map((row, rowIndex) => {\n            const isLastRow = rowIndex === rows.length - 1\n\n            // Calculate which value cells reach the right edge\n            let colPosition = 0\n            const valueAtRightEdge = row.map((item) => {\n              const span = item.span || 1\n              colPosition += span * 2 // Each item takes label + value columns\n              return colPosition >= column * 2\n            })\n\n            return (\n              <tr key={rowIndex}>\n                {row.map((item, itemIndex) => {\n                  const itemSpan = item.span || 1\n                  const valueColSpan = itemSpan * 2 - 1\n\n                  return (\n                    <React.Fragment key={item.key}>\n                      <th\n                        className={cn(\n                          labelCellVariants({ size, color }),\n                          isLastRow && 'border-b-0',\n                        )}\n                      >\n                        {item.label}\n                      </th>\n                      <td\n                        colSpan={valueColSpan}\n                        className={cn(\n                          valueCellVariants({ size }),\n                          valueAtRightEdge[itemIndex] && 'border-r-0',\n                          isLastRow && 'border-b-0',\n                        )}\n                      >\n                        {item.children}\n                      </td>\n                    </React.Fragment>\n                  )\n                })}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    )\n  },\n)\n\nDescriptions.displayName = 'Descriptions'\n\nexport type * from './types'\nexport default Descriptions\n"]}

package/dist/chunk-SAVE5ACL.js

@@ -0,0 +1,324 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import { ChevronRight, Check, Minus } from 'lucide-react';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var treeItemVariants = cva(
+  "flex items-center gap-2 px-2 rounded cursor-pointer select-none transition-all duration-200 ease-out",
+  {
+    variants: {
+      size: {
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: "hover:bg-surface"
+      },
+      selected: {
+        true: "bg-primary/10 text-primary",
+        false: "text-text-primary"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      disabled: false,
+      selected: false
+    }
+  }
+);
+var iconSizes = {
+  xs: "h-3 w-3",
+  sm: "h-3.5 w-3.5",
+  md: "h-4 w-4",
+  lg: "h-5 w-5"
+};
+var Tree = React.memo(
+  ({
+    data,
+    defaultExpandedKeys = [],
+    expandedKeys,
+    onExpand,
+    checkable = false,
+    checkedKeys,
+    defaultCheckedKeys = [],
+    onCheck,
+    selectable = true,
+    selectedKeys,
+    defaultSelectedKeys = [],
+    onSelect,
+    disabled = false,
+    size = "md",
+    showLine = false,
+    showIcon = true,
+    defaultExpandAll = false,
+    className
+  }) => {
+    const [internalExpandedKeys, setInternalExpandedKeys] = React.useState(defaultExpandAll ? getAllKeys(data) : defaultExpandedKeys);
+    const [internalCheckedKeys, setInternalCheckedKeys] = React.useState(defaultCheckedKeys);
+    const [internalSelectedKeys, setInternalSelectedKeys] = React.useState(defaultSelectedKeys);
+    const currentExpandedKeys = expandedKeys !== void 0 ? expandedKeys : internalExpandedKeys;
+    const currentCheckedKeys = checkedKeys !== void 0 ? checkedKeys : internalCheckedKeys;
+    const currentSelectedKeys = selectedKeys !== void 0 ? selectedKeys : internalSelectedKeys;
+    function getAllKeys(nodes) {
+      const keys = [];
+      const traverse = (items) => {
+        items.forEach((item) => {
+          keys.push(item.key);
+          if (item.children) {
+            traverse(item.children);
+          }
+        });
+      };
+      traverse(nodes);
+      return keys;
+    }
+    const getAllLeafKeys = React.useCallback((node) => {
+      const keys = [];
+      const traverse = (n) => {
+        if (!n.children || n.children.length === 0 || n.isLeaf) {
+          keys.push(n.key);
+        } else {
+          n.children.forEach((child) => traverse(child));
+        }
+      };
+      traverse(node);
+      return keys;
+    }, []);
+    const getNodeByKey = React.useCallback(
+      (key) => {
+        const traverse = (nodes) => {
+          for (const node of nodes) {
+            if (node.key === key) return node;
+            if (node.children) {
+              const found = traverse(node.children);
+              if (found) return found;
+            }
+          }
+          return null;
+        };
+        return traverse(data);
+      },
+      [data]
+    );
+    const getCheckedNodes = React.useCallback(
+      (keys) => {
+        return keys.map((key) => getNodeByKey(key)).filter((node) => node !== null);
+      },
+      [getNodeByKey]
+    );
+    const getCheckState = React.useCallback(
+      (node) => {
+        if (!node.children || node.children.length === 0 || node.isLeaf) {
+          return {
+            checked: currentCheckedKeys.includes(node.key),
+            indeterminate: false
+          };
+        }
+        const leafKeys = getAllLeafKeys(node);
+        const checkedCount = leafKeys.filter(
+          (key) => currentCheckedKeys.includes(key)
+        ).length;
+        return {
+          checked: checkedCount === leafKeys.length && leafKeys.length > 0,
+          indeterminate: checkedCount > 0 && checkedCount < leafKeys.length
+        };
+      },
+      [currentCheckedKeys, getAllLeafKeys]
+    );
+    const handleExpand = React.useCallback(
+      (key) => {
+        const newExpandedKeys = currentExpandedKeys.includes(key) ? currentExpandedKeys.filter((k) => k !== key) : [...currentExpandedKeys, key];
+        if (expandedKeys === void 0) {
+          setInternalExpandedKeys(newExpandedKeys);
+        }
+        onExpand?.(newExpandedKeys);
+      },
+      [currentExpandedKeys, expandedKeys, onExpand]
+    );
+    const handleCheck = React.useCallback(
+      (node, checked) => {
+        if (disabled || node.disabled) return;
+        const leafKeys = getAllLeafKeys(node);
+        let newCheckedKeys;
+        if (checked) {
+          const keysToAdd = leafKeys.filter(
+            (key) => !currentCheckedKeys.includes(key)
+          );
+          newCheckedKeys = [...currentCheckedKeys, ...keysToAdd];
+        } else {
+          newCheckedKeys = currentCheckedKeys.filter(
+            (key) => !leafKeys.includes(key)
+          );
+        }
+        if (checkedKeys === void 0) {
+          setInternalCheckedKeys(newCheckedKeys);
+        }
+        const checkedNodes = getCheckedNodes(newCheckedKeys);
+        onCheck?.(newCheckedKeys, {
+          checked,
+          node,
+          checkedNodes
+        });
+      },
+      [
+        disabled,
+        getAllLeafKeys,
+        currentCheckedKeys,
+        checkedKeys,
+        onCheck,
+        getCheckedNodes
+      ]
+    );
+    const handleSelect = React.useCallback(
+      (node) => {
+        if (disabled || node.disabled || !selectable) return;
+        const isSelected = currentSelectedKeys.includes(node.key);
+        const newSelectedKeys = isSelected ? currentSelectedKeys.filter((k) => k !== node.key) : [...currentSelectedKeys, node.key];
+        if (selectedKeys === void 0) {
+          setInternalSelectedKeys(newSelectedKeys);
+        }
+        onSelect?.(newSelectedKeys, {
+          selected: !isSelected,
+          node
+        });
+      },
+      [disabled, selectable, currentSelectedKeys, selectedKeys, onSelect]
+    );
+    const flattenTree = React.useCallback(
+      (nodes, level = 0) => {
+        const result = [];
+        nodes.forEach((node) => {
+          result.push({ node, level });
+          const hasChildren = node.children && node.children.length > 0 && !node.isLeaf;
+          const isExpanded = currentExpandedKeys.includes(node.key);
+          if (hasChildren && isExpanded) {
+            result.push(...flattenTree(node.children, level + 1));
+          }
+        });
+        return result;
+      },
+      [currentExpandedKeys]
+    );
+    const flatNodes = React.useMemo(
+      () => flattenTree(data),
+      [data, flattenTree]
+    );
+    const renderNode = React.useCallback(
+      (item, index) => {
+        const { node, level } = item;
+        const hasChildren = node.children && node.children.length > 0 && !node.isLeaf;
+        const isExpanded = currentExpandedKeys.includes(node.key);
+        const isSelected = currentSelectedKeys.includes(node.key);
+        const checkState = checkable ? getCheckState(node) : null;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "relative animate-in fade-in slide-in-from-top-1 duration-200",
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  treeItemVariants({
+                    size,
+                    disabled: !!node.disabled,
+                    selected: isSelected
+                  }),
+                  className
+                ),
+                children: [
+                  Array.from({ length: level }).map((_, i) => {
+                    const shouldDrawLine = showLine && flatNodes.slice(index + 1).some((n) => n.level === i);
+                    return /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "relative inline-block w-4 h-6 shrink-0",
+                        children: shouldDrawLine && /* @__PURE__ */ jsx("span", { className: "absolute top-0 left-1/2 bottom-0 h-full border-l border-border -translate-x-px" })
+                      },
+                      i
+                    );
+                  }),
+                  hasChildren ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleExpand(node.key);
+                      },
+                      className: "shrink-0 hover:text-primary transition-colors duration-200",
+                      disabled: disabled || node.disabled,
+                      children: /* @__PURE__ */ jsx(
+                        ChevronRight,
+                        {
+                          className: cn(
+                            iconSizes[size],
+                            "transition-transform duration-300 ease-out",
+                            isExpanded && "rotate-90"
+                          )
+                        }
+                      )
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: cn("shrink-0", iconSizes[size]) }),
+                  checkable && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleCheck(node, !checkState?.checked);
+                      },
+                      className: cn(
+                        "w-4 h-4 border rounded flex items-center justify-center shrink-0 cursor-pointer transition-all duration-200",
+                        checkState?.checked ? "bg-primary border-primary" : "border-border",
+                        (disabled || node.disabled) && "opacity-50 cursor-not-allowed"
+                      ),
+                      children: [
+                        checkState?.checked && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-background animate-in zoom-in-50 duration-200" }),
+                        checkState?.indeterminate && !checkState?.checked && /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3 text-primary animate-in zoom-in-50 duration-200" })
+                      ]
+                    }
+                  ),
+                  showIcon && node.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: node.icon }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      onClick: () => handleSelect(node),
+                      className: "flex-1 truncate",
+                      children: node.label
+                    }
+                  )
+                ]
+              }
+            )
+          },
+          node.key
+        );
+      },
+      [
+        currentExpandedKeys,
+        currentSelectedKeys,
+        checkable,
+        getCheckState,
+        size,
+        className,
+        disabled,
+        handleExpand,
+        handleCheck,
+        handleSelect,
+        showIcon,
+        showLine,
+        flatNodes
+      ]
+    );
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: flatNodes.map((item, index) => renderNode(item, index)) });
+  }
+);
+Tree.displayName = "Tree";
+var tree_default = Tree;
+
+export { tree_default };
+//# sourceMappingURL=chunk-SAVE5ACL.js.map
+//# sourceMappingURL=chunk-SAVE5ACL.js.map

package/dist/chunk-SAVE5ACL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree/index.tsx"],"names":[],"mappings":"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","file":"chunk-SAVE5ACL.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Check, ChevronRight, Minus } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { TreeNode, TreeProps } from './types'\n\nconst treeItemVariants = cva(\n  'flex items-center gap-2 px-2 rounded cursor-pointer select-none transition-all duration-200 ease-out',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: 'hover:bg-surface',\n      },\n      selected: {\n        true: 'bg-primary/10 text-primary',\n        false: 'text-text-primary',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n      selected: false,\n    },\n  },\n)\n\nconst iconSizes = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n}\n\nconst Tree = React.memo<TreeProps>(\n  ({\n    data,\n    defaultExpandedKeys = [],\n    expandedKeys,\n    onExpand,\n    checkable = false,\n    checkedKeys,\n    defaultCheckedKeys = [],\n    onCheck,\n    selectable = true,\n    selectedKeys,\n    defaultSelectedKeys = [],\n    onSelect,\n    disabled = false,\n    size = 'md',\n    showLine = false,\n    showIcon = true,\n    defaultExpandAll = false,\n    className,\n  }) => {\n    const [internalExpandedKeys, setInternalExpandedKeys] = React.useState<\n      string[]\n    >(defaultExpandAll ? getAllKeys(data) : defaultExpandedKeys)\n    const [internalCheckedKeys, setInternalCheckedKeys] =\n      React.useState<string[]>(defaultCheckedKeys)\n    const [internalSelectedKeys, setInternalSelectedKeys] =\n      React.useState<string[]>(defaultSelectedKeys)\n\n    const currentExpandedKeys =\n      expandedKeys !== undefined ? expandedKeys : internalExpandedKeys\n    const currentCheckedKeys =\n      checkedKeys !== undefined ? checkedKeys : internalCheckedKeys\n    const currentSelectedKeys =\n      selectedKeys !== undefined ? selectedKeys : internalSelectedKeys\n\n    function getAllKeys(nodes: TreeNode[]): string[] {\n      const keys: string[] = []\n      const traverse = (items: TreeNode[]) => {\n        items.forEach((item) => {\n          keys.push(item.key)\n          if (item.children) {\n            traverse(item.children)\n          }\n        })\n      }\n      traverse(nodes)\n      return keys\n    }\n\n    const getAllLeafKeys = React.useCallback((node: TreeNode): string[] => {\n      const keys: string[] = []\n\n      const traverse = (n: TreeNode) => {\n        if (!n.children || n.children.length === 0 || n.isLeaf) {\n          keys.push(n.key)\n        } else {\n          n.children.forEach((child) => traverse(child))\n        }\n      }\n\n      traverse(node)\n      return keys\n    }, [])\n\n    const getNodeByKey = React.useCallback(\n      (key: string): TreeNode | null => {\n        const traverse = (nodes: TreeNode[]): TreeNode | null => {\n          for (const node of nodes) {\n            if (node.key === key) return node\n            if (node.children) {\n              const found = traverse(node.children)\n              if (found) return found\n            }\n          }\n          return null\n        }\n        return traverse(data)\n      },\n      [data],\n    )\n\n    const getCheckedNodes = React.useCallback(\n      (keys: string[]): TreeNode[] => {\n        return keys\n          .map((key) => getNodeByKey(key))\n          .filter((node): node is TreeNode => node !== null)\n      },\n      [getNodeByKey],\n    )\n\n    const getCheckState = React.useCallback(\n      (node: TreeNode): { checked: boolean; indeterminate: boolean } => {\n        if (!node.children || node.children.length === 0 || node.isLeaf) {\n          return {\n            checked: currentCheckedKeys.includes(node.key),\n            indeterminate: false,\n          }\n        }\n\n        const leafKeys = getAllLeafKeys(node)\n        const checkedCount = leafKeys.filter((key) =>\n          currentCheckedKeys.includes(key),\n        ).length\n\n        return {\n          checked: checkedCount === leafKeys.length && leafKeys.length > 0,\n          indeterminate: checkedCount > 0 && checkedCount < leafKeys.length,\n        }\n      },\n      [currentCheckedKeys, getAllLeafKeys],\n    )\n\n    const handleExpand = React.useCallback(\n      (key: string) => {\n        const newExpandedKeys = currentExpandedKeys.includes(key)\n          ? currentExpandedKeys.filter((k) => k !== key)\n          : [...currentExpandedKeys, key]\n\n        if (expandedKeys === undefined) {\n          setInternalExpandedKeys(newExpandedKeys)\n        }\n        onExpand?.(newExpandedKeys)\n      },\n      [currentExpandedKeys, expandedKeys, onExpand],\n    )\n\n    const handleCheck = React.useCallback(\n      (node: TreeNode, checked: boolean) => {\n        if (disabled || node.disabled) return\n\n        const leafKeys = getAllLeafKeys(node)\n        let newCheckedKeys: string[]\n\n        if (checked) {\n          // Add all leaf keys that aren't already checked\n          const keysToAdd = leafKeys.filter(\n            (key) => !currentCheckedKeys.includes(key),\n          )\n          newCheckedKeys = [...currentCheckedKeys, ...keysToAdd]\n        } else {\n          // Remove all leaf keys\n          newCheckedKeys = currentCheckedKeys.filter(\n            (key) => !leafKeys.includes(key),\n          )\n        }\n\n        if (checkedKeys === undefined) {\n          setInternalCheckedKeys(newCheckedKeys)\n        }\n\n        const checkedNodes = getCheckedNodes(newCheckedKeys)\n        onCheck?.(newCheckedKeys, {\n          checked,\n          node,\n          checkedNodes,\n        })\n      },\n      [\n        disabled,\n        getAllLeafKeys,\n        currentCheckedKeys,\n        checkedKeys,\n        onCheck,\n        getCheckedNodes,\n      ],\n    )\n\n    const handleSelect = React.useCallback(\n      (node: TreeNode) => {\n        if (disabled || node.disabled || !selectable) return\n\n        const isSelected = currentSelectedKeys.includes(node.key)\n        const newSelectedKeys = isSelected\n          ? currentSelectedKeys.filter((k) => k !== node.key)\n          : [...currentSelectedKeys, node.key]\n\n        if (selectedKeys === undefined) {\n          setInternalSelectedKeys(newSelectedKeys)\n        }\n\n        onSelect?.(newSelectedKeys, {\n          selected: !isSelected,\n          node,\n        })\n      },\n      [disabled, selectable, currentSelectedKeys, selectedKeys, onSelect],\n    )\n\n    const flattenTree = React.useCallback(\n      (\n        nodes: TreeNode[],\n        level: number = 0,\n      ): Array<{ node: TreeNode; level: number }> => {\n        const result: Array<{ node: TreeNode; level: number }> = []\n\n        nodes.forEach((node) => {\n          result.push({ node, level })\n\n          const hasChildren =\n            node.children && node.children.length > 0 && !node.isLeaf\n          const isExpanded = currentExpandedKeys.includes(node.key)\n\n          if (hasChildren && isExpanded) {\n            result.push(...flattenTree(node.children!, level + 1))\n          }\n        })\n\n        return result\n      },\n      [currentExpandedKeys],\n    )\n\n    const flatNodes = React.useMemo(\n      () => flattenTree(data),\n      [data, flattenTree],\n    )\n\n    const renderNode = React.useCallback(\n      (\n        item: { node: TreeNode; level: number },\n        index: number,\n      ): React.ReactNode => {\n        const { node, level } = item\n        const hasChildren =\n          node.children && node.children.length > 0 && !node.isLeaf\n        const isExpanded = currentExpandedKeys.includes(node.key)\n        const isSelected = currentSelectedKeys.includes(node.key)\n        const checkState = checkable ? getCheckState(node) : null\n\n        return (\n          <div\n            key={node.key}\n            className=\"relative animate-in fade-in slide-in-from-top-1 duration-200\"\n          >\n            <div\n              className={cn(\n                treeItemVariants({\n                  size,\n                  disabled: !!node.disabled,\n                  selected: isSelected,\n                }),\n                className,\n              )}\n            >\n              {/* Indentation units with vertical lines */}\n              {Array.from({ length: level }).map((_, i) => {\n                // Check if this indent level should have a vertical line\n                const shouldDrawLine =\n                  showLine &&\n                  flatNodes.slice(index + 1).some((n) => n.level === i)\n\n                return (\n                  <span\n                    key={i}\n                    className=\"relative inline-block w-4 h-6 shrink-0\"\n                  >\n                    {/* Vertical line connecting siblings */}\n                    {shouldDrawLine && (\n                      <span className=\"absolute top-0 left-1/2 bottom-0 h-full border-l border-border -translate-x-px\" />\n                    )}\n                  </span>\n                )\n              })}\n\n              {/* Expand/Collapse Icon */}\n              {hasChildren ? (\n                <button\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    handleExpand(node.key)\n                  }}\n                  className=\"shrink-0 hover:text-primary transition-colors duration-200\"\n                  disabled={disabled || node.disabled}\n                >\n                  <ChevronRight\n                    className={cn(\n                      iconSizes[size],\n                      'transition-transform duration-300 ease-out',\n                      isExpanded && 'rotate-90',\n                    )}\n                  />\n                </button>\n              ) : (\n                <span className={cn('shrink-0', iconSizes[size])} />\n              )}\n\n              {/* Checkbox */}\n              {checkable && (\n                <div\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    handleCheck(node, !checkState?.checked)\n                  }}\n                  className={cn(\n                    'w-4 h-4 border rounded flex items-center justify-center shrink-0 cursor-pointer transition-all duration-200',\n                    checkState?.checked\n                      ? 'bg-primary border-primary'\n                      : 'border-border',\n                    (disabled || node.disabled) &&\n                      'opacity-50 cursor-not-allowed',\n                  )}\n                >\n                  {checkState?.checked && (\n                    <Check className=\"h-3 w-3 text-background animate-in zoom-in-50 duration-200\" />\n                  )}\n                  {checkState?.indeterminate && !checkState?.checked && (\n                    <Minus className=\"h-3 w-3 text-primary animate-in zoom-in-50 duration-200\" />\n                  )}\n                </div>\n              )}\n\n              {/* Icon */}\n              {showIcon && node.icon && (\n                <span className=\"shrink-0\">{node.icon}</span>\n              )}\n\n              {/* Label */}\n              <span\n                onClick={() => handleSelect(node)}\n                className=\"flex-1 truncate\"\n              >\n                {node.label}\n              </span>\n            </div>\n          </div>\n        )\n      },\n      [\n        currentExpandedKeys,\n        currentSelectedKeys,\n        checkable,\n        getCheckState,\n        size,\n        className,\n        disabled,\n        handleExpand,\n        handleCheck,\n        handleSelect,\n        showIcon,\n        showLine,\n        flatNodes,\n      ],\n    )\n\n    return (\n      <div className={cn('w-full', className)}>\n        {flatNodes.map((item, index) => renderNode(item, index))}\n      </div>\n    )\n  },\n)\n\nTree.displayName = 'Tree'\n\nexport type * from './types'\nexport default Tree\n"]}