@moduix/solid 1.1.0 → 2.0.0

package/dist/components/toast/Toast_module.css

@@ -1,8 +1,4 @@
 @layer moduix.components {
-  .toaster-m5bxJd {
-    z-index: var(--moduix-toast-z-index, var(--moduix-z-toast));
-  }
-
   .root-p_jC2T {
     --_toast-trigger-bg-default: transparent;
     --_toast-trigger-bg-hover-default: var(--moduix-color-accent);
@@ -123,8 +119,10 @@
     display: inline-flex;
   }
 
-  .actionTrigger-ftU5e1:hover {
-    background: var(--moduix-toast-action-bg-hover, var(--_toast-trigger-bg-hover-default));
+  @media (hover: hover) {
+    .actionTrigger-ftU5e1:hover {
+      background: var(--moduix-toast-action-bg-hover, var(--_toast-trigger-bg-hover-default));
+    }
   }
 
   .actionTrigger-ftU5e1:focus-visible {

package/dist/components/toc/Toc.d.ts

@@ -1,7 +1,7 @@
 import { Toc as TocPrimitive, type UseTocProps } from '@ark-ui/solid/toc';
 import type { ComponentProps, JSX } from 'solid-js';
-declare const useToc: (props: UseTocProps) => import("@ark-ui/solid").UseTocReturn;
-declare const useTocContext: () => import("@ark-ui/solid").UseTocContext;
+declare const useToc: (props: UseTocProps) => import("@ark-ui/solid/toc").UseTocReturn;
+declare const useTocContext: () => import("@ark-ui/solid/toc").UseTocContext;
 declare function TocRoot(props: ComponentProps<typeof TocPrimitive.Root>): JSX.Element;
 declare function TocRootProvider(props: ComponentProps<typeof TocPrimitive.RootProvider>): JSX.Element;
 declare function TocContent(props: ComponentProps<typeof TocPrimitive.Content>): JSX.Element;

package/dist/components/toc/Toc.js

@@ -1,7 +1,7 @@
 import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { Toc, useToc, useTocContext } from "@ark-ui/solid/toc";
 import { clsx } from "clsx";
-import { splitProps } from "solid-js";
+import { mergeProps as external_solid_js_mergeProps, splitProps } from "solid-js";
 import Toc_module from "./Toc.module.js";
 var _tmpl$ = /*#__PURE__*/ template("<svg aria-hidden=true><line y2=100%>"), _tmpl$2 = /*#__PURE__*/ template("<svg><path fill=none></svg>", false, true, false);
 const railBaseOffset = 0;
@@ -9,10 +9,9 @@ const railStep = 12;
 const railBridge = 6;
 const maxRailLevel = 2;
 const getRailOffset = (depth)=>railBaseOffset + Math.min(Math.max(depth - 2, 0), maxRailLevel) * railStep;
-const Toc_useToc = (props)=>useToc({
-        autoScroll: false,
-        ...props
-    });
+const Toc_useToc = (props)=>useToc(external_solid_js_mergeProps({
+        autoScroll: false
+    }, props));
 const Toc_useTocContext = useTocContext;
 function TocRoot(props) {
     const [local, others] = splitProps(props, [

package/dist/components/toc/Toc.jsx

@@ -1,16 +1,15 @@
 import { Toc, useToc, useTocContext } from "@ark-ui/solid/toc";
 import { clsx } from "clsx";
-import { splitProps } from "solid-js";
+import { mergeProps, splitProps } from "solid-js";
 import Toc_module from "./Toc.module.jsx";
 const railBaseOffset = 0;
 const railStep = 12;
 const railBridge = 6;
 const maxRailLevel = 2;
 const getRailOffset = (depth)=>railBaseOffset + Math.min(Math.max(depth - 2, 0), maxRailLevel) * railStep;
-const Toc_useToc = (props)=>useToc({
-        autoScroll: false,
-        ...props
-    });
+const Toc_useToc = (props)=>useToc(mergeProps({
+        autoScroll: false
+    }, props));
 const Toc_useTocContext = useTocContext;
 function TocRoot(props) {
     const [local, others] = splitProps(props, [

package/dist/components/toc/Toc_module.css

@@ -35,6 +35,7 @@
       var(--moduix-table-of-contents-nav-border-color, var(--moduix-color-border));
     border-radius: var(--moduix-table-of-contents-nav-radius, var(--moduix-radius-lg));
     background-color: var(--moduix-table-of-contents-nav-bg, var(--moduix-color-card));
+    color: var(--moduix-table-of-contents-nav-color, var(--moduix-color-card-foreground));
     align-self: start;
     position: sticky;
     overflow: auto;
@@ -176,7 +177,7 @@
       scroll-behavior: auto;
     }
 
-    .indicator-Zeit8l {
+    .link-L4LQA0, .indicator-Zeit8l {
       transition: none;
     }
   }

package/dist/components/toggle/Toggle_module.css

@@ -144,18 +144,21 @@
   .root-FOmqpM[data-size="icon-sm"] {
     width: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
     min-width: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
+    min-height: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
     height: var(--moduix-toggle-size-icon-sm, var(--moduix-size-sm));
   }
 
   .root-FOmqpM[data-size="icon-md"] {
     width: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
     min-width: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
+    min-height: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
     height: var(--moduix-toggle-size-icon-md, var(--moduix-size-md));
   }
 
   .root-FOmqpM[data-size="icon-lg"] {
     width: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
     min-width: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
+    min-height: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
     height: var(--moduix-toggle-size-icon-lg, var(--moduix-size-lg));
   }
 

package/dist/components/tooltip/Tooltip_module.css

@@ -60,12 +60,10 @@
   .positioner-oQOZIG {
     z-index: var(--z-index, var(--moduix-z-popup));
     max-width: var(--available-width);
-    max-height: var(--available-height);
+    outline: 0;
   }
 
   .content-Ca8mTU {
-    --arrow-background: var(--moduix-tooltip-arrow-background, var(--moduix-tooltip-bg, var(--moduix-color-popover)));
-    --arrow-size: var(--moduix-tooltip-arrow-size, var(--moduix-spacing-2-5));
     box-sizing: border-box;
     z-index: var(--moduix-tooltip-z-index, var(--moduix-z-popup));
     max-width: min(var(--moduix-tooltip-max-width, 20rem), var(--available-width));

package/dist/components/tour/Tour_module.css

@@ -18,7 +18,8 @@
   }
 
   .spotlight-gPJyi_ {
-    z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0));
+    z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0) +
+        var(--layer-index, 0));
     box-shadow: var(--moduix-tour-spotlight-shadow, 0 0 0 var(--moduix-tour-spotlight-ring-width, 2px) var(--moduix-color-ring));
   }
 
@@ -110,8 +111,6 @@
   }
 
   .content-ZY9BS9 {
-    --arrow-background: var(--moduix-tour-arrow-background, var(--moduix-tour-bg, var(--moduix-color-popover)));
-    --arrow-size: var(--moduix-tour-arrow-size, var(--moduix-spacing-2-5));
     box-sizing: border-box;
     z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0) +
         var(--layer-index, 0));

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/solid",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "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"
   },