@moduix/react 2.7.1 → 2.8.0

package/dist/components/sidebar/Sidebar_module.css

@@ -382,7 +382,7 @@
     margin-inline-start: auto;
   }
 
-  .trigger-_fUcgc:focus-visible, .groupAction-aoQPc4:focus-visible, .menuButton-OAl6eQ:focus-visible {
+  .trigger-_fUcgc:focus-visible, .groupAction-aoQPc4:focus-visible, .menuButton-OAl6eQ:focus-visible, .menuSubButton-MjeEfX:focus-visible {
     outline: var(--moduix-sidebar-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
       solid var(--moduix-sidebar-focus-ring-color, var(--moduix-color-ring));
     outline-offset: var(--moduix-sidebar-focus-ring-offset, var(--moduix-focus-ring-offset));

package/dist/components/signature-pad/SignaturePad.d.ts

@@ -7,7 +7,7 @@ declare const SignaturePad: import("react").ForwardRefExoticComponent<Omit<Signa
     HiddenInput: import("react").ForwardRefExoticComponent<SignaturePadPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Canvas: import("react").ForwardRefExoticComponent<Omit<Omit<SignaturePadPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Canvas: import("react").ForwardRefExoticComponent<Omit<Omit<SignaturePadPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Segment: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.SegmentProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     Guide: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.GuideProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ClearTrigger: import("react").ForwardRefExoticComponent<Omit<SignaturePadPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/simple-grid/SimpleGrid.js

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
-import { clsx } from "clsx";
 import { forwardRef } from "react";
 const SimpleGrid_SimpleGridRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, style, columns, minChildWidth, gap, rowGap, columnGap, ...props }, ref) {
     if (null != columns && (!Number.isInteger(columns) || columns <= 0)) throw new Error('SimpleGrid `columns` must be a finite positive integer.');
@@ -32,7 +31,7 @@ const SimpleGrid_SimpleGridRoot = /*#__PURE__*/ forwardRef(function({ asChild, c
         "data-scope": "simple-grid",
         "data-part": "root",
         "data-slot": "simple-grid-root",
-        className: clsx(className),
+        className: className,
         style: rootStyle
     });
 });

package/dist/components/slider/Slider.js

@@ -7,10 +7,10 @@ import Slider_module from "./Slider.module.js";
 const Slider_SliderRoot = /*#__PURE__*/ forwardRef(function({ className, readOnly, ...props }, ref) {
     return /*#__PURE__*/ jsx(Slider.Root, {
         ref: ref,
-        "data-readonly": readOnly ? '' : void 0,
         className: clsx(Slider_module.root, className),
         readOnly: readOnly,
         ...props,
+        "data-readonly": readOnly ? '' : void 0,
         "data-slot": "slider-root"
     });
 });

package/dist/components/slider/Slider_module.css

@@ -179,13 +179,10 @@
   }
 
   .markerGroup-LGDl6p {
-    justify-content: space-between;
     margin-block-start: var(--moduix-slider-marker-group-margin-top, var(--moduix-spacing-2));
-    display: flex;
   }
 
   .markerGroup-LGDl6p[data-orientation="vertical"] {
-    flex-direction: column;
     height: 100%;
     margin: 0;
   }
@@ -194,7 +191,6 @@
     color: var(--moduix-slider-marker-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-slider-marker-font-size, var(--moduix-text-xs));
     line-height: var(--moduix-slider-marker-line-height, var(--moduix-line-height-text-xs));
-    position: relative;
   }
 
   .marker-RkqZdP:before {
@@ -222,5 +218,11 @@
     inset-inline-start: calc(-1 * var(--moduix-spacing-2));
     transform: translate(-50%, -50%);
   }
+
+  @media (prefers-reduced-motion: reduce) {
+    .thumb-dktwnB {
+      transition: none;
+    }
+  }
 }
 

package/dist/components/split-button/SplitButton_module.css

@@ -11,7 +11,6 @@
 
   .trigger-DZQRcF {
     min-width: 0;
-    padding-inline: var(--moduix-split-button-trigger-padding-x-md, var(--moduix-spacing-3));
     border-start-start-radius: 0;
     border-end-start-radius: 0;
     margin-inline-start: calc(var(--moduix-button-border-width, var(--moduix-border-width-sm)) * -1);
@@ -41,6 +40,10 @@
     padding-inline: var(--moduix-split-button-trigger-padding-x-sm, var(--moduix-spacing-2-5));
   }
 
+  .trigger-DZQRcF[data-size="md"] {
+    padding-inline: var(--moduix-split-button-trigger-padding-x-md, var(--moduix-spacing-3));
+  }
+
   .trigger-DZQRcF[data-size="lg"] {
     padding-inline: var(--moduix-split-button-trigger-padding-x-lg, var(--moduix-spacing-3-5));
   }

package/dist/components/steps/Steps_module.css

@@ -264,7 +264,7 @@
     outline-offset: var(--moduix-steps-focus-ring-offset, var(--moduix-focus-ring-offset));
   }
 
-  :is(.prevTrigger-n0gQx3, .nextTrigger-y2dzVS):is(:disabled, [data-disabled]) {
+  :is(.prevTrigger-n0gQx3, .nextTrigger-y2dzVS):disabled {
     opacity: var(--moduix-steps-disabled-opacity, var(--moduix-opacity-disabled));
     cursor: default;
   }

package/dist/components/swap/Swap.js

@@ -7,18 +7,18 @@ import Swap_module from "./Swap.module.js";
 const Swap_SwapRoot = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Swap.Root, {
         ref: ref,
-        "data-animation": animation,
         className: clsx(Swap_module.root, className),
         ...props,
+        "data-animation": animation,
         "data-slot": "swap-root"
     });
 });
 const Swap_SwapRootProvider = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Swap.RootProvider, {
         ref: ref,
-        "data-animation": animation,
         className: clsx(Swap_module.root, className),
         ...props,
+        "data-animation": animation,
         "data-slot": "swap-root-provider"
     });
 });

package/dist/components/swap/Swap_module.css

@@ -3,7 +3,6 @@
     vertical-align: middle;
     grid-template-areas: "swap";
     place-items: center;
-    display: inline-grid;
   }
 
   .root-hsHHcI[data-animation="flip"] {
@@ -48,10 +47,8 @@
 
   .indicator-S0xChs {
     color: inherit;
-    grid-area: swap;
     justify-content: center;
     align-items: center;
-    display: inline-flex;
   }
 
   @media (prefers-reduced-motion: reduce) {

package/dist/components/switch/Switch.js

@@ -7,18 +7,18 @@ import Switch_module from "./Switch.module.js";
 const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,
-        "data-size": size,
         className: clsx(Switch_module.root, className),
         ...props,
+        "data-size": size,
         "data-slot": "switch-root"
     });
 });
 const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Switch.RootProvider, {
         ref: ref,
-        "data-size": size,
         className: clsx(Switch_module.root, className),
         ...props,
+        "data-size": size,
         "data-slot": "switch-root-provider"
     });
 });

package/dist/components/switch/Switch_module.css

@@ -18,9 +18,9 @@
 
   .control-_x56fO {
     box-sizing: border-box;
-    width: var(--_switch-width, 3rem);
+    width: var(--_switch-width, 2.75rem);
     height: var(--_switch-height, var(--moduix-size-xs));
-    --_switch-thumb-translate-default: calc(var(--_switch-width, 3rem) - var(--_switch-thumb-size, var(--moduix-spacing-5)) -
+    --_switch-thumb-translate-default: calc(var(--_switch-width, 2.75rem) - var(--_switch-thumb-size, var(--moduix-spacing-5)) -
         (var(--moduix-switch-padding, var(--moduix-spacing-0-5)) * 2) -
         (var(--moduix-switch-border-width, var(--moduix-border-width-sm)) * 2));
     border: var(--moduix-switch-border-width, var(--moduix-border-width-sm)) solid

package/dist/components/table/Table.js

@@ -7,6 +7,8 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
     return /*#__PURE__*/ jsx(ark.table, {
         ref: ref,
         asChild: asChild,
+        className: clsx(Table_module.root, className),
+        ...props,
         "data-scope": "table",
         "data-part": "root",
         "data-interactive": interactive || void 0,
@@ -15,8 +17,6 @@ const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className,
         "data-sticky-header": stickyHeader || void 0,
         "data-striped": striped || void 0,
         "data-variant": variant,
-        className: clsx(Table_module.root, className),
-        ...props,
         "data-slot": "table-root"
     });
 });
@@ -24,10 +24,10 @@ const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, class
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "scroll-area",
         className: clsx(Table_module.scrollArea, className),
         ...props,
+        "data-scope": "table",
+        "data-part": "scroll-area",
         "data-slot": "table-scroll-area"
     });
 });
@@ -35,11 +35,11 @@ const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, classNam
     return /*#__PURE__*/ jsx(ark.caption, {
         ref: ref,
         asChild: asChild,
+        className: clsx(Table_module.caption, className),
+        ...props,
         "data-scope": "table",
         "data-part": "caption",
         "data-side": side,
-        className: clsx(Table_module.caption, className),
-        ...props,
         "data-slot": "table-caption"
     });
 });
@@ -47,10 +47,10 @@ const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, clas
     return /*#__PURE__*/ jsx(ark.colgroup, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "column-group",
         className: className,
         ...props,
+        "data-scope": "table",
+        "data-part": "column-group",
         "data-slot": "table-column-group"
     });
 });
@@ -58,11 +58,11 @@ const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className
     return /*#__PURE__*/ jsx(ark.col, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "column",
         width: htmlWidth ?? width,
         className: className,
         ...props,
+        "data-scope": "table",
+        "data-part": "column",
         "data-slot": "table-column"
     });
 });
@@ -70,10 +70,10 @@ const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className
     return /*#__PURE__*/ jsx(ark.thead, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "header",
         className: clsx(Table_module.header, className),
         ...props,
+        "data-scope": "table",
+        "data-part": "header",
         "data-slot": "table-header"
     });
 });
@@ -81,10 +81,10 @@ const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className,
     return /*#__PURE__*/ jsx(ark.tbody, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "body",
         className: clsx(Table_module.body, className),
         ...props,
+        "data-scope": "table",
+        "data-part": "body",
         "data-slot": "table-body"
     });
 });
@@ -92,10 +92,10 @@ const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className
     return /*#__PURE__*/ jsx(ark.tfoot, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "footer",
         className: clsx(Table_module.footer, className),
         ...props,
+        "data-scope": "table",
+        "data-part": "footer",
         "data-slot": "table-footer"
     });
 });
@@ -103,10 +103,10 @@ const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, .
     return /*#__PURE__*/ jsx(ark.tr, {
         ref: ref,
         asChild: asChild,
-        "data-scope": "table",
-        "data-part": "row",
         className: clsx(Table_module.row, className),
         ...props,
+        "data-scope": "table",
+        "data-part": "row",
         "data-slot": "table-row"
     });
 });
@@ -114,11 +114,11 @@ const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, cla
     return /*#__PURE__*/ jsx(ark.th, {
         ref: ref,
         asChild: asChild,
+        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, className),
+        ...props,
         "data-scope": "table",
         "data-part": "column-header",
         "data-numeric": numeric || void 0,
-        className: clsx(Table_module.columnHeader, numeric && Table_module.numeric, className),
-        ...props,
         "data-slot": "table-column-header"
     });
 });
@@ -126,11 +126,11 @@ const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className,
     return /*#__PURE__*/ jsx(ark.td, {
         ref: ref,
         asChild: asChild,
+        className: clsx(Table_module.cell, numeric && Table_module.numeric, className),
+        ...props,
         "data-scope": "table",
         "data-part": "cell",
         "data-numeric": numeric || void 0,
-        className: clsx(Table_module.cell, numeric && Table_module.numeric, className),
-        ...props,
         "data-slot": "table-cell"
     });
 });
@@ -144,11 +144,11 @@ const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children =
         children: /*#__PURE__*/ jsx(ark.td, {
             ref: ref,
             asChild: asChild,
-            "data-scope": "table",
-            "data-part": "empty",
             colSpan: colSpan,
             className: clsx(Table_module.cell, Table_module.empty, className),
             ...props,
+            "data-scope": "table",
+            "data-part": "empty",
             "data-slot": "table-empty",
             children: children
         })

package/dist/components/table/Table_module.css

@@ -84,8 +84,10 @@
     background-color: var(--moduix-table-row-bg-striped, color-mix(in oklab, var(--moduix-color-muted) 35%, transparent));
   }
 
-  .root-iUez_7[data-interactive] .body-JqLHru .row-vTGkhP:not([data-empty]):hover {
-    background-color: var(--moduix-table-row-bg-hover, var(--moduix-color-muted));
+  @media (hover: hover) {
+    .root-iUez_7[data-interactive] .body-JqLHru .row-vTGkhP:not([data-empty]):hover {
+      background-color: var(--moduix-table-row-bg-hover, var(--moduix-color-muted));
+    }
   }
 
   .root-iUez_7[data-interactive] .body-JqLHru .row-vTGkhP:not([data-empty]):focus-within {

package/dist/components/tabs/Tabs.js

@@ -8,10 +8,10 @@ const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
-        "data-variant": resolvedVariant,
         className: clsx(Tabs_module.root, className),
         orientation: orientation,
         ...props,
+        "data-variant": resolvedVariant,
         "data-slot": "tabs-root"
     });
 });
@@ -20,10 +20,10 @@ const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, val
     const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
     return /*#__PURE__*/ jsx(Tabs.RootProvider, {
         ref: ref,
-        "data-variant": resolvedVariant,
         className: clsx(Tabs_module.root, className),
         value: value,
         ...props,
+        "data-variant": resolvedVariant,
         "data-slot": "tabs-root-provider"
     });
 });

package/dist/components/tabs/Tabs_module.css

@@ -48,7 +48,7 @@
     }
   }
 
-  .root-r9cKMR[data-variant="line"]:not([data-orientation="vertical"]) .list-HWuixw {
+  .root-r9cKMR[data-variant="line"] .list-HWuixw {
     border-width: 0 0 var(--moduix-tabs-list-border-width, var(--moduix-border-width-sm));
     background-color: #0000;
     border-radius: 0;
@@ -134,7 +134,7 @@
     translate: 0 -50%;
   }
 
-  .root-r9cKMR[data-variant="line"]:not([data-orientation="vertical"]) .indicator-Eq3gMQ {
+  .root-r9cKMR[data-variant="line"] .indicator-Eq3gMQ {
     --transition-duration: var(--moduix-tabs-line-indicator-transition-duration, var(--moduix-duration-normal));
     --transition-timing-function: var(--moduix-tabs-line-indicator-transition-timing-function, var(--moduix-ease-in-out));
     height: var(--moduix-tabs-line-indicator-size, var(--moduix-spacing-0-5));

package/dist/components/tags-input/TagsInput_module.css

@@ -130,7 +130,6 @@
     height: var(--moduix-tags-input-input-height, var(--moduix-size-xs));
     padding: 0 var(--moduix-tags-input-input-padding-x, var(--moduix-spacing-1));
     color: inherit;
-    font: inherit;
     font-size: var(--moduix-tags-input-input-font-size, var(--moduix-input-font-size, var(--moduix-text-sm)));
     line-height: var(--moduix-tags-input-input-line-height, var(--moduix-input-line-height, var(--moduix-line-height-text-sm)));
     background-color: #0000;
@@ -151,7 +150,7 @@
     flex: 0 1 var(--moduix-tags-input-item-input-width, 7rem);
   }
 
-  .input-uYY2LW[data-readonly] {
+  .input-uYY2LW[data-readonly], .control-aj7rxt[data-readonly] .itemDeleteTrigger-Fx1XkC {
     display: none;
   }
 
@@ -182,8 +181,10 @@
     flex: none;
   }
 
-  .itemDeleteTrigger-Fx1XkC:hover {
-    background-color: var(--moduix-tags-input-trigger-bg-hover, color-mix(in oklab, currentColor 12%, transparent));
+  @media (hover: hover) {
+    .itemDeleteTrigger-Fx1XkC:hover {
+      background-color: var(--moduix-tags-input-trigger-bg-hover, color-mix(in oklab, currentColor 12%, transparent));
+    }
   }
 
   .itemDeleteTrigger-Fx1XkC:focus-visible {

package/dist/components/timer/index.d.ts

@@ -1 +1,2 @@
 export { Timer, useTimer, useTimerContext } from './Timer.js';
+export type { TimerSegmentsProps } from './Timer.js';

package/dist/components/toast/Toast.module.js

@@ -1,10 +1,10 @@
 import "./Toast_module.css";
 const Toast_module = {
-    toaster: "toaster-m5bxJd",
     root: "root-p_jC2T",
     title: "title-MTy3zi",
     description: "description-AIx4K_",
     actionTrigger: "actionTrigger-ftU5e1",
-    closeTrigger: "closeTrigger-IYs7Wg"
+    closeTrigger: "closeTrigger-IYs7Wg",
+    toaster: "toaster-m5bxJd"
 };
 export default Toast_module;

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.js

@@ -24,12 +24,14 @@ const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, clas
     });
 });
 const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
+    const rootProps = value.getRootProps();
     return /*#__PURE__*/ jsx(Toc.RootProvider, {
         ref: ref,
         value: value,
+        ...rootProps,
         className: clsx(Toc_module.root, className),
         style: {
-            ...value.getRootProps().style,
+            ...rootProps.style,
             ...style
         },
         ...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.js

@@ -7,10 +7,10 @@ import Toggle_module from "./Toggle.module.js";
 const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Root, {
         ref: ref,
-        "data-variant": variant,
-        "data-size": size,
         className: clsx(Toggle_module.root, className),
         ...props,
+        "data-variant": variant,
+        "data-size": size,
         "data-slot": "toggle-root"
     });
 });

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/toggle-group/index.d.ts

@@ -1 +1,2 @@
 export { ToggleGroup, useToggleGroup, useToggleGroupContext } from './ToggleGroup.js';
+export type { ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupRootProviderProps, ToggleSize, ToggleVariant, } from './ToggleGroup.js';

package/dist/components/tooltip/Tooltip.d.ts

@@ -18,3 +18,4 @@ declare const Tooltip: typeof TooltipRoot & {
     ArrowTip: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export { Tooltip, useTooltip, useTooltipContext };
+export type { TooltipRootProps, TooltipRootProviderProps };

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/tooltip/index.d.ts

@@ -1 +1,2 @@
 export { Tooltip, useTooltip, useTooltipContext } from './Tooltip.js';
+export type { TooltipRootProps, TooltipRootProviderProps } from './Tooltip.js';

package/dist/components/tour/Tour.d.ts

@@ -2,6 +2,7 @@ import { Tour as TourPrimitive, useTour, useTourContext, waitForElement, waitFor
 import type { ComponentProps } from 'react';
 import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type TourRootProps = ComponentProps<typeof TourPrimitive.Root> & OverlayPortalProps;
+type TourCloseIconProps = Omit<ComponentProps<typeof TourPrimitive.CloseTrigger>, 'asChild'>;
 declare function TourRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TourRootProps): import("react").JSX.Element;
 declare function TourActionList({ className }: {
     className?: string;
@@ -20,10 +21,11 @@ declare const Tour: typeof TourRoot & {
     ProgressText: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ProgressTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
     CloseTrigger: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<TourPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<TourCloseIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Actions: (props: TourPrimitive.ActionsProps) => import("react").ReactNode;
     ActionList: typeof TourActionList;
     ActionTrigger: import("react").ForwardRefExoticComponent<Omit<TourPrimitive.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, };
+export type { TourCloseIconProps, TourRootProps };

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/tour/index.d.ts

@@ -1 +1,2 @@
 export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, } from './Tour.js';
+export type { TourCloseIconProps, TourRootProps } from './Tour.js';

package/dist/components/tree-view/TreeView.d.ts

@@ -1,6 +1,6 @@
 import { TreeView as TreeViewPrimitive, createFileTreeCollection, createTreeCollection, type TreeNode, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, type TreeViewNodeState, type TreeViewRootComponent, type TreeViewRootProviderComponent, useTreeView, useTreeViewContext, useTreeViewNodeContext } from '@ark-ui/react/tree-view';
 import type { ComponentProps, ReactNode } from 'react';
-declare function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }: ComponentProps<typeof TreeViewPrimitive.NodeCheckboxIndicator>): import("react").JSX.Element;
+declare function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, fallback, ...props }: ComponentProps<typeof TreeViewPrimitive.NodeCheckboxIndicator>): import("react").JSX.Element;
 type TreeViewNodeRenderProps<T extends TreeNode> = {
     indexPath: number[];
     node: T;