@moduix/react 2.6.0 → 2.7.1

package/dist/components/tour/Tour.js

@@ -23,9 +23,9 @@ const Tour_TourBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...prop
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tour.Backdrop, {
             ref: ref,
-            "data-slot": "tour-backdrop",
             className: clsx(Tour_module.backdrop, className),
-            ...props
+            ...props,
+            "data-slot": "tour-backdrop"
         })
     });
 });
@@ -33,9 +33,9 @@ const Tour_TourSpotlight = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tour.Spotlight, {
             ref: ref,
-            "data-slot": "tour-spotlight",
             className: clsx(Tour_module.spotlight, className),
-            ...props
+            ...props,
+            "data-slot": "tour-spotlight"
         })
     });
 });
@@ -43,76 +43,76 @@ const Tour_TourPositioner = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tour.Positioner, {
             ref: ref,
-            "data-slot": "tour-positioner",
             className: clsx(Tour_module.positioner, className),
-            ...props
+            ...props,
+            "data-slot": "tour-positioner"
         })
     });
 });
 const Tour_TourContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Content, {
         ref: ref,
-        "data-slot": "tour-content",
         className: clsx(Tour_module.content, className),
-        ...props
+        ...props,
+        "data-slot": "tour-content"
     });
 });
 const Tour_TourArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Arrow, {
         ref: ref,
-        "data-slot": "tour-arrow",
         className: clsx(Tour_module.arrow, className),
         ...props,
+        "data-slot": "tour-arrow",
         children: children ?? /*#__PURE__*/ jsx(Tour_TourArrowTip, {})
     });
 });
 const Tour_TourArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.ArrowTip, {
         ref: ref,
-        "data-slot": "tour-arrow-tip",
         className: clsx(Tour_module.arrowTip, className),
-        ...props
+        ...props,
+        "data-slot": "tour-arrow-tip"
     });
 });
 const Tour_TourTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Title, {
         ref: ref,
-        "data-slot": "tour-title",
         className: clsx(Tour_module.title, className),
-        ...props
+        ...props,
+        "data-slot": "tour-title"
     });
 });
 const Tour_TourDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Description, {
         ref: ref,
-        "data-slot": "tour-description",
         className: clsx(Tour_module.description, className),
-        ...props
+        ...props,
+        "data-slot": "tour-description"
     });
 });
 const Tour_TourProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.ProgressText, {
         ref: ref,
-        "data-slot": "tour-progress-text",
         className: clsx(Tour_module.progressText, className),
-        ...props
+        ...props,
+        "data-slot": "tour-progress-text"
     });
 });
 const Tour_TourBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "tour-body",
         className: clsx(Tour_module.body, className),
-        ...props
+        ...props,
+        "data-slot": "tour-body"
     });
 });
 const Tour_TourCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.CloseTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "tour-close-trigger",
         className: clsx(!asChild && Tour_module.closeTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "tour-close-trigger"
     });
 });
 const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -131,18 +131,18 @@ const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, childr
 const Tour_TourControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Control, {
         ref: ref,
-        "data-slot": "tour-control",
         className: clsx(Tour_module.control, className),
-        ...props
+        ...props,
+        "data-slot": "tour-control"
     });
 });
 const Tour_TourActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.ActionTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "tour-action-trigger",
         className: clsx(!asChild && Tour_module.actionTrigger, className),
-        ...props
+        ...props,
+        "data-slot": "tour-action-trigger"
     });
 });
 const TourActions = Tour.Actions;

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

@@ -8,141 +8,141 @@ 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-root"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-root-provider"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-label"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-tree"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-branch"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-branch-control"
     });
 });
 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, className),
         ...props,
+        "data-slot": "tree-view-branch-trigger",
         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, className),
         ...props,
+        "data-slot": "tree-view-branch-indicator",
         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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-branch-text"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-branch-content"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-branch-indent-guide"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-item"
     });
 });
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-item-text"
     });
 });
 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, className),
         ...props,
+        "data-slot": "tree-view-item-indicator",
         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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-node-checkbox"
     });
 });
 function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }) {
     return /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
-        "data-slot": "tree-view-node-checkbox-indicator",
         className: clsx(TreeView_module.nodeCheckboxIndicator, className),
         indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
         ...props,
+        "data-slot": "tree-view-node-checkbox-indicator",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 }
 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, className),
-        ...props
+        ...props,
+        "data-slot": "tree-view-node-rename-input"
     });
 });
 const TreeViewNodeProvider = TreeView.NodeProvider;

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/react",
-  "version": "2.6.0",
+  "version": "2.7.1",
   "description": "React implementation of the moduix component system, built on Ark UI primitives.",
   "keywords": [
     "accessible",
@@ -417,30 +417,29 @@
   "dependencies": {
     "@unpic/core": "^1.0.3",
     "@unpic/react": "^1.0.2",
-    "@zag-js/hotkeys": "1.43.3",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.40.0"
+    "lucide-react": "^1.46.0"
   },
   "devDependencies": {
-    "@ark-ui/react": "^5.39.1",
-    "@internationalized/date": "3.12.3",
-    "@microsoft/api-extractor": "^7.59.0",
-    "@rsbuild/core": "^2.2.3",
+    "@ark-ui/react": "^5.39.2",
+    "@internationalized/date": "^3.12.4",
+    "@microsoft/api-extractor": "^7.59.1",
+    "@rsbuild/core": "^2.2.6",
     "@rsbuild/plugin-react": "^2.1.0",
     "@rslib/core": "^1.0.0",
     "@rstest/adapter-rslib": "^0.11.12",
     "@rstest/core": "^0.11.12",
-    "@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/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
-    "@types/node": "^26.4.1",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
-    "happy-dom": "^20.14.0",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "@types/node": "^26.5.1",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "happy-dom": "^20.14.5",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
     "typescript": "~7.0.2"
   },
   "peerDependencies": {