@uipath/apollo-wind 2.69.0 → 2.71.0

package/dist/components/ui/datetime-picker.cjs

@@ -47,19 +47,15 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ external_react_namespaceObj
     };
     const generatedId = external_react_namespaceObject.useId();
     const validationId = errorId ?? `${id ?? `datetime-picker-${generatedId.replace(/:/g, '')}`}-error`;
-    const [selectedDate, setSelectedDate] = external_react_namespaceObject.useState(value);
-    const [timeValue, setTimeValue] = external_react_namespaceObject.useState(value ? (0, external_date_fns_namespaceObject.format)(value, 'HH:mm') : '');
-    const valueTime = value?.getTime();
+    const date = value instanceof Date && (0, external_date_fns_namespaceObject.isValid)(value) ? value : void 0;
+    const [selectedDate, setSelectedDate] = external_react_namespaceObject.useState(date);
+    const [timeValue, setTimeValue] = external_react_namespaceObject.useState(date ? (0, external_date_fns_namespaceObject.format)(date, 'HH:mm') : '');
+    const valueTime = date?.getTime();
     const [seededTime, setSeededTime] = external_react_namespaceObject.useState(valueTime);
     if (!Object.is(valueTime, seededTime)) {
         setSeededTime(valueTime);
-        if (void 0 === value) {
-            setSelectedDate(void 0);
-            setTimeValue('');
-        } else if (!Number.isNaN(valueTime)) {
-            setSelectedDate(value);
-            setTimeValue((0, external_date_fns_namespaceObject.format)(value, 'HH:mm'));
-        }
+        setSelectedDate(date);
+        setTimeValue(date ? (0, external_date_fns_namespaceObject.format)(date, 'HH:mm') : '');
     }
     const handleDateSelect = (date)=>{
         if (!date) return;
@@ -67,6 +63,7 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ external_react_namespaceObj
             date.setHours(selectedDate.getHours());
             date.setMinutes(selectedDate.getMinutes());
             date.setSeconds(selectedDate.getSeconds());
+            date.setMilliseconds(selectedDate.getMilliseconds());
         }
         setSelectedDate(date);
         onValueChange?.(date);

package/dist/components/ui/datetime-picker.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { format } from "date-fns";
+import { format, isValid } from "date-fns";
 import { CalendarIcon, Clock } from "lucide-react";
 import { forwardRef, useId, useState } from "react";
 import { Button } from "./button.js";
@@ -19,19 +19,15 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ forwardRef(function({ value
     };
     const generatedId = useId();
     const validationId = errorId ?? `${id ?? `datetime-picker-${generatedId.replace(/:/g, '')}`}-error`;
-    const [selectedDate, setSelectedDate] = useState(value);
-    const [timeValue, setTimeValue] = useState(value ? format(value, 'HH:mm') : '');
-    const valueTime = value?.getTime();
+    const date = value instanceof Date && isValid(value) ? value : void 0;
+    const [selectedDate, setSelectedDate] = useState(date);
+    const [timeValue, setTimeValue] = useState(date ? format(date, 'HH:mm') : '');
+    const valueTime = date?.getTime();
     const [seededTime, setSeededTime] = useState(valueTime);
     if (!Object.is(valueTime, seededTime)) {
         setSeededTime(valueTime);
-        if (void 0 === value) {
-            setSelectedDate(void 0);
-            setTimeValue('');
-        } else if (!Number.isNaN(valueTime)) {
-            setSelectedDate(value);
-            setTimeValue(format(value, 'HH:mm'));
-        }
+        setSelectedDate(date);
+        setTimeValue(date ? format(date, 'HH:mm') : '');
     }
     const handleDateSelect = (date)=>{
         if (!date) return;
@@ -39,6 +35,7 @@ const datetime_picker_DateTimePicker = /*#__PURE__*/ forwardRef(function({ value
             date.setHours(selectedDate.getHours());
             date.setMinutes(selectedDate.getMinutes());
             date.setSeconds(selectedDate.getSeconds());
+            date.setMilliseconds(selectedDate.getMilliseconds());
         }
         setSelectedDate(date);
         onValueChange?.(date);

package/dist/components/ui/dropzone-overlay.cjs

@@ -0,0 +1,142 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DropzoneOverlay: ()=>DropzoneOverlay,
+    DEFAULT_DROPZONE_OVERLAY_STRINGS: ()=>DEFAULT_DROPZONE_OVERLAY_STRINGS
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_file_validation_cjs_namespaceObject = require("./file-validation.cjs");
+const DEFAULT_DROPZONE_OVERLAY_STRINGS = {
+    dropHint: 'Drop files to attach'
+};
+function hasFiles(dataTransfer) {
+    return Array.from(dataTransfer?.types ?? []).includes('Files');
+}
+function filesFrom(data) {
+    if (!data) return [];
+    const files = Array.from(data.files ?? []);
+    if (files.length > 0) return files;
+    return Array.from(data.items ?? []).filter((item)=>'file' === item.kind).map((item)=>item.getAsFile()).filter((file)=>null !== file);
+}
+const DropzoneOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, onFiles, accept, maxSize, maxFiles, disabled = false, enablePaste = false, strings, onDragEnter, onDragOver, onDragLeave, onDrop, onPaste, ...props }, ref)=>{
+    const text = external_react_namespaceObject.useMemo(()=>({
+            ...DEFAULT_DROPZONE_OVERLAY_STRINGS,
+            ...strings
+        }), [
+        strings
+    ]);
+    const [dragging, setDragging] = external_react_namespaceObject.useState(false);
+    const depth = external_react_namespaceObject.useRef(0);
+    external_react_namespaceObject.useEffect(()=>{
+        if (disabled) {
+            depth.current = 0;
+            setDragging(false);
+        }
+    }, [
+        disabled
+    ]);
+    const deliver = (files)=>{
+        if (0 === files.length) return;
+        const { accepted, rejected } = (0, external_file_validation_cjs_namespaceObject.validateFiles)(files, {
+            accept,
+            maxSize,
+            maxFiles
+        });
+        onFiles?.(accepted, rejected);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "dropzone",
+        "data-dragging": dragging ? '' : void 0,
+        className: (0, index_cjs_namespaceObject.cn)('relative', className),
+        onDragEnter: (event)=>{
+            onDragEnter?.(event);
+            if (disabled || !hasFiles(event.dataTransfer)) return;
+            event.preventDefault();
+            depth.current += 1;
+            setDragging(true);
+        },
+        onDragOver: (event)=>{
+            onDragOver?.(event);
+            if (disabled || !hasFiles(event.dataTransfer)) return;
+            event.preventDefault();
+            if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy';
+        },
+        onDragLeave: (event)=>{
+            onDragLeave?.(event);
+            if (disabled || !hasFiles(event.dataTransfer)) return;
+            depth.current = Math.max(0, depth.current - 1);
+            if (0 === depth.current) setDragging(false);
+        },
+        onDrop: (event)=>{
+            onDrop?.(event);
+            depth.current = 0;
+            setDragging(false);
+            if (disabled || event.defaultPrevented || !hasFiles(event.dataTransfer)) return;
+            event.preventDefault();
+            deliver(filesFrom(event.dataTransfer));
+        },
+        onPaste: (event)=>{
+            onPaste?.(event);
+            if (disabled || !enablePaste || event.defaultPrevented) return;
+            const files = filesFrom(event.clipboardData);
+            if (0 === files.length) return;
+            event.preventDefault();
+            deliver(files);
+        },
+        ...props,
+        children: [
+            children,
+            dragging && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                "data-slot": "dropzone-overlay",
+                className: "pointer-events-none absolute inset-0 z-30 flex flex-col items-center justify-center gap-2 rounded-[inherit] border-2 border-dashed border-primary bg-background/85 text-sm font-medium text-foreground backdrop-blur-sm animate-in fade-in-0 motion-reduce:animate-none",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Upload, {
+                        className: "size-6 text-primary",
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        children: text.dropHint
+                    })
+                ]
+            })
+        ]
+    });
+});
+DropzoneOverlay.displayName = 'DropzoneOverlay';
+exports.DEFAULT_DROPZONE_OVERLAY_STRINGS = __webpack_exports__.DEFAULT_DROPZONE_OVERLAY_STRINGS;
+exports.DropzoneOverlay = __webpack_exports__.DropzoneOverlay;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_DROPZONE_OVERLAY_STRINGS",
+    "DropzoneOverlay"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/dropzone-overlay.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { type FileRejection, type FileValidationOptions } from './file-validation';
+/**
+ * Turns a region, such as a chat panel or a composer, into a file drop target. While files are
+ * dragged over it an overlay covers the region with a hint; dropped (or, with `enablePaste`,
+ * pasted) files are checked against `accept`, `maxSize` and `maxFiles` and handed to `onFiles`.
+ */
+export interface DropzoneOverlayStrings {
+    /** Shown on the overlay while files are dragged over the region. */
+    dropHint: string;
+}
+export declare const DEFAULT_DROPZONE_OVERLAY_STRINGS: DropzoneOverlayStrings;
+export interface DropzoneOverlayProps extends React.HTMLAttributes<HTMLDivElement>, FileValidationOptions {
+    /**
+     * Called once per drop or paste, with the files that passed the checks and those that did not.
+     * `maxFiles` counts each drop or paste on its own; pass what is left of a total cap.
+     */
+    onFiles?: (accepted: File[], rejected: FileRejection[]) => void;
+    /** Ignores drags, drops and pastes. */
+    disabled?: boolean;
+    /** Also takes files pasted anywhere inside the region. Pastes without files are left alone. */
+    enablePaste?: boolean;
+    /** Overrides for any subset of the English strings. */
+    strings?: Partial<DropzoneOverlayStrings>;
+}
+declare const DropzoneOverlay: React.ForwardRefExoticComponent<DropzoneOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export { DropzoneOverlay };

package/dist/components/ui/dropzone-overlay.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "../../lib/index.js";
+import { validateFiles } from "./file-validation.js";
+const DEFAULT_DROPZONE_OVERLAY_STRINGS = {
+    dropHint: 'Drop files to attach'
+};
+function hasFiles(dataTransfer) {
+    return Array.from(dataTransfer?.types ?? []).includes('Files');
+}
+function filesFrom(data) {
+    if (!data) return [];
+    const files = Array.from(data.files ?? []);
+    if (files.length > 0) return files;
+    return Array.from(data.items ?? []).filter((item)=>'file' === item.kind).map((item)=>item.getAsFile()).filter((file)=>null !== file);
+}
+const DropzoneOverlay = /*#__PURE__*/ forwardRef(({ className, children, onFiles, accept, maxSize, maxFiles, disabled = false, enablePaste = false, strings, onDragEnter, onDragOver, onDragLeave, onDrop, onPaste, ...props }, ref)=>{
+    const text = useMemo(()=>({
+            ...DEFAULT_DROPZONE_OVERLAY_STRINGS,
+            ...strings
+        }), [
+        strings
+    ]);
+    const [dragging, setDragging] = useState(false);
+    const depth = useRef(0);
+    useEffect(()=>{
+        if (disabled) {
+            depth.current = 0;
+            setDragging(false);
+        }
+    }, [
+        disabled
+    ]);
+    const deliver = (files)=>{
+        if (0 === files.length) return;
+        const { accepted, rejected } = validateFiles(files, {
+            accept,
+            maxSize,
+            maxFiles
+        });
+        onFiles?.(accepted, rejected);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        "data-slot": "dropzone",
+        "data-dragging": dragging ? '' : void 0,
+        className: cn('relative', className),
+        onDragEnter: (event)=>{
+            onDragEnter?.(event);
+            if (disabled || !hasFiles(event.dataTransfer)) return;
+            event.preventDefault();
+            depth.current += 1;
+            setDragging(true);
+        },
+        onDragOver: (event)=>{
+            onDragOver?.(event);
+            if (disabled || !hasFiles(event.dataTransfer)) return;
+            event.preventDefault();
+            if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy';
+        },
+        onDragLeave: (event)=>{
+            onDragLeave?.(event);
+            if (disabled || !hasFiles(event.dataTransfer)) return;
+            depth.current = Math.max(0, depth.current - 1);
+            if (0 === depth.current) setDragging(false);
+        },
+        onDrop: (event)=>{
+            onDrop?.(event);
+            depth.current = 0;
+            setDragging(false);
+            if (disabled || event.defaultPrevented || !hasFiles(event.dataTransfer)) return;
+            event.preventDefault();
+            deliver(filesFrom(event.dataTransfer));
+        },
+        onPaste: (event)=>{
+            onPaste?.(event);
+            if (disabled || !enablePaste || event.defaultPrevented) return;
+            const files = filesFrom(event.clipboardData);
+            if (0 === files.length) return;
+            event.preventDefault();
+            deliver(files);
+        },
+        ...props,
+        children: [
+            children,
+            dragging && /*#__PURE__*/ jsxs("div", {
+                "data-slot": "dropzone-overlay",
+                className: "pointer-events-none absolute inset-0 z-30 flex flex-col items-center justify-center gap-2 rounded-[inherit] border-2 border-dashed border-primary bg-background/85 text-sm font-medium text-foreground backdrop-blur-sm animate-in fade-in-0 motion-reduce:animate-none",
+                children: [
+                    /*#__PURE__*/ jsx(Upload, {
+                        className: "size-6 text-primary",
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        children: text.dropHint
+                    })
+                ]
+            })
+        ]
+    });
+});
+DropzoneOverlay.displayName = 'DropzoneOverlay';
+export { DEFAULT_DROPZONE_OVERLAY_STRINGS, DropzoneOverlay };

package/dist/components/ui/file-upload.cjs

@@ -32,6 +32,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_file_validation_cjs_namespaceObject = require("./file-validation.cjs");
 const external_form_field_cjs_namespaceObject = require("./form-field.cjs");
 const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const generatedId = external_react_namespaceObject.useId();
@@ -47,31 +48,18 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
     const [fileErrors, setFileErrors] = external_react_namespaceObject.useState(new Map());
     const [previews, setPreviews] = external_react_namespaceObject.useState([]);
     const inputRef = external_react_namespaceObject.useRef(null);
-    const isFileTypeAccepted = (file)=>{
-        if (!accept) return true;
-        const acceptedTypes = accept.split(',').map((type)=>type.trim().toLowerCase());
-        for (const acceptedType of acceptedTypes)if (acceptedType.endsWith('/*')) {
-            const baseType = acceptedType.slice(0, -2);
-            if (file.type.toLowerCase().startsWith(baseType)) return true;
-        } else if (acceptedType.includes('/')) {
-            if (file.type.toLowerCase() === acceptedType) return true;
-        } else if (acceptedType.startsWith('.')) {
-            if (file.name.toLowerCase().endsWith(acceptedType)) return true;
-        }
-        return false;
-    };
     const validateFiles = (fileList, startIndex, existingErrors)=>{
         const validFiles = [];
         const errors = multiple ? new Map(existingErrors) : new Map();
         for (const file of fileList){
             const fileIndex = startIndex + validFiles.length;
-            if (!isFileTypeAccepted(file)) {
+            if (!(0, external_file_validation_cjs_namespaceObject.isFileTypeAccepted)(file, accept)) {
                 errors.set(fileIndex, 'File type not accepted');
                 validFiles.push(file);
                 continue;
             }
             if (maxSize && file.size > maxSize) {
-                errors.set(fileIndex, `Exceeds maximum size of ${formatFileSize(maxSize)}`);
+                errors.set(fileIndex, `Exceeds maximum size of ${(0, external_file_validation_cjs_namespaceObject.formatFileSize)(maxSize)}`);
                 validFiles.push(file);
                 continue;
             }
@@ -157,18 +145,6 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
     const handleClick = ()=>{
         if (!disabled) inputRef.current?.click();
     };
-    const formatFileSize = (bytes)=>{
-        if (0 === bytes) return '0 Bytes';
-        const k = 1024;
-        const sizes = [
-            'Bytes',
-            'KB',
-            'MB',
-            'GB'
-        ];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
-    };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
         ref: ref,
         "data-slot": "file-upload",
@@ -233,7 +209,7 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                         className: "text-xs text-muted-foreground future:text-foreground-muted",
                         children: [
                             "Max size: ",
-                            formatFileSize(maxSize)
+                            (0, external_file_validation_cjs_namespaceObject.formatFileSize)(maxSize)
                         ]
                     })
                 ]
@@ -269,7 +245,7 @@ const file_upload_FileUpload = /*#__PURE__*/ external_react_namespaceObject.forw
                                                     }),
                                                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
                                                         className: "text-xs text-muted-foreground",
-                                                        children: formatFileSize(file.size)
+                                                        children: (0, external_file_validation_cjs_namespaceObject.formatFileSize)(file.size)
                                                     })
                                                 ]
                                             })

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

@@ -4,6 +4,7 @@ import { Upload, X } from "lucide-react";
 import { forwardRef, useId, useRef, useState } from "react";
 import { Button } from "./button.js";
 import { cn } from "../../lib/index.js";
+import { formatFileSize, isFileTypeAccepted } from "./file-validation.js";
 import { FormFieldError } from "./form-field.js";
 const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const generatedId = useId();
@@ -19,25 +20,12 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
     const [fileErrors, setFileErrors] = useState(new Map());
     const [previews, setPreviews] = useState([]);
     const inputRef = useRef(null);
-    const isFileTypeAccepted = (file)=>{
-        if (!accept) return true;
-        const acceptedTypes = accept.split(',').map((type)=>type.trim().toLowerCase());
-        for (const acceptedType of acceptedTypes)if (acceptedType.endsWith('/*')) {
-            const baseType = acceptedType.slice(0, -2);
-            if (file.type.toLowerCase().startsWith(baseType)) return true;
-        } else if (acceptedType.includes('/')) {
-            if (file.type.toLowerCase() === acceptedType) return true;
-        } else if (acceptedType.startsWith('.')) {
-            if (file.name.toLowerCase().endsWith(acceptedType)) return true;
-        }
-        return false;
-    };
     const validateFiles = (fileList, startIndex, existingErrors)=>{
         const validFiles = [];
         const errors = multiple ? new Map(existingErrors) : new Map();
         for (const file of fileList){
             const fileIndex = startIndex + validFiles.length;
-            if (!isFileTypeAccepted(file)) {
+            if (!isFileTypeAccepted(file, accept)) {
                 errors.set(fileIndex, 'File type not accepted');
                 validFiles.push(file);
                 continue;
@@ -129,18 +117,6 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
     const handleClick = ()=>{
         if (!disabled) inputRef.current?.click();
     };
-    const formatFileSize = (bytes)=>{
-        if (0 === bytes) return '0 Bytes';
-        const k = 1024;
-        const sizes = [
-            'Bytes',
-            'KB',
-            'MB',
-            'GB'
-        ];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
-    };
     return /*#__PURE__*/ jsxs("fieldset", {
         ref: ref,
         "data-slot": "file-upload",

package/dist/components/ui/file-validation.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    formatFileSize: ()=>formatFileSize,
+    isFileTypeAccepted: ()=>isFileTypeAccepted,
+    validateFiles: ()=>validateFiles
+});
+function acceptEntries(accept) {
+    const list = Array.isArray(accept) ? accept : accept.split(',');
+    return list.map((entry)=>entry.trim().toLowerCase()).filter(Boolean);
+}
+function isFileTypeAccepted(file, accept) {
+    if (!accept) return true;
+    const entries = acceptEntries(accept);
+    if (0 === entries.length) return true;
+    const type = file.type.toLowerCase();
+    const name = file.name.toLowerCase();
+    return entries.some((entry)=>{
+        if (entry.endsWith('/*')) return type.startsWith(entry.slice(0, -1));
+        if (entry.includes('/')) return type === entry;
+        if (entry.startsWith('.')) return name.endsWith(entry);
+        return false;
+    });
+}
+function validateFiles(files, { accept, maxSize, maxFiles } = {}) {
+    const accepted = [];
+    const rejected = [];
+    for (const file of files)if (isFileTypeAccepted(file, accept)) if (void 0 !== maxSize && file.size > maxSize) rejected.push({
+        file,
+        reason: 'size'
+    });
+    else if (void 0 !== maxFiles && accepted.length >= maxFiles) rejected.push({
+        file,
+        reason: 'count'
+    });
+    else accepted.push(file);
+    else rejected.push({
+        file,
+        reason: 'type'
+    });
+    return {
+        accepted,
+        rejected
+    };
+}
+function formatFileSize(bytes) {
+    if (0 === bytes) return '0 Bytes';
+    const k = 1024;
+    const sizes = [
+        'Bytes',
+        'KB',
+        'MB',
+        'GB'
+    ];
+    const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
+    return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
+}
+exports.formatFileSize = __webpack_exports__.formatFileSize;
+exports.isFileTypeAccepted = __webpack_exports__.isFileTypeAccepted;
+exports.validateFiles = __webpack_exports__.validateFiles;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "formatFileSize",
+    "isFileTypeAccepted",
+    "validateFiles"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/file-validation.d.ts

@@ -0,0 +1,24 @@
+/**
+ * File checks shared by FileUpload, ChatComposerAttachButton and DropzoneOverlay. `accept` matches
+ * MIME wildcards (`image/*`), exact MIME types (`image/png`) and extensions (`.pdf`).
+ */
+export type FileRejectionReason = 'type' | 'size' | 'count';
+export interface FileRejection {
+    file: File;
+    reason: FileRejectionReason;
+}
+export interface FileValidationOptions {
+    /** A comma-separated `accept` string, or a list of its entries. Omit to accept any type. */
+    accept?: string | string[];
+    /** Largest accepted size, in bytes. */
+    maxSize?: number;
+    /** Most files accepted in one batch; the rest are rejected with `count`. */
+    maxFiles?: number;
+}
+export declare function isFileTypeAccepted(file: File, accept?: string | string[]): boolean;
+/** Splits a batch into accepted files and rejections, checking type, then size, then count. */
+export declare function validateFiles(files: File[], { accept, maxSize, maxFiles }?: FileValidationOptions): {
+    accepted: File[];
+    rejected: FileRejection[];
+};
+export declare function formatFileSize(bytes: number): string;

package/dist/components/ui/file-validation.js

@@ -0,0 +1,51 @@
+function acceptEntries(accept) {
+    const list = Array.isArray(accept) ? accept : accept.split(',');
+    return list.map((entry)=>entry.trim().toLowerCase()).filter(Boolean);
+}
+function isFileTypeAccepted(file, accept) {
+    if (!accept) return true;
+    const entries = acceptEntries(accept);
+    if (0 === entries.length) return true;
+    const type = file.type.toLowerCase();
+    const name = file.name.toLowerCase();
+    return entries.some((entry)=>{
+        if (entry.endsWith('/*')) return type.startsWith(entry.slice(0, -1));
+        if (entry.includes('/')) return type === entry;
+        if (entry.startsWith('.')) return name.endsWith(entry);
+        return false;
+    });
+}
+function validateFiles(files, { accept, maxSize, maxFiles } = {}) {
+    const accepted = [];
+    const rejected = [];
+    for (const file of files)if (isFileTypeAccepted(file, accept)) if (void 0 !== maxSize && file.size > maxSize) rejected.push({
+        file,
+        reason: 'size'
+    });
+    else if (void 0 !== maxFiles && accepted.length >= maxFiles) rejected.push({
+        file,
+        reason: 'count'
+    });
+    else accepted.push(file);
+    else rejected.push({
+        file,
+        reason: 'type'
+    });
+    return {
+        accepted,
+        rejected
+    };
+}
+function formatFileSize(bytes) {
+    if (0 === bytes) return '0 Bytes';
+    const k = 1024;
+    const sizes = [
+        'Bytes',
+        'KB',
+        'MB',
+        'GB'
+    ];
+    const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
+    return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
+}
+export { formatFileSize, isFileTypeAccepted, validateFiles };