@moduix/solid 1.0.0

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

@@ -0,0 +1,297 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { ark } from "@ark-ui/solid/factory";
+import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext } from "@ark-ui/solid/tree-view";
+import { clsx } from "clsx";
+import { children, splitProps } from "solid-js";
+import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../internal/icons/ui/Icons.js";
+import TreeView_module from "./TreeView.module.js";
+const TreeView_TreeViewRoot = function(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(TreeView.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "tree-view-root",
+        get ["class"] () {
+            return clsx(TreeView_module.root, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+};
+const TreeView_TreeViewRootProvider = function(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(TreeView.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "tree-view-root-provider",
+        get ["class"] () {
+            return clsx(TreeView_module.root, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+};
+function TreeViewLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.Label, mergeProps({
+        "data-slot": "tree-view-label",
+        get ["class"] () {
+            return clsx(TreeView_module.label, local.class);
+        }
+    }, others));
+}
+function TreeViewTree(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.Tree, mergeProps({
+        "data-slot": "tree-view-tree",
+        get ["class"] () {
+            return clsx(TreeView_module.tree, local.class);
+        }
+    }, others));
+}
+function TreeViewBranch(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.Branch, mergeProps({
+        "data-slot": "tree-view-branch",
+        get ["class"] () {
+            return clsx(TreeView_module.branch, local.class);
+        }
+    }, others));
+}
+function TreeViewBranchControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.BranchControl, mergeProps({
+        "data-slot": "tree-view-branch-control",
+        get ["class"] () {
+            return clsx(TreeView_module.branchControl, local.class);
+        }
+    }, others));
+}
+function TreeViewBranchTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(TreeView.BranchTrigger, mergeProps({
+        "data-slot": "tree-view-branch-trigger",
+        get ["class"] () {
+            return clsx(TreeView_module.branchTrigger, local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? createComponent(ChevronRightIcon, {});
+        }
+    }));
+}
+function TreeViewBranchIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(TreeView.BranchIndicator, mergeProps({
+        "data-slot": "tree-view-branch-indicator",
+        get ["class"] () {
+            return clsx(TreeView_module.branchIndicator, local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? createComponent(ChevronRightIcon, {});
+        }
+    }));
+}
+function TreeViewBranchText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.BranchText, mergeProps({
+        "data-slot": "tree-view-branch-text",
+        get ["class"] () {
+            return clsx(TreeView_module.branchText, local.class);
+        }
+    }, others));
+}
+function TreeViewBranchContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.BranchContent, mergeProps({
+        "data-slot": "tree-view-branch-content",
+        get ["class"] () {
+            return clsx(TreeView_module.branchContent, local.class);
+        }
+    }, others));
+}
+function TreeViewBranchIndentGuide(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.BranchIndentGuide, mergeProps({
+        "data-slot": "tree-view-branch-indent-guide",
+        get ["class"] () {
+            return clsx(TreeView_module.branchIndentGuide, local.class);
+        }
+    }, others));
+}
+function TreeViewItem(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.Item, mergeProps({
+        "data-slot": "tree-view-item",
+        get ["class"] () {
+            return clsx(TreeView_module.item, local.class);
+        }
+    }, others));
+}
+function TreeViewItemText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.ItemText, mergeProps({
+        "data-slot": "tree-view-item-text",
+        get ["class"] () {
+            return clsx(TreeView_module.itemText, local.class);
+        }
+    }, others));
+}
+function TreeViewItemIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(TreeView.ItemIndicator, mergeProps({
+        "data-slot": "tree-view-item-indicator",
+        get ["class"] () {
+            return clsx(TreeView_module.itemIndicator, local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? createComponent(CheckIcon, {});
+        }
+    }));
+}
+function TreeViewNodeCheckbox(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.NodeCheckbox, mergeProps({
+        "data-slot": "tree-view-node-checkbox",
+        get ["class"] () {
+            return clsx(TreeView_module.nodeCheckbox, local.class);
+        }
+    }, others));
+}
+function TreeViewNodeCheckboxIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'fallback',
+        'indeterminate'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(ark.span, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "tree-view-node-checkbox-indicator",
+        get ["class"] () {
+            return clsx(TreeView_module.nodeCheckboxIndicator, local.class);
+        }
+    }, others, {
+        get children () {
+            return createComponent(TreeView.NodeCheckboxIndicator, {
+                get fallback () {
+                    return local.fallback;
+                },
+                get indeterminate () {
+                    return local.indeterminate ?? createComponent(IndeterminateIcon, {});
+                },
+                get children () {
+                    return resolvedChildren() ?? createComponent(CheckIcon, {});
+                }
+            });
+        }
+    }));
+}
+function TreeViewNodeRenameInput(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(TreeView.NodeRenameInput, mergeProps({
+        "data-slot": "tree-view-node-rename-input",
+        get ["class"] () {
+            return clsx(TreeView_module.nodeRenameInput, local.class);
+        }
+    }, others));
+}
+const TreeViewNodeProvider = TreeView.NodeProvider;
+function TreeViewNodeContent(props) {
+    return props.children({
+        indexPath: props.indexPath,
+        node: props.node,
+        state: useTreeViewNodeContext()
+    });
+}
+function TreeViewNode(props) {
+    return createComponent(TreeViewNodeProvider, {
+        get node () {
+            return props.node;
+        },
+        get indexPath () {
+            return props.indexPath;
+        },
+        get children () {
+            return createComponent(TreeViewNodeContent, props);
+        }
+    });
+}
+const TreeView_TreeView = Object.assign(TreeView_TreeViewRoot, {
+    Root: TreeView_TreeViewRoot,
+    RootProvider: TreeView_TreeViewRootProvider,
+    Context: TreeView.Context,
+    NodeContext: TreeView.NodeContext,
+    Label: TreeViewLabel,
+    Tree: TreeViewTree,
+    Node: TreeViewNode,
+    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
+});
+export { TreeView_TreeView as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext };

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

@@ -0,0 +1,174 @@
+import { ark } from "@ark-ui/solid/factory";
+import { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext } from "@ark-ui/solid/tree-view";
+import { clsx } from "clsx";
+import { children, splitProps } from "solid-js";
+import { CheckIcon, ChevronRightIcon, IndeterminateIcon } from "../../internal/icons/ui/Icons.jsx";
+import TreeView_module from "./TreeView.module.jsx";
+const TreeView_TreeViewRoot = function(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <TreeView.Root asChild={local.asChild} data-slot="tree-view-root" class={clsx(TreeView_module.root, local.class)} {...others}>
+      {local.children}
+    </TreeView.Root>;
+};
+const TreeView_TreeViewRootProvider = function(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <TreeView.RootProvider asChild={local.asChild} data-slot="tree-view-root-provider" class={clsx(TreeView_module.root, local.class)} {...others}>
+      {local.children}
+    </TreeView.RootProvider>;
+};
+function TreeViewLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.Label data-slot="tree-view-label" class={clsx(TreeView_module.label, local.class)} {...others}/>;
+}
+function TreeViewTree(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.Tree data-slot="tree-view-tree" class={clsx(TreeView_module.tree, local.class)} {...others}/>;
+}
+function TreeViewBranch(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.Branch data-slot="tree-view-branch" class={clsx(TreeView_module.branch, local.class)} {...others}/>;
+}
+function TreeViewBranchControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.BranchControl data-slot="tree-view-branch-control" class={clsx(TreeView_module.branchControl, local.class)} {...others}/>;
+}
+function TreeViewBranchTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <TreeView.BranchTrigger data-slot="tree-view-branch-trigger" class={clsx(TreeView_module.branchTrigger, local.class)} {...others}>
+      {resolvedChildren() ?? <ChevronRightIcon/>}
+    </TreeView.BranchTrigger>;
+}
+function TreeViewBranchIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <TreeView.BranchIndicator data-slot="tree-view-branch-indicator" class={clsx(TreeView_module.branchIndicator, local.class)} {...others}>
+      {resolvedChildren() ?? <ChevronRightIcon/>}
+    </TreeView.BranchIndicator>;
+}
+function TreeViewBranchText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.BranchText data-slot="tree-view-branch-text" class={clsx(TreeView_module.branchText, local.class)} {...others}/>;
+}
+function TreeViewBranchContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.BranchContent data-slot="tree-view-branch-content" class={clsx(TreeView_module.branchContent, local.class)} {...others}/>;
+}
+function TreeViewBranchIndentGuide(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.BranchIndentGuide data-slot="tree-view-branch-indent-guide" class={clsx(TreeView_module.branchIndentGuide, local.class)} {...others}/>;
+}
+function TreeViewItem(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.Item data-slot="tree-view-item" class={clsx(TreeView_module.item, local.class)} {...others}/>;
+}
+function TreeViewItemText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.ItemText data-slot="tree-view-item-text" class={clsx(TreeView_module.itemText, local.class)} {...others}/>;
+}
+function TreeViewItemIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <TreeView.ItemIndicator data-slot="tree-view-item-indicator" class={clsx(TreeView_module.itemIndicator, local.class)} {...others}>
+      {resolvedChildren() ?? <CheckIcon/>}
+    </TreeView.ItemIndicator>;
+}
+function TreeViewNodeCheckbox(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.NodeCheckbox data-slot="tree-view-node-checkbox" class={clsx(TreeView_module.nodeCheckbox, local.class)} {...others}/>;
+}
+function TreeViewNodeCheckboxIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'fallback',
+        'indeterminate'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <ark.span asChild={local.asChild} data-slot="tree-view-node-checkbox-indicator" class={clsx(TreeView_module.nodeCheckboxIndicator, local.class)} {...others}>
+      <TreeView.NodeCheckboxIndicator fallback={local.fallback} indeterminate={local.indeterminate ?? <IndeterminateIcon/>}>
+        {resolvedChildren() ?? <CheckIcon/>}
+      </TreeView.NodeCheckboxIndicator>
+    </ark.span>;
+}
+function TreeViewNodeRenameInput(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <TreeView.NodeRenameInput data-slot="tree-view-node-rename-input" class={clsx(TreeView_module.nodeRenameInput, local.class)} {...others}/>;
+}
+const TreeViewNodeProvider = TreeView.NodeProvider;
+function TreeViewNodeContent(props) {
+    return props.children({
+        indexPath: props.indexPath,
+        node: props.node,
+        state: useTreeViewNodeContext()
+    });
+}
+function TreeViewNode(props) {
+    return <TreeViewNodeProvider node={props.node} indexPath={props.indexPath}>
+      <TreeViewNodeContent {...props}/>
+    </TreeViewNodeProvider>;
+}
+const TreeView_TreeView = Object.assign(TreeView_TreeViewRoot, {
+    Root: TreeView_TreeViewRoot,
+    RootProvider: TreeView_TreeViewRootProvider,
+    Context: TreeView.Context,
+    NodeContext: TreeView.NodeContext,
+    Label: TreeViewLabel,
+    Tree: TreeViewTree,
+    Node: TreeViewNode,
+    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
+});
+export { TreeView_TreeView as TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext };

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

@@ -0,0 +1,28 @@
+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"
+};
+export default TreeView_module;

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

@@ -0,0 +1,28 @@
+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"
+};
+export default TreeView_module;