@lmb-it/kitsconcerto-native 0.1.236

package/form/file-pickers/MainUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/file-pickers/MainUploader/index.native.tsx"],"sourcesContent":["import React, {\n    createContext,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport DocumentPicker, { type DocumentPickerOptions } from \"react-native-document-picker\";\nimport { launchImageLibrary } from \"react-native-image-picker\";\nimport RNFS from \"react-native-fs\";\n\nimport {type IFileUploader, type File, type IMemes, toMemes} from \"@lmb-it/kitsconcerto-types\";\nimport { getType } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex } from \"../../../_compat\";\n\nimport SingleFileUploader from \"../SingleFileUploader\";\nimport MultipleFileUploader from \"../MultipleFileUploader\";\nimport SingleImageUploader from \"../SingleImageUploader\";\nimport MultipleImageUploader from \"../MultipleImageUploader\";\nimport {AnyFile} from \"../../../utils\";\n\ntype Base64Item = { filename: string; base64: string; type: string };\n\ninterface IFileUploaderContextValues {\n    onChangeAnyFileUploader(files: File[]): void;\n    onPick(): void;\n    removeFile(fileIndex: number): () => void;\n    onInvalidInput(errors: any): void;\n\n    selectedFiles: File[];\n    selectedInitialFiles: string[];\n\n    placeholder?: string;\n    disabled?: boolean;\n    isClassicUploader: boolean;\n    limit: number;\n    acceptedMemes: string[]; // mime list\n    files: { name: string; ext: string; shortName: string; file: { uri: string } | string }[];\n    id: string;\n    isImage: boolean;\n}\n\nexport const FileUploaderContext = createContext<IFileUploaderContextValues>({\n    onChangeAnyFileUploader: () => {\n    },\n    onPick: () => {},\n    removeFile: () => () => {},\n    onInvalidInput: () => {},\n    disabled: false,\n    limit: 1,\n    isClassicUploader: true,\n    selectedInitialFiles: [],\n    selectedFiles: [],\n    acceptedMemes: [],\n    files: [],\n    id: \"\",\n    isImage: false,\n});\n\nconst stripExt = (name: string) => name.replace(/\\.[^/.]+$/, \"\");\nconst getExt = (name: string) => (name.split(\".\").pop() ?? \"\").toLowerCase();\n\nconst readFileAsBase64 = async (uri: string) => {\n    // DocumentPicker returns fileCopyUri when copyTo is used; use that when possible\n    // RNFS expects file paths without \"file://\"\n    const path = uri.startsWith(\"file://\") ? uri.replace(\"file://\", \"\") : uri;\n    return RNFS.readFile(path, \"base64\");\n};\n\nconst MainUploader = (props: IFileUploader) => {\n    const {\n        acceptedTypes,\n        type,\n        classicUploader = true,\n        limit = 1,\n        onError,\n        onFocus,\n        placeholder,\n        defaultValue,\n        multiple,\n        isJsonOutput = true,\n        onChange,\n        value,\n        name,\n        disabled,\n        maxFileSize,\n        minFileSize,\n        children,\n    } = props;\n\n    const initialValueSynced = useRef(false);\n\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const [selectedInitialFiles, setSelectedInitialFiles] = useState<string[]>([]);\n    const [selectedFilesAsBase64, setSelectedFilesAsBase64] = useState<Base64Item[]>([]);\n\n    const isImage = type === \"Image\";\n    const isOneFile = !multiple || limit < 2;\n\n    const onInvalidInput = (err: any) => onError?.(err);\n\n    const acceptedMemes = useMemo(() => {\n        return acceptedTypes ? toMemes(acceptedTypes) : toMemes(['allFiles']);\n    }, [acceptedTypes]);\n\n    const validateSize = (sizeBytes?: number) => {\n        if (!sizeBytes) return true;\n        const sizeKB = sizeBytes / 1000;\n        if (maxFileSize && sizeKB > maxFileSize) return false;\n        return !(minFileSize && sizeKB < minFileSize);\n\n    };\n\n    const pickDocuments = async () => {\n        try {\n            const types:DocumentPickerOptions = {\n                allowMultiSelection: !isOneFile,\n                // copy to cache so we can read base64 reliably\n                copyTo: \"cachesDirectory\",\n                // DocumentPicker supports mime list; if empty let OS choose anything\n                type: acceptedMemes.length ? acceptedMemes : [DocumentPicker.types.allFiles],\n            }\n\n            const res = await DocumentPicker.pick(types);\n\n            const docs = (Array.isArray(res) ? res : [res]).map((d) => ({\n                uri: (d.fileCopyUri || d.uri) as string,\n                name: d.name || \"file\",\n                type: d.type || undefined,\n                size: d.size || undefined,\n            }));\n\n            const filtered = docs.filter((d) => {\n                const ok = validateSize(d.size);\n                if (!ok) {\n                    onInvalidInput(`File \"${d.name}\" size is not allowed`);\n                }\n                return ok;\n            });\n\n            if (!filtered.length) return;\n            setSelectedFiles((prev) => {\n                if (isOneFile) {\n                    const [first] = filtered;\n                    return first ? [first] : prev;\n                }\n                return [...prev, ...filtered];\n            });\n            onInvalidInput(\"clear\");\n        } catch (e: any) {\n            if (DocumentPicker.isCancel(e)) return;\n            onInvalidInput(e);\n        }\n    };\n\n    const pickImages = async () => {\n        try {\n            const res = await launchImageLibrary({\n                mediaType: \"photo\",\n                selectionLimit: isOneFile ? 1 : limit,\n                includeBase64: true,\n            });\n\n            if (res.didCancel) return;\n            if (res.errorCode) {\n                onInvalidInput(res.errorMessage || res.errorCode);\n                return;\n            }\n\n            const assets = res.assets || [];\n            const mapped: File[] = assets\n                .filter((a) => !!a.uri)\n                .map((a) => ({\n                    uri: a.uri!,\n                    name: a.fileName || \"image\",\n                    type: a.type || \"image/jpeg\",\n                    size: a.fileSize,\n                }))\n                .filter((f) => {\n                    const ok = validateSize(f.size);\n                    if (!ok) onInvalidInput(`File \"${f.name}\" size is not allowed`);\n                    return ok;\n                });\n\n            if (!mapped.length) return;\n\n            setSelectedFiles((prev) => {\n                if (isOneFile) {\n                    const [first] = mapped;\n                    return first ? [first] : prev;\n                }\n                return [...prev, ...mapped];\n            });\n\n            onInvalidInput(\"clear\");\n\n            // for images, we already have base64 in the picker response; store it immediately\n            const b64: Base64Item[] = assets\n                .filter((a) => !!a.base64)\n                .map((a) => ({\n                    filename: stripExt(a.fileName || \"image\"),\n                    base64: a.base64!,\n                    type: a.type || \"image/jpeg\",\n                }));\n\n            // keep order aligned with selectedFiles: for single this is OK; for multi, append\n            setSelectedFilesAsBase64((prev) => (isOneFile ? b64.slice(0, 1) : [...prev, ...b64]));\n        } catch (e: any) {\n            onInvalidInput(e);\n        }\n    };\n\n    const onChangeAnyFileUploader = (files: File[]) => {\n        if (disabled) {\n            return;\n        }\n        const filesList: any[] = [];\n\n        setSelectedFilesAsBase64([]);\n        for (let i = 0; i < files.length; i++) {\n            const f = files[i];\n            if (f) {\n                // @ts-ignore\n                const fileSize = f.size / 1000; // size in KB\n\n                if ((!maxFileSize || fileSize <= maxFileSize) && (!minFileSize || fileSize >= minFileSize)) {\n                    filesList.push(f);\n                    onInvalidInput('clear')\n                } else {\n                    let message = `File \"${f.name}\" is `;\n\n                    if (maxFileSize && fileSize > maxFileSize) {\n                        message += `too large. Maximum allowed is ${maxFileSize/1000} MB.`;\n                    } else if (minFileSize && fileSize < minFileSize) {\n                        message += `too small. Minimum allowed is ${minFileSize/1000} MB.`;\n                    }\n\n                    console.log(message)\n                    onInvalidInput(message);\n                }\n            }\n        }\n\n        if (!isOneFile) {\n            setSelectedFiles(prevState => {\n                return [...prevState, ...filesList];\n            });\n        } else {\n            if (filesList.length)\n                setSelectedFiles(filesList.slice(0, 1));\n        }\n    };\n    const onPick = async () => {\n        if (disabled) return;\n        if (isImage) return pickImages();\n        return pickDocuments();\n    };\n\n    const removeFile = (fileIndex: number) => () => {\n        if (fileIndex < selectedInitialFiles.length) {\n            setSelectedInitialFiles((prev) => prev.filter((_, i) => i !== fileIndex));\n            return;\n        }\n\n        const editIndex = fileIndex - selectedInitialFiles.length;\n        setSelectedFiles((prev) => prev.filter((_, i) => i !== editIndex));\n        setSelectedFilesAsBase64((prev) => prev.filter((_, i) => i !== editIndex));\n    };\n\n    // Convert picked documents to base64 (images handled by picker includeBase64)\n    useEffect(() => {\n        if (isImage) return;\n\n        const run = async () => {\n            try {\n                const next: Base64Item[] = [];\n                for (const f of selectedFiles) {\n                    // only for documents; images might not be readable via RNFS content URIs\n                    const b64 = await readFileAsBase64(f.uri);\n                    next.push({\n                        filename: stripExt(f.name),\n                        base64: b64,\n                        type: f.type || getType(getExt(f.name) as any) || \"application/octet-stream\",\n                    });\n                }\n                setSelectedFilesAsBase64(next);\n            } catch (e) {\n                onInvalidInput(e);\n            }\n        };\n\n        run().then(r => {\n\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFiles, isImage]);\n\n    // Emit onChange\n    useEffect(() => {\n        if (disabled) return;\n\n        if (!selectedFiles.length && !selectedInitialFiles.length) {\n            onChange?.([], []);\n            return;\n        }\n\n        // Respect isJsonOutput (web behavior):\n        // - when true: use base64Data output\n        // - when false: still return picked files list (native file objects)\n        // Output shape is platform-specific via types.native.ts\n        if (isJsonOutput) {\n            if (selectedFilesAsBase64.length === selectedFiles.length || isImage) {\n                onChange?.(selectedFiles as any, selectedFilesAsBase64);\n            }\n        } else {\n            onChange?.(selectedFiles as any, selectedFilesAsBase64);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFilesAsBase64, selectedInitialFiles, selectedFiles]);\n\n    // defaultValue + controlled value sync\n    useEffect(() => {\n        if (defaultValue) {\n            setSelectedInitialFiles(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);\n        }\n    }, [defaultValue]);\n\n    useEffect(() => {\n        if (initialValueSynced.current) return;\n        if (value) {\n            setSelectedInitialFiles(Array.isArray(value) ? value : [value]);\n        }\n        initialValueSynced.current = true;\n    }, [value]);\n\n    const display = useMemo(() => {\n        const fromInitial = selectedInitialFiles.map((uri) => ({\n            name: uri.split(\"/\").pop() ?? uri,\n            shortName:AnyFile.shortName(uri),\n            ext: getExt(uri),\n            file: { uri },\n        }));\n\n        const fromPicked = selectedFiles.map((f) => ({\n            name: f.name,\n            shortName:AnyFile.shortName(f.name),\n            ext: getExt(f.name),\n            file: { uri: f.uri },\n        }));\n\n        return [...fromInitial, ...fromPicked];\n    }, [selectedFiles, selectedInitialFiles]);\n\n    /** Replace entire file selection (for template's update callback) */\n    const updateFiles = (files: File | File[]) => {\n        const arr = Array.isArray(files) ? files : [files];\n        setSelectedFiles(arr);\n        setSelectedInitialFiles([]);\n        setSelectedFilesAsBase64([]);\n    };\n\n    const contextValue = {\n        onChangeAnyFileUploader,\n        onPick,\n        removeFile,\n        onInvalidInput,\n        selectedFiles,\n        selectedInitialFiles,\n        disabled,\n        limit,\n        placeholder,\n        isClassicUploader: classicUploader,\n        acceptedMemes,\n        files: display,\n        id: name ?? \"\",\n        isImage,\n    };\n\n    return (\n        <FileUploaderContext.Provider value={contextValue}>\n            <Flex onFocus={onFocus as any} w={\"full\"} >\n                {children ? children({\n                    values: selectedFiles,\n                    browse: onPick,\n                    update: updateFiles,\n                    remove: (index: number) => removeFile(index)(),\n                    type: isImage ? 'image' : 'file',\n                    isMultiple: !isOneFile,\n                }) : (\n                    <>\n                        {isImage && isOneFile && <SingleImageUploader />}\n                        {!isImage && isOneFile && <SingleFileUploader />}\n                        {!isImage && !isOneFile && <MultipleFileUploader />}\n                        {isImage && !isOneFile && <MultipleImageUploader />}\n                    </>\n                )}\n            </Flex>\n        </FileUploaderContext.Provider>\n    );\n};\n\nexport default MainUploader;\nexport const useUploader = () => useContext(FileUploaderContext);\n"],"names":[],"mappings":"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"}

package/form/file-pickers/MultipleFileUploader/index.cjs

@@ -0,0 +1,170 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+var index_native = require('../MainUploader/index.cjs');
+var index_native$2 = require('../../../primitives/Text/index.cjs');
+var index_native$1 = require('../../../primitives/Icon/index.cjs');
+var locale = require('../../../hooks/locale.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+var Button_native = require('../../../components/Button/Button.cjs');
+require('react');
+
+const iconForExt = (ext) => {
+  const e = ext.toLowerCase();
+  if (["pdf"].includes(e)) return "file-text";
+  if (["doc", "docx"].includes(e)) return "file-text";
+  if (["xls", "xlsx", "csv"].includes(e)) return "file-text";
+  if (["ppt", "pptx"].includes(e)) return "file-text";
+  if (["zip", "rar", "7z"].includes(e)) return "file";
+  if (["mp3", "wav", "ogg"].includes(e)) return "file";
+  if (["mp4", "mov", "avi"].includes(e)) return "file";
+  return "file";
+};
+const MultipleFileUploader = () => {
+  const { onPick, files, removeFile, disabled, limit, placeholder, isClassicUploader } = index_native.useUploader();
+  const { t } = locale.useLanguage();
+  const reachedLimit = files.length >= limit;
+  if (!isClassicUploader) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 12, opacity: disabled ? 0.5 : 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.TouchableOpacity,
+        {
+          activeOpacity: 0.7,
+          disabled: disabled || reachedLimit,
+          onPress: onPick,
+          style: { width: "100%" },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            index.default,
+            {
+              w: "full",
+              borderW: 2,
+              borderStyle: "dashed",
+              borderColor: reachedLimit ? "border" : "primary",
+              borderRadiusLeft: "lg",
+              borderRadiusRight: "lg",
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              py: 32,
+              px: 16,
+              gap: 8,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  index_native$1.Icon,
+                  {
+                    name: "cloud-upload",
+                    size: "lg",
+                    color: reachedLimit ? "text-subtle" : "primary"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { fontSize: 14, color: "text-secondary", textAlign: "center", children: reachedLimit ? t("filesSelected", files.length) + " / " + limit : t("tapToUpload") }),
+                !reachedLimit && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(index_native$2.default, { fontSize: 12, color: "text-subtle", children: [
+                  t("filesSelected", files.length),
+                  " / ",
+                  limit
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(index.default, { w: "full", flexDirection: "column", gap: 6, children: files.map((f, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+        index.default,
+        {
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 10,
+          px: 12,
+          py: 8,
+          borderRadiusLeft: "md",
+          borderRadiusRight: "md",
+          backgroundColor: "bg-input",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              index_native$1.Icon,
+              {
+                name: iconForExt(f.ext),
+                size: "md",
+                color: "text-secondary"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              index_native$2.default,
+              {
+                as: "span",
+                fontSize: 13,
+                color: "text",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                flex: 1,
+                children: f.shortName
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button_native.Button,
+              {
+                icon: "pi pi-times",
+                size: "sm",
+                severity: "danger",
+                onClick: removeFile(idx),
+                disabled
+              }
+            )
+          ]
+        },
+        `${f.name}-${idx}`
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 8, children: [
+    files.map((f, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+      index.default,
+      {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        gap: 8,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            index_native$2.default,
+            {
+              as: "span",
+              fontSize: 13,
+              color: "text-secondary",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              flex: 1,
+              children: f.shortName
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button_native.Button,
+            {
+              icon: "pi pi-times",
+              size: "sm",
+              severity: "danger",
+              onClick: removeFile(idx),
+              disabled
+            }
+          )
+        ]
+      },
+      `${f.name}-${idx}`
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button_native.Button,
+      {
+        label: placeholder ?? t("chooseFile"),
+        w: "full",
+        onClick: onPick,
+        disabled: disabled || reachedLimit
+      }
+    )
+  ] });
+};
+
+exports.default = MultipleFileUploader;
+//# sourceMappingURL=index.cjs.map

package/form/file-pickers/MultipleFileUploader/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/file-pickers/MultipleFileUploader/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { TouchableOpacity } from \"react-native\";\nimport { useUploader } from \"../MainUploader\";\nimport { Button, Flex, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\n\n/**\n * Map a file extension to a representative icon name. Falls back to a\n * generic file icon so the row is never blank.\n */\nconst iconForExt = (ext: string): string => {\n    const e = ext.toLowerCase();\n    if ([\"pdf\"].includes(e)) return \"file-text\";\n    if ([\"doc\", \"docx\"].includes(e)) return \"file-text\";\n    if ([\"xls\", \"xlsx\", \"csv\"].includes(e)) return \"file-text\";\n    if ([\"ppt\", \"pptx\"].includes(e)) return \"file-text\";\n    if ([\"zip\", \"rar\", \"7z\"].includes(e)) return \"file\";\n    if ([\"mp3\", \"wav\", \"ogg\"].includes(e)) return \"file\";\n    if ([\"mp4\", \"mov\", \"avi\"].includes(e)) return \"file\";\n    return \"file\";\n};\n\n/**\n * MultipleFileUploader — native variant.\n *\n *   • non-classic → full-width dashed drop zone (tap to pick). Once files\n *                   are added, they appear below in a vertical list with a\n *                   type-specific icon, the short filename, and an inline\n *                   remove button. The drop zone stays available until\n *                   `limit` is reached.\n *\n *   • classic     → flat list + a wide \"Choose file\" button (used in dense\n *                   layouts where the dropzone would dominate).\n */\nconst MultipleFileUploader = () => {\n    const { onPick, files, removeFile, disabled, limit, placeholder, isClassicUploader } =\n        useUploader();\n    const { t } = useLanguage();\n\n    const reachedLimit = files.length >= limit;\n\n    if (!isClassicUploader) {\n        return (\n            <Flex w={\"full\"} flexDirection={\"column\"} gap={12} opacity={disabled ? 0.5 : 1}>\n                <TouchableOpacity\n                    activeOpacity={0.7}\n                    disabled={disabled || reachedLimit}\n                    onPress={onPick as any}\n                    style={{ width: \"100%\" }}\n                >\n                    <Flex\n                        w={\"full\"}\n                        borderW={2}\n                        borderStyle={\"dashed\"}\n                        borderColor={reachedLimit ? \"border\" : \"primary\"}\n                        borderRadiusLeft={\"lg\"}\n                        borderRadiusRight={\"lg\"}\n                        alignItems={\"center\"}\n                        justifyContent={\"center\"}\n                        flexDirection={\"column\"}\n                        py={32}\n                        px={16}\n                        gap={8}\n                    >\n                        <Icon\n                            name=\"cloud-upload\"\n                            size={\"lg\"}\n                            color={reachedLimit ? \"text-subtle\" : \"primary\"}\n                        />\n                        <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                            {reachedLimit\n                                ? t(\"filesSelected\", files.length) + \" / \" + limit\n                                : t(\"tapToUpload\")}\n                        </Text>\n                        {!reachedLimit && files.length > 0 && (\n                            <Text fontSize={12} color={\"text-subtle\"}>\n                                {t(\"filesSelected\", files.length)} / {limit}\n                            </Text>\n                        )}\n                    </Flex>\n                </TouchableOpacity>\n\n                {/* File list — visible only after picking. Each row mirrors a\n                    file with a type icon, name, and inline remove. */}\n                {files.length > 0 && (\n                    <Flex w={\"full\"} flexDirection={\"column\"} gap={6}>\n                        {files.map((f, idx) => (\n                            <Flex\n                                key={`${f.name}-${idx}`}\n                                flexDirection={\"row\"}\n                                alignItems={\"center\"}\n                                gap={10}\n                                px={12}\n                                py={8}\n                                borderRadiusLeft={\"md\"}\n                                borderRadiusRight={\"md\"}\n                                backgroundColor={\"bg-input\"}\n                            >\n                                <Icon\n                                    name={iconForExt(f.ext) as any}\n                                    size={\"md\"}\n                                    color={\"text-secondary\"}\n                                />\n                                <Text\n                                    as={\"span\"}\n                                    fontSize={13}\n                                    color={\"text\"}\n                                    textOverflow={\"ellipsis\"}\n                                    whiteSpace={\"nowrap\"}\n                                    flex={1}\n                                >\n                                    {f.shortName}\n                                </Text>\n                                <Button\n                                    icon=\"pi pi-times\"\n                                    size={\"sm\"}\n                                    severity={\"danger\"}\n                                    onClick={removeFile(idx)}\n                                    disabled={disabled}\n                                />\n                            </Flex>\n                        ))}\n                    </Flex>\n                )}\n            </Flex>\n        );\n    }\n\n    // Classic mode: list + wide add button.\n    return (\n        <Flex w={\"full\"} flexDirection={\"column\"} gap={8}>\n            {files.map((f, idx) => (\n                <Flex\n                    key={`${f.name}-${idx}`}\n                    flexDirection={\"row\"}\n                    justifyContent={\"space-between\"}\n                    alignItems={\"center\"}\n                    gap={8}\n                >\n                    <Text\n                        as={\"span\"}\n                        fontSize={13}\n                        color={\"text-secondary\"}\n                        textOverflow={\"ellipsis\"}\n                        whiteSpace={\"nowrap\"}\n                        flex={1}\n                    >\n                        {f.shortName}\n                    </Text>\n                    <Button\n                        icon=\"pi pi-times\"\n                        size={\"sm\"}\n                        severity={\"danger\"}\n                        onClick={removeFile(idx)}\n                        disabled={disabled}\n                    />\n                </Flex>\n            ))}\n\n            <Button\n                label={placeholder ?? t(\"chooseFile\")}\n                w={\"full\"}\n                onClick={onPick as any}\n                disabled={disabled || reachedLimit}\n            />\n        </Flex>\n    );\n};\n\nexport default MultipleFileUploader;\n"],"names":["useUploader","useLanguage","jsxs","Flex","jsx","TouchableOpacity","Icon","Text","Button"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,UAAA,GAAa,CAAC,GAAA,KAAwB;AACxC,EAAA,MAAM,CAAA,GAAI,IAAI,WAAA,EAAY;AAC1B,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,QAAA,CAAS,CAAC,GAAG,OAAO,WAAA;AAChC,EAAA,IAAI,CAAC,KAAA,EAAO,MAAM,EAAE,QAAA,CAAS,CAAC,GAAG,OAAO,WAAA;AACxC,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ,KAAK,EAAE,QAAA,CAAS,CAAC,GAAG,OAAO,WAAA;AAC/C,EAAA,IAAI,CAAC,KAAA,EAAO,MAAM,EAAE,QAAA,CAAS,CAAC,GAAG,OAAO,WAAA;AACxC,EAAA,IAAI,CAAC,OAAO,KAAA,EAAO,IAAI,EAAE,QAAA,CAAS,CAAC,GAAG,OAAO,MAAA;AAC7C,EAAA,IAAI,CAAC,OAAO,KAAA,EAAO,KAAK,EAAE,QAAA,CAAS,CAAC,GAAG,OAAO,MAAA;AAC9C,EAAA,IAAI,CAAC,OAAO,KAAA,EAAO,KAAK,EAAE,QAAA,CAAS,CAAC,GAAG,OAAO,MAAA;AAC9C,EAAA,OAAO,MAAA;AACX,CAAA;AAcA,MAAM,uBAAuB,MAAM;AAC/B,EAAA,MAAM,EAAE,QAAQ,KAAA,EAAO,UAAA,EAAY,UAAU,KAAA,EAAO,WAAA,EAAa,iBAAA,EAAkB,GAC/EA,wBAAA,EAAY;AAChB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,kBAAA,EAAY;AAE1B,EAAA,MAAM,YAAA,GAAe,MAAM,MAAA,IAAU,KAAA;AAErC,EAAA,IAAI,CAAC,iBAAA,EAAmB;AACpB,IAAA,uBACIC,eAAA,CAACC,aAAA,EAAA,EAAK,CAAA,EAAG,MAAA,EAAQ,aAAA,EAAe,QAAA,EAAU,GAAA,EAAK,EAAA,EAAI,OAAA,EAAS,QAAA,GAAW,GAAA,GAAM,CAAA,EACzE,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,4BAAA;AAAA,QAAA;AAAA,UACG,aAAA,EAAe,GAAA;AAAA,UACf,UAAU,QAAA,IAAY,YAAA;AAAA,UACtB,OAAA,EAAS,MAAA;AAAA,UACT,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,UAEvB,QAAA,kBAAAH,eAAA;AAAA,YAACC,aAAA;AAAA,YAAA;AAAA,cACG,CAAA,EAAG,MAAA;AAAA,cACH,OAAA,EAAS,CAAA;AAAA,cACT,WAAA,EAAa,QAAA;AAAA,cACb,WAAA,EAAa,eAAe,QAAA,GAAW,SAAA;AAAA,cACvC,gBAAA,EAAkB,IAAA;AAAA,cAClB,iBAAA,EAAmB,IAAA;AAAA,cACnB,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,aAAA,EAAe,QAAA;AAAA,cACf,EAAA,EAAI,EAAA;AAAA,cACJ,EAAA,EAAI,EAAA;AAAA,cACJ,GAAA,EAAK,CAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gCAAAC,cAAA;AAAA,kBAACE,mBAAA;AAAA,kBAAA;AAAA,oBACG,IAAA,EAAK,cAAA;AAAA,oBACL,IAAA,EAAM,IAAA;AAAA,oBACN,KAAA,EAAO,eAAe,aAAA,GAAgB;AAAA;AAAA,iBAC1C;AAAA,+CACCC,sBAAA,EAAA,EAAK,QAAA,EAAU,IAAI,KAAA,EAAO,gBAAA,EAAkB,WAAW,QAAA,EACnD,QAAA,EAAA,YAAA,GACK,CAAA,CAAE,eAAA,EAAiB,MAAM,MAAM,CAAA,GAAI,QAAQ,KAAA,GAC3C,CAAA,CAAE,aAAa,CAAA,EACzB,CAAA;AAAA,gBACC,CAAC,YAAA,IAAgB,KAAA,CAAM,MAAA,GAAS,CAAA,oCAC5BA,sBAAA,EAAA,EAAK,QAAA,EAAU,EAAA,EAAI,KAAA,EAAO,aAAA,EACtB,QAAA,EAAA;AAAA,kBAAA,CAAA,CAAE,eAAA,EAAiB,MAAM,MAAM,CAAA;AAAA,kBAAE,KAAA;AAAA,kBAAI;AAAA,iBAAA,EAC1C;AAAA;AAAA;AAAA;AAER;AAAA,OACJ;AAAA,MAIC,KAAA,CAAM,MAAA,GAAS,CAAA,oBACZH,cAAA,CAACD,iBAAK,CAAA,EAAG,MAAA,EAAQ,aAAA,EAAe,QAAA,EAAU,KAAK,CAAA,EAC1C,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,GAAG,GAAA,qBACXD,eAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UAEG,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,QAAA;AAAA,UACZ,GAAA,EAAK,EAAA;AAAA,UACL,EAAA,EAAI,EAAA;AAAA,UACJ,EAAA,EAAI,CAAA;AAAA,UACJ,gBAAA,EAAkB,IAAA;AAAA,UAClB,iBAAA,EAAmB,IAAA;AAAA,UACnB,eAAA,EAAiB,UAAA;AAAA,UAEjB,QAAA,EAAA;AAAA,4BAAAC,cAAA;AAAA,cAACE,mBAAA;AAAA,cAAA;AAAA,gBACG,IAAA,EAAM,UAAA,CAAW,CAAA,CAAE,GAAG,CAAA;AAAA,gBACtB,IAAA,EAAM,IAAA;AAAA,gBACN,KAAA,EAAO;AAAA;AAAA,aACX;AAAA,4BACAF,cAAA;AAAA,cAACG,sBAAA;AAAA,cAAA;AAAA,gBACG,EAAA,EAAI,MAAA;AAAA,gBACJ,QAAA,EAAU,EAAA;AAAA,gBACV,KAAA,EAAO,MAAA;AAAA,gBACP,YAAA,EAAc,UAAA;AAAA,gBACd,UAAA,EAAY,QAAA;AAAA,gBACZ,IAAA,EAAM,CAAA;AAAA,gBAEL,QAAA,EAAA,CAAA,CAAE;AAAA;AAAA,aACP;AAAA,4BACAH,cAAA;AAAA,cAACI,oBAAA;AAAA,cAAA;AAAA,gBACG,IAAA,EAAK,aAAA;AAAA,gBACL,IAAA,EAAM,IAAA;AAAA,gBACN,QAAA,EAAU,QAAA;AAAA,gBACV,OAAA,EAAS,WAAW,GAAG,CAAA;AAAA,gBACvB;AAAA;AAAA;AACJ;AAAA,SAAA;AAAA,QA/BK,CAAA,EAAG,CAAA,CAAE,IAAI,CAAA,CAAA,EAAI,GAAG,CAAA;AAAA,OAiC5B,CAAA,EACL;AAAA,KAAA,EAER,CAAA;AAAA,EAER;AAGA,EAAA,uCACKL,aAAA,EAAA,EAAK,CAAA,EAAG,QAAQ,aAAA,EAAe,QAAA,EAAU,KAAK,CAAA,EAC1C,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,EAAG,GAAA,qBACXD,eAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QAEG,aAAA,EAAe,KAAA;AAAA,QACf,cAAA,EAAgB,eAAA;AAAA,QAChB,UAAA,EAAY,QAAA;AAAA,QACZ,GAAA,EAAK,CAAA;AAAA,QAEL,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAACG,sBAAA;AAAA,YAAA;AAAA,cACG,EAAA,EAAI,MAAA;AAAA,cACJ,QAAA,EAAU,EAAA;AAAA,cACV,KAAA,EAAO,gBAAA;AAAA,cACP,YAAA,EAAc,UAAA;AAAA,cACd,UAAA,EAAY,QAAA;AAAA,cACZ,IAAA,EAAM,CAAA;AAAA,cAEL,QAAA,EAAA,CAAA,CAAE;AAAA;AAAA,WACP;AAAA,0BACAH,cAAA;AAAA,YAACI,oBAAA;AAAA,YAAA;AAAA,cACG,IAAA,EAAK,aAAA;AAAA,cACL,IAAA,EAAM,IAAA;AAAA,cACN,QAAA,EAAU,QAAA;AAAA,cACV,OAAA,EAAS,WAAW,GAAG,CAAA;AAAA,cACvB;AAAA;AAAA;AACJ;AAAA,OAAA;AAAA,MAtBK,CAAA,EAAG,CAAA,CAAE,IAAI,CAAA,CAAA,EAAI,GAAG,CAAA;AAAA,KAwB5B,CAAA;AAAA,oBAEDJ,cAAA;AAAA,MAACI,oBAAA;AAAA,MAAA;AAAA,QACG,KAAA,EAAO,WAAA,IAAe,CAAA,CAAE,YAAY,CAAA;AAAA,QACpC,CAAA,EAAG,MAAA;AAAA,QACH,OAAA,EAAS,MAAA;AAAA,QACT,UAAU,QAAA,IAAY;AAAA;AAAA;AAC1B,GAAA,EACJ,CAAA;AAER;;;;"}

package/form/file-pickers/MultipleFileUploader/index.js

@@ -0,0 +1,166 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TouchableOpacity } from 'react-native';
+import { useUploader } from '../MainUploader/index.js';
+import Text from '../../../primitives/Text/index.js';
+import { Icon } from '../../../primitives/Icon/index.js';
+import { useLanguage } from '../../../hooks/locale.js';
+import Flex from '../../../layout/Flex/index.js';
+import { Button } from '../../../components/Button/Button.js';
+import 'react';
+
+const iconForExt = (ext) => {
+  const e = ext.toLowerCase();
+  if (["pdf"].includes(e)) return "file-text";
+  if (["doc", "docx"].includes(e)) return "file-text";
+  if (["xls", "xlsx", "csv"].includes(e)) return "file-text";
+  if (["ppt", "pptx"].includes(e)) return "file-text";
+  if (["zip", "rar", "7z"].includes(e)) return "file";
+  if (["mp3", "wav", "ogg"].includes(e)) return "file";
+  if (["mp4", "mov", "avi"].includes(e)) return "file";
+  return "file";
+};
+const MultipleFileUploader = () => {
+  const { onPick, files, removeFile, disabled, limit, placeholder, isClassicUploader } = useUploader();
+  const { t } = useLanguage();
+  const reachedLimit = files.length >= limit;
+  if (!isClassicUploader) {
+    return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 12, opacity: disabled ? 0.5 : 1, children: [
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          activeOpacity: 0.7,
+          disabled: disabled || reachedLimit,
+          onPress: onPick,
+          style: { width: "100%" },
+          children: /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              w: "full",
+              borderW: 2,
+              borderStyle: "dashed",
+              borderColor: reachedLimit ? "border" : "primary",
+              borderRadiusLeft: "lg",
+              borderRadiusRight: "lg",
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              py: 32,
+              px: 16,
+              gap: 8,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: "cloud-upload",
+                    size: "lg",
+                    color: reachedLimit ? "text-subtle" : "primary"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Text, { fontSize: 14, color: "text-secondary", textAlign: "center", children: reachedLimit ? t("filesSelected", files.length) + " / " + limit : t("tapToUpload") }),
+                !reachedLimit && files.length > 0 && /* @__PURE__ */ jsxs(Text, { fontSize: 12, color: "text-subtle", children: [
+                  t("filesSelected", files.length),
+                  " / ",
+                  limit
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsx(Flex, { w: "full", flexDirection: "column", gap: 6, children: files.map((f, idx) => /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 10,
+          px: 12,
+          py: 8,
+          borderRadiusLeft: "md",
+          borderRadiusRight: "md",
+          backgroundColor: "bg-input",
+          children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: iconForExt(f.ext),
+                size: "md",
+                color: "text-secondary"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                as: "span",
+                fontSize: 13,
+                color: "text",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                flex: 1,
+                children: f.shortName
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: "pi pi-times",
+                size: "sm",
+                severity: "danger",
+                onClick: removeFile(idx),
+                disabled
+              }
+            )
+          ]
+        },
+        `${f.name}-${idx}`
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 8, children: [
+    files.map((f, idx) => /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        gap: 8,
+        children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "span",
+              fontSize: 13,
+              color: "text-secondary",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              flex: 1,
+              children: f.shortName
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: "pi pi-times",
+              size: "sm",
+              severity: "danger",
+              onClick: removeFile(idx),
+              disabled
+            }
+          )
+        ]
+      },
+      `${f.name}-${idx}`
+    )),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: placeholder ?? t("chooseFile"),
+        w: "full",
+        onClick: onPick,
+        disabled: disabled || reachedLimit
+      }
+    )
+  ] });
+};
+
+export { MultipleFileUploader as default };
+//# sourceMappingURL=index.js.map

package/form/file-pickers/MultipleFileUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/file-pickers/MultipleFileUploader/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { TouchableOpacity } from \"react-native\";\nimport { useUploader } from \"../MainUploader\";\nimport { Button, Flex, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\n\n/**\n * Map a file extension to a representative icon name. Falls back to a\n * generic file icon so the row is never blank.\n */\nconst iconForExt = (ext: string): string => {\n    const e = ext.toLowerCase();\n    if ([\"pdf\"].includes(e)) return \"file-text\";\n    if ([\"doc\", \"docx\"].includes(e)) return \"file-text\";\n    if ([\"xls\", \"xlsx\", \"csv\"].includes(e)) return \"file-text\";\n    if ([\"ppt\", \"pptx\"].includes(e)) return \"file-text\";\n    if ([\"zip\", \"rar\", \"7z\"].includes(e)) return \"file\";\n    if ([\"mp3\", \"wav\", \"ogg\"].includes(e)) return \"file\";\n    if ([\"mp4\", \"mov\", \"avi\"].includes(e)) return \"file\";\n    return \"file\";\n};\n\n/**\n * MultipleFileUploader — native variant.\n *\n *   • non-classic → full-width dashed drop zone (tap to pick). Once files\n *                   are added, they appear below in a vertical list with a\n *                   type-specific icon, the short filename, and an inline\n *                   remove button. The drop zone stays available until\n *                   `limit` is reached.\n *\n *   • classic     → flat list + a wide \"Choose file\" button (used in dense\n *                   layouts where the dropzone would dominate).\n */\nconst MultipleFileUploader = () => {\n    const { onPick, files, removeFile, disabled, limit, placeholder, isClassicUploader } =\n        useUploader();\n    const { t } = useLanguage();\n\n    const reachedLimit = files.length >= limit;\n\n    if (!isClassicUploader) {\n        return (\n            <Flex w={\"full\"} flexDirection={\"column\"} gap={12} opacity={disabled ? 0.5 : 1}>\n                <TouchableOpacity\n                    activeOpacity={0.7}\n                    disabled={disabled || reachedLimit}\n                    onPress={onPick as any}\n                    style={{ width: \"100%\" }}\n                >\n                    <Flex\n                        w={\"full\"}\n                        borderW={2}\n                        borderStyle={\"dashed\"}\n                        borderColor={reachedLimit ? \"border\" : \"primary\"}\n                        borderRadiusLeft={\"lg\"}\n                        borderRadiusRight={\"lg\"}\n                        alignItems={\"center\"}\n                        justifyContent={\"center\"}\n                        flexDirection={\"column\"}\n                        py={32}\n                        px={16}\n                        gap={8}\n                    >\n                        <Icon\n                            name=\"cloud-upload\"\n                            size={\"lg\"}\n                            color={reachedLimit ? \"text-subtle\" : \"primary\"}\n                        />\n                        <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                            {reachedLimit\n                                ? t(\"filesSelected\", files.length) + \" / \" + limit\n                                : t(\"tapToUpload\")}\n                        </Text>\n                        {!reachedLimit && files.length > 0 && (\n                            <Text fontSize={12} color={\"text-subtle\"}>\n                                {t(\"filesSelected\", files.length)} / {limit}\n                            </Text>\n                        )}\n                    </Flex>\n                </TouchableOpacity>\n\n                {/* File list — visible only after picking. Each row mirrors a\n                    file with a type icon, name, and inline remove. */}\n                {files.length > 0 && (\n                    <Flex w={\"full\"} flexDirection={\"column\"} gap={6}>\n                        {files.map((f, idx) => (\n                            <Flex\n                                key={`${f.name}-${idx}`}\n                                flexDirection={\"row\"}\n                                alignItems={\"center\"}\n                                gap={10}\n                                px={12}\n                                py={8}\n                                borderRadiusLeft={\"md\"}\n                                borderRadiusRight={\"md\"}\n                                backgroundColor={\"bg-input\"}\n                            >\n                                <Icon\n                                    name={iconForExt(f.ext) as any}\n                                    size={\"md\"}\n                                    color={\"text-secondary\"}\n                                />\n                                <Text\n                                    as={\"span\"}\n                                    fontSize={13}\n                                    color={\"text\"}\n                                    textOverflow={\"ellipsis\"}\n                                    whiteSpace={\"nowrap\"}\n                                    flex={1}\n                                >\n                                    {f.shortName}\n                                </Text>\n                                <Button\n                                    icon=\"pi pi-times\"\n                                    size={\"sm\"}\n                                    severity={\"danger\"}\n                                    onClick={removeFile(idx)}\n                                    disabled={disabled}\n                                />\n                            </Flex>\n                        ))}\n                    </Flex>\n                )}\n            </Flex>\n        );\n    }\n\n    // Classic mode: list + wide add button.\n    return (\n        <Flex w={\"full\"} flexDirection={\"column\"} gap={8}>\n            {files.map((f, idx) => (\n                <Flex\n                    key={`${f.name}-${idx}`}\n                    flexDirection={\"row\"}\n                    justifyContent={\"space-between\"}\n                    alignItems={\"center\"}\n                    gap={8}\n                >\n                    <Text\n                        as={\"span\"}\n                        fontSize={13}\n                        color={\"text-secondary\"}\n                        textOverflow={\"ellipsis\"}\n                        whiteSpace={\"nowrap\"}\n                        flex={1}\n                    >\n                        {f.shortName}\n                    </Text>\n                    <Button\n                        icon=\"pi pi-times\"\n                        size={\"sm\"}\n                        severity={\"danger\"}\n                        onClick={removeFile(idx)}\n                        disabled={disabled}\n                    />\n                </Flex>\n            ))}\n\n            <Button\n                label={placeholder ?? t(\"chooseFile\")}\n                w={\"full\"}\n                onClick={onPick as any}\n                disabled={disabled || reachedLimit}\n            />\n        </Flex>\n    );\n};\n\nexport default MultipleFileUploader;\n"],"names":[],"mappings":"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"}

package/form/file-pickers/MultipleImageUploader/index.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+var index_native = require('../MainUploader/index.cjs');
+var index_native$2 = require('../../../primitives/Text/index.cjs');
+var index_native$3 = require('../../../primitives/Image/index.cjs');
+var index_native$1 = require('../../../primitives/Icon/index.cjs');
+var locale = require('../../../hooks/locale.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+var Button_native = require('../../../components/Button/Button.cjs');
+require('react');
+
+const MultipleImageUploader = () => {
+  const { onPick, files, removeFile, disabled, limit, isClassicUploader } = index_native.useUploader();
+  const { t } = locale.useLanguage();
+  const reachedLimit = files.length >= limit;
+  if (!isClassicUploader) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 12, opacity: disabled ? 0.5 : 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.TouchableOpacity,
+        {
+          activeOpacity: 0.7,
+          disabled: disabled || reachedLimit,
+          onPress: onPick,
+          style: { width: "100%" },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            index.default,
+            {
+              w: "full",
+              borderW: 2,
+              borderStyle: "dashed",
+              borderColor: reachedLimit ? "border" : "primary",
+              borderRadiusLeft: "lg",
+              borderRadiusRight: "lg",
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              py: 32,
+              px: 16,
+              gap: 8,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  index_native$1.Icon,
+                  {
+                    name: "cloud-upload",
+                    size: "lg",
+                    color: reachedLimit ? "text-subtle" : "primary"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { fontSize: 14, color: "text-secondary", textAlign: "center", children: reachedLimit ? t("filesSelected", files.length) + " / " + limit : t("tapToUpload") }),
+                !reachedLimit && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(index_native$2.default, { fontSize: 12, color: "text-subtle", children: [
+                  t("filesSelected", files.length),
+                  " / ",
+                  limit
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(index.default, { w: "full", flexDirection: "row", flexWrap: "wrap", gap: 8, children: files.map((f, idx) => {
+        const uri = typeof f.file === "object" && "uri" in f.file ? f.file.uri : null;
+        if (!uri) return null;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          reactNative.View,
+          {
+            style: {
+              position: "relative",
+              width: "31%",
+              aspectRatio: 1
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                index_native$3.default,
+                {
+                  src: uri,
+                  alt: f.name,
+                  w: "full",
+                  h: "full",
+                  objectFit: "cover",
+                  borderRadiusLeft: "md",
+                  borderRadiusRight: "md"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                reactNative.TouchableOpacity,
+                {
+                  activeOpacity: 0.7,
+                  disabled,
+                  onPress: removeFile(idx),
+                  style: {
+                    position: "absolute",
+                    top: 4,
+                    right: 4,
+                    width: 24,
+                    height: 24,
+                    borderRadius: 12,
+                    alignItems: "center",
+                    justifyContent: "center",
+                    backgroundColor: "rgba(0,0,0,0.6)"
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: "pi pi-times", size: "xs", color: "#fff" })
+                }
+              )
+            ]
+          },
+          `${f.name}-${idx}`
+        );
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 8, children: [
+    files.map((f, idx) => {
+      const uri = typeof f.file === "object" && "uri" in f.file ? f.file.uri : null;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        index.default,
+        {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          gap: 8,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: "row", alignItems: "center", gap: 8, flex: 1, children: [
+              uri ? /* @__PURE__ */ jsxRuntime.jsx(
+                index_native$3.default,
+                {
+                  src: uri,
+                  alt: f.name,
+                  w: 48,
+                  h: 48,
+                  objectFit: "cover",
+                  borderRadiusLeft: "md",
+                  borderRadiusRight: "md"
+                }
+              ) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                index_native$2.default,
+                {
+                  as: "span",
+                  fontSize: 13,
+                  color: "text-secondary",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  children: f.shortName
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button_native.Button,
+              {
+                icon: "pi pi-times",
+                size: "sm",
+                severity: "danger",
+                onClick: removeFile(idx),
+                disabled
+              }
+            )
+          ]
+        },
+        `${f.name}-${idx}`
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button_native.Button,
+      {
+        label: t("addImages"),
+        w: "full",
+        onClick: onPick,
+        disabled: disabled || reachedLimit
+      }
+    )
+  ] });
+};
+
+exports.default = MultipleImageUploader;
+//# sourceMappingURL=index.cjs.map