thread-ui 0.16.5 → 0.17.0

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.d.ts

@@ -1,15 +0,0 @@
-import { MultiDropdownProps } from './multi-dropdown.types';
-/**
- * Multi-select dropdown — stays open on selection, renders a count badge
- * when values are active, and exposes a per-field clear.
- *
- * @example
- * <MultiDropdown
- *   title="Course"
- *   options={[{ label: 'Main', value: 'main' }, { label: 'Dessert', value: 'dessert' }]}
- *   values={selected}
- *   onToggle={(val) => toggle(val)}
- *   onClear={() => clear()}
- * />
- */
-export declare const MultiDropdown: ({ id, title, options, values, onToggle, onClear, size, icon, showLabel, color, }: MultiDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js

@@ -1,55 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { cva, css } from '../../../../styled-system/css';
-import { DropdownBase } from '../dropdown-base/dropdown-base';
-import { Icon, IconButton } from '../../../../components/ui';
-const styles = {
-    itemStyles: cva({
-        base: {
-            cursor: 'pointer',
-            paddingX: '4',
-            paddingY: '2',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '2',
-            _hover: { backgroundColor: 'hover' },
-        },
-        variants: {
-            isSelected: {
-                true: { backgroundColor: 'active' },
-            },
-        },
-    }),
-    headerStyles: css({
-        height: '5',
-        paddingX: 3,
-        display: 'flex',
-        flexDirection: 'row',
-    }),
-};
-/**
- * Multi-select dropdown — stays open on selection, renders a count badge
- * when values are active, and exposes a per-field clear.
- *
- * @example
- * <MultiDropdown
- *   title="Course"
- *   options={[{ label: 'Main', value: 'main' }, { label: 'Dessert', value: 'dessert' }]}
- *   values={selected}
- *   onToggle={(val) => toggle(val)}
- *   onClear={() => clear()}
- * />
- */
-export const MultiDropdown = ({ id, title, options, values, onToggle, onClear, size, icon, showLabel = true, color, }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const placeholder = !showLabel && title ? title : 'Select...';
-    const triggerLabel = values.length === 0 ? placeholder : `${title ?? 'Selected'} (${values.length})`;
-    return (_jsx(DropdownBase, { id: id, title: showLabel ? title : undefined, options: options, isOpen: isOpen, onToggle: () => setIsOpen((prev) => !prev), onClose: () => {
-            setIsOpen(false);
-        }, listHeader: _jsx("div", { className: styles.headerStyles, children: values.length > 0 && (_jsx(IconButton, { ariaLabel: "Clear selected filters", onClick: onClear, color: "text", name: "X", text: true, size: "sm", children: "Clear" })) }), triggerLabel: triggerLabel, renderItem: (option, index) => {
-            const isSelected = values.includes(option.value);
-            return (_jsxs("li", { className: styles.itemStyles({ isSelected }), onClick: () => onToggle(option.value), children: [_jsx(Icon, { name: isSelected ? 'CheckSquare' : 'Square', size: 12 }), option.label] }, index));
-        }, size: size, icon: icon, color: color }));
-};
-//# sourceMappingURL=multi-dropdown.js.map

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.types.d.ts

@@ -1,25 +0,0 @@
-import { DropdownOption } from '../dropdown-base/dropdown-base.types';
-import { UtilityColorOptions, UtilitySizeOptions } from '../../../../types';
-import { IconNames } from '../../../../components/ui';
-export type MultiDropdownProps = {
-    /** Defaults to `title` if not provided */
-    id?: string;
-    /** Label displayed on the dropdown trigger button */
-    title?: string;
-    /** List of selectable options */
-    options: DropdownOption[];
-    /** Currently selected values */
-    values: (string | number)[];
-    /** Called when an option is toggled on or off */
-    onToggle: (value: string | number) => void;
-    /** Called when all selected values are cleared */
-    onClear: () => void;
-    /** Icon displayed in the dropdown trigger button */
-    icon?: IconNames;
-    /** Color variant for the trigger button */
-    color?: UtilityColorOptions;
-    /** Size variant for the trigger button @default `'md'` */
-    size?: UtilitySizeOptions;
-    /** Shows the title label above the dropdown @default `true` */
-    showLabel?: boolean;
-};

package/dist/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-dropdown.types.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/dropdowns/multi-dropdown/multi-dropdown.types.ts"],"names":[],"mappings":""}

package/dist/components/form-elements/file-upload/components/file-input.d.ts

@@ -1 +0,0 @@
-export declare const FileInput: () => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/form-elements/file-upload/components/file-input.js

@@ -1,95 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef } from 'react';
-import { Icon } from '../../../../components/ui';
-import { useFileUploadContext } from '../file-upload-context';
-import { css, cva, cx } from '../../../../styled-system/css';
-import { Text } from '../../../../components/typography';
-// Styles
-const styles = {
-    dropzone: cva({
-        base: {
-            borderWidth: 'lg',
-            borderStyle: 'dashed',
-            mx: 'auto',
-            rounded: 'lg',
-            textAlign: 'center',
-            display: 'flex',
-            alignItems: 'center',
-            borderColor: 'structure.default',
-            backgroundColor: 'inset',
-        },
-        variants: {
-            size: {
-                sm: { flexDirection: 'row', justifyContent: 'center', gap: '7', p: '3' },
-                md: { flexDirection: 'row', justifyContent: 'center', gap: '7', p: '8' },
-                lg: { flexDirection: 'column', p: '8' },
-            },
-        },
-    }),
-    isDragging: css({ borderColor: 'info.main' }),
-    contents: cva({
-        base: {
-            display: 'flex',
-            gap: '2',
-            flexDirection: 'column',
-            alignItems: 'center',
-        },
-        variants: {
-            size: {
-                sm: { flexDirection: 'row' },
-                md: {},
-                lg: {},
-            },
-        },
-    }),
-    button: cva({
-        base: {
-            color: 'info.main',
-            cursor: 'pointer',
-            _hover: { textDecoration: 'underline' },
-        },
-        variants: {
-            size: {
-                sm: { fontSize: 'xs' },
-                md: {},
-                lg: {},
-            },
-        },
-    }),
-    input: css({
-        display: 'none',
-    }),
-};
-export const FileInput = () => {
-    // Extract Context
-    const { id, name, allowedFileTypes, value, maxNumberFiles, isDragging, required, setIsDragging, size, status, supportedFormatsText, processFile, } = useFileUploadContext();
-    const fileInputRef = useRef(null);
-    // Drag UI Reactions
-    const handleDragOver = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(true);
-    }, []);
-    const handleDragLeave = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(false);
-    }, []);
-    const handleDrop = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(false);
-        const file = e.dataTransfer.files[0];
-        processFile(file);
-    }, []);
-    const handleFileUpload = (e) => {
-        const file = e.target.files?.[0];
-        if (file) {
-            processFile(file);
-        }
-    };
-    // If Maximum FIles Reached, return empty
-    if (maxNumberFiles !== undefined && value.length >= maxNumberFiles) {
-        return;
-    }
-    return (_jsxs("div", { className: cx(styles.dropzone({ size }), isDragging && styles.isDragging), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [_jsx(Icon, { name: "UploadSimple", size: size === 'sm' ? 24 : 48, color: "gray" }), _jsxs("div", { className: styles.contents({ size }), children: [_jsxs("span", { children: [!(size === 'sm') && _jsx(Text, { align: "center", children: "Drag and drop your file here" }), supportedFormatsText && (_jsx(Text, { align: "center", color: "text-secondary", size: "xxs", children: supportedFormatsText })), status && (_jsx(Text, { align: "center", color: "error", size: "xxs", children: status }))] }), _jsx("input", { type: "file", id: id, name: name, className: styles.input, accept: allowedFileTypes?.join(','), onChange: handleFileUpload, required: required, ref: fileInputRef }), _jsx("button", { className: styles.button({ size }), type: "button", onClick: () => fileInputRef.current?.click(), children: "Select a File" })] })] }));
-};
-//# sourceMappingURL=file-input.js.map

package/dist/components/form-elements/file-upload/components/file-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-input.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/file-upload/components/file-upload-content.d.ts

@@ -1 +0,0 @@
-export declare const FileUploadContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/file-upload/components/file-upload-content.js

@@ -1,29 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { css } from '../../../../styled-system/css';
-import { FormLabel } from '../../form-label';
-import { useFileUploadContext } from '../file-upload-context';
-import { Divider, IconButton } from '../../../../components/ui';
-import { FileInput } from './file-input';
-import { FilePreview } from './item-previews';
-import { FileUploadPreview } from './file-upload-preview';
-const styles = {
-    container: css({
-        width: '100%',
-        padding: '1',
-    }),
-    fileWrapper: css({
-        marginBottom: '2',
-        display: 'flex',
-        gap: '1',
-        flexDirection: 'column',
-    }),
-};
-export const FileUploadContent = () => {
-    const { value, name, title, emptyTitle, removeFile, selectedFile, size } = useFileUploadContext();
-    const displayTitle = value.length === 0 ? (emptyTitle ?? title) : title;
-    return (_jsxs("div", { className: styles.container, children: [_jsx(FormLabel, { name: name, title: displayTitle, size: size }), _jsx(Divider, { width: "100%", marginY: "2px" }), _jsxs("div", { children: [value && (_jsx("div", { className: styles.fileWrapper, children: value.map((file, index) => (_jsx(FilePreview, { file: file, actions: _jsx(IconButton, { onClick: () => removeFile(index), name: "XSquare", size: "sm", color: "error" }) }, index))) })), !selectedFile ? (_jsx(FileInput, {})) : (
-                    // Preview Selected File
-                    _jsx(FileUploadPreview, {}))] })] }));
-};
-//# sourceMappingURL=file-upload-content.js.map

package/dist/components/form-elements/file-upload/components/file-upload-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-content.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,GAAG;KACZ,CAAC;IACF,WAAW,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,GAAG;QACR,aAAa,EAAE,QAAQ;KACvB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,GACvE,oBAAoB,EAAE,CAAC;IAExB,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAExE,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,EAC1D,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,GAAG,EACtC,0BAEE,KAAK,IAAI,CACT,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,WAAW,IAEX,IAAI,EAAE,IAAI,EACV,OAAO,EACN,KAAC,UAAU,IACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,GACZ,IARE,KAAK,CAUT,CACF,CAAC,GACG,CACN,EACA,CAAC,YAAY,CAAC,CAAC,CAAC,CAChB,KAAC,SAAS,KAAG,CACb,CAAC,CAAC,CAAC;oBACH,wBAAwB;oBACxB,KAAC,iBAAiB,KAAG,CACrB,IACI,IACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/form-elements/file-upload/components/file-upload-preview.d.ts

@@ -1 +0,0 @@
-export declare const FileUploadPreview: () => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/form-elements/file-upload/components/file-upload-preview.js

@@ -1,51 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { isFileImageType } from '../../../../utils';
-import { TextInput } from '../../text-input';
-import { useFileUploadContext } from '../file-upload-context';
-import { FilePreview, ImageDisplay } from './item-previews';
-import { Button } from '../../../../components/ui';
-import { css } from '../../../../styled-system/css';
-import { Text } from '../../../../components/typography';
-const styles = {
-    container: css({
-        display: 'flex',
-        gap: '4',
-        flexDirection: 'column',
-        width: '100%',
-        marginX: 'auto',
-        justifyContent: {
-            base: 'normal',
-            md: 'space-between',
-        },
-        alignItems: 'center',
-    }),
-    contents: css({
-        width: '100%',
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'start',
-        gap: '2',
-    }),
-    item: css({
-        width: '100%',
-    }),
-    actionBlock: css({
-        alignSelf: 'flex-end',
-        display: 'flex',
-        gap: '3',
-        flexDirection: 'column',
-    }),
-    actionContent: css({
-        display: 'flex',
-        gap: '2',
-    }),
-};
-export const FileUploadPreview = () => {
-    const { selectedFile, preview, customFilename, setCustomFilename, alt, setAlt, handleClearFile, saveFile, } = useFileUploadContext();
-    if (!selectedFile) {
-        return;
-    }
-    return (_jsxs("div", { className: styles.container, children: [preview ? _jsx(ImageDisplay, { src: preview }) : _jsx(FilePreview, { file: selectedFile }), _jsxs("div", { className: styles.contents, children: [_jsxs("div", { className: styles.item, children: [_jsx(TextInput, { name: "filename", title: "Filename:", value: customFilename, onChange: (e) => setCustomFilename(e.target.value), required: true }), _jsxs(Text, { color: "text-secondary", size: "xs", children: ["Extension: .", selectedFile.name.split('.').pop()] })] }), isFileImageType(selectedFile) && (_jsx("div", { className: styles.item, children: _jsx(TextInput, { name: "alt", title: "Alt Text:", value: alt, onChange: (e) => setAlt(e.target.value) }) }))] }), _jsx("div", { className: styles.actionBlock, children: _jsx("div", { className: styles.actionContent, children: _jsxs(_Fragment, { children: [_jsx(Button, { ariaLabel: "Remove File from Upload", type: "button", color: "error", onClick: handleClearFile, children: "Remove" }), _jsx(Button, { ariaLabel: "Add file to upload", type: "button", onClick: saveFile, fullWidth: true, children: "Add File" })] }) }) })] }));
-};
-//# sourceMappingURL=file-upload-preview.js.map

package/dist/components/form-elements/file-upload/components/file-upload-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-preview.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/file-upload-preview.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/file-upload/components/item-previews.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-export type ImageDisplayProps = {
-    src: string;
-    action?: () => void;
-};
-export declare const ImageDisplay: ({ src, action }: ImageDisplayProps) => import("react/jsx-runtime").JSX.Element;
-export type FilePreviewProps = {
-    file: File;
-    actions?: ReactNode;
-};
-export declare const FilePreview: ({ file, actions }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/file-upload/components/item-previews.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '../../../../components/typography';
-import { Icon, IconButton } from '../../../../components/ui';
-import { css } from '../../../../styled-system/css';
-import { isFileImageType } from '../../../../utils';
-const styles = {
-    image: css({
-        width: '100%',
-        height: '100%',
-        objectFit: 'cover',
-        borderRadius: 'md',
-        maxHeight: '24',
-        maxWidth: '24',
-    }),
-    wrapper: css({
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'center',
-        gap: '3',
-    }),
-};
-const fixedImageStyles = {
-    height: 'auto',
-    width: 'auto',
-    maxWidth: '64',
-    maxHeight: '100',
-};
-export const ImageDisplay = ({ src, action }) => {
-    if (action) {
-        return (_jsxs("div", { className: styles.wrapper, children: [_jsx("img", { src: src, alt: "Preview", className: styles.image }), _jsx(IconButton, { onClick: action, name: "XSquare", size: "md", color: "error" })] }));
-    }
-    return _jsx("img", { src: src, alt: "Preview", className: styles.image, style: fixedImageStyles });
-};
-export const FilePreview = ({ file, actions }) => {
-    const styles = {
-        container: css({
-            width: '100%',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            borderRadius: 'md',
-            backgroundColor: 'gray.light',
-            paddingY: '2',
-            paddingX: '5',
-        }),
-        innerWrapper: css({
-            display: 'flex',
-            gap: '2',
-        }),
-        content: css({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-        }),
-    };
-    return (_jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.innerWrapper, children: [_jsx(Icon, { name: isFileImageType(file) ? 'Image' : 'FileText', size: 48, color: "gray" }), _jsxs("div", { className: styles.content, children: [_jsx(Text, { size: "sm", children: file.name }), _jsxs(Text, { size: "xs", color: "text-secondary", children: [(file.size / 1024).toFixed(1), " KB"] })] })] }), actions && actions] }));
-};
-//# sourceMappingURL=item-previews.js.map

package/dist/components/form-elements/file-upload/components/item-previews.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-previews.js","sourceRoot":"","sources":["../../../../../src/components/form-elements/file-upload/components/item-previews.tsx"],"names":[],"mappings":"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"}

package/dist/components/form-elements/file-upload/file-upload-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-context.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/file-upload-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,GACtD,sBAAsB,CAAoB,YAAY,CAAC,CAAC"}

package/dist/components/form-elements/file-upload/file-upload.d.ts

@@ -1,19 +0,0 @@
-import { FileUploadProps } from './file-upload.types';
-/**
- * File upload component with drag-and-drop, file validation, image preview,
- * and optional filename/alt text editing before saving.
- *
- * Validates against allowed MIME types, max file size, and max file count.
- * Image files generate a preview; non-image files show a generic indicator.
- *
- * @example
- * <FileUpload
- *   name="attachments"
- *   value={value}
- *   onChange={onChange}
- *   allowedFileTypes={['image/*', 'application/pdf']}
- *   maxFileSize={5 * 1024 * 1024}
- *   maxNumberFiles={3}
- * />
- */
-export declare const FileUpload: ({ title, emptyTitle, name, id, value, onChange, allowedFileTypes, maxFileSize, maxNumberFiles, supportedFormatsText, required, size, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form-elements/file-upload/file-upload.js

@@ -1,149 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { FileUploadProvider } from './file-upload-context';
-import { isFileImageType } from '../../../utils';
-import { FileUploadContent } from './components/file-upload-content';
-/**
- * File upload component with drag-and-drop, file validation, image preview,
- * and optional filename/alt text editing before saving.
- *
- * Validates against allowed MIME types, max file size, and max file count.
- * Image files generate a preview; non-image files show a generic indicator.
- *
- * @example
- * <FileUpload
- *   name="attachments"
- *   value={value}
- *   onChange={onChange}
- *   allowedFileTypes={['image/*', 'application/pdf']}
- *   maxFileSize={5 * 1024 * 1024}
- *   maxNumberFiles={3}
- * />
- */
-export const FileUpload = ({ title = 'Upload a File', emptyTitle, name, id = name, value, onChange, allowedFileTypes = ['*/*'], maxFileSize, maxNumberFiles, supportedFormatsText, required, size = 'md', }) => {
-    // Init Display States
-    const [isDragging, setIsDragging] = useState(false);
-    const [preview, setPreview] = useState(null);
-    const [status, setStatus] = useState('');
-    // Init File States
-    const [selectedFile, setSelectedFile] = useState(null);
-    const [customFilename, setCustomFilename] = useState('');
-    const [alt, setAlt] = useState('');
-    // Validate File Type
-    const isValidFileType = (file) => {
-        if (allowedFileTypes.includes('*/*'))
-            return true;
-        return allowedFileTypes.some((type) => {
-            // Handle wildcards like 'image/*'
-            if (type.endsWith('/*')) {
-                const category = type.split('/')[0];
-                return file.type.startsWith(`${category}/`);
-            }
-            return file.type === type;
-        });
-    };
-    // File Submissions
-    const processFile = (file) => {
-        // Ensure Maximum is not Exceeded
-        if (maxNumberFiles && value.length >= maxNumberFiles) {
-            setStatus(`Maximum files already added`);
-            return;
-        }
-        // Ensure File is passed
-        if (!file) {
-            setStatus('No File Selected');
-        }
-        // Ensure Valid Type
-        if (!isValidFileType(file)) {
-            setStatus(`Invalid file type. Please select a ${allowedFileTypes.join(', ')} file`);
-            return;
-        }
-        // Ensure Valid Size
-        if (maxFileSize && file.size > maxFileSize) {
-            setStatus(`File too large. Maximum size is ${Math.round(maxFileSize / 1024 / 1024)}MB`);
-            return;
-        }
-        // Extract Original Filename for user Editing
-        const extension = file.name.split('.').pop() || '';
-        const originalName = file.name.replace(`.${extension}`, '');
-        setCustomFilename(originalName);
-        setSelectedFile(file);
-        setStatus('');
-        // Generate Image Preview
-        if (isFileImageType(file)) {
-            const reader = new FileReader();
-            reader.onloadend = () => {
-                const result = reader.result;
-                if (typeof result === 'string') {
-                    setPreview(result);
-                }
-            };
-            reader.readAsDataURL(file);
-        }
-        else {
-            // Clear preview for non-image files
-            setPreview(null);
-        }
-    };
-    // Remove File from files
-    const handleClearFile = () => {
-        setSelectedFile(null);
-        setPreview(null);
-        setCustomFilename('');
-        setStatus('');
-    };
-    // Save Selected file
-    const saveFile = () => {
-        if (selectedFile) {
-            // Create new file with custom name
-            const extension = selectedFile.name.split('.').pop() || '';
-            const newFileName = `${customFilename}.${extension}`;
-            const renamedFile = new File([selectedFile], newFileName, {
-                type: selectedFile.type,
-                lastModified: selectedFile.lastModified,
-            });
-            // Add alt text
-            renamedFile.alt = alt;
-            onChange([...value, renamedFile]);
-            handleClearFile();
-        }
-    };
-    const removeFile = (index) => {
-        // Remove File @ index
-        const updatedFiles = value.filter((_, i) => i !== index);
-        // Save Changes
-        onChange(updatedFiles);
-    };
-    return (_jsx(FileUploadProvider, { value: {
-            id,
-            title,
-            emptyTitle,
-            name,
-            onChange,
-            allowedFileTypes,
-            maxFileSize,
-            maxNumberFiles,
-            supportedFormatsText,
-            required,
-            size,
-            isDragging,
-            setIsDragging,
-            preview,
-            setPreview,
-            status,
-            setStatus,
-            customFilename,
-            setCustomFilename,
-            alt,
-            setAlt,
-            value,
-            selectedFile,
-            setSelectedFile,
-            processFile,
-            handleClearFile,
-            saveFile,
-            removeFile,
-        }, children: _jsx(FileUploadContent, {}) }));
-};
-//# sourceMappingURL=file-upload.js.map

package/dist/components/form-elements/file-upload/file-upload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/file-upload.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,KAAK,GAAG,eAAe,EACvB,UAAU,EACV,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAC1B,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,QAAQ,EACR,IAAI,GAAG,IAAI,GACM,EAAE,EAAE;IACrB,sBAAsB;IACtB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,mBAAmB;IACnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnC,qBAAqB;IACrB,MAAM,eAAe,GAAG,CAAC,IAAU,EAAE,EAAE;QACtC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAClD,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACrC,kCAAkC;YAClC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC;YAC7C,CAAC;YACD,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QAC3B,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,mBAAmB;IACnB,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,EAAE;QAClC,iCAAiC;QACjC,IAAI,cAAc,IAAI,KAAK,CAAC,MAAM,IAAI,cAAc,EAAE,CAAC;YACtD,SAAS,CAAC,6BAA6B,CAAC,CAAC;YACzC,OAAO;QACR,CAAC;QAED,wBAAwB;QACxB,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,SAAS,CAAC,kBAAkB,CAAC,CAAC;QAC/B,CAAC;QAED,oBAAoB;QACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,SAAS,CAAC,sCAAsC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACpF,OAAO;QACR,CAAC;QAED,oBAAoB;QACpB,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,GAAG,WAAW,EAAE,CAAC;YAC5C,SAAS,CAAC,mCAAmC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;YACxF,OAAO;QACR,CAAC;QAED,6CAA6C;QAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5D,iBAAiB,CAAC,YAAY,CAAC,CAAC;QAChC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,SAAS,CAAC,EAAE,CAAC,CAAC;QAEd,yBAAyB;QACzB,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;YAChC,MAAM,CAAC,SAAS,GAAG,GAAG,EAAE;gBACvB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;gBAC7B,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;oBAChC,UAAU,CAAC,MAAM,CAAC,CAAC;gBACpB,CAAC;YACF,CAAC,CAAC;YACF,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACP,oCAAoC;YACpC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACF,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,iBAAiB,CAAC,EAAE,CAAC,CAAC;QACtB,SAAS,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,qBAAqB;IACrB,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,IAAI,YAAY,EAAE,CAAC;YAClB,mCAAmC;YACnC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;YAC3D,MAAM,WAAW,GAAG,GAAG,cAAc,IAAI,SAAS,EAAE,CAAC;YAErD,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,WAAW,EAAE;gBACzD,IAAI,EAAE,YAAY,CAAC,IAAI;gBACvB,YAAY,EAAE,YAAY,CAAC,YAAY;aACvC,CAAC,CAAC;YAEH,eAAe;YACd,WAA8B,CAAC,GAAG,GAAG,GAAG,CAAC;YAE1C,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,WAA6B,CAAC,CAAC,CAAC;YACpD,eAAe,EAAE,CAAC;QACnB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,sBAAsB;QACtB,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QAEzD,eAAe;QACf,QAAQ,CAAC,YAAY,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,kBAAkB,IAClB,KAAK,EAAE;YACN,EAAE;YACF,KAAK;YACL,UAAU;YACV,IAAI;YACJ,QAAQ;YACR,gBAAgB;YAChB,WAAW;YACX,cAAc;YACd,oBAAoB;YACpB,QAAQ;YACR,IAAI;YACJ,UAAU;YACV,aAAa;YACb,OAAO;YACP,UAAU;YACV,MAAM;YACN,SAAS;YACT,cAAc;YACd,iBAAiB;YACjB,GAAG;YACH,MAAM;YACN,KAAK;YACL,YAAY;YACZ,eAAe;YACf,WAAW;YACX,eAAe;YACf,QAAQ;YACR,UAAU;SACV,YAED,KAAC,iBAAiB,KAAG,GACD,CACrB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/form-elements/file-upload/file-upload.types.d.ts

@@ -1,36 +0,0 @@
-import { Prettify } from '../../../types';
-import { BaseInputProps, ControlledValueProps } from '../input-props.types';
-export type UploadableFile = File & {
-    /** Alt text for image files */
-    alt?: string;
-};
-export type FileUploadProps = Prettify<Omit<BaseInputProps, 'placeholder' | 'disabled'> & ControlledValueProps<UploadableFile[], UploadableFile[]> & {
-    /** Optional Title Rendered before file is added */
-    emptyTitle?: string;
-    /** MIME types accepted. Supports wildcards like `image/*` @default `['*\/*']` */
-    allowedFileTypes?: string[];
-    /** Maximum file size in bytes */
-    maxFileSize?: number;
-    /** Maximum number of files that can be uploaded */
-    maxNumberFiles?: number;
-    /** Custom text describing supported formats, shown in the upload area */
-    supportedFormatsText?: string;
-}>;
-export type FileUploadContext = FileUploadProps & {
-    isDragging: boolean;
-    selectedFile: UploadableFile | null;
-    preview: string | null;
-    status: string;
-    customFilename: string;
-    alt: string;
-    setIsDragging: (isDragging: boolean) => void;
-    setSelectedFile: (file: UploadableFile | null) => void;
-    setPreview: (preview: string | null) => void;
-    setStatus: (status: string) => void;
-    setCustomFilename: (filename: string) => void;
-    setAlt: (alt: string) => void;
-    processFile: (file: File) => void;
-    handleClearFile: () => void;
-    saveFile: () => void;
-    removeFile: (index: number) => void;
-};

package/dist/components/form-elements/file-upload/file-upload.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.types.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/file-upload.types.ts"],"names":[],"mappings":""}

package/dist/components/form-elements/file-upload/index.d.ts

@@ -1,3 +0,0 @@
-export type { FileUploadProps, UploadableFile } from './file-upload.types';
-export { FileUpload } from './file-upload';
-export { FilePreview, ImageDisplay } from './components/item-previews';

package/dist/components/form-elements/file-upload/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}