@zayne-labs/ui-react 0.9.8 → 0.9.12

package/dist/esm/await-parts-BJ6C-y1f.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { a as GetSlotComponentProps } from './getSlotMap-DTkxtGhd.js';
+import { E as ErrorBoundaryProps } from './types-mdfDDNrr.js';
+import { SuspenseWithBoundaryProps } from './components/common/suspense-with-boundary/index.js';
+
+type RenderPropFn<TValue> = (result: TValue) => React.ReactNode;
+type ChildrenType<TValue> = React.ReactNode | RenderPropFn<TValue>;
+type AwaitRootProps<TValue> = Pick<SuspenseWithBoundaryProps, "errorFallback" | "fallback"> & {
+    asChild?: boolean;
+    children: ChildrenType<TValue>;
+    promise: Promise<TValue>;
+    wrapperVariant?: "all" | "none" | "only-errorBoundary" | "only-suspense";
+};
+declare function AwaitRoot<TValue>(props: AwaitRootProps<TValue>): React.JSX.Element;
+type AwaitSuccessProps<TValue = unknown> = GetSlotComponentProps<"default", ChildrenType<TValue>>;
+declare function AwaitSuccess<TPromiseOrValue, TValue = Awaited<TPromiseOrValue>>(props: Pick<AwaitSuccessProps<TValue>, "children">): React.ReactNode;
+type AwaitPendingProps = GetSlotComponentProps<"pending", React.SuspenseProps["fallback"]>;
+declare const AwaitPending: {
+    (props: Pick<AwaitPendingProps, "children">): React.ReactNode;
+    readonly slotName?: "pending" | undefined;
+    readonly slotSymbol?: symbol;
+};
+type AwaitErrorProps = GetSlotComponentProps<"error", ErrorBoundaryProps["fallback"]>;
+declare const AwaitError: {
+    (props: Pick<AwaitErrorProps, "children"> & {
+        asChild?: boolean;
+    }): React.ReactNode;
+    readonly slotName?: "error" | undefined;
+    readonly slotSymbol?: symbol;
+};
+
+declare namespace awaitParts {
+  export { AwaitError as Error, AwaitPending as Pending, AwaitRoot as Root, AwaitSuccess as Success };
+}
+
+export { AwaitRoot as A, awaitParts as a, AwaitSuccess as b, AwaitPending as c, AwaitError as d };

package/dist/esm/chunk-CLGH26AQ.js

@@ -0,0 +1,337 @@
+import { dataAttr } from './chunk-DNYM6XGW.js';
+import { cnMerge } from './chunk-OHG7GB7O.js';
+import { withSlotNameAndSymbol, getSlotMap } from './chunk-N4274N5K.js';
+import { slot_parts_exports } from './chunk-Y5VBSXZS.js';
+import { __export } from './chunk-PZ5AY32C.js';
+import * as React from 'react';
+import { isValidElement, Fragment, useRef, useState, useCallback, useMemo } from 'react';
+import { isFunction, isArray, isString, isFile } from '@zayne-labs/toolkit-type-helpers';
+import { createCustomContext, useCallbackRef } from '@zayne-labs/toolkit-react';
+import { toArray, handleFileValidation, createImagePreview } from '@zayne-labs/toolkit-core';
+import { mergeTwoProps, composeTwoEventHandlers, composeRefs } from '@zayne-labs/toolkit-react/utils';
+
+var [DropZoneContextProvider, useDropZoneContext] = createCustomContext({
+  hookName: "useDropZoneContext",
+  name: "DropZoneContext",
+  providerName: "DropZoneRoot"
+});
+var generateUniqueId = (file) => {
+  if (!isFile(file)) {
+    return file.id;
+  }
+  return `${file.name}-(${Math.round(performance.now())})-${crypto.randomUUID().slice(0, 8)}`;
+};
+var createObjectURL = (file, disallowPreviewForNonImageFiles) => {
+  if (disallowPreviewForNonImageFiles && !file.type.startsWith("image/")) return;
+  return createImagePreview(file);
+};
+var clearObjectURL = (fileWithPreview, disallowPreviewForNonImageFiles) => {
+  if (!isFile(fileWithPreview?.file)) return;
+  if (disallowPreviewForNonImageFiles && !fileWithPreview.file.type.startsWith("image/")) return;
+  if (!fileWithPreview.preview) return;
+  URL.revokeObjectURL(fileWithPreview.preview);
+};
+
+// src/components/ui/drop-zone/use-drop-zone.ts
+var useDropZone = (props) => {
+  const {
+    allowedFileTypes,
+    classNames,
+    disallowDuplicates = true,
+    disallowPreviewForNonImageFiles = true,
+    extraContainerProps,
+    extraInputProps,
+    initialFiles,
+    maxFileCount,
+    maxFileSize,
+    multiple,
+    onFilesChange,
+    onRenderPropsChange,
+    onUpload,
+    onUploadError,
+    onUploadErrors,
+    onUploadSuccess,
+    validator,
+    validatorForAllFiles,
+    withDefaultFilePicker = true
+  } = props ?? {};
+  const inputRef = useRef(null);
+  const initialFileArray = toArray(initialFiles).filter(Boolean);
+  const [dropZoneState, setDropZoneState] = useState({
+    errors: [],
+    filesWithPreview: initialFileArray.map((fileMeta) => ({
+      file: fileMeta,
+      id: fileMeta.id,
+      preview: fileMeta.url
+    })),
+    isDragging: false
+  });
+  const toggleIsDragging = (value) => {
+    setDropZoneState((prevState) => ({ ...prevState, isDragging: value }));
+  };
+  const addFiles = useCallbackRef((fileList, event) => {
+    if (!fileList || fileList.length === 0) {
+      console.warn("No file selected!");
+      return;
+    }
+    clearErrors();
+    if (!multiple) {
+      clearFiles();
+    }
+    const { errors, validFiles } = handleFileValidation({
+      existingFiles: dropZoneState.filesWithPreview.map((fileWithPreview) => fileWithPreview.file),
+      newFiles: fileList,
+      onError: onUploadError,
+      onErrors: onUploadErrors,
+      onSuccess: onUploadSuccess,
+      validationSettings: {
+        allowedFileTypes,
+        disallowDuplicates,
+        maxFileCount,
+        maxFileSize,
+        validator
+      },
+      validatorForAllFiles
+    });
+    if (validFiles.length === 0) {
+      setDropZoneState((prevState) => ({ ...prevState, errors }));
+      return;
+    }
+    const filesWithPreview = validFiles.map((file) => ({
+      file,
+      id: generateUniqueId(file),
+      preview: createObjectURL(file, disallowPreviewForNonImageFiles)
+    }));
+    if (event) {
+      onUpload?.({ event, filesWithPreview });
+    }
+    const newFileUploadState = {
+      ...dropZoneState,
+      errors,
+      ...event?.type === "drop" && { isDragging: false },
+      filesWithPreview: multiple ? [...dropZoneState.filesWithPreview, ...filesWithPreview] : filesWithPreview
+    };
+    onFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });
+    setDropZoneState(newFileUploadState);
+    inputRef.current && (inputRef.current.value = "");
+  });
+  const clearFiles = useCallbackRef(() => {
+    dropZoneState.filesWithPreview.forEach(
+      (fileWithPreview) => clearObjectURL(fileWithPreview, disallowPreviewForNonImageFiles)
+    );
+    const newFileUploadState = {
+      ...dropZoneState,
+      errors: [],
+      filesWithPreview: []
+    };
+    onFilesChange?.({ filesWithPreview: newFileUploadState.filesWithPreview });
+    setDropZoneState(newFileUploadState);
+    inputRef.current && (inputRef.current.value = "");
+  });
+  const removeFile = useCallbackRef((fileToRemoveOrId) => {
+    const actualFileToRemove = isString(fileToRemoveOrId) ? dropZoneState.filesWithPreview.find((file) => file.id === fileToRemoveOrId) : fileToRemoveOrId;
+    if (!actualFileToRemove) return;
+    clearObjectURL(actualFileToRemove, disallowPreviewForNonImageFiles);
+    const newFilesWithPreview = dropZoneState.filesWithPreview.filter(
+      (file) => file.id !== actualFileToRemove.id
+    );
+    onFilesChange?.({ filesWithPreview: newFilesWithPreview });
+    setDropZoneState({
+      ...dropZoneState,
+      errors: [],
+      filesWithPreview: newFilesWithPreview
+    });
+  });
+  const clearErrors = useCallbackRef(() => {
+    setDropZoneState((prevState) => ({ ...prevState, errors: [] }));
+  });
+  const handleFileUpload = useCallbackRef((event) => {
+    if (inputRef.current?.disabled) return;
+    if (event.type === "drop") {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    const fileList = event.type === "drop" ? event.dataTransfer.files : event.target.files;
+    if (!multiple) {
+      const firstFile = fileList?.[0];
+      firstFile && addFiles([firstFile], event);
+      return;
+    }
+    addFiles(fileList, event);
+  });
+  const handleDragEnter = useCallbackRef((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    toggleIsDragging(true);
+  });
+  const handleDragOver = useCallbackRef((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    toggleIsDragging(true);
+  });
+  const handleDragLeave = useCallbackRef((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    toggleIsDragging(false);
+  });
+  const openFilePicker = useCallbackRef(() => {
+    inputRef.current?.click();
+  });
+  const getContainerProps = useCallback(
+    (containerProps) => {
+      const mergedContainerProps = mergeTwoProps(extraContainerProps, containerProps);
+      return {
+        ...mergedContainerProps,
+        className: cnMerge(
+          "relative isolate flex flex-col",
+          mergedContainerProps.className,
+          classNames?.base,
+          dropZoneState.isDragging && [
+            "opacity-60",
+            classNames?.isDragging,
+            containerProps?.classNames?.isDragging
+          ]
+        ),
+        "data-dragging": dataAttr(dropZoneState.isDragging),
+        "data-scope": "dropzone",
+        // eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first
+        "data-part": "container",
+        "data-slot": "dropzone-container",
+        onDragEnter: composeTwoEventHandlers(handleDragEnter, mergedContainerProps.onDragEnter),
+        onDragLeave: composeTwoEventHandlers(handleDragLeave, mergedContainerProps.onDragLeave),
+        onDragOver: composeTwoEventHandlers(handleDragOver, mergedContainerProps.onDragOver),
+        onDrop: composeTwoEventHandlers(handleFileUpload, mergedContainerProps.onDrop)
+      };
+    },
+    [
+      classNames?.base,
+      classNames?.isDragging,
+      extraContainerProps,
+      dropZoneState.isDragging,
+      handleDragEnter,
+      handleDragLeave,
+      handleDragOver,
+      handleFileUpload
+    ]
+  );
+  const getInputProps = useCallback(
+    (inputProps) => {
+      const mergedInputProps = mergeTwoProps(extraInputProps, inputProps);
+      return {
+        ...mergedInputProps,
+        accept: allowedFileTypes ? allowedFileTypes.join(", ") : mergedInputProps.accept,
+        className: cnMerge(
+          withDefaultFilePicker ? "absolute inset-0 z-[100] cursor-pointer opacity-0" : "hidden",
+          classNames?.input,
+          mergedInputProps.className
+        ),
+        "data-dragging": dataAttr(dropZoneState.isDragging),
+        "data-scope": "dropzone",
+        // eslint-disable-next-line perfectionist/sort-objects -- I need data-scope to be first
+        "data-part": "input",
+        "data-slot": "dropzone-input",
+        multiple: multiple ?? mergedInputProps.multiple,
+        onChange: composeTwoEventHandlers(handleFileUpload, mergedInputProps.onChange),
+        ref: composeRefs(inputRef, mergedInputProps.ref),
+        type: "file"
+      };
+    },
+    [
+      allowedFileTypes,
+      classNames?.input,
+      extraInputProps,
+      dropZoneState.isDragging,
+      handleFileUpload,
+      multiple,
+      withDefaultFilePicker
+    ]
+  );
+  const savedOnRenderPropsChange = useCallbackRef(onRenderPropsChange);
+  const dropZoneResult = useMemo(() => {
+    const propsForRenderFn = {
+      dropZoneActions: {
+        addFiles,
+        clearErrors,
+        clearFiles,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleFileUpload,
+        openFilePicker,
+        removeFile
+      },
+      dropZoneState,
+      getContainerProps,
+      getInputProps,
+      inputRef
+    };
+    savedOnRenderPropsChange(propsForRenderFn);
+    return propsForRenderFn;
+  }, [
+    savedOnRenderPropsChange,
+    addFiles,
+    clearErrors,
+    clearFiles,
+    dropZoneState,
+    getInputProps,
+    getContainerProps,
+    handleDragEnter,
+    handleDragLeave,
+    handleDragOver,
+    handleFileUpload,
+    openFilePicker,
+    removeFile
+  ]);
+  return dropZoneResult;
+};
+
+// src/components/ui/drop-zone/drop-zone.tsx
+function DropZoneRoot(props) {
+  const { children, render, withInternalElements = true, ...restOfProps } = props;
+  const dropZone = useDropZone(restOfProps);
+  const ContainerComponent = withInternalElements ? DropZoneContainer : Fragment;
+  const InputComponent = withInternalElements ? DropZoneInput : Fragment;
+  const selectedChildren = children ?? render;
+  const resolvedChildren = isFunction(selectedChildren) ? selectedChildren(dropZone) : selectedChildren;
+  const couldChildrenContainSlots = isArray(resolvedChildren) || isValidElement(resolvedChildren) && resolvedChildren.type === Fragment;
+  const slots = withInternalElements && couldChildrenContainSlots ? getSlotMap(resolvedChildren) : { default: resolvedChildren };
+  return /* @__PURE__ */ React.createElement(DropZoneContextProvider, { value: dropZone }, /* @__PURE__ */ React.createElement(ContainerComponent, null, /* @__PURE__ */ React.createElement(InputComponent, null), slots.default), slots.preview);
+}
+function DropZoneInput(props) {
+  const { asChild, ...restOfProps } = props;
+  const dropZoneContext = useDropZoneContext();
+  const Component = asChild ? slot_parts_exports.Root : "input";
+  return /* @__PURE__ */ React.createElement(Component, { ...dropZoneContext.getInputProps(restOfProps) });
+}
+function DropZoneContainer(props) {
+  const { as: Element = "div", asChild, ...restOfProps } = props;
+  const dropZoneContext = useDropZoneContext();
+  const Component = asChild ? slot_parts_exports.Root : Element;
+  return /* @__PURE__ */ React.createElement(Component, { ...dropZoneContext.getContainerProps(restOfProps) });
+}
+function DropZoneContext(props) {
+  const { children } = props;
+  const dropZoneContext = useDropZoneContext();
+  return children(dropZoneContext);
+}
+var DropZoneImagePreview = withSlotNameAndSymbol("preview", (props) => {
+  const { children } = props;
+  if (isFunction(children)) {
+    return /* @__PURE__ */ React.createElement(DropZoneContext, null, children);
+  }
+  return children;
+});
+
+// src/components/ui/drop-zone/drop-zone-parts.ts
+var drop_zone_parts_exports = {};
+__export(drop_zone_parts_exports, {
+  Container: () => DropZoneContainer,
+  Context: () => DropZoneContext,
+  ImagePreview: () => DropZoneImagePreview,
+  Input: () => DropZoneInput,
+  Root: () => DropZoneRoot
+});
+
+export { DropZoneContainer, DropZoneContext, DropZoneImagePreview, DropZoneInput, DropZoneRoot, drop_zone_parts_exports, useDropZone, useDropZoneContext };
+//# sourceMappingURL=chunk-CLGH26AQ.js.map
+//# sourceMappingURL=chunk-CLGH26AQ.js.map

package/dist/esm/chunk-CLGH26AQ.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"names":["ReactFragment"],"mappings":"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","file":"chunk-CLGH26AQ.js","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 \"@/lib/utils/common\";\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 { 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 <DropZoneContext>{children}</DropZoneContext>;\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"]}

package/dist/esm/chunk-CWUEUCR5.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-CWUEUCR5.js.map
+//# sourceMappingURL=chunk-CWUEUCR5.js.map

package/dist/esm/chunk-CWUEUCR5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-CWUEUCR5.js"}

package/dist/esm/chunk-EYWTW54R.js

@@ -0,0 +1,42 @@
+import { getSingleSlot, getRegularChildren } from './chunk-YO5LJ7ZJ.js';
+import { __export } from './chunk-PZ5AY32C.js';
+import 'react';
+import { isFunction } from '@zayne-labs/toolkit-type-helpers';
+
+var defaultValueSymbol = Symbol("default-value");
+function SwitchRoot(props) {
+  const { children, value = defaultValueSymbol } = props;
+  const defaultCase = getSingleSlot(children, SwitchDefault, {
+    errorMessage: "Only one <Switch.Default> component is allowed",
+    throwOnMultipleSlotMatch: true
+  });
+  const childrenCasesArray = getRegularChildren(children, SwitchDefault);
+  const matchedCase = childrenCasesArray.find((child) => {
+    if (value === defaultValueSymbol) {
+      return Boolean(child.props.when);
+    }
+    return child.props.when === value;
+  });
+  return matchedCase ?? defaultCase;
+}
+function SwitchMatch(props) {
+  const { children, when } = props;
+  const resolvedChildren = isFunction(children) ? children(when) : children;
+  return resolvedChildren;
+}
+function SwitchDefault({ children }) {
+  return children;
+}
+SwitchDefault.slotSymbol = Symbol("switch-default");
+
+// src/components/common/switch/switch-parts.ts
+var switch_parts_exports = {};
+__export(switch_parts_exports, {
+  Default: () => SwitchDefault,
+  Match: () => SwitchMatch,
+  Root: () => SwitchRoot
+});
+
+export { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_exports };
+//# sourceMappingURL=chunk-EYWTW54R.js.map
+//# sourceMappingURL=chunk-EYWTW54R.js.map

package/dist/esm/chunk-EYWTW54R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/switch/switch.tsx","../../src/components/common/switch/switch-parts.ts"],"names":[],"mappings":";;;;;AAcA,IAAM,kBAAA,GAAqB,OAAO,eAAe,CAAA;AAE1C,SAAS,WAAW,KAAoB,EAAA;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,KAAQ,GAAA,kBAAA,EAAuB,GAAA,KAAA;AAEjD,EAAM,MAAA,WAAA,GAAc,aAAc,CAAA,QAAA,EAAU,aAAe,EAAA;AAAA,IAC1D,YAAc,EAAA,gDAAA;AAAA,IACd,wBAA0B,EAAA;AAAA,GAC1B,CAAA;AAED,EAAM,MAAA,kBAAA,GAAqB,kBAAmB,CAAA,QAAA,EAAU,aAAa,CAAA;AAErE,EAAA,MAAM,WAAc,GAAA,kBAAA,CAAmB,IAAK,CAAA,CAAC,KAAU,KAAA;AAEtD,IAAA,IAAI,UAAU,kBAAoB,EAAA;AACjC,MAAO,OAAA,OAAA,CAAQ,KAAM,CAAA,KAAA,CAAM,IAAI,CAAA;AAAA;AAIhC,IAAO,OAAA,KAAA,CAAM,MAAM,IAAS,KAAA,KAAA;AAAA,GAC5B,CAAA;AAED,EAAA,OAAO,WAAe,IAAA,WAAA;AACvB;AAOO,SAAS,YAAmB,KAAgC,EAAA;AAClE,EAAM,MAAA,EAAE,QAAU,EAAA,IAAA,EAAS,GAAA,KAAA;AAE3B,EAAA,MAAM,mBAAmB,UAAW,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,IAAa,CAAI,GAAA,QAAA;AAE1E,EAAO,OAAA,gBAAA;AACR;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAA2C,EAAA;AAC1E,EAAO,OAAA,QAAA;AACR;AACA,aAAc,CAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA;;;ACvDlD,IAAA,oBAAA,GAAA;AAAA,QAAA,CAAA,oBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA,aAAA;AAAA,EAAA,KAAA,EAAA,MAAA,WAAA;AAAA,EAAA,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA","file":"chunk-EYWTW54R.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getRegularChildren, getSingleSlot } from \"@/lib/utils/getSlot\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\n\ntype ValidSwitchComponentType = React.ReactElement<SwitchMatchProps<unknown>>;\n\ntype SwitchProps = {\n\tchildren: ValidSwitchComponentType | ValidSwitchComponentType[];\n\tvalue?: unknown;\n};\n\nconst defaultValueSymbol = Symbol(\"default-value\");\n\nexport function SwitchRoot(props: SwitchProps) {\n\tconst { children, value = defaultValueSymbol } = props;\n\n\tconst defaultCase = getSingleSlot(children, SwitchDefault, {\n\t\terrorMessage: \"Only one <Switch.Default> component is allowed\",\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tconst childrenCasesArray = getRegularChildren(children, SwitchDefault) as ValidSwitchComponentType[];\n\n\tconst matchedCase = childrenCasesArray.find((child) => {\n\t\t// == If value is defaultValueSymbol, match the cases in order like switch(true)\n\t\tif (value === defaultValueSymbol) {\n\t\t\treturn Boolean(child.props.when);\n\t\t}\n\n\t\t// == Otherwise, match the cases like switch(value)\n\t\treturn child.props.when === value;\n\t});\n\n\treturn matchedCase ?? defaultCase;\n}\n\ntype SwitchMatchProps<TWhen> = {\n\tchildren: React.ReactNode | ((value: TWhen) => React.ReactNode);\n\twhen: false | TWhen | null | undefined;\n};\n\nexport function SwitchMatch<TWhen>(props: SwitchMatchProps<TWhen>) {\n\tconst { children, when } = props;\n\n\tconst resolvedChildren = isFunction(children) ? children(when as TWhen) : children;\n\n\treturn resolvedChildren;\n}\n\nexport function SwitchDefault({ children }: { children: React.ReactNode }) {\n\treturn children;\n}\nSwitchDefault.slotSymbol = Symbol(\"switch-default\");\n","export { SwitchDefault as Default, SwitchMatch as Match, SwitchRoot as Root } from \"./switch\";\n"]}

package/dist/esm/chunk-G5BNZM66.js

@@ -0,0 +1,32 @@
+import { useState, useEffect } from 'react';
+import { isString } from '@zayne-labs/toolkit-type-helpers';
+import { createPortal } from 'react-dom';
+
+// src/components/common/teleport/teleport.tsx
+function Teleport(props) {
+  const { children, insertPosition, to } = props;
+  const [portalContainer, setPortalContainer] = useState(null);
+  useEffect(() => {
+    if (!to) return;
+    if (insertPosition) return;
+    const destination = isString(to) ? document.querySelector(to) : to;
+    destination && setPortalContainer(destination);
+  }, [to, insertPosition]);
+  useEffect(() => {
+    if (!to) return;
+    if (!insertPosition) return;
+    const destination = isString(to) ? document.querySelector(to) : to;
+    const tempWrapper = document.createElement("div");
+    tempWrapper.style.display = "contents";
+    destination?.insertAdjacentElement(insertPosition, tempWrapper);
+    setPortalContainer(tempWrapper);
+    return () => {
+      tempWrapper.remove();
+    };
+  }, [to, insertPosition]);
+  return portalContainer && createPortal(children, portalContainer);
+}
+
+export { Teleport };
+//# sourceMappingURL=chunk-G5BNZM66.js.map
+//# sourceMappingURL=chunk-G5BNZM66.js.map

package/dist/esm/chunk-G5BNZM66.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/teleport/teleport.tsx"],"names":[],"mappings":";;;;;AAgBA,SAAS,SAAS,KAAoB,EAAA;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,cAAgB,EAAA,EAAA,EAAO,GAAA,KAAA;AAEzC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAA6B,IAAI,CAAA;AAI/E,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,IAAI,CAAC,EAAI,EAAA;AAET,IAAA,IAAI,cAAgB,EAAA;AAEpB,IAAA,MAAM,cAAc,QAAS,CAAA,EAAE,IAAI,QAAS,CAAA,aAAA,CAA2B,EAAE,CAAI,GAAA,EAAA;AAE7E,IAAA,WAAA,IAAe,mBAAmB,WAAW,CAAA;AAAA,GAC3C,EAAA,CAAC,EAAI,EAAA,cAAc,CAAC,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,IAAI,CAAC,EAAI,EAAA;AAET,IAAA,IAAI,CAAC,cAAgB,EAAA;AAErB,IAAA,MAAM,cAAc,QAAS,CAAA,EAAE,IAAI,QAAS,CAAA,aAAA,CAA2B,EAAE,CAAI,GAAA,EAAA;AAE7E,IAAM,MAAA,WAAA,GAAc,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA;AAChD,IAAA,WAAA,CAAY,MAAM,OAAU,GAAA,UAAA;AAE5B,IAAa,WAAA,EAAA,qBAAA,CAAsB,gBAAgB,WAAW,CAAA;AAE9D,IAAA,kBAAA,CAAmB,WAAW,CAAA;AAE9B,IAAA,OAAO,MAAM;AACZ,MAAA,WAAA,CAAY,MAAO,EAAA;AAAA,KACpB;AAAA,GACE,EAAA,CAAC,EAAI,EAAA,cAAc,CAAC,CAAA;AAIvB,EAAO,OAAA,eAAA,IAAmB,YAAa,CAAA,QAAA,EAAU,eAAe,CAAA;AACjE","file":"chunk-G5BNZM66.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { type AnyString, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype ValidHtmlTags = keyof HTMLElementTagNameMap;\n\ntype PortalProps = {\n\tchildren: React.ReactNode;\n\tinsertPosition?: InsertPosition;\n\tto: AnyString | HTMLElement | ValidHtmlTags | null;\n};\n\nfunction Teleport(props: PortalProps) {\n\tconst { children, insertPosition, to } = props;\n\n\tconst [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\n\n\t/* eslint-disable react-hooks-extra/no-direct-set-state-in-use-effect -- Allow */\n\n\tuseEffect(() => {\n\t\tif (!to) return;\n\n\t\tif (insertPosition) return;\n\n\t\tconst destination = isString(to) ? document.querySelector<HTMLElement>(to) : to;\n\n\t\tdestination && setPortalContainer(destination);\n\t}, [to, insertPosition]);\n\n\tuseEffect(() => {\n\t\tif (!to) return;\n\n\t\tif (!insertPosition) return;\n\n\t\tconst destination = isString(to) ? document.querySelector<HTMLElement>(to) : to;\n\n\t\tconst tempWrapper = document.createElement(\"div\");\n\t\ttempWrapper.style.display = \"contents\";\n\n\t\tdestination?.insertAdjacentElement(insertPosition, tempWrapper);\n\n\t\tsetPortalContainer(tempWrapper);\n\n\t\treturn () => {\n\t\t\ttempWrapper.remove();\n\t\t};\n\t}, [to, insertPosition]);\n\n\t/* eslint-enable react-hooks-extra/no-direct-set-state-in-use-effect -- Allow */\n\n\treturn portalContainer && createPortal(children, portalContainer);\n}\n\nexport { Teleport };\n"]}

package/dist/esm/{chunk-IREUBYDK.js → chunk-JC52CA2O.js}

@@ -1,10 +1,10 @@
-import { getSingleSlot } from './chunk-IUEPHHGO.js';
 import { createCustomContext, useCallbackRef } from '@zayne-labs/toolkit-react';
 import * as React from 'react';
 import { useState, Component } from 'react';
 import { isFunction } from '@zayne-labs/toolkit-type-helpers';
 
-var [ErrorBoundaryContextProvider, useErrorBoundaryContext] = createCustomContext({
+// src/components/common/error-boundary/error-boundary-context.ts
+var [ErrorBoundaryContext, useErrorBoundaryContext] = createCustomContext({
   hookName: "useErrorBoundaryContext",
   name: "ErrorBoundaryContext",
   providerName: "ErrorBoundaryContextProvider"
@@ -37,8 +37,8 @@ var initialState = {
   error: null,
   hasError: false
 };
-var hasArrayChanged = (a = [], b = []) => {
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+var hasArrayChanged = (arrayOne = [], arrayTwo = []) => {
+  return arrayOne.length !== arrayTwo.length || arrayOne.some((item, index) => !Object.is(item, arrayTwo[index]));
 };
 var ErrorBoundary = class extends Component {
   constructor(props) {
@@ -49,13 +49,20 @@ var ErrorBoundary = class extends Component {
     return { error, hasError: true };
   }
   componentDidCatch(error, info) {
-    this.props.onError?.(error, info);
+    this.props.onError?.({
+      error,
+      info
+    });
   }
   componentDidUpdate(prevProps, prevState) {
     const { hasError } = this.state;
     const { resetKeys } = this.props;
     if (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      this.props.onReset?.({ next: resetKeys, prev: prevProps.resetKeys, reason: "keys" });
+      this.props.onReset?.({
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
       this.setState(initialState);
     }
   }
@@ -63,19 +70,18 @@ var ErrorBoundary = class extends Component {
     const { children, fallback } = this.props;
     const { error, hasError } = this.state;
     let childToRender = children;
-    const fallBackSlot = getSingleSlot(children, ErrorBoundaryFallBack);
     if (hasError) {
       switch (true) {
-        case Boolean(fallBackSlot): {
-          childToRender = fallBackSlot;
-          break;
-        }
-        case Boolean(fallback): {
+        case isFunction(fallback): {
           const fallbackRenderProps = {
             error,
             resetErrorBoundary: this.#resetErrorBoundary
           };
-          childToRender = isFunction(fallback) ? fallback(fallbackRenderProps) : fallback;
+          childToRender = fallback(fallbackRenderProps);
+          break;
+        }
+        case Boolean(fallback): {
+          childToRender = fallback;
           break;
         }
         default: {
@@ -88,23 +94,20 @@ var ErrorBoundary = class extends Component {
       hasError,
       resetErrorBoundary: this.#resetErrorBoundary
     };
-    return /* @__PURE__ */ React.createElement(ErrorBoundaryContextProvider, { value: contextValue }, childToRender);
+    return /* @__PURE__ */ React.createElement(ErrorBoundaryContext, { value: contextValue }, childToRender);
   }
   #resetErrorBoundary = (...parameters) => {
     const { error } = this.state;
     if (error !== null) {
-      this.props.onReset?.({ parameters, reason: "imperative-api" });
+      this.props.onReset?.({
+        args: parameters,
+        reason: "imperative-api"
+      });
       this.setState(initialState);
     }
   };
 };
-function ErrorBoundaryFallBack(props) {
-  const { children } = props;
-  const { error, resetErrorBoundary } = useErrorBoundaryContext();
-  const fallbackRenderProps = { error, resetErrorBoundary };
-  return isFunction(children) ? children(fallbackRenderProps) : children;
-}
 
 export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext };
-//# sourceMappingURL=chunk-IREUBYDK.js.map
-//# sourceMappingURL=chunk-IREUBYDK.js.map
+//# sourceMappingURL=chunk-JC52CA2O.js.map
+//# sourceMappingURL=chunk-JC52CA2O.js.map