@uipath/apollo-wind 2.68.0 → 2.70.0

package/dist/components/ui/code-block.js

@@ -0,0 +1,307 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy } from "lucide-react";
+import { forwardRef, memo, useEffect, useRef, useState } from "react";
+import bash from "react-syntax-highlighter/dist/esm/languages/prism/bash.js";
+import csharp from "react-syntax-highlighter/dist/esm/languages/prism/csharp.js";
+import css from "react-syntax-highlighter/dist/esm/languages/prism/css.js";
+import diff from "react-syntax-highlighter/dist/esm/languages/prism/diff.js";
+import go from "react-syntax-highlighter/dist/esm/languages/prism/go.js";
+import java from "react-syntax-highlighter/dist/esm/languages/prism/java.js";
+import javascript from "react-syntax-highlighter/dist/esm/languages/prism/javascript.js";
+import json from "react-syntax-highlighter/dist/esm/languages/prism/json.js";
+import prism_jsx from "react-syntax-highlighter/dist/esm/languages/prism/jsx.js";
+import markdown from "react-syntax-highlighter/dist/esm/languages/prism/markdown.js";
+import markup from "react-syntax-highlighter/dist/esm/languages/prism/markup.js";
+import powershell from "react-syntax-highlighter/dist/esm/languages/prism/powershell.js";
+import python from "react-syntax-highlighter/dist/esm/languages/prism/python.js";
+import sql from "react-syntax-highlighter/dist/esm/languages/prism/sql.js";
+import tsx from "react-syntax-highlighter/dist/esm/languages/prism/tsx.js";
+import typescript from "react-syntax-highlighter/dist/esm/languages/prism/typescript.js";
+import vbnet from "react-syntax-highlighter/dist/esm/languages/prism/vbnet.js";
+import yaml from "react-syntax-highlighter/dist/esm/languages/prism/yaml.js";
+import prism_light from "react-syntax-highlighter/dist/esm/prism-light.js";
+import { Button } from "./button.js";
+import { cn } from "../../lib/index.js";
+import { copyTextToClipboard } from "../../lib/clipboard.js";
+const LANGUAGES = {
+    bash: bash,
+    csharp: csharp,
+    css: css,
+    diff: diff,
+    go: go,
+    java: java,
+    javascript: javascript,
+    json: json,
+    jsx: prism_jsx,
+    markdown: markdown,
+    markup: markup,
+    powershell: powershell,
+    python: python,
+    sql: sql,
+    tsx: tsx,
+    typescript: typescript,
+    vbnet: vbnet,
+    yaml: yaml
+};
+for (const [name, grammar] of Object.entries(LANGUAGES))prism_light.registerLanguage(name, grammar);
+const LANGUAGE_ALIASES = {
+    'c#': 'csharp',
+    cjs: "javascript",
+    cs: 'csharp',
+    golang: 'go',
+    htm: 'markup',
+    html: 'markup',
+    js: "javascript",
+    md: 'markdown',
+    mjs: "javascript",
+    patch: 'diff',
+    ps: 'powershell',
+    ps1: 'powershell',
+    pwsh: 'powershell',
+    py: 'python',
+    sh: 'bash',
+    shell: 'bash',
+    svg: 'markup',
+    ts: "typescript",
+    vb: 'vbnet',
+    'vb.net': 'vbnet',
+    xml: 'markup',
+    yml: 'yaml',
+    zsh: 'bash'
+};
+function resolveLanguage(language) {
+    const key = language?.trim().toLowerCase();
+    if (!key) return;
+    const name = LANGUAGE_ALIASES[key] ?? key;
+    return name in LANGUAGES ? name : void 0;
+}
+const token = (name)=>`var(--code-${name}, var(--foreground))`;
+const codeBlockTheme = {
+    'code[class*="language-"]': {
+        color: token('rest'),
+        background: 'none',
+        fontFamily: 'var(--font-mono)',
+        textAlign: 'left',
+        wordSpacing: 'normal',
+        wordBreak: 'normal',
+        tabSize: 2,
+        hyphens: 'none'
+    },
+    'pre[class*="language-"]': {
+        color: token('rest'),
+        background: 'none',
+        fontFamily: 'var(--font-mono)',
+        fontSize: '0.8125rem',
+        lineHeight: 1.6,
+        margin: 0,
+        padding: '0.75rem 1rem',
+        overflow: 'auto',
+        tabSize: 2
+    },
+    comment: {
+        color: 'var(--foreground-muted)',
+        fontStyle: 'italic'
+    },
+    prolog: {
+        color: 'var(--foreground-muted)',
+        fontStyle: 'italic'
+    },
+    doctype: {
+        color: 'var(--foreground-muted)'
+    },
+    cdata: {
+        color: 'var(--foreground-muted)'
+    },
+    punctuation: {
+        color: token('punctuation')
+    },
+    operator: {
+        color: token('key')
+    },
+    keyword: {
+        color: token('key')
+    },
+    atrule: {
+        color: token('key')
+    },
+    tag: {
+        color: token('key')
+    },
+    property: {
+        color: token('key')
+    },
+    'attr-name': {
+        color: token('key')
+    },
+    selector: {
+        color: token('key')
+    },
+    string: {
+        color: token('string')
+    },
+    char: {
+        color: token('string')
+    },
+    'attr-value': {
+        color: token('string')
+    },
+    'template-string': {
+        color: token('string')
+    },
+    regex: {
+        color: token('string')
+    },
+    url: {
+        color: token('string')
+    },
+    inserted: {
+        color: token('string')
+    },
+    number: {
+        color: token('number')
+    },
+    unit: {
+        color: token('number')
+    },
+    boolean: {
+        color: token('literal')
+    },
+    constant: {
+        color: token('literal')
+    },
+    symbol: {
+        color: token('literal')
+    },
+    builtin: {
+        color: token('literal')
+    },
+    'class-name': {
+        color: token('literal')
+    },
+    function: {
+        color: token('literal')
+    },
+    entity: {
+        color: token('literal')
+    },
+    deleted: {
+        color: 'var(--error, var(--destructive))'
+    },
+    important: {
+        fontWeight: 600
+    },
+    bold: {
+        fontWeight: 600
+    },
+    italic: {
+        fontStyle: 'italic'
+    }
+};
+const lineNumberStyle = {
+    minWidth: '2.25em',
+    paddingRight: '1em',
+    color: 'var(--foreground-subtle)',
+    textAlign: 'right',
+    userSelect: 'none'
+};
+const DEFAULT_CODE_BLOCK_STRINGS = {
+    copy: 'Copy code',
+    copied: 'Copied',
+    plainText: 'Text'
+};
+const COPIED_RESET_MS = 2000;
+const CodeBlockHeader = /*#__PURE__*/ forwardRef(({ code, language, strings, className, children, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_CODE_BLOCK_STRINGS,
+        ...strings
+    };
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(void 0);
+    useEffect(()=>()=>clearTimeout(timer.current), []);
+    const handleCopy = async ()=>{
+        if (!await copyTextToClipboard(code)) return;
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>setCopied(false), COPIED_RESET_MS);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        "data-slot": "code-block-header",
+        className: cn('flex items-center justify-between gap-2 border-b border-border-subtle py-1 pr-1 pl-4', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                "data-slot": "code-block-language",
+                className: "min-w-0 truncate text-xs font-medium text-muted-foreground",
+                children: language?.trim() || text.plainText
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: [
+                    children,
+                    /*#__PURE__*/ jsx(Button, {
+                        "data-slot": "code-block-copy",
+                        "data-copied": copied || void 0,
+                        variant: "ghost",
+                        size: "2xs",
+                        icon: true,
+                        "aria-label": text.copy,
+                        title: copied ? text.copied : text.copy,
+                        onClick: handleCopy,
+                        children: copied ? /*#__PURE__*/ jsx(Check, {
+                            "aria-hidden": true
+                        }) : /*#__PURE__*/ jsx(Copy, {
+                            "aria-hidden": true
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("output", {
+                        className: "sr-only",
+                        children: copied ? text.copied : ''
+                    })
+                ]
+            })
+        ]
+    });
+});
+CodeBlockHeader.displayName = 'CodeBlockHeader';
+const code_block_CodeBlockBody = /*#__PURE__*/ memo(function({ code, language, wrap, showLineNumbers }) {
+    return /*#__PURE__*/ jsx(prism_light, {
+        language: language ?? 'text',
+        style: codeBlockTheme,
+        wrapLongLines: wrap,
+        showLineNumbers: showLineNumbers,
+        lineNumberStyle: lineNumberStyle,
+        "data-slot": "code-block-body",
+        "data-wrap": wrap,
+        tabIndex: wrap ? void 0 : 0,
+        className: "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+        children: code
+    });
+});
+const CodeBlock = /*#__PURE__*/ forwardRef(({ code, language, wrap = false, showLineNumbers = false, hideHeader = false, actions, strings, className, ...props }, ref)=>{
+    const source = code.replace(/\n$/, '');
+    const resolved = resolveLanguage(language);
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        "data-slot": "code-block",
+        "data-language": resolved ?? 'text',
+        className: cn('min-w-0 overflow-hidden rounded-lg border border-border-subtle bg-surface-overlay text-foreground', className),
+        ...props,
+        children: [
+            !hideHeader && /*#__PURE__*/ jsx(CodeBlockHeader, {
+                code: source,
+                language: language,
+                strings: strings,
+                children: actions
+            }),
+            /*#__PURE__*/ jsx(code_block_CodeBlockBody, {
+                code: source,
+                language: resolved,
+                wrap: wrap,
+                showLineNumbers: showLineNumbers
+            })
+        ]
+    });
+});
+CodeBlock.displayName = 'CodeBlock';
+export { CodeBlock, CodeBlockHeader, DEFAULT_CODE_BLOCK_STRINGS };

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)
                                                     })
                                                 ]
                                             })