@moduix/react 2.5.1 → 2.6.0

package/dist/components/editable/Editable.js

@@ -4,14 +4,13 @@ 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)),
+        className: clsx(Editable_module.root, className),
         ...props
     });
 });
@@ -19,7 +18,7 @@ const Editable_EditableRootProvider = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Editable.RootProvider, {
         ref: ref,
         "data-slot": "editable-root-provider",
-        className: clsx(Editable_module.root, normalizeClassName(className)),
+        className: clsx(Editable_module.root, className),
         ...props
     });
 });
@@ -27,7 +26,7 @@ const Editable_EditableLabel = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Editable.Label, {
         ref: ref,
         "data-slot": "editable-label",
-        className: clsx(Editable_module.label, normalizeClassName(className)),
+        className: clsx(Editable_module.label, className),
         ...props
     });
 });
@@ -35,7 +34,7 @@ const Editable_EditableArea = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Editable.Area, {
         ref: ref,
         "data-slot": "editable-area",
-        className: clsx(Editable_module.area, normalizeClassName(className)),
+        className: clsx(Editable_module.area, className),
         ...props
     });
 });
@@ -43,7 +42,7 @@ const Editable_EditableInput = /*#__PURE__*/ forwardRef(function({ className, ..
     return /*#__PURE__*/ jsx(Editable.Input, {
         ref: ref,
         "data-slot": "editable-input",
-        className: clsx(Editable_module.input, normalizeClassName(className)),
+        className: clsx(Editable_module.input, className),
         ...props
     });
 });
@@ -51,7 +50,7 @@ const Editable_EditablePreview = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Editable.Preview, {
         ref: ref,
         "data-slot": "editable-preview",
-        className: clsx(Editable_module.preview, normalizeClassName(className)),
+        className: clsx(Editable_module.preview, className),
         ...props
     });
 });
@@ -59,7 +58,7 @@ const Editable_EditableControl = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(Editable.Control, {
         ref: ref,
         "data-slot": "editable-control",
-        className: clsx(Editable_module.control, normalizeClassName(className)),
+        className: clsx(Editable_module.control, className),
         ...props
     });
 });
@@ -67,7 +66,7 @@ const Editable_EditableEditTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     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,
         children: children ?? /*#__PURE__*/ jsx(PencilIcon, {})
     });
@@ -76,7 +75,7 @@ const Editable_EditableSubmitTrigger = /*#__PURE__*/ forwardRef(function({ class
     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,
         children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
     });
@@ -85,7 +84,7 @@ const Editable_EditableCancelTrigger = /*#__PURE__*/ forwardRef(function({ class
     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,
         children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
     });

package/dist/components/empty/Empty.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 Empty_module from "./Empty.module.js";
 const Empty_EmptyRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
@@ -10,7 +9,7 @@ const Empty_EmptyRoot = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "empty",
         "data-part": "root",
         "data-slot": "empty-root",
-        className: clsx(Empty_module.root, normalizeClassName(className)),
+        className: clsx(Empty_module.root, className),
         ...props
     });
 });
@@ -20,7 +19,7 @@ const Empty_EmptyIcon = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "empty",
         "data-part": "icon",
         "data-slot": "empty-icon",
-        className: clsx(Empty_module.icon, normalizeClassName(className)),
+        className: clsx(Empty_module.icon, className),
         ...props
     });
 });
@@ -30,7 +29,7 @@ const Empty_EmptyContent = /*#__PURE__*/ forwardRef(function({ className, ...pro
         "data-scope": "empty",
         "data-part": "content",
         "data-slot": "empty-content",
-        className: clsx(Empty_module.content, normalizeClassName(className)),
+        className: clsx(Empty_module.content, className),
         ...props
     });
 });
@@ -40,7 +39,7 @@ const Empty_EmptyTitle = /*#__PURE__*/ forwardRef(function({ className, ...props
         "data-scope": "empty",
         "data-part": "title",
         "data-slot": "empty-title",
-        className: clsx(Empty_module.title, normalizeClassName(className)),
+        className: clsx(Empty_module.title, className),
         ...props
     });
 });
@@ -50,7 +49,7 @@ const Empty_EmptyDescription = /*#__PURE__*/ forwardRef(function({ className, ..
         "data-scope": "empty",
         "data-part": "description",
         "data-slot": "empty-description",
-        className: clsx(Empty_module.description, normalizeClassName(className)),
+        className: clsx(Empty_module.description, className),
         ...props
     });
 });
@@ -60,7 +59,7 @@ const Empty_EmptyActions = /*#__PURE__*/ forwardRef(function({ className, ...pro
         "data-scope": "empty",
         "data-part": "actions",
         "data-slot": "empty-actions",
-        className: clsx(Empty_module.actions, normalizeClassName(className)),
+        className: clsx(Empty_module.actions, className),
         ...props
     });
 });

package/dist/components/field/Field.js

@@ -3,13 +3,12 @@ import { jsx } from "react/jsx-runtime";
 import { Field, useField, useFieldContext } from "@ark-ui/react/field";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Field_module from "./Field.module.js";
 const Field_FieldRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Field.Root, {
         ref: ref,
         "data-slot": "field-root",
-        className: clsx(Field_module.root, normalizeClassName(className)),
+        className: clsx(Field_module.root, className),
         ...props
     });
 });
@@ -17,7 +16,7 @@ const Field_FieldRootProvider = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(Field.RootProvider, {
         ref: ref,
         "data-slot": "field-root-provider",
-        className: clsx(Field_module.root, normalizeClassName(className)),
+        className: clsx(Field_module.root, className),
         ...props
     });
 });
@@ -27,7 +26,7 @@ const Field_FieldItem = /*#__PURE__*/ forwardRef(function({ className, children,
         children: /*#__PURE__*/ jsx("div", {
             ref: ref,
             "data-slot": "field-item",
-            className: clsx(Field_module.item, normalizeClassName(className)),
+            className: clsx(Field_module.item, className),
             ...props,
             children: children
         })
@@ -37,7 +36,7 @@ const Field_FieldLabel = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Field.Label, {
         ref: ref,
         "data-slot": "field-label",
-        className: clsx(Field_module.label, normalizeClassName(className)),
+        className: clsx(Field_module.label, className),
         ...props
     });
 });
@@ -45,7 +44,7 @@ const Field_FieldInput = /*#__PURE__*/ forwardRef(function({ className, ...props
     return /*#__PURE__*/ jsx(Field.Input, {
         ref: ref,
         "data-slot": "field-input",
-        className: clsx(Field_module.control, normalizeClassName(className)),
+        className: clsx(Field_module.control, className),
         ...props
     });
 });
@@ -53,7 +52,7 @@ const Field_FieldTextarea = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(Field.Textarea, {
         ref: ref,
         "data-slot": "field-textarea",
-        className: clsx(Field_module.control, Field_module.textarea, normalizeClassName(className)),
+        className: clsx(Field_module.control, Field_module.textarea, className),
         ...props
     });
 });
@@ -61,7 +60,7 @@ const Field_FieldSelect = /*#__PURE__*/ forwardRef(function({ className, ...prop
     return /*#__PURE__*/ jsx(Field.Select, {
         ref: ref,
         "data-slot": "field-select",
-        className: clsx(Field_module.control, normalizeClassName(className)),
+        className: clsx(Field_module.control, className),
         ...props
     });
 });
@@ -69,7 +68,7 @@ const Field_FieldHelperText = /*#__PURE__*/ forwardRef(function({ className, ...
     return /*#__PURE__*/ jsx(Field.HelperText, {
         ref: ref,
         "data-slot": "field-helper-text",
-        className: clsx(Field_module.helperText, normalizeClassName(className)),
+        className: clsx(Field_module.helperText, className),
         ...props
     });
 });
@@ -77,7 +76,7 @@ const Field_FieldErrorText = /*#__PURE__*/ forwardRef(function({ className, ...p
     return /*#__PURE__*/ jsx(Field.ErrorText, {
         ref: ref,
         "data-slot": "field-error-text",
-        className: clsx(Field_module.errorText, normalizeClassName(className)),
+        className: clsx(Field_module.errorText, className),
         ...props
     });
 });
@@ -85,7 +84,7 @@ const Field_FieldRequiredIndicator = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(Field.RequiredIndicator, {
         ref: ref,
         "data-slot": "field-required-indicator",
-        className: clsx(Field_module.requiredIndicator, normalizeClassName(className)),
+        className: clsx(Field_module.requiredIndicator, className),
         ...props
     });
 });

package/dist/components/fieldset/Fieldset.js

@@ -3,13 +3,12 @@ import { jsx } from "react/jsx-runtime";
 import { Fieldset, useFieldset, useFieldsetContext } from "@ark-ui/react/fieldset";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Fieldset_module from "./Fieldset.module.js";
 const Fieldset_FieldsetRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Fieldset.Root, {
         ref: ref,
         "data-slot": "fieldset-root",
-        className: clsx(Fieldset_module.root, normalizeClassName(className)),
+        className: clsx(Fieldset_module.root, className),
         ...props
     });
 });
@@ -17,7 +16,7 @@ const Fieldset_FieldsetRootProvider = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(Fieldset.RootProvider, {
         ref: ref,
         "data-slot": "fieldset-root-provider",
-        className: clsx(Fieldset_module.root, normalizeClassName(className)),
+        className: clsx(Fieldset_module.root, className),
         ...props
     });
 });
@@ -25,7 +24,7 @@ const Fieldset_FieldsetLegend = /*#__PURE__*/ forwardRef(function({ className, .
     return /*#__PURE__*/ jsx(Fieldset.Legend, {
         ref: ref,
         "data-slot": "fieldset-legend",
-        className: clsx(Fieldset_module.legend, normalizeClassName(className)),
+        className: clsx(Fieldset_module.legend, className),
         ...props
     });
 });
@@ -33,7 +32,7 @@ const Fieldset_FieldsetHelperText = /*#__PURE__*/ forwardRef(function({ classNam
     return /*#__PURE__*/ jsx(Fieldset.HelperText, {
         ref: ref,
         "data-slot": "fieldset-helper-text",
-        className: clsx(Fieldset_module.helperText, normalizeClassName(className)),
+        className: clsx(Fieldset_module.helperText, className),
         ...props
     });
 });
@@ -41,7 +40,7 @@ const Fieldset_FieldsetErrorText = /*#__PURE__*/ forwardRef(function({ className
     return /*#__PURE__*/ jsx(Fieldset.ErrorText, {
         ref: ref,
         "data-slot": "fieldset-error-text",
-        className: clsx(Fieldset_module.errorText, normalizeClassName(className)),
+        className: clsx(Fieldset_module.errorText, className),
         ...props
     });
 });

package/dist/components/file-upload/FileUpload.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLArkProps } from '@ark-ui/react/factory';
 import { FileUpload as FileUploadPrimitive, useFileUpload, useFileUploadContext } from '@ark-ui/react/file-upload';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps } from 'react';
 declare function FileUploadDropzoneIcon({ className, children, ...props }: HTMLArkProps<'span'>): import("react").JSX.Element;
 declare function FileUploadItemPreviewIcon({ className, ...props }: ComponentProps<'svg'>): import("react").JSX.Element;
 declare function FileUploadItemMetadata({ file, className, ...props }: HTMLArkProps<'div'> & {
@@ -10,7 +10,8 @@ declare function FileUploadItems(): import("react").JSX.Element[];
 declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Root: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RootProvider: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Context: (props: FileUploadPrimitive.ContextProps) => ReactNode;
+    Context: (props: FileUploadPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<FileUploadPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Label: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
     Dropzone: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.DropzoneProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     DropzoneIcon: typeof FileUploadDropzoneIcon;

package/dist/components/file-upload/FileUpload.js

@@ -1,38 +1,33 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
 import { clsx } from "clsx";
-import { Children, cloneElement, forwardRef } from "react";
+import { forwardRef } from "react";
 import { CloseIcon, FileIcon, TrashIcon, UploadIcon } from "../../internal/icons/ui/index.js";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { CloseButton } from "../close-button/index.js";
 import FileUpload_module from "./FileUpload.module.js";
-const FileUpload_FileUploadRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const FileUpload_FileUploadRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.Root, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "file-upload-root",
-        className: clsx(FileUpload_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(FileUpload_module.root, className),
+        ...props
     });
 });
-const FileUpload_FileUploadRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+const FileUpload_FileUploadRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.RootProvider, {
         ref: ref,
-        asChild: asChild,
         "data-slot": "file-upload-root-provider",
-        className: clsx(FileUpload_module.root, normalizeClassName(className)),
-        ...props,
-        children: withHiddenInput(children, asChild)
+        className: clsx(FileUpload_module.root, className),
+        ...props
     });
 });
 const FileUpload_FileUploadLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.Label, {
         ref: ref,
         "data-slot": "file-upload-label",
-        className: clsx(FileUpload_module.label, normalizeClassName(className)),
+        className: clsx(FileUpload_module.label, className),
         ...props
     });
 });
@@ -40,7 +35,7 @@ const FileUpload_FileUploadDropzone = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(FileUpload.Dropzone, {
         ref: ref,
         "data-slot": "file-upload-dropzone",
-        className: clsx(FileUpload_module.dropzone, normalizeClassName(className)),
+        className: clsx(FileUpload_module.dropzone, className),
         ...props
     });
 });
@@ -48,7 +43,7 @@ function FileUploadDropzoneIcon({ className, children, ...props }) {
     return /*#__PURE__*/ jsx(ark.span, {
         "aria-hidden": "true",
         "data-slot": "file-upload-dropzone-icon",
-        className: clsx(FileUpload_module.dropzoneIcon, normalizeClassName(className)),
+        className: clsx(FileUpload_module.dropzoneIcon, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(UploadIcon, {})
     });
@@ -57,28 +52,15 @@ const FileUpload_FileUploadTrigger = /*#__PURE__*/ forwardRef(function({ classNa
     return /*#__PURE__*/ jsx(FileUpload.Trigger, {
         ref: ref,
         "data-slot": "file-upload-trigger",
-        className: clsx(FileUpload_module.trigger, normalizeClassName(className)),
+        className: clsx(FileUpload_module.trigger, className),
         ...props
     });
 });
-function withHiddenInput(children, asChild) {
-    const hiddenInput = /*#__PURE__*/ jsx(FileUpload.HiddenInput, {
-        "data-slot": "file-upload-hidden-input"
-    });
-    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            children,
-            hiddenInput
-        ]
-    });
-    const child = Children.only(children);
-    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
-}
 const FileUpload_FileUploadItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(FileUpload.ItemGroup, {
         ref: ref,
         "data-slot": "file-upload-item-group",
-        className: clsx(FileUpload_module.itemGroup, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemGroup, className),
         ...props
     });
 });
@@ -86,7 +68,7 @@ const FileUpload_FileUploadItem = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(FileUpload.Item, {
         ref: ref,
         "data-slot": "file-upload-item",
-        className: clsx(FileUpload_module.item, normalizeClassName(className)),
+        className: clsx(FileUpload_module.item, className),
         ...props
     });
 });
@@ -94,7 +76,7 @@ const FileUpload_FileUploadItemPreview = /*#__PURE__*/ forwardRef(function({ cla
     return /*#__PURE__*/ jsx(FileUpload.ItemPreview, {
         ref: ref,
         "data-slot": "file-upload-item-preview",
-        className: clsx(FileUpload_module.itemPreview, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemPreview, className),
         ...props
     });
 });
@@ -102,14 +84,14 @@ const FileUpload_FileUploadItemPreviewImage = /*#__PURE__*/ forwardRef(function(
     return /*#__PURE__*/ jsx(FileUpload.ItemPreviewImage, {
         ref: ref,
         "data-slot": "file-upload-item-preview-image",
-        className: clsx(FileUpload_module.itemPreviewImage, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemPreviewImage, className),
         ...props
     });
 });
 function FileUploadItemPreviewIcon({ className, ...props }) {
     return /*#__PURE__*/ jsx(FileIcon, {
         "data-slot": "file-upload-item-preview-icon",
-        className: clsx(FileUpload_module.itemPreviewIcon, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemPreviewIcon, className),
         ...props
     });
 }
@@ -124,7 +106,7 @@ const FileUpload_FileUploadItemName = /*#__PURE__*/ forwardRef(function({ classN
     return /*#__PURE__*/ jsx(FileUpload.ItemName, {
         ref: ref,
         "data-slot": "file-upload-item-name",
-        className: clsx(FileUpload_module.itemName, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemName, className),
         ...props
     });
 });
@@ -132,14 +114,14 @@ const FileUpload_FileUploadItemSizeText = /*#__PURE__*/ forwardRef(function({ cl
     return /*#__PURE__*/ jsx(FileUpload.ItemSizeText, {
         ref: ref,
         "data-slot": "file-upload-item-size-text",
-        className: clsx(FileUpload_module.itemSizeText, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemSizeText, className),
         ...props
     });
 });
 function FileUploadItemMetadata({ file, className, ...props }) {
     return /*#__PURE__*/ jsxs(ark.div, {
         "data-slot": "file-upload-item-metadata",
-        className: clsx(FileUpload_module.itemMetadata, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemMetadata, className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(ark.span, {
@@ -153,7 +135,7 @@ const FileUpload_FileUploadItemDeleteTrigger = /*#__PURE__*/ forwardRef(function
     return /*#__PURE__*/ jsx(FileUpload.ItemDeleteTrigger, {
         ref: ref,
         "data-slot": "file-upload-item-delete-trigger",
-        className: clsx(FileUpload_module.itemDeleteTrigger, normalizeClassName(className)),
+        className: clsx(FileUpload_module.itemDeleteTrigger, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(TrashIcon, {})
     });
@@ -163,10 +145,8 @@ function FileUploadItems() {
     return acceptedFiles.map((file)=>/*#__PURE__*/ jsxs(FileUpload_FileUploadItem, {
             file: file,
             children: [
-                isImageFile(file) ? /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
-                    children: /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreviewImage, {})
-                }) : /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
-                    children: /*#__PURE__*/ jsx(FileUploadItemPreviewIcon, {})
+                /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreview, {
+                    children: isImageFile(file) ? /*#__PURE__*/ jsx(FileUpload_FileUploadItemPreviewImage, {}) : /*#__PURE__*/ jsx(FileUploadItemPreviewIcon, {})
                 }),
                 /*#__PURE__*/ jsx(FileUpload_FileUploadItemName, {}),
                 /*#__PURE__*/ jsx(FileUploadItemMetadata, {
@@ -180,24 +160,16 @@ function FileUploadItems() {
 }
 const FileUpload_FileUploadClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
     const clearLabel = ariaLabel ?? (null == ariaLabelledBy ? 'Clear files' : void 0);
-    const triggerClassName = clsx(FileUpload_module.clearTrigger, null != children && FileUpload_module.clearTriggerWithContent, normalizeClassName(className));
-    if (asChild) return /*#__PURE__*/ jsx(FileUpload.ClearTrigger, {
-        ref: ref,
-        asChild: true,
-        "data-slot": "file-upload-clear-trigger",
-        className: triggerClassName,
-        "aria-label": clearLabel,
-        "aria-labelledby": ariaLabelledBy,
-        ...props,
-        children: children
-    });
+    const triggerClassName = clsx(FileUpload_module.clearTrigger, null != children && FileUpload_module.clearTriggerWithContent, className);
     return /*#__PURE__*/ jsx(FileUpload.ClearTrigger, {
         ref: ref,
         asChild: true,
         "data-slot": "file-upload-clear-trigger",
         className: triggerClassName,
+        "aria-label": asChild ? clearLabel : void 0,
+        "aria-labelledby": asChild ? ariaLabelledBy : void 0,
         ...props,
-        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+        children: asChild ? children : /*#__PURE__*/ jsx(CloseButton.Root, {
             "aria-label": clearLabel,
             "aria-labelledby": ariaLabelledBy,
             children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
@@ -208,6 +180,7 @@ const FileUpload_FileUpload = Object.assign(FileUpload_FileUploadRoot, {
     Root: FileUpload_FileUploadRoot,
     RootProvider: FileUpload_FileUploadRootProvider,
     Context: FileUpload.Context,
+    HiddenInput: FileUpload.HiddenInput,
     Label: FileUpload_FileUploadLabel,
     Dropzone: FileUpload_FileUploadDropzone,
     DropzoneIcon: FileUploadDropzoneIcon,

package/dist/components/file-upload/FileUpload_module.css

@@ -241,10 +241,6 @@
     overflow: hidden;
   }
 
-  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemName-LSyV_n {
-    grid-column: 2;
-  }
-
   .itemSizeText-euWMRd {
     color: var(--moduix-file-upload-item-size-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-file-upload-item-size-font-size, var(--moduix-text-xs));
@@ -252,14 +248,6 @@
     grid-column: 1;
   }
 
-  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemSizeText-euWMRd {
-    grid-column: 2;
-  }
-
-  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemMetadata-EmEskK {
-    grid-column: 2;
-  }
-
   .itemDeleteTrigger-DgPANB {
     box-sizing: border-box;
     width: var(--moduix-file-upload-action-size, var(--moduix-size-sm));
@@ -312,6 +300,10 @@
     grid-row: 1 / span 2;
   }
 
+  .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemName-LSyV_n, .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemSizeText-euWMRd, .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemMetadata-EmEskK {
+    grid-column: 2;
+  }
+
   .item-ZdUuIF:has([data-slot="file-upload-item-preview"]) .itemDeleteTrigger-DgPANB {
     grid-column: 3;
   }
@@ -353,7 +345,6 @@
     --moduix-close-button-color: var(--moduix-file-upload-clear-trigger-color, var(--moduix-color-muted-foreground));
     --moduix-close-button-color-hover: var(--moduix-file-upload-action-color-hover, var(--moduix-color-foreground));
     --moduix-close-button-icon-size: var(--moduix-file-upload-action-icon-size, var(--moduix-spacing-4));
-    --moduix-close-button-transition: var(--moduix-file-upload-transition, var(--moduix-transition-default));
     --moduix-close-button-focus-ring-width: var(--moduix-file-upload-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)));
     --moduix-close-button-focus-ring-color: var(--moduix-file-upload-focus-ring-color, var(--moduix-color-ring));
     --moduix-close-button-focus-ring-offset: var(--moduix-file-upload-focus-ring-offset, var(--moduix-border-width-sm));

package/dist/components/floating-panel/FloatingPanel.d.ts

@@ -1,7 +1,7 @@
 import { FloatingPanel as FloatingPanelPrimitive, useFloatingPanel, useFloatingPanelContext, type FloatingPanelResizeTriggerAxis } from '@ark-ui/react/floating-panel';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
-declare const resizeTriggerAxes: ("s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne")[];
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+declare const resizeTriggerAxes: ("e" | "n" | "ne" | "nw" | "s" | "se" | "sw" | "w")[];
 type FloatingPanelRootProps = ComponentProps<typeof FloatingPanelPrimitive.Root> & OverlayPortalProps;
 type FloatingPanelRootProviderProps = ComponentProps<typeof FloatingPanelPrimitive.RootProvider> & OverlayPortalProps;
 declare function FloatingPanelRoot({ closeOnEscape, lazyMount, persistRect, portalled, portalRef, unmountOnExit, ...props }: FloatingPanelRootProps): import("react").JSX.Element;