@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/FilePicker/FilePicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","FilePicker","Providers","getRandomNumber","min","max","Math","floor","random","getFile","width","height","fileSize","name","mimeType","size","url","meta","title","component","argTypes","onSelectItem","action","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFile","setSelectedFile","value","createElement","Object","assign","alert","Default","AreaType","type","AreaWithLabel","label","AreaWithLabelRequired","required","AreaWithDescription","description","AreaWithNotes","note","AreaWithErrors","validation","isValid","message","AreaDisabled","AreaWithValidateFunction","setValidation","undefined","validate","AreaFullExample","Compact","CompactWithLabel","CompactWithLabelRequired","CompactWithDescription","CompactWithNotes","CompactWithErrors","CompactDisabled","CompactWithValidateFunction","CompactFullExample","Documentation","handleSelect","handleEdit","file","console","log","handleRemove","options"],"sources":["FilePicker.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { type FileItemDto, FilePicker } from \"~/FilePicker\";\nimport { Providers } from \"~/Providers\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\n    const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n    const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n    const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n    return {\n        name: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePicker> = {\n    title: \"Components/Form/FilePicker\",\n    component: FilePicker,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <Providers>\n                <FilePicker\n                    {...args}\n                    value={selectedFile}\n                    onSelectItem={() => setSelectedFile(getFile())}\n                    onRemoveItem={() => setSelectedFile(null)}\n                    onEditItem={() => alert(`Editing File`)}\n                />\n            </Providers>\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePicker>;\n\nexport const Default: Story = {};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaWithLabel: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const AreaWithLabelRequired: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const AreaWithDescription: Story = {\n    args: {\n        ...AreaType.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const AreaWithNotes: Story = {\n    args: {\n        ...AreaType.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const AreaWithErrors: Story = {\n    args: {\n        ...AreaType.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const AreaDisabled: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const AreaWithValidateFunction: Story = {\n    args: {\n        ...AreaType.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const AreaFullExample: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Compact: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactWithLabel: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const CompactWithLabelRequired: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const CompactWithDescription: Story = {\n    args: {\n        ...Compact.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const CompactWithNotes: Story = {\n    args: {\n        ...Compact.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const CompactWithErrors: Story = {\n    args: {\n        ...Compact.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const CompactDisabled: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const CompactWithValidateFunction: Story = {\n    args: {\n        ...Compact.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const CompactFullExample: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setSelectedFile(args.value);\n        }, [args.value]);\n\n        const handleSelect = () => {\n            setSelectedFile(getFile());\n            setValidation({ isValid: true, message: \"\" });\n        };\n\n        const handleEdit = (file: any) => {\n            if (file) {\n                console.log(\"Editing file:\", file);\n                alert(`Editing File: ${file.name}`);\n            }\n        };\n\n        const handleRemove = () => {\n            setSelectedFile(null);\n\n            if (args.required) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && !selectedFile) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, selectedFile]);\n\n        return (\n            <Providers>\n                <FilePicker\n                    {...args}\n                    value={selectedFile}\n                    onSelectItem={handleSelect}\n                    onRemoveItem={handleRemove}\n                    onEditItem={handleEdit}\n                    validation={validation}\n                />\n            </Providers>\n        );\n    },\n    args: {\n        label: \"Upload Image\",\n        required: true,\n        disabled: false,\n        description: \"Select a file to upload (JPG, PNG, PDF)\",\n        note: \"Note: Maximum file size is 5MB\",\n        type: \"area\",\n        value: null,\n        validation: undefined,\n        onSelectItem: undefined,\n        onEditItem: undefined,\n        onRemoveItem: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the file picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the file picker when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        type: {\n            description: \"The visual style of the file picker\",\n            control: \"radio\",\n            options: [\"area\", \"compact\"]\n        },\n        value: {\n            description: \"The currently selected file\",\n            control: \"object\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\",\n            control: \"none\"\n        },\n        onSelectItem: {\n            description: \"Function called when a file is selected\",\n            control: \"none\"\n        },\n        onEditItem: {\n            description: \"Function called when a file is edited\",\n            control: \"none\"\n        },\n        onRemoveItem: {\n            description: \"Function called when a file is removed\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","FilePicker","AdminUiProvider","getRandomNumber","min","max","Math","floor","random","getFile","width","height","fileSize","name","mimeType","size","url","meta","title","component","argTypes","onSelectItem","action","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFile","setSelectedFile","value","createElement","Object","assign","alert","Default","AreaType","type","AreaWithLabel","label","AreaWithLabelRequired","required","AreaWithDescription","description","AreaWithNotes","note","AreaWithErrors","validation","isValid","message","AreaDisabled","AreaWithValidateFunction","setValidation","undefined","validate","AreaFullExample","Compact","CompactWithLabel","CompactWithLabelRequired","CompactWithDescription","CompactWithNotes","CompactWithErrors","CompactDisabled","CompactWithValidateFunction","CompactFullExample","Documentation","handleSelect","handleEdit","file","console","log","handleRemove","options"],"sources":["FilePicker.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { type FileItemDto, FilePicker } from \"~/FilePicker/index.js\";\nimport { AdminUiProvider } from \"~/AdminUiProvider/index.js\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\n    const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n    const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n    const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n    return {\n        name: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePicker> = {\n    title: \"Components/Form/FilePicker\",\n    component: FilePicker,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <AdminUiProvider>\n                <FilePicker\n                    {...args}\n                    value={selectedFile}\n                    onSelectItem={() => setSelectedFile(getFile())}\n                    onRemoveItem={() => setSelectedFile(null)}\n                    onEditItem={() => alert(`Editing File`)}\n                />\n            </AdminUiProvider>\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePicker>;\n\nexport const Default: Story = {};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaWithLabel: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const AreaWithLabelRequired: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const AreaWithDescription: Story = {\n    args: {\n        ...AreaType.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const AreaWithNotes: Story = {\n    args: {\n        ...AreaType.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const AreaWithErrors: Story = {\n    args: {\n        ...AreaType.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const AreaDisabled: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const AreaWithValidateFunction: Story = {\n    args: {\n        ...AreaType.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const AreaFullExample: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Compact: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactWithLabel: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const CompactWithLabelRequired: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const CompactWithDescription: Story = {\n    args: {\n        ...Compact.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const CompactWithNotes: Story = {\n    args: {\n        ...Compact.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const CompactWithErrors: Story = {\n    args: {\n        ...Compact.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const CompactDisabled: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const CompactWithValidateFunction: Story = {\n    args: {\n        ...Compact.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const CompactFullExample: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setSelectedFile(args.value);\n        }, [args.value]);\n\n        const handleSelect = () => {\n            setSelectedFile(getFile());\n            setValidation({ isValid: true, message: \"\" });\n        };\n\n        const handleEdit = (file: any) => {\n            if (file) {\n                console.log(\"Editing file:\", file);\n                alert(`Editing File: ${file.name}`);\n            }\n        };\n\n        const handleRemove = () => {\n            setSelectedFile(null);\n\n            if (args.required) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && !selectedFile) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, selectedFile]);\n\n        return (\n            <AdminUiProvider>\n                <FilePicker\n                    {...args}\n                    value={selectedFile}\n                    onSelectItem={handleSelect}\n                    onRemoveItem={handleRemove}\n                    onEditItem={handleEdit}\n                    validation={validation}\n                />\n            </AdminUiProvider>\n        );\n    },\n    args: {\n        label: \"Upload Image\",\n        required: true,\n        disabled: false,\n        description: \"Select a file to upload (JPG, PNG, PDF)\",\n        note: \"Note: Maximum file size is 5MB\",\n        type: \"area\",\n        value: null,\n        validation: undefined,\n        onSelectItem: undefined,\n        onEditItem: undefined,\n        onRemoveItem: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the file picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the file picker when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        type: {\n            description: \"The visual style of the file picker\",\n            control: \"radio\",\n            options: [\"area\", \"compact\"]\n        },\n        value: {\n            description: \"The currently selected file\",\n            control: \"object\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onSelectItem: {\n            description: \"Function called when a file is selected\"\n        },\n        onEditItem: {\n            description: \"Function called when a file is edited\"\n        },\n        onRemoveItem: {\n            description: \"Function called when a file is removed\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/FilePicker/domains/FileItem.d.ts

@@ -1,4 +1,4 @@
-import type { FileItemDto } from "./FileItemDto";
+import type { FileItemDto } from "./FileItemDto.js";
 export declare class FileItem {
     private readonly _id;
     private readonly _name;

package/FilePicker/domains/FileItem.js

@@ -1,4 +1,4 @@
-import { generateId } from "../../utils";
+import { generateId } from "../../utils.js";
 export class FileItem {
   constructor(data) {
     this._id = data.id;

package/FilePicker/domains/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","FileItem","constructor","data","_id","id","_name","name","_url","url","_mimeType","mimeType","_size","size","create","getDefaultMimeType","createFromUrl","documentUrl","URL","pathname","substring","lastIndexOf","extension","split","pop","toLowerCase","mimeTypes","jpg","jpeg","png","gif","bmp","webp","svg","ico","tif","tiff","pdf","txt","csv","json","xml","html","xhtml","md","doc","docx","xls","xlsx","ppt","pptx","odt","ods","odp","mp3","wav","ogg","flac","aac","m4a","mp4","avi","mov","mkv","webm","flv","wmv","zip","rar","tar","gz","bz2","js","ts","css","py","java","c","cpp","sh","php","rb","go","swift"],"sources":["FileItem.ts"],"sourcesContent":["import type { FileItemDto } from \"./FileItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class FileItem {\n    private readonly _id: string;\n    private readonly _name: string;\n    private readonly _url: string;\n    private readonly _mimeType: string;\n    private readonly _size: number;\n\n    protected constructor(data: {\n        id: string;\n        name: string;\n        url: string;\n        mimeType: string;\n        size: number;\n    }) {\n        this._id = data.id;\n        this._name = data.name;\n        this._url = data.url;\n        this._mimeType = data.mimeType;\n        this._size = data.size;\n    }\n\n    static create(data: FileItemDto): FileItem {\n        return new FileItem({\n            id: generateId(data.id),\n            name: data.name ?? data.url,\n            url: data.url,\n            mimeType: data.mimeType ?? this.getDefaultMimeType(),\n            size: data.size ?? 0\n        });\n    }\n\n    static createFromUrl(url: string): FileItem {\n        const documentUrl = new URL(url);\n        const pathname = documentUrl.pathname;\n        const name = pathname.substring(pathname.lastIndexOf(\"/\") + 1);\n        const extension = name.split(\".\").pop()?.toLowerCase() || \"\";\n\n        // Map extensions to mimetypes\n        const mimeTypes: Record<string, string> = {\n            // Images\n            jpg: \"image/jpeg\",\n            jpeg: \"image/jpeg\",\n            png: \"image/png\",\n            gif: \"image/gif\",\n            bmp: \"image/bmp\",\n            webp: \"image/webp\",\n            svg: \"image/svg+xml\",\n            ico: \"image/x-icon\",\n            tif: \"image/tiff\",\n            tiff: \"image/tiff\",\n\n            // Documents\n            pdf: \"application/pdf\",\n            txt: \"text/plain\",\n            csv: \"text/csv\",\n            json: \"application/json\",\n            xml: \"application/xml\",\n            html: \"text/html\",\n            xhtml: \"application/xhtml+xml\",\n            md: \"text/markdown\",\n\n            // Microsoft Office\n            doc: \"application/msword\",\n            docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n            xls: \"application/vnd.ms-excel\",\n            xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n            ppt: \"application/vnd.ms-powerpoint\",\n            pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\n            // Open Document Format\n            odt: \"application/vnd.oasis.opendocument.text\",\n            ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n            odp: \"application/vnd.oasis.opendocument.presentation\",\n\n            // Audio\n            mp3: \"audio/mpeg\",\n            wav: \"audio/wav\",\n            ogg: \"audio/ogg\",\n            flac: \"audio/flac\",\n            aac: \"audio/aac\",\n            m4a: \"audio/mp4\",\n\n            // Video\n            mp4: \"video/mp4\",\n            avi: \"video/x-msvideo\",\n            mov: \"video/quicktime\",\n            mkv: \"video/x-matroska\",\n            webm: \"video/webm\",\n            flv: \"video/x-flv\",\n            wmv: \"video/x-ms-wmv\",\n\n            // Archives & Compressed\n            zip: \"application/zip\",\n            rar: \"application/vnd.rar\",\n            tar: \"application/x-tar\",\n            gz: \"application/gzip\",\n            bz2: \"application/x-bzip2\",\n            \"7z\": \"application/x-7z-compressed\",\n\n            // Code & Scripts\n            js: \"application/javascript\",\n            ts: \"application/typescript\",\n            css: \"text/css\",\n            py: \"text/x-python\",\n            java: \"text/x-java-source\",\n            c: \"text/x-c\",\n            cpp: \"text/x-c++\",\n            sh: \"application/x-sh\",\n            php: \"application/x-httpd-php\",\n            rb: \"application/x-ruby\",\n            go: \"text/x-go\",\n            swift: \"text/x-swift\"\n        };\n\n        return new FileItem({\n            id: generateId(),\n            name,\n            url,\n            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),\n            size: 0\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get url() {\n        return this._url;\n    }\n\n    get size() {\n        return this._size;\n    }\n\n    get mimeType() {\n        return this._mimeType;\n    }\n\n    private static getDefaultMimeType(): string {\n        return \"application/octet-stream\";\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["generateId","FileItem","constructor","data","_id","id","_name","name","_url","url","_mimeType","mimeType","_size","size","create","getDefaultMimeType","createFromUrl","documentUrl","URL","pathname","substring","lastIndexOf","extension","split","pop","toLowerCase","mimeTypes","jpg","jpeg","png","gif","bmp","webp","svg","ico","tif","tiff","pdf","txt","csv","json","xml","html","xhtml","md","doc","docx","xls","xlsx","ppt","pptx","odt","ods","odp","mp3","wav","ogg","flac","aac","m4a","mp4","avi","mov","mkv","webm","flv","wmv","zip","rar","tar","gz","bz2","js","ts","css","py","java","c","cpp","sh","php","rb","go","swift"],"sources":["FileItem.ts"],"sourcesContent":["import type { FileItemDto } from \"./FileItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class FileItem {\n    private readonly _id: string;\n    private readonly _name: string;\n    private readonly _url: string;\n    private readonly _mimeType: string;\n    private readonly _size: number;\n\n    protected constructor(data: {\n        id: string;\n        name: string;\n        url: string;\n        mimeType: string;\n        size: number;\n    }) {\n        this._id = data.id;\n        this._name = data.name;\n        this._url = data.url;\n        this._mimeType = data.mimeType;\n        this._size = data.size;\n    }\n\n    static create(data: FileItemDto): FileItem {\n        return new FileItem({\n            id: generateId(data.id),\n            name: data.name ?? data.url,\n            url: data.url,\n            mimeType: data.mimeType ?? this.getDefaultMimeType(),\n            size: data.size ?? 0\n        });\n    }\n\n    static createFromUrl(url: string): FileItem {\n        const documentUrl = new URL(url);\n        const pathname = documentUrl.pathname;\n        const name = pathname.substring(pathname.lastIndexOf(\"/\") + 1);\n        const extension = name.split(\".\").pop()?.toLowerCase() || \"\";\n\n        // Map extensions to mimetypes\n        const mimeTypes: Record<string, string> = {\n            // Images\n            jpg: \"image/jpeg\",\n            jpeg: \"image/jpeg\",\n            png: \"image/png\",\n            gif: \"image/gif\",\n            bmp: \"image/bmp\",\n            webp: \"image/webp\",\n            svg: \"image/svg+xml\",\n            ico: \"image/x-icon\",\n            tif: \"image/tiff\",\n            tiff: \"image/tiff\",\n\n            // Documents\n            pdf: \"application/pdf\",\n            txt: \"text/plain\",\n            csv: \"text/csv\",\n            json: \"application/json\",\n            xml: \"application/xml\",\n            html: \"text/html\",\n            xhtml: \"application/xhtml+xml\",\n            md: \"text/markdown\",\n\n            // Microsoft Office\n            doc: \"application/msword\",\n            docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n            xls: \"application/vnd.ms-excel\",\n            xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n            ppt: \"application/vnd.ms-powerpoint\",\n            pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\n            // Open Document Format\n            odt: \"application/vnd.oasis.opendocument.text\",\n            ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n            odp: \"application/vnd.oasis.opendocument.presentation\",\n\n            // Audio\n            mp3: \"audio/mpeg\",\n            wav: \"audio/wav\",\n            ogg: \"audio/ogg\",\n            flac: \"audio/flac\",\n            aac: \"audio/aac\",\n            m4a: \"audio/mp4\",\n\n            // Video\n            mp4: \"video/mp4\",\n            avi: \"video/x-msvideo\",\n            mov: \"video/quicktime\",\n            mkv: \"video/x-matroska\",\n            webm: \"video/webm\",\n            flv: \"video/x-flv\",\n            wmv: \"video/x-ms-wmv\",\n\n            // Archives & Compressed\n            zip: \"application/zip\",\n            rar: \"application/vnd.rar\",\n            tar: \"application/x-tar\",\n            gz: \"application/gzip\",\n            bz2: \"application/x-bzip2\",\n            \"7z\": \"application/x-7z-compressed\",\n\n            // Code & Scripts\n            js: \"application/javascript\",\n            ts: \"application/typescript\",\n            css: \"text/css\",\n            py: \"text/x-python\",\n            java: \"text/x-java-source\",\n            c: \"text/x-c\",\n            cpp: \"text/x-c++\",\n            sh: \"application/x-sh\",\n            php: \"application/x-httpd-php\",\n            rb: \"application/x-ruby\",\n            go: \"text/x-go\",\n            swift: \"text/x-swift\"\n        };\n\n        return new FileItem({\n            id: generateId(),\n            name,\n            url,\n            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),\n            size: 0\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get url() {\n        return this._url;\n    }\n\n    get size() {\n        return this._size;\n    }\n\n    get mimeType() {\n        return this._mimeType;\n    }\n\n    private static getDefaultMimeType(): string {\n        return \"application/octet-stream\";\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/FilePicker/domains/FileItemFormatter.d.ts

@@ -1,5 +1,5 @@
-import type { FileItem } from "./FileItem";
-import type { FileItemFormatted } from "./FileItemFormatted";
+import type { FileItem } from "./FileItem.js";
+import type { FileItemFormatted } from "./FileItemFormatted.js";
 export declare class FileItemFormatter {
     static format(item: FileItem): FileItemFormatted;
 }

package/FilePicker/domains/FileItemFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileItemFormatter","format","item","id","name","url","mimeType","size"],"sources":["FileItemFormatter.ts"],"sourcesContent":["import type { FileItem } from \"./FileItem\";\nimport type { FileItemFormatted } from \"./FileItemFormatted\";\n\nexport class FileItemFormatter {\n    static format(item: FileItem): FileItemFormatted {\n        return {\n            id: item.id,\n            name: item.name,\n            url: item.url,\n            mimeType: item.mimeType,\n            size: item.size\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,CAAC;EAC3B,OAAOC,MAAMA,CAACC,IAAc,EAAqB;IAC7C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,IAAI,EAAEF,IAAI,CAACE,IAAI;MACfC,GAAG,EAAEH,IAAI,CAACG,GAAG;MACbC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;MACvBC,IAAI,EAAEL,IAAI,CAACK;IACf,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["FileItemFormatter","format","item","id","name","url","mimeType","size"],"sources":["FileItemFormatter.ts"],"sourcesContent":["import type { FileItem } from \"./FileItem.js\";\nimport type { FileItemFormatted } from \"./FileItemFormatted.js\";\n\nexport class FileItemFormatter {\n    static format(item: FileItem): FileItemFormatted {\n        return {\n            id: item.id,\n            name: item.name,\n            url: item.url,\n            mimeType: item.mimeType,\n            size: item.size\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,CAAC;EAC3B,OAAOC,MAAMA,CAACC,IAAc,EAAqB;IAC7C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,IAAI,EAAEF,IAAI,CAACE,IAAI;MACfC,GAAG,EAAEH,IAAI,CAACG,GAAG;MACbC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;MACvBC,IAAI,EAAEL,IAAI,CAACK;IACf,CAAC;EACL;AACJ","ignoreList":[]}

package/FilePicker/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./FileItem";
-export * from "./FileItemDto";
-export * from "./FileItemFormatted";
-export * from "./FileItemFormatter";
+export * from "./FileItem.js";
+export type * from "./FileItemDto.js";
+export type * from "./FileItemFormatted.js";
+export * from "./FileItemFormatter.js";

package/FilePicker/domains/index.js

@@ -1,6 +1,4 @@
-export * from "./FileItem";
-export * from "./FileItemDto";
-export * from "./FileItemFormatted";
-export * from "./FileItemFormatter";
+export * from "./FileItem.js";
+export * from "./FileItemFormatter.js";
 
 //# sourceMappingURL=index.js.map

package/FilePicker/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FileItem\";\nexport * from \"./FileItemDto\";\nexport * from \"./FileItemFormatted\";\nexport * from \"./FileItemFormatter\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./FileItem.js\";\nexport type * from \"./FileItemDto.js\";\nexport type * from \"./FileItemFormatted.js\";\nexport * from \"./FileItemFormatter.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/FilePicker/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./domains";
-export * from "./primitives";
-export * from "./FilePicker";
+export * from "./domains/index.js";
+export * from "./primitives/index.js";
+export * from "./FilePicker.js";

package/FilePicker/index.js

@@ -1,5 +1,5 @@
-export * from "./domains";
-export * from "./primitives";
-export * from "./FilePicker";
+export * from "./domains/index.js";
+export * from "./primitives/index.js";
+export * from "./FilePicker.js";
 
 //# sourceMappingURL=index.js.map

package/FilePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./domains\";\nexport * from \"./primitives\";\nexport * from \"./FilePicker\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./domains/index.js\";\nexport * from \"./primitives/index.js\";\nexport * from \"./FilePicker.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/FilePicker/primitives/FilePickerPrimitive.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
-import { type VariantProps } from "../../utils";
-import type { Label } from "../../Label";
-import type { InputPrimitiveProps } from "../../Input";
-import { FileItem, type FileItemDto, type FileItemFormatted } from "../domains";
-import type { FilePreviewRendererProps, TriggerRendererProps } from "./components/types";
+import { type VariantProps } from "../../utils.js";
+import type { Label } from "../../Label/index.js";
+import type { InputPrimitiveProps } from "../../Input/index.js";
+import { FileItem, type FileItemDto, type FileItemFormatted } from "../domains/index.js";
+import type { FilePreviewRendererProps, TriggerRendererProps } from "./components/types.js";
 declare const filePickerVariants: (props?: ({
     type?: "area" | "compact" | null | undefined;
     variant?: "primary" | "secondary" | "ghost" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 interface FilePickerPrimitiveProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filePickerVariants> {
     /**
      * Custom styles for the container.
@@ -76,66 +76,66 @@ declare const FilePickerPrimitive: (({ className, containerStyle, description, d
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
         original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
     Preview: {
-        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
-            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element;
+        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/index.js").ImagePreviewProps) => React.JSX.Element) & {
+            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/index.js").ImagePreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
-                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element;
+            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/index.js").ImagePreviewProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/index.js").ImagePreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element) & {
-                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/types").FilePreviewDefaultProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/index.js").ImagePreviewProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./components/index.js").ImagePreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
-            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/index.js").RichItemPreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/index.js").RichItemPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/previews/RichItemPreview/RichItemPreview").RichItemPreviewProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/index.js").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./components/index.js").RichItemPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        TextOnly: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
-            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+        TextOnly: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/index.js").TextOnlyPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/index.js").TextOnlyPreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/index.js").TextOnlyPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/index.js").TextOnlyPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/previews/TextOnlyPreview/TextOnlyPreview").TextOnlyPreviewProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/index.js").TextOnlyPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, small, variant, value, ...props }: import("./components/index.js").TextOnlyPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;

package/FilePicker/primitives/FilePickerPrimitive.js

@@ -1,20 +1,20 @@
 import * as React from "react";
-import { cn, cva, makeDecoratable, withStaticProps } from "../../utils";
-import { FilePickerLabel, FilePickerDescription, Trigger } from "./components";
-import { inputVariants } from "../../Input";
-import { ImagePreview, RichItemPreview, TextOnlyPreview, FilePreview } from "./components";
-import { FileItem } from "../domains";
-import { useFilePicker } from "./useFilePicker";
-const filePickerVariants = cva(["wby-w-full wby-border-sm wby-text-md wby-peer wby-rounded-md", "focus-visible:wby-outline-none", "data-[disabled=true]:wby-cursor-not-allowed", "wby-flex wby-flex-col wby-items-start wby-gap-y-sm-extra"], {
+import { cn, cva, makeDecoratable, withStaticProps } from "../../utils.js";
+import { FilePickerLabel, FilePickerDescription, Trigger } from "./components/index.js";
+import { inputVariants } from "../../Input/index.js";
+import { ImagePreview, RichItemPreview, TextOnlyPreview, FilePreview } from "./components/index.js";
+import { FileItem } from "../domains/index.js";
+import { useFilePicker } from "./useFilePicker.js";
+const filePickerVariants = cva(["w-full border-sm text-md peer rounded-md", "focus-visible:outline-none", "data-[disabled=true]:cursor-not-allowed", "flex flex-col items-start gap-y-sm-extra"], {
   variants: {
     type: {
-      area: ["wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] wby-py-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]"],
-      compact: ["wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]"]
+      area: ["px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] py-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]"],
+      compact: ["py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm)-(var(--border-width-sm)))]"]
     },
     variant: {
       primary: "",
       secondary: "",
-      ghost: ["hover:wby-bg-transparent"]
+      ghost: ["hover:bg-transparent"]
     }
   },
   defaultVariants: {
@@ -55,17 +55,17 @@ const BaseFilePickerPrimitive = ({
     }), className),
     style: containerStyle
   }, type === "area" && (label || description) && /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, label && /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-xs"
+    className: "mb-xs"
   }, typeof label === "string" ? /*#__PURE__*/React.createElement(FilePickerLabel, {
     label: label,
-    className: "wby-m-0",
+    className: "m-0",
     disabled: disabled
   }) : label), description && /*#__PURE__*/React.createElement(FilePickerDescription, {
     description: description,
     disabled: disabled,
-    className: "wby-m-0"
+    className: "m-0"
   })), vm.file ? /*#__PURE__*/React.createElement(FilePreview, {
     disabled: disabled,
     onEditItem: onEditItem ? () => onEditItem(vm.file) : undefined,

package/FilePicker/primitives/FilePickerPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","withStaticProps","FilePickerLabel","FilePickerDescription","Trigger","inputVariants","ImagePreview","RichItemPreview","TextOnlyPreview","FilePreview","FileItem","useFilePicker","filePickerVariants","variants","type","area","compact","variant","primary","secondary","ghost","defaultVariants","BaseFilePickerPrimitive","className","containerStyle","description","disabled","invalid","label","onEditItem","onRemoveItem","onSelectItem","placeholder","renderFilePreview","renderTrigger","value","vm","createElement","style","file","undefined","onReplaceItem","text","DecoratableFilePickerPrimitive","FilePickerPrimitive","Preview","Image","RichItem","TextOnly"],"sources":["FilePickerPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable, withStaticProps } from \"~/utils\";\nimport { FilePickerLabel, FilePickerDescription, Trigger } from \"./components\";\nimport type { Label } from \"~/Label\";\nimport type { InputPrimitiveProps } from \"~/Input\";\nimport { inputVariants } from \"~/Input\";\nimport { ImagePreview, RichItemPreview, TextOnlyPreview, FilePreview } from \"./components\";\nimport { FileItem, type FileItemDto, type FileItemFormatted } from \"../domains\";\nimport { useFilePicker } from \"./useFilePicker\";\nimport type { FilePreviewRendererProps, TriggerRendererProps } from \"./components/types\";\n\nconst filePickerVariants = cva(\n    [\n        \"wby-w-full wby-border-sm wby-text-md wby-peer wby-rounded-md\",\n        \"focus-visible:wby-outline-none\",\n        \"data-[disabled=true]:wby-cursor-not-allowed\",\n        \"wby-flex wby-flex-col wby-items-start wby-gap-y-sm-extra\"\n    ],\n    {\n        variants: {\n            type: {\n                area: [\n                    \"wby-px-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))] wby-py-[calc(theme(padding.sm-extra)-theme(borderWidth.sm))]\"\n                ],\n                compact: [\n                    \"wby-py-[calc(theme(padding.xs-plus)-theme(borderWidth.sm))] wby-px-[calc(theme(padding.sm)-theme(borderWidth.sm))]\"\n                ]\n            },\n            variant: {\n                primary: \"\",\n                secondary: \"\",\n                ghost: [\"hover:wby-bg-transparent\"]\n            }\n        },\n        defaultVariants: {\n            type: \"area\",\n            variant: \"primary\"\n        }\n    }\n);\n\ninterface FilePickerPrimitiveProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof filePickerVariants> {\n    /**\n     * Custom styles for the container.\n     */\n    containerStyle?: React.CSSProperties;\n    /**\n     * Indicates if the file picker is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Label for the file picker.\n     */\n    label?: React.ReactElement<typeof Label> | React.ReactNode | string;\n    /**\n     * Description for the file picker.\n     */\n    description?: React.ReactNode | string;\n    /**\n     * Callback triggered when an item is edited.\n     */\n    onEditItem?: (item: FileItemFormatted | null) => void;\n    /**\n     * Callback triggered when an item is removed.\n     */\n    onRemoveItem?: (item: FileItemFormatted | null) => void;\n    /**\n     * Callback triggered when an item is selected.\n     */\n    onSelectItem: () => void;\n    /**\n     * Placeholder text for the file picker.\n     */\n    placeholder?: string;\n    /**\n     * Custom renderer for the file preview.\n     */\n    renderFilePreview?: (props: FilePreviewRendererProps) => React.ReactElement<any>;\n    /**\n     * Custom renderer for the trigger.\n     */\n    renderTrigger?: (props: TriggerRendererProps) => React.ReactElement<any>;\n    /**\n     * Custom styles for the file picker.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Value of the selected file.\n     */\n    value?: FileItemDto | string | null;\n}\n\nconst BaseFilePickerPrimitive = ({\n    className,\n    containerStyle,\n    description,\n    disabled,\n    invalid,\n    label,\n    onEditItem,\n    onRemoveItem,\n    onSelectItem,\n    placeholder,\n    renderFilePreview,\n    renderTrigger,\n    type = \"area\",\n    value,\n    variant\n}: FilePickerPrimitiveProps) => {\n    const { vm } = useFilePicker({ value });\n\n    return (\n        <div\n            data-disabled={disabled}\n            className={cn(\n                inputVariants({ variant, invalid }),\n                filePickerVariants({ type, variant }),\n                className\n            )}\n            style={containerStyle}\n        >\n            {type === \"area\" && (label || description) && (\n                <div className={\"wby-w-full\"}>\n                    {label && (\n                        <div className={\"wby-mb-xs\"}>\n                            {typeof label === \"string\" ? (\n                                <FilePickerLabel\n                                    label={label}\n                                    className={\"wby-m-0\"}\n                                    disabled={disabled}\n                                />\n                            ) : (\n                                label\n                            )}\n                        </div>\n                    )}\n                    {description && (\n                        <FilePickerDescription\n                            description={description}\n                            disabled={disabled}\n                            className={\"wby-m-0\"}\n                        />\n                    )}\n                </div>\n            )}\n            {vm.file ? (\n                <FilePreview\n                    disabled={disabled}\n                    onEditItem={onEditItem ? () => onEditItem(vm.file) : undefined}\n                    onRemoveItem={onRemoveItem ? () => onRemoveItem(vm.file) : undefined}\n                    onReplaceItem={onSelectItem}\n                    renderFilePreview={renderFilePreview}\n                    type={type}\n                    value={vm.file}\n                />\n            ) : (\n                <Trigger\n                    disabled={disabled}\n                    onSelectItem={onSelectItem}\n                    renderTrigger={renderTrigger}\n                    text={placeholder}\n                    type={type}\n                    variant={variant}\n                />\n            )}\n        </div>\n    );\n};\n\nconst DecoratableFilePickerPrimitive = makeDecoratable(\n    \"FilePickerPrimitive\",\n    BaseFilePickerPrimitive\n);\n\nconst FilePickerPrimitive = withStaticProps(DecoratableFilePickerPrimitive, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\n\nexport { FilePickerPrimitive, FileItem, type FilePickerPrimitiveProps, filePickerVariants };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","makeDecoratable","withStaticProps","FilePickerLabel","FilePickerDescription","Trigger","inputVariants","ImagePreview","RichItemPreview","TextOnlyPreview","FilePreview","FileItem","useFilePicker","filePickerVariants","variants","type","area","compact","variant","primary","secondary","ghost","defaultVariants","BaseFilePickerPrimitive","className","containerStyle","description","disabled","invalid","label","onEditItem","onRemoveItem","onSelectItem","placeholder","renderFilePreview","renderTrigger","value","vm","createElement","style","file","undefined","onReplaceItem","text","DecoratableFilePickerPrimitive","FilePickerPrimitive","Preview","Image","RichItem","TextOnly"],"sources":["FilePickerPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { FilePickerLabel, FilePickerDescription, Trigger } from \"./components/index.js\";\nimport type { Label } from \"~/Label/index.js\";\nimport type { InputPrimitiveProps } from \"~/Input/index.js\";\nimport { inputVariants } from \"~/Input/index.js\";\nimport { ImagePreview, RichItemPreview, TextOnlyPreview, FilePreview } from \"./components/index.js\";\nimport { FileItem, type FileItemDto, type FileItemFormatted } from \"../domains/index.js\";\nimport { useFilePicker } from \"./useFilePicker.js\";\nimport type { FilePreviewRendererProps, TriggerRendererProps } from \"./components/types.js\";\n\nconst filePickerVariants = cva(\n    [\n        \"w-full border-sm text-md peer rounded-md\",\n        \"focus-visible:outline-none\",\n        \"data-[disabled=true]:cursor-not-allowed\",\n        \"flex flex-col items-start gap-y-sm-extra\"\n    ],\n    {\n        variants: {\n            type: {\n                area: [\n                    \"px-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))] py-[calc(var(--padding-sm-extra)-(var(--border-width-sm)))]\"\n                ],\n                compact: [\n                    \"py-[calc(var(--padding-xs-plus)-(var(--border-width-sm)))] px-[calc(var(--padding-sm)-(var(--border-width-sm)))]\"\n                ]\n            },\n            variant: {\n                primary: \"\",\n                secondary: \"\",\n                ghost: [\"hover:bg-transparent\"]\n            }\n        },\n        defaultVariants: {\n            type: \"area\",\n            variant: \"primary\"\n        }\n    }\n);\n\ninterface FilePickerPrimitiveProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof filePickerVariants> {\n    /**\n     * Custom styles for the container.\n     */\n    containerStyle?: React.CSSProperties;\n    /**\n     * Indicates if the file picker is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates if the input field is invalid.\n     * Refer to `InputPrimitiveProps[\"invalid\"]` for possible values.\n     */\n    invalid?: InputPrimitiveProps[\"invalid\"];\n    /**\n     * Label for the file picker.\n     */\n    label?: React.ReactElement<typeof Label> | React.ReactNode | string;\n    /**\n     * Description for the file picker.\n     */\n    description?: React.ReactNode | string;\n    /**\n     * Callback triggered when an item is edited.\n     */\n    onEditItem?: (item: FileItemFormatted | null) => void;\n    /**\n     * Callback triggered when an item is removed.\n     */\n    onRemoveItem?: (item: FileItemFormatted | null) => void;\n    /**\n     * Callback triggered when an item is selected.\n     */\n    onSelectItem: () => void;\n    /**\n     * Placeholder text for the file picker.\n     */\n    placeholder?: string;\n    /**\n     * Custom renderer for the file preview.\n     */\n    renderFilePreview?: (props: FilePreviewRendererProps) => React.ReactElement<any>;\n    /**\n     * Custom renderer for the trigger.\n     */\n    renderTrigger?: (props: TriggerRendererProps) => React.ReactElement<any>;\n    /**\n     * Custom styles for the file picker.\n     */\n    style?: React.CSSProperties;\n    /**\n     * Value of the selected file.\n     */\n    value?: FileItemDto | string | null;\n}\n\nconst BaseFilePickerPrimitive = ({\n    className,\n    containerStyle,\n    description,\n    disabled,\n    invalid,\n    label,\n    onEditItem,\n    onRemoveItem,\n    onSelectItem,\n    placeholder,\n    renderFilePreview,\n    renderTrigger,\n    type = \"area\",\n    value,\n    variant\n}: FilePickerPrimitiveProps) => {\n    const { vm } = useFilePicker({ value });\n\n    return (\n        <div\n            data-disabled={disabled}\n            className={cn(\n                inputVariants({ variant, invalid }),\n                filePickerVariants({ type, variant }),\n                className\n            )}\n            style={containerStyle}\n        >\n            {type === \"area\" && (label || description) && (\n                <div className={\"w-full\"}>\n                    {label && (\n                        <div className={\"mb-xs\"}>\n                            {typeof label === \"string\" ? (\n                                <FilePickerLabel\n                                    label={label}\n                                    className={\"m-0\"}\n                                    disabled={disabled}\n                                />\n                            ) : (\n                                label\n                            )}\n                        </div>\n                    )}\n                    {description && (\n                        <FilePickerDescription\n                            description={description}\n                            disabled={disabled}\n                            className={\"m-0\"}\n                        />\n                    )}\n                </div>\n            )}\n            {vm.file ? (\n                <FilePreview\n                    disabled={disabled}\n                    onEditItem={onEditItem ? () => onEditItem(vm.file) : undefined}\n                    onRemoveItem={onRemoveItem ? () => onRemoveItem(vm.file) : undefined}\n                    onReplaceItem={onSelectItem}\n                    renderFilePreview={renderFilePreview}\n                    type={type}\n                    value={vm.file}\n                />\n            ) : (\n                <Trigger\n                    disabled={disabled}\n                    onSelectItem={onSelectItem}\n                    renderTrigger={renderTrigger}\n                    text={placeholder}\n                    type={type}\n                    variant={variant}\n                />\n            )}\n        </div>\n    );\n};\n\nconst DecoratableFilePickerPrimitive = makeDecoratable(\n    \"FilePickerPrimitive\",\n    BaseFilePickerPrimitive\n);\n\nconst FilePickerPrimitive = withStaticProps(DecoratableFilePickerPrimitive, {\n    Preview: {\n        Image: ImagePreview,\n        RichItem: RichItemPreview,\n        TextOnly: TextOnlyPreview\n    }\n});\n\nexport { FilePickerPrimitive, FileItem, type FilePickerPrimitiveProps, filePickerVariants };\n"],"mappings":"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","ignoreList":[]}

package/FilePicker/primitives/FilePickerPrimitive.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { FilePickerPrimitive } from "./FilePickerPrimitive";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { FilePickerPrimitive } from "./FilePickerPrimitive.js";
 declare const meta: Meta<typeof FilePickerPrimitive>;
 export default meta;
 type Story = StoryObj<typeof FilePickerPrimitive>;

package/FilePicker/primitives/FilePickerPrimitive.stories.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { FilePickerPrimitive } from "./FilePickerPrimitive";
+import { FilePickerPrimitive } from "./FilePickerPrimitive.js";
 const getRandomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
 const getFile = () => {
   const width = getRandomNumber(500, 2000); // Random width between 500 and 2000

package/FilePicker/primitives/FilePickerPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","FilePickerPrimitive","getRandomNumber","min","max","Math","floor","random","getFile","width","height","fileSize","name","mimeType","size","url","meta","title","component","argTypes","onSelectItem","action","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFile","setSelectedFile","value","createElement","Object","assign","alert","Default","label","AreaType","type","AreaPrimaryVariant","variant","AreaPrimaryVariantDisabled","AreaPrimaryVariantInvalid","invalid","AreaSecondaryVariant","AreaSecondaryVariantDisabled","AreaSecondaryVariantInvalid","AreaGhostVariant","AreaGhostVariantDisabled","AreaGhostVariantInvalid","AreaWithImagePreview","renderFilePreview","props","Preview","Image","AreaWithImagePreviewLight","AreaWithImagePreviewBase","AreaWithImagePreviewTransparent","AreaWithRichItemPreview","RichItem","AreaWithRichItemPreviewLight","AreaWithRichItemPreviewBase","AreaWithRichItemPreviewTransparent","AreaWithRichItemThumbnailPreview","preview","AreaWithRichItemFileTypePreview","AreaWithRichItemFileTypePlaceholder","AreaWithTextOnlyPreview","TextOnly","AreaWithTextOnlyPreviewLight","AreaWithTextOnlyPreviewBase","AreaWithTextOnlyPreviewTransparent","CompactType","CompactPrimaryVariant","CompactPrimaryVariantDisabled","CompactPrimaryVariantInvalid","CompactSecondaryVariant","CompactSecondaryVariantDisabled","CompactSecondaryVariantInvalid","CompactGhostVariant","CompactGhostVariantDisabled","CompactGhostVariantInvalid","CompactWithTextOnlyPreviewSmall","small"],"sources":["FilePickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { FilePickerPrimitive } from \"./FilePickerPrimitive\";\nimport type { FileItemDto } from \"~/FilePicker/\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\n    const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n    const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n    const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n    return {\n        name: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePickerPrimitive> = {\n    title: \"Components/Form Primitives/FilePicker\",\n    component: FilePickerPrimitive,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <FilePickerPrimitive\n                {...args}\n                value={selectedFile}\n                onSelectItem={() => setSelectedFile(getFile())}\n                onRemoveItem={() => setSelectedFile(null)}\n                onEditItem={() => alert(`Editing File`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Upload background image\"\n    }\n};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaPrimaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const AreaPrimaryVariantDisabled: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaPrimaryVariantInvalid: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaSecondaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const AreaSecondaryVariantDisabled: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaSecondaryVariantInvalid: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaGhostVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const AreaGhostVariantDisabled: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaGhostVariantInvalid: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaWithImagePreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.Image {...props} />\n    }\n};\n\nexport const AreaWithImagePreviewLight: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewBase: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewTransparent: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.RichItem {...props} />\n    }\n};\n\nexport const AreaWithRichItemPreviewLight: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewBase: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewTransparent: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemThumbnailPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"thumbnail\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePreview: Story = {\n    args: {\n        ...AreaType.args,\n        value: {\n            name: \"export.csv\",\n            url: \"export.csv\",\n            mimeType: \"text/csv\",\n            size: 100000\n        },\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"file-type\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePlaceholder: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"placeholder\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.TextOnly {...props} />\n    }\n};\n\nexport const AreaWithTextOnlyPreviewLight: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewBase: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewTransparent: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const CompactType: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactPrimaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const CompactPrimaryVariantDisabled: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactPrimaryVariantInvalid: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactSecondaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const CompactSecondaryVariantDisabled: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactSecondaryVariantInvalid: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactGhostVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const CompactGhostVariantDisabled: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactGhostVariantInvalid: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactWithTextOnlyPreviewSmall: Story = {\n    args: {\n        ...CompactType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.TextOnly {...props} small={true} />\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,mBAAmB;AAG5B,MAAMC,eAAe,GAAGA,CAACC,GAAW,EAAEC,GAAW,KAC7CC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,IAAIH,GAAG,GAAGD,GAAG,GAAG,CAAC,CAAC,CAAC,GAAGA,GAAG;AAErD,MAAMK,OAAO,GAAGA,CAAA,KAAmB;EAC/B,MAAMC,KAAK,GAAGP,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;EAC1C,MAAMQ,MAAM,GAAGR,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;EAC3C,MAAMS,QAAQ,GAAGT,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;EAEnD,OAAO;IACHU,IAAI,EAAE,mBAAmB;IACzBC,QAAQ,EAAE,YAAY;IACtBC,IAAI,EAAEH,QAAQ;IACdI,GAAG,EAAE,yBAAyBN,KAAK,IAAIC,MAAM;EACjD,CAAC;AACL,CAAC;AAED,MAAMM,IAAsC,GAAG;EAC3CC,KAAK,EAAE,uCAAuC;EAC9CC,SAAS,EAAEjB,mBAAmB;EAC9BkB,QAAQ,EAAE;IACNC,YAAY,EAAE;MAAEC,MAAM,EAAE;IAAe,CAAC;IACxCC,UAAU,EAAE;MAAED,MAAM,EAAE;IAAa,CAAC;IACpCE,YAAY,EAAE;MAAEF,MAAM,EAAE;IAAe,CAAC;IACxCG,QAAQ,EAAE;MACNC,OAAO,EAAE,SAAS;MAClBC,YAAY,EAAE;IAClB;EACJ,CAAC;EACDC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGhC,QAAQ,CAAC8B,IAAI,CAACG,KAAK,CAAC;IAC5D,oBACIlC,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,EAAAkC,MAAA,CAAAC,MAAA,KACZN,IAAI;MACRG,KAAK,EAAEF,YAAa;MACpBX,YAAY,EAAEA,CAAA,KAAMY,eAAe,CAACxB,OAAO,CAAC,CAAC,CAAE;MAC/Ce,YAAY,EAAEA,CAAA,KAAMS,eAAe,CAAC,IAAI,CAAE;MAC1CV,UAAU,EAAEA,CAAA,KAAMe,KAAK,CAAC,cAAc;IAAE,EAC3C,CAAC;EAEV;AACJ,CAAC;AAED,eAAerB,IAAI;AAGnB,OAAO,MAAMsB,OAAc,GAAG;EAC1BR,IAAI,EAAE;IACFS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3BV,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfW,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,kBAAyB,GAAG;EACrCZ,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBa,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,0BAAiC,GAAG;EAC7Cd,IAAI,EAAE;IACF,GAAGY,kBAAkB,CAACZ,IAAI;IAC1BN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMqB,yBAAgC,GAAG;EAC5Cf,IAAI,EAAE;IACF,GAAGY,kBAAkB,CAACZ,IAAI;IAC1BgB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,oBAA2B,GAAG;EACvCjB,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBa,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMK,4BAAmC,GAAG;EAC/ClB,IAAI,EAAE;IACF,GAAGiB,oBAAoB,CAACjB,IAAI;IAC5BN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMyB,2BAAkC,GAAG;EAC9CnB,IAAI,EAAE;IACF,GAAGiB,oBAAoB,CAACjB,IAAI;IAC5BgB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMI,gBAAuB,GAAG;EACnCpB,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBa,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMQ,wBAA+B,GAAG;EAC3CrB,IAAI,EAAE;IACF,GAAGoB,gBAAgB,CAACpB,IAAI;IACxBN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAM4B,uBAA8B,GAAG;EAC1CtB,IAAI,EAAE;IACF,GAAGoB,gBAAgB,CAACpB,IAAI;IACxBgB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMO,oBAA2B,GAAG;EACvCvB,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBwB,iBAAiB,EAAEC,KAAK,iBAAIxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACC,KAAK,EAAKF,KAAQ;EAC/E;AACJ,CAAC;AAED,OAAO,MAAMG,yBAAgC,GAAG;EAC5C5B,IAAI,EAAE;IACF,GAAGuB,oBAAoB,CAACvB,IAAI;IAC5BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACC,KAAK,EAAAtB,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAQ,GAAKY,KAAK,CAAG;EAEzE;AACJ,CAAC;AAED,OAAO,MAAMI,wBAA+B,GAAG;EAC3C7B,IAAI,EAAE;IACF,GAAGuB,oBAAoB,CAACvB,IAAI;IAC5BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACC,KAAK,EAAAtB,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAO,GAAKY,KAAK,CAAG;EAExE;AACJ,CAAC;AAED,OAAO,MAAMK,+BAAsC,GAAG;EAClD9B,IAAI,EAAE;IACF,GAAGuB,oBAAoB,CAACvB,IAAI;IAC5BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACC,KAAK,EAAAtB,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAc,GAAKY,KAAK,CAAG;EAE/E;AACJ,CAAC;AAED,OAAO,MAAMM,uBAA8B,GAAG;EAC1C/B,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBwB,iBAAiB,EAAEC,KAAK,iBAAIxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAKP,KAAQ;EAClF;AACJ,CAAC;AAED,OAAO,MAAMQ,4BAAmC,GAAG;EAC/CjC,IAAI,EAAE;IACF,GAAG+B,uBAAuB,CAAC/B,IAAI;IAC/BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAA3B,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAQ,GAAKY,KAAK,CAAG;EAE5E;AACJ,CAAC;AAED,OAAO,MAAMS,2BAAkC,GAAG;EAC9ClC,IAAI,EAAE;IACF,GAAG+B,uBAAuB,CAAC/B,IAAI;IAC/BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAA3B,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAO,GAAKY,KAAK,CAAG;EAE3E;AACJ,CAAC;AAED,OAAO,MAAMU,kCAAyC,GAAG;EACrDnC,IAAI,EAAE;IACF,GAAG+B,uBAAuB,CAAC/B,IAAI;IAC/BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAA3B,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAc,GAAKY,KAAK,CAAG;EAElF;AACJ,CAAC;AAED,OAAO,MAAMW,gCAAuC,GAAG;EACnDpC,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAA3B,MAAA,CAAAC,MAAA;MAAC+B,OAAO,EAAE;IAAY,GAAKZ,KAAK,CAAG;EAEhF;AACJ,CAAC;AAED,OAAO,MAAMa,+BAAsC,GAAG;EAClDtC,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBG,KAAK,EAAE;MACHrB,IAAI,EAAE,YAAY;MAClBG,GAAG,EAAE,YAAY;MACjBF,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE;IACV,CAAC;IACDwC,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAA3B,MAAA,CAAAC,MAAA;MAAC+B,OAAO,EAAE;IAAY,GAAKZ,KAAK,CAAG;EAEhF;AACJ,CAAC;AAED,OAAO,MAAMc,mCAA0C,GAAG;EACtDvC,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACM,QAAQ,EAAA3B,MAAA,CAAAC,MAAA;MAAC+B,OAAO,EAAE;IAAc,GAAKZ,KAAK,CAAG;EAElF;AACJ,CAAC;AAED,OAAO,MAAMe,uBAA8B,GAAG;EAC1CxC,IAAI,EAAE;IACF,GAAGU,QAAQ,CAACV,IAAI;IAChBwB,iBAAiB,EAAEC,KAAK,iBAAIxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACe,QAAQ,EAAKhB,KAAQ;EAClF;AACJ,CAAC;AAED,OAAO,MAAMiB,4BAAmC,GAAG;EAC/C1C,IAAI,EAAE;IACF,GAAGwC,uBAAuB,CAACxC,IAAI;IAC/BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACe,QAAQ,EAAApC,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAQ,GAAKY,KAAK,CAAG;EAE5E;AACJ,CAAC;AAED,OAAO,MAAMkB,2BAAkC,GAAG;EAC9C3C,IAAI,EAAE;IACF,GAAGwC,uBAAuB,CAACxC,IAAI;IAC/BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACe,QAAQ,EAAApC,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAO,GAAKY,KAAK,CAAG;EAE3E;AACJ,CAAC;AAED,OAAO,MAAMmB,kCAAyC,GAAG;EACrD5C,IAAI,EAAE;IACF,GAAGwC,uBAAuB,CAACxC,IAAI;IAC/BwB,iBAAiB,EAAEC,KAAK,iBACpBxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACe,QAAQ,EAAApC,MAAA,CAAAC,MAAA;MAACO,OAAO,EAAE;IAAc,GAAKY,KAAK,CAAG;EAElF;AACJ,CAAC;AAED,OAAO,MAAMoB,WAAkB,GAAG;EAC9B7C,IAAI,EAAE;IACF,GAAGQ,OAAO,CAACR,IAAI;IACfW,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMmC,qBAA4B,GAAG;EACxC9C,IAAI,EAAE;IACF,GAAG6C,WAAW,CAAC7C,IAAI;IACnBa,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMkC,6BAAoC,GAAG;EAChD/C,IAAI,EAAE;IACF,GAAG8C,qBAAqB,CAAC9C,IAAI;IAC7BN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMsD,4BAAmC,GAAG;EAC/ChD,IAAI,EAAE;IACF,GAAG8C,qBAAqB,CAAC9C,IAAI;IAC7BgB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMiC,uBAA8B,GAAG;EAC1CjD,IAAI,EAAE;IACF,GAAG6C,WAAW,CAAC7C,IAAI;IACnBa,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMqC,+BAAsC,GAAG;EAClDlD,IAAI,EAAE;IACF,GAAGiD,uBAAuB,CAACjD,IAAI;IAC/BN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMyD,8BAAqC,GAAG;EACjDnD,IAAI,EAAE;IACF,GAAGiD,uBAAuB,CAACjD,IAAI;IAC/BgB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMoC,mBAA0B,GAAG;EACtCpD,IAAI,EAAE;IACF,GAAG6C,WAAW,CAAC7C,IAAI;IACnBa,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMwC,2BAAkC,GAAG;EAC9CrD,IAAI,EAAE;IACF,GAAGoD,mBAAmB,CAACpD,IAAI;IAC3BN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAM4D,0BAAiC,GAAG;EAC7CtD,IAAI,EAAE;IACF,GAAGoD,mBAAmB,CAACpD,IAAI;IAC3BgB,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMuC,+BAAsC,GAAG;EAClDvD,IAAI,EAAE;IACF,GAAG6C,WAAW,CAAC7C,IAAI;IACnBwB,iBAAiB,EAAEC,KAAK,iBAAIxD,KAAA,CAAAmC,aAAA,CAACjC,mBAAmB,CAACuD,OAAO,CAACe,QAAQ,EAAApC,MAAA,CAAAC,MAAA,KAAKmB,KAAK;MAAE+B,KAAK,EAAE;IAAK,EAAE;EAC/F;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","FilePickerPrimitive","getRandomNumber","min","max","Math","floor","random","getFile","width","height","fileSize","name","mimeType","size","url","meta","title","component","argTypes","onSelectItem","action","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFile","setSelectedFile","value","createElement","Object","assign","alert","Default","label","AreaType","type","AreaPrimaryVariant","variant","AreaPrimaryVariantDisabled","AreaPrimaryVariantInvalid","invalid","AreaSecondaryVariant","AreaSecondaryVariantDisabled","AreaSecondaryVariantInvalid","AreaGhostVariant","AreaGhostVariantDisabled","AreaGhostVariantInvalid","AreaWithImagePreview","renderFilePreview","props","Preview","Image","AreaWithImagePreviewLight","AreaWithImagePreviewBase","AreaWithImagePreviewTransparent","AreaWithRichItemPreview","RichItem","AreaWithRichItemPreviewLight","AreaWithRichItemPreviewBase","AreaWithRichItemPreviewTransparent","AreaWithRichItemThumbnailPreview","preview","AreaWithRichItemFileTypePreview","AreaWithRichItemFileTypePlaceholder","AreaWithTextOnlyPreview","TextOnly","AreaWithTextOnlyPreviewLight","AreaWithTextOnlyPreviewBase","AreaWithTextOnlyPreviewTransparent","CompactType","CompactPrimaryVariant","CompactPrimaryVariantDisabled","CompactPrimaryVariantInvalid","CompactSecondaryVariant","CompactSecondaryVariantDisabled","CompactSecondaryVariantInvalid","CompactGhostVariant","CompactGhostVariantDisabled","CompactGhostVariantInvalid","CompactWithTextOnlyPreviewSmall","small"],"sources":["FilePickerPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { FilePickerPrimitive } from \"./FilePickerPrimitive.js\";\nimport type { FileItemDto } from \"~/FilePicker//index.js\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\n    const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n    const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n    const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n    return {\n        name: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePickerPrimitive> = {\n    title: \"Components/Form Primitives/FilePicker\",\n    component: FilePickerPrimitive,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <FilePickerPrimitive\n                {...args}\n                value={selectedFile}\n                onSelectItem={() => setSelectedFile(getFile())}\n                onRemoveItem={() => setSelectedFile(null)}\n                onEditItem={() => alert(`Editing File`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePickerPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Upload background image\"\n    }\n};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaPrimaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const AreaPrimaryVariantDisabled: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaPrimaryVariantInvalid: Story = {\n    args: {\n        ...AreaPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaSecondaryVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const AreaSecondaryVariantDisabled: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaSecondaryVariantInvalid: Story = {\n    args: {\n        ...AreaSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaGhostVariant: Story = {\n    args: {\n        ...AreaType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const AreaGhostVariantDisabled: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const AreaGhostVariantInvalid: Story = {\n    args: {\n        ...AreaGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const AreaWithImagePreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.Image {...props} />\n    }\n};\n\nexport const AreaWithImagePreviewLight: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewBase: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithImagePreviewTransparent: Story = {\n    args: {\n        ...AreaWithImagePreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.Image variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.RichItem {...props} />\n    }\n};\n\nexport const AreaWithRichItemPreviewLight: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewBase: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemPreviewTransparent: Story = {\n    args: {\n        ...AreaWithRichItemPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemThumbnailPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"thumbnail\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePreview: Story = {\n    args: {\n        ...AreaType.args,\n        value: {\n            name: \"export.csv\",\n            url: \"export.csv\",\n            mimeType: \"text/csv\",\n            size: 100000\n        },\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"file-type\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithRichItemFileTypePlaceholder: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.RichItem preview={\"placeholder\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreview: Story = {\n    args: {\n        ...AreaType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.TextOnly {...props} />\n    }\n};\n\nexport const AreaWithTextOnlyPreviewLight: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"light\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewBase: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"base\"} {...props} />\n        )\n    }\n};\n\nexport const AreaWithTextOnlyPreviewTransparent: Story = {\n    args: {\n        ...AreaWithTextOnlyPreview.args,\n        renderFilePreview: props => (\n            <FilePickerPrimitive.Preview.TextOnly variant={\"transparent\"} {...props} />\n        )\n    }\n};\n\nexport const CompactType: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactPrimaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"primary\"\n    }\n};\n\nexport const CompactPrimaryVariantDisabled: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactPrimaryVariantInvalid: Story = {\n    args: {\n        ...CompactPrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactSecondaryVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"secondary\"\n    }\n};\n\nexport const CompactSecondaryVariantDisabled: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactSecondaryVariantInvalid: Story = {\n    args: {\n        ...CompactSecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactGhostVariant: Story = {\n    args: {\n        ...CompactType.args,\n        variant: \"ghost\"\n    }\n};\n\nexport const CompactGhostVariantDisabled: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const CompactGhostVariantInvalid: Story = {\n    args: {\n        ...CompactGhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const CompactWithTextOnlyPreviewSmall: Story = {\n    args: {\n        ...CompactType.args,\n        renderFilePreview: props => <FilePickerPrimitive.Preview.TextOnly {...props} small={true} />\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/FilePicker/primitives/components/Description.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type FormComponentProps } from "../../../FormComponent";
+import { type FormComponentProps } from "../../../FormComponent/index.js";
 type FilePickerDescriptionProps = Pick<FormComponentProps, "description" | "disabled"> & {
     invalid?: boolean;
     className?: string;

package/FilePicker/primitives/components/Description.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { FormComponentDescription } from "../../../FormComponent";
+import { FormComponentDescription } from "../../../FormComponent/index.js";
 const FilePickerDescription = ({
   description,
   disabled,

package/FilePicker/primitives/components/Description.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FormComponentDescription","FilePickerDescription","description","disabled","className","createElement","text"],"sources":["Description.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { FormComponentDescription, type FormComponentProps } from \"~/FormComponent\";\n\ntype FilePickerDescriptionProps = Pick<FormComponentProps, \"description\" | \"disabled\"> & {\n    invalid?: boolean;\n    className?: string;\n};\n\nconst FilePickerDescription = ({\n    description,\n    disabled,\n    className\n}: FilePickerDescriptionProps) => {\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <FormComponentDescription text={description} disabled={disabled} className={className} />\n    );\n};\n\nexport { FilePickerDescription, type FilePickerDescriptionProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,wBAAwB;AAOjC,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,WAAW;EACXC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACF,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIH,KAAA,CAAAM,aAAA,CAACL,wBAAwB;IAACM,IAAI,EAAEJ,WAAY;IAACC,QAAQ,EAAEA,QAAS;IAACC,SAAS,EAAEA;EAAU,CAAE,CAAC;AAEjG,CAAC;AAED,SAASH,qBAAqB","ignoreList":[]}
+{"version":3,"names":["React","FormComponentDescription","FilePickerDescription","description","disabled","className","createElement","text"],"sources":["Description.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { FormComponentDescription, type FormComponentProps } from \"~/FormComponent/index.js\";\n\ntype FilePickerDescriptionProps = Pick<FormComponentProps, \"description\" | \"disabled\"> & {\n    invalid?: boolean;\n    className?: string;\n};\n\nconst FilePickerDescription = ({\n    description,\n    disabled,\n    className\n}: FilePickerDescriptionProps) => {\n    if (!description) {\n        return null;\n    }\n\n    return (\n        <FormComponentDescription text={description} disabled={disabled} className={className} />\n    );\n};\n\nexport { FilePickerDescription, type FilePickerDescriptionProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,wBAAwB;AAOjC,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,WAAW;EACXC,QAAQ;EACRC;AACwB,CAAC,KAAK;EAC9B,IAAI,CAACF,WAAW,EAAE;IACd,OAAO,IAAI;EACf;EAEA,oBACIH,KAAA,CAAAM,aAAA,CAACL,wBAAwB;IAACM,IAAI,EAAEJ,WAAY;IAACC,QAAQ,EAAEA,QAAS;IAACC,SAAS,EAAEA;EAAU,CAAE,CAAC;AAEjG,CAAC;AAED,SAASH,qBAAqB","ignoreList":[]}