@moduix/react 2.5.1 → 2.6.0

package/dist/components/tags-input/TagsInput.d.ts

@@ -1,20 +1,20 @@
 import { TagsInput as TagsInputPrimitive, useTagsInput, useTagsInputContext, useTagsInputItemContext } from '@ark-ui/react/tags-input';
-import type { ReactNode } from 'react';
 declare function TagsInputItems(): import("react").JSX.Element;
 declare const TagsInput: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<TagsInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    ItemContext: (props: TagsInputPrimitive.ItemContextProps) => ReactNode;
+    ItemContext: (props: TagsInputPrimitive.ItemContextProps) => import("react").ReactNode;
     ItemPreview: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemPreviewProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     ItemText: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     ItemInput: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ItemInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     Input: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
     ClearTrigger: import("react").ForwardRefExoticComponent<Omit<TagsInputPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Context: (props: TagsInputPrimitive.ContextProps) => ReactNode;
+    Context: (props: TagsInputPrimitive.ContextProps) => import("react").ReactNode;
     Items: typeof TagsInputItems;
 };
 export { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext };

package/dist/components/tags-input/TagsInput.js

@@ -1,37 +1,31 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useFieldContext } from "@ark-ui/react/field";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { TagsInput, useTagsInput, useTagsInputContext, useTagsInputItemContext } from "@ark-ui/react/tags-input";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef, useEffect, useRef } from "react";
+import { forwardRef } from "react";
 import { CloseIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { CloseButton } from "../close-button/index.js";
 import TagsInput_module from "./TagsInput.module.js";
-const TagsInput_TagsInputRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const TagsInput_TagsInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "tags-input-root",
-        className: clsx(TagsInput_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(TagsInput_module.root, className),
+        ...props
     });
 });
-const TagsInput_TagsInputRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const TagsInput_TagsInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "tags-input-root-provider",
-        className: clsx(TagsInput_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(TagsInput_module.root, className),
+        ...props
     });
 });
 const TagsInput_TagsInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(TagsInput.Label, {
         ref: ref,
         "data-slot": "tags-input-label",
-        className: clsx(TagsInput_module.label, normalizeClassName(className)),
+        className: clsx(TagsInput_module.label, className),
         ...props
     });
 });
@@ -39,7 +33,7 @@ const TagsInput_TagsInputControl = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(TagsInput.Control, {
         ref: ref,
         "data-slot": "tags-input-control",
-        className: clsx(TagsInput_module.control, normalizeClassName(className)),
+        className: clsx(TagsInput_module.control, className),
         ...props
     });
 });
@@ -47,7 +41,7 @@ const TagsInput_TagsInputItem = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(TagsInput.Item, {
         ref: ref,
         "data-slot": "tags-input-item",
-        className: clsx(TagsInput_module.item, normalizeClassName(className)),
+        className: clsx(TagsInput_module.item, className),
         ...props
     });
 });
@@ -55,7 +49,7 @@ const TagsInput_TagsInputItemPreview = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(TagsInput.ItemPreview, {
         ref: ref,
         "data-slot": "tags-input-item-preview",
-        className: clsx(TagsInput_module.itemPreview, normalizeClassName(className)),
+        className: clsx(TagsInput_module.itemPreview, className),
         ...props
     });
 });
@@ -63,7 +57,7 @@ const TagsInput_TagsInputItemText = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(TagsInput.ItemText, {
         ref: ref,
         "data-slot": "tags-input-item-text",
-        className: clsx(TagsInput_module.itemText, normalizeClassName(className)),
+        className: clsx(TagsInput_module.itemText, className),
         ...props
     });
 });
@@ -71,7 +65,7 @@ const TagsInput_TagsInputItemDeleteTrigger = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(TagsInput.ItemDeleteTrigger, {
         ref: ref,
         "data-slot": "tags-input-item-delete-trigger",
-        className: clsx(TagsInput_module.itemDeleteTrigger, normalizeClassName(className)),
+        className: clsx(TagsInput_module.itemDeleteTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });
@@ -80,7 +74,7 @@ const TagsInput_TagsInputItemInput = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(TagsInput.ItemInput, {
         ref: ref,
         "data-slot": "tags-input-item-input",
-        className: clsx(TagsInput_module.itemInput, normalizeClassName(className)),
+        className: clsx(TagsInput_module.itemInput, className),
         ...props
     });
 });
@@ -88,30 +82,22 @@ const TagsInput_TagsInputInput = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(TagsInput.Input, {
         ref: ref,
         "data-slot": "tags-input-input",
-        className: clsx(TagsInput_module.input, normalizeClassName(className)),
+        className: clsx(TagsInput_module.input, className),
         ...props
     });
 });
 const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
-    const triggerClassName = clsx(TagsInput_module.clearTrigger, normalizeClassName(className));
+    const triggerClassName = clsx(TagsInput_module.clearTrigger, className);
     const clearTriggerLabel = useTagsInputContext().getClearTriggerProps()['aria-label'];
-    if (asChild) return /*#__PURE__*/ jsx(TagsInput.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "tags-input-clear-trigger",
-        className: triggerClassName,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        ...props,
-        children: children
-    });
     return /*#__PURE__*/ jsx(TagsInput.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "tags-input-clear-trigger",
         className: triggerClassName,
+        "aria-label": asChild ? ariaLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": ariaLabel ?? clearTriggerLabel,
             "aria-labelledby": ariaLabelledBy,
             "data-part": "clear-trigger",
@@ -121,48 +107,7 @@ const TagsInput_TagsInputClearTrigger = /*#__PURE__*/ forwardRef(function({ asCh
         })
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(TagsInputHiddenInput, {});
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
 const TagsInputContext = TagsInput.Context;
-function TagsInputHiddenInput() {
-    const field = useFieldContext();
-    const tagsInput = useTagsInputContext();
-    const inputRef = useRef(null);
-    const initialValue = useRef(tagsInput.value);
-    const initialInputValue = useRef(tagsInput.inputValue);
-    const { defaultValue: _, ...hiddenInputProps } = tagsInput.getHiddenInputProps();
-    useEffect(()=>{
-        const form = inputRef.current?.form;
-        if (!form) return;
-        const handleReset = ()=>{
-            queueMicrotask(()=>{
-                tagsInput.setValue(initialValue.current);
-                tagsInput.setInputValue(initialInputValue.current);
-            });
-        };
-        form.addEventListener('reset', handleReset);
-        return ()=>form.removeEventListener('reset', handleReset);
-    }, [
-        tagsInput
-    ]);
-    return /*#__PURE__*/ jsx("input", {
-        ...hiddenInputProps,
-        ref: inputRef,
-        value: tagsInput.valueAsString,
-        readOnly: true,
-        "aria-describedby": field?.ariaDescribedby,
-        "data-slot": "tags-input-hidden-input"
-    });
-}
 function TagsInputItems() {
     return /*#__PURE__*/ jsx(TagsInputContext, {
         children: (tagsInput)=>tagsInput.value.map((value, index)=>/*#__PURE__*/ jsxs(TagsInput_TagsInputItem, {
@@ -185,6 +130,7 @@ function TagsInputItems() {
 const TagsInput_TagsInput = Object.assign(TagsInput_TagsInputRoot, {
     Root: TagsInput_TagsInputRoot,
     RootProvider: TagsInput_TagsInputRootProvider,
+    HiddenInput: TagsInput.HiddenInput,
     Label: TagsInput_TagsInputLabel,
     Control: TagsInput_TagsInputControl,
     Item: TagsInput_TagsInputItem,

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

@@ -209,7 +209,6 @@
     --moduix-close-button-focus-ring-color: var(--moduix-tags-input-trigger-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-width: var(--moduix-tags-input-trigger-focus-ring-width, var(--moduix-border-width-sm));
     --moduix-close-button-focus-ring-offset: var(--moduix-tags-input-trigger-focus-ring-offset, var(--moduix-focus-ring-offset));
-    --moduix-close-button-transition: var(--moduix-tags-input-transition, var(--moduix-transition-default));
     --moduix-close-button-disabled-opacity: var(--moduix-tags-input-disabled-opacity, var(--moduix-opacity-disabled));
     flex: none;
     align-self: center;

package/dist/components/text/Text.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Text_module from "./Text.module.js";
 const Text_elements = {
     div: ark.div,
@@ -34,7 +33,7 @@ const Text_TextRoot = /*#__PURE__*/ forwardRef(function({ as, asChild, size, wei
         "data-align": align,
         "data-truncate": truncate ? '' : void 0,
         "data-line-clamp": void 0 === resolvedLineClamp ? void 0 : '',
-        className: clsx(Text_module.root, normalizeClassName(className)),
+        className: clsx(Text_module.root, className),
         style: lineClampStyle
     });
 });

package/dist/components/textarea/Textarea.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { Field } from "@ark-ui/react/field";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Textarea_module from "./Textarea.module.js";
 const Textarea_Textarea = /*#__PURE__*/ forwardRef(function({ autoresize, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Textarea, {
@@ -12,7 +11,7 @@ const Textarea_Textarea = /*#__PURE__*/ forwardRef(function({ autoresize, classN
         "data-part": "textarea",
         "data-slot": "textarea-root",
         "data-autoresize": autoresize ? '' : void 0,
-        className: clsx(Textarea_module.root, normalizeClassName(className)),
+        className: clsx(Textarea_module.root, className),
         autoresize: autoresize
     });
 });

package/dist/components/timer/Timer.js

@@ -3,13 +3,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Timer, useTimer, useTimerContext } from "@ark-ui/react/timer";
 import { clsx } from "clsx";
 import { Fragment, forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Timer_module from "./Timer.module.js";
 const Timer_TimerRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Timer.Root, {
         ref: ref,
         "data-slot": "timer-root",
-        className: clsx(Timer_module.root, normalizeClassName(className)),
+        className: clsx(Timer_module.root, className),
         ...props
     });
 });
@@ -17,7 +16,7 @@ const Timer_TimerRootProvider = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(Timer.RootProvider, {
         ref: ref,
         "data-slot": "timer-root-provider",
-        className: clsx(Timer_module.root, normalizeClassName(className)),
+        className: clsx(Timer_module.root, className),
         ...props
     });
 });
@@ -25,7 +24,7 @@ const Timer_TimerArea = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Timer.Area, {
         ref: ref,
         "data-slot": "timer-area",
-        className: clsx(Timer_module.area, normalizeClassName(className)),
+        className: clsx(Timer_module.area, className),
         ...props
     });
 });
@@ -33,7 +32,7 @@ const Timer_TimerItem = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Timer.Item, {
         ref: ref,
         "data-slot": "timer-item",
-        className: clsx(Timer_module.item, normalizeClassName(className)),
+        className: clsx(Timer_module.item, className),
         ...props
     });
 });
@@ -41,7 +40,7 @@ const Timer_TimerSeparator = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Timer.Separator, {
         ref: ref,
         "data-slot": "timer-separator",
-        className: clsx(Timer_module.separator, normalizeClassName(className)),
+        className: clsx(Timer_module.separator, className),
         ...props
     });
 });
@@ -49,7 +48,7 @@ const Timer_TimerControl = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(Timer.Control, {
         ref: ref,
         "data-slot": "timer-control",
-        className: clsx(Timer_module.control, normalizeClassName(className)),
+        className: clsx(Timer_module.control, className),
         ...props
     });
 });
@@ -57,7 +56,7 @@ const Timer_TimerActionTrigger = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Timer.ActionTrigger, {
         ref: ref,
         "data-slot": "timer-action-trigger",
-        className: clsx(Timer_module.actionTrigger, normalizeClassName(className)),
+        className: clsx(Timer_module.actionTrigger, className),
         ...props
     });
 });

package/dist/components/toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import { Toast as ToastPrimitive, Toaster as ToasterPrimitive, createToaster, useToastContext } from '@ark-ui/react/toast';
 import type { ComponentProps } from 'react';
-import type { OverlayPortalProps } from '../../internal/overlayPortal';
+import type { OverlayPortalProps } from '../../internal/overlayPortal.js';
 type ToasterProps = Omit<ComponentProps<typeof ToasterPrimitive>, 'children'> & OverlayPortalProps & {
     children?: ComponentProps<typeof ToasterPrimitive>['children'];
 };

package/dist/components/toast/Toast.js

@@ -4,7 +4,6 @@ import { Portal } from "@ark-ui/react/portal";
 import { Toast, Toaster as toast_Toaster, createToaster, useToastContext } from "@ark-ui/react/toast";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { CloseButton } from "../close-button/index.js";
 import Toast_module from "./Toast.module.js";
 const DEFAULT_CLOSE_TRIGGER_LABEL = 'Close toast';
@@ -15,7 +14,7 @@ const Toast_Toaster = /*#__PURE__*/ forwardRef(function({ className, portalled =
         children: /*#__PURE__*/ jsx(toast_Toaster, {
             ref: ref,
             "data-slot": "toast-toaster",
-            className: clsx(Toast_module.toaster, normalizeClassName(className)),
+            className: clsx(Toast_module.toaster, className),
             ...props,
             children: props.children ?? ((toast)=>/*#__PURE__*/ jsx(DefaultToast, {
                     toast: toast
@@ -39,7 +38,7 @@ const Toast_ToastRoot = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Toast.Root, {
         ref: ref,
         "data-slot": "toast-root",
-        className: clsx(Toast_module.root, normalizeClassName(className)),
+        className: clsx(Toast_module.root, className),
         ...props
     });
 });
@@ -48,7 +47,7 @@ const Toast_ToastTitle = /*#__PURE__*/ forwardRef(function({ className, children
     return /*#__PURE__*/ jsx(Toast.Title, {
         ref: ref,
         "data-slot": "toast-title",
-        className: clsx(Toast_module.title, normalizeClassName(className)),
+        className: clsx(Toast_module.title, className),
         ...props,
         children: void 0 === children ? toast.title : children
     });
@@ -58,7 +57,7 @@ const Toast_ToastDescription = /*#__PURE__*/ forwardRef(function({ className, ch
     return /*#__PURE__*/ jsx(Toast.Description, {
         ref: ref,
         "data-slot": "toast-description",
-        className: clsx(Toast_module.description, normalizeClassName(className)),
+        className: clsx(Toast_module.description, className),
         ...props,
         children: void 0 === children ? toast.description : children
     });
@@ -68,7 +67,7 @@ const Toast_ToastActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cl
         ref: ref,
         asChild: asChild,
         "data-slot": "toast-action-trigger",
-        className: clsx(!asChild && Toast_module.actionTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && Toast_module.actionTrigger, className),
         ...props,
         children: children
     });
@@ -79,7 +78,7 @@ const Toast_ToastCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cla
         asChild: true,
         "data-slot": "toast-close-trigger",
         "aria-label": ariaLabel,
-        className: normalizeClassName(className),
+        className: className,
         ...props,
         children: children
     });
@@ -89,7 +88,7 @@ const Toast_ToastCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, cla
             ref: ref,
             "data-slot": "toast-close-trigger",
             "aria-label": ariaLabel,
-            className: clsx(Toast_module.closeTrigger, normalizeClassName(className)),
+            className: clsx(Toast_module.closeTrigger, className),
             ...props,
             children: children
         })

package/dist/components/toast/Toast_module.css

@@ -144,13 +144,12 @@
     --moduix-close-button-focus-ring-color: var(--moduix-toast-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-toast-close-focus-ring-offset, var(--moduix-focus-ring-offset));
     --moduix-close-button-focus-ring-width: var(--moduix-toast-close-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)));
-    --moduix-close-button-transition: var(--moduix-toast-close-transition, var(--moduix-transition-default));
     position: absolute;
     inset-block-start: var(--moduix-toast-close-offset-top, var(--moduix-spacing-2));
     inset-inline-end: var(--moduix-toast-close-offset-right, var(--moduix-spacing-2));
   }
 
-  @media (max-width: 40rem) {
+  @media (width <= 40rem) {
     .toaster-m5bxJd {
       width: 100%;
     }

package/dist/components/toc/Toc.js

@@ -3,7 +3,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Toc, useToc, useTocContext } from "@ark-ui/react/toc";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Toc_module from "./Toc.module.js";
 const railBaseOffset = 0;
 const railStep = 12;
@@ -20,7 +19,7 @@ const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, clas
         ref: ref,
         autoScroll: autoScroll,
         "data-slot": "toc-root",
-        className: clsx(Toc_module.root, normalizeClassName(className)),
+        className: clsx(Toc_module.root, className),
         ...props
     });
 });
@@ -29,7 +28,7 @@ const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style
         ref: ref,
         value: value,
         "data-slot": "toc-root-provider",
-        className: clsx(Toc_module.root, normalizeClassName(className)),
+        className: clsx(Toc_module.root, className),
         style: {
             ...value.getRootProps().style,
             ...style
@@ -41,7 +40,7 @@ const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }
     return /*#__PURE__*/ jsx(Toc.Content, {
         ref: ref,
         "data-slot": "toc-content",
-        className: clsx(Toc_module.content, normalizeClassName(className)),
+        className: clsx(Toc_module.content, className),
         ...props
     });
 });
@@ -49,7 +48,7 @@ const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, re
     return /*#__PURE__*/ jsx(Toc.Nav, {
         ref: ref,
         "data-slot": "toc-nav",
-        className: clsx(Toc_module.nav, normalizeClassName(className)),
+        className: clsx(Toc_module.nav, className),
         ...props
     });
 });
@@ -57,7 +56,7 @@ const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props },
     return /*#__PURE__*/ jsx(Toc.Title, {
         ref: ref,
         "data-slot": "toc-title",
-        className: clsx(Toc_module.title, normalizeClassName(className)),
+        className: clsx(Toc_module.title, className),
         ...props
     });
 });
@@ -65,7 +64,7 @@ const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, r
     return /*#__PURE__*/ jsx(Toc.List, {
         ref: ref,
         "data-slot": "toc-list",
-        className: clsx(Toc_module.list, normalizeClassName(className)),
+        className: clsx(Toc_module.list, className),
         ...props
     });
 });
@@ -73,7 +72,7 @@ const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, r
     return /*#__PURE__*/ jsx(Toc.Item, {
         ref: ref,
         "data-slot": "toc-item",
-        className: clsx(Toc_module.item, normalizeClassName(className)),
+        className: clsx(Toc_module.item, className),
         ...props
     });
 });
@@ -81,7 +80,7 @@ const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, r
     return /*#__PURE__*/ jsx(Toc.Link, {
         ref: ref,
         "data-slot": "toc-link",
-        className: clsx(Toc_module.link, normalizeClassName(className)),
+        className: clsx(Toc_module.link, className),
         ...props
     });
 });
@@ -89,7 +88,7 @@ const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Toc.Indicator, {
         ref: ref,
         "data-slot": "toc-indicator",
-        className: clsx(Toc_module.indicator, normalizeClassName(className)),
+        className: clsx(Toc_module.indicator, className),
         ...props
     });
 });
@@ -103,7 +102,7 @@ const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDe
         ref: ref,
         "aria-hidden": "true",
         "data-slot": "toc-rail",
-        className: clsx(Toc_module.rail, normalizeClassName(className)),
+        className: clsx(Toc_module.rail, className),
         style: {
             width,
             height: lineOffset === nextLineOffset ? `calc(100% + ${railBridge}px + var(--moduix-table-of-contents-list-gap, var(--moduix-spacing-0-5)))` : '100%',

package/dist/components/toc/Toc_module.css

@@ -12,7 +12,7 @@
     display: grid;
   }
 
-  @media (max-width: 48rem) {
+  @media (width <= 48rem) {
     .root-VBggED {
       grid-template-columns: minmax(0, 1fr);
     }
@@ -49,7 +49,7 @@
         var(--moduix-table-of-contents-nav-width, 16rem)) minmax(0, 1fr);
   }
 
-  @media (max-width: 48rem) {
+  @media (width <= 48rem) {
     .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) .nav-q0EDqs[data-placement="left"] {
       grid-area: auto;
     }

package/dist/components/toggle/Toggle.js

@@ -3,7 +3,6 @@ import { jsx } from "react/jsx-runtime";
 import { Toggle, ToggleContext, useToggleContext } from "@ark-ui/react/toggle";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 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, {
@@ -11,7 +10,7 @@ const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant
         "data-slot": "toggle-root",
         "data-variant": variant,
         "data-size": size,
-        className: clsx(Toggle_module.root, normalizeClassName(className)),
+        className: clsx(Toggle_module.root, className),
         ...props
     });
 });
@@ -19,7 +18,7 @@ const Toggle_ToggleIndicator = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Toggle.Indicator, {
         ref: ref,
         "data-slot": "toggle-indicator",
-        className: clsx(Toggle_module.indicator, normalizeClassName(className)),
+        className: clsx(Toggle_module.indicator, className),
         ...props
     });
 });

package/dist/components/toggle-group/ToggleGroup.d.ts

@@ -1,6 +1,6 @@
 import { ToggleGroup as ToggleGroupPrimitive, useToggleGroup, useToggleGroupContext } from '@ark-ui/react/toggle-group';
 import type { ComponentProps } from 'react';
-import type { ToggleSize, ToggleVariant } from '../toggle/Toggle';
+import type { ToggleSize, ToggleVariant } from '../toggle/Toggle.js';
 type ToggleGroupRootProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & {
     variant?: ToggleVariant;
     size?: ToggleSize;

package/dist/components/toggle-group/ToggleGroup.js

@@ -3,7 +3,6 @@ import { jsx } from "react/jsx-runtime";
 import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/react/toggle-group";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Toggle_module from "../toggle/Toggle.module.js";
 import ToggleGroup_module from "./ToggleGroup.module.js";
 const defaultToggleGroupStyles = {
@@ -23,7 +22,7 @@ const ToggleGroup_ToggleGroupRoot = /*#__PURE__*/ forwardRef(function({ classNam
             "data-slot": "toggle-group-root",
             "data-variant": variant,
             "data-size": size,
-            className: clsx(ToggleGroup_module.root, normalizeClassName(className))
+            className: clsx(ToggleGroup_module.root, className)
         })
     });
 });
@@ -39,7 +38,7 @@ const ToggleGroup_ToggleGroupRootProvider = /*#__PURE__*/ forwardRef(function({
             "data-slot": "toggle-group-root-provider",
             "data-variant": variant,
             "data-size": size,
-            className: clsx(ToggleGroup_module.root, normalizeClassName(className))
+            className: clsx(ToggleGroup_module.root, className)
         })
     });
 });
@@ -51,7 +50,7 @@ const ToggleGroup_ToggleGroupItem = /*#__PURE__*/ forwardRef(function({ classNam
         "data-slot": "toggle-group-item",
         "data-variant": variant ?? inherited.variant,
         "data-size": size ?? inherited.size,
-        className: clsx(Toggle_module.root, ToggleGroup_module.item, normalizeClassName(className))
+        className: clsx(Toggle_module.root, ToggleGroup_module.item, className)
     });
 });
 const ToggleGroup_ToggleGroup = Object.assign(ToggleGroup_ToggleGroupRoot, {

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

@@ -1,6 +1,6 @@
 import { Tooltip as TooltipPrimitive, useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type TooltipRootProps = ComponentProps<typeof TooltipPrimitive.Root> & OverlayPortalProps;
 type TooltipRootProviderProps = ComponentProps<typeof TooltipPrimitive.RootProvider> & OverlayPortalProps;
 declare function TooltipRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TooltipRootProps): import("react").JSX.Element;