@px-ui/ui 0.1.3 → 1.0.0

package/dist/file-upload-DeCIv13t.js

@@ -0,0 +1,434 @@
+import { t as cn } from "./utils-mWJR2N24.js";
+import { t as Button } from "./button-hBUFMmsZ.js";
+import { t as Spinner } from "./spinner-Bo0sUZEg.js";
+import { CloudUploadIcon, FileArchiveIcon, FileAudioIcon, FileCodeIcon, FileIcon, FileSpreadsheetIcon, FileTextIcon, FileVideoIcon, ImageIcon, RotateCwIcon, XIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { cva } from "class-variance-authority";
+
+//#region src/components/file-upload.tsx
+const extensionMap = {
+	pdf: FileTextIcon,
+	doc: FileTextIcon,
+	docx: FileTextIcon,
+	rtf: FileTextIcon,
+	odt: FileTextIcon,
+	xls: FileSpreadsheetIcon,
+	xlsx: FileSpreadsheetIcon,
+	csv: FileSpreadsheetIcon,
+	ods: FileSpreadsheetIcon,
+	png: ImageIcon,
+	jpg: ImageIcon,
+	jpeg: ImageIcon,
+	gif: ImageIcon,
+	webp: ImageIcon,
+	svg: ImageIcon,
+	bmp: ImageIcon,
+	ico: ImageIcon,
+	tiff: ImageIcon,
+	tif: ImageIcon,
+	mp4: FileVideoIcon,
+	webm: FileVideoIcon,
+	mov: FileVideoIcon,
+	avi: FileVideoIcon,
+	mkv: FileVideoIcon,
+	wmv: FileVideoIcon,
+	flv: FileVideoIcon,
+	mp3: FileAudioIcon,
+	wav: FileAudioIcon,
+	ogg: FileAudioIcon,
+	flac: FileAudioIcon,
+	aac: FileAudioIcon,
+	m4a: FileAudioIcon,
+	wma: FileAudioIcon,
+	zip: FileArchiveIcon,
+	rar: FileArchiveIcon,
+	"7z": FileArchiveIcon,
+	tar: FileArchiveIcon,
+	gz: FileArchiveIcon,
+	bz2: FileArchiveIcon,
+	js: FileCodeIcon,
+	jsx: FileCodeIcon,
+	ts: FileCodeIcon,
+	tsx: FileCodeIcon,
+	json: FileCodeIcon,
+	html: FileCodeIcon,
+	css: FileCodeIcon,
+	scss: FileCodeIcon,
+	less: FileCodeIcon,
+	py: FileCodeIcon,
+	rb: FileCodeIcon,
+	java: FileCodeIcon,
+	c: FileCodeIcon,
+	cpp: FileCodeIcon,
+	h: FileCodeIcon,
+	go: FileCodeIcon,
+	rs: FileCodeIcon,
+	php: FileCodeIcon,
+	sql: FileCodeIcon,
+	sh: FileCodeIcon,
+	bash: FileCodeIcon,
+	yml: FileCodeIcon,
+	yaml: FileCodeIcon,
+	xml: FileCodeIcon,
+	txt: FileTextIcon,
+	md: FileTextIcon,
+	markdown: FileTextIcon,
+	log: FileTextIcon
+};
+const mimeTypeMap = {
+	"application/pdf": FileTextIcon,
+	"application/msword": FileTextIcon,
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document": FileTextIcon,
+	"application/rtf": FileTextIcon,
+	"application/vnd.oasis.opendocument.text": FileTextIcon,
+	"application/vnd.ms-excel": FileSpreadsheetIcon,
+	"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": FileSpreadsheetIcon,
+	"text/csv": FileSpreadsheetIcon,
+	"application/vnd.oasis.opendocument.spreadsheet": FileSpreadsheetIcon,
+	"application/zip": FileArchiveIcon,
+	"application/x-rar-compressed": FileArchiveIcon,
+	"application/x-7z-compressed": FileArchiveIcon,
+	"application/x-tar": FileArchiveIcon,
+	"application/gzip": FileArchiveIcon,
+	"application/javascript": FileCodeIcon,
+	"application/typescript": FileCodeIcon,
+	"application/json": FileCodeIcon,
+	"text/html": FileCodeIcon,
+	"text/css": FileCodeIcon,
+	"application/xml": FileCodeIcon,
+	"text/xml": FileCodeIcon,
+	"text/plain": FileTextIcon,
+	"text/markdown": FileTextIcon
+};
+/**
+* Get the appropriate file type icon component for a file.
+* Uses MIME type first, then falls back to file extension.
+*/
+function getFileTypeIcon(file) {
+	if (file.type) {
+		if (file.type.startsWith("image/")) return ImageIcon;
+		if (file.type.startsWith("video/")) return FileVideoIcon;
+		if (file.type.startsWith("audio/")) return FileAudioIcon;
+		const mimeIcon = mimeTypeMap[file.type];
+		if (mimeIcon) return mimeIcon;
+	}
+	const extension = file.name.split(".").pop()?.toLowerCase();
+	if (extension) {
+		const extIcon = extensionMap[extension];
+		if (extIcon) return extIcon;
+	}
+	return FileIcon;
+}
+const FileUploadContext = React$1.createContext(null);
+function useFileUploadContext() {
+	const context = React$1.useContext(FileUploadContext);
+	if (!context) throw new Error("FileUpload components must be used within FileUpload.Root");
+	return context;
+}
+function Root({ children, upload, accept, multiple = false, disabled = false, className }) {
+	const contextValue = {
+		upload,
+		accept,
+		multiple,
+		disabled
+	};
+	return /* @__PURE__ */ jsx(FileUploadContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "file-upload",
+			className: cn("flex flex-col gap-4", className),
+			children
+		})
+	});
+}
+const dropzoneVariants = cva("flex flex-col items-center justify-center gap-4 rounded-md bg-muted transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50", {
+	variants: {
+		size: {
+			default: "p-8 min-h-[200px]",
+			sm: "p-6 min-h-[160px]",
+			lg: "p-10 min-h-[260px]"
+		},
+		isDragActive: {
+			true: "border-2 border-dashed border-primary bg-primary/5",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		isDragActive: false
+	}
+});
+function Dropzone({ className, size, dropzoneText = "Paste Or Drag & Drop Files Here", browseText = "Browse for files", render, ...props }) {
+	const { upload, accept, multiple, disabled } = useFileUploadContext();
+	const { isDragging, isUploading, files, openFileDialog, getInputProps, handleDragEnter, handleDragLeave, handleDragOver, handleDrop, addFiles } = upload;
+	const descriptionId = React$1.useId();
+	const instructionsId = React$1.useId();
+	const [announcement, setAnnouncement] = React$1.useState("");
+	const inputProps = getInputProps();
+	const handleKeyDown = React$1.useCallback((e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			openFileDialog();
+		}
+	}, [openFileDialog]);
+	const handlePaste = React$1.useCallback((e) => {
+		if (disabled) return;
+		const pastedFiles = e.clipboardData.files;
+		if (pastedFiles.length > 0) {
+			e.preventDefault();
+			const filesArray = Array.from(pastedFiles);
+			addFiles(filesArray);
+			setAnnouncement(`${filesArray.length} file${filesArray.length > 1 ? "s" : ""} pasted`);
+		}
+	}, [disabled, addFiles]);
+	const handleClick = React$1.useCallback(() => {
+		if (disabled || isUploading) return;
+		openFileDialog();
+	}, [
+		disabled,
+		isUploading,
+		openFileDialog
+	]);
+	const state = {
+		isDragging,
+		isUploading,
+		disabled,
+		files
+	};
+	const renderProps = {
+		onDragEnter: handleDragEnter,
+		onDragLeave: handleDragLeave,
+		onDragOver: handleDragOver,
+		onDrop: handleDrop,
+		onPaste: handlePaste,
+		onKeyDown: handleKeyDown,
+		onClick: handleClick,
+		tabIndex: disabled ? -1 : 0,
+		role: "button",
+		"aria-disabled": disabled,
+		"data-dragging": isDragging
+	};
+	const hiddenInput = /* @__PURE__ */ jsx("input", {
+		...inputProps,
+		className: "sr-only",
+		accept,
+		multiple,
+		disabled,
+		tabIndex: -1,
+		"aria-hidden": "true"
+	});
+	const srElements = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("div", {
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			className: "sr-only",
+			children: announcement
+		}),
+		/* @__PURE__ */ jsx("div", {
+			id: descriptionId,
+			className: "sr-only",
+			children: dropzoneText
+		}),
+		/* @__PURE__ */ jsx("div", {
+			id: instructionsId,
+			className: "sr-only",
+			children: "Press Enter or Space to browse files, or drag and drop files here."
+		})
+	] });
+	if (render) return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "file-upload-dropzone",
+		children: [
+			hiddenInput,
+			srElements,
+			render(renderProps, state)
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "file-upload-dropzone",
+		className: cn(dropzoneVariants({
+			size,
+			isDragActive: isDragging
+		}), disabled && "cursor-not-allowed opacity-60", className),
+		...renderProps,
+		"aria-describedby": `${descriptionId} ${instructionsId}`,
+		"aria-label": "File upload dropzone",
+		...props,
+		children: [
+			srElements,
+			hiddenInput,
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground flex items-center gap-3",
+				children: [/* @__PURE__ */ jsx(CloudUploadIcon, {
+					size: 40,
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-base text-foreground font-medium",
+					children: dropzoneText
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex w-full items-center gap-3",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ jsx("div", { className: "bg-border h-px flex-1" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-muted-foreground font-medium",
+						children: "OR"
+					}),
+					/* @__PURE__ */ jsx("div", { className: "bg-border h-px flex-1" })
+				]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "default",
+				disabled: disabled || isUploading,
+				children: isUploading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { className: "size-4" }), "Uploading..."] }) : browseText
+			})
+		]
+	});
+}
+function HiddenInput({ className, ...props }) {
+	const { upload, accept, multiple, disabled } = useFileUploadContext();
+	return /* @__PURE__ */ jsx("input", {
+		...upload.getInputProps(),
+		...props,
+		className: cn("sr-only", className),
+		accept,
+		multiple,
+		disabled,
+		tabIndex: -1,
+		"aria-hidden": "true"
+	});
+}
+function List({ className, children, ...props }) {
+	const { upload } = useFileUploadContext();
+	const { files } = upload;
+	if (files.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "file-upload-list",
+		className: cn("flex flex-col gap-2", className),
+		...props,
+		children: typeof children === "function" ? children(files) : children
+	});
+}
+function ListItem({ file, className, showIcon = true, showProgress = true, showError = true, showRemove = true, showRetry = true, icon, onItemClick, ...props }) {
+	const { upload, disabled } = useFileUploadContext();
+	const { removeFile, retryUpload } = upload;
+	const isUploading = file.status === "uploading";
+	const isError = file.status === "error";
+	const FileTypeIcon = getFileTypeIcon({
+		name: file.file.name,
+		type: file.file.type
+	});
+	const isImageType = file.file.type?.startsWith("image/");
+	const shouldShowImagePreview = file.preview && isImageType;
+	const handleClick = (e) => {
+		if (e.target.closest("button")) return;
+		onItemClick?.(file);
+		props.onClick?.(e);
+	};
+	const handleKeyDown = (e) => {
+		if (onItemClick && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			onItemClick(file);
+		}
+		props.onKeyDown?.(e);
+	};
+	const interactiveProps = onItemClick ? {
+		role: "button",
+		tabIndex: 0
+	} : {};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "file-upload-list-item",
+		"data-status": file.status,
+		className: cn("flex items-center gap-3 rounded-md border bg-card p-3", isError && "border-destructive bg-destructive/10", onItemClick && "cursor-pointer hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+		...props,
+		...interactiveProps,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		children: [
+			showIcon && /* @__PURE__ */ jsx("div", {
+				className: "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted",
+				children: shouldShowImagePreview ? /* @__PURE__ */ jsx("img", {
+					src: file.preview,
+					alt: file.file.name,
+					className: "size-full object-cover"
+				}) : icon ? icon : /* @__PURE__ */ jsx(FileTypeIcon, { className: "size-5" })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-sm text-foreground truncate font-medium",
+						children: file.file.name
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [showProgress && isUploading && /* @__PURE__ */ jsx("div", {
+							className: "bg-muted h-1.5 flex-1 overflow-hidden rounded-full",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "bg-primary h-full transition-all duration-300",
+								style: { width: `${file.progress}%` }
+							})
+						}), isUploading && /* @__PURE__ */ jsxs("span", {
+							className: "text-xs text-muted-foreground shrink-0",
+							children: [file.progress, "%"]
+						})]
+					}),
+					showError && isError && file.error && /* @__PURE__ */ jsx("span", {
+						className: "text-xs text-destructive",
+						children: file.error
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: [showRetry && isError && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					onClick: () => retryUpload(file.id),
+					disabled,
+					"aria-label": `Retry uploading ${file.file.name}`,
+					children: /* @__PURE__ */ jsx(RotateCwIcon, { className: "size-4" })
+				}), showRemove && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					onClick: () => removeFile(file.id),
+					disabled,
+					"aria-label": `Remove ${file.file.name}`,
+					children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+				})]
+			})
+		]
+	});
+}
+function ClearAll({ children, ...props }) {
+	const { upload, disabled } = useFileUploadContext();
+	const { clearFiles, files } = upload;
+	if (files.length === 0) return null;
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		variant: "ghost",
+		onClick: clearFiles,
+		disabled,
+		"data-slot": "file-upload-clear-all",
+		...props,
+		children: children ?? "Remove all files"
+	});
+}
+const FileUpload = {
+	Root,
+	Dropzone,
+	HiddenInput,
+	List,
+	ListItem,
+	ClearAll
+};
+
+//#endregion
+export { getFileTypeIcon as n, FileUpload as t };
+//# sourceMappingURL=file-upload-DeCIv13t.js.map

package/dist/file-upload-DeCIv13t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-DeCIv13t.js","names":["extensionMap: Record<string, LucideIcon>","mimeTypeMap: Record<string, LucideIcon>","React","contextValue: FileUploadContextValue","state: DropzoneState","renderProps: DropzoneRenderProps"],"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  CloudUploadIcon,\n  XIcon,\n  RotateCwIcon,\n  FileIcon,\n  FileTextIcon,\n  FileSpreadsheetIcon,\n  ImageIcon,\n  FileVideoIcon,\n  FileAudioIcon,\n  FileArchiveIcon,\n  FileCodeIcon,\n  type LucideIcon,\n} from \"lucide-react\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Button } from \"@px-ui/ui/components/button\";\nimport { Spinner } from \"@px-ui/ui/components/spinner\";\nimport type {\n  FileUploadItem,\n  UseFileUploadReturn,\n} from \"@px-ui/ui/hooks/use-file-upload\";\n\n// ============================================================================\n// File type icon\n// ============================================================================\n\ntype FileInfo = { name: string; type?: string };\n\nconst extensionMap: Record<string, LucideIcon> = {\n  pdf: FileTextIcon,\n\n  // Word documents\n  doc: FileTextIcon,\n  docx: FileTextIcon,\n  rtf: FileTextIcon,\n  odt: FileTextIcon,\n\n  // Excel / spreadsheets\n  xls: FileSpreadsheetIcon,\n  xlsx: FileSpreadsheetIcon,\n  csv: FileSpreadsheetIcon,\n  ods: FileSpreadsheetIcon,\n\n  // Images\n  png: ImageIcon,\n  jpg: ImageIcon,\n  jpeg: ImageIcon,\n  gif: ImageIcon,\n  webp: ImageIcon,\n  svg: ImageIcon,\n  bmp: ImageIcon,\n  ico: ImageIcon,\n  tiff: ImageIcon,\n  tif: ImageIcon,\n\n  // Video\n  mp4: FileVideoIcon,\n  webm: FileVideoIcon,\n  mov: FileVideoIcon,\n  avi: FileVideoIcon,\n  mkv: FileVideoIcon,\n  wmv: FileVideoIcon,\n  flv: FileVideoIcon,\n\n  // Audio\n  mp3: FileAudioIcon,\n  wav: FileAudioIcon,\n  ogg: FileAudioIcon,\n  flac: FileAudioIcon,\n  aac: FileAudioIcon,\n  m4a: FileAudioIcon,\n  wma: FileAudioIcon,\n\n  // Archives\n  zip: FileArchiveIcon,\n  rar: FileArchiveIcon,\n  \"7z\": FileArchiveIcon,\n  tar: FileArchiveIcon,\n  gz: FileArchiveIcon,\n  bz2: FileArchiveIcon,\n\n  // Code\n  js: FileCodeIcon,\n  jsx: FileCodeIcon,\n  ts: FileCodeIcon,\n  tsx: FileCodeIcon,\n  json: FileCodeIcon,\n  html: FileCodeIcon,\n  css: FileCodeIcon,\n  scss: FileCodeIcon,\n  less: FileCodeIcon,\n  py: FileCodeIcon,\n  rb: FileCodeIcon,\n  java: FileCodeIcon,\n  c: FileCodeIcon,\n  cpp: FileCodeIcon,\n  h: FileCodeIcon,\n  go: FileCodeIcon,\n  rs: FileCodeIcon,\n  php: FileCodeIcon,\n  sql: FileCodeIcon,\n  sh: FileCodeIcon,\n  bash: FileCodeIcon,\n  yml: FileCodeIcon,\n  yaml: FileCodeIcon,\n  xml: FileCodeIcon,\n\n  // Text\n  txt: FileTextIcon,\n  md: FileTextIcon,\n  markdown: FileTextIcon,\n  log: FileTextIcon,\n};\n\nconst mimeTypeMap: Record<string, LucideIcon> = {\n  \"application/pdf\": FileTextIcon,\n\n  // Word\n  \"application/msword\": FileTextIcon,\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\":\n    FileTextIcon,\n  \"application/rtf\": FileTextIcon,\n  \"application/vnd.oasis.opendocument.text\": FileTextIcon,\n\n  // Excel\n  \"application/vnd.ms-excel\": FileSpreadsheetIcon,\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\":\n    FileSpreadsheetIcon,\n  \"text/csv\": FileSpreadsheetIcon,\n  \"application/vnd.oasis.opendocument.spreadsheet\": FileSpreadsheetIcon,\n\n  // Archives\n  \"application/zip\": FileArchiveIcon,\n  \"application/x-rar-compressed\": FileArchiveIcon,\n  \"application/x-7z-compressed\": FileArchiveIcon,\n  \"application/x-tar\": FileArchiveIcon,\n  \"application/gzip\": FileArchiveIcon,\n\n  // Code\n  \"application/javascript\": FileCodeIcon,\n  \"application/typescript\": FileCodeIcon,\n  \"application/json\": FileCodeIcon,\n  \"text/html\": FileCodeIcon,\n  \"text/css\": FileCodeIcon,\n  \"application/xml\": FileCodeIcon,\n  \"text/xml\": FileCodeIcon,\n\n  // Text\n  \"text/plain\": FileTextIcon,\n  \"text/markdown\": FileTextIcon,\n};\n\n/**\n * Get the appropriate file type icon component for a file.\n * Uses MIME type first, then falls back to file extension.\n */\nfunction getFileTypeIcon(file: FileInfo): LucideIcon {\n  if (file.type) {\n    if (file.type.startsWith(\"image/\")) return ImageIcon;\n    if (file.type.startsWith(\"video/\")) return FileVideoIcon;\n    if (file.type.startsWith(\"audio/\")) return FileAudioIcon;\n\n    const mimeIcon = mimeTypeMap[file.type];\n    if (mimeIcon) return mimeIcon;\n  }\n\n  const extension = file.name.split(\".\").pop()?.toLowerCase();\n  if (extension) {\n    const extIcon = extensionMap[extension];\n    if (extIcon) return extIcon;\n  }\n\n  return FileIcon;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface FileUploadContextValue {\n  upload: UseFileUploadReturn;\n  accept?: string;\n  multiple: boolean;\n  disabled: boolean;\n}\n\nconst FileUploadContext = React.createContext<FileUploadContextValue | null>(\n  null,\n);\n\nfunction useFileUploadContext() {\n  const context = React.useContext(FileUploadContext);\n  if (!context) {\n    throw new Error(\n      \"FileUpload components must be used within FileUpload.Root\",\n    );\n  }\n  return context;\n}\n\n// ============================================================================\n// Root Component\n// ============================================================================\n\nexport interface RootProps {\n  children: React.ReactNode;\n  /** The upload hook return value */\n  upload: UseFileUploadReturn;\n  /** Accepted file types (e.g., \"image/*,.pdf\") */\n  accept?: string;\n  /** Allow multiple file selection */\n  multiple?: boolean;\n  /** Whether the upload is disabled */\n  disabled?: boolean;\n  className?: string;\n}\n\nfunction Root({\n  children,\n  upload,\n  accept,\n  multiple = false,\n  disabled = false,\n  className,\n}: RootProps) {\n  const contextValue: FileUploadContextValue = {\n    upload,\n    accept,\n    multiple,\n    disabled,\n  };\n\n  return (\n    <FileUploadContext.Provider value={contextValue}>\n      <div\n        data-slot=\"file-upload\"\n        className={cn(\"flex flex-col gap-4\", className)}\n      >\n        {children}\n      </div>\n    </FileUploadContext.Provider>\n  );\n}\n\n// ============================================================================\n// Dropzone Component\n// ============================================================================\n\nconst dropzoneVariants = cva(\n  \"flex flex-col items-center justify-center gap-4 rounded-md bg-muted transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50\",\n  {\n    variants: {\n      size: {\n        default: \"p-8 min-h-[200px]\",\n        sm: \"p-6 min-h-[160px]\",\n        lg: \"p-10 min-h-[260px]\",\n      },\n      isDragActive: {\n        true: \"border-2 border-dashed border-primary bg-primary/5\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isDragActive: false,\n    },\n  },\n);\n\n/** State passed to the render prop */\nexport interface DropzoneState {\n  /** Whether files are being dragged over the dropzone */\n  isDragging: boolean;\n  /** Whether files are currently uploading */\n  isUploading: boolean;\n  /** Whether the dropzone is disabled */\n  disabled: boolean;\n  /** Current files in the upload */\n  files: FileUploadItem[];\n}\n\n/** Props passed to the render prop element */\nexport interface DropzoneRenderProps {\n  onDragEnter: React.DragEventHandler;\n  onDragLeave: React.DragEventHandler;\n  onDragOver: React.DragEventHandler;\n  onDrop: React.DragEventHandler;\n  onPaste: React.ClipboardEventHandler;\n  onKeyDown: React.KeyboardEventHandler;\n  onClick: React.MouseEventHandler;\n  tabIndex: number;\n  role: string;\n  \"aria-disabled\": boolean;\n  \"data-dragging\": boolean;\n}\n\nexport interface DropzoneProps\n  extends Omit<React.ComponentProps<\"div\">, \"children\">,\n    Omit<VariantProps<typeof dropzoneVariants>, \"isDragActive\"> {\n  /** Custom text for the dropzone */\n  dropzoneText?: string;\n  /** Custom text for the browse button */\n  browseText?: string;\n  /**\n   * Render prop for complete customization.\n   * When provided, replaces the default dropzone element.\n   * Receives props to spread and state for conditional styling.\n   */\n  render?: (\n    props: DropzoneRenderProps,\n    state: DropzoneState,\n  ) => React.ReactElement;\n}\n\nfunction Dropzone({\n  className,\n  size,\n  dropzoneText = \"Paste Or Drag & Drop Files Here\",\n  browseText = \"Browse for files\",\n  render,\n  ...props\n}: DropzoneProps) {\n  const { upload, accept, multiple, disabled } = useFileUploadContext();\n  const {\n    isDragging,\n    isUploading,\n    files,\n    openFileDialog,\n    getInputProps,\n    handleDragEnter,\n    handleDragLeave,\n    handleDragOver,\n    handleDrop,\n    addFiles,\n  } = upload;\n\n  const descriptionId = React.useId();\n  const instructionsId = React.useId();\n  const [announcement, setAnnouncement] = React.useState(\"\");\n\n  const inputProps = getInputProps();\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        openFileDialog();\n      }\n    },\n    [openFileDialog],\n  );\n\n  const handlePaste = React.useCallback(\n    (e: React.ClipboardEvent) => {\n      if (disabled) return;\n      const pastedFiles = e.clipboardData.files;\n      if (pastedFiles.length > 0) {\n        e.preventDefault();\n        const filesArray = Array.from(pastedFiles);\n        addFiles(filesArray);\n        setAnnouncement(\n          `${filesArray.length} file${filesArray.length > 1 ? \"s\" : \"\"} pasted`,\n        );\n      }\n    },\n    [disabled, addFiles],\n  );\n\n  const handleClick = React.useCallback(() => {\n    if (disabled || isUploading) return;\n    openFileDialog();\n  }, [disabled, isUploading, openFileDialog]);\n\n  // State passed to render prop\n  const state: DropzoneState = {\n    isDragging,\n    isUploading,\n    disabled,\n    files,\n  };\n\n  // Props passed to render prop (to be spread on custom element)\n  const renderProps: DropzoneRenderProps = {\n    onDragEnter: handleDragEnter,\n    onDragLeave: handleDragLeave,\n    onDragOver: handleDragOver,\n    onDrop: handleDrop,\n    onPaste: handlePaste,\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n    tabIndex: disabled ? -1 : 0,\n    role: \"button\",\n    \"aria-disabled\": disabled,\n    \"data-dragging\": isDragging,\n  };\n\n  // Hidden input element (always rendered)\n  const hiddenInput = (\n    <input\n      {...inputProps}\n      className=\"sr-only\"\n      accept={accept}\n      multiple={multiple}\n      disabled={disabled}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n    />\n  );\n\n  // Screen reader elements\n  const srElements = (\n    <>\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"sr-only\"\n      >\n        {announcement}\n      </div>\n      <div id={descriptionId} className=\"sr-only\">\n        {dropzoneText}\n      </div>\n      <div id={instructionsId} className=\"sr-only\">\n        Press Enter or Space to browse files, or drag and drop files here.\n      </div>\n    </>\n  );\n\n  // If render prop is provided, use it for full customization\n  if (render) {\n    return (\n      <div data-slot=\"file-upload-dropzone\">\n        {hiddenInput}\n        {srElements}\n        {render(renderProps, state)}\n      </div>\n    );\n  }\n\n  // Default rendering\n  return (\n    <div\n      data-slot=\"file-upload-dropzone\"\n      className={cn(\n        dropzoneVariants({ size, isDragActive: isDragging }),\n        disabled && \"cursor-not-allowed opacity-60\",\n        className,\n      )}\n      {...renderProps}\n      aria-describedby={`${descriptionId} ${instructionsId}`}\n      aria-label=\"File upload dropzone\"\n      {...props}\n    >\n      {srElements}\n      {hiddenInput}\n\n      <div className=\"text-muted-foreground flex items-center gap-3\">\n        <CloudUploadIcon size={40} aria-hidden=\"true\" />\n        <span className=\"text-base text-foreground font-medium\">\n          {dropzoneText}\n        </span>\n      </div>\n\n      <div className=\"flex w-full items-center gap-3\" aria-hidden=\"true\">\n        <div className=\"bg-border h-px flex-1\" />\n        <span className=\"text-sm text-muted-foreground font-medium\">OR</span>\n        <div className=\"bg-border h-px flex-1\" />\n      </div>\n\n      <Button\n        type=\"button\"\n        variant=\"default\"\n        disabled={disabled || isUploading}\n      >\n        {isUploading ? (\n          <>\n            <Spinner className=\"size-4\" />\n            Uploading...\n          </>\n        ) : (\n          browseText\n        )}\n      </Button>\n    </div>\n  );\n}\n\n// ============================================================================\n// HiddenInput Component\n// ============================================================================\n\nexport interface HiddenInputProps\n  extends Omit<React.ComponentProps<\"input\">, \"type\"> {}\n\nfunction HiddenInput({ className, ...props }: HiddenInputProps) {\n  const { upload, accept, multiple, disabled } = useFileUploadContext();\n  const inputProps = upload.getInputProps();\n\n  return (\n    <input\n      {...inputProps}\n      {...props}\n      className={cn(\"sr-only\", className)}\n      accept={accept}\n      multiple={multiple}\n      disabled={disabled}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\n// ============================================================================\n// List Component\n// ============================================================================\n\nexport interface ListProps\n  extends Omit<React.ComponentProps<\"div\">, \"children\"> {\n  children?: React.ReactNode | ((files: FileUploadItem[]) => React.ReactNode);\n}\n\nfunction List({ className, children, ...props }: ListProps) {\n  const { upload } = useFileUploadContext();\n  const { files } = upload;\n\n  if (files.length === 0) return null;\n\n  return (\n    <div\n      data-slot=\"file-upload-list\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    >\n      {typeof children === \"function\" ? children(files) : children}\n    </div>\n  );\n}\n\n// ============================================================================\n// ListItem Component (Consolidated)\n// ============================================================================\n\nexport interface ListItemProps extends React.ComponentProps<\"div\"> {\n  file: FileUploadItem;\n  /** Show file type icon (default: true) */\n  showIcon?: boolean;\n  /** Show progress bar when uploading (default: true) */\n  showProgress?: boolean;\n  /** Show error message when error (default: true) */\n  showError?: boolean;\n  /** Show remove button (default: true) */\n  showRemove?: boolean;\n  /** Show retry button when error (default: true) */\n  showRetry?: boolean;\n  /** Custom icon component */\n  icon?: React.ReactNode;\n  /** Click handler for the list item */\n  onItemClick?: (file: FileUploadItem) => void;\n}\n\nfunction ListItem({\n  file,\n  className,\n  showIcon = true,\n  showProgress = true,\n  showError = true,\n  showRemove = true,\n  showRetry = true,\n  icon,\n  onItemClick,\n  ...props\n}: ListItemProps) {\n  const { upload, disabled } = useFileUploadContext();\n  const { removeFile, retryUpload } = upload;\n\n  const isUploading = file.status === \"uploading\";\n  const isError = file.status === \"error\";\n\n  // Get the appropriate icon\n  const FileTypeIcon = getFileTypeIcon({\n    name: file.file.name,\n    type: file.file.type,\n  });\n\n  // Check if file is an image type (should show preview)\n  const isImageType = file.file.type?.startsWith(\"image/\");\n  const shouldShowImagePreview = file.preview && isImageType;\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if ((e.target as HTMLElement).closest(\"button\")) return;\n    onItemClick?.(file);\n    props.onClick?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (onItemClick && (e.key === \"Enter\" || e.key === \" \")) {\n      e.preventDefault();\n      onItemClick(file);\n    }\n    props.onKeyDown?.(e);\n  };\n\n  const interactiveProps = onItemClick\n    ? {\n        role: \"button\" as const,\n        tabIndex: 0,\n      }\n    : {};\n\n  return (\n    <div\n      data-slot=\"file-upload-list-item\"\n      data-status={file.status}\n      className={cn(\n        \"flex items-center gap-3 rounded-md border bg-card p-3\",\n        isError && \"border-destructive bg-destructive/10\",\n        onItemClick &&\n          \"cursor-pointer hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      {...props}\n      {...interactiveProps}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      {/* Icon/Preview */}\n      {showIcon && (\n        <div className=\"flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm bg-muted\">\n          {shouldShowImagePreview ? (\n            <img\n              src={file.preview}\n              alt={file.file.name}\n              className=\"size-full object-cover\"\n            />\n          ) : icon ? (\n            icon\n          ) : (\n            <FileTypeIcon className=\"size-5\" />\n          )}\n        </div>\n      )}\n\n      {/* File info */}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <span className=\"text-sm text-foreground truncate font-medium\">\n          {file.file.name}\n        </span>\n\n        <div className=\"flex items-center gap-2\">\n          {/* Progress bar */}\n          {showProgress && isUploading && (\n            <div className=\"bg-muted h-1.5 flex-1 overflow-hidden rounded-full\">\n              <div\n                className=\"bg-primary h-full transition-all duration-300\"\n                style={{ width: `${file.progress}%` }}\n              />\n            </div>\n          )}\n\n          {/* Progress percentage */}\n          {isUploading && (\n            <span className=\"text-xs text-muted-foreground shrink-0\">\n              {file.progress}%\n            </span>\n          )}\n        </div>\n\n        {/* Error message */}\n        {showError && isError && file.error && (\n          <span className=\"text-xs text-destructive\">{file.error}</span>\n        )}\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex shrink-0 items-center gap-1\">\n        {/* Retry button */}\n        {showRetry && isError && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            onClick={() => retryUpload(file.id)}\n            disabled={disabled}\n            aria-label={`Retry uploading ${file.file.name}`}\n          >\n            <RotateCwIcon className=\"size-4\" />\n          </Button>\n        )}\n\n        {/* Remove button */}\n        {showRemove && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            onClick={() => removeFile(file.id)}\n            disabled={disabled}\n            aria-label={`Remove ${file.file.name}`}\n          >\n            <XIcon className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// ClearAll Component\n// ============================================================================\n\nexport interface ClearAllProps extends React.ComponentProps<typeof Button> {}\n\nfunction ClearAll({ children, ...props }: ClearAllProps) {\n  const { upload, disabled } = useFileUploadContext();\n  const { clearFiles, files } = upload;\n\n  if (files.length === 0) return null;\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      onClick={clearFiles}\n      disabled={disabled}\n      data-slot=\"file-upload-clear-all\"\n      {...props}\n    >\n      {children ?? \"Remove all files\"}\n    </Button>\n  );\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { getFileTypeIcon };\n\nexport const FileUpload = {\n  Root,\n  Dropzone,\n  HiddenInput,\n  List,\n  ListItem,\n  ClearAll,\n};\n"],"mappings":"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"}

package/dist/hooks/use-async-options.d.ts

@@ -0,0 +1,2 @@
+import { a as useAsyncOptions, i as defineLoadOptions, n as InferOptions, r as LoadOptionsConfig, t as InferOption } from "../use-async-options-DHR8q5qX.js";
+export { InferOption, InferOptions, LoadOptionsConfig, defineLoadOptions, useAsyncOptions };

package/dist/hooks/use-async-options.js

@@ -0,0 +1,3 @@
+import { n as useAsyncOptions, t as defineLoadOptions } from "../use-async-options-wZ9LJ2BJ.js";
+
+export { defineLoadOptions, useAsyncOptions };

package/dist/hooks/use-debounce.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/use-debounce.d.ts
+declare function useDebounce<T>(callback: () => void, delay: number, deps: React.DependencyList): void;
+//#endregion
+export { useDebounce as default };
+//# sourceMappingURL=use-debounce.d.ts.map

package/dist/hooks/use-debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.d.ts","names":[],"sources":["../../src/hooks/use-debounce.ts"],"sourcesContent":[],"mappings":";iBAEwB,0DAGhB,KAAA,CAAM"}

package/dist/hooks/use-debounce.js

@@ -0,0 +1,3 @@
+import { t as useDebounce } from "../use-debounce-_qaEZqtt.js";
+
+export { useDebounce as default };

package/dist/hooks/use-file-upload.d.ts

@@ -0,0 +1,2 @@
+import { a as FileWithPreview, c as UploadConfig, d as UseFileUploadReturn, f as formatBytes, i as FileUploadWithUploaderOptions, l as UploadStatus, n as FileUploadItem, o as FileWithUploadStatus, p as useFileUpload, r as FileUploadOptions, s as PresignedUrlResponse, t as FileMetadata, u as UseFileUploadOptions } from "../use-file-upload-yy-xLBtn.js";
+export { FileMetadata, FileUploadItem, FileUploadOptions, FileUploadWithUploaderOptions, FileWithPreview, FileWithUploadStatus, PresignedUrlResponse, UploadConfig, UploadStatus, UseFileUploadOptions, UseFileUploadReturn, formatBytes, useFileUpload };

package/dist/hooks/use-file-upload.js

@@ -0,0 +1,3 @@
+import { n as useFileUpload, t as formatBytes } from "../use-file-upload-Dxrej28u.js";
+
+export { formatBytes, useFileUpload };

package/dist/hooks/use-infinite-scroll.d.ts

@@ -0,0 +1,21 @@
+import { t as UseIntersectionObserverOptions } from "../use-intersection-observer-C2xDq2SW.js";
+
+//#region src/hooks/use-infinite-scroll.d.ts
+type UseInfiniteScrollHookArgs = Pick<UseIntersectionObserverOptions, "rootMargin" | "threshold" | "root"> & {
+  isLoadingMore: boolean;
+  hasMore: boolean;
+  onLoadMore: () => unknown;
+  disabled?: boolean;
+};
+declare function useInfiniteScroll({
+  isLoadingMore,
+  hasMore,
+  onLoadMore,
+  rootMargin,
+  root,
+  disabled,
+  threshold
+}: UseInfiniteScrollHookArgs): readonly [(node: Element | null) => void];
+//#endregion
+export { UseInfiniteScrollHookArgs, useInfiniteScroll as default };
+//# sourceMappingURL=use-infinite-scroll.d.ts.map

package/dist/hooks/use-infinite-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-infinite-scroll.d.ts","names":[],"sources":["../../src/hooks/use-infinite-scroll.ts"],"sourcesContent":[],"mappings":";;;KAQY,yBAAA,GAA4B,KACtC;;EADU,OAAA,EAAA,OAAA;EAUH,UAAA,EAAA,GAAA,GAAA,OAAiB;EACxB,QAAA,CAAA,EAAA,OAAA;CACA;iBAFO,iBAAA,CAGP;EAAA,aAAA;EAAA,OAAA;EAAA,UAAA;EAAA,UAAA;EAAA,IAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAKC,yBALD,CAAA,EAAA,SAAA,CAAA,CAAA,IAAA,EAK0B,OAL1B,GAAA,IAAA,EAAA,GAAA,IAAA,CAAA"}

package/dist/hooks/use-infinite-scroll.js

@@ -0,0 +1,4 @@
+import "../use-intersection-observer-CZfnep4z.js";
+import { t as use_infinite_scroll_default } from "../use-infinite-scroll-CpbhGGT5.js";
+
+export { use_infinite_scroll_default as default };

package/dist/hooks/use-intersection-observer.d.ts

@@ -0,0 +1,2 @@
+import { n as UseIntersectionObserverReturn, r as useIntersectionObserver, t as UseIntersectionObserverOptions } from "../use-intersection-observer-C2xDq2SW.js";
+export { UseIntersectionObserverOptions, UseIntersectionObserverReturn, useIntersectionObserver };

package/dist/hooks/use-intersection-observer.js

@@ -0,0 +1,3 @@
+import { t as useIntersectionObserver } from "../use-intersection-observer-CZfnep4z.js";
+
+export { useIntersectionObserver };

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/use-mobile.d.ts
+declare function useIsMobile(): boolean;
+//#endregion
+export { useIsMobile };
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":[],"mappings":";iBAIgB,WAAA,CAAA"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,3 @@
+import { t as useIsMobile } from "../use-mobile-l5ebOdQl.js";
+
+export { useIsMobile };

package/dist/input-8jqdnUZl.js

@@ -0,0 +1,18 @@
+import { t as cn } from "./utils-mWJR2N24.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Input } from "@base-ui/react/input";
+
+//#region src/components/input.tsx
+function Input$1({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		type,
+		"data-slot": "input",
+		className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 ppx-md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input$1 as t };
+//# sourceMappingURL=input-8jqdnUZl.js.map

package/dist/input-8jqdnUZl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-8jqdnUZl.js","names":["Input","InputPrimitive"],"sources":["../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 ppx-md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;AAKA,SAASA,QAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;AAC3E,QACE,oBAACC;EACO;EACN,aAAU;EACV,WAAW,GACT,0nBACA,UACD;EACD,GAAI;GACJ"}

package/dist/input-DwxhsFRP.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/input.d.ts
+declare function Input({
+  className,
+  type,
+  ...props
+}: React$1.ComponentProps<"input">): react_jsx_runtime138.JSX.Element;
+//#endregion
+export { Input as t };
+//# sourceMappingURL=input-DwxhsFRP.d.ts.map

package/dist/input-DwxhsFRP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-DwxhsFRP.d.ts","names":[],"sources":["../src/components/input.tsx"],"sourcesContent":[],"mappings":";;;;iBAKS,KAAA;;;;GAAqC,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA"}