@moduix/react 2.5.1 → 2.6.0

package/dist/components/number-input/NumberInput.js

@@ -4,13 +4,12 @@ import { NumberInput, useNumberInput, useNumberInputContext } from "@ark-ui/reac
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { MinusIcon, PlusIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import NumberInput_module from "./NumberInput.module.js";
 const NumberInput_NumberInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(NumberInput.Root, {
         ref: ref,
         "data-slot": "number-input-root",
-        className: clsx(NumberInput_module.root, normalizeClassName(className)),
+        className: clsx(NumberInput_module.root, className),
         ...props
     });
 });
@@ -18,7 +17,7 @@ const NumberInput_NumberInputRootProvider = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(NumberInput.RootProvider, {
         ref: ref,
         "data-slot": "number-input-root-provider",
-        className: clsx(NumberInput_module.root, normalizeClassName(className)),
+        className: clsx(NumberInput_module.root, className),
         ...props
     });
 });
@@ -26,7 +25,7 @@ const NumberInput_NumberInputLabel = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(NumberInput.Label, {
         ref: ref,
         "data-slot": "number-input-label",
-        className: clsx(NumberInput_module.label, normalizeClassName(className)),
+        className: clsx(NumberInput_module.label, className),
         ...props
     });
 });
@@ -34,7 +33,7 @@ const NumberInput_NumberInputScrubber = /*#__PURE__*/ forwardRef(function({ clas
     return /*#__PURE__*/ jsx(NumberInput.Scrubber, {
         ref: ref,
         "data-slot": "number-input-scrubber",
-        className: clsx(NumberInput_module.scrubber, normalizeClassName(className)),
+        className: clsx(NumberInput_module.scrubber, className),
         ...props
     });
 });
@@ -42,7 +41,7 @@ const NumberInput_NumberInputControl = /*#__PURE__*/ forwardRef(function({ class
     return /*#__PURE__*/ jsx(NumberInput.Control, {
         ref: ref,
         "data-slot": "number-input-control",
-        className: clsx(NumberInput_module.control, normalizeClassName(className)),
+        className: clsx(NumberInput_module.control, className),
         ...props
     });
 });
@@ -50,7 +49,7 @@ const NumberInput_NumberInputDecrementTrigger = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(NumberInput.DecrementTrigger, {
         ref: ref,
         "data-slot": "number-input-decrement-trigger",
-        className: clsx(NumberInput_module.decrementTrigger, normalizeClassName(className)),
+        className: clsx(NumberInput_module.decrementTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(MinusIcon, {})
     });
@@ -59,7 +58,7 @@ const NumberInput_NumberInputInput = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(NumberInput.Input, {
         ref: ref,
         "data-slot": "number-input-input",
-        className: clsx(NumberInput_module.input, normalizeClassName(className)),
+        className: clsx(NumberInput_module.input, className),
         ...props
     });
 });
@@ -67,7 +66,7 @@ const NumberInput_NumberInputIncrementTrigger = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(NumberInput.IncrementTrigger, {
         ref: ref,
         "data-slot": "number-input-increment-trigger",
-        className: clsx(NumberInput_module.incrementTrigger, normalizeClassName(className)),
+        className: clsx(NumberInput_module.incrementTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(PlusIcon, {})
     });
@@ -76,7 +75,7 @@ const NumberInput_NumberInputValueText = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(NumberInput.ValueText, {
         ref: ref,
         "data-slot": "number-input-value-text",
-        className: clsx(NumberInput_module.valueText, normalizeClassName(className)),
+        className: clsx(NumberInput_module.valueText, className),
         ...props
     });
 });

package/dist/components/pagination/Pagination.js

@@ -3,23 +3,20 @@ import { Pagination, usePagination, usePaginationContext } from "@ark-ui/react/p
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Pagination_module from "./Pagination.module.js";
-const Pagination_PaginationRoot = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel = 'Pagination', className, ...props }, ref) {
+const Pagination_PaginationRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.Root, {
         ref: ref,
         "data-slot": "pagination-root",
-        "aria-label": ariaLabel,
-        className: clsx(Pagination_module.root, normalizeClassName(className)),
+        className: clsx(Pagination_module.root, className),
         ...props
     });
 });
-const Pagination_PaginationRootProvider = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel = 'Pagination', className, ...props }, ref) {
+const Pagination_PaginationRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.RootProvider, {
         ref: ref,
         "data-slot": "pagination-root-provider",
-        "aria-label": ariaLabel,
-        className: clsx(Pagination_module.root, normalizeClassName(className)),
+        className: clsx(Pagination_module.root, className),
         ...props
     });
 });
@@ -27,7 +24,7 @@ const Pagination_PaginationItem = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Pagination.Item, {
         ref: ref,
         "data-slot": "pagination-item",
-        className: clsx(Pagination_module.item, normalizeClassName(className)),
+        className: clsx(Pagination_module.item, className),
         ...props
     });
 });
@@ -35,9 +32,9 @@ const Pagination_PaginationEllipsis = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Pagination.Ellipsis, {
         ref: ref,
         "data-slot": "pagination-ellipsis",
-        className: clsx(Pagination_module.ellipsis, normalizeClassName(className)),
+        className: clsx(Pagination_module.ellipsis, className),
         ...props,
-        children: children ?? '...'
+        children: children ?? (!props.asChild && '...')
     });
 });
 function EdgeIcon({ side }) {
@@ -55,40 +52,40 @@ const Pagination_PaginationPrevTrigger = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(Pagination.PrevTrigger, {
         ref: ref,
         "data-slot": "pagination-prev-trigger",
-        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, className),
         ...props,
-        children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(ChevronLeftIcon, {}))
     });
 });
 const Pagination_PaginationNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.NextTrigger, {
         ref: ref,
         "data-slot": "pagination-next-trigger",
-        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, className),
         ...props,
-        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(ChevronRightIcon, {}))
     });
 });
 const Pagination_PaginationFirstTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.FirstTrigger, {
         ref: ref,
         "data-slot": "pagination-first-trigger",
-        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, className),
         ...props,
-        children: children ?? /*#__PURE__*/ jsx(EdgeIcon, {
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(EdgeIcon, {
             side: "left"
-        })
+        }))
     });
 });
 const Pagination_PaginationLastTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Pagination.LastTrigger, {
         ref: ref,
         "data-slot": "pagination-last-trigger",
-        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, normalizeClassName(className)),
+        className: clsx(Pagination_module.trigger, null == children && Pagination_module.iconTrigger, className),
         ...props,
-        children: children ?? /*#__PURE__*/ jsx(EdgeIcon, {
+        children: children ?? (!props.asChild && /*#__PURE__*/ jsx(EdgeIcon, {
             side: "right"
-        })
+        }))
     });
 });
 const PaginationContext = Pagination.Context;

package/dist/components/pagination/Pagination_module.css

@@ -33,10 +33,6 @@
     -webkit-user-select: none;
     user-select: none;
     white-space: nowrap;
-    transition: background-color var(--moduix-pagination-transition, var(--moduix-transition-default)),
-      border-color var(--moduix-pagination-transition, var(--moduix-transition-default)),
-      color var(--moduix-pagination-transition, var(--moduix-transition-default)),
-      opacity var(--moduix-pagination-transition, var(--moduix-transition-default));
     font-family: inherit;
     text-decoration: none;
   }
@@ -47,7 +43,7 @@
     }
   }
 
-  :is(.item-TI2iyy, .trigger-Z_SoJt):focus-visible, :is(.item-TI2iyy, .trigger-Z_SoJt)[data-focus] {
+  :is(.item-TI2iyy, .trigger-Z_SoJt):focus-visible {
     outline: var(--moduix-pagination-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-pagination-focus-ring-color, var(--moduix-color-ring));
     outline-offset: var(--moduix-pagination-focus-ring-offset, var(--moduix-focus-ring-inset-offset));

package/dist/components/password-input/PasswordInput.js

@@ -4,13 +4,12 @@ import { PasswordInput, usePasswordInput, usePasswordInputContext } from "@ark-u
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { EyeClosedIcon, EyeIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import PasswordInput_module from "./PasswordInput.module.js";
 const PasswordInput_PasswordInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PasswordInput.Root, {
         ref: ref,
         "data-slot": "password-input-root",
-        className: clsx(PasswordInput_module.root, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.root, className),
         ...props
     });
 });
@@ -18,7 +17,7 @@ const PasswordInput_PasswordInputRootProvider = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(PasswordInput.RootProvider, {
         ref: ref,
         "data-slot": "password-input-root-provider",
-        className: clsx(PasswordInput_module.root, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.root, className),
         ...props
     });
 });
@@ -26,7 +25,7 @@ const PasswordInput_PasswordInputLabel = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(PasswordInput.Label, {
         ref: ref,
         "data-slot": "password-input-label",
-        className: clsx(PasswordInput_module.label, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.label, className),
         ...props
     });
 });
@@ -34,7 +33,7 @@ const PasswordInput_PasswordInputControl = /*#__PURE__*/ forwardRef(function({ c
     return /*#__PURE__*/ jsx(PasswordInput.Control, {
         ref: ref,
         "data-slot": "password-input-control",
-        className: clsx(PasswordInput_module.control, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.control, className),
         ...props
     });
 });
@@ -42,7 +41,7 @@ const PasswordInput_PasswordInputInput = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(PasswordInput.Input, {
         ref: ref,
         "data-slot": "password-input-input",
-        className: clsx(PasswordInput_module.input, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.input, className),
         ...props
     });
 });
@@ -50,7 +49,7 @@ const PasswordInput_PasswordInputVisibilityTrigger = /*#__PURE__*/ forwardRef(fu
     return /*#__PURE__*/ jsx(PasswordInput.VisibilityTrigger, {
         ref: ref,
         "data-slot": "password-input-visibility-trigger",
-        className: clsx(PasswordInput_module.visibilityTrigger, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.visibilityTrigger, className),
         ...props
     });
 });
@@ -58,7 +57,7 @@ const PasswordInput_PasswordInputIndicator = /*#__PURE__*/ forwardRef(function({
     return /*#__PURE__*/ jsx(PasswordInput.Indicator, {
         ref: ref,
         "data-slot": "password-input-indicator",
-        className: clsx(PasswordInput_module.indicator, normalizeClassName(className)),
+        className: clsx(PasswordInput_module.indicator, className),
         fallback: fallback ?? /*#__PURE__*/ jsx(EyeClosedIcon, {}),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(EyeIcon, {})

package/dist/components/pin-input/PinInput.d.ts

@@ -1,5 +1,5 @@
 import { PinInput as PinInputPrimitive, usePinInputContext, type UsePinInputProps } from '@ark-ui/react/pin-input';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 declare function PinInputInputs({ className }: {
     className?: string;
 }): import("react").JSX.Element[];
@@ -8,7 +8,8 @@ declare function usePinInput(props?: UsePinInputProps): import("@ark-ui/react/pi
 declare const PinInput: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Context: (props: PinInputPrimitive.ContextProps) => ReactNode;
+    Context: (props: PinInputPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<PinInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Control: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Input: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/pin-input/PinInput.js

@@ -1,38 +1,33 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { PinInput, usePinInput, usePinInputContext } from "@ark-ui/react/pin-input";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef, useEffect, useRef } from "react";
+import { forwardRef } from "react";
 import { SeparatorMarkIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import PinInput_module from "./PinInput.module.js";
-const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, count, placeholder = '', ...props }, ref) {
+const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ className, count, placeholder = '', ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "pin-input-root",
-        className: clsx(PinInput_module.root, normalizeClassName(className)),
+        className: clsx(PinInput_module.root, className),
         count: count,
         placeholder: placeholder,
-        ...props,
-        children: withHiddenInput(children, asChild)
+        ...props
     });
 });
-const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "pin-input-root-provider",
-        className: clsx(PinInput_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(PinInput_module.root, className),
+        ...props
     });
 });
 const PinInput_PinInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(PinInput.Label, {
         ref: ref,
         "data-slot": "pin-input-label",
-        className: clsx(PinInput_module.label, normalizeClassName(className)),
+        className: clsx(PinInput_module.label, className),
         ...props
     });
 });
@@ -40,7 +35,7 @@ const PinInput_PinInputControl = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(PinInput.Control, {
         ref: ref,
         "data-slot": "pin-input-control",
-        className: clsx(PinInput_module.control, normalizeClassName(className)),
+        className: clsx(PinInput_module.control, className),
         ...props
     });
 });
@@ -48,7 +43,7 @@ const PinInput_PinInputInput = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(PinInput.Input, {
         ref: ref,
         "data-slot": "pin-input-input",
-        className: clsx(PinInput_module.input, normalizeClassName(className)),
+        className: clsx(PinInput_module.input, className),
         ...props
     });
 });
@@ -59,49 +54,12 @@ function PinInputInputs({ className }) {
             className: className
         }, index));
 }
-function withHiddenInput(children, asChild) {
-    const formControls = /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(PinInputFormReset, {}),
-            /*#__PURE__*/ jsx(PinInput.HiddenInput, {
-                "data-slot": "pin-input-hidden-input"
-            })
-        ]
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            formControls
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, formControls);
-}
-function PinInputFormReset() {
-    const pinInput = usePinInputContext();
-    const defaultValue = useRef(pinInput.value);
-    useEffect(()=>{
-        const hiddenInputId = pinInput.getHiddenInputProps().id;
-        if (!hiddenInputId) return;
-        const hiddenInput = document.getElementById(hiddenInputId);
-        const form = hiddenInput?.form;
-        if (!form) return;
-        const handleReset = ()=>{
-            queueMicrotask(()=>pinInput.setValue(defaultValue.current));
-        };
-        form.addEventListener('reset', handleReset);
-        return ()=>form.removeEventListener('reset', handleReset);
-    }, [
-        pinInput
-    ]);
-    return null;
-}
 function PinInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', children, ...props }) {
     return /*#__PURE__*/ jsx("span", {
         "data-slot": "pin-input-separator",
         "aria-hidden": ariaHidden,
         role: role,
-        className: clsx(PinInput_module.separator, normalizeClassName(className)),
+        className: clsx(PinInput_module.separator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(SeparatorMarkIcon, {})
     });
@@ -116,6 +74,7 @@ const PinInput_PinInput = Object.assign(PinInput_PinInputRoot, {
     Root: PinInput_PinInputRoot,
     RootProvider: PinInput_PinInputRootProvider,
     Context: PinInput.Context,
+    HiddenInput: PinInput.HiddenInput,
     Label: PinInput_PinInputLabel,
     Control: PinInput_PinInputControl,
     Input: PinInput_PinInputInput,

package/dist/components/popover/Popover.d.ts

@@ -1,10 +1,12 @@
 import { Popover as PopoverPrimitive, usePopover, usePopoverContext } from '@ark-ui/react/popover';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type PopoverRootProps = ComponentProps<typeof PopoverPrimitive.Root> & OverlayPortalProps;
-type PopoverRootProviderProps = ComponentProps<typeof PopoverPrimitive.RootProvider> & OverlayPortalProps;
+type PopoverRootProviderProps = ComponentProps<typeof PopoverPrimitive.RootProvider> & {
+    portalRef?: OverlayPortalProps['portalRef'];
+};
 declare function PopoverRoot({ lazyMount, modal, portalled, portalRef, unmountOnExit, ...props }: PopoverRootProps): import("react").JSX.Element;
-declare function PopoverRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, value, ...props }: PopoverRootProviderProps): import("react").JSX.Element;
+declare function PopoverRootProvider({ lazyMount, portalRef, unmountOnExit, value, ...props }: PopoverRootProviderProps): import("react").JSX.Element;
 declare const Popover: typeof PopoverRoot & {
     Root: typeof PopoverRoot;
     RootProvider: typeof PopoverRootProvider;

package/dist/components/popover/Popover.js

@@ -4,7 +4,6 @@ import { ark } from "@ark-ui/react/factory";
 import { Popover, usePopover, usePopoverContext } from "@ark-ui/react/popover";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import Popover_module from "./Popover.module.js";
@@ -23,9 +22,9 @@ function PopoverRoot({ lazyMount = true, modal, portalled, portalRef, unmountOnE
         })
     });
 }
-function PopoverRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, value, ...props }) {
+function PopoverRootProvider({ lazyMount = true, portalRef, unmountOnExit = true, value, ...props }) {
     return /*#__PURE__*/ jsx(OverlayPortalProvider, {
-        portalled: portalled ?? value.portalled,
+        portalled: value.portalled,
         portalRef: portalRef,
         children: /*#__PURE__*/ jsx(Popover.RootProvider, {
             value: value,
@@ -39,7 +38,7 @@ const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Popover.Anchor, {
         ref: ref,
         "data-slot": "popover-anchor",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -48,7 +47,7 @@ const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, clas
         ref: ref,
         "data-slot": "popover-trigger",
         asChild: asChild,
-        className: clsx(!asChild && Popover_module.trigger, normalizeClassName(className)),
+        className: clsx(!asChild && Popover_module.trigger, className),
         ...props
     });
 });
@@ -56,7 +55,7 @@ const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Popover.Indicator, {
         ref: ref,
         "data-slot": "popover-indicator",
-        className: normalizeClassName(className),
+        className: className,
         ...props
     });
 });
@@ -65,7 +64,7 @@ const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className,
         children: /*#__PURE__*/ jsx(Popover.Positioner, {
             ref: ref,
             "data-slot": "popover-positioner",
-            className: clsx(Popover_module.positioner, normalizeClassName(className)),
+            className: clsx(Popover_module.positioner, className),
             ...props
         })
     });
@@ -74,7 +73,7 @@ const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Popover.Content, {
         ref: ref,
         "data-slot": "popover-content",
-        className: clsx(Popover_module.content, normalizeClassName(className)),
+        className: clsx(Popover_module.content, className),
         ...props
     });
 });
@@ -82,7 +81,7 @@ const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, chil
     return /*#__PURE__*/ jsx(Popover.Arrow, {
         ref: ref,
         "data-slot": "popover-arrow",
-        className: clsx(Popover_module.arrow, normalizeClassName(className)),
+        className: clsx(Popover_module.arrow, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
     });
@@ -91,7 +90,7 @@ const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(Popover.ArrowTip, {
         ref: ref,
         "data-slot": "popover-arrow-tip",
-        className: clsx(Popover_module.arrowTip, normalizeClassName(className)),
+        className: clsx(Popover_module.arrowTip, className),
         ...props
     });
 });
@@ -99,7 +98,7 @@ const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Popover.Title, {
         ref: ref,
         "data-slot": "popover-title",
-        className: clsx(Popover_module.title, normalizeClassName(className)),
+        className: clsx(Popover_module.title, className),
         ...props
     });
 });
@@ -107,7 +106,7 @@ const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Popover.Description, {
         ref: ref,
         "data-slot": "popover-description",
-        className: clsx(Popover_module.description, normalizeClassName(className)),
+        className: clsx(Popover_module.description, className),
         ...props
     });
 });
@@ -116,7 +115,7 @@ const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild,
         ref: ref,
         "data-slot": "popover-close-trigger",
         asChild: asChild,
-        className: clsx(!asChild && Popover_module.closeTrigger, normalizeClassName(className)),
+        className: clsx(!asChild && Popover_module.closeTrigger, className),
         ...props
     });
 });
@@ -128,7 +127,7 @@ const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className,
             ref: ref,
             "data-slot": "popover-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Popover_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Popover_module.closeIcon, className),
             children: children
         })
     });
@@ -137,7 +136,7 @@ const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "popover-header",
-        className: clsx(Popover_module.header, normalizeClassName(className)),
+        className: clsx(Popover_module.header, className),
         ...props
     });
 });
@@ -145,7 +144,7 @@ const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "popover-body",
-        className: clsx(Popover_module.body, normalizeClassName(className)),
+        className: clsx(Popover_module.body, className),
         ...props
     });
 });
@@ -153,7 +152,7 @@ const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
         "data-slot": "popover-footer",
-        className: clsx(Popover_module.footer, normalizeClassName(className)),
+        className: clsx(Popover_module.footer, className),
         ...props
     });
 });

package/dist/components/progress-circular/ProgressCircular.js

@@ -2,13 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress, useProgress, useProgressContext } from "@ark-ui/react/progress";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import ProgressCircular_module from "./ProgressCircular.module.js";
 const ProgressCircular_ProgressCircularRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Progress.Root, {
         ref: ref,
         "data-slot": "progress-circular-root",
-        className: clsx(ProgressCircular_module.root, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.root, className),
         ...props
     });
 });
@@ -16,7 +15,7 @@ const ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(f
     return /*#__PURE__*/ jsx(Progress.RootProvider, {
         ref: ref,
         "data-slot": "progress-circular-root-provider",
-        className: clsx(ProgressCircular_module.root, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.root, className),
         ...props
     });
 });
@@ -24,7 +23,7 @@ const ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function
     return /*#__PURE__*/ jsx(Progress.Label, {
         ref: ref,
         "data-slot": "progress-circular-label",
-        className: clsx(ProgressCircular_module.label, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.label, className),
         ...props
     });
 });
@@ -32,7 +31,7 @@ const ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(func
     return /*#__PURE__*/ jsx(Progress.ValueText, {
         ref: ref,
         "data-slot": "progress-circular-value-text",
-        className: clsx(ProgressCircular_module.valueText, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.valueText, className),
         ...props
     });
 });
@@ -40,7 +39,7 @@ const ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(functio
     return /*#__PURE__*/ jsx(Progress.Circle, {
         ref: ref,
         "data-slot": "progress-circular-circle",
-        className: clsx(ProgressCircular_module.circle, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.circle, className),
         ...props
     });
 });
@@ -48,7 +47,7 @@ const ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(fu
     return /*#__PURE__*/ jsx(Progress.CircleTrack, {
         ref: ref,
         "data-slot": "progress-circular-circle-track",
-        className: clsx(ProgressCircular_module.circleTrack, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.circleTrack, className),
         ...props
     });
 });
@@ -56,7 +55,7 @@ const ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(fu
     return /*#__PURE__*/ jsx(Progress.CircleRange, {
         ref: ref,
         "data-slot": "progress-circular-circle-range",
-        className: clsx(ProgressCircular_module.circleRange, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.circleRange, className),
         ...props
     });
 });
@@ -74,7 +73,7 @@ const ProgressCircular_ProgressCircularView = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(Progress.View, {
         ref: ref,
         "data-slot": "progress-circular-view",
-        className: clsx(ProgressCircular_module.view, normalizeClassName(className)),
+        className: clsx(ProgressCircular_module.view, className),
         ...props
     });
 });