@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,217 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../../../ds-icon/ds-icon.cjs');
+require('../../../ds-icon/index.cjs');
+const require_ds_typography = require('../../../ds-typography/ds-typography.cjs');
+require('../../../ds-typography/index.cjs');
+const require_ds_button = require('../../../ds-button/ds-button.cjs');
+require('../../../ds-button/index.cjs');
+const require_file_upload_item = require('../file-upload-item/file-upload-item.cjs');
+require('../file-upload-item/index.cjs');
+const require_constants = require('../../utils/constants.cjs');
+const require_accept_utils = require('../../utils/accept-utils.cjs');
+const require_generate_helper_text = require('../../utils/generate-helper-text.cjs');
+const require_file_upload_module = require('./file-upload.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __ark_ui_react = require("@ark-ui/react");
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.tsx
+/**
+* Design system base File Upload component
+* Used in conjunction with the useFileUpload hook
+*/
+const FileUpload = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(51);
+	const { style: t1, className, files, acceptedFiles, errorText, dropzoneText: t2, triggerText: t3, hideProgress: t4, disableDrop: t5, onFileAccept, onFileReject, onFileRemove, onFileDelete, onFileCancel, onFileRetry, accept: t6, maxFiles: t7, maxFileSize: t8, compact: t9, disabled: t10 } = t0;
+	let t11;
+	if ($[0] !== t1) {
+		t11 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t11;
+	} else t11 = $[1];
+	const style = t11;
+	const dropzoneText = t2 === void 0 ? "Drag and drop files here or " : t2;
+	const triggerText = t3 === void 0 ? "Select file..." : t3;
+	const hideProgress = t4 === void 0 ? false : t4;
+	const disableDrop = t5 === void 0 ? false : t5;
+	const accept = t6 === void 0 ? require_constants.DEFAULT_ALLOWED_FILE_TYPES : t6;
+	const maxFiles = t7 === void 0 ? require_constants.DEFAULT_MAX_FILES : t7;
+	const maxFileSize = t8 === void 0 ? require_constants.DEFAULT_MAX_FILE_SIZE : t8;
+	const compact = t9 === void 0 ? false : t9;
+	const disabled = t10 === void 0 ? false : t10;
+	let t12;
+	if ($[2] !== accept || $[3] !== maxFileSize || $[4] !== maxFiles) {
+		t12 = require_generate_helper_text.generateHelperText(accept, maxFileSize, maxFiles);
+		$[2] = accept;
+		$[3] = maxFileSize;
+		$[4] = maxFiles;
+		$[5] = t12;
+	} else t12 = $[5];
+	const infoText = t12;
+	let t13;
+	if ($[6] !== className) {
+		t13 = (0, classnames.default)(require_file_upload_module.default.fileUploadRoot, className);
+		$[6] = className;
+		$[7] = t13;
+	} else t13 = $[7];
+	let t14;
+	if ($[8] !== accept) {
+		t14 = require_accept_utils.getMimeTypes(accept);
+		$[8] = accept;
+		$[9] = t14;
+	} else t14 = $[9];
+	const t15 = !disableDrop;
+	let t16;
+	if ($[10] !== compact) {
+		t16 = (0, classnames.default)(require_file_upload_module.default.dropzone, { [require_file_upload_module.default.dropzoneCompact]: compact });
+		$[10] = compact;
+		$[11] = t16;
+	} else t16 = $[11];
+	let t17;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "upload",
+			className: require_file_upload_module.default.dropzoneIcon
+		});
+		$[12] = t17;
+	} else t17 = $[12];
+	let t18;
+	if ($[13] !== dropzoneText) {
+		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			className: require_file_upload_module.default.dropzoneText,
+			variant: "body-xs-reg",
+			children: dropzoneText
+		});
+		$[13] = dropzoneText;
+		$[14] = t18;
+	} else t18 = $[14];
+	let t19;
+	if ($[15] !== disabled || $[16] !== triggerText) {
+		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+				design: "v1.2",
+				variant: "ghost",
+				size: "small",
+				disabled,
+				children: triggerText
+			})
+		});
+		$[15] = disabled;
+		$[16] = triggerText;
+		$[17] = t19;
+	} else t19 = $[17];
+	let t20;
+	if ($[18] !== t16 || $[19] !== t18 || $[20] !== t19) {
+		t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Dropzone, {
+			className: t16,
+			children: [
+				t17,
+				t18,
+				t19
+			]
+		});
+		$[18] = t16;
+		$[19] = t18;
+		$[20] = t19;
+		$[21] = t20;
+	} else t20 = $[21];
+	let t21;
+	if ($[22] !== disabled || $[23] !== errorText || $[24] !== infoText) {
+		t21 = infoText && !disabled && !errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			className: require_file_upload_module.default.infoText,
+			variant: "body-xs-reg",
+			children: infoText
+		});
+		$[22] = disabled;
+		$[23] = errorText;
+		$[24] = infoText;
+		$[25] = t21;
+	} else t21 = $[25];
+	let t22;
+	if ($[26] !== errorText) {
+		t22 = errorText && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_typography.default, {
+			className: require_file_upload_module.default.errorText,
+			variant: "body-xs-reg",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+				icon: "error",
+				size: "tiny"
+			}), errorText]
+		});
+		$[26] = errorText;
+		$[27] = t22;
+	} else t22 = $[27];
+	let t23;
+	if ($[28] !== files || $[29] !== hideProgress || $[30] !== onFileCancel || $[31] !== onFileDelete || $[32] !== onFileRemove || $[33] !== onFileRetry) {
+		t23 = !!files?.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_file_upload_module.default.fileList,
+			children: files.map((uploadFile) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_file_upload_item.FileUploadItem, {
+				id: uploadFile.id,
+				name: uploadFile.name,
+				progress: uploadFile.progress,
+				hideProgress,
+				status: uploadFile.status,
+				errors: uploadFile.errors,
+				onRemove: onFileRemove,
+				onDelete: onFileDelete,
+				onCancel: onFileCancel,
+				onRetry: onFileRetry
+			}, uploadFile.id))
+		});
+		$[28] = files;
+		$[29] = hideProgress;
+		$[30] = onFileCancel;
+		$[31] = onFileDelete;
+		$[32] = onFileRemove;
+		$[33] = onFileRetry;
+		$[34] = t23;
+	} else t23 = $[34];
+	let t24;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.HiddenInput, {});
+		$[35] = t24;
+	} else t24 = $[35];
+	let t25;
+	if ($[36] !== acceptedFiles || $[37] !== disabled || $[38] !== maxFileSize || $[39] !== maxFiles || $[40] !== onFileAccept || $[41] !== onFileReject || $[42] !== style || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t23) {
+		t25 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Root, {
+			style,
+			className: t13,
+			maxFiles,
+			maxFileSize,
+			accept: t14,
+			disabled,
+			allowDrop: t15,
+			acceptedFiles,
+			onFileAccept,
+			onFileReject,
+			children: [
+				t20,
+				t21,
+				t22,
+				t23,
+				t24
+			]
+		});
+		$[36] = acceptedFiles;
+		$[37] = disabled;
+		$[38] = maxFileSize;
+		$[39] = maxFiles;
+		$[40] = onFileAccept;
+		$[41] = onFileReject;
+		$[42] = style;
+		$[43] = t13;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = t20;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t25;
+	} else t25 = $[50];
+	return t25;
+};
+
+//#endregion
+exports.FileUpload = FileUpload;

package/dist/components/ds-file-upload/components/file-upload/file-upload.d.cts

@@ -0,0 +1,13 @@
+import { FileUploadProps } from "./file-upload.types.cjs";
+import React from "react";
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.d.ts
+
+/**
+ * Design system base File Upload component
+ * Used in conjunction with the useFileUpload hook
+ */
+declare const FileUpload: React.FC<FileUploadProps>;
+//#endregion
+export { FileUpload };
+//# sourceMappingURL=file-upload.d.cts.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.cts","names":[],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAiBA;;cAAa,YAAY,KAAA,CAAM,GAAG"}

package/dist/components/ds-file-upload/components/file-upload/file-upload.d.ts

@@ -0,0 +1,13 @@
+import { FileUploadProps } from "./file-upload.types.js";
+import React from "react";
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.d.ts
+
+/**
+ * Design system base File Upload component
+ * Used in conjunction with the useFileUpload hook
+ */
+declare const FileUpload: React.FC<FileUploadProps>;
+//#endregion
+export { FileUpload };
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","names":[],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAiBA;;cAAa,YAAY,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,216 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import "../../../ds-icon/index.js";
+import ds_typography_default from "../../../ds-typography/ds-typography.js";
+import "../../../ds-typography/index.js";
+import ds_button_default from "../../../ds-button/ds-button.js";
+import "../../../ds-button/index.js";
+import { FileUploadItem } from "../file-upload-item/file-upload-item.js";
+import "../file-upload-item/index.js";
+import { DEFAULT_ALLOWED_FILE_TYPES, DEFAULT_MAX_FILES, DEFAULT_MAX_FILE_SIZE } from "../../utils/constants.js";
+import { getMimeTypes } from "../../utils/accept-utils.js";
+import { generateHelperText } from "../../utils/generate-helper-text.js";
+import file_upload_module_default from "./file-upload.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileUpload } from "@ark-ui/react";
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.tsx
+/**
+* Design system base File Upload component
+* Used in conjunction with the useFileUpload hook
+*/
+const FileUpload$1 = (t0) => {
+	const $ = c(51);
+	const { style: t1, className, files, acceptedFiles, errorText, dropzoneText: t2, triggerText: t3, hideProgress: t4, disableDrop: t5, onFileAccept, onFileReject, onFileRemove, onFileDelete, onFileCancel, onFileRetry, accept: t6, maxFiles: t7, maxFileSize: t8, compact: t9, disabled: t10 } = t0;
+	let t11;
+	if ($[0] !== t1) {
+		t11 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t11;
+	} else t11 = $[1];
+	const style = t11;
+	const dropzoneText = t2 === void 0 ? "Drag and drop files here or " : t2;
+	const triggerText = t3 === void 0 ? "Select file..." : t3;
+	const hideProgress = t4 === void 0 ? false : t4;
+	const disableDrop = t5 === void 0 ? false : t5;
+	const accept = t6 === void 0 ? DEFAULT_ALLOWED_FILE_TYPES : t6;
+	const maxFiles = t7 === void 0 ? DEFAULT_MAX_FILES : t7;
+	const maxFileSize = t8 === void 0 ? DEFAULT_MAX_FILE_SIZE : t8;
+	const compact = t9 === void 0 ? false : t9;
+	const disabled = t10 === void 0 ? false : t10;
+	let t12;
+	if ($[2] !== accept || $[3] !== maxFileSize || $[4] !== maxFiles) {
+		t12 = generateHelperText(accept, maxFileSize, maxFiles);
+		$[2] = accept;
+		$[3] = maxFileSize;
+		$[4] = maxFiles;
+		$[5] = t12;
+	} else t12 = $[5];
+	const infoText = t12;
+	let t13;
+	if ($[6] !== className) {
+		t13 = classNames(file_upload_module_default.fileUploadRoot, className);
+		$[6] = className;
+		$[7] = t13;
+	} else t13 = $[7];
+	let t14;
+	if ($[8] !== accept) {
+		t14 = getMimeTypes(accept);
+		$[8] = accept;
+		$[9] = t14;
+	} else t14 = $[9];
+	const t15 = !disableDrop;
+	let t16;
+	if ($[10] !== compact) {
+		t16 = classNames(file_upload_module_default.dropzone, { [file_upload_module_default.dropzoneCompact]: compact });
+		$[10] = compact;
+		$[11] = t16;
+	} else t16 = $[11];
+	let t17;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "upload",
+			className: file_upload_module_default.dropzoneIcon
+		});
+		$[12] = t17;
+	} else t17 = $[12];
+	let t18;
+	if ($[13] !== dropzoneText) {
+		t18 = /* @__PURE__ */ jsx(ds_typography_default, {
+			className: file_upload_module_default.dropzoneText,
+			variant: "body-xs-reg",
+			children: dropzoneText
+		});
+		$[13] = dropzoneText;
+		$[14] = t18;
+	} else t18 = $[14];
+	let t19;
+	if ($[15] !== disabled || $[16] !== triggerText) {
+		t19 = /* @__PURE__ */ jsx(FileUpload.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ds_button_default, {
+				design: "v1.2",
+				variant: "ghost",
+				size: "small",
+				disabled,
+				children: triggerText
+			})
+		});
+		$[15] = disabled;
+		$[16] = triggerText;
+		$[17] = t19;
+	} else t19 = $[17];
+	let t20;
+	if ($[18] !== t16 || $[19] !== t18 || $[20] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(FileUpload.Dropzone, {
+			className: t16,
+			children: [
+				t17,
+				t18,
+				t19
+			]
+		});
+		$[18] = t16;
+		$[19] = t18;
+		$[20] = t19;
+		$[21] = t20;
+	} else t20 = $[21];
+	let t21;
+	if ($[22] !== disabled || $[23] !== errorText || $[24] !== infoText) {
+		t21 = infoText && !disabled && !errorText && /* @__PURE__ */ jsx(ds_typography_default, {
+			className: file_upload_module_default.infoText,
+			variant: "body-xs-reg",
+			children: infoText
+		});
+		$[22] = disabled;
+		$[23] = errorText;
+		$[24] = infoText;
+		$[25] = t21;
+	} else t21 = $[25];
+	let t22;
+	if ($[26] !== errorText) {
+		t22 = errorText && /* @__PURE__ */ jsxs(ds_typography_default, {
+			className: file_upload_module_default.errorText,
+			variant: "body-xs-reg",
+			children: [/* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "error",
+				size: "tiny"
+			}), errorText]
+		});
+		$[26] = errorText;
+		$[27] = t22;
+	} else t22 = $[27];
+	let t23;
+	if ($[28] !== files || $[29] !== hideProgress || $[30] !== onFileCancel || $[31] !== onFileDelete || $[32] !== onFileRemove || $[33] !== onFileRetry) {
+		t23 = !!files?.length && /* @__PURE__ */ jsx("div", {
+			className: file_upload_module_default.fileList,
+			children: files.map((uploadFile) => /* @__PURE__ */ jsx(FileUploadItem, {
+				id: uploadFile.id,
+				name: uploadFile.name,
+				progress: uploadFile.progress,
+				hideProgress,
+				status: uploadFile.status,
+				errors: uploadFile.errors,
+				onRemove: onFileRemove,
+				onDelete: onFileDelete,
+				onCancel: onFileCancel,
+				onRetry: onFileRetry
+			}, uploadFile.id))
+		});
+		$[28] = files;
+		$[29] = hideProgress;
+		$[30] = onFileCancel;
+		$[31] = onFileDelete;
+		$[32] = onFileRemove;
+		$[33] = onFileRetry;
+		$[34] = t23;
+	} else t23 = $[34];
+	let t24;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(FileUpload.HiddenInput, {});
+		$[35] = t24;
+	} else t24 = $[35];
+	let t25;
+	if ($[36] !== acceptedFiles || $[37] !== disabled || $[38] !== maxFileSize || $[39] !== maxFiles || $[40] !== onFileAccept || $[41] !== onFileReject || $[42] !== style || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t23) {
+		t25 = /* @__PURE__ */ jsxs(FileUpload.Root, {
+			style,
+			className: t13,
+			maxFiles,
+			maxFileSize,
+			accept: t14,
+			disabled,
+			allowDrop: t15,
+			acceptedFiles,
+			onFileAccept,
+			onFileReject,
+			children: [
+				t20,
+				t21,
+				t22,
+				t23,
+				t24
+			]
+		});
+		$[36] = acceptedFiles;
+		$[37] = disabled;
+		$[38] = maxFileSize;
+		$[39] = maxFiles;
+		$[40] = onFileAccept;
+		$[41] = onFileReject;
+		$[42] = style;
+		$[43] = t13;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = t20;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t25;
+	} else t25 = $[50];
+	return t25;
+};
+
+//#endregion
+export { FileUpload$1 as FileUpload };
+//# sourceMappingURL=file-upload.js.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.js","names":["React","classNames","FileUpload","ArkUiFileUpload","DsIcon","DsTypography","DsButton","FileUploadItem","FileUploadProps","DEFAULT_ALLOWED_FILE_TYPES","DEFAULT_MAX_FILE_SIZE","DEFAULT_MAX_FILES","generateHelperText","getMimeTypes","styles","FC","t0","$","_c","style","t1","className","files","acceptedFiles","errorText","dropzoneText","t2","triggerText","t3","hideProgress","t4","disableDrop","t5","onFileAccept","onFileReject","onFileRemove","onFileDelete","onFileCancel","onFileRetry","accept","t6","maxFiles","t7","maxFileSize","t8","compact","t9","disabled","t10","t11","undefined","t12","infoText","t13","fileUploadRoot","t14","t15","t16","dropzone","dropzoneCompact","t17","Symbol","for","dropzoneIcon","t18","t19","t20","t21","t22","t23","length","fileList","map","uploadFile","id","name","progress","status","errors","t24","t25"],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { FileUpload as ArkUiFileUpload } from '@ark-ui/react';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsTypography } from '../../../ds-typography';\nimport { DsButton } from '../../../ds-button';\nimport { FileUploadItem } from '../file-upload-item';\nimport type { FileUploadProps } from './file-upload.types';\nimport { DEFAULT_ALLOWED_FILE_TYPES, DEFAULT_MAX_FILE_SIZE, DEFAULT_MAX_FILES } from '../../utils/constants';\nimport { generateHelperText } from '../../utils/generate-helper-text';\nimport { getMimeTypes } from '../../utils/accept-utils';\nimport styles from './file-upload.module.scss';\n\n/**\n * Design system base File Upload component\n * Used in conjunction with the useFileUpload hook\n */\nexport const FileUpload: React.FC<FileUploadProps> = ({\n\tstyle = {},\n\tclassName,\n\tfiles,\n\tacceptedFiles,\n\terrorText,\n\tdropzoneText = 'Drag and drop files here or ',\n\ttriggerText = 'Select file...',\n\thideProgress = false,\n\tdisableDrop = false,\n\tonFileAccept,\n\tonFileReject,\n\tonFileRemove,\n\tonFileDelete,\n\tonFileCancel,\n\tonFileRetry,\n\taccept = DEFAULT_ALLOWED_FILE_TYPES,\n\tmaxFiles = DEFAULT_MAX_FILES,\n\tmaxFileSize = DEFAULT_MAX_FILE_SIZE,\n\tcompact = false,\n\tdisabled = false,\n}) => {\n\tconst infoText = generateHelperText(accept, maxFileSize, maxFiles);\n\n\treturn (\n\t\t<ArkUiFileUpload.Root\n\t\t\tstyle={style}\n\t\t\tclassName={classNames(styles.fileUploadRoot, className)}\n\t\t\tmaxFiles={maxFiles}\n\t\t\tmaxFileSize={maxFileSize}\n\t\t\taccept={getMimeTypes(accept)}\n\t\t\tdisabled={disabled}\n\t\t\tallowDrop={!disableDrop}\n\t\t\tacceptedFiles={acceptedFiles}\n\t\t\tonFileAccept={onFileAccept}\n\t\t\tonFileReject={onFileReject}\n\t\t>\n\t\t\t<ArkUiFileUpload.Dropzone\n\t\t\t\tclassName={classNames(styles.dropzone, {\n\t\t\t\t\t[styles.dropzoneCompact]: compact,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<DsIcon icon=\"upload\" className={styles.dropzoneIcon} />\n\t\t\t\t<DsTypography className={styles.dropzoneText} variant=\"body-xs-reg\">\n\t\t\t\t\t{dropzoneText}\n\t\t\t\t</DsTypography>\n\t\t\t\t<ArkUiFileUpload.Trigger asChild>\n\t\t\t\t\t<DsButton design=\"v1.2\" variant=\"ghost\" size=\"small\" disabled={disabled}>\n\t\t\t\t\t\t{triggerText}\n\t\t\t\t\t</DsButton>\n\t\t\t\t</ArkUiFileUpload.Trigger>\n\t\t\t</ArkUiFileUpload.Dropzone>\n\n\t\t\t{infoText && !disabled && !errorText && (\n\t\t\t\t<DsTypography className={styles.infoText} variant=\"body-xs-reg\">\n\t\t\t\t\t{infoText}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\t\t\t{errorText && (\n\t\t\t\t<DsTypography className={styles.errorText} variant=\"body-xs-reg\">\n\t\t\t\t\t<DsIcon icon=\"error\" size=\"tiny\" />\n\t\t\t\t\t{errorText}\n\t\t\t\t</DsTypography>\n\t\t\t)}\n\n\t\t\t{!!files?.length && (\n\t\t\t\t<div className={styles.fileList}>\n\t\t\t\t\t{files.map((uploadFile) => (\n\t\t\t\t\t\t<FileUploadItem\n\t\t\t\t\t\t\tkey={uploadFile.id}\n\t\t\t\t\t\t\tid={uploadFile.id}\n\t\t\t\t\t\t\tname={uploadFile.name}\n\t\t\t\t\t\t\tprogress={uploadFile.progress}\n\t\t\t\t\t\t\thideProgress={hideProgress}\n\t\t\t\t\t\t\tstatus={uploadFile.status}\n\t\t\t\t\t\t\terrors={uploadFile.errors}\n\t\t\t\t\t\t\tonRemove={onFileRemove}\n\t\t\t\t\t\t\tonDelete={onFileDelete}\n\t\t\t\t\t\t\tonCancel={onFileCancel}\n\t\t\t\t\t\t\tonRetry={onFileRetry}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<ArkUiFileUpload.HiddenInput />\n\t\t</ArkUiFileUpload.Root>\n\t);\n};\n"],"mappings":"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"}

package/dist/components/ds-file-upload/components/file-upload/file-upload.module.cjs

@@ -0,0 +1,15 @@
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.module.scss
+var file_upload_module_default = {
+	"fileUploadRoot": "_fileUploadRoot_1jafp_1",
+	"dropzone": "_dropzone_1jafp_1",
+	"dropzoneCompact": "_dropzoneCompact_1jafp_1",
+	"dropzoneIcon": "_dropzoneIcon_1jafp_1",
+	"dropzoneText": "_dropzoneText_1jafp_1",
+	"fileList": "_fileList_1jafp_1",
+	"infoText": "_infoText_1jafp_1",
+	"errorText": "_errorText_1jafp_1"
+};
+
+//#endregion
+exports.default = file_upload_module_default;

package/dist/components/ds-file-upload/components/file-upload/file-upload.module.js

@@ -0,0 +1,15 @@
+//#region src/components/ds-file-upload/components/file-upload/file-upload.module.scss
+var file_upload_module_default = {
+	"fileUploadRoot": "_fileUploadRoot_1jafp_1",
+	"dropzone": "_dropzone_1jafp_1",
+	"dropzoneCompact": "_dropzoneCompact_1jafp_1",
+	"dropzoneIcon": "_dropzoneIcon_1jafp_1",
+	"dropzoneText": "_dropzoneText_1jafp_1",
+	"fileList": "_fileList_1jafp_1",
+	"infoText": "_infoText_1jafp_1",
+	"errorText": "_errorText_1jafp_1"
+};
+
+//#endregion
+export { file_upload_module_default as default };
+//# sourceMappingURL=file-upload.module.js.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.module.js","names":[],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.module.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n.fileUploadRoot {\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n}\n\n.dropzone {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: var(--exo-spacing-small) var(--exo-spacing-standard);\n\tborder: var(--exo-spacing-4x-small) dashed var(--color-border);\n\tborder-radius: var(--exo-spacing-2x-small);\n\tbackground-color: var(--color-background);\n\ttransition: all 0.2s ease;\n\tcursor: pointer;\n\n\t&.dropzoneCompact {\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\n\t\t.dropzoneIcon {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.dropzoneText {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.dropzoneIcon {\n\t\tcolor: var(--color-icon-secondary);\n\t}\n\n\t.dropzoneText {\n\t\tcolor: var(--color-background-deselected);\n\t\ttext-align: center;\n\t\tpadding: var(--spacing-3xs) 0 var(--spacing-sm) 0;\n\t}\n\n\t[data-part='trigger'] {\n\t\talign-self: center;\n\t}\n\n\t&:hover:not([data-disabled]) {\n\t\tborder-color: var(--color-background-selected);\n\t\tbackground-color: var(--color-background-selected-weak);\n\t}\n\n\t&[data-dragging] {\n\t\tborder-color: var(--color-background-selected);\n\t\tbackground-color: var(--color-background-selected-weak);\n\t\tborder-style: solid;\n\t}\n\n\t&[data-disabled] {\n\t\tcursor: not-allowed;\n\n\t\t.dropzoneIcon,\n\t\t.dropzoneText {\n\t\t\tcolor: var(--color-background-disable);\n\t\t}\n\t}\n}\n\n.fileList {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--exo-spacing-x-small);\n\tmargin-top: var(--exo-spacing-x-small);\n\tpadding: var(--spacing-xs);\n\tborder-radius: var(--exo-spacing-2x-small);\n\tbackground: var(--color-background-secondary);\n}\n\n.infoText {\n\tcolor: var(--color-font-secondary);\n\tmargin-top: var(--spacing-2xs);\n}\n\n.errorText {\n\tcolor: var(--color-background-danger-strong);\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-3xs);\n\tmargin-top: var(--spacing-2xs);\n}\n"],"mappings":""}

package/dist/components/ds-file-upload/components/file-upload/file-upload.types.d.cts

@@ -0,0 +1,98 @@
+import { UploadedFile } from "../../ds-file-upload-api.types.cjs";
+import { AcceptedFileType } from "../../types/accept-types.cjs";
+import { CSSProperties } from "react";
+import { FileUploadFileAcceptDetails, FileUploadFileRejectDetails } from "@ark-ui/react";
+
+//#region src/components/ds-file-upload/components/file-upload/file-upload.types.d.ts
+interface FileUploadProps {
+  /**
+   * Error text displayed when validation fails
+   */
+  errorText?: string;
+  /**
+   * Text displayed in the dropzone area
+   */
+  dropzoneText?: string;
+  /**
+   * Text for the upload trigger button
+   */
+  triggerText?: string;
+  /**
+   * Whether to hide upload progress
+   * @default false
+   */
+  hideProgress?: boolean;
+  /**
+   * Whether to disable drag and drop functionality
+   * @default false
+   */
+  disableDrop?: boolean;
+  /**
+   * The maximum number of files that can be uploaded
+   */
+  maxFiles?: number;
+  /**
+   * Maximum file size in bytes
+   * @default 25MB
+   */
+  maxFileSize?: number;
+  /**
+   * Callback when files are accepted
+   */
+  onFileAccept?: (details: FileUploadFileAcceptDetails) => void;
+  /**
+   * Callback when files are rejected
+   */
+  onFileReject?: (details: FileUploadFileRejectDetails) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles
+   */
+  style?: CSSProperties;
+  /**
+   * The file types that are accepted
+   * Use shorthand for common MIME types (extensions provided automatically)
+   * or explicit form for custom types
+   * @example ['application/pdf', 'image/png']
+   * @example ['application/pdf', { mimeType: 'application/x-custom', extensions: ['.custom'] }]
+   */
+  accept?: AcceptedFileType[];
+  /**
+   * File states to display (managed externally)
+   */
+  files?: UploadedFile[];
+  /**
+   * Callback when files are removed
+   */
+  onFileRemove?: (fileId: string) => void;
+  /**
+   * Callback when files are deleted
+   */
+  onFileDelete?: (fileId: string) => void;
+  /**
+   * Callback when files upload is canceled
+   */
+  onFileCancel?: (fileId: string) => void;
+  /**
+   * Callback when files upload is retried
+   */
+  onFileRetry?: (fileId: string) => void;
+  /**
+   * Controlled accepted files
+   */
+  acceptedFiles?: File[];
+  /**
+   * Whether the file upload is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Whether the file upload layout is compact (inline)
+   */
+  compact?: boolean;
+}
+//#endregion
+export { FileUploadProps };
+//# sourceMappingURL=file-upload.types.d.cts.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.types.d.cts","names":[],"sources":["../../../../../src/components/ds-file-upload/components/file-upload/file-upload.types.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKiB,eAAA;;AAAjB;;EAuC0B,SAAA,CAAA,EAAA,MAAA;EAQjB;;;EAgCQ,YAAA,CAAA,EAAA,MAAA;EAAI;;;;;;;;;;;;;;;;;;;;;;;;;;2BA5CK;;;;2BAIA;;;;;;;;UAQjB;;;;;;;;WAQC;;;;UAID;;;;;;;;;;;;;;;;;;;;kBAoBQ"}