@zayne-labs/ui-react 0.10.48 → 0.10.50

package/dist/esm/ui/drag-scroll/index.d.ts

@@ -1,8 +1,8 @@
 import { InferProps } from "@zayne-labs/toolkit-react/utils";
 import * as _zayne_labs_toolkit_type_helpers0 from "@zayne-labs/toolkit-type-helpers";
-import * as react40 from "react";
+import * as react from "react";
 import "@zayne-labs/toolkit-react";
-import * as _zayne_labs_toolkit_core2 from "@zayne-labs/toolkit-core";
+import * as _zayne_labs_toolkit_core0 from "@zayne-labs/toolkit-core";
 
 //#region src/components/ui/drag-scroll/drag-scroll-context.d.ts
 declare const DragScrollStoreContextProvider: (props: {
@@ -28,9 +28,9 @@ declare const DragScrollStoreContextProvider: (props: {
           shouldReplace: true;
         }) | undefined): void;
       };
-      subscribe: _zayne_labs_toolkit_core2.SubscribeFn<DragScrollStore<HTMLElement>>;
+      subscribe: _zayne_labs_toolkit_core0.SubscribeFn<DragScrollStore<HTMLElement>>;
     };
-  }) => react40.FunctionComponentElement<react40.ProviderProps<{
+  }) => react.FunctionComponentElement<react.ProviderProps<{
     getInitialState: () => DragScrollStore<HTMLElement>;
     getListeners: () => Set<(state: DragScrollStore<HTMLElement>, prevState: DragScrollStore<HTMLElement>) => void>;
     getState: () => DragScrollStore<HTMLElement>;
@@ -51,7 +51,7 @@ declare const DragScrollStoreContextProvider: (props: {
         shouldReplace: true;
       }) | undefined): void;
     };
-    subscribe: _zayne_labs_toolkit_core2.SubscribeFn<DragScrollStore<HTMLElement>>;
+    subscribe: _zayne_labs_toolkit_core0.SubscribeFn<DragScrollStore<HTMLElement>>;
   }>>, useDragScrollStoreContext: <TResult = DragScrollStore<HTMLElement>>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DragScrollStore<HTMLElement>, TResult> | undefined) => TResult;
 //#endregion
 //#region src/components/ui/drag-scroll/drag-scroll-store.d.ts
@@ -78,7 +78,7 @@ declare const createDragScrollStore: <TElement extends HTMLElement = HTMLElement
       shouldReplace: true;
     }) | undefined): void;
   };
-  subscribe: _zayne_labs_toolkit_core2.SubscribeFn<DragScrollStore<TElement>>;
+  subscribe: _zayne_labs_toolkit_core0.SubscribeFn<DragScrollStore<TElement>>;
 };
 //#endregion
 //#region src/components/ui/drag-scroll/types.d.ts

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

@@ -1,10 +1,10 @@
 import { InferProps, PolymorphicPropsStrict } from "@zayne-labs/toolkit-react/utils";
 import * as _zayne_labs_toolkit_type_helpers0 from "@zayne-labs/toolkit-type-helpers";
-import { Awaitable, SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-import * as react36 from "react";
+import { Awaitable, SelectorFn, UnionDiscriminator } from "@zayne-labs/toolkit-type-helpers";
+import * as react from "react";
 import "@zayne-labs/toolkit-react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
-import * as _zayne_labs_toolkit_core1 from "@zayne-labs/toolkit-core";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _zayne_labs_toolkit_core0 from "@zayne-labs/toolkit-core";
 import { FileMeta, FileOrFileMeta, FileValidationErrorContextEach, FileValidationHooksAsync, FileValidationSettingsAsync } from "@zayne-labs/toolkit-core";
 
 //#region src/components/ui/drop-zone/drop-zone-store.d.ts
@@ -31,7 +31,7 @@ declare const createDropZoneStore: (storeContext: StoreContext) => {
       shouldReplace: true;
     }) | undefined): void;
   };
-  subscribe: _zayne_labs_toolkit_core1.SubscribeFn<DropZoneStore>;
+  subscribe: _zayne_labs_toolkit_core0.SubscribeFn<DropZoneStore>;
 };
 //#endregion
 //#region src/components/ui/drop-zone/utils.d.ts
@@ -270,9 +270,9 @@ declare const DropZoneStoreContextProvider: (props: {
           shouldReplace: true;
         }) | undefined): void;
       };
-      subscribe: _zayne_labs_toolkit_core1.SubscribeFn<DropZoneStore>;
+      subscribe: _zayne_labs_toolkit_core0.SubscribeFn<DropZoneStore>;
     };
-  }) => react36.FunctionComponentElement<react36.ProviderProps<{
+  }) => react.FunctionComponentElement<react.ProviderProps<{
     getInitialState: () => DropZoneStore;
     getListeners: () => Set<(state: DropZoneStore, prevState: DropZoneStore) => void>;
     getState: () => DropZoneStore;
@@ -293,7 +293,7 @@ declare const DropZoneStoreContextProvider: (props: {
         shouldReplace: true;
       }) | undefined): void;
     };
-    subscribe: _zayne_labs_toolkit_core1.SubscribeFn<DropZoneStore>;
+    subscribe: _zayne_labs_toolkit_core0.SubscribeFn<DropZoneStore>;
   }>>, useDropZoneStoreContext: <TResult = DropZoneStore>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DropZoneStore, TResult> | undefined) => TResult;
 type FileItemContextType = {
   fileState: FileState;
@@ -303,29 +303,29 @@ type FileItemContextType = {
 type DropZoneRootProps = UseDropZoneProps & {
   children: React.ReactNode;
 };
-declare function DropZoneRoot(props: DropZoneRootProps): react_jsx_runtime38.JSX.Element;
+declare function DropZoneRoot(props: DropZoneRootProps): react_jsx_runtime0.JSX.Element;
 type DropZoneContextProps<TSlice> = {
   children: React.ReactNode | ((context: TSlice) => React.ReactNode);
   selector?: SelectorFn<DropZoneStore, TSlice>;
 };
-declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react36.ReactNode;
+declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react.ReactNode;
 type DropZoneContainerProps = PartInputProps["container"] & {
   asChild?: boolean;
 };
-declare function DropZoneContainer<TElement extends React.ElementType = "div">(props: PolymorphicPropsStrict<TElement, DropZoneContainerProps>): react_jsx_runtime38.JSX.Element;
+declare function DropZoneContainer<TElement extends React.ElementType = "div">(props: PolymorphicPropsStrict<TElement, DropZoneContainerProps>): react_jsx_runtime0.JSX.Element;
 type DropZoneInputProps = PartInputProps["input"] & {
   asChild?: boolean;
 };
-declare function DropZoneInput(props: DropZoneInputProps): react_jsx_runtime38.JSX.Element;
+declare function DropZoneInput(props: DropZoneInputProps): react_jsx_runtime0.JSX.Element;
 type DropZoneAreaProps<TSlice> = DropZoneContextProps<TSlice> & PartInputProps["container"] & {
   classNames?: Partial<Record<Extract<keyof PartInputProps, "container" | "input">, string>>;
   extraProps?: Partial<Pick<PartInputProps, "container" | "input">>;
 };
-declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react_jsx_runtime38.JSX.Element;
+declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react_jsx_runtime0.JSX.Element;
 type DropZoneTriggerProps = PartInputProps["trigger"] & {
   asChild?: boolean;
 };
-declare function DropZoneTrigger(props: DropZoneTriggerProps): react_jsx_runtime38.JSX.Element;
+declare function DropZoneTrigger(props: DropZoneTriggerProps): react_jsx_runtime0.JSX.Element;
 type ListPerItemContext = Pick<DropZoneStore, "actions"> & {
   array: DropZoneStore["fileStateArray"];
   fileState: DropZoneStore["fileStateArray"][number];
@@ -344,26 +344,29 @@ type DropZoneFileListProps = Omit<PartInputProps["fileList"], "children"> & {
   asChild?: boolean;
   forceMount?: boolean;
 } & (FileListManualListVariant | FileListPerItemVariant);
-declare function DropZoneFileList<TElement extends React.ElementType = "ul">(props: PolymorphicPropsStrict<TElement, DropZoneFileListProps>): react_jsx_runtime38.JSX.Element;
+declare function DropZoneFileList<TElement extends React.ElementType = "ul">(props: PolymorphicPropsStrict<TElement, DropZoneFileListProps>): react_jsx_runtime0.JSX.Element;
 type DropZoneFileItemProps = FileItemContextType & PartInputProps["fileItem"] & {
   asChild?: boolean;
 };
-declare function DropZoneFileItem<TElement extends React.ElementType = "li">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProps>): react_jsx_runtime38.JSX.Element;
+declare function DropZoneFileItem<TElement extends React.ElementType = "li">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProps>): react_jsx_runtime0.JSX.Element;
 type DropZoneFileItemDeleteProps = PartInputProps["fileItemDelete"] & {
   asChild?: boolean;
 };
-declare function DropZoneFileItemDelete(props: DropZoneFileItemDeleteProps): react_jsx_runtime38.JSX.Element;
+declare function DropZoneFileItemDelete(props: DropZoneFileItemDeleteProps): react_jsx_runtime0.JSX.Element;
 type DropZoneFileItemProgressProps = PartInputProps["fileItemProgress"] & {
   asChild?: boolean;
   forceMount?: boolean;
   size?: number;
 };
-declare function DropZoneFileItemProgress<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProgressProps>): react_jsx_runtime38.JSX.Element | null;
-type RenderPreviewDetails<TElement extends React.ElementType = "svg"> = {
-  node?: React.ReactNode;
-} & {
-  props?: InferProps<TElement>;
+declare function DropZoneFileItemProgress<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProgressProps>): react_jsx_runtime0.JSX.Element | null;
+type NodeCtx<TElement extends React.ElementType> = {
+  getProps: (innerProps: Partial<InferProps<TElement>>) => InferProps<TElement>;
 };
+type RenderPreviewDetails<TElement extends React.ElementType = "svg"> = UnionDiscriminator<[{
+  props: InferProps<TElement>;
+}, {
+  node: React.ReactNode | ((ctx: NodeCtx<TElement>) => React.ReactNode);
+}]>;
 type RenderPropContext = Pick<FileItemContextType, "fileState"> & {
   fileExtension: string;
   fileType: string;
@@ -387,7 +390,7 @@ type DropZoneFileItemPreviewProps = Omit<PartInputProps["fileItemPreview"], "chi
   }) => React.ReactNode);
   renderPreview?: boolean | RenderPreview;
 };
-declare function DropZoneFileItemPreview<TElement extends React.ElementType>(props: PolymorphicPropsStrict<TElement, DropZoneFileItemPreviewProps>): react_jsx_runtime38.JSX.Element | null;
+declare function DropZoneFileItemPreview<TElement extends React.ElementType>(props: PolymorphicPropsStrict<TElement, DropZoneFileItemPreviewProps>): react_jsx_runtime0.JSX.Element | null;
 type DropZoneFileItemMetadataProps = Omit<PartInputProps["fileItemMetadata"], "children"> & Partial<Pick<FileItemContextType, "fileState">> & {
   asChild?: boolean;
   children?: React.ReactNode | ((context: Pick<FileItemContextType, "fileState">) => React.ReactNode);
@@ -397,12 +400,12 @@ type DropZoneFileItemMetadataProps = Omit<PartInputProps["fileItemMetadata"], "c
   };
   size?: "default" | "sm";
 };
-declare function DropZoneFileItemMetadata(props: DropZoneFileItemMetadataProps): react_jsx_runtime38.JSX.Element | null;
+declare function DropZoneFileItemMetadata(props: DropZoneFileItemMetadataProps): react_jsx_runtime0.JSX.Element | null;
 type DropZoneFileClearProps = PartInputProps["fileItemClear"] & {
   asChild?: boolean;
   forceMount?: boolean;
 };
-declare function DropZoneFileClear(props: DropZoneFileClearProps): react_jsx_runtime38.JSX.Element | null;
+declare function DropZoneFileClear(props: DropZoneFileClearProps): react_jsx_runtime0.JSX.Element | null;
 declare namespace drop_zone_parts_d_exports {
   export { DropZoneArea as Area, DropZoneContainer as Container, DropZoneContext as Context, DropZoneFileClear as FileClear, DropZoneFileItem as FileItem, DropZoneFileItemDelete as FileItemDelete, DropZoneFileItemMetadata as FileItemMetadata, DropZoneFileItemPreview as FileItemPreview, DropZoneFileItemProgress as FileItemProgress, DropZoneFileList as FileList, DropZoneInput as Input, DropZoneRoot as Root, DropZoneTrigger as Trigger };
 }

package/dist/esm/ui/drop-zone/index.js

@@ -1,9 +1,9 @@
 "use client";
 
-import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
-import { n as SlotRoot } from "../../slot-C7TE8pEK.js";
-import { t as Presence } from "../../presence-DpApdmSc.js";
-import { n as For } from "../../for-DAM4xYij.js";
+import { t as __exportAll } from "../../chunk-BYypO7fO.js";
+import { n as SlotRoot } from "../../slot-parts-Da1BsS7u.js";
+import { t as Presence } from "../../presence-Bk5WMQXn.js";
+import { n as For } from "../../getElementList-DwKrmXP0.js";
 import { t as cnMerge } from "../../cn-2hIN1AQ7.js";
 import { composeRefs, composeTwoEventHandlers } from "@zayne-labs/toolkit-react/utils";
 import { isBoolean, isFile, isFunction, isNumber, isObject, isString } from "@zayne-labs/toolkit-type-helpers";
@@ -896,6 +896,9 @@ function DropZoneFileItemPreview(props) {
 		children: [renderPreview && fallbackPreview(), resolvedChildren]
 	});
 }
+const resolvePreviewNode = (details, getProps = ((props) => props)) => {
+	return isFunction(details?.node) ? details.node({ getProps }) : details?.node;
+};
 const getFilePreviewOrIcon = (context) => {
 	const { fileExtension, fileState, fileType, renderPreview } = context;
 	const renderPreviewValue = isBoolean(renderPreview) ? {} : renderPreview;
@@ -905,17 +908,28 @@ const getFilePreviewOrIcon = (context) => {
 		fileType
 	}) : renderPreviewValue;
 	switch (true) {
-		case fileType.startsWith("image/"): return resolvedRenderPreviewObject.image?.node ?? /* @__PURE__ */ jsx("img", {
+		case fileType.startsWith("image/"): return resolvePreviewNode(resolvedRenderPreviewObject.image, (innerProps) => ({
+			...innerProps,
+			alt: innerProps.alt ?? fileState.file.name ?? "",
+			className: cnMerge("size-full object-cover", innerProps.className),
+			src: innerProps.src ?? fileState.preview
+		})) ?? /* @__PURE__ */ jsx("img", {
 			...resolvedRenderPreviewObject.image?.props,
 			src: fileState.preview,
 			alt: fileState.file.name ?? "",
 			className: cnMerge("size-full object-cover", resolvedRenderPreviewObject.image?.props?.className)
 		});
-		case fileType.startsWith("video/"): return resolvedRenderPreviewObject.video?.node ?? /* @__PURE__ */ jsx(FileVideoIcon, {
+		case fileType.startsWith("video/"): return resolvePreviewNode(resolvedRenderPreviewObject.video, (innerProps) => ({
+			...innerProps,
+			className: cnMerge("size-full object-cover", innerProps.className)
+		})) ?? /* @__PURE__ */ jsx(FileVideoIcon, {
 			...resolvedRenderPreviewObject.video?.props,
 			className: cnMerge("size-full object-cover", resolvedRenderPreviewObject.video?.props?.className)
 		});
-		case fileType.startsWith("audio/"): return resolvedRenderPreviewObject.audio?.node ?? /* @__PURE__ */ jsx(FileAudioIcon, {
+		case fileType.startsWith("audio/"): return resolvePreviewNode(resolvedRenderPreviewObject.audio, (innerProps) => ({
+			...innerProps,
+			className: cnMerge("size-full object-cover", innerProps.className)
+		})) ?? /* @__PURE__ */ jsx(FileAudioIcon, {
 			...resolvedRenderPreviewObject.audio?.props,
 			className: cnMerge("size-full object-cover", resolvedRenderPreviewObject.audio?.props?.className)
 		});
@@ -924,7 +938,7 @@ const getFilePreviewOrIcon = (context) => {
 			"pdf",
 			"rtf",
 			"txt"
-		].includes(fileExtension): return resolvedRenderPreviewObject.text?.node ?? /* @__PURE__ */ jsx(FileTextIcon, { ...resolvedRenderPreviewObject.text?.props });
+		].includes(fileExtension): return resolvePreviewNode(resolvedRenderPreviewObject.text) ?? /* @__PURE__ */ jsx(FileTextIcon, { ...resolvedRenderPreviewObject.text?.props });
 		case [
 			"c",
 			"cpp",
@@ -941,7 +955,7 @@ const getFilePreviewOrIcon = (context) => {
 			"ts",
 			"tsx",
 			"xml"
-		].includes(fileExtension): return resolvedRenderPreviewObject.code?.node ?? /* @__PURE__ */ jsx(FileCodeIcon, { ...resolvedRenderPreviewObject.code?.props });
+		].includes(fileExtension): return resolvePreviewNode(resolvedRenderPreviewObject.code) ?? /* @__PURE__ */ jsx(FileCodeIcon, { ...resolvedRenderPreviewObject.code?.props });
 		case [
 			"7z",
 			"bz2",
@@ -949,7 +963,7 @@ const getFilePreviewOrIcon = (context) => {
 			"rar",
 			"tar",
 			"zip"
-		].includes(fileExtension): return resolvedRenderPreviewObject.archive?.node ?? /* @__PURE__ */ jsx(FileArchiveIcon, { ...resolvedRenderPreviewObject.archive?.props });
+		].includes(fileExtension): return resolvePreviewNode(resolvedRenderPreviewObject.archive) ?? /* @__PURE__ */ jsx(FileArchiveIcon, { ...resolvedRenderPreviewObject.archive?.props });
 		case [
 			"apk",
 			"app",
@@ -957,8 +971,8 @@ const getFilePreviewOrIcon = (context) => {
 			"exe",
 			"msi",
 			"rpm"
-		].includes(fileExtension): return resolvedRenderPreviewObject.executable?.node ?? /* @__PURE__ */ jsx(FileCogIcon, { ...resolvedRenderPreviewObject.executable?.props });
-		default: return resolvedRenderPreviewObject.default?.node ?? /* @__PURE__ */ jsx(FileIcon, { ...resolvedRenderPreviewObject.default?.props });
+		].includes(fileExtension): return resolvePreviewNode(resolvedRenderPreviewObject.executable) ?? /* @__PURE__ */ jsx(FileCogIcon, { ...resolvedRenderPreviewObject.executable?.props });
+		default: return resolvePreviewNode(resolvedRenderPreviewObject.default) ?? /* @__PURE__ */ jsx(FileIcon, { ...resolvedRenderPreviewObject.default?.props });
 	}
 };
 function DropZoneFileItemMetadata(props) {