@moduix/react 2.7.0 → 2.8.0

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

@@ -128,13 +128,16 @@ const TreeView_TreeViewNodeCheckbox = /*#__PURE__*/ forwardRef(function({ classN
         "data-slot": "tree-view-node-checkbox"
     });
 });
-function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }) {
-    return /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
+function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, fallback, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
         className: clsx(TreeView_module.nodeCheckboxIndicator, className),
-        indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
         ...props,
         "data-slot": "tree-view-node-checkbox-indicator",
-        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+        children: /*#__PURE__*/ jsx(TreeView.NodeCheckboxIndicator, {
+            fallback: fallback,
+            indeterminate: indeterminate ?? /*#__PURE__*/ jsx(IndeterminateIcon, {}),
+            children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+        })
     });
 }
 const TreeView_TreeViewNodeRenameInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {

package/dist/components/tree-view/TreeView_module.css

@@ -88,12 +88,14 @@
     inset-inline-end: 0;
   }
 
-  :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover {
-    color: var(--moduix-tree-view-item-hover-color, var(--moduix-color-accent-foreground));
-  }
+  @media (hover: hover) {
+    :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover {
+      color: var(--moduix-tree-view-item-hover-color, var(--moduix-color-accent-foreground));
+    }
 
-  :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover:before {
-    background-color: var(--moduix-tree-view-item-hover-bg, var(--moduix-color-accent));
+    :is(.branchControl-ositpp, .item-D7JZg4):not([data-disabled]):hover:before {
+      background-color: var(--moduix-tree-view-item-hover-bg, var(--moduix-color-accent));
+    }
   }
 
   :is(:is(.branchControl-ositpp, .item-D7JZg4):focus-visible, :is(.branchControl-ositpp, .item-D7JZg4)[data-focus]):before {

package/dist/components/typeset/Typeset_module.css

@@ -104,8 +104,9 @@
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(a:focus-visible) {
-    outline: 2px solid var(--moduix-color-ring, currentColor);
-    outline-offset: 2px;
+    outline: var(--moduix-focus-ring-width, var(--moduix-border-width-md)) solid
+        var(--moduix-color-ring, currentColor);
+    outline-offset: var(--moduix-focus-ring-offset, var(--moduix-spacing-0-5));
     border-radius: .125em;
   }
 
@@ -118,9 +119,10 @@
   }
 
   .root-DaHOOi :not(:where(.not-typeset, [data-not-typeset], .not-typeset *, [data-not-typeset] *)):where(mark) {
+    background-color: color-mix(in oklab,
+        var(--moduix-color-warning, currentColor) 40%,
+        transparent);
     color: inherit;
-    background-color: #f4ce2366;
-    background-color: lab(84.3279% 2.77337 79.232 / .4);
     border-radius: .2em;
     padding: .05em .15em;
   }

package/dist/styles/animations.css

@@ -81,6 +81,16 @@
   }
 }
 
+@keyframes moduix-progress-circular-indeterminate {
+  from {
+    transform: rotate(-90deg);
+  }
+
+  to {
+    transform: rotate(270deg);
+  }
+}
+
 @keyframes moduix-progress-linear-indeterminate {
   from {
     transform: translateX(-100%);

package/dist/styles/style.css

@@ -139,6 +139,8 @@
     var(--marquee-loop-count);
   --animate-moduix-progress-linear-indeterminate: moduix-progress-linear-indeterminate 1.5s
     ease-in-out infinite;
+  --animate-moduix-progress-circular-indeterminate: moduix-progress-circular-indeterminate 1.4s
+    linear infinite;
   --animate-moduix-progress-linear-indeterminate-vertical: moduix-progress-linear-indeterminate-vertical
     1.5s ease-in-out infinite;
   --animate-moduix-collapsible-open: moduix-collapsible-content-open

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moduix/react",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "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": {