@moduix/react 2.1.0 → 2.2.4

package/dist/components/tree-view/TreeView.js

@@ -1,171 +1,191 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import TreeView_module_default from "./TreeView.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
-//#region src/components/tree-view/TreeView.tsx
-const TreeViewRoot = forwardRef(function TreeViewRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.Root, {
-		ref,
-		"data-slot": "tree-view-root",
-		className: clsx(TreeView_module_default.root, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewRootProvider = forwardRef(function TreeViewRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.RootProvider, {
-		ref,
-		"data-slot": "tree-view-root-provider",
-		className: clsx(TreeView_module_default.root, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewLabel = forwardRef(function TreeViewLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.Label, {
-		ref,
-		"data-slot": "tree-view-label",
-		className: clsx(TreeView_module_default.label, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewTree = forwardRef(function TreeViewTree({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.Tree, {
-		ref,
-		"data-slot": "tree-view-tree",
-		className: clsx(TreeView_module_default.tree, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewBranch = forwardRef(function TreeViewBranch({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.Branch, {
-		ref,
-		"data-slot": "tree-view-branch",
-		className: clsx(TreeView_module_default.branch, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewBranchControl = forwardRef(function TreeViewBranchControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.BranchControl, {
-		ref,
-		"data-slot": "tree-view-branch-control",
-		className: clsx(TreeView_module_default.branchControl, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewBranchTrigger = forwardRef(function TreeViewBranchTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.BranchTrigger, {
-		ref,
-		"data-slot": "tree-view-branch-trigger",
-		className: clsx(TreeView_module_default.branchTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
-	});
-});
-const TreeViewBranchIndicator = forwardRef(function TreeViewBranchIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.BranchIndicator, {
-		ref,
-		"data-slot": "tree-view-branch-indicator",
-		className: clsx(TreeView_module_default.branchIndicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
-	});
-});
-const TreeViewBranchText = forwardRef(function TreeViewBranchText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.BranchText, {
-		ref,
-		"data-slot": "tree-view-branch-text",
-		className: clsx(TreeView_module_default.branchText, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewBranchContent = forwardRef(function TreeViewBranchContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.BranchContent, {
-		ref,
-		"data-slot": "tree-view-branch-content",
-		className: clsx(TreeView_module_default.branchContent, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewBranchIndentGuide = forwardRef(function TreeViewBranchIndentGuide({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.BranchIndentGuide, {
-		ref,
-		"data-slot": "tree-view-branch-indent-guide",
-		className: clsx(TreeView_module_default.branchIndentGuide, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewItem = forwardRef(function TreeViewItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.Item, {
-		ref,
-		"data-slot": "tree-view-item",
-		className: clsx(TreeView_module_default.item, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewItemText = forwardRef(function TreeViewItemText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.ItemText, {
-		ref,
-		"data-slot": "tree-view-item-text",
-		className: clsx(TreeView_module_default.itemText, normalizeClassName(className)),
-		...props
-	});
-});
-const TreeViewItemIndicator = forwardRef(function TreeViewItemIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.ItemIndicator, {
-		ref,
-		"data-slot": "tree-view-item-indicator",
-		className: clsx(TreeView_module_default.itemIndicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
-	});
-});
-const TreeViewNodeCheckbox = forwardRef(function TreeViewNodeCheckbox({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.NodeCheckbox, {
-		ref,
-		"data-slot": "tree-view-node-checkbox",
-		className: clsx(TreeView_module_default.nodeCheckbox, normalizeClassName(className)),
-		...props
-	});
+import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import TreeView_module from "./TreeView.module.js";
+const TreeView_TreeViewRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Root, {
+        ref: ref,
+        "data-slot": "tree-view-root",
+        className: clsx(TreeView_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.RootProvider, {
+        ref: ref,
+        "data-slot": "tree-view-root-provider",
+        className: clsx(TreeView_module.root, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Label, {
+        ref: ref,
+        "data-slot": "tree-view-label",
+        className: clsx(TreeView_module.label, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewTree = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Tree, {
+        ref: ref,
+        "data-slot": "tree-view-tree",
+        className: clsx(TreeView_module.tree, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewBranch = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Branch, {
+        ref: ref,
+        "data-slot": "tree-view-branch",
+        className: clsx(TreeView_module.branch, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchControl, {
+        ref: ref,
+        "data-slot": "tree-view-branch-control",
+        className: clsx(TreeView_module.branchControl, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchTrigger, {
+        ref: ref,
+        "data-slot": "tree-view-branch-trigger",
+        className: clsx(TreeView_module.branchTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
+    });
+});
+const TreeView_TreeViewBranchIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchIndicator, {
+        ref: ref,
+        "data-slot": "tree-view-branch-indicator",
+        className: clsx(TreeView_module.branchIndicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
+    });
+});
+const TreeView_TreeViewBranchText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchText, {
+        ref: ref,
+        "data-slot": "tree-view-branch-text",
+        className: clsx(TreeView_module.branchText, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchContent, {
+        ref: ref,
+        "data-slot": "tree-view-branch-content",
+        className: clsx(TreeView_module.branchContent, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewBranchIndentGuide = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.BranchIndentGuide, {
+        ref: ref,
+        "data-slot": "tree-view-branch-indent-guide",
+        className: clsx(TreeView_module.branchIndentGuide, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.Item, {
+        ref: ref,
+        "data-slot": "tree-view-item",
+        className: clsx(TreeView_module.item, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.ItemText, {
+        ref: ref,
+        "data-slot": "tree-view-item-text",
+        className: clsx(TreeView_module.itemText, normalizeClassName(className)),
+        ...props
+    });
+});
+const TreeView_TreeViewItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.ItemIndicator, {
+        ref: ref,
+        "data-slot": "tree-view-item-indicator",
+        className: clsx(TreeView_module.itemIndicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+});
+const TreeView_TreeViewNodeCheckbox = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.NodeCheckbox, {
+        ref: ref,
+        "data-slot": "tree-view-node-checkbox",
+        className: clsx(TreeView_module.nodeCheckbox, normalizeClassName(className)),
+        ...props
+    });
 });
 function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }) {
-	return /* @__PURE__ */ jsx(TreeView.NodeCheckboxIndicator, {
-		"data-slot": "tree-view-node-checkbox-indicator",
-		className: clsx(TreeView_module_default.nodeCheckboxIndicator, normalizeClassName(className)),
-		indeterminate: indeterminate ?? /* @__PURE__ */ jsx(IndeterminateIcon, {}),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
-	});
+    return /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
+        "data-slot": "tree-view-node-checkbox-indicator",
+        className: clsx(TreeView_module.nodeCheckboxIndicator, normalizeClassName(className)),
+        indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
 }
-const TreeViewNodeRenameInput = forwardRef(function TreeViewNodeRenameInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(TreeView.NodeRenameInput, {
-		ref,
-		"data-slot": "tree-view-node-rename-input",
-		className: clsx(TreeView_module_default.nodeRenameInput, normalizeClassName(className)),
-		...props
-	});
+const TreeView_TreeViewNodeRenameInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(TreeView.NodeRenameInput, {
+        ref: ref,
+        "data-slot": "tree-view-node-rename-input",
+        className: clsx(TreeView_module.nodeRenameInput, normalizeClassName(className)),
+        ...props
+    });
 });
 const TreeViewNodeProvider = TreeView.NodeProvider;
-const TreeView$1 = Object.assign(TreeViewRoot, {
-	Root: TreeViewRoot,
-	RootProvider: TreeViewRootProvider,
-	Label: TreeViewLabel,
-	Tree: TreeViewTree,
-	NodeProvider: TreeViewNodeProvider,
-	Branch: TreeViewBranch,
-	BranchControl: TreeViewBranchControl,
-	BranchTrigger: TreeViewBranchTrigger,
-	BranchIndicator: TreeViewBranchIndicator,
-	BranchText: TreeViewBranchText,
-	BranchContent: TreeViewBranchContent,
-	BranchIndentGuide: TreeViewBranchIndentGuide,
-	Item: TreeViewItem,
-	ItemText: TreeViewItemText,
-	ItemIndicator: TreeViewItemIndicator,
-	NodeCheckbox: TreeViewNodeCheckbox,
-	NodeCheckboxIndicator: TreeViewNodeCheckboxIndicator,
-	NodeRenameInput: TreeViewNodeRenameInput
-});
-//#endregion
-export { TreeView$1 as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };
+function TreeViewNodeContent({ children, indexPath, node }) {
+    return children({
+        indexPath,
+        node,
+        state: useTreeViewNodeContext()
+    });
+}
+function TreeViewNode({ children, indexPath, node }) {
+    return /*#__PURE__*/ jsx(TreeViewNodeProvider, {
+        node: node,
+        indexPath: indexPath,
+        children: /*#__PURE__*/ jsx(TreeViewNodeContent, {
+            node: node,
+            indexPath: indexPath,
+            children: children
+        })
+    });
+}
+const TreeView_TreeView = Object.assign(TreeView_TreeViewRoot, {
+    Root: TreeView_TreeViewRoot,
+    RootProvider: TreeView_TreeViewRootProvider,
+    Context: TreeView.Context,
+    NodeContext: TreeView.NodeContext,
+    Label: TreeView_TreeViewLabel,
+    Tree: TreeView_TreeViewTree,
+    Node: TreeViewNode,
+    NodeProvider: TreeViewNodeProvider,
+    Branch: TreeView_TreeViewBranch,
+    BranchControl: TreeView_TreeViewBranchControl,
+    BranchTrigger: TreeView_TreeViewBranchTrigger,
+    BranchIndicator: TreeView_TreeViewBranchIndicator,
+    BranchText: TreeView_TreeViewBranchText,
+    BranchContent: TreeView_TreeViewBranchContent,
+    BranchIndentGuide: TreeView_TreeViewBranchIndentGuide,
+    Item: TreeView_TreeViewItem,
+    ItemText: TreeView_TreeViewItemText,
+    ItemIndicator: TreeView_TreeViewItemIndicator,
+    NodeCheckbox: TreeView_TreeViewNodeCheckbox,
+    NodeCheckboxIndicator: TreeViewNodeCheckboxIndicator,
+    NodeRenameInput: TreeView_TreeViewNodeRenameInput
+});
+export { TreeView_TreeView as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext };

package/dist/components/tree-view/TreeView.module.js

@@ -1,26 +1,28 @@
-import './TreeView.css';
-//#region src/components/tree-view/TreeView.module.css
-var TreeView_module_default = {
-	"branch": "-ZBX5W_branch",
-	"branchContent": "-ZBX5W_branchContent",
-	"branchControl": "-ZBX5W_branchControl",
-	"branchIndentGuide": "-ZBX5W_branchIndentGuide",
-	"branchIndicator": "-ZBX5W_branchIndicator",
-	"branchText": "-ZBX5W_branchText",
-	"branchTrigger": "-ZBX5W_branchTrigger",
-	"item": "-ZBX5W_item",
-	"itemIndicator": "-ZBX5W_itemIndicator",
-	"itemText": "-ZBX5W_itemText",
-	"label": "-ZBX5W_label",
-	"nodeCheckbox": "-ZBX5W_nodeCheckbox",
-	"nodeCheckboxIndicator": "-ZBX5W_nodeCheckboxIndicator",
-	"nodeRenameInput": "-ZBX5W_nodeRenameInput",
-	"root": "-ZBX5W_root",
-	"tree": "-ZBX5W_tree",
-	"tree-view-fade-in": "-ZBX5W_tree-view-fade-in",
-	"tree-view-fade-out": "-ZBX5W_tree-view-fade-out",
-	"tree-view-slide-down": "-ZBX5W_tree-view-slide-down",
-	"tree-view-slide-up": "-ZBX5W_tree-view-slide-up"
+import "./TreeView_module.css";
+const TreeView_module = {
+    root: "root-2ZXoMk",
+    label: "label-kaE2OW",
+    tree: "tree-V7hDwy",
+    branch: "branch-HVLvxc",
+    branchControl: "branchControl-ositpp",
+    item: "item-D7JZg4",
+    branchTrigger: "branchTrigger-_j6AJ6",
+    branchIndicator: "branchIndicator-f3bjVW",
+    itemIndicator: "itemIndicator-jfNuks",
+    branchText: "branchText-u4kwmk",
+    itemText: "itemText-L68sCp",
+    branchContent: "branchContent-WSjq4T",
+    "tree-view-slide-down": "tree-view-slide-down-sZeOA1",
+    treeViewSlideDown: "tree-view-slide-down-sZeOA1",
+    "tree-view-fade-in": "tree-view-fade-in-HIbSvG",
+    treeViewFadeIn: "tree-view-fade-in-HIbSvG",
+    "tree-view-slide-up": "tree-view-slide-up-TuO_3N",
+    treeViewSlideUp: "tree-view-slide-up-TuO_3N",
+    "tree-view-fade-out": "tree-view-fade-out-VVyj_v",
+    treeViewFadeOut: "tree-view-fade-out-VVyj_v",
+    branchIndentGuide: "branchIndentGuide-wtrLKH",
+    nodeCheckbox: "nodeCheckbox-BfAbe5",
+    nodeCheckboxIndicator: "nodeCheckboxIndicator-wzryi5",
+    nodeRenameInput: "nodeRenameInput-TruWxA"
 };
-//#endregion
-export { TreeView_module_default as default };
+export default TreeView_module;