@zayne-labs/ui-react 0.10.4 → 0.10.6

package/dist/esm/index-D361IX3V.d.ts

@@ -1,183 +0,0 @@
-import * as _zayne_labs_toolkit_type_helpers0 from "@zayne-labs/toolkit-type-helpers";
-import { Awaitable, SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-import * as react5 from "react";
-import * as _zayne_labs_toolkit_core0 from "@zayne-labs/toolkit-core";
-import { FileMeta, FileValidationErrorContext, FileValidationHooksAsync, FileValidationSettingsAsync } from "@zayne-labs/toolkit-core";
-import { InferProps, PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
-
-//#region src/components/ui/drop-zone/drop-zone-context.d.ts
-declare const DropZoneStoreContextProvider: (props: {
-    children: React.ReactNode;
-    store: _zayne_labs_toolkit_core0.StoreApi<DropZoneStore>;
-  }) => react5.FunctionComponentElement<react5.ProviderProps<_zayne_labs_toolkit_core0.StoreApi<DropZoneStore> | null>>, useDropZoneStoreContext: <TResult = DropZoneStore>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DropZoneStore, TResult> | undefined) => TResult;
-//#endregion
-//#region src/components/ui/drop-zone/use-drop-zone.d.ts
-type ExtraProps = {
-  container?: InferProps<HTMLElement>;
-  input?: InferProps<"input">;
-  trigger?: InferProps<"button">;
-};
-type ClassNames = { [key in keyof ExtraProps]: string };
-type UseDropZoneResult = {
-  inputRef: React.RefObject<HTMLInputElement | null>;
-  propGetters: DropZonePropGetters;
-  storeApi: ReturnType<typeof createDropZoneStore>;
-  useDropZoneStore: typeof useDropZoneStoreContext;
-};
-type UseDropZoneProps = FileValidationSettingsAsync & {
-  /**
-   * CSS classes to apply to the various parts of the drop zone
-   */
-  classNames?: ClassNames;
-  /**
-   * Whether to disallow preview for non-image files
-   * @default true
-   */
-  disablePreviewForNonImageFiles?: boolean;
-  /**
-   * Extra props to pass to various parts of the dropzone
-   */
-  extraProps?: ExtraProps;
-  /**
-   * Initial files to populate the drop zone
-   */
-  initialFiles?: FileMeta | FileMeta[] | null;
-  /**
-   * Whether to allow multiple files to be uploaded
-   */
-  multiple?: boolean;
-  /**
-   * Callback function to be called when internal files state changes
-   */
-  onFilesChange?: (context: Pick<DropZoneState, "fileStateArray">) => void;
-  /**
-   * Callback function to be called when new files are uploaded
-   */
-  onUpload?: (context: Pick<DropZoneState, "fileStateArray">) => Awaitable<void>;
-  /**
-   * Callback function to be called on each file upload as they occur
-   */
-  onUploadError?: FileValidationHooksAsync["onError"];
-  /**
-   * Callback function to be called once after all file upload errors have occurred
-   */
-  onUploadErrorCollection?: FileValidationHooksAsync["onErrorCollection"];
-  /**
-   * Callback function to be called on file upload success
-   */
-  onUploadSuccess?: FileValidationHooksAsync["onSuccess"];
-  /**
-   * Whether clicking the drop zone area will open the default file picker or not
-   *
-   * @default true
-   */
-  shouldOpenFilePickerOnAreaClick?: boolean;
-  /**
-   * Custom validation function.
-   *
-   * If the function returns false, the file will be rejected
-   *
-   */
-  validator?: FileValidationSettingsAsync["validator"];
-};
-declare const useDropZone: (props?: UseDropZoneProps) => UseDropZoneResult;
-//#endregion
-//#region src/components/ui/drop-zone/types.d.ts
-type FileState = {
-  /**
-   *  File object or file metadata
-   */
-  file: File | FileMeta;
-  /**
-   *  Unique ID for the file
-   */
-  id: string;
-  /**
-   *  Preview URL for the file
-   *  - Will be undefined if `disallowPreviewForNonImageFiles` is set to `true` and the file is not an image
-   *  - Can also be undefined if `URL.createObjectURL` fails
-   */
-  preview: string | undefined;
-};
-type DropZonePropGetters = {
-  getContainerProps: (containerProps?: ExtraProps["container"]) => ExtraProps["container"];
-  getInputProps: (inputProps?: ExtraProps["input"]) => ExtraProps["input"];
-  getTriggerProps: (triggerProps?: ExtraProps["trigger"]) => ExtraProps["trigger"];
-};
-type DropZoneState = {
-  /**
-   *  List of validation errors
-   */
-  errors: FileValidationErrorContext[];
-  /**
-   *  List of files with their preview URLs and unique IDs
-   */
-  fileStateArray: FileState[];
-  /**
-   *  Whether or not a file is currently being dragged over the drop zone
-   */
-  isDraggingOver: boolean;
-};
-type DropZoneActions = {
-  addFiles: (files: File[] | FileList | null) => Awaitable<void>;
-  clearErrors: () => void;
-  clearFiles: () => void;
-  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => Awaitable<void>;
-  handleDragEnter: (event: React.DragEvent<HTMLElement>) => void;
-  handleDragLeave: (event: React.DragEvent<HTMLElement>) => void;
-  handleDragOver: (event: React.DragEvent<HTMLElement>) => void;
-  handleDrop: (event: React.DragEvent<HTMLElement>) => Awaitable<void>;
-  openFilePicker: () => void;
-  removeFile: (fileToRemoveOrFileId: string | FileState) => void;
-};
-//#endregion
-//#region src/components/ui/drop-zone/drop-zone-store.d.ts
-type DropZoneStore = DropZoneState & {
-  actions: DropZoneActions;
-};
-declare const createDropZoneStore: (initStoreValues: Pick<UseDropZoneProps, "allowedFileTypes" | "disablePreviewForNonImageFiles" | "initialFiles" | "maxFileCount" | "maxFileSize" | "multiple" | "onFilesChange" | "onUpload" | "onUploadError" | "onUploadErrorCollection" | "onUploadSuccess" | "rejectDuplicateFiles" | "validator"> & {
-  inputRef: React.RefObject<HTMLInputElement | null>;
-}) => _zayne_labs_toolkit_core0.StoreApi<DropZoneStore>;
-//#endregion
-//#region src/components/ui/drop-zone/drop-zone.d.ts
-type DropZoneRootProps = UseDropZoneProps & {
-  children: react5.ReactNode;
-};
-declare function DropZoneRoot(props: DropZoneRootProps): react5.JSX.Element;
-type DropZoneContextProps<TSlice> = {
-  children: react5.ReactNode | ((props: TSlice) => react5.ReactNode);
-  selector?: SelectorFn<DropZoneStore, TSlice>;
-};
-declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react5.ReactNode;
-type DropZoneContainerProps = ExtraProps["container"] & {
-  asChild?: boolean;
-};
-declare function DropZoneContainer<TElement extends react5.ElementType = "div">(props: PolymorphicProps<TElement, DropZoneContainerProps>): react5.JSX.Element;
-type DropZoneInputProps = ExtraProps["input"] & {
-  asChild?: boolean;
-};
-declare function DropZoneInput(props: DropZoneInputProps): react5.JSX.Element;
-type DropZoneAreaProps<TSlice> = {
-  children: react5.ReactNode | ((props: TSlice) => react5.ReactNode);
-  extraProps?: Pick<ExtraProps, "container" | "input">;
-  selector?: SelectorFn<DropZoneStore, TSlice>;
-};
-declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react5.JSX.Element;
-type DropZoneTriggerProps = ExtraProps["trigger"] & {
-  asChild?: boolean;
-};
-declare function DropZoneTrigger(props: DropZoneTriggerProps): react5.JSX.Element;
-type DropZoneFilePreviewProps = {
-  children: react5.ReactNode | ((props: Pick<DropZoneStore, "actions" | "fileStateArray">) => react5.ReactNode);
-};
-declare function DropZoneFilePreview(props: DropZoneFilePreviewProps): react5.ReactNode;
-type DropZoneErrorPreviewProps = {
-  children: react5.ReactNode | ((props: Pick<DropZoneStore, "actions" | "errors">) => react5.ReactNode);
-};
-declare function DropZoneErrorPreview(props: DropZoneErrorPreviewProps): react5.ReactNode;
-declare namespace drop_zone_parts_d_exports {
-  export { DropZoneArea as Area, DropZoneContainer as Container, DropZoneContext as Context, DropZoneErrorPreview as ErrorPreview, DropZoneFilePreview as FilePreview, DropZoneInput as Input, DropZoneRoot as Root, DropZoneTrigger as Trigger };
-}
-//#endregion
-export { ClassNames, DropZoneArea, DropZoneContainer, DropZoneContext, DropZoneContextProps, DropZoneErrorPreview, DropZoneFilePreview, DropZoneInput, DropZoneRoot, DropZoneRootProps, DropZoneTrigger, ExtraProps, UseDropZoneProps, UseDropZoneResult, drop_zone_parts_d_exports, useDropZone, useDropZoneStoreContext };
-//# sourceMappingURL=index-D361IX3V.d.ts.map

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

@@ -1,2 +0,0 @@
-import { FunctionalComponent, GetSlotComponentProps, GetSlotMapResult, createSlotComponent, getMultipleSlots, getRegularChildren, getSingleSlot, getSlotMap, matchesAnySlotComponent, matchesSlotComponent, slotComponentSymbol, withSlotNameAndSymbol } from "../../index-BNrCAe9Y.js";
-export { FunctionalComponent, GetSlotComponentProps, GetSlotMapResult, createSlotComponent, getMultipleSlots, getRegularChildren, getSingleSlot, getSlotMap, matchesAnySlotComponent, matchesSlotComponent, slotComponentSymbol, withSlotNameAndSymbol };

package/dist/esm/lib/utils/index.js

@@ -1,4 +0,0 @@
-import { createSlotComponent, getSlotMap, slotComponentSymbol, withSlotNameAndSymbol } from "../../utils-ChjmDoRe.js";
-import { getMultipleSlots, getRegularChildren, getSingleSlot, matchesAnySlotComponent, matchesSlotComponent } from "../../getSlot-Cf5ON6lE.js";
-
-export { createSlotComponent, getMultipleSlots, getRegularChildren, getSingleSlot, getSlotMap, matchesAnySlotComponent, matchesSlotComponent, slotComponentSymbol, withSlotNameAndSymbol };

package/dist/esm/show-BabiXbf7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"show-BabiXbf7.js","names":[],"sources":["../../src/components/common/show/show.tsx","../../src/components/common/show/show-parts.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { getMultipleSlots } from \"@/lib/utils/getSlot\";\nimport { assert, isFunction } from \"@zayne-labs/toolkit-type-helpers\";\n\ntype ShowProps<TWhen> = {\n\tchildren: React.ReactNode | ((value: TWhen) => React.ReactNode);\n\tfallback?: React.ReactNode;\n\twhen: false | TWhen | null | undefined;\n};\n\nexport function ShowRoot<TWhen>(props: ShowProps<TWhen>) {\n\tconst { children, fallback = null, when } = props;\n\n\tconst resolvedChildren = isFunction(children) ? children(when as TWhen) : children;\n\n\tconst {\n\t\tregularChildren,\n\t\tslots: [contentSlot, fallBackSlot],\n\t} = getMultipleSlots(resolvedChildren, [ShowContent, ShowFallback], {\n\t\terrorMessage: [\n\t\t\t\"Only one <Show.Content> component is allowed\",\n\t\t\t\"Only one <Show.Fallback> or <Show.OtherWise> component is allowed\",\n\t\t],\n\t\tthrowOnMultipleSlotMatch: true,\n\t});\n\n\tif (!when) {\n\t\tassert(\n\t\t\t!(fallBackSlot && fallback),\n\t\t\t\"The fallback prop and <Show.Fallback> cannot be used at the same time.\"\n\t\t);\n\n\t\treturn fallBackSlot ?? fallback;\n\t}\n\n\treturn contentSlot ?? regularChildren;\n}\n\nexport function ShowContent({ children }: { children: React.ReactNode }) {\n\treturn children;\n}\nShowContent.slotSymbol = Symbol(\"show-content\");\n\nexport function ShowFallback({ children }: { children: React.ReactNode }) {\n\treturn children;\n}\nShowFallback.slotSymbol = Symbol(\"show-fallback\");\n","export {\n\tShowContent as Content,\n\tShowFallback as Fallback,\n\tShowFallback as Otherwise,\n\tShowRoot as Root,\n} from \"./show\";\n"],"mappings":";;;;;;AAaA,SAAgB,SAAgB,OAAyB;CACxD,MAAM,EAAE,UAAU,WAAW,MAAM,MAAM,GAAG;CAE5C,MAAM,mBAAmB,WAAW,YAAY,SAAS,QAAiB;CAE1E,MAAM,EACL,iBACA,OAAO,CAAC,aAAa,aAAa,EAClC,GAAG,iBAAiB,kBAAkB,CAAC,aAAa,aAAa,EAAE;EACnE,cAAc,CACb,gDACA,oEACA;EACD,0BAA0B;EAC1B;AAED,KAAI,CAAC,MAAM;AACV,SACC,EAAE,gBAAgB,WAClB;AAGD,SAAO,gBAAgB;CACvB;AAED,QAAO,eAAe;AACtB;AAED,SAAgB,YAAY,EAAE,UAAyC,EAAE;AACxE,QAAO;AACP;AACD,YAAY,aAAa,OAAO;AAEhC,SAAgB,aAAa,EAAE,UAAyC,EAAE;AACzE,QAAO;AACP;AACD,aAAa,aAAa,OAAO"}

package/dist/esm/suspense-with-boundary-CEVORL8K.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"suspense-with-boundary-CEVORL8K.js","names":[],"sources":["../../src/components/common/suspense-with-boundary/suspense-with-boundary.tsx"],"sourcesContent":["import { Suspense } from \"react\";\nimport { ErrorBoundary, type ErrorBoundaryProps } from \"../error-boundary\";\n\nexport type SuspenseWithBoundaryProps = {\n\tchildren: React.ReactNode;\n\terrorFallback?: ErrorBoundaryProps[\"fallback\"];\n\tfallback?: React.ReactNode;\n};\n\nexport function SuspenseWithBoundary(props: SuspenseWithBoundaryProps) {\n\tconst { children, errorFallback, fallback } = props;\n\n\tconst errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };\n\tconst suspenseProps = Boolean(fallback) && { fallback };\n\n\treturn (\n\t\t<ErrorBoundary {...errorBoundaryProps}>\n\t\t\t<Suspense {...suspenseProps}>{children}</Suspense>\n\t\t</ErrorBoundary>\n\t);\n}\n"],"mappings":";;;;;AASA,SAAgB,qBAAqB,OAAkC;CACtE,MAAM,EAAE,UAAU,eAAe,UAAU,GAAG;CAE9C,MAAM,qBAAqB,QAAQ,kBAAkB,EAAE,UAAU,eAAe;CAChF,MAAM,gBAAgB,QAAQ,aAAa,EAAE,UAAU;AAEvD,QACC,oBAAC;EAAc,GAAI;YAClB,oBAAC;GAAS,GAAI;GAAgB;;;AAGhC"}

package/dist/esm/switch-CCMD01Rs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-CCMD01Rs.js","names":[],"sources":["../../src/components/common/switch/switch.tsx","../../src/components/common/switch/switch-parts.ts"],"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"],"mappings":";;;;;;AAcA,MAAM,qBAAqB,OAAO;AAElC,SAAgB,WAAW,OAAoB;CAC9C,MAAM,EAAE,UAAU,QAAQ,oBAAoB,GAAG;CAEjD,MAAM,cAAc,cAAc,UAAU,eAAe;EAC1D,cAAc;EACd,0BAA0B;EAC1B;CAED,MAAM,qBAAqB,mBAAmB,UAAU;CAExD,MAAM,cAAc,mBAAmB,MAAM,UAAU;AAEtD,MAAI,UAAU,mBACb,QAAO,QAAQ,MAAM,MAAM;AAI5B,SAAO,MAAM,MAAM,SAAS;CAC5B;AAED,QAAO,eAAe;AACtB;AAOD,SAAgB,YAAmB,OAAgC;CAClE,MAAM,EAAE,UAAU,MAAM,GAAG;CAE3B,MAAM,mBAAmB,WAAW,YAAY,SAAS,QAAiB;AAE1E,QAAO;AACP;AAED,SAAgB,cAAc,EAAE,UAAyC,EAAE;AAC1E,QAAO;AACP;AACD,cAAc,aAAa,OAAO"}

package/dist/esm/teleport-DfuYOzsj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"teleport-DfuYOzsj.js","names":[],"sources":["../../src/components/common/teleport/teleport.tsx"],"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"],"mappings":";;;;;AAgBA,SAAS,SAAS,OAAoB;CACrC,MAAM,EAAE,UAAU,gBAAgB,IAAI,GAAG;CAEzC,MAAM,CAAC,iBAAiB,mBAAmB,GAAG,SAA6B;AAI3E,iBAAgB;AACf,MAAI,CAAC,GAAI;AAET,MAAI,eAAgB;EAEpB,MAAM,cAAc,SAAS,MAAM,SAAS,cAA2B,MAAM;AAE7E,iBAAe,mBAAmB;CAClC,GAAE,CAAC,IAAI,eAAe;AAEvB,iBAAgB;AACf,MAAI,CAAC,GAAI;AAET,MAAI,CAAC,eAAgB;EAErB,MAAM,cAAc,SAAS,MAAM,SAAS,cAA2B,MAAM;EAE7E,MAAM,cAAc,SAAS,cAAc;AAC3C,cAAY,MAAM,UAAU;AAE5B,eAAa,sBAAsB,gBAAgB;AAEnD,qBAAmB;AAEnB,eAAa;AACZ,eAAY;EACZ;CACD,GAAE,CAAC,IAAI,eAAe;AAIvB,QAAO,mBAAmB,aAAa,UAAU;AACjD"}

package/dist/esm/utils-ChjmDoRe.js

@@ -1,89 +0,0 @@
-import { isFunction } from "@zayne-labs/toolkit-type-helpers";
-import { Fragment, isValidElement } from "react";
-import { toArray } from "@zayne-labs/toolkit-core";
-
-//#region src/lib/utils/getSlotMap/getSlotMap.ts
-/**
-* Symbol used to identify SlotComponent instances
-*/
-const slotComponentSymbol = Symbol("slot-component");
-/**
-* @description Creates a map of named slots from React children. Returns an object mapping slot names to their children,
-* with a default slot for unmatched children.
-*
-* @example
-* ```tsx
-* import { type GetSlotComponentProps, SlotComponent } from "@zayne-labs/toolkit-react/utils"
-*
-* type SlotProps = GetSlotComponentProps<"header" | "footer">;
-*
-* function Parent({ children }: { children: React.ReactNode }) {
-*   const slots = getSlotMap<SlotProps>(children);
-*
-*   return (
-*     <div>
-*       <header>{slots.header}</header>
-*       <main>{slots.default}</main>
-*       <footer>{slots.footer}</footer>
-*     </div>
-*   );
-* }
-* ```
-*
-* Usage:
-* ```tsx
-* <Parent>
-*   <SlotComponent name="header">Header Content</SlotComponent>
-*   <div>Random stuff</div>
-*   <SlotComponent name="footer">Footer Content</SlotComponent>
-* </Parent>
-* ```
-*/
-const getSlotMap = (children) => {
-	const slots = { default: [] };
-	const isFragment = isValidElement(children) && children.type === Fragment;
-	const actualChildren = isFragment ? children.props.children : children;
-	const childrenArray = toArray(actualChildren);
-	for (const child of childrenArray) {
-		if (!isValidElement(child) || !isFunction(child.type)) {
-			slots.default.push(child);
-			continue;
-		}
-		const childType = child.type;
-		const isSlotElement = childType.slotSymbol === slotComponentSymbol && Boolean(childType.slotName ?? child.props.name);
-		if (!isSlotElement) {
-			slots.default.push(child);
-			continue;
-		}
-		const slotName = childType.slotName ?? child.props.name;
-		if (slotName === "default") {
-			slots.default.push(child);
-			continue;
-		}
-		slots[slotName] = child;
-	}
-	return slots;
-};
-/**
-* @description Creates a slot component
-*/
-const createSlotComponent = () => {
-	const SlotComponent = (props) => props.children;
-	SlotComponent.slotSymbol = slotComponentSymbol;
-	return SlotComponent;
-};
-function DefaultSlotComponent(props) {
-	return props.children;
-}
-/**
-* @description Adds a slot symbol and name to a slot component passed in
-*/
-const withSlotNameAndSymbol = (name, SlotComponent = DefaultSlotComponent) => {
-	SlotComponent.slotSymbol = slotComponentSymbol;
-	SlotComponent.slotName = name;
-	return SlotComponent;
-};
-
-//#endregion
-export { createSlotComponent, getSlotMap, slotComponentSymbol, withSlotNameAndSymbol };
-//# sourceMappingURL=utils-ChjmDoRe.js.map

package/dist/esm/utils-ChjmDoRe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-ChjmDoRe.js","names":["slots: Record<string, TSlotComponentProps[\"children\"]> & { default: React.ReactNode[] }","ReactFragment"],"sources":["../../src/lib/utils/getSlotMap/getSlotMap.ts"],"sourcesContent":["import { toArray } from \"@zayne-labs/toolkit-core\";\nimport type { InferProps } from \"@zayne-labs/toolkit-react/utils\";\nimport {\n\ttype CallbackFn,\n\ttype EmptyObject,\n\ttype Prettify,\n\ttype UnionToIntersection,\n\ttype UnknownObject,\n\tisFunction,\n} from \"@zayne-labs/toolkit-type-helpers\";\nimport { Fragment as ReactFragment, isValidElement } from \"react\";\n\ntype GetSlotName<TSlotComponentProps extends GetSlotComponentProps> =\n\tstring extends TSlotComponentProps[\"name\"]\n\t\t? never\n\t\t: \"default\" extends TSlotComponentProps[\"name\"]\n\t\t\t? never\n\t\t\t: TSlotComponentProps[\"name\"];\n\ntype GetSpecificSlotsType<TSlotComponentProps extends GetSlotComponentProps> = {\n\t// This conditional before the remapping will prevent an Indexed Record type from showing up if the props are not passed, enhancing type safety\n\t[TName in keyof TSlotComponentProps as GetSlotName<TSlotComponentProps>]: Extract<\n\t\tTSlotComponentProps[\"children\"],\n\t\tReact.ReactNode\n\t>;\n};\n\n/**\n * Maps slot names to their corresponding children types\n */\nexport type GetSlotMapResult<TSlotComponentProps extends GetSlotComponentProps> = UnionToIntersection<\n\tGetSpecificSlotsType<TSlotComponentProps>\n> & { default: React.ReactNode[] };\n\n/**\n * Symbol used to identify SlotComponent instances\n */\nexport const slotComponentSymbol = Symbol(\"slot-component\");\n\n/**\n * @description Creates a map of named slots from React children. Returns an object mapping slot names to their children,\n * with a default slot for unmatched children.\n *\n * @example\n * ```tsx\n * import { type GetSlotComponentProps, SlotComponent } from \"@zayne-labs/toolkit-react/utils\"\n *\n * type SlotProps = GetSlotComponentProps<\"header\" | \"footer\">;\n *\n * function Parent({ children }: { children: React.ReactNode }) {\n *   const slots = getSlotMap<SlotProps>(children);\n *\n *   return (\n *     <div>\n *       <header>{slots.header}</header>\n *       <main>{slots.default}</main>\n *       <footer>{slots.footer}</footer>\n *     </div>\n *   );\n * }\n * ```\n *\n * Usage:\n * ```tsx\n * <Parent>\n *   <SlotComponent name=\"header\">Header Content</SlotComponent>\n *   <div>Random stuff</div>\n *   <SlotComponent name=\"footer\">Footer Content</SlotComponent>\n * </Parent>\n * ```\n */\nexport const getSlotMap = <TSlotComponentProps extends GetSlotComponentProps>(\n\tchildren: React.ReactNode\n): Prettify<GetSlotMapResult<TSlotComponentProps>> => {\n\tconst slots: Record<string, TSlotComponentProps[\"children\"]> & { default: React.ReactNode[] } = {\n\t\tdefault: [],\n\t};\n\n\tconst isFragment = isValidElement<InferProps<HTMLElement>>(children) && children.type === ReactFragment;\n\n\tconst actualChildren = isFragment ? children.props.children : children;\n\n\tconst childrenArray = toArray<React.ReactNode>(actualChildren);\n\n\tfor (const child of childrenArray) {\n\t\tif (!isValidElement<TSlotComponentProps>(child) || !isFunction(child.type)) {\n\t\t\tslots.default.push(child);\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst childType = child.type as SlotWithNameAndSymbol;\n\n\t\tconst isSlotElement =\n\t\t\tchildType.slotSymbol === slotComponentSymbol && Boolean(childType.slotName ?? child.props.name);\n\n\t\tif (!isSlotElement) {\n\t\t\tslots.default.push(child);\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst slotName = childType.slotName ?? child.props.name;\n\n\t\tif (slotName === \"default\") {\n\t\t\tslots.default.push(child);\n\t\t\tcontinue;\n\t\t}\n\n\t\tslots[slotName] = child;\n\t}\n\n\treturn slots as GetSlotMapResult<TSlotComponentProps>;\n};\n\n/**\n * @description Produce props for the SlotComponent\n *\n * @example\n * ```ts\n * // Pattern One (slot or slots have same children type, which is just React.ReactNode by default)\n * type SlotProps = GetSlotComponentProps<\"header\" | \"content\" | \"footer\">;\n *\n * // Pattern Two (some slots can have different children type)\n * type SlotProps =  GetSlotComponentProps<\"header\", React.ReactNode> | GetSlotComponentProps<\"header\", (renderProp: RenderProp) => React.ReactNode>;\n * ```\n */\nexport type GetSlotComponentProps<\n\tTName extends string = string,\n\tTChildren extends CallbackFn<never, React.ReactNode> | React.ReactNode =\n\t\t| CallbackFn<never, React.ReactNode>\n\t\t| React.ReactNode,\n> = {\n\tchildren: TChildren;\n\t/**\n\t * Name of the slot where content should be rendered\n\t */\n\tname: TName;\n};\n\n/**\n * @description Creates a slot component\n */\nexport const createSlotComponent = <TSlotComponentProps extends GetSlotComponentProps>() => {\n\tconst SlotComponent = (props: TSlotComponentProps) => props.children as React.ReactNode;\n\n\tSlotComponent.slotSymbol = slotComponentSymbol;\n\n\treturn SlotComponent;\n};\n\ntype SlotWithNameAndSymbol<\n\tTSlotComponentProps extends GetSlotComponentProps = GetSlotComponentProps,\n\tTOtherProps extends UnknownObject = EmptyObject,\n> = {\n\t(props: Pick<TSlotComponentProps, \"children\"> & TOtherProps): React.ReactNode;\n\treadonly slotName?: TSlotComponentProps[\"name\"];\n\treadonly slotSymbol?: symbol;\n};\n\nfunction DefaultSlotComponent(props: Pick<GetSlotComponentProps, \"children\">): React.ReactNode {\n\treturn props.children as React.ReactNode;\n}\n\n/**\n * @description Adds a slot symbol and name to a slot component passed in\n */\nexport const withSlotNameAndSymbol = <\n\tTSlotComponentProps extends GetSlotComponentProps,\n\tTOtherProps extends UnknownObject = EmptyObject,\n>(\n\tname: TSlotComponentProps[\"name\"],\n\tSlotComponent: SlotWithNameAndSymbol<TSlotComponentProps, TOtherProps> = DefaultSlotComponent\n) => {\n\t/* eslint-disable no-param-reassign -- This is necessary */\n\t// @ts-expect-error -- This is necessary for the time being, to prevent type errors and accidental overrides on consumer side\n\tSlotComponent.slotSymbol = slotComponentSymbol;\n\t// @ts-expect-error -- This is necessary for the time being, to prevent type errors and accidental overrides on consumer side\n\tSlotComponent.slotName = name;\n\n\t/* eslint-enable no-param-reassign -- This is necessary */\n\n\treturn SlotComponent;\n};\n"],"mappings":";;;;;;;;AAqCA,MAAa,sBAAsB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkC1C,MAAa,cACZ,aACqD;CACrD,MAAMA,QAA0F,EAC/F,SAAS,EAAE,EACX;CAED,MAAM,aAAa,eAAwC,aAAa,SAAS,SAASC;CAE1F,MAAM,iBAAiB,aAAa,SAAS,MAAM,WAAW;CAE9D,MAAM,gBAAgB,QAAyB;AAE/C,MAAK,MAAM,SAAS,eAAe;AAClC,MAAI,CAAC,eAAoC,UAAU,CAAC,WAAW,MAAM,OAAO;AAC3E,SAAM,QAAQ,KAAK;AACnB;EACA;EAED,MAAM,YAAY,MAAM;EAExB,MAAM,gBACL,UAAU,eAAe,uBAAuB,QAAQ,UAAU,YAAY,MAAM,MAAM;AAE3F,MAAI,CAAC,eAAe;AACnB,SAAM,QAAQ,KAAK;AACnB;EACA;EAED,MAAM,WAAW,UAAU,YAAY,MAAM,MAAM;AAEnD,MAAI,aAAa,WAAW;AAC3B,SAAM,QAAQ,KAAK;AACnB;EACA;AAED,QAAM,YAAY;CAClB;AAED,QAAO;AACP;;;;AA8BD,MAAa,4BAA+E;CAC3F,MAAM,iBAAiB,UAA+B,MAAM;AAE5D,eAAc,aAAa;AAE3B,QAAO;AACP;AAWD,SAAS,qBAAqB,OAAiE;AAC9F,QAAO,MAAM;AACb;;;;AAKD,MAAa,yBAIZ,MACA,gBAAyE,yBACrE;AAGJ,eAAc,aAAa;AAE3B,eAAc,WAAW;AAIzB,QAAO;AACP"}