@moduix/react 2.5.1 → 2.7.0

package/dist/components/dialog/Dialog.js

@@ -4,7 +4,6 @@ import { Dialog, useDialog, useDialogContext } from "@ark-ui/react/dialog";
 import { ark } from "@ark-ui/react/factory";
 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 Dialog_module from "./Dialog.module.js";
@@ -35,18 +34,18 @@ const Dialog_DialogTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
     return /*#__PURE__*/ jsx(Dialog.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "dialog-trigger",
-        className: clsx(!asChild && Dialog_module.trigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Dialog_module.trigger, className),
+        ...props,
+        "data-slot": "dialog-trigger"
     });
 });
 const Dialog_DialogBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
             ref: ref,
-            "data-slot": "dialog-backdrop",
-            className: clsx(Dialog_module.backdrop, normalizeClassName(className)),
-            ...props
+            className: clsx(Dialog_module.backdrop, className),
+            ...props,
+            "data-slot": "dialog-backdrop"
         })
     });
 });
@@ -54,43 +53,43 @@ const Dialog_DialogPositioner = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Dialog.Positioner, {
             ref: ref,
-            "data-slot": "dialog-positioner",
-            className: clsx(Dialog_module.positioner, normalizeClassName(className)),
-            ...props
+            className: clsx(Dialog_module.positioner, className),
+            ...props,
+            "data-slot": "dialog-positioner"
         })
     });
 });
 const Dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Content, {
         ref: ref,
-        "data-slot": "dialog-content",
-        className: clsx(Dialog_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Dialog_module.content, className),
+        ...props,
+        "data-slot": "dialog-content"
     });
 });
 const Dialog_DialogTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Title, {
         ref: ref,
-        "data-slot": "dialog-title",
-        className: clsx(Dialog_module.title, normalizeClassName(className)),
-        ...props
+        className: clsx(Dialog_module.title, className),
+        ...props,
+        "data-slot": "dialog-title"
     });
 });
 const Dialog_DialogDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.Description, {
         ref: ref,
-        "data-slot": "dialog-description",
-        className: clsx(Dialog_module.description, normalizeClassName(className)),
-        ...props
+        className: clsx(Dialog_module.description, className),
+        ...props,
+        "data-slot": "dialog-description"
     });
 });
 const Dialog_DialogCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Dialog.CloseTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "dialog-close-trigger",
-        className: clsx(!asChild && Dialog_module.closeTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Dialog_module.closeTrigger, className),
+        ...props,
+        "data-slot": "dialog-close-trigger"
     });
 });
 const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -101,7 +100,7 @@ const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
             ref: ref,
             "data-slot": "dialog-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Dialog_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Dialog_module.closeIcon, className),
             children: children
         })
     });
@@ -109,25 +108,25 @@ const Dialog_DialogCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
 const Dialog_DialogHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "dialog-header",
-        className: clsx(Dialog_module.header, normalizeClassName(className)),
-        ...props
+        className: clsx(Dialog_module.header, className),
+        ...props,
+        "data-slot": "dialog-header"
     });
 });
 const Dialog_DialogBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "dialog-body",
-        className: clsx(Dialog_module.body, normalizeClassName(className)),
-        ...props
+        className: clsx(Dialog_module.body, className),
+        ...props,
+        "data-slot": "dialog-body"
     });
 });
 const Dialog_DialogFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "dialog-footer",
-        className: clsx(Dialog_module.footer, normalizeClassName(className)),
-        ...props
+        className: clsx(Dialog_module.footer, className),
+        ...props,
+        "data-slot": "dialog-footer"
     });
 });
 const Dialog_Dialog = Object.assign(DialogRoot, {

package/dist/components/drawer/Drawer.d.ts

@@ -1,12 +1,15 @@
 import { Drawer as DrawerPrimitive, useDrawer, useDrawerContext, useDrawerStackContext } from '@ark-ui/react/drawer';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
-type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps;
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type DrawerVariant = 'island';
+type DrawerRootProps = ComponentProps<typeof DrawerPrimitive.Root> & OverlayPortalProps & {
+    variant?: DrawerVariant;
+};
 type DrawerRootProviderProps = ComponentProps<typeof DrawerPrimitive.RootProvider> & OverlayPortalProps;
 type DrawerContentProps = ComponentProps<typeof DrawerPrimitive.Content> & {
     variant?: 'island';
 };
-declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProps): import("react").JSX.Element;
+declare function DrawerRoot({ lazyMount, portalled, portalRef, unmountOnExit, variant, swipeDirection, snapPoints, defaultSnapPoint, ...props }: DrawerRootProps): import("react").JSX.Element;
 declare function DrawerRootProvider({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: DrawerRootProviderProps): import("react").JSX.Element;
 declare const Drawer: typeof DrawerRoot & {
     Root: typeof DrawerRoot;

package/dist/components/drawer/Drawer.js

@@ -3,20 +3,28 @@ import { jsx } from "react/jsx-runtime";
 import { Drawer, useDrawer, useDrawerContext, useDrawerStackContext } from "@ark-ui/react/drawer";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { createContext, forwardRef, useContext } from "react";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import Drawer_module from "./Drawer.module.js";
 const DEFAULT_CLOSE_BUTTON_LABEL = 'Close drawer';
-function DrawerRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
+const DrawerVariantContext = /*#__PURE__*/ createContext(void 0);
+function DrawerRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, variant, swipeDirection, snapPoints, defaultSnapPoint, ...props }) {
     return /*#__PURE__*/ jsx(OverlayPortalProvider, {
         portalled: portalled,
         portalRef: portalRef,
-        children: /*#__PURE__*/ jsx(Drawer.Root, {
-            lazyMount: lazyMount,
-            unmountOnExit: unmountOnExit,
-            ...props
+        children: /*#__PURE__*/ jsx(DrawerVariantContext.Provider, {
+            value: variant,
+            children: /*#__PURE__*/ jsx(Drawer.Root, {
+                ...props,
+                lazyMount: lazyMount,
+                unmountOnExit: unmountOnExit,
+                swipeDirection: swipeDirection,
+                snapPoints: snapPoints ?? ('island' === variant ? [
+                    1
+                ] : void 0),
+                defaultSnapPoint: void 0 !== defaultSnapPoint ? defaultSnapPoint : 'island' === variant ? 1 : void 0
+            })
         })
     });
 }
@@ -36,18 +44,18 @@ const Drawer_DrawerTrigger = /*#__PURE__*/ forwardRef(function({ asChild, classN
     return /*#__PURE__*/ jsx(Drawer.Trigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "drawer-trigger",
-        className: clsx(!asChild && Drawer_module.trigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Drawer_module.trigger, className),
+        ...props,
+        "data-slot": "drawer-trigger"
     });
 });
 const Drawer_DrawerBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Drawer.Backdrop, {
             ref: ref,
-            "data-slot": "drawer-backdrop",
-            className: clsx(Drawer_module.backdrop, normalizeClassName(className)),
-            ...props
+            className: clsx(Drawer_module.backdrop, className),
+            ...props,
+            "data-slot": "drawer-backdrop"
         })
     });
 });
@@ -55,60 +63,61 @@ const Drawer_DrawerPositioner = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Drawer.Positioner, {
             ref: ref,
-            "data-slot": "drawer-positioner",
-            className: clsx(Drawer_module.positioner, normalizeClassName(className)),
-            ...props
+            className: clsx(Drawer_module.positioner, className),
+            ...props,
+            "data-slot": "drawer-positioner"
         })
     });
 });
 const Drawer_DrawerContent = /*#__PURE__*/ forwardRef(function({ className, variant, ...props }, ref) {
+    const rootVariant = useContext(DrawerVariantContext);
     return /*#__PURE__*/ jsx(Drawer.Content, {
         ref: ref,
-        "data-slot": "drawer-content",
-        "data-variant": variant,
-        className: clsx(Drawer_module.content, normalizeClassName(className)),
-        ...props
+        "data-variant": variant ?? rootVariant,
+        className: clsx(Drawer_module.content, className),
+        ...props,
+        "data-slot": "drawer-content"
     });
 });
 const Drawer_DrawerGrabber = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Grabber, {
         ref: ref,
-        "data-slot": "drawer-grabber",
-        className: clsx(Drawer_module.grabber, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.grabber, className),
+        ...props,
+        "data-slot": "drawer-grabber"
     });
 });
 const Drawer_DrawerGrabberIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.GrabberIndicator, {
         ref: ref,
-        "data-slot": "drawer-grabber-indicator",
-        className: clsx(Drawer_module.grabberIndicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.grabberIndicator, className),
+        ...props,
+        "data-slot": "drawer-grabber-indicator"
     });
 });
 const Drawer_DrawerTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Title, {
         ref: ref,
-        "data-slot": "drawer-title",
-        className: clsx(Drawer_module.title, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.title, className),
+        ...props,
+        "data-slot": "drawer-title"
     });
 });
 const Drawer_DrawerDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Description, {
         ref: ref,
-        "data-slot": "drawer-description",
-        className: clsx(Drawer_module.description, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.description, className),
+        ...props,
+        "data-slot": "drawer-description"
     });
 });
 const Drawer_DrawerCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.CloseTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "drawer-close-trigger",
-        className: clsx(!asChild && Drawer_module.closeTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Drawer_module.closeTrigger, className),
+        ...props,
+        "data-slot": "drawer-close-trigger"
     });
 });
 const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -119,7 +128,7 @@ const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
             ref: ref,
             "data-slot": "drawer-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Drawer_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Drawer_module.closeIcon, className),
             children: children
         })
     });
@@ -127,49 +136,49 @@ const Drawer_DrawerCloseIcon = /*#__PURE__*/ forwardRef(function({ className, ch
 const Drawer_DrawerSwipeArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.SwipeArea, {
         ref: ref,
-        "data-slot": "drawer-swipe-area",
-        className: clsx(Drawer_module.swipeArea, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.swipeArea, className),
+        ...props,
+        "data-slot": "drawer-swipe-area"
     });
 });
 const Drawer_DrawerIndent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.Indent, {
         ref: ref,
-        "data-slot": "drawer-indent",
-        className: clsx(Drawer_module.indent, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.indent, className),
+        ...props,
+        "data-slot": "drawer-indent"
     });
 });
 const Drawer_DrawerIndentBackground = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Drawer.IndentBackground, {
         ref: ref,
-        "data-slot": "drawer-indent-background",
-        className: clsx(Drawer_module.indentBackground, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.indentBackground, className),
+        ...props,
+        "data-slot": "drawer-indent-background"
     });
 });
 const Drawer_DrawerHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "drawer-header",
-        className: clsx(Drawer_module.header, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.header, className),
+        ...props,
+        "data-slot": "drawer-header"
     });
 });
 const Drawer_DrawerBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "drawer-body",
-        className: clsx(Drawer_module.body, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.body, className),
+        ...props,
+        "data-slot": "drawer-body"
     });
 });
 const Drawer_DrawerFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "drawer-footer",
-        className: clsx(Drawer_module.footer, normalizeClassName(className)),
-        ...props
+        className: clsx(Drawer_module.footer, className),
+        ...props,
+        "data-slot": "drawer-footer"
     });
 });
 const Drawer_Drawer = Object.assign(DrawerRoot, {

package/dist/components/editable/Editable.d.ts

@@ -10,7 +10,7 @@ declare const Editable: import("react").ForwardRefExoticComponent<Omit<EditableP
     EditTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.EditTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     SubmitTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.SubmitTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     CancelTrigger: import("react").ForwardRefExoticComponent<Omit<EditablePrimitive.CancelTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Controls: import("react").ForwardRefExoticComponent<Omit<Omit<EditablePrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "children" | "asChild">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Controls: import("react").ForwardRefExoticComponent<Omit<Omit<EditablePrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Context: (props: EditablePrimitive.ContextProps) => import("react").ReactNode;
 };
 export { Editable, useEditable, useEditableContext };

package/dist/components/editable/Editable.js

@@ -4,89 +4,88 @@ import { Editable, useEditable, useEditableContext } from "@ark-ui/react/editabl
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { CheckIcon, CloseIcon, PencilIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Editable_module from "./Editable.module.js";
 const Editable_EditableRoot = /*#__PURE__*/ forwardRef(function({ activationMode = 'dblclick', className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Root, {
         ref: ref,
-        "data-slot": "editable-root",
         activationMode: activationMode,
-        className: clsx(Editable_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.root, className),
+        ...props,
+        "data-slot": "editable-root"
     });
 });
 const Editable_EditableRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.RootProvider, {
         ref: ref,
-        "data-slot": "editable-root-provider",
-        className: clsx(Editable_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.root, className),
+        ...props,
+        "data-slot": "editable-root-provider"
     });
 });
 const Editable_EditableLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Label, {
         ref: ref,
-        "data-slot": "editable-label",
-        className: clsx(Editable_module.label, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.label, className),
+        ...props,
+        "data-slot": "editable-label"
     });
 });
 const Editable_EditableArea = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Area, {
         ref: ref,
-        "data-slot": "editable-area",
-        className: clsx(Editable_module.area, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.area, className),
+        ...props,
+        "data-slot": "editable-area"
     });
 });
 const Editable_EditableInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Input, {
         ref: ref,
-        "data-slot": "editable-input",
-        className: clsx(Editable_module.input, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.input, className),
+        ...props,
+        "data-slot": "editable-input"
     });
 });
 const Editable_EditablePreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Preview, {
         ref: ref,
-        "data-slot": "editable-preview",
-        className: clsx(Editable_module.preview, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.preview, className),
+        ...props,
+        "data-slot": "editable-preview"
     });
 });
 const Editable_EditableControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.Control, {
         ref: ref,
-        "data-slot": "editable-control",
-        className: clsx(Editable_module.control, normalizeClassName(className)),
-        ...props
+        className: clsx(Editable_module.control, className),
+        ...props,
+        "data-slot": "editable-control"
     });
 });
 const Editable_EditableEditTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.EditTrigger, {
         ref: ref,
-        "data-slot": "editable-edit-trigger",
-        className: clsx(Editable_module.trigger, normalizeClassName(className)),
+        className: clsx(Editable_module.trigger, className),
         ...props,
+        "data-slot": "editable-edit-trigger",
         children: children ?? /*#__PURE__*/ jsx(PencilIcon, {})
     });
 });
 const Editable_EditableSubmitTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.SubmitTrigger, {
         ref: ref,
-        "data-slot": "editable-submit-trigger",
-        className: clsx(Editable_module.trigger, normalizeClassName(className)),
+        className: clsx(Editable_module.trigger, className),
         ...props,
+        "data-slot": "editable-submit-trigger",
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
 });
 const Editable_EditableCancelTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Editable.CancelTrigger, {
         ref: ref,
-        "data-slot": "editable-cancel-trigger",
-        className: clsx(Editable_module.trigger, normalizeClassName(className)),
+        className: clsx(Editable_module.trigger, className),
         ...props,
+        "data-slot": "editable-cancel-trigger",
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });
 });

package/dist/components/empty/Empty.js

@@ -2,66 +2,65 @@ 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 Empty_module from "./Empty.module.js";
 const Empty_EmptyRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "root",
-        "data-slot": "empty-root",
-        className: clsx(Empty_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Empty_module.root, className),
+        "data-slot": "empty-root"
     });
 });
 const Empty_EmptyIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "icon",
-        "data-slot": "empty-icon",
-        className: clsx(Empty_module.icon, normalizeClassName(className)),
-        ...props
+        className: clsx(Empty_module.icon, className),
+        "data-slot": "empty-icon"
     });
 });
 const Empty_EmptyContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "content",
-        "data-slot": "empty-content",
-        className: clsx(Empty_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Empty_module.content, className),
+        "data-slot": "empty-content"
     });
 });
 const Empty_EmptyTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.h3, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "title",
-        "data-slot": "empty-title",
-        className: clsx(Empty_module.title, normalizeClassName(className)),
-        ...props
+        className: clsx(Empty_module.title, className),
+        "data-slot": "empty-title"
     });
 });
 const Empty_EmptyDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "description",
-        "data-slot": "empty-description",
-        className: clsx(Empty_module.description, normalizeClassName(className)),
-        ...props
+        className: clsx(Empty_module.description, className),
+        "data-slot": "empty-description"
     });
 });
 const Empty_EmptyActions = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
+        ...props,
         "data-scope": "empty",
         "data-part": "actions",
-        "data-slot": "empty-actions",
-        className: clsx(Empty_module.actions, normalizeClassName(className)),
-        ...props
+        className: clsx(Empty_module.actions, className),
+        "data-slot": "empty-actions"
     });
 });
 const Empty = Object.assign(Empty_EmptyRoot, {