@moduix/solid 1.0.0 → 1.1.1

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

@@ -15,11 +15,11 @@ const TreeView_TreeViewRoot = function(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tree-view-root",
         get ["class"] () {
             return clsx(TreeView_module.root, local.class);
         }
     }, others, {
+        "data-slot": "tree-view-root",
         get children () {
             return local.children;
         }
@@ -35,11 +35,11 @@ const TreeView_TreeViewRootProvider = function(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tree-view-root-provider",
         get ["class"] () {
             return clsx(TreeView_module.root, local.class);
         }
     }, others, {
+        "data-slot": "tree-view-root-provider",
         get children () {
             return local.children;
         }
@@ -50,44 +50,48 @@ function TreeViewLabel(props) {
         'class'
     ]);
     return createComponent(TreeView.Label, mergeProps({
-        "data-slot": "tree-view-label",
         get ["class"] () {
             return clsx(TreeView_module.label, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tree-view-label"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-tree"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-branch"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-branch-control"
+    }));
 }
 function TreeViewBranchTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -96,11 +100,11 @@ function TreeViewBranchTrigger(props) {
     ]);
     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, {
+        "data-slot": "tree-view-branch-trigger",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronRightIcon, {});
         }
@@ -113,11 +117,11 @@ function TreeViewBranchIndicator(props) {
     ]);
     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, {
+        "data-slot": "tree-view-branch-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(ChevronRightIcon, {});
         }
@@ -128,55 +132,60 @@ function TreeViewBranchText(props) {
         'class'
     ]);
     return createComponent(TreeView.BranchText, mergeProps({
-        "data-slot": "tree-view-branch-text",
         get ["class"] () {
             return clsx(TreeView_module.branchText, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tree-view-branch-text"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-branch-content"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-branch-indent-guide"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-item"
+    }));
 }
 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));
+    }, others, {
+        "data-slot": "tree-view-item-text"
+    }));
 }
 function TreeViewItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -185,11 +194,11 @@ function TreeViewItemIndicator(props) {
     ]);
     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, {
+        "data-slot": "tree-view-item-indicator",
         get children () {
             return resolvedChildren() ?? createComponent(CheckIcon, {});
         }
@@ -200,11 +209,12 @@ function TreeViewNodeCheckbox(props) {
         'class'
     ]);
     return createComponent(TreeView.NodeCheckbox, mergeProps({
-        "data-slot": "tree-view-node-checkbox",
         get ["class"] () {
             return clsx(TreeView_module.nodeCheckbox, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tree-view-node-checkbox"
+    }));
 }
 function TreeViewNodeCheckboxIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -219,11 +229,11 @@ function TreeViewNodeCheckboxIndicator(props) {
         get asChild () {
             return local.asChild;
         },
-        "data-slot": "tree-view-node-checkbox-indicator",
         get ["class"] () {
             return clsx(TreeView_module.nodeCheckboxIndicator, local.class);
         }
     }, others, {
+        "data-slot": "tree-view-node-checkbox-indicator",
         get children () {
             return createComponent(TreeView.NodeCheckboxIndicator, {
                 get fallback () {
@@ -244,11 +254,12 @@ function TreeViewNodeRenameInput(props) {
         'class'
     ]);
     return createComponent(TreeView.NodeRenameInput, mergeProps({
-        "data-slot": "tree-view-node-rename-input",
         get ["class"] () {
             return clsx(TreeView_module.nodeRenameInput, local.class);
         }
-    }, others));
+    }, others, {
+        "data-slot": "tree-view-node-rename-input"
+    }));
 }
 const TreeViewNodeProvider = TreeView.NodeProvider;
 function TreeViewNodeContent(props) {

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

@@ -10,7 +10,7 @@ const TreeView_TreeViewRoot = function(props) {
         'children',
         'class'
     ]);
-    return <TreeView.Root asChild={local.asChild} data-slot="tree-view-root" class={clsx(TreeView_module.root, local.class)} {...others}>
+    return <TreeView.Root asChild={local.asChild} class={clsx(TreeView_module.root, local.class)} {...others} data-slot="tree-view-root">
       {local.children}
     </TreeView.Root>;
 };
@@ -20,7 +20,7 @@ const TreeView_TreeViewRootProvider = function(props) {
         'children',
         'class'
     ]);
-    return <TreeView.RootProvider asChild={local.asChild} data-slot="tree-view-root-provider" class={clsx(TreeView_module.root, local.class)} {...others}>
+    return <TreeView.RootProvider asChild={local.asChild} class={clsx(TreeView_module.root, local.class)} {...others} data-slot="tree-view-root-provider">
       {local.children}
     </TreeView.RootProvider>;
 };
@@ -28,25 +28,25 @@ 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}/>;
+    return <TreeView.Label class={clsx(TreeView_module.label, local.class)} {...others} data-slot="tree-view-label"/>;
 }
 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}/>;
+    return <TreeView.Tree class={clsx(TreeView_module.tree, local.class)} {...others} data-slot="tree-view-tree"/>;
 }
 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}/>;
+    return <TreeView.Branch class={clsx(TreeView_module.branch, local.class)} {...others} data-slot="tree-view-branch"/>;
 }
 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}/>;
+    return <TreeView.BranchControl class={clsx(TreeView_module.branchControl, local.class)} {...others} data-slot="tree-view-branch-control"/>;
 }
 function TreeViewBranchTrigger(props) {
     const [local, others] = splitProps(props, [
@@ -54,7 +54,7 @@ function TreeViewBranchTrigger(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <TreeView.BranchTrigger data-slot="tree-view-branch-trigger" class={clsx(TreeView_module.branchTrigger, local.class)} {...others}>
+    return <TreeView.BranchTrigger class={clsx(TreeView_module.branchTrigger, local.class)} {...others} data-slot="tree-view-branch-trigger">
       {resolvedChildren() ?? <ChevronRightIcon/>}
     </TreeView.BranchTrigger>;
 }
@@ -64,7 +64,7 @@ function TreeViewBranchIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <TreeView.BranchIndicator data-slot="tree-view-branch-indicator" class={clsx(TreeView_module.branchIndicator, local.class)} {...others}>
+    return <TreeView.BranchIndicator class={clsx(TreeView_module.branchIndicator, local.class)} {...others} data-slot="tree-view-branch-indicator">
       {resolvedChildren() ?? <ChevronRightIcon/>}
     </TreeView.BranchIndicator>;
 }
@@ -72,31 +72,31 @@ 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}/>;
+    return <TreeView.BranchText class={clsx(TreeView_module.branchText, local.class)} {...others} data-slot="tree-view-branch-text"/>;
 }
 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}/>;
+    return <TreeView.BranchContent class={clsx(TreeView_module.branchContent, local.class)} {...others} data-slot="tree-view-branch-content"/>;
 }
 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}/>;
+    return <TreeView.BranchIndentGuide class={clsx(TreeView_module.branchIndentGuide, local.class)} {...others} data-slot="tree-view-branch-indent-guide"/>;
 }
 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}/>;
+    return <TreeView.Item class={clsx(TreeView_module.item, local.class)} {...others} data-slot="tree-view-item"/>;
 }
 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}/>;
+    return <TreeView.ItemText class={clsx(TreeView_module.itemText, local.class)} {...others} data-slot="tree-view-item-text"/>;
 }
 function TreeViewItemIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -104,7 +104,7 @@ function TreeViewItemIndicator(props) {
         'class'
     ]);
     const resolvedChildren = children(()=>local.children);
-    return <TreeView.ItemIndicator data-slot="tree-view-item-indicator" class={clsx(TreeView_module.itemIndicator, local.class)} {...others}>
+    return <TreeView.ItemIndicator class={clsx(TreeView_module.itemIndicator, local.class)} {...others} data-slot="tree-view-item-indicator">
       {resolvedChildren() ?? <CheckIcon/>}
     </TreeView.ItemIndicator>;
 }
@@ -112,7 +112,7 @@ 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}/>;
+    return <TreeView.NodeCheckbox class={clsx(TreeView_module.nodeCheckbox, local.class)} {...others} data-slot="tree-view-node-checkbox"/>;
 }
 function TreeViewNodeCheckboxIndicator(props) {
     const [local, others] = splitProps(props, [
@@ -123,7 +123,7 @@ function TreeViewNodeCheckboxIndicator(props) {
         '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}>
+    return <ark.span asChild={local.asChild} class={clsx(TreeView_module.nodeCheckboxIndicator, local.class)} {...others} data-slot="tree-view-node-checkbox-indicator">
       <TreeView.NodeCheckboxIndicator fallback={local.fallback} indeterminate={local.indeterminate ?? <IndeterminateIcon/>}>
         {resolvedChildren() ?? <CheckIcon/>}
       </TreeView.NodeCheckboxIndicator>
@@ -133,7 +133,7 @@ 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}/>;
+    return <TreeView.NodeRenameInput class={clsx(TreeView_module.nodeRenameInput, local.class)} {...others} data-slot="tree-view-node-rename-input"/>;
 }
 const TreeViewNodeProvider = TreeView.NodeProvider;
 function TreeViewNodeContent(props) {

package/dist/styles/animations.css

@@ -124,44 +124,44 @@
 @keyframes moduix-accordion-item-content-open {
   from {
     height: 0;
-    opacity: var(--moduix-accordion-item-content-closed-opacity, 0.01);
+    opacity: 0.01;
   }
   to {
     height: var(--height);
-    opacity: var(--moduix-accordion-item-content-open-opacity, 1);
+    opacity: 1;
   }
 }
 
 @keyframes moduix-accordion-item-content-closed {
   from {
     height: var(--height);
-    opacity: var(--moduix-accordion-item-content-open-opacity, 1);
+    opacity: 1;
   }
   to {
     height: 0;
-    opacity: var(--moduix-accordion-item-content-closed-opacity, 0.01);
+    opacity: 0.01;
   }
 }
 
 @keyframes moduix-accordion-item-content-open-horizontal {
   from {
     width: 0;
-    opacity: var(--moduix-accordion-item-content-closed-opacity, 0.01);
+    opacity: 0.01;
   }
   to {
     width: var(--width);
-    opacity: var(--moduix-accordion-item-content-open-opacity, 1);
+    opacity: 1;
   }
 }
 
 @keyframes moduix-accordion-item-content-closed-horizontal {
   from {
     width: var(--width);
-    opacity: var(--moduix-accordion-item-content-open-opacity, 1);
+    opacity: 1;
   }
   to {
     width: 0;
-    opacity: var(--moduix-accordion-item-content-closed-opacity, 0.01);
+    opacity: 0.01;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moduix/solid",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Solid implementation of the moduix component system, built on Ark UI primitives.",
   "keywords": [
     "accessible",
@@ -593,27 +593,26 @@
   },
   "dependencies": {
     "@unpic/core": "^1.0.3",
-    "@zag-js/hotkeys": "1.43.3",
     "@zag-js/solid": "1.43.3",
     "clsx": "^2.1.1",
-    "lucide-solid": "^1.41.0"
+    "lucide-solid": "^1.46.0"
   },
   "devDependencies": {
-    "@ark-ui/solid": "^5.39.1",
-    "@internationalized/date": "3.12.3",
-    "@rsbuild/core": "^2.2.3",
+    "@ark-ui/solid": "^5.39.2",
+    "@internationalized/date": "^3.12.4",
+    "@rsbuild/core": "^2.2.6",
     "@rsbuild/plugin-babel": "^2.1.0",
     "@rsbuild/plugin-solid": "^1.2.2",
     "@rslib/core": "^1.0.0",
     "@rstest/adapter-rslib": "^0.11.12",
     "@rstest/core": "^0.11.12",
     "@solidjs/testing-library": "^0.8.10",
-    "@tanstack/charts": "^0.16.0",
-    "@testing-library/dom": "^10.4.1",
+    "@tanstack/charts": "^0.16.2",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/user-event": "^14.6.7",
-    "@types/node": "^26.4.1",
-    "happy-dom": "^20.14.0",
+    "@types/node": "^26.5.1",
+    "happy-dom": "^20.14.5",
     "solid-js": "^1.9.15",
     "typescript": "~7.0.2"
   },