@zayne-labs/ui-react 0.9.17 → 0.9.18

package/dist/esm/components/common/await/index.d.ts

@@ -1,6 +1,6 @@
 import "../../../getSlotMap-DA_uhXqU.js";
-import "../../../index-DKfm0Dyj.js";
+import "../../../index-D-j2Cn1J.js";
 import "../../../index-BSJ30pGj.js";
-import "../../../index-DmOz1yDZ.js";
-import { AwaitError$1 as AwaitError, AwaitPending$1 as AwaitPending, AwaitRoot$1 as AwaitRoot, AwaitSuccess$1 as AwaitSuccess, await_parts_d_exports, useAwaitContext$1 as useAwaitContext } from "../../../index-C4ub0yqe.js";
+import "../../../index-CqlM1M0j.js";
+import { AwaitError$1 as AwaitError, AwaitPending$1 as AwaitPending, AwaitRoot$1 as AwaitRoot, AwaitSuccess$1 as AwaitSuccess, await_parts_d_exports, useAwaitContext$1 as useAwaitContext } from "../../../index-TBkPiipk.js";
 export { await_parts_d_exports as Await, AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, useAwaitContext };

package/dist/esm/components/common/index.d.ts

@@ -1,8 +1,8 @@
 import "../../getSlotMap-DA_uhXqU.js";
-import "../../index-DKfm0Dyj.js";
+import "../../index-D-j2Cn1J.js";
 import { ErrorBoundary$1 as ErrorBoundary } from "../../index-BSJ30pGj.js";
-import { SuspenseWithBoundary$1 as SuspenseWithBoundary } from "../../index-DmOz1yDZ.js";
-import { await_parts_d_exports } from "../../index-C4ub0yqe.js";
+import { SuspenseWithBoundary$1 as SuspenseWithBoundary } from "../../index-CqlM1M0j.js";
+import { await_parts_d_exports } from "../../index-TBkPiipk.js";
 import { For$1 as For, ForWithWrapper$1 as ForWithWrapper } from "../../index-BhpBx8dH.js";
 import { show_parts_d_exports } from "../../index-C0XZoIZD.js";
 import { slot_parts_d_exports } from "../../index-1UCPJf7B.js";

package/dist/esm/components/common/suspense-with-boundary/index.d.ts

@@ -1,3 +1,3 @@
 import "../../../index-BSJ30pGj.js";
-import { SuspenseWithBoundary$1 as SuspenseWithBoundary, SuspenseWithBoundaryProps } from "../../../index-DmOz1yDZ.js";
+import { SuspenseWithBoundary$1 as SuspenseWithBoundary, SuspenseWithBoundaryProps } from "../../../index-CqlM1M0j.js";
 export { SuspenseWithBoundary, SuspenseWithBoundaryProps };

package/dist/esm/components/ui/drop-zone/index.d.ts

@@ -1,3 +1,3 @@
 import "../../../getSlotMap-DA_uhXqU.js";
-import { ContainerProps, DropZoneActions, DropZoneContainer$1 as DropZoneContainer, DropZoneContext$1 as DropZoneContext, DropZoneImagePreview$1 as DropZoneImagePreview, DropZoneInput$1 as DropZoneInput, DropZoneRenderPropType, DropZoneRoot$1 as DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone$1 as useDropZone, useDropZoneContext$1 as useDropZoneContext } from "../../../index-BPeZJS-v.js";
+import { ContainerProps, DropZoneActions, DropZoneContainer$1 as DropZoneContainer, DropZoneContext$1 as DropZoneContext, DropZoneImagePreview$1 as DropZoneImagePreview, DropZoneInput$1 as DropZoneInput, DropZoneRenderPropType, DropZoneRoot$1 as DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone$1 as useDropZone, useDropZoneContext$1 as useDropZoneContext } from "../../../index-ASoFjmZ6.js";
 export { ContainerProps, drop_zone_parts_d_exports as DropZone, DropZoneActions, DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRenderPropType, DropZoneRoot, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, useDropZone, useDropZoneContext };

package/dist/esm/components/ui/index.d.ts

@@ -2,6 +2,6 @@ import "../../getSlotMap-DA_uhXqU.js";
 import { card_parts_d_exports } from "../../index-BuSQsDCX.js";
 import { carousel_parts_d_exports } from "../../index-BC0r1cBF.js";
 import { useDragScroll$1 as useDragScroll } from "../../index-CTZr4PTO.js";
-import { drop_zone_parts_d_exports, useDropZone$1 as useDropZone } from "../../index-BPeZJS-v.js";
+import { drop_zone_parts_d_exports, useDropZone$1 as useDropZone } from "../../index-ASoFjmZ6.js";
 import { form_parts_d_exports } from "../../index-DQ1yFGd2.js";
 export { card_parts_d_exports as Card, carousel_parts_d_exports as Carousel, drop_zone_parts_d_exports as DropZone, form_parts_d_exports as Form, useDragScroll, useDropZone };

package/dist/esm/drop-zone-_YK9C3Xj.js.map

@@ -1 +1 @@
-{"version":3,"file":"drop-zone-_YK9C3Xj.js","names":["file: File | FileMeta","file: File","disallowPreviewForNonImageFiles: boolean","fileWithPreview: FileWithPreview | undefined","props?: UseDropZoneProps","value: boolean","addFiles: DropZoneActions[\"addFiles\"]","filesWithPreview: FileWithPreview[]","clearFiles: DropZoneActions[\"clearFiles\"]","removeFile: DropZoneActions[\"removeFile\"]","clearErrors: DropZoneActions[\"clearErrors\"]","handleFileUpload: DropZoneActions[\"handleFileUpload\"]","handleDragEnter: DropZoneActions[\"handleDragEnter\"]","handleDragOver: DropZoneActions[\"handleDragOver\"]","handleDragLeave: DropZoneActions[\"handleDragLeave\"]","openFilePicker: DropZoneActions[\"openFilePicker\"]","getContainerProps: UseDropZoneResult[\"getContainerProps\"]","getInputProps: UseDropZoneResult[\"getInputProps\"]","props: DropZoneRootProps","ReactFragment","props: DropZoneInputProps","Component","props: PolymorphicProps<TElement, DropZoneContainerProps>","props: { children: RenderPropFn }"],"sources":["../../src/components/ui/drop-zone/drop-context.ts","../../src/components/ui/drop-zone/utils.ts","../../src/components/ui/drop-zone/use-drop-zone.ts","../../src/components/ui/drop-zone/drop-zone.tsx","../../src/components/ui/drop-zone/drop-zone-parts.ts"],"sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\nimport type { UseDropZoneResult } from \"./use-drop-zone\";\n\ntype DropZoneContext = UseDropZoneResult;\n\nexport const [DropZoneContextProvider, useDropZoneContext] = createCustomContext<DropZoneContext>({\n\thookName: \"useDropZoneContext\",\n\tname: \"DropZoneContext\",\n\tproviderName: \"DropZoneRoot\",\n});\n","import { type FileMeta, createImagePreview } from \"@zayne-labs/toolkit-core\";\nimport { isFile } from \"@zayne-labs/toolkit-type-helpers\";\nimport type { FileWithPreview } from \"./use-drop-zone\";\n\nexport const generateUniqueId = (file: File | FileMeta): string => {\n\tif (!isFile(file)) {\n\t\treturn file.id;\n\t}\n\n\treturn `${file.name}-(${Math.round(performance.now())})-${crypto.randomUUID().slice(0, 8)}`;\n};\n\nexport const createObjectURL = (file: File, disallowPreviewForNonImageFiles: boolean) => {\n\tif (disallowPreviewForNonImageFiles && !file.type.startsWith(\"image/\")) return;\n\n\treturn createImagePreview(file);\n};\n\nexport const clearObjectURL = (\n\tfileWithPreview: FileWithPreview | undefined,\n\tdisallowPreviewForNonImageFiles: boolean\n) => {\n\tif (!isFile(fileWithPreview?.file)) return;\n\n\tif (disallowPreviewForNonImageFiles && !fileWithPreview.file.type.startsWith(\"image/\")) return;\n\n\tif (!fileWithPreview.preview) return;\n\n\tURL.revokeObjectURL(fileWithPreview.preview);\n};\n","import { cnMerge } from \"@/lib/utils/cn\";\nimport { dataAttr } from \"@zayne-labs/toolkit-core\";\nimport {\n\ttype FileMeta,\n\ttype FileValidationErrorContext,\n\ttype FileValidationOptions,\n\thandleFileValidation,\n\ttoArray,\n} from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport {\n\ttype InferProps,\n\tcomposeRefs,\n\tcomposeTwoEventHandlers,\n\tmergeTwoProps,\n} from \"@zayne-labs/toolkit-react/utils\";\nimport { type Prettify, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { clearObjectURL, createObjectURL, generateUniqueId } from \"./utils\";\n\nexport type ContainerProps = InferProps<HTMLElement> & {\n\tclassNames?: {\n\t\tbase?: string;\n\t\tisDragging?: string;\n\t};\n};\n\nexport type InputProps = InferProps<\"input\">;\n\nexport type FileWithPreview = {\n\t/**\n\t *  File object or file metadata\n\t */\n\tfile: File | FileMeta;\n\t/**\n\t *  Unique ID for the file\n\t */\n\tid: string;\n\t/**\n\t *  Preview URL for the file\n\t *  - Will be undefined if `disallowPreviewForNonImageFiles` is set to `true` and the file is not an image\n\t *  - Can also be undefined if `URL.createObjectURL` fails\n\t */\n\tpreview: string | undefined;\n};\n\nexport type DropZoneState = {\n\t/**\n\t *  List of validation errors\n\t */\n\terrors: FileValidationErrorContext[];\n\t/**\n\t *  List of files with their preview URLs and unique IDs\n\t */\n\tfilesWithPreview: FileWithPreview[];\n\t/**\n\t *  Whether or not a file is currently being dragged over the drop zone\n\t */\n\tisDragging: boolean;\n};\n\ntype ChangeOrDragEvent = React.ChangeEvent<HTMLInputElement> | React.DragEvent<HTMLElement>;\n\nexport type DropZoneActions = {\n\taddFiles: (fileList: File[] | FileList | null, event?: ChangeOrDragEvent) => void;\n\tclearErrors: () => void;\n\tclearFiles: () => void;\n\thandleDragEnter: (event: React.DragEvent<HTMLElement>) => void;\n\thandleDragLeave: (event: React.DragEvent<HTMLElement>) => void;\n\thandleDragOver: (event: React.DragEvent<HTMLElement>) => void;\n\thandleFileUpload: (event: ChangeOrDragEvent) => void;\n\topenFilePicker: () => void;\n\tremoveFile: (fileToRemoveOrId: string | FileWithPreview) => void;\n};\n\nexport type UseDropZoneResult = {\n\tdropZoneActions: DropZoneActions;\n\tdropZoneState: DropZoneState;\n\tgetContainerProps: (containerProps?: ContainerProps) => ContainerProps;\n\tgetInputProps: (inputProps?: InputProps) => InputProps;\n\tinputRef: React.RefObject<HTMLInputElement | null>;\n};\n\nexport type UseDropZoneProps = {\n\t/**\n\t * Allowed file types to be uploaded.\n\t */\n\tallowedFileTypes?: string[];\n\n\t/**\n\t * CSS classes to apply to the various parts of the drop zone\n\t */\n\tclassNames?: Prettify<ContainerProps[\"classNames\"] & { input?: string }>;\n\n\t/**\n\t * Whether to disallow duplicate files\n\t * @default true\n\t */\n\tdisallowDuplicates?: boolean;\n\n\t/**\n\t * Whether to disallow preview for non-image files\n\t * @default true\n\t */\n\tdisallowPreviewForNonImageFiles?: boolean;\n\n\t/**\n\t * Extra props to pass to the container element\n\t */\n\textraContainerProps?: ContainerProps;\n\n\t/**\n\t * Extra props to pass to the input element\n\t */\n\textraInputProps?: InputProps;\n\n\t/**\n\t * Initial files to populate the drop zone\n\t */\n\tinitialFiles?: FileMeta | FileMeta[] | null;\n\n\t/**\n\t * Maximum number of files that can be uploaded.\n\t */\n\tmaxFileCount?: number;\n\n\t/**\n\t * Maximum file size in MB\n\t */\n\tmaxFileSize?: number;\n\n\t/**\n\t * Whether to allow multiple files to be uploaded\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Callback function to be called when internal files state changes\n\t */\n\tonFilesChange?: (context: { filesWithPreview: FileWithPreview[] }) => void;\n\n\t/**\n\t * Callback function to be called when the render props change\n\t */\n\tonRenderPropsChange?: (props: UseDropZoneResult) => void;\n\n\t/**\n\t * Callback function to be called when new files are uploaded\n\t */\n\tonUpload?: (context: { event: ChangeOrDragEvent; filesWithPreview: FileWithPreview[] }) => void;\n\n\t/**\n\t * Callback function to be called on each file upload as they occur\n\t */\n\tonUploadError?: FileValidationOptions[\"onError\"];\n\n\t/**\n\t * Callback function to be called once after all file upload errors have occurred\n\t */\n\tonUploadErrors?: FileValidationOptions[\"onErrors\"];\n\n\t/**\n\t * Callback function to be called on file upload success\n\t */\n\tonUploadSuccess?: FileValidationOptions[\"onSuccess\"];\n\n\t/**\n\t * Custom validation function.\n\t *\n\t * If the function returns false, the file will be rejected\n\t */\n\tvalidator?: NonNullable<FileValidationOptions[\"validationSettings\"]>[\"validator\"];\n\n\t/**\n\t * Custom validation function that runs after all file validation has occurred\n\t */\n\tvalidatorForAllFiles?: FileValidationOptions[\"validatorForAllFiles\"];\n\n\t/**\n\t * Whether to allow the default file picker via the file input element\n\t * @default true\n\t */\n\twithDefaultFilePicker?: boolean;\n};\n\nexport const useDropZone = (props?: UseDropZoneProps): UseDropZoneResult => {\n\tconst {\n\t\tallowedFileTypes,\n\t\tclassNames,\n\t\tdisallowDuplicates = true,\n\t\tdisallowPreviewForNonImageFiles = true,\n\t\textraContainerProps,\n\t\textraInputProps,\n\t\tinitialFiles,\n\t\tmaxFileCount,\n\t\tmaxFileSize,\n\t\tmultiple,\n\t\tonFilesChange,\n\t\tonRenderPropsChange,\n\t\tonUpload,\n\t\tonUploadError,\n\t\tonUploadErrors,\n\t\tonUploadSuccess,\n\t\tvalidator,\n\t\tvalidatorForAllFiles,\n\t\twithDefaultFilePicker = true,\n\t} = props ?? {};\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\tconst initialFileArray = toArray(initialFiles).filter(Boolean);\n\n\tconst [dropZoneState, setDropZoneState] = useState<DropZoneState>({\n\t\terrors: [],\n\t\tfilesWithPreview: initialFileArray.map((fileMeta) => ({\n\t\t\tfile: fileMeta,\n\t\t\tid: fileMeta.id,\n\t\t\tpreview: fileMeta.url,\n\t\t})),\n\t\tisDragging: false,\n\t});\n\n\tconst toggleIsDragging = (value: boolean) => {\n\t\tsetDropZoneState((prevState) => ({ ...prevState, isDragging: value }));\n\t};\n\n\tconst addFiles: DropZoneActions[\"addFiles\"] = useCallbackRef((fileList, event) => {\n\t\tif (!fileList || fileList.length === 0) {\n\t\t\tconsole.warn(\"No file selected!\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Clear existing errors when new files are uploaded\n\t\tclearErrors();\n\n\t\t// In single file mode, clear existing files first\n\t\tif (!multiple) {\n\t\t\tclearFiles();\n\t\t}\n\n\t\tconst { errors, validFiles } = handleFileValidation({\n\t\t\texistingFiles: dropZoneState.filesWithPreview.map((fileWithPreview) => fileWithPreview.file),\n\t\t\tnewFiles: fileList,\n\t\t\tonError: onUploadError,\n\t\t\tonErrors: onUploadErrors,\n\t\t\tonSuccess: onUploadSuccess,\n\t\t\tvalidationSettings: {\n\t\t\t\tallowedFileTypes,\n\t\t\t\tdisallowDuplicates,\n\t\t\t\tmaxFileCount,\n\t\t\t\tmaxFileSize,\n\t\t\t\tvalidator,\n\t\t\t},\n\t\t\tvalidatorForAllFiles,\n\t\t});\n\n\t\tif (validFiles.length === 0) {\n\t\t\tsetDropZoneState((prevState) => ({ ...prevState, errors }));\n\t\t\treturn;\n\t\t}\n\n\t\tconst filesWithPreview: FileWithPreview[] = validFiles.map((file) => ({\n\t\t\tfile,\n\t\t\tid: generateUniqueId(file),\n\t\t\tpreview: createObjectURL(file, disallowPreviewForNonImageFiles),\n\t\t}));\n\n\t\t// == Only call onUpload callback if event is provided, which indicates that new files were uploaded from an event handler\n\n\t\tif (event) {\n\t\t\tonUpload?.({ event, filesWithPreview });\n\t\t}\n\n\t\tconst newFileUploadState = {\n\t\t\t...dropZoneState,\n\t\t\terrors,\n\t\t\t...(event?.type === \"drop\" && { isDragging: false }),\n\t\t\tfilesWithPreview: multiple\n\t\t\t\t? [...dropZoneState.filesWithPreview, ...filesWithPreview]\n\t\t\t\t: filesWithPreview,\n\t\t} satisfies DropZoneState;\n\n\t\tonFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });\n\n\t\tsetDropZoneState(newFileUploadState);\n\n\t\t// == Reset input value after adding files\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t});\n\n\tconst clearFiles: DropZoneActions[\"clearFiles\"] = useCallbackRef(() => {\n\t\t// == Clean up object URLs if any\n\t\tdropZoneState.filesWithPreview.forEach((fileWithPreview) =>\n\t\t\tclearObjectURL(fileWithPreview, disallowPreviewForNonImageFiles)\n\t\t);\n\n\t\tconst newFileUploadState = {\n\t\t\t...dropZoneState,\n\t\t\terrors: [],\n\t\t\tfilesWithPreview: [],\n\t\t} satisfies DropZoneState;\n\n\t\tonFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });\n\n\t\tsetDropZoneState(newFileUploadState);\n\n\t\t// == Reset input value after clearing files\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t});\n\n\tconst removeFile: DropZoneActions[\"removeFile\"] = useCallbackRef((fileToRemoveOrId) => {\n\t\tconst actualFileToRemove = isString(fileToRemoveOrId)\n\t\t\t? dropZoneState.filesWithPreview.find((file) => file.id === fileToRemoveOrId)\n\t\t\t: fileToRemoveOrId;\n\n\t\tif (!actualFileToRemove) return;\n\n\t\tclearObjectURL(actualFileToRemove, disallowPreviewForNonImageFiles);\n\n\t\tconst newFilesWithPreview = dropZoneState.filesWithPreview.filter(\n\t\t\t(file) => file.id !== actualFileToRemove.id\n\t\t);\n\n\t\tonFilesChange?.({ filesWithPreview: newFilesWithPreview });\n\n\t\tsetDropZoneState({\n\t\t\t...dropZoneState,\n\t\t\terrors: [],\n\t\t\tfilesWithPreview: newFilesWithPreview,\n\t\t});\n\t});\n\n\tconst clearErrors: DropZoneActions[\"clearErrors\"] = useCallbackRef(() => {\n\t\tsetDropZoneState((prevState) => ({ ...prevState, errors: [] }));\n\t});\n\n\tconst handleFileUpload: DropZoneActions[\"handleFileUpload\"] = useCallbackRef((event) => {\n\t\tif (inputRef.current?.disabled) return;\n\n\t\tif (event.type === \"drop\") {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tconst fileList =\n\t\t\tevent.type === \"drop\"\n\t\t\t\t? (event as React.DragEvent).dataTransfer.files\n\t\t\t\t: (event as React.ChangeEvent<HTMLInputElement>).target.files;\n\n\t\t// == In single file mode, only use the first file\n\t\tif (!multiple) {\n\t\t\tconst firstFile = fileList?.[0];\n\n\t\t\tfirstFile && addFiles([firstFile], event);\n\n\t\t\treturn;\n\t\t}\n\n\t\taddFiles(fileList, event);\n\t});\n\n\tconst handleDragEnter: DropZoneActions[\"handleDragEnter\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(true);\n\t});\n\n\tconst handleDragOver: DropZoneActions[\"handleDragOver\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(true);\n\t});\n\n\tconst handleDragLeave: DropZoneActions[\"handleDragLeave\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(false);\n\t});\n\n\tconst openFilePicker: DropZoneActions[\"openFilePicker\"] = useCallbackRef(() => {\n\t\tinputRef.current?.click();\n\t});\n\n\tconst getContainerProps: UseDropZoneResult[\"getContainerProps\"] = useCallback(\n\t\t(containerProps) => {\n\t\t\tconst mergedContainerProps = mergeTwoProps(extraContainerProps, containerProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedContainerProps,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\t\"relative isolate flex flex-col\",\n\t\t\t\t\tmergedContainerProps.className,\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tdropZoneState.isDragging && [\n\t\t\t\t\t\t\"opacity-60\",\n\t\t\t\t\t\tclassNames?.isDragging,\n\t\t\t\t\t\tcontainerProps?.classNames?.isDragging,\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\t\"data-dragging\": dataAttr(dropZoneState.isDragging),\n\t\t\t\t\"data-scope\": \"dropzone\",\n\t\t\t\t// eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first\n\t\t\t\t\"data-part\": \"container\",\n\t\t\t\t\"data-slot\": \"dropzone-container\",\n\t\t\t\tonDragEnter: composeTwoEventHandlers(handleDragEnter, mergedContainerProps.onDragEnter),\n\t\t\t\tonDragLeave: composeTwoEventHandlers(handleDragLeave, mergedContainerProps.onDragLeave),\n\t\t\t\tonDragOver: composeTwoEventHandlers(handleDragOver, mergedContainerProps.onDragOver),\n\t\t\t\tonDrop: composeTwoEventHandlers(handleFileUpload, mergedContainerProps.onDrop),\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tclassNames?.base,\n\t\t\tclassNames?.isDragging,\n\t\t\textraContainerProps,\n\t\t\tdropZoneState.isDragging,\n\t\t\thandleDragEnter,\n\t\t\thandleDragLeave,\n\t\t\thandleDragOver,\n\t\t\thandleFileUpload,\n\t\t]\n\t);\n\n\tconst getInputProps: UseDropZoneResult[\"getInputProps\"] = useCallback(\n\t\t(inputProps) => {\n\t\t\tconst mergedInputProps = mergeTwoProps(extraInputProps, inputProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedInputProps,\n\t\t\t\taccept: allowedFileTypes ? allowedFileTypes.join(\", \") : mergedInputProps.accept,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\twithDefaultFilePicker ? \"absolute inset-0 z-[100] cursor-pointer opacity-0\" : \"hidden\",\n\t\t\t\t\tclassNames?.input,\n\t\t\t\t\tmergedInputProps.className\n\t\t\t\t),\n\t\t\t\t\"data-dragging\": dataAttr(dropZoneState.isDragging),\n\t\t\t\t\"data-scope\": \"dropzone\",\n\t\t\t\t// eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first\n\t\t\t\t\"data-part\": \"input\",\n\t\t\t\t\"data-slot\": \"dropzone-input\",\n\t\t\t\tmultiple: multiple ?? mergedInputProps.multiple,\n\t\t\t\tonChange: composeTwoEventHandlers(handleFileUpload, mergedInputProps.onChange),\n\t\t\t\tref: composeRefs(inputRef, mergedInputProps.ref),\n\t\t\t\ttype: \"file\",\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tallowedFileTypes,\n\t\t\tclassNames?.input,\n\t\t\textraInputProps,\n\t\t\tdropZoneState.isDragging,\n\t\t\thandleFileUpload,\n\t\t\tmultiple,\n\t\t\twithDefaultFilePicker,\n\t\t]\n\t);\n\n\tconst savedOnRenderPropsChange = useCallbackRef(onRenderPropsChange);\n\n\tconst dropZoneResult = useMemo(() => {\n\t\tconst propsForRenderFn = {\n\t\t\tdropZoneActions: {\n\t\t\t\taddFiles,\n\t\t\t\tclearErrors,\n\t\t\t\tclearFiles,\n\t\t\t\thandleDragEnter,\n\t\t\t\thandleDragLeave,\n\t\t\t\thandleDragOver,\n\t\t\t\thandleFileUpload,\n\t\t\t\topenFilePicker,\n\t\t\t\tremoveFile,\n\t\t\t},\n\t\t\tdropZoneState,\n\t\t\tgetContainerProps,\n\t\t\tgetInputProps,\n\t\t\tinputRef,\n\t\t} satisfies UseDropZoneResult;\n\n\t\tsavedOnRenderPropsChange(propsForRenderFn);\n\n\t\treturn propsForRenderFn;\n\t}, [\n\t\tsavedOnRenderPropsChange,\n\t\taddFiles,\n\t\tclearErrors,\n\t\tclearFiles,\n\t\tdropZoneState,\n\t\tgetInputProps,\n\t\tgetContainerProps,\n\t\thandleDragEnter,\n\t\thandleDragLeave,\n\t\thandleDragOver,\n\t\thandleFileUpload,\n\t\topenFilePicker,\n\t\tremoveFile,\n\t]);\n\n\treturn dropZoneResult;\n};\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Show, Slot } from \"@/components/common\";\nimport { type GetSlotComponentProps, getSlotMap, withSlotNameAndSymbol } from \"@/lib/utils/getSlotMap\";\nimport type { DiscriminatedRenderProps, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray, isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Fragment as ReactFragment, isValidElement } from \"react\";\nimport { DropZoneContextProvider, useDropZoneContext } from \"./drop-context\";\nimport {\n\ttype ContainerProps,\n\ttype InputProps,\n\ttype UseDropZoneProps,\n\ttype UseDropZoneResult,\n\tuseDropZone,\n} from \"./use-drop-zone\";\n\nexport type DropZoneRenderPropType = DiscriminatedRenderProps<\n\tReact.ReactNode | ((props: UseDropZoneResult) => React.ReactNode)\n>;\n\nexport type DropZoneRootProps = DropZoneRenderPropType\n\t& UseDropZoneProps & {\n\t\t/**\n\t\t * Controls whether to include internal elements (root and input) or not.\n\t\t */\n\t\twithInternalElements?: boolean;\n\t};\n\nexport function DropZoneRoot(props: DropZoneRootProps) {\n\tconst { children, render, withInternalElements = true, ...restOfProps } = props;\n\n\tconst dropZone = useDropZone(restOfProps);\n\n\tconst ContainerComponent = withInternalElements ? DropZoneContainer : ReactFragment;\n\tconst InputComponent = withInternalElements ? DropZoneInput : ReactFragment;\n\n\tconst selectedChildren = children ?? render;\n\n\tconst resolvedChildren = isFunction(selectedChildren) ? selectedChildren(dropZone) : selectedChildren;\n\n\tconst couldChildrenContainSlots =\n\t\tisArray(resolvedChildren)\n\t\t|| (isValidElement(resolvedChildren) && resolvedChildren.type === ReactFragment);\n\n\tconst slots =\n\t\twithInternalElements && couldChildrenContainSlots\n\t\t\t? getSlotMap<SlotComponentProps>(resolvedChildren)\n\t\t\t: ({ default: resolvedChildren } as ReturnType<typeof getSlotMap<SlotComponentProps>>);\n\n\treturn (\n\t\t<DropZoneContextProvider value={dropZone}>\n\t\t\t<ContainerComponent>\n\t\t\t\t<InputComponent />\n\n\t\t\t\t{slots.default}\n\t\t\t</ContainerComponent>\n\n\t\t\t{slots.preview}\n\t\t</DropZoneContextProvider>\n\t);\n}\n\ntype DropZoneInputProps = InputProps & { asChild?: boolean };\n\nexport function DropZoneInput(props: DropZoneInputProps) {\n\tconst { asChild, ...restOfProps } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\tconst Component = asChild ? Slot.Root : \"input\";\n\n\treturn <Component {...dropZoneContext.getInputProps(restOfProps)} />;\n}\n\ntype DropZoneContainerProps = ContainerProps & { asChild?: boolean };\n\nexport function DropZoneContainer<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement, DropZoneContainerProps>\n) {\n\tconst { as: Element = \"div\", asChild, ...restOfProps } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\tconst Component = asChild ? Slot.Root : Element;\n\n\treturn <Component {...dropZoneContext.getContainerProps(restOfProps)} />;\n}\n\ntype RenderPropFn = (props: UseDropZoneResult) => React.ReactNode;\n\ntype SlotComponentProps = GetSlotComponentProps<\"preview\", React.ReactNode | RenderPropFn>;\n\nexport function DropZoneContext(props: { children: RenderPropFn }) {\n\tconst { children } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\treturn children(dropZoneContext);\n}\n\nexport const DropZoneImagePreview = withSlotNameAndSymbol<SlotComponentProps>(\"preview\", (props) => {\n\tconst { children } = props;\n\n\tif (isFunction(children)) {\n\t\treturn (\n\t\t\t<DropZoneContext>\n\t\t\t\t{(dropZoneCtx) => (\n\t\t\t\t\t<Show.Root when={dropZoneCtx.dropZoneState.filesWithPreview.length > 0}>\n\t\t\t\t\t\t{children(dropZoneCtx)}\n\t\t\t\t\t</Show.Root>\n\t\t\t\t)}\n\t\t\t</DropZoneContext>\n\t\t);\n\t}\n\n\treturn children;\n});\n","export {\n\tDropZoneRoot as Root,\n\tDropZoneImagePreview as ImagePreview,\n\tDropZoneContext as Context,\n\tDropZoneInput as Input,\n\tDropZoneContainer as Container,\n} from \"./drop-zone\";\n"],"mappings":"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"}
+{"version":3,"file":"drop-zone-_YK9C3Xj.js","names":["file: File | FileMeta","file: File","disallowPreviewForNonImageFiles: boolean","fileWithPreview: FileWithPreview | undefined","props?: UseDropZoneProps","value: boolean","addFiles: DropZoneActions[\"addFiles\"]","filesWithPreview: FileWithPreview[]","clearFiles: DropZoneActions[\"clearFiles\"]","removeFile: DropZoneActions[\"removeFile\"]","clearErrors: DropZoneActions[\"clearErrors\"]","handleFileUpload: DropZoneActions[\"handleFileUpload\"]","handleDragEnter: DropZoneActions[\"handleDragEnter\"]","handleDragOver: DropZoneActions[\"handleDragOver\"]","handleDragLeave: DropZoneActions[\"handleDragLeave\"]","openFilePicker: DropZoneActions[\"openFilePicker\"]","getContainerProps: UseDropZoneResult[\"getContainerProps\"]","getInputProps: UseDropZoneResult[\"getInputProps\"]","props: DropZoneRootProps","ReactFragment","props: DropZoneInputProps","Component","props: PolymorphicProps<TElement, DropZoneContainerProps>","props: { children: RenderPropFn }"],"sources":["../../src/components/ui/drop-zone/drop-context.ts","../../src/components/ui/drop-zone/utils.ts","../../src/components/ui/drop-zone/use-drop-zone.ts","../../src/components/ui/drop-zone/drop-zone.tsx","../../src/components/ui/drop-zone/drop-zone-parts.ts"],"sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\nimport type { UseDropZoneResult } from \"./use-drop-zone\";\n\nconst [DropZoneContextProvider, useDropZoneContext] = createCustomContext<UseDropZoneResult>({\n\thookName: \"useDropZoneContext\",\n\tname: \"DropZoneContext\",\n\tproviderName: \"DropZoneRoot\",\n});\n\nexport { DropZoneContextProvider, useDropZoneContext };\n","import { type FileMeta, createImagePreview } from \"@zayne-labs/toolkit-core\";\nimport { isFile } from \"@zayne-labs/toolkit-type-helpers\";\nimport type { FileWithPreview } from \"./use-drop-zone\";\n\nexport const generateUniqueId = (file: File | FileMeta): string => {\n\tif (!isFile(file)) {\n\t\treturn file.id;\n\t}\n\n\treturn `${file.name}-(${Math.round(performance.now())})-${crypto.randomUUID().slice(0, 8)}`;\n};\n\nexport const createObjectURL = (file: File, disallowPreviewForNonImageFiles: boolean) => {\n\tif (disallowPreviewForNonImageFiles && !file.type.startsWith(\"image/\")) return;\n\n\treturn createImagePreview(file);\n};\n\nexport const clearObjectURL = (\n\tfileWithPreview: FileWithPreview | undefined,\n\tdisallowPreviewForNonImageFiles: boolean\n) => {\n\tif (!isFile(fileWithPreview?.file)) return;\n\n\tif (disallowPreviewForNonImageFiles && !fileWithPreview.file.type.startsWith(\"image/\")) return;\n\n\tif (!fileWithPreview.preview) return;\n\n\tURL.revokeObjectURL(fileWithPreview.preview);\n};\n","import { cnMerge } from \"@/lib/utils/cn\";\nimport { dataAttr } from \"@zayne-labs/toolkit-core\";\nimport {\n\ttype FileMeta,\n\ttype FileValidationErrorContext,\n\ttype FileValidationOptions,\n\thandleFileValidation,\n\ttoArray,\n} from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport {\n\ttype InferProps,\n\tcomposeRefs,\n\tcomposeTwoEventHandlers,\n\tmergeTwoProps,\n} from \"@zayne-labs/toolkit-react/utils\";\nimport { type Prettify, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { clearObjectURL, createObjectURL, generateUniqueId } from \"./utils\";\n\nexport type ContainerProps = InferProps<HTMLElement> & {\n\tclassNames?: {\n\t\tbase?: string;\n\t\tisDragging?: string;\n\t};\n};\n\nexport type InputProps = InferProps<\"input\">;\n\nexport type FileWithPreview = {\n\t/**\n\t *  File object or file metadata\n\t */\n\tfile: File | FileMeta;\n\t/**\n\t *  Unique ID for the file\n\t */\n\tid: string;\n\t/**\n\t *  Preview URL for the file\n\t *  - Will be undefined if `disallowPreviewForNonImageFiles` is set to `true` and the file is not an image\n\t *  - Can also be undefined if `URL.createObjectURL` fails\n\t */\n\tpreview: string | undefined;\n};\n\nexport type DropZoneState = {\n\t/**\n\t *  List of validation errors\n\t */\n\terrors: FileValidationErrorContext[];\n\t/**\n\t *  List of files with their preview URLs and unique IDs\n\t */\n\tfilesWithPreview: FileWithPreview[];\n\t/**\n\t *  Whether or not a file is currently being dragged over the drop zone\n\t */\n\tisDragging: boolean;\n};\n\ntype ChangeOrDragEvent = React.ChangeEvent<HTMLInputElement> | React.DragEvent<HTMLElement>;\n\nexport type DropZoneActions = {\n\taddFiles: (fileList: File[] | FileList | null, event?: ChangeOrDragEvent) => void;\n\tclearErrors: () => void;\n\tclearFiles: () => void;\n\thandleDragEnter: (event: React.DragEvent<HTMLElement>) => void;\n\thandleDragLeave: (event: React.DragEvent<HTMLElement>) => void;\n\thandleDragOver: (event: React.DragEvent<HTMLElement>) => void;\n\thandleFileUpload: (event: ChangeOrDragEvent) => void;\n\topenFilePicker: () => void;\n\tremoveFile: (fileToRemoveOrId: string | FileWithPreview) => void;\n};\n\nexport type UseDropZoneResult = {\n\tdropZoneActions: DropZoneActions;\n\tdropZoneState: DropZoneState;\n\tgetContainerProps: (containerProps?: ContainerProps) => ContainerProps;\n\tgetInputProps: (inputProps?: InputProps) => InputProps;\n\tinputRef: React.RefObject<HTMLInputElement | null>;\n};\n\nexport type UseDropZoneProps = {\n\t/**\n\t * Allowed file types to be uploaded.\n\t */\n\tallowedFileTypes?: string[];\n\n\t/**\n\t * CSS classes to apply to the various parts of the drop zone\n\t */\n\tclassNames?: Prettify<ContainerProps[\"classNames\"] & { input?: string }>;\n\n\t/**\n\t * Whether to disallow duplicate files\n\t * @default true\n\t */\n\tdisallowDuplicates?: boolean;\n\n\t/**\n\t * Whether to disallow preview for non-image files\n\t * @default true\n\t */\n\tdisallowPreviewForNonImageFiles?: boolean;\n\n\t/**\n\t * Extra props to pass to the container element\n\t */\n\textraContainerProps?: ContainerProps;\n\n\t/**\n\t * Extra props to pass to the input element\n\t */\n\textraInputProps?: InputProps;\n\n\t/**\n\t * Initial files to populate the drop zone\n\t */\n\tinitialFiles?: FileMeta | FileMeta[] | null;\n\n\t/**\n\t * Maximum number of files that can be uploaded.\n\t */\n\tmaxFileCount?: number;\n\n\t/**\n\t * Maximum file size in MB\n\t */\n\tmaxFileSize?: number;\n\n\t/**\n\t * Whether to allow multiple files to be uploaded\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Callback function to be called when internal files state changes\n\t */\n\tonFilesChange?: (context: { filesWithPreview: FileWithPreview[] }) => void;\n\n\t/**\n\t * Callback function to be called when the render props change\n\t */\n\tonRenderPropsChange?: (props: UseDropZoneResult) => void;\n\n\t/**\n\t * Callback function to be called when new files are uploaded\n\t */\n\tonUpload?: (context: { event: ChangeOrDragEvent; filesWithPreview: FileWithPreview[] }) => void;\n\n\t/**\n\t * Callback function to be called on each file upload as they occur\n\t */\n\tonUploadError?: FileValidationOptions[\"onError\"];\n\n\t/**\n\t * Callback function to be called once after all file upload errors have occurred\n\t */\n\tonUploadErrors?: FileValidationOptions[\"onErrors\"];\n\n\t/**\n\t * Callback function to be called on file upload success\n\t */\n\tonUploadSuccess?: FileValidationOptions[\"onSuccess\"];\n\n\t/**\n\t * Custom validation function.\n\t *\n\t * If the function returns false, the file will be rejected\n\t */\n\tvalidator?: NonNullable<FileValidationOptions[\"validationSettings\"]>[\"validator\"];\n\n\t/**\n\t * Custom validation function that runs after all file validation has occurred\n\t */\n\tvalidatorForAllFiles?: FileValidationOptions[\"validatorForAllFiles\"];\n\n\t/**\n\t * Whether to allow the default file picker via the file input element\n\t * @default true\n\t */\n\twithDefaultFilePicker?: boolean;\n};\n\nexport const useDropZone = (props?: UseDropZoneProps): UseDropZoneResult => {\n\tconst {\n\t\tallowedFileTypes,\n\t\tclassNames,\n\t\tdisallowDuplicates = true,\n\t\tdisallowPreviewForNonImageFiles = true,\n\t\textraContainerProps,\n\t\textraInputProps,\n\t\tinitialFiles,\n\t\tmaxFileCount,\n\t\tmaxFileSize,\n\t\tmultiple,\n\t\tonFilesChange,\n\t\tonRenderPropsChange,\n\t\tonUpload,\n\t\tonUploadError,\n\t\tonUploadErrors,\n\t\tonUploadSuccess,\n\t\tvalidator,\n\t\tvalidatorForAllFiles,\n\t\twithDefaultFilePicker = true,\n\t} = props ?? {};\n\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\tconst initialFileArray = toArray(initialFiles).filter(Boolean);\n\n\tconst [dropZoneState, setDropZoneState] = useState<DropZoneState>({\n\t\terrors: [],\n\t\tfilesWithPreview: initialFileArray.map((fileMeta) => ({\n\t\t\tfile: fileMeta,\n\t\t\tid: fileMeta.id,\n\t\t\tpreview: fileMeta.url,\n\t\t})),\n\t\tisDragging: false,\n\t});\n\n\tconst toggleIsDragging = (value: boolean) => {\n\t\tsetDropZoneState((prevState) => ({ ...prevState, isDragging: value }));\n\t};\n\n\tconst addFiles: DropZoneActions[\"addFiles\"] = useCallbackRef((fileList, event) => {\n\t\tif (!fileList || fileList.length === 0) {\n\t\t\tconsole.warn(\"No file selected!\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Clear existing errors when new files are uploaded\n\t\tclearErrors();\n\n\t\t// In single file mode, clear existing files first\n\t\tif (!multiple) {\n\t\t\tclearFiles();\n\t\t}\n\n\t\tconst { errors, validFiles } = handleFileValidation({\n\t\t\texistingFiles: dropZoneState.filesWithPreview.map((fileWithPreview) => fileWithPreview.file),\n\t\t\tnewFiles: fileList,\n\t\t\tonError: onUploadError,\n\t\t\tonErrors: onUploadErrors,\n\t\t\tonSuccess: onUploadSuccess,\n\t\t\tvalidationSettings: {\n\t\t\t\tallowedFileTypes,\n\t\t\t\tdisallowDuplicates,\n\t\t\t\tmaxFileCount,\n\t\t\t\tmaxFileSize,\n\t\t\t\tvalidator,\n\t\t\t},\n\t\t\tvalidatorForAllFiles,\n\t\t});\n\n\t\tif (validFiles.length === 0) {\n\t\t\tsetDropZoneState((prevState) => ({ ...prevState, errors }));\n\t\t\treturn;\n\t\t}\n\n\t\tconst filesWithPreview: FileWithPreview[] = validFiles.map((file) => ({\n\t\t\tfile,\n\t\t\tid: generateUniqueId(file),\n\t\t\tpreview: createObjectURL(file, disallowPreviewForNonImageFiles),\n\t\t}));\n\n\t\t// == Only call onUpload callback if event is provided, which indicates that new files were uploaded from an event handler\n\n\t\tif (event) {\n\t\t\tonUpload?.({ event, filesWithPreview });\n\t\t}\n\n\t\tconst newFileUploadState = {\n\t\t\t...dropZoneState,\n\t\t\terrors,\n\t\t\t...(event?.type === \"drop\" && { isDragging: false }),\n\t\t\tfilesWithPreview: multiple\n\t\t\t\t? [...dropZoneState.filesWithPreview, ...filesWithPreview]\n\t\t\t\t: filesWithPreview,\n\t\t} satisfies DropZoneState;\n\n\t\tonFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });\n\n\t\tsetDropZoneState(newFileUploadState);\n\n\t\t// == Reset input value after adding files\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t});\n\n\tconst clearFiles: DropZoneActions[\"clearFiles\"] = useCallbackRef(() => {\n\t\t// == Clean up object URLs if any\n\t\tdropZoneState.filesWithPreview.forEach((fileWithPreview) =>\n\t\t\tclearObjectURL(fileWithPreview, disallowPreviewForNonImageFiles)\n\t\t);\n\n\t\tconst newFileUploadState = {\n\t\t\t...dropZoneState,\n\t\t\terrors: [],\n\t\t\tfilesWithPreview: [],\n\t\t} satisfies DropZoneState;\n\n\t\tonFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });\n\n\t\tsetDropZoneState(newFileUploadState);\n\n\t\t// == Reset input value after clearing files\n\t\tinputRef.current && (inputRef.current.value = \"\");\n\t});\n\n\tconst removeFile: DropZoneActions[\"removeFile\"] = useCallbackRef((fileToRemoveOrId) => {\n\t\tconst actualFileToRemove = isString(fileToRemoveOrId)\n\t\t\t? dropZoneState.filesWithPreview.find((file) => file.id === fileToRemoveOrId)\n\t\t\t: fileToRemoveOrId;\n\n\t\tif (!actualFileToRemove) return;\n\n\t\tclearObjectURL(actualFileToRemove, disallowPreviewForNonImageFiles);\n\n\t\tconst newFilesWithPreview = dropZoneState.filesWithPreview.filter(\n\t\t\t(file) => file.id !== actualFileToRemove.id\n\t\t);\n\n\t\tonFilesChange?.({ filesWithPreview: newFilesWithPreview });\n\n\t\tsetDropZoneState({\n\t\t\t...dropZoneState,\n\t\t\terrors: [],\n\t\t\tfilesWithPreview: newFilesWithPreview,\n\t\t});\n\t});\n\n\tconst clearErrors: DropZoneActions[\"clearErrors\"] = useCallbackRef(() => {\n\t\tsetDropZoneState((prevState) => ({ ...prevState, errors: [] }));\n\t});\n\n\tconst handleFileUpload: DropZoneActions[\"handleFileUpload\"] = useCallbackRef((event) => {\n\t\tif (inputRef.current?.disabled) return;\n\n\t\tif (event.type === \"drop\") {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tconst fileList =\n\t\t\tevent.type === \"drop\"\n\t\t\t\t? (event as React.DragEvent).dataTransfer.files\n\t\t\t\t: (event as React.ChangeEvent<HTMLInputElement>).target.files;\n\n\t\t// == In single file mode, only use the first file\n\t\tif (!multiple) {\n\t\t\tconst firstFile = fileList?.[0];\n\n\t\t\tfirstFile && addFiles([firstFile], event);\n\n\t\t\treturn;\n\t\t}\n\n\t\taddFiles(fileList, event);\n\t});\n\n\tconst handleDragEnter: DropZoneActions[\"handleDragEnter\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(true);\n\t});\n\n\tconst handleDragOver: DropZoneActions[\"handleDragOver\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(true);\n\t});\n\n\tconst handleDragLeave: DropZoneActions[\"handleDragLeave\"] = useCallbackRef((event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\ttoggleIsDragging(false);\n\t});\n\n\tconst openFilePicker: DropZoneActions[\"openFilePicker\"] = useCallbackRef(() => {\n\t\tinputRef.current?.click();\n\t});\n\n\tconst getContainerProps: UseDropZoneResult[\"getContainerProps\"] = useCallback(\n\t\t(containerProps) => {\n\t\t\tconst mergedContainerProps = mergeTwoProps(extraContainerProps, containerProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedContainerProps,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\t\"relative isolate flex flex-col\",\n\t\t\t\t\tmergedContainerProps.className,\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tdropZoneState.isDragging && [\n\t\t\t\t\t\t\"opacity-60\",\n\t\t\t\t\t\tclassNames?.isDragging,\n\t\t\t\t\t\tcontainerProps?.classNames?.isDragging,\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t\t\t\"data-dragging\": dataAttr(dropZoneState.isDragging),\n\t\t\t\t\"data-scope\": \"dropzone\",\n\t\t\t\t// eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first\n\t\t\t\t\"data-part\": \"container\",\n\t\t\t\t\"data-slot\": \"dropzone-container\",\n\t\t\t\tonDragEnter: composeTwoEventHandlers(handleDragEnter, mergedContainerProps.onDragEnter),\n\t\t\t\tonDragLeave: composeTwoEventHandlers(handleDragLeave, mergedContainerProps.onDragLeave),\n\t\t\t\tonDragOver: composeTwoEventHandlers(handleDragOver, mergedContainerProps.onDragOver),\n\t\t\t\tonDrop: composeTwoEventHandlers(handleFileUpload, mergedContainerProps.onDrop),\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tclassNames?.base,\n\t\t\tclassNames?.isDragging,\n\t\t\textraContainerProps,\n\t\t\tdropZoneState.isDragging,\n\t\t\thandleDragEnter,\n\t\t\thandleDragLeave,\n\t\t\thandleDragOver,\n\t\t\thandleFileUpload,\n\t\t]\n\t);\n\n\tconst getInputProps: UseDropZoneResult[\"getInputProps\"] = useCallback(\n\t\t(inputProps) => {\n\t\t\tconst mergedInputProps = mergeTwoProps(extraInputProps, inputProps);\n\n\t\t\treturn {\n\t\t\t\t...mergedInputProps,\n\t\t\t\taccept: allowedFileTypes ? allowedFileTypes.join(\", \") : mergedInputProps.accept,\n\t\t\t\tclassName: cnMerge(\n\t\t\t\t\twithDefaultFilePicker ? \"absolute inset-0 z-[100] cursor-pointer opacity-0\" : \"hidden\",\n\t\t\t\t\tclassNames?.input,\n\t\t\t\t\tmergedInputProps.className\n\t\t\t\t),\n\t\t\t\t\"data-dragging\": dataAttr(dropZoneState.isDragging),\n\t\t\t\t\"data-scope\": \"dropzone\",\n\t\t\t\t// eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first\n\t\t\t\t\"data-part\": \"input\",\n\t\t\t\t\"data-slot\": \"dropzone-input\",\n\t\t\t\tmultiple: multiple ?? mergedInputProps.multiple,\n\t\t\t\tonChange: composeTwoEventHandlers(handleFileUpload, mergedInputProps.onChange),\n\t\t\t\tref: composeRefs(inputRef, mergedInputProps.ref),\n\t\t\t\ttype: \"file\",\n\t\t\t};\n\t\t},\n\t\t[\n\t\t\tallowedFileTypes,\n\t\t\tclassNames?.input,\n\t\t\textraInputProps,\n\t\t\tdropZoneState.isDragging,\n\t\t\thandleFileUpload,\n\t\t\tmultiple,\n\t\t\twithDefaultFilePicker,\n\t\t]\n\t);\n\n\tconst savedOnRenderPropsChange = useCallbackRef(onRenderPropsChange);\n\n\tconst dropZoneResult = useMemo(() => {\n\t\tconst propsForRenderFn = {\n\t\t\tdropZoneActions: {\n\t\t\t\taddFiles,\n\t\t\t\tclearErrors,\n\t\t\t\tclearFiles,\n\t\t\t\thandleDragEnter,\n\t\t\t\thandleDragLeave,\n\t\t\t\thandleDragOver,\n\t\t\t\thandleFileUpload,\n\t\t\t\topenFilePicker,\n\t\t\t\tremoveFile,\n\t\t\t},\n\t\t\tdropZoneState,\n\t\t\tgetContainerProps,\n\t\t\tgetInputProps,\n\t\t\tinputRef,\n\t\t} satisfies UseDropZoneResult;\n\n\t\tsavedOnRenderPropsChange(propsForRenderFn);\n\n\t\treturn propsForRenderFn;\n\t}, [\n\t\tsavedOnRenderPropsChange,\n\t\taddFiles,\n\t\tclearErrors,\n\t\tclearFiles,\n\t\tdropZoneState,\n\t\tgetInputProps,\n\t\tgetContainerProps,\n\t\thandleDragEnter,\n\t\thandleDragLeave,\n\t\thandleDragOver,\n\t\thandleFileUpload,\n\t\topenFilePicker,\n\t\tremoveFile,\n\t]);\n\n\treturn dropZoneResult;\n};\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Show, Slot } from \"@/components/common\";\nimport { type GetSlotComponentProps, getSlotMap, withSlotNameAndSymbol } from \"@/lib/utils/getSlotMap\";\nimport type { DiscriminatedRenderProps, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray, isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Fragment as ReactFragment, isValidElement } from \"react\";\nimport { DropZoneContextProvider, useDropZoneContext } from \"./drop-context\";\nimport {\n\ttype ContainerProps,\n\ttype InputProps,\n\ttype UseDropZoneProps,\n\ttype UseDropZoneResult,\n\tuseDropZone,\n} from \"./use-drop-zone\";\n\nexport type DropZoneRenderPropType = DiscriminatedRenderProps<\n\tReact.ReactNode | ((props: UseDropZoneResult) => React.ReactNode)\n>;\n\nexport type DropZoneRootProps = DropZoneRenderPropType\n\t& UseDropZoneProps & {\n\t\t/**\n\t\t * Controls whether to include internal elements (root and input) or not.\n\t\t */\n\t\twithInternalElements?: boolean;\n\t};\n\nexport function DropZoneRoot(props: DropZoneRootProps) {\n\tconst { children, render, withInternalElements = true, ...restOfProps } = props;\n\n\tconst dropZone = useDropZone(restOfProps);\n\n\tconst ContainerComponent = withInternalElements ? DropZoneContainer : ReactFragment;\n\tconst InputComponent = withInternalElements ? DropZoneInput : ReactFragment;\n\n\tconst selectedChildren = children ?? render;\n\n\tconst resolvedChildren = isFunction(selectedChildren) ? selectedChildren(dropZone) : selectedChildren;\n\n\tconst couldChildrenContainSlots =\n\t\tisArray(resolvedChildren)\n\t\t|| (isValidElement(resolvedChildren) && resolvedChildren.type === ReactFragment);\n\n\tconst slots =\n\t\twithInternalElements && couldChildrenContainSlots\n\t\t\t? getSlotMap<SlotComponentProps>(resolvedChildren)\n\t\t\t: ({ default: resolvedChildren } as ReturnType<typeof getSlotMap<SlotComponentProps>>);\n\n\treturn (\n\t\t<DropZoneContextProvider value={dropZone}>\n\t\t\t<ContainerComponent>\n\t\t\t\t<InputComponent />\n\n\t\t\t\t{slots.default}\n\t\t\t</ContainerComponent>\n\n\t\t\t{slots.preview}\n\t\t</DropZoneContextProvider>\n\t);\n}\n\ntype DropZoneInputProps = InputProps & { asChild?: boolean };\n\nexport function DropZoneInput(props: DropZoneInputProps) {\n\tconst { asChild, ...restOfProps } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\tconst Component = asChild ? Slot.Root : \"input\";\n\n\treturn <Component {...dropZoneContext.getInputProps(restOfProps)} />;\n}\n\ntype DropZoneContainerProps = ContainerProps & { asChild?: boolean };\n\nexport function DropZoneContainer<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement, DropZoneContainerProps>\n) {\n\tconst { as: Element = \"div\", asChild, ...restOfProps } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\tconst Component = asChild ? Slot.Root : Element;\n\n\treturn <Component {...dropZoneContext.getContainerProps(restOfProps)} />;\n}\n\ntype RenderPropFn = (props: UseDropZoneResult) => React.ReactNode;\n\ntype SlotComponentProps = GetSlotComponentProps<\"preview\", React.ReactNode | RenderPropFn>;\n\nexport function DropZoneContext(props: { children: RenderPropFn }) {\n\tconst { children } = props;\n\n\tconst dropZoneContext = useDropZoneContext();\n\n\treturn children(dropZoneContext);\n}\n\nexport const DropZoneImagePreview = withSlotNameAndSymbol<SlotComponentProps>(\"preview\", (props) => {\n\tconst { children } = props;\n\n\tif (isFunction(children)) {\n\t\treturn (\n\t\t\t<DropZoneContext>\n\t\t\t\t{(dropZoneCtx) => (\n\t\t\t\t\t<Show.Root when={dropZoneCtx.dropZoneState.filesWithPreview.length > 0}>\n\t\t\t\t\t\t{children(dropZoneCtx)}\n\t\t\t\t\t</Show.Root>\n\t\t\t\t)}\n\t\t\t</DropZoneContext>\n\t\t);\n\t}\n\n\treturn children;\n});\n","export {\n\tDropZoneRoot as Root,\n\tDropZoneImagePreview as ImagePreview,\n\tDropZoneContext as Context,\n\tDropZoneInput as Input,\n\tDropZoneContainer as Container,\n} from \"./drop-zone\";\n"],"mappings":"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"}

package/dist/esm/{index-BPeZJS-v.d.ts → index-ASoFjmZ6.d.ts}

@@ -1,6 +1,7 @@
 import { __export } from "./chunk-Cl8Af3a2.js";
 import { GetSlotComponentProps } from "./getSlotMap-DA_uhXqU.js";
 import * as React$1 from "react";
+import * as react3 from "react";
 import { FileMeta, FileValidationErrorContext, FileValidationOptions } from "@zayne-labs/toolkit-core";
 import { Prettify } from "@zayne-labs/toolkit-type-helpers";
 import { DiscriminatedRenderProps, InferProps, PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
@@ -186,6 +187,10 @@ declare const DropZoneImagePreview: {
 declare namespace drop_zone_parts_d_exports {
   export { DropZoneContainer as Container, DropZoneContext as Context, DropZoneImagePreview as ImagePreview, DropZoneInput as Input, DropZoneRoot as Root };
 }
+//#endregion
+//#region src/components/ui/drop-zone/drop-context.d.ts
+declare const DropZoneContextProvider: react3.Context<UseDropZoneResult | null>, useDropZoneContext: () => UseDropZoneResult;
+
 //#endregion
 export { ContainerProps, DropZoneActions, DropZoneContainer as DropZoneContainer$1, DropZoneContext as DropZoneContext$1, DropZoneImagePreview as DropZoneImagePreview$1, DropZoneInput as DropZoneInput$1, DropZoneRenderPropType, DropZoneRoot as DropZoneRoot$1, DropZoneRootProps, DropZoneState, FileWithPreview, InputProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone as useDropZone$1, useDropZoneContext as useDropZoneContext$1 };
-//# sourceMappingURL=index-BPeZJS-v.d.ts.map
+//# sourceMappingURL=index-ASoFjmZ6.d.ts.map

package/dist/esm/{index-DmOz1yDZ.d.ts → index-CqlM1M0j.d.ts}

@@ -1,5 +1,5 @@
 import { ErrorBoundaryProps } from "./index-BSJ30pGj.js";
-import * as react2 from "react";
+import * as react1 from "react";
 
 //#region src/components/common/suspense-with-boundary/suspense-with-boundary.d.ts
 type SuspenseWithBoundaryProps = {
@@ -7,8 +7,8 @@ type SuspenseWithBoundaryProps = {
   errorFallback?: ErrorBoundaryProps["fallback"];
   fallback?: React.ReactNode;
 };
-declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): react2.JSX.Element;
+declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): react1.JSX.Element;
 
 //#endregion
 export { SuspenseWithBoundary as SuspenseWithBoundary$1, SuspenseWithBoundaryProps };
-//# sourceMappingURL=index-DmOz1yDZ.d.ts.map
+//# sourceMappingURL=index-CqlM1M0j.d.ts.map

package/dist/esm/{index-DKfm0Dyj.d.ts → index-D-j2Cn1J.d.ts}

@@ -1,4 +1,4 @@
-import * as react7 from "react";
+import * as react8 from "react";
 import { Prettify, UnknownObject } from "@zayne-labs/toolkit-type-helpers";
 
 //#region src/lib/utils/getSlot/getSlot.d.ts
@@ -28,7 +28,7 @@ type SlotOptions = {
  *
  * @throws { AssertionError } when throwOnMultipleSlotMatch is true and multiple slots are found
  */
-declare const getSingleSlot: (children: React.ReactNode, SlotComponent: FunctionalComponent, options?: SlotOptions) => react7.ReactNode;
+declare const getSingleSlot: (children: React.ReactNode, SlotComponent: FunctionalComponent, options?: SlotOptions) => react8.ReactNode;
 type MultipleSlotsOptions = {
   /**
    * @description The error message to throw when multiple slots are found for a given slot component
@@ -54,8 +54,8 @@ declare const getMultipleSlots: <const TSlotComponents extends FunctionalCompone
 /**
  * @description Returns all children that are not slot elements (i.e., don't match any of the provided slot components)
  */
-declare const getRegularChildren: (children: React.ReactNode, SlotComponentOrComponents: FunctionalComponent | FunctionalComponent[]) => react7.ReactNode[];
+declare const getRegularChildren: (children: React.ReactNode, SlotComponentOrComponents: FunctionalComponent | FunctionalComponent[]) => react8.ReactNode[];
 
 //#endregion
 export { FunctionalComponent, getMultipleSlots, getRegularChildren, getSingleSlot, matchesAnySlotComponent, matchesSlotComponent };
-//# sourceMappingURL=index-DKfm0Dyj.d.ts.map
+//# sourceMappingURL=index-D-j2Cn1J.d.ts.map

package/dist/esm/{index-C4ub0yqe.d.ts → index-TBkPiipk.d.ts}

@@ -1,7 +1,7 @@
 import { __export } from "./chunk-Cl8Af3a2.js";
 import { GetSlotComponentProps } from "./getSlotMap-DA_uhXqU.js";
 import { ErrorBoundaryProps } from "./index-BSJ30pGj.js";
-import { SuspenseWithBoundaryProps } from "./index-DmOz1yDZ.js";
+import { SuspenseWithBoundaryProps } from "./index-CqlM1M0j.js";
 import * as React from "react";
 
 //#region src/components/common/await/await.d.ts
@@ -46,4 +46,4 @@ declare const useAwaitContext: <TValue>() => AwaitContextType<TValue>;
 
 //#endregion
 export { AwaitError as AwaitError$1, AwaitPending as AwaitPending$1, AwaitRoot as AwaitRoot$1, AwaitSuccess as AwaitSuccess$1, await_parts_d_exports, useAwaitContext as useAwaitContext$1 };
-//# sourceMappingURL=index-C4ub0yqe.d.ts.map
+//# sourceMappingURL=index-TBkPiipk.d.ts.map

package/dist/esm/lib/utils/index.d.ts

@@ -1,3 +1,3 @@
 import { GetSlotComponentProps, GetSlotMapResult, createSlotComponent$1 as createSlotComponent, getSlotMap$1 as getSlotMap, slotComponentSymbol$1 as slotComponentSymbol, withSlotNameAndSymbol$1 as withSlotNameAndSymbol } from "../../getSlotMap-DA_uhXqU.js";
-import { FunctionalComponent, getMultipleSlots, getRegularChildren, getSingleSlot, matchesAnySlotComponent, matchesSlotComponent } from "../../index-DKfm0Dyj.js";
+import { FunctionalComponent, getMultipleSlots, getRegularChildren, getSingleSlot, matchesAnySlotComponent, matchesSlotComponent } from "../../index-D-j2Cn1J.js";
 export { FunctionalComponent, GetSlotComponentProps, GetSlotMapResult, createSlotComponent, getMultipleSlots, getRegularChildren, getSingleSlot, getSlotMap, matchesAnySlotComponent, matchesSlotComponent, slotComponentSymbol, withSlotNameAndSymbol };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zayne-labs/ui-react",
   "type": "module",
-  "version": "0.9.17",
+  "version": "0.9.18",
   "description": "A composable UI/UI-utilities components library. ",
   "author": "Ryan Zayne",
   "license": "MIT",
@@ -76,6 +76,7 @@
     "tailwind-merge": "3.3.0",
     "tailwindcss": "^4.1.7",
     "tsdown": "^0.12.3",
+    "tsup": "^8.5.0",
     "typescript": "5.8.3",
     "zustand": "5.0.5"
   },
@@ -96,7 +97,7 @@
   ],
   "scripts": {
     "build": "concurrently 'pnpm:build:tailwind' 'tsdown'",
-    "build:dev": "cross-env NODE_ENV=development tsdown",
+    "build:dev": "cross-env NODE_ENV=development tsup",
     "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css",
     "build:test": "concurrently --prefix-colors \"yellow.bold,#7da4f8.bold,magenta\" --names PUBLINT,TSUP 'pnpm:lint:publint' 'pnpm:build:dev'",
     "dev": "pnpm build:dev --watch",