@pixpilot/shadcn-ui 0.1.0 → 0.4.1

package/dist/file-upload/utils/get-file-meta.js

@@ -0,0 +1,21 @@
+//#region src/file-upload/utils/get-file-meta.ts
+function getFileMeta(file) {
+	return {
+		name: file.name,
+		size: file.size,
+		type: file.type,
+		lastModified: file.lastModified
+	};
+}
+function getFileMetaAndFile(file) {
+	return {
+		name: file.name,
+		size: file.size,
+		type: file.type,
+		lastModified: file.lastModified,
+		file
+	};
+}
+
+//#endregion
+export { getFileMeta, getFileMetaAndFile };

package/dist/file-upload/utils/index.d.cts

@@ -0,0 +1,4 @@
+import "./get-file-key.cjs";
+import "./get-file-meta.cjs";
+import "./is-file-equal.cjs";
+import "./merge-file-metadata.cjs";

package/dist/file-upload/utils/index.d.ts

@@ -0,0 +1,4 @@
+import "./get-file-key.js";
+import "./get-file-meta.js";
+import "./is-file-equal.js";
+import "./merge-file-metadata.js";

package/dist/file-upload/utils/is-file-equal.cjs

@@ -0,0 +1,10 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/file-upload/utils/is-file-equal.ts
+function isFileEqual(a, b) {
+	if (!a || !b) return false;
+	return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;
+}
+
+//#endregion
+exports.isFileEqual = isFileEqual;

package/dist/file-upload/utils/is-file-equal.d.cts

@@ -0,0 +1 @@
+import "../types/index.cjs";

package/dist/file-upload/utils/is-file-equal.d.ts

@@ -0,0 +1 @@
+import "../types/index.js";

package/dist/file-upload/utils/is-file-equal.js

@@ -0,0 +1,8 @@
+//#region src/file-upload/utils/is-file-equal.ts
+function isFileEqual(a, b) {
+	if (!a || !b) return false;
+	return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;
+}
+
+//#endregion
+export { isFileEqual };

package/dist/file-upload/utils/merge-file-metadata.cjs

@@ -0,0 +1,27 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_get_file_meta = require('./get-file-meta.cjs');
+
+//#region src/file-upload/utils/merge-file-metadata.ts
+/**
+* Merges newly selected files with existing files (when multiple is true)
+* Removes duplicates by filename and lastModified, keeping all unique versions
+*
+* @param existingFiles - The current files from value prop
+* @param newFiles - The newly selected File objects from input
+* @returns Array of merged FileMetadata objects
+*/
+function mergeFileMetadata(existingFiles, newFiles) {
+	const fileMap = /* @__PURE__ */ new Map();
+	existingFiles.forEach((fileMetaData) => {
+		const key = `${fileMetaData.name}-${fileMetaData.lastModified}`;
+		fileMap.set(key, fileMetaData);
+	});
+	newFiles.forEach((file) => {
+		const key = `${file.name}-${file.lastModified}`;
+		fileMap.set(key, require_get_file_meta.getFileMetaAndFile(file));
+	});
+	return Array.from(fileMap.values());
+}
+
+//#endregion
+exports.mergeFileMetadata = mergeFileMetadata;

package/dist/file-upload/utils/merge-file-metadata.d.cts

@@ -0,0 +1 @@
+import "../types/index.cjs";

package/dist/file-upload/utils/merge-file-metadata.d.ts

@@ -0,0 +1 @@
+import "../types/index.js";

package/dist/file-upload/utils/merge-file-metadata.js

@@ -0,0 +1,26 @@
+import { getFileMetaAndFile } from "./get-file-meta.js";
+
+//#region src/file-upload/utils/merge-file-metadata.ts
+/**
+* Merges newly selected files with existing files (when multiple is true)
+* Removes duplicates by filename and lastModified, keeping all unique versions
+*
+* @param existingFiles - The current files from value prop
+* @param newFiles - The newly selected File objects from input
+* @returns Array of merged FileMetadata objects
+*/
+function mergeFileMetadata(existingFiles, newFiles) {
+	const fileMap = /* @__PURE__ */ new Map();
+	existingFiles.forEach((fileMetaData) => {
+		const key = `${fileMetaData.name}-${fileMetaData.lastModified}`;
+		fileMap.set(key, fileMetaData);
+	});
+	newFiles.forEach((file) => {
+		const key = `${file.name}-${file.lastModified}`;
+		fileMap.set(key, getFileMetaAndFile(file));
+	});
+	return Array.from(fileMap.values());
+}
+
+//#endregion
+export { mergeFileMetadata };

package/dist/file-upload-inline/FileUploadInline.cjs

@@ -0,0 +1,71 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_store = require('../file-upload/hooks/use-file-upload-store.cjs');
+require('../file-upload/index.cjs');
+const require_defaults = require('./defaults.cjs');
+const require_FileUploadInlineItem = require('./FileUploadInlineItem.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/file-upload-inline/FileUploadInline.tsx
+/**
+* FileUploadInline - An inline file upload component using FileUpload primitives
+*/
+function FileUploadInline(props) {
+	const { value, onChange, className, disabled = require_defaults.defaultOptions.disabled, multiple = require_defaults.defaultOptions.multiple, buttonText, showIcon = require_defaults.defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
+		value,
+		onChange,
+		multiple,
+		preventDuplicates
+	});
+	const handleFileAccept = (0, react.useCallback)((files) => {
+		onAccept?.(files);
+		handleAccept(files);
+	}, [handleAccept, onAccept]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
+		...rest,
+		value: orgValue,
+		onAccept: handleFileAccept,
+		disabled,
+		multiple,
+		className: (0, __pixpilot_shadcn.cn)("space-y-2", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(multiple || !multiple && displayFiles.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.FileUploadDropzone, {
+			className: (0, __pixpilot_shadcn.cn)("rounded-md border border-input border-solid flex-row bg-background px-3 py-0 display-block w-full cursor-pointer", "hover:bg-accent/50 transition-colors m-0", disabled && "cursor-not-allowed opacity-50"),
+			children: [showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CloudUpload, { className: "h-4 w-4 shrink-0 mx-1 text-muted-foreground" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					variant: "link",
+					size: "sm",
+					className: "h-auto py-2 px-0 text-sm text-muted-foreground hover:no-underline justify-start flex-1",
+					disabled,
+					children: buttonText
+				})
+			})]
+		}), displayFiles.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadList, {
+			className: "space-y-1 m-0",
+			forceMount: true,
+			children: displayFiles.map((data) => {
+				const { name, lastModified } = data;
+				const key = `${name}-${lastModified}`;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FileUploadInlineItem.FileUploadInlineItem, {
+					...data,
+					file: getFile(data),
+					disabled,
+					onDelete: deleteFile
+				}, key);
+			})
+		})] })
+	});
+}
+
+//#endregion
+exports.FileUploadInline = FileUploadInline;

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -0,0 +1,10 @@
+import { FileUploadInlineProps } from "./types.cjs";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/file-upload-inline/FileUploadInline.d.ts
+/**
+ * FileUploadInline - An inline file upload component using FileUpload primitives
+ */
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -0,0 +1,10 @@
+import { FileUploadInlineProps } from "./types.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/file-upload-inline/FileUploadInline.d.ts
+/**
+ * FileUploadInline - An inline file upload component using FileUpload primitives
+ */
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.js

@@ -0,0 +1,66 @@
+'use client';
+
+
+import { useFileUploadStore } from "../file-upload/hooks/use-file-upload-store.js";
+import "../file-upload/index.js";
+import { defaultOptions } from "./defaults.js";
+import { FileUploadInlineItem } from "./FileUploadInlineItem.js";
+import { Button, FileUpload, FileUploadDropzone, FileUploadList, FileUploadTrigger, cn } from "@pixpilot/shadcn";
+import { CloudUpload } from "lucide-react";
+import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/file-upload-inline/FileUploadInline.tsx
+/**
+* FileUploadInline - An inline file upload component using FileUpload primitives
+*/
+function FileUploadInline(props) {
+	const { value, onChange, className, disabled = defaultOptions.disabled, multiple = defaultOptions.multiple, buttonText, showIcon = defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
+		value,
+		onChange,
+		multiple,
+		preventDuplicates
+	});
+	const handleFileAccept = useCallback((files) => {
+		onAccept?.(files);
+		handleAccept(files);
+	}, [handleAccept, onAccept]);
+	return /* @__PURE__ */ jsx(FileUpload, {
+		...rest,
+		value: orgValue,
+		onAccept: handleFileAccept,
+		disabled,
+		multiple,
+		className: cn("space-y-2", className),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [(multiple || !multiple && displayFiles.length === 0) && /* @__PURE__ */ jsxs(FileUploadDropzone, {
+			className: cn("rounded-md border border-input border-solid flex-row bg-background px-3 py-0 display-block w-full cursor-pointer", "hover:bg-accent/50 transition-colors m-0", disabled && "cursor-not-allowed opacity-50"),
+			children: [showIcon && /* @__PURE__ */ jsx(CloudUpload, { className: "h-4 w-4 shrink-0 mx-1 text-muted-foreground" }), /* @__PURE__ */ jsx(FileUploadTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "link",
+					size: "sm",
+					className: "h-auto py-2 px-0 text-sm text-muted-foreground hover:no-underline justify-start flex-1",
+					disabled,
+					children: buttonText
+				})
+			})]
+		}), displayFiles.length > 0 && /* @__PURE__ */ jsx(FileUploadList, {
+			className: "space-y-1 m-0",
+			forceMount: true,
+			children: displayFiles.map((data) => {
+				const { name, lastModified } = data;
+				const key = `${name}-${lastModified}`;
+				return /* @__PURE__ */ jsx(FileUploadInlineItem, {
+					...data,
+					file: getFile(data),
+					disabled,
+					onDelete: deleteFile
+				}, key);
+			})
+		})] })
+	});
+}
+
+//#endregion
+export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInlineItem.cjs

@@ -0,0 +1,96 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_file_upload = require('../packages/shadcn/src/components/ui/file-upload.cjs');
+require('../packages/shadcn/src/components/index.cjs');
+const require_use_file_error = require('../file-upload/hooks/use-file-error.cjs');
+const require_use_file_upload_progress_callbacks = require('../file-upload/hooks/use-file-upload-progress-callbacks.cjs');
+require('../file-upload/hooks/index.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let pretty_bytes = require("pretty-bytes");
+pretty_bytes = require_rolldown_runtime.__toESM(pretty_bytes);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/file-upload-inline/FileUploadInlineItem.tsx
+const FileMetaDataDisplay = ({ size, name, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, __pixpilot_shadcn.cn)("min-w-0 flex-1 flex flex-col"),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: (0, __pixpilot_shadcn.cn)("truncate font-medium text-sm"),
+				children: name
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: (0, __pixpilot_shadcn.cn)("truncate text-muted-foreground text-xs"),
+				children: (0, pretty_bytes.default)(size)
+			}),
+			children
+		]
+	});
+};
+const DeleteIconButton = ({ onClick }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+		variant: "ghost",
+		size: "icon",
+		className: "size-7 shrink-0",
+		"aria-label": "Remove file",
+		onClick,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "h-3.5 w-3.5" })
+	});
+};
+const FileItemWrapper = ({ children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col gap-2 rounded-md border border-input bg-background px-3 py-2 m-0 w-full",
+		children
+	});
+};
+const FileItemInnerWrapper = ({ children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex w-full gap-2",
+		children
+	});
+};
+const FileUploadInlineItem = react.default.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete }) => {
+	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, { onChange: () => {} });
+	const fileError = require_use_file_error.useFileError(file);
+	const isUploading = require_file_upload.useStore((store) => {
+		return store.files.get(file)?.status === "uploading";
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadItem, {
+		className: "p-0 m-0 border-none",
+		value: file,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FileItemWrapper, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FileItemInnerWrapper, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileMetaDataDisplay, {
+			name,
+			size,
+			lastModified,
+			type,
+			children: fileError != null && isUploading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-destructive text-xs",
+				children: fileError
+			})
+		}), !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeleteIconButton, { onClick: (e) => {
+			e.stopPropagation();
+			e.preventDefault();
+			onDelete({
+				name,
+				size,
+				type,
+				lastModified,
+				file
+			});
+		} })] }), isUploading && fileError == null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadItemProgress, {
+			variant: "linear",
+			className: "h-1 w-full"
+		})] })
+	}, `${name}-${size}-${lastModified}`);
+});
+
+//#endregion
+exports.FileUploadInlineItem = FileUploadInlineItem;

package/dist/file-upload-inline/FileUploadInlineItem.js

@@ -0,0 +1,90 @@
+'use client';
+
+
+import { useStore } from "../packages/shadcn/src/components/ui/file-upload.js";
+import "../packages/shadcn/src/components/index.js";
+import { useFileError } from "../file-upload/hooks/use-file-error.js";
+import { useFileUploadProgressCallbacks } from "../file-upload/hooks/use-file-upload-progress-callbacks.js";
+import "../file-upload/hooks/index.js";
+import { Button, FileUploadItem, FileUploadItemProgress, cn } from "@pixpilot/shadcn";
+import { XIcon } from "lucide-react";
+import React from "react";
+import prettyBytes from "pretty-bytes";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/file-upload-inline/FileUploadInlineItem.tsx
+const FileMetaDataDisplay = ({ size, name, children }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("min-w-0 flex-1 flex flex-col"),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn("truncate font-medium text-sm"),
+				children: name
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("truncate text-muted-foreground text-xs"),
+				children: prettyBytes(size)
+			}),
+			children
+		]
+	});
+};
+const DeleteIconButton = ({ onClick }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon",
+		className: "size-7 shrink-0",
+		"aria-label": "Remove file",
+		onClick,
+		children: /* @__PURE__ */ jsx(XIcon, { className: "h-3.5 w-3.5" })
+	});
+};
+const FileItemWrapper = ({ children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-2 rounded-md border border-input bg-background px-3 py-2 m-0 w-full",
+		children
+	});
+};
+const FileItemInnerWrapper = ({ children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex w-full gap-2",
+		children
+	});
+};
+const FileUploadInlineItem = React.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete }) => {
+	useFileUploadProgressCallbacks(file, { onChange: () => {} });
+	const fileError = useFileError(file);
+	const isUploading = useStore((store) => {
+		return store.files.get(file)?.status === "uploading";
+	});
+	return /* @__PURE__ */ jsx(FileUploadItem, {
+		className: "p-0 m-0 border-none",
+		value: file,
+		children: /* @__PURE__ */ jsxs(FileItemWrapper, { children: [/* @__PURE__ */ jsxs(FileItemInnerWrapper, { children: [/* @__PURE__ */ jsx(FileMetaDataDisplay, {
+			name,
+			size,
+			lastModified,
+			type,
+			children: fileError != null && isUploading && /* @__PURE__ */ jsx("div", {
+				className: "text-destructive text-xs",
+				children: fileError
+			})
+		}), !disabled && /* @__PURE__ */ jsx(DeleteIconButton, { onClick: (e) => {
+			e.stopPropagation();
+			e.preventDefault();
+			onDelete({
+				name,
+				size,
+				type,
+				lastModified,
+				file
+			});
+		} })] }), isUploading && fileError == null && /* @__PURE__ */ jsx(FileUploadItemProgress, {
+			variant: "linear",
+			className: "h-1 w-full"
+		})] })
+	}, `${name}-${size}-${lastModified}`);
+});
+
+//#endregion
+export { FileUploadInlineItem };

package/dist/file-upload-inline/defaults.cjs

@@ -0,0 +1,12 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+
+//#region src/file-upload-inline/defaults.ts
+const defaultOptions = {
+	buttonText: "Browse file",
+	showIcon: true,
+	disabled: false,
+	multiple: false
+};
+
+//#endregion
+exports.defaultOptions = defaultOptions;

package/dist/file-upload-inline/defaults.js

@@ -0,0 +1,10 @@
+//#region src/file-upload-inline/defaults.ts
+const defaultOptions = {
+	buttonText: "Browse file",
+	showIcon: true,
+	disabled: false,
+	multiple: false
+};
+
+//#endregion
+export { defaultOptions };

package/dist/file-upload-inline/index.cjs

@@ -0,0 +1,2 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_FileUploadInline = require('./FileUploadInline.cjs');

package/dist/file-upload-inline/index.d.cts

@@ -0,0 +1,2 @@
+import { FileUploadInlineBaseProps, FileUploadInlineProps } from "./types.cjs";
+import { FileUploadInline } from "./FileUploadInline.cjs";

package/dist/file-upload-inline/index.d.ts

@@ -0,0 +1,2 @@
+import { FileUploadInlineBaseProps, FileUploadInlineProps } from "./types.js";
+import { FileUploadInline } from "./FileUploadInline.js";

package/dist/file-upload-inline/index.js

@@ -0,0 +1 @@
+import { FileUploadInline } from "./FileUploadInline.js";

package/dist/file-upload-inline/types.d.cts

@@ -0,0 +1,16 @@
+import { FileUploadProps } from "../file-upload/types/index.cjs";
+
+//#region src/file-upload-inline/types.d.ts
+interface FileUploadInlineBaseProps {
+  /**
+   * Button text when no file is selected
+   */
+  buttonText?: string;
+  /**
+   * Show file icon
+   */
+  showIcon?: boolean;
+}
+type FileUploadInlineProps = FileUploadInlineBaseProps & FileUploadProps;
+//#endregion
+export { FileUploadInlineBaseProps, FileUploadInlineProps };

package/dist/file-upload-inline/types.d.ts

@@ -0,0 +1,16 @@
+import { FileUploadProps } from "../file-upload/types/index.js";
+
+//#region src/file-upload-inline/types.d.ts
+interface FileUploadInlineBaseProps {
+  /**
+   * Button text when no file is selected
+   */
+  buttonText?: string;
+  /**
+   * Show file icon
+   */
+  showIcon?: boolean;
+}
+type FileUploadInlineProps = FileUploadInlineBaseProps & FileUploadProps;
+//#endregion
+export { FileUploadInlineBaseProps, FileUploadInlineProps };

package/dist/file-upload-inline/utils.cjs

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_merge_file_metadata = require('../file-upload/utils/merge-file-metadata.cjs');
+
+//#region src/file-upload-inline/utils.ts
+function normalizeToArray(value) {
+	if (value == null) return [];
+	return Array.isArray(value) ? value : [value];
+}
+function callOnChange(value, multiple, onChange) {
+	const fileMetaDataOnly = value.map(({ file,...metaData }) => metaData);
+	if (multiple) onChange?.(fileMetaDataOnly);
+	else onChange?.(fileMetaDataOnly[0] ?? null);
+}
+/**
+* Handles file value change for FileUploadInline component
+* Normalizes files, merges metadata, and calls appropriate onChange callback
+*
+* @param value - The current file value
+* @param acceptedFiles - Files accepted from file input
+* @param multiple - Whether multiple files are allowed
+* @param onChange - onChange callback
+* @returns Object containing merged files and fileMetadataOnly arrays
+*/
+function handleFileValueChange(value, acceptedFiles, multiple, onChange) {
+	const mergedFiles = require_merge_file_metadata.mergeFileMetadata(normalizeToArray(value), acceptedFiles);
+	const fileMetaDataOnly = mergedFiles.map(({ file,...metaData }) => metaData);
+	callOnChange(mergedFiles, multiple, onChange);
+	return {
+		mergedFiles,
+		fileMetaDataOnly
+	};
+}
+
+//#endregion
+exports.callOnChange = callOnChange;
+exports.handleFileValueChange = handleFileValueChange;
+exports.normalizeToArray = normalizeToArray;

package/dist/file-upload-inline/utils.js

@@ -0,0 +1,34 @@
+import { mergeFileMetadata } from "../file-upload/utils/merge-file-metadata.js";
+
+//#region src/file-upload-inline/utils.ts
+function normalizeToArray(value) {
+	if (value == null) return [];
+	return Array.isArray(value) ? value : [value];
+}
+function callOnChange(value, multiple, onChange) {
+	const fileMetaDataOnly = value.map(({ file,...metaData }) => metaData);
+	if (multiple) onChange?.(fileMetaDataOnly);
+	else onChange?.(fileMetaDataOnly[0] ?? null);
+}
+/**
+* Handles file value change for FileUploadInline component
+* Normalizes files, merges metadata, and calls appropriate onChange callback
+*
+* @param value - The current file value
+* @param acceptedFiles - Files accepted from file input
+* @param multiple - Whether multiple files are allowed
+* @param onChange - onChange callback
+* @returns Object containing merged files and fileMetadataOnly arrays
+*/
+function handleFileValueChange(value, acceptedFiles, multiple, onChange) {
+	const mergedFiles = mergeFileMetadata(normalizeToArray(value), acceptedFiles);
+	const fileMetaDataOnly = mergedFiles.map(({ file,...metaData }) => metaData);
+	callOnChange(mergedFiles, multiple, onChange);
+	return {
+		mergedFiles,
+		fileMetaDataOnly
+	};
+}
+
+//#endregion
+export { callOnChange, handleFileValueChange, normalizeToArray };

package/dist/hooks/index.cjs

@@ -1 +1,2 @@
-const e=require(`./use-media-query.cjs`);
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_media_query = require('./use-media-query.cjs');

package/dist/hooks/index.js

@@ -1 +1 @@
-import{useMediaQuery as e}from"./use-media-query.js";
+import { useMediaQuery } from "./use-media-query.js";

package/dist/hooks/use-media-query.cjs

@@ -1 +1,9 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`react-responsive`);t=e.__toESM(t);const n=t.useMediaQuery;exports.useMediaQuery=n;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react_responsive = require("react-responsive");
+react_responsive = require_rolldown_runtime.__toESM(react_responsive);
+
+//#region src/hooks/use-media-query.ts
+const useMediaQuery = react_responsive.useMediaQuery;
+
+//#endregion
+exports.useMediaQuery = useMediaQuery;

package/dist/hooks/use-media-query.js

@@ -1 +1,7 @@
-import{useMediaQuery as e}from"react-responsive";const t=e;export{t as useMediaQuery};
+import { useMediaQuery } from "react-responsive";
+
+//#region src/hooks/use-media-query.ts
+const useMediaQuery$1 = useMediaQuery;
+
+//#endregion
+export { useMediaQuery$1 as useMediaQuery };