@moduix/react 2.1.0 → 2.2.4

package/dist/components/fieldset/Fieldset_module.css

@@ -0,0 +1,53 @@
+@layer moduix.components {
+  .root-ODbEDu, .legend-tBpqK_, .helperText-slHAwI, .errorText-OdD9sO {
+    box-sizing: border-box;
+  }
+
+  .root-ODbEDu {
+    gap: var(--moduix-fieldset-gap, var(--moduix-spacing-4));
+    width: var(--moduix-fieldset-width, 100%);
+    max-width: var(--moduix-fieldset-max-width, none);
+    margin: var(--moduix-fieldset-margin, 0);
+    padding: var(--moduix-fieldset-padding, 0);
+    border-width: var(--moduix-fieldset-border-width, 0);
+    border-style: var(--moduix-fieldset-border-style, solid);
+    border-color: var(--moduix-fieldset-border-color, transparent);
+    border-radius: var(--moduix-fieldset-radius, var(--moduix-radius-none));
+    flex-direction: column;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .root-ODbEDu[data-disabled] {
+    opacity: var(--moduix-fieldset-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .root-ODbEDu[data-invalid] {
+    border-color: var(--moduix-fieldset-border-color-invalid, var(--moduix-color-destructive));
+  }
+
+  .legend-tBpqK_ {
+    max-inline-size: 100%;
+    margin: var(--moduix-fieldset-legend-margin, 0);
+    padding: var(--moduix-fieldset-legend-padding, 0 0 var(--moduix-spacing-3));
+    color: var(--moduix-fieldset-legend-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-fieldset-legend-font-size, var(--moduix-text-lg));
+    font-weight: var(--moduix-fieldset-legend-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-fieldset-legend-line-height, var(--moduix-line-height-text-lg));
+    display: inline-block;
+  }
+
+  .helperText-slHAwI, .errorText-OdD9sO {
+    font-size: var(--moduix-fieldset-message-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-fieldset-message-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  .helperText-slHAwI {
+    color: var(--moduix-fieldset-helper-text-color, var(--moduix-color-muted-foreground));
+  }
+
+  .errorText-OdD9sO {
+    color: var(--moduix-fieldset-error-text-color, var(--moduix-color-destructive));
+  }
+}
+

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

@@ -1,2 +1 @@
-import { Fieldset, useFieldset } from "./Fieldset.js";
-export { Fieldset, useFieldset };
+export { Fieldset, useFieldset, useFieldsetContext } from './Fieldset.js';

package/dist/components/fieldset/index.js

@@ -0,0 +1 @@
+export { Fieldset, useFieldset, useFieldsetContext } from "./Fieldset.js";

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

@@ -1,45 +1,30 @@
-import { FileIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { HTMLArkProps } from "@ark-ui/react/factory";
-import { ComponentProps, ReactNode } from "react";
-import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
-
-//#region src/components/file-upload/FileUpload.d.ts
-declare function FileUploadDropzoneIcon({
-  className,
-  children,
-  ...props
-}: HTMLArkProps<'span'>): import("react").JSX.Element;
-declare function FileUploadItemPreviewIcon({
-  className,
-  ...props
-}: ComponentProps<typeof FileIcon>): import("react").JSX.Element;
-declare function FileUploadItemMetadata({
-  file,
-  className,
-  ...props
-}: HTMLArkProps<'div'> & {
-  file: File;
+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';
+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'> & {
+    file: File;
 }): import("react").JSX.Element;
 declare function FileUploadItems(): import("react").JSX.Element[];
-declare const FileUpload$1: import("react").ForwardRefExoticComponent<Omit<FileUpload.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<FileUpload.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<FileUpload.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: FileUpload.ContextProps) => ReactNode;
-  Label: import("react").ForwardRefExoticComponent<Omit<FileUpload.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
-  Dropzone: import("react").ForwardRefExoticComponent<Omit<FileUpload.DropzoneProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  DropzoneIcon: typeof FileUploadDropzoneIcon;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<FileUpload.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  ItemGroup: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemGroupProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-  Items: typeof FileUploadItems;
-  ItemPreview: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemPreviewProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-  ItemPreviewImage: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemPreviewImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-  ItemPreviewIcon: typeof FileUploadItemPreviewIcon;
-  ItemName: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemNameProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemMetadata: typeof FileUploadItemMetadata;
-  ItemSizeText: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemSizeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  ClearTrigger: import("react").ForwardRefExoticComponent<Omit<FileUpload.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+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;
+    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;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ItemGroup: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemGroupProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Items: typeof FileUploadItems;
+    ItemPreview: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemPreviewProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    ItemPreviewImage: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemPreviewImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    ItemPreviewIcon: typeof FileUploadItemPreviewIcon;
+    ItemName: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemNameProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemMetadata: typeof FileUploadItemMetadata;
+    ItemSizeText: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemSizeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<FileUploadPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { FileUpload$1 as FileUpload, useFileUpload, useFileUploadContext };
+export { FileUpload, useFileUpload, useFileUploadContext };

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

@@ -1,207 +1,227 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CloseIcon, FileIcon, TrashIcon, UploadIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import FileUpload_module_default from "./FileUpload.module.js";
+"use client";
+import { Fragment, 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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
-//#region src/components/file-upload/FileUpload.tsx
-const FileUploadRoot = forwardRef(function FileUploadRoot({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.Root, {
-		ref,
-		asChild,
-		"data-slot": "file-upload-root",
-		className: clsx(FileUpload_module_default.root, normalizeClassName(className)),
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+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) {
+    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)
+    });
 });
-const FileUploadRootProvider = forwardRef(function FileUploadRootProvider({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.RootProvider, {
-		ref,
-		asChild,
-		"data-slot": "file-upload-root-provider",
-		className: clsx(FileUpload_module_default.root, normalizeClassName(className)),
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+const FileUpload_FileUploadRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, 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)
+    });
 });
-const FileUploadLabel = forwardRef(function FileUploadLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.Label, {
-		ref,
-		"data-slot": "file-upload-label",
-		className: clsx(FileUpload_module_default.label, normalizeClassName(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)),
+        ...props
+    });
 });
-const FileUploadDropzone = forwardRef(function FileUploadDropzone({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.Dropzone, {
-		ref,
-		"data-slot": "file-upload-dropzone",
-		className: clsx(FileUpload_module_default.dropzone, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadDropzone = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Dropzone, {
+        ref: ref,
+        "data-slot": "file-upload-dropzone",
+        className: clsx(FileUpload_module.dropzone, normalizeClassName(className)),
+        ...props
+    });
 });
 function FileUploadDropzoneIcon({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		"aria-hidden": "true",
-		"data-slot": "file-upload-dropzone-icon",
-		className: clsx(FileUpload_module_default.dropzoneIcon, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(UploadIcon, {})
-	});
+    return /*#__PURE__*/ jsx(ark.span, {
+        "aria-hidden": "true",
+        "data-slot": "file-upload-dropzone-icon",
+        className: clsx(FileUpload_module.dropzoneIcon, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(UploadIcon, {})
+    });
 }
-const FileUploadTrigger = forwardRef(function FileUploadTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.Trigger, {
-		ref,
-		"data-slot": "file-upload-trigger",
-		className: clsx(FileUpload_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Trigger, {
+        ref: ref,
+        "data-slot": "file-upload-trigger",
+        className: clsx(FileUpload_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
 function withHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(FileUpload.HiddenInput, { "data-slot": "file-upload-hidden-input" });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    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 FileUploadItemGroup = forwardRef(function FileUploadItemGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.ItemGroup, {
-		ref,
-		"data-slot": "file-upload-item-group",
-		className: clsx(FileUpload_module_default.itemGroup, normalizeClassName(className)),
-		...props
-	});
+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)),
+        ...props
+    });
 });
-const FileUploadItem = forwardRef(function FileUploadItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.Item, {
-		ref,
-		"data-slot": "file-upload-item",
-		className: clsx(FileUpload_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.Item, {
+        ref: ref,
+        "data-slot": "file-upload-item",
+        className: clsx(FileUpload_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const FileUploadItemPreview = forwardRef(function FileUploadItemPreview({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.ItemPreview, {
-		ref,
-		"data-slot": "file-upload-item-preview",
-		className: clsx(FileUpload_module_default.itemPreview, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadItemPreview = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemPreview, {
+        ref: ref,
+        "data-slot": "file-upload-item-preview",
+        className: clsx(FileUpload_module.itemPreview, normalizeClassName(className)),
+        ...props
+    });
 });
-const FileUploadItemPreviewImage = forwardRef(function FileUploadItemPreviewImage({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.ItemPreviewImage, {
-		ref,
-		"data-slot": "file-upload-item-preview-image",
-		className: clsx(FileUpload_module_default.itemPreviewImage, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadItemPreviewImage = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemPreviewImage, {
+        ref: ref,
+        "data-slot": "file-upload-item-preview-image",
+        className: clsx(FileUpload_module.itemPreviewImage, normalizeClassName(className)),
+        ...props
+    });
 });
 function FileUploadItemPreviewIcon({ className, ...props }) {
-	return /* @__PURE__ */ jsx(FileIcon, {
-		"data-slot": "file-upload-item-preview-icon",
-		className: clsx(FileUpload_module_default.itemPreviewIcon, normalizeClassName(className)),
-		...props
-	});
+    return /*#__PURE__*/ jsx(FileIcon, {
+        "data-slot": "file-upload-item-preview-icon",
+        className: clsx(FileUpload_module.itemPreviewIcon, normalizeClassName(className)),
+        ...props
+    });
 }
 function getFileTypeLabel(file) {
-	const extension = file.name.split(".").pop();
-	return extension ? extension.toUpperCase() : file.type || "FILE";
+    const extension = file.name.split('.').pop();
+    return extension ? extension.toUpperCase() : file.type || 'FILE';
 }
 function isImageFile(file) {
-	return file.type.startsWith("image/") || /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(file.name);
+    return file.type.startsWith('image/') || /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(file.name);
 }
-const FileUploadItemName = forwardRef(function FileUploadItemName({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.ItemName, {
-		ref,
-		"data-slot": "file-upload-item-name",
-		className: clsx(FileUpload_module_default.itemName, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadItemName = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemName, {
+        ref: ref,
+        "data-slot": "file-upload-item-name",
+        className: clsx(FileUpload_module.itemName, normalizeClassName(className)),
+        ...props
+    });
 });
-const FileUploadItemSizeText = forwardRef(function FileUploadItemSizeText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.ItemSizeText, {
-		ref,
-		"data-slot": "file-upload-item-size-text",
-		className: clsx(FileUpload_module_default.itemSizeText, normalizeClassName(className)),
-		...props
-	});
+const FileUpload_FileUploadItemSizeText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemSizeText, {
+        ref: ref,
+        "data-slot": "file-upload-item-size-text",
+        className: clsx(FileUpload_module.itemSizeText, normalizeClassName(className)),
+        ...props
+    });
 });
 function FileUploadItemMetadata({ file, className, ...props }) {
-	return /* @__PURE__ */ jsxs(ark.div, {
-		"data-slot": "file-upload-item-metadata",
-		className: clsx(FileUpload_module_default.itemMetadata, normalizeClassName(className)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ark.span, { children: getFileTypeLabel(file) }), /* @__PURE__ */ jsx(FileUploadItemSizeText, {})]
-	});
+    return /*#__PURE__*/ jsxs(ark.div, {
+        "data-slot": "file-upload-item-metadata",
+        className: clsx(FileUpload_module.itemMetadata, normalizeClassName(className)),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ark.span, {
+                children: getFileTypeLabel(file)
+            }),
+            /*#__PURE__*/ jsx(FileUpload_FileUploadItemSizeText, {})
+        ]
+    });
 }
-const FileUploadItemDeleteTrigger = forwardRef(function FileUploadItemDeleteTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(FileUpload.ItemDeleteTrigger, {
-		ref,
-		"data-slot": "file-upload-item-delete-trigger",
-		className: clsx(FileUpload_module_default.itemDeleteTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(TrashIcon, {})
-	});
+const FileUpload_FileUploadItemDeleteTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(FileUpload.ItemDeleteTrigger, {
+        ref: ref,
+        "data-slot": "file-upload-item-delete-trigger",
+        className: clsx(FileUpload_module.itemDeleteTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(TrashIcon, {})
+    });
 });
 function FileUploadItems() {
-	const { acceptedFiles } = useFileUploadContext();
-	return acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUploadItem, {
-		file,
-		children: [
-			isImageFile(file) ? /* @__PURE__ */ jsx(FileUploadItemPreview, { children: /* @__PURE__ */ jsx(FileUploadItemPreviewImage, {}) }) : /* @__PURE__ */ jsx(FileUploadItemPreview, { children: /* @__PURE__ */ jsx(FileUploadItemPreviewIcon, {}) }),
-			/* @__PURE__ */ jsx(FileUploadItemName, {}),
-			/* @__PURE__ */ jsx(FileUploadItemMetadata, { file }),
-			/* @__PURE__ */ jsx(FileUploadItemDeleteTrigger, { "aria-label": `Remove ${file.name}` })
-		]
-	}, `${file.name}-${file.size}`));
+    const { acceptedFiles } = useFileUploadContext();
+    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_FileUploadItemName, {}),
+                /*#__PURE__*/ jsx(FileUploadItemMetadata, {
+                    file: file
+                }),
+                /*#__PURE__*/ jsx(FileUpload_FileUploadItemDeleteTrigger, {
+                    "aria-label": `Remove ${file.name}`
+                })
+            ]
+        }, `${file.name}-${file.size}`));
 }
-const FileUploadClearTrigger = forwardRef(function FileUploadClearTrigger({ asChild, className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-	const triggerClassName = clsx(FileUpload_module_default.clearTrigger, children != null && FileUpload_module_default.clearTriggerWithContent, normalizeClassName(className));
-	if (asChild) return /* @__PURE__ */ jsx(FileUpload.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "file-upload-clear-trigger",
-		className: triggerClassName,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(FileUpload.ClearTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "file-upload-clear-trigger",
-		className: triggerClassName,
-		...props,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			"aria-label": ariaLabel,
-			"aria-labelledby": ariaLabelledBy,
-			children: children ?? /* @__PURE__ */ jsx(CloseIcon, {})
-		})
-	});
+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
+    });
+    return /*#__PURE__*/ jsx(FileUpload.ClearTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "file-upload-clear-trigger",
+        className: triggerClassName,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            "aria-label": clearLabel,
+            "aria-labelledby": ariaLabelledBy,
+            children: children ?? /*#__PURE__*/ jsx(CloseIcon, {})
+        })
+    });
 });
-const FileUpload$1 = Object.assign(FileUploadRoot, {
-	Root: FileUploadRoot,
-	RootProvider: FileUploadRootProvider,
-	Context: FileUpload.Context,
-	Label: FileUploadLabel,
-	Dropzone: FileUploadDropzone,
-	DropzoneIcon: FileUploadDropzoneIcon,
-	Trigger: FileUploadTrigger,
-	ItemGroup: FileUploadItemGroup,
-	Item: FileUploadItem,
-	Items: FileUploadItems,
-	ItemPreview: FileUploadItemPreview,
-	ItemPreviewImage: FileUploadItemPreviewImage,
-	ItemPreviewIcon: FileUploadItemPreviewIcon,
-	ItemName: FileUploadItemName,
-	ItemMetadata: FileUploadItemMetadata,
-	ItemSizeText: FileUploadItemSizeText,
-	ItemDeleteTrigger: FileUploadItemDeleteTrigger,
-	ClearTrigger: FileUploadClearTrigger
+const FileUpload_FileUpload = Object.assign(FileUpload_FileUploadRoot, {
+    Root: FileUpload_FileUploadRoot,
+    RootProvider: FileUpload_FileUploadRootProvider,
+    Context: FileUpload.Context,
+    Label: FileUpload_FileUploadLabel,
+    Dropzone: FileUpload_FileUploadDropzone,
+    DropzoneIcon: FileUploadDropzoneIcon,
+    Trigger: FileUpload_FileUploadTrigger,
+    ItemGroup: FileUpload_FileUploadItemGroup,
+    Item: FileUpload_FileUploadItem,
+    Items: FileUploadItems,
+    ItemPreview: FileUpload_FileUploadItemPreview,
+    ItemPreviewImage: FileUpload_FileUploadItemPreviewImage,
+    ItemPreviewIcon: FileUploadItemPreviewIcon,
+    ItemName: FileUpload_FileUploadItemName,
+    ItemMetadata: FileUploadItemMetadata,
+    ItemSizeText: FileUpload_FileUploadItemSizeText,
+    ItemDeleteTrigger: FileUpload_FileUploadItemDeleteTrigger,
+    ClearTrigger: FileUpload_FileUploadClearTrigger
 });
-//#endregion
-export { FileUpload$1 as FileUpload, useFileUpload, useFileUploadContext };
+export { FileUpload_FileUpload as FileUpload, useFileUpload, useFileUploadContext };

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

@@ -1,22 +1,20 @@
-import './FileUpload.css';
-//#region src/components/file-upload/FileUpload.module.css
-var FileUpload_module_default = {
-	"clearTrigger": "dgDG7a_clearTrigger",
-	"clearTriggerWithContent": "dgDG7a_clearTriggerWithContent",
-	"dropzone": "dgDG7a_dropzone",
-	"dropzoneIcon": "dgDG7a_dropzoneIcon",
-	"item": "dgDG7a_item",
-	"itemDeleteTrigger": "dgDG7a_itemDeleteTrigger",
-	"itemGroup": "dgDG7a_itemGroup",
-	"itemMetadata": "dgDG7a_itemMetadata",
-	"itemName": "dgDG7a_itemName",
-	"itemPreview": "dgDG7a_itemPreview",
-	"itemPreviewIcon": "dgDG7a_itemPreviewIcon",
-	"itemPreviewImage": "dgDG7a_itemPreviewImage",
-	"itemSizeText": "dgDG7a_itemSizeText",
-	"label": "dgDG7a_label",
-	"root": "dgDG7a_root",
-	"trigger": "dgDG7a_trigger"
+import "./FileUpload_module.css";
+const FileUpload_module = {
+    root: "root-ULK4gN",
+    label: "label-dPIdRm",
+    dropzone: "dropzone-Al2hO2",
+    dropzoneIcon: "dropzoneIcon-kSiYgI",
+    trigger: "trigger-AsEsy4",
+    itemGroup: "itemGroup-l7vSDL",
+    item: "item-ZdUuIF",
+    itemPreview: "itemPreview-SlUuuu",
+    itemPreviewImage: "itemPreviewImage-A81Uin",
+    itemPreviewIcon: "itemPreviewIcon-ybgkyZ",
+    itemMetadata: "itemMetadata-EmEskK",
+    itemName: "itemName-LSyV_n",
+    itemSizeText: "itemSizeText-euWMRd",
+    itemDeleteTrigger: "itemDeleteTrigger-DgPANB",
+    clearTrigger: "clearTrigger-dMa5C4",
+    clearTriggerWithContent: "clearTriggerWithContent-YGYoF4"
 };
-//#endregion
-export { FileUpload_module_default as default };
+export default FileUpload_module;