4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T237c,'use client'; import type { HTMLArkProps } from '@ark-ui/react/factory'; import { ark } from '@ark-ui/react/factory'; import { FileUpload as FileUploadPrimitive, useFileUpload, useFileUploadContext, } from '@ark-ui/react/file-upload'; import { clsx } from 'clsx'; import type { ComponentProps, ComponentRef } from 'react'; import { forwardRef } from 'react'; import { CloseIcon, FileIcon, TrashIcon, UploadIcon } from '@/lib/moduix/icons/ui'; import { CloseButton } from '../close-button'; import styles from './FileUpload.module.css'; const FileUploadRoot = forwardRef< ComponentRef, ComponentProps >(function FileUploadRoot({ className, ...props }, ref) { return ( ); }); const FileUploadRootProvider = forwardRef< ComponentRef, ComponentProps >(function FileUploadRootProvider({ className, ...props }, ref) { return ( ); }); const FileUploadLabel = forwardRef< ComponentRef, ComponentProps >(function FileUploadLabel({ className, ...props }, ref) { return ( ); }); const FileUploadDropzone = forwardRef< ComponentRef, ComponentProps >(function FileUploadDropzone({ className, ...props }, ref) { return ( ); }); function FileUploadDropzoneIcon({ className, children, ...props }: HTMLArkProps<'span'>) { return ( ); } const FileUploadTrigger = forwardRef< ComponentRef, ComponentProps >(function FileUploadTrigger({ className, ...props }, ref) { return ( ); }); const FileUploadItemGroup = forwardRef< ComponentRef, ComponentProps >(function FileUploadItemGroup({ className, ...props }, ref) { return ( ); }); const FileUploadItem = forwardRef< ComponentRef, ComponentProps >(function FileUploadItem({ className, ...props }, ref) { return ( ); }); const FileUploadItemPreview = forwardRef< ComponentRef, ComponentProps >(function FileUploadItemPreview({ className, ...props }, ref) { return ( ); }); const FileUploadItemPreviewImage = forwardRef< ComponentRef, ComponentProps >(function FileUploadItemPreviewImage({ className, ...props }, ref) { return ( ); }); function FileUploadItemPreviewIcon({ className, ...props }: ComponentProps<'svg'>) { return ( ); } function getFileTypeLabel(file: File) { const extension = file.name.split('.').pop(); return extension ? extension.toUpperCase() : file.type || 'FILE'; } function isImageFile(file: File) { return file.type.startsWith('image/'); } const FileUploadItemName = forwardRef< ComponentRef, ComponentProps >(function FileUploadItemName({ className, ...props }, ref) { return ( ); }); const FileUploadItemSizeText = forwardRef< ComponentRef, ComponentProps >(function FileUploadItemSizeText({ className, ...props }, ref) { return ( ); }); function FileUploadItemMetadata({ file, className, ...props }: HTMLArkProps<'div'> & { file: File }) { return ( {getFileTypeLabel(file)} ); } const FileUploadItemDeleteTrigger = forwardRef< ComponentRef, ComponentProps >(function FileUploadItemDeleteTrigger({ className, children, ...props }, ref) { return ( {children ?? } ); }); function FileUploadItems() { const { acceptedFiles } = useFileUploadContext(); return acceptedFiles.map((file) => ( {isImageFile(file) ? : } )); } const FileUploadClearTrigger = forwardRef< ComponentRef, ComponentProps >(function FileUploadClearTrigger( { asChild, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref, ) { const clearLabel = ariaLabel ?? (ariaLabelledBy == null ? 'Clear files' : undefined); const triggerClassName = clsx( styles.clearTrigger, children != null && styles.clearTriggerWithContent, className, ); return ( {asChild ? ( children ) : ( {children ?? } )} ); }); const FileUpload = Object.assign(FileUploadRoot, { Root: FileUploadRoot, RootProvider: FileUploadRootProvider, Context: FileUploadPrimitive.Context, HiddenInput: FileUploadPrimitive.HiddenInput, 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, }); export { FileUpload, useFileUpload, useFileUploadContext };52:T4282,@layer moduix.components { .root { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: var(--moduix-file-upload-gap, var(--moduix-spacing-3)); width: var(--moduix-file-upload-width, 100%); max-width: var(--moduix-file-upload-max-width, 28rem); color: var(--moduix-file-upload-color, var(--moduix-color-foreground)); } .label { color: var( --moduix-file-upload-label-color, var(--moduix-file-upload-color, var(--moduix-color-foreground)) ); font-size: var(--moduix-file-upload-label-font-size, var(--moduix-text-sm)); font-weight: var(--moduix-file-upload-label-font-weight, var(--moduix-weight-medium)); line-height: var(--moduix-file-upload-label-line-height, var(--moduix-line-height-text-sm)); &[data-disabled] { opacity: var(--moduix-file-upload-disabled-opacity, var(--moduix-opacity-disabled)); } } .dropzone { box-sizing: border-box; display: grid; width: 100%; place-items: center; gap: var(--moduix-file-upload-dropzone-gap, var(--moduix-spacing-3)); min-height: var(--moduix-file-upload-dropzone-min-height, 8rem); border: var(--moduix-file-upload-dropzone-border-width, var(--moduix-border-width-sm)) dashed var(--moduix-file-upload-dropzone-border-color, var(--moduix-color-border)); border-radius: var(--moduix-file-upload-radius, var(--moduix-radius-md)); padding: var(--moduix-file-upload-dropzone-padding, var(--moduix-spacing-5)); background-color: var(--moduix-file-upload-dropzone-bg, var(--moduix-color-background)); color: var(--moduix-file-upload-dropzone-color, var(--moduix-color-muted-foreground)); text-align: center; transition: border-color var(--moduix-file-upload-transition, var(--moduix-transition-default)), background-color var(--moduix-file-upload-transition, var(--moduix-transition-default)), color var(--moduix-file-upload-transition, var(--moduix-transition-default)), opacity var(--moduix-file-upload-transition, var(--moduix-transition-default)); &[data-dragging] { border-color: var( --moduix-file-upload-dropzone-border-color-dragging, var(--moduix-color-primary) ); background-color: var(--moduix-file-upload-dropzone-bg-dragging, var(--moduix-color-accent)); color: var(--moduix-file-upload-dropzone-color-dragging, var(--moduix-color-foreground)); } &[data-invalid] { border-color: var(--moduix-file-upload-invalid-color, var(--moduix-color-destructive)); } &[data-disabled], &[data-readonly] { cursor: default; opacity: var(--moduix-file-upload-disabled-opacity, var(--moduix-opacity-disabled)); } &[role='button']:not([data-disabled], [data-readonly]) { cursor: pointer; } &:focus-visible { outline: var( --moduix-file-upload-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)) ) solid var(--moduix-file-upload-focus-ring-color, var(--moduix-color-ring)); outline-offset: var(--moduix-file-upload-focus-ring-offset, var(--moduix-border-width-sm)); } } .dropzoneIcon { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: var(--moduix-file-upload-dropzone-icon-box-size, var(--moduix-spacing-10)); height: var(--moduix-file-upload-dropzone-icon-box-size, var(--moduix-spacing-10)); border: var(--moduix-file-upload-dropzone-icon-border-width, var(--moduix-border-width-sm)) solid var(--moduix-file-upload-dropzone-icon-border-color, var(--moduix-color-border)); border-radius: var(--moduix-file-upload-dropzone-icon-radius, var(--moduix-radius-full)); background-color: var(--moduix-file-upload-dropzone-icon-bg, var(--moduix-color-muted)); color: var(--moduix-file-upload-dropzone-icon-color, var(--moduix-color-foreground)); & > svg { width: var(--moduix-file-upload-dropzone-icon-size, var(--moduix-spacing-4)); height: var(--moduix-file-upload-dropzone-icon-size, var(--moduix-spacing-4)); } } .trigger { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: var( --moduix-file-upload-trigger-gap, var(--moduix-button-content-gap, var(--moduix-spacing-2)) ); min-height: var( --moduix-file-upload-trigger-height, var(--moduix-button-size-md, var(--moduix-size-md)) ); border: var( --moduix-file-upload-trigger-border-width, var(--moduix-button-border-width, var(--moduix-border-width-sm)) ) solid var( --moduix-file-upload-trigger-border-color, var(--moduix-button-default-border-color, var(--moduix-color-primary)) ); border-radius: var( --moduix-file-upload-trigger-radius, var(--moduix-button-radius, var(--moduix-radius-md)) ); padding-inline: var( --moduix-file-upload-trigger-padding-x, var(--moduix-button-padding-x-md, var(--moduix-spacing-4)) ); background-color: var( --moduix-file-upload-trigger-bg, var(--moduix-button-default-bg, var(--moduix-color-primary)) ); color: var( --moduix-file-upload-trigger-color, var(--moduix-button-default-color, var(--moduix-color-primary-foreground)) ); appearance: none; font: inherit; font-size: var( --moduix-file-upload-trigger-font-size, var(--moduix-button-font-size, var(--moduix-text-sm)) ); font-weight: var( --moduix-file-upload-trigger-font-weight, var(--moduix-button-font-weight, var(--moduix-weight-medium)) ); line-height: var( --moduix-file-upload-trigger-line-height, var(--moduix-button-line-height, var(--moduix-line-height-text-sm)) ); user-select: none; white-space: nowrap; cursor: pointer; transition: border-color var( --moduix-file-upload-transition, var(--moduix-button-transition, var(--moduix-transition-default)) ), background-color var( --moduix-file-upload-transition, var(--moduix-button-transition, var(--moduix-transition-default)) ), color var( --moduix-file-upload-transition, var(--moduix-button-transition, var(--moduix-transition-default)) ), opacity var( --moduix-file-upload-transition, var(--moduix-button-transition, var(--moduix-transition-default)) ); @media (hover: hover) { &:hover:not(:disabled, [data-disabled], [data-readonly]) { background-color: var( --moduix-file-upload-trigger-bg-hover, var(--moduix-button-default-bg-hover, var(--moduix-color-foreground)) ); } } &:focus-visible { outline: var( --moduix-file-upload-focus-ring-width, var( --moduix-button-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)) ) ) solid var( --moduix-file-upload-focus-ring-color, var(--moduix-button-focus-ring-color, var(--moduix-color-ring)) ); outline-offset: calc( var( --moduix-file-upload-trigger-border-width, var(--moduix-button-border-width, var(--moduix-border-width-sm)) ) * -1 ); } &[data-invalid] { border-color: var(--moduix-file-upload-invalid-color, var(--moduix-color-destructive)); } &:is(:disabled, [data-disabled], [data-readonly]) { pointer-events: none; cursor: default; } } .itemGroup { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--moduix-file-upload-item-group-gap, var(--moduix-spacing-2)); width: 100%; margin: 0; padding: 0; list-style: none; &:empty { display: none; } } .item { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--moduix-file-upload-item-gap, var(--moduix-spacing-3)); row-gap: var(--moduix-file-upload-item-row-gap, var(--moduix-spacing-1)); min-height: var(--moduix-file-upload-item-min-height, var(--moduix-size-md)); border: var(--moduix-file-upload-item-border-width, var(--moduix-border-width-sm)) solid var(--moduix-file-upload-item-border-color, var(--moduix-color-border)); border-radius: var(--moduix-file-upload-item-radius, var(--moduix-radius-md)); padding: var(--moduix-file-upload-item-padding-y, var(--moduix-spacing-2)) var(--moduix-file-upload-item-padding-x, var(--moduix-spacing-3)); background-color: var(--moduix-file-upload-item-bg, var(--moduix-color-background)); color: var(--moduix-file-upload-item-color, var(--moduix-color-foreground)); flex: 1 0 100%; &[data-type='rejected'] { border-color: var(--moduix-file-upload-invalid-color, var(--moduix-color-destructive)); } &[data-disabled] { opacity: var(--moduix-file-upload-disabled-opacity, var(--moduix-opacity-disabled)); } &:has([data-slot='file-upload-item-preview']) { grid-template-columns: auto minmax(0, 1fr) auto; min-height: var(--moduix-file-upload-item-preview-min-height, var(--moduix-size-xl)); padding-block: var(--moduix-file-upload-item-preview-padding-y, var(--moduix-spacing-2)); } } .itemPreview { grid-column: 1; grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center; width: var(--moduix-file-upload-item-preview-size, var(--moduix-spacing-10)); height: var(--moduix-file-upload-item-preview-size, var(--moduix-spacing-10)); border-radius: var(--moduix-file-upload-item-preview-radius, var(--moduix-radius-sm)); background-color: var(--moduix-file-upload-item-preview-bg, var(--moduix-color-muted)); color: var(--moduix-file-upload-item-preview-color, var(--moduix-color-muted-foreground)); overflow: hidden; } .itemPreviewImage { width: 100%; height: 100%; object-fit: cover; } .itemPreviewIcon { width: var(--moduix-file-upload-item-preview-icon-size, var(--moduix-spacing-4)); height: var(--moduix-file-upload-item-preview-icon-size, var(--moduix-spacing-4)); } .itemMetadata { grid-column: 1; display: flex; align-items: center; gap: var(--moduix-file-upload-item-row-gap, var(--moduix-spacing-1)); 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)); line-height: var(--moduix-file-upload-item-size-line-height, var(--moduix-line-height-text-xs)); & > [data-slot='file-upload-item-size-text']::before { margin-inline-end: var(--moduix-file-upload-item-row-gap, var(--moduix-spacing-1)); content: '·'; } } .itemName { grid-column: 1; min-width: 0; color: var(--moduix-file-upload-item-name-color, currentColor); font-size: var(--moduix-file-upload-item-name-font-size, var(--moduix-text-sm)); font-weight: var(--moduix-file-upload-item-name-font-weight, var(--moduix-weight-medium)); line-height: var(--moduix-file-upload-item-name-line-height, var(--moduix-line-height-text-sm)); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; } .itemSizeText { grid-column: 1; 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)); line-height: var(--moduix-file-upload-item-size-line-height, var(--moduix-line-height-text-xs)); } .itemDeleteTrigger { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: var(--moduix-file-upload-action-size, var(--moduix-size-sm)); height: var(--moduix-file-upload-action-size, var(--moduix-size-sm)); border: 0; border-radius: var(--moduix-file-upload-action-radius, var(--moduix-radius-sm)); padding: 0; background-color: var(--moduix-file-upload-action-bg, transparent); color: var(--moduix-file-upload-action-color, var(--moduix-color-muted-foreground)); appearance: none; cursor: pointer; transition: background-color var(--moduix-file-upload-transition, var(--moduix-transition-default)), color var(--moduix-file-upload-transition, var(--moduix-transition-default)), opacity var(--moduix-file-upload-transition, var(--moduix-transition-default)); & > svg { width: var(--moduix-file-upload-action-icon-size, var(--moduix-spacing-4)); height: var(--moduix-file-upload-action-icon-size, var(--moduix-spacing-4)); } @media (hover: hover) { &:hover:not(:disabled, [data-disabled], [data-readonly]) { background-color: var(--moduix-file-upload-action-bg-hover, var(--moduix-color-muted)); color: var(--moduix-file-upload-action-color-hover, var(--moduix-color-foreground)); } } &:focus-visible { outline: var( --moduix-file-upload-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)) ) solid var(--moduix-file-upload-focus-ring-color, var(--moduix-color-ring)); outline-offset: var(--moduix-file-upload-focus-ring-offset, var(--moduix-border-width-sm)); } &:is(:disabled, [data-disabled], [data-readonly]) { pointer-events: none; opacity: var(--moduix-file-upload-disabled-opacity, var(--moduix-opacity-disabled)); cursor: default; } } .itemDeleteTrigger { grid-column: 2; grid-row: 1; justify-self: end; } .item:has([data-slot='file-upload-item-size-text']) .itemDeleteTrigger, .item:has([data-slot='file-upload-item-preview']) .itemDeleteTrigger { grid-row: 1 / span 2; } .item:has([data-slot='file-upload-item-preview']) { .itemName, .itemSizeText, .itemMetadata { grid-column: 2; } .itemDeleteTrigger { grid-column: 3; } } .item:has([data-slot='file-upload-item-preview-image']) { flex: 0 1 min(100%, var(--moduix-file-upload-image-item-max-width, 10rem)); grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto; align-items: start; min-height: 0; .itemPreview { grid-column: 1 / -1; grid-row: 1; width: 100%; height: auto; aspect-ratio: 1; } .itemName { grid-column: 1; grid-row: 2; align-self: end; } .itemMetadata { grid-column: 1; grid-row: 3; } .itemDeleteTrigger { grid-column: 2; grid-row: 2 / span 2; align-self: center; } } .clearTrigger { align-self: flex-start; --moduix-close-button-size: var(--moduix-file-upload-action-size, var(--moduix-size-sm)); --moduix-close-button-radius: var(--moduix-file-upload-action-radius, var(--moduix-radius-sm)); --moduix-close-button-bg: var(--moduix-file-upload-action-bg, transparent); --moduix-close-button-bg-hover: var( --moduix-file-upload-action-bg-hover, var(--moduix-color-muted) ); --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-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) ); --moduix-close-button-disabled-opacity: var( --moduix-file-upload-disabled-opacity, var(--moduix-opacity-disabled) ); } .clearTriggerWithContent { gap: var(--moduix-file-upload-clear-trigger-gap, var(--moduix-spacing-2)); width: auto; padding-inline: var(--moduix-file-upload-clear-trigger-padding-x, var(--moduix-spacing-2)); font: inherit; font-size: var(--moduix-file-upload-clear-trigger-font-size, var(--moduix-text-sm)); line-height: var( --moduix-file-upload-clear-trigger-line-height, var(--moduix-line-height-text-sm) ); } .clearTrigger[data-readonly] { pointer-events: none; opacity: var(--moduix-file-upload-disabled-opacity, var(--moduix-opacity-disabled)); } }4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@ark-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40ark-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@ark-ui/react"}]]}]}],["$","li","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"clsx"}]]}]}]]}],["$","$L4f",null,{"namespace":"@moduix-react","registryDependencies":["@moduix-react/foundation","@moduix-react/close-button","@moduix-react/icons"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/components/file-upload/FileUpload.tsx","content":"$51","type":"registry:component","target":"@components/ui/file-upload/FileUpload.tsx"},{"path":"src/components/file-upload/FileUpload.module.css","content":"$52","type":"registry:file","target":"@components/ui/file-upload/FileUpload.module.css"},{"path":"src/components/file-upload/index.ts","content":"export { FileUpload, useFileUpload, useFileUploadContext } from './FileUpload.js';","type":"registry:component","target":"@components/ui/file-upload/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]