@zayne-labs/ui-react 0.10.4 → 0.10.6

package/dist/esm/{index-eCX5RJ41.d.ts → index-D259PHNG.d.ts}

@@ -1,5 +1,6 @@
-import { ErrorBoundaryProps } from "./index-lKxE9WPi.js";
-import * as react0 from "react";
+import { ErrorBoundaryProps } from "./index-CJLZEhIo.js";
+import * as React from "react";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/common/suspense-with-boundary/suspense-with-boundary.d.ts
 type SuspenseWithBoundaryProps = {
@@ -7,7 +8,7 @@ type SuspenseWithBoundaryProps = {
   errorFallback?: ErrorBoundaryProps["fallback"];
   fallback?: React.ReactNode;
 };
-declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): react0.JSX.Element;
+declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { SuspenseWithBoundary, SuspenseWithBoundaryProps };
-//# sourceMappingURL=index-eCX5RJ41.d.ts.map
+//# sourceMappingURL=index-D259PHNG.d.ts.map

package/dist/esm/{index-DqutTJQB.d.ts → index-DoRAzdDN.d.ts}

@@ -1,7 +1,8 @@
+import { PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
 import { UnionDiscriminator } from "@zayne-labs/toolkit-type-helpers";
 import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { StoreApi } from "@zayne-labs/toolkit-core";
-import { PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
 
 //#region src/components/ui/carousel/types.d.ts
 type ImagesType = Array<Record<string, string>> | string[];
@@ -78,17 +79,17 @@ type OtherCarouselProps = {
 };
 //#endregion
 //#region src/components/ui/carousel/carousel.d.ts
-declare function CarouselRoot<TImages extends ImagesType, TElement extends React$1.ElementType = "div">(props: PolymorphicProps<TElement, CarouselRootProps<TImages>>): React$1.JSX.Element;
-declare function CarouselButton(props: CarouselButtonsProps): React$1.JSX.Element;
-declare function CarouselControls(props: CarouselControlProps): React$1.JSX.Element;
-declare function CarouselItemGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): React$1.JSX.Element;
-declare function CarouselItem(props: OtherCarouselProps): React$1.JSX.Element;
-declare function CarouselCaption<TElement extends React$1.ElementType = "div">(props: PolymorphicProps<TElement, OtherCarouselProps>): React$1.JSX.Element;
-declare function CarouselIndicatorGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): React$1.JSX.Element;
-declare function CarouselIndicator(props: CarouselIndicatorProps): React$1.JSX.Element;
+declare function CarouselRoot<TImages extends ImagesType, TElement extends React$1.ElementType = "div">(props: PolymorphicProps<TElement, CarouselRootProps<TImages>>): react_jsx_runtime0.JSX.Element;
+declare function CarouselButton(props: CarouselButtonsProps): react_jsx_runtime0.JSX.Element;
+declare function CarouselControls(props: CarouselControlProps): react_jsx_runtime0.JSX.Element;
+declare function CarouselItemList<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): react_jsx_runtime0.JSX.Element;
+declare function CarouselItem(props: OtherCarouselProps): react_jsx_runtime0.JSX.Element;
+declare function CarouselCaption<TElement extends React$1.ElementType = "div">(props: PolymorphicProps<TElement, OtherCarouselProps>): react_jsx_runtime0.JSX.Element;
+declare function CarouselIndicatorList<TArrayItem>(props: CarouselWrapperProps<TArrayItem>): react_jsx_runtime0.JSX.Element;
+declare function CarouselIndicator(props: CarouselIndicatorProps): react_jsx_runtime0.JSX.Element;
 declare namespace carousel_parts_d_exports {
-  export { CarouselButton as Button, CarouselCaption as Caption, CarouselControls as Controls, CarouselIndicator as Indicator, CarouselIndicatorGroup as IndicatorGroup, CarouselItem as Item, CarouselItemGroup as ItemGroup, CarouselRoot as Root };
+  export { CarouselButton as Button, CarouselCaption as Caption, CarouselControls as Controls, CarouselIndicator as Indicator, CarouselIndicatorList as IndicatorGroup, CarouselItem as Item, CarouselItemList as ItemGroup, CarouselRoot as Root };
 }
 //#endregion
-export { CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselIndicatorProps, CarouselItem, CarouselItemGroup, CarouselRoot, CarouselRootProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps, carousel_parts_d_exports };
-//# sourceMappingURL=index-DqutTJQB.d.ts.map
+export { CarouselButton, CarouselButtonsProps, CarouselCaption, CarouselControlProps, CarouselControls, CarouselIndicator, CarouselIndicatorList, CarouselIndicatorProps, CarouselItem, CarouselItemList, CarouselRoot, CarouselRootProps, CarouselStore, CarouselStoreApi, CarouselWrapperProps, ImagesType, OtherCarouselProps, carousel_parts_d_exports };
+//# sourceMappingURL=index-DoRAzdDN.d.ts.map

package/dist/esm/{index-BeDmH7lX.d.ts → index-GHA8HNcd.d.ts}

@@ -1,19 +1,20 @@
-import * as React from "react";
 import { PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
+import * as React from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/ui/card/card.d.ts
-declare function CardRoot<TElement extends React.ElementType = "article">(props: PolymorphicProps<TElement>): React.JSX.Element;
-declare function CardHeader<TElement extends React.ElementType = "header">(props: PolymorphicProps<TElement>): React.JSX.Element;
-declare function CardTitle<TElement extends React.ElementType = "h3">(props: PolymorphicProps<TElement>): React.JSX.Element;
-declare function CardDescription<TElement extends React.ElementType = "p">(props: PolymorphicProps<TElement>): React.JSX.Element;
-declare function CardContent<TElement extends React.ElementType = "div">(props: PolymorphicProps<TElement>): React.JSX.Element;
-declare function CardAction<TElement extends React.ElementType = "div">(props: PolymorphicProps<TElement>): React.JSX.Element;
+declare function CardRoot<TElement extends React.ElementType = "article">(props: PolymorphicProps<TElement>): react_jsx_runtime10.JSX.Element;
+declare function CardHeader<TElement extends React.ElementType = "header">(props: PolymorphicProps<TElement>): react_jsx_runtime10.JSX.Element;
+declare function CardTitle<TElement extends React.ElementType = "h3">(props: PolymorphicProps<TElement>): react_jsx_runtime10.JSX.Element;
+declare function CardDescription<TElement extends React.ElementType = "p">(props: PolymorphicProps<TElement>): react_jsx_runtime10.JSX.Element;
+declare function CardContent<TElement extends React.ElementType = "div">(props: PolymorphicProps<TElement>): react_jsx_runtime10.JSX.Element;
+declare function CardAction<TElement extends React.ElementType = "div">(props: PolymorphicProps<TElement>): react_jsx_runtime10.JSX.Element;
 declare function CardFooter<TElement extends React.ElementType = "footer">(props: PolymorphicProps<TElement, {
   asChild?: boolean;
-}>): React.JSX.Element;
+}>): react_jsx_runtime10.JSX.Element;
 declare namespace card_parts_d_exports {
   export { CardAction as Action, CardContent as Content, CardDescription as Description, CardFooter as Footer, CardHeader as Header, CardRoot as Root, CardTitle as Title };
 }
 //#endregion
 export { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_d_exports };
-//# sourceMappingURL=index-BeDmH7lX.d.ts.map
+//# sourceMappingURL=index-GHA8HNcd.d.ts.map

package/dist/esm/{index-CMwCQ8qR.d.ts → index-RnqeaSJm.d.ts}

@@ -1,6 +1,8 @@
+import { DiscriminatedRenderItemProps, DiscriminatedRenderProps, InferProps, PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
 import { UnionDiscriminator } from "@zayne-labs/toolkit-type-helpers";
 import * as React$1 from "react";
-import { DiscriminatedRenderItemProps, DiscriminatedRenderProps, InferProps, PolymorphicProps } from "@zayne-labs/toolkit-react/utils";
+import "@zayne-labs/toolkit-react";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { Control, ControllerFieldState, ControllerProps, ControllerRenderProps, FieldPath, FieldPathValue, FieldPathValues, RegisterOptions, UseFormReturn, UseFormStateReturn, useFormContext as useFormRootContext } from "react-hook-form";
 
 //#region src/components/ui/form/form-context.d.ts
@@ -32,11 +34,11 @@ type FieldState = {
 //#endregion
 //#region src/components/ui/form/form.d.ts
 type FieldValues = Record<string, any>;
-type FormRootProps<TFieldValues extends FieldValues> = Partial<FormRootContext> & React$1.ComponentPropsWithoutRef<"form"> & {
+type FormRootProps<TFieldValues extends FieldValues> = InferProps<"form"> & Partial<FormRootContext> & {
   children: React$1.ReactNode;
   methods: UseFormReturn<TFieldValues>;
 };
-declare function FormRoot<TValues extends FieldValues>(props: FormRootProps<TValues>): React$1.JSX.Element;
+declare function FormRoot<TValues extends FieldValues>(props: FormRootProps<TValues>): react_jsx_runtime32.JSX.Element;
 type FormFieldProps<TControl, TFieldValues extends FieldValues> = (TControl extends (Control<infer TValues>) ? {
   control?: never;
   name: FieldPath<TValues>;
@@ -50,7 +52,7 @@ type FormFieldProps<TControl, TFieldValues extends FieldValues> = (TControl exte
   className?: never;
   withWrapper: false;
 });
-declare function FormField<TControl, TFieldValues extends FieldValues = FieldValues>(props: FormFieldProps<TControl, TFieldValues>): React$1.JSX.Element;
+declare function FormField<TControl, TFieldValues extends FieldValues = FieldValues>(props: FormFieldProps<TControl, TFieldValues>): react_jsx_runtime32.JSX.Element;
 type FormFieldControllerRenderFn = (props: {
   field: Omit<ControllerRenderProps, "value"> & {
     value: never;
@@ -61,20 +63,20 @@ type FormFieldControllerRenderFn = (props: {
 type FormFieldControllerProps = Omit<ControllerProps<FieldValues, FieldPath<FieldValues>>, "control" | "name" | "render"> & {
   render: FormFieldControllerRenderFn;
 };
-declare function FormFieldController(props: FormFieldControllerProps): React$1.JSX.Element;
-declare function FormFieldControlledField<TFieldValues extends FieldValues>(props: ControllerProps<TFieldValues>): React$1.JSX.Element;
+declare function FormFieldController(props: FormFieldControllerProps): react_jsx_runtime32.JSX.Element;
+declare function FormFieldControlledField<TFieldValues extends FieldValues>(props: ControllerProps<TFieldValues>): react_jsx_runtime32.JSX.Element;
 declare function FormFieldContext(props: FormFieldContextProps): React$1.ReactNode;
-declare function FormLabel(props: InferProps<"label">): React$1.JSX.Element;
-declare function FormInputGroup(props: InferProps<"div">): React$1.JSX.Element;
+declare function FormLabel(props: InferProps<"label">): react_jsx_runtime32.JSX.Element;
+declare function FormInputGroup(props: InferProps<"div">): react_jsx_runtime32.JSX.Element;
 type FormSideItemProps = {
   children?: React$1.ReactNode;
   className?: string;
 };
-declare function FormInputLeftItem<TElement extends React$1.ElementType = "span">(props: PolymorphicProps<TElement, FormSideItemProps>): React$1.JSX.Element;
+declare function FormInputLeftItem<TElement extends React$1.ElementType = "span">(props: PolymorphicProps<TElement, FormSideItemProps>): react_jsx_runtime32.JSX.Element;
 declare namespace FormInputLeftItem {
   var slotSymbol: symbol;
 }
-declare function FormInputRightItem<TElement extends React$1.ElementType = "span">(props: PolymorphicProps<TElement, FormSideItemProps>): React$1.JSX.Element;
+declare function FormInputRightItem<TElement extends React$1.ElementType = "span">(props: PolymorphicProps<TElement, FormSideItemProps>): react_jsx_runtime32.JSX.Element;
 declare namespace FormInputRightItem {
   var slotSymbol: symbol;
 }
@@ -110,13 +112,13 @@ type FormSelectPrimitiveProps<TFieldValues extends FieldValues = FieldValues> =
 };
 declare function FormInputPrimitive<TFieldValues extends FieldValues>(props: FormInputPrimitiveProps<TFieldValues> & {
   rules?: RegisterOptions;
-}): React$1.JSX.Element;
+}): react_jsx_runtime32.JSX.Element;
 declare function FormTextAreaPrimitive<TFieldValues extends FieldValues>(props: FormTextAreaPrimitiveProps<TFieldValues> & {
   rules?: RegisterOptions;
-}): React$1.JSX.Element;
+}): react_jsx_runtime32.JSX.Element;
 declare function FormSelectPrimitive<TFieldValues extends FieldValues>(props: FormSelectPrimitiveProps<TFieldValues> & {
   rules?: RegisterOptions;
-}): React$1.JSX.Element;
+}): react_jsx_runtime32.JSX.Element;
 type PrimitivePropsToOmit = "control" | "formState" | "name";
 type FormInputProps = Omit<FormInputPrimitiveProps, PrimitivePropsToOmit> & {
   rules?: RegisterOptions;
@@ -134,10 +136,10 @@ type CombinedFormInputProps = (FormSelectProps & {
 }) | FormInputProps;
 declare function FormInput(props: CombinedFormInputProps & {
   rules?: RegisterOptions;
-}): React$1.JSX.Element;
-declare function FormTextArea(props: FormTextAreaProps): React$1.JSX.Element;
-declare function FormSelect(props: FormSelectProps): React$1.JSX.Element;
-declare function FormDescription(props: InferProps<"p">): React$1.JSX.Element;
+}): react_jsx_runtime32.JSX.Element;
+declare function FormTextArea(props: FormTextAreaProps): react_jsx_runtime32.JSX.Element;
+declare function FormSelect(props: FormSelectProps): react_jsx_runtime32.JSX.Element;
+declare function FormDescription(props: InferProps<"p">): react_jsx_runtime32.JSX.Element;
 type ErrorMessageRenderProps = {
   className: string;
   "data-index": number;
@@ -145,7 +147,6 @@ type ErrorMessageRenderProps = {
   "data-scope": "form";
   "data-slot": "form-error-message";
   id: string | undefined;
-  ref: React$1.RefCallback<HTMLElement>;
 };
 type ErrorMessageRenderState = {
   errorMessage: string;
@@ -198,11 +199,11 @@ type FormErrorMessageProps<TControl, TFieldValues extends FieldValues> = (TContr
   errorField: string;
   type: "root";
 };
-declare function FormErrorMessage<TControl, TFieldValues extends FieldValues = FieldValues>(props: FormErrorMessageProps<TControl, TFieldValues>): React$1.JSX.Element;
+declare function FormErrorMessage<TControl, TFieldValues extends FieldValues = FieldValues>(props: FormErrorMessageProps<TControl, TFieldValues>): react_jsx_runtime32.JSX.Element;
 type FormSubmitProps = InferProps<"button"> & {
   asChild?: boolean;
 };
-declare function FormSubmit<TElement extends React$1.ElementType = "button">(props: PolymorphicProps<TElement, FormSubmitProps>): React$1.JSX.Element;
+declare function FormSubmit<TElement extends React$1.ElementType = "button">(props: PolymorphicProps<TElement, FormSubmitProps>): react_jsx_runtime32.JSX.Element;
 type GetFieldValue<TFieldPathOrPaths, TFieldValues extends FieldValues> = TFieldPathOrPaths extends Array<FieldPath<TFieldValues>> ? FieldPathValues<TFieldValues, TFieldPathOrPaths> : TFieldPathOrPaths extends FieldPath<TFieldValues> ? FieldPathValue<TFieldValues, TFieldPathOrPaths> : unknown;
 type FormSubscribeToFieldValueRenderFn<TFieldValues extends FieldValues, TFieldPathOrPaths> = (props: {
   value: GetFieldValue<TFieldPathOrPaths, TFieldValues>;
@@ -223,4 +224,4 @@ declare namespace form_parts_d_exports {
 }
 //#endregion
 export { FieldValues, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, form_parts_d_exports, useFormRootContext, useStrictFormFieldContext };
-//# sourceMappingURL=index-CMwCQ8qR.d.ts.map
+//# sourceMappingURL=index-RnqeaSJm.d.ts.map

package/dist/esm/presence-CRZsP1Jk.js

@@ -0,0 +1,156 @@
+import { isFunction } from "@zayne-labs/toolkit-type-helpers";
+import { Children, cloneElement, useEffect, useLayoutEffect, useReducer, useRef, useState } from "react";
+import { useCallbackRef, useComposeRefs } from "@zayne-labs/toolkit-react";
+import { on } from "@zayne-labs/toolkit-core";
+
+//#region src/components/common/presence/use-presence.ts
+const useStateMachine = (config) => {
+	const reducer = (prevState, event) => {
+		return config.states[prevState][event] ?? prevState;
+	};
+	return useReducer(reducer, config.initial);
+};
+const getAnimationName = (styles) => styles?.animationName ?? "none";
+/**
+* React hook that provides the ability to animate the mount/unmount of a component.
+* @see https://github.com/radix-ui/primitives/blob/main/packages/react/presence/src/presence.tsx
+*/
+const usePresence = (options) => {
+	const { onExitComplete, present } = options;
+	const saveOnExitComplete = useCallbackRef(onExitComplete);
+	const [node, setNode] = useState(null);
+	const stylesRef = useRef(null);
+	const prevPresentRef = useRef(present);
+	const prevAnimationNameRef = useRef("none");
+	const [state, send] = useStateMachine({
+		initial: present ? "mounted" : "unmounted",
+		states: {
+			mounted: {
+				ANIMATION_OUT: "unmountSuspended",
+				UNMOUNT: "unmounted"
+			},
+			unmounted: { MOUNT: "mounted" },
+			unmountSuspended: {
+				ANIMATION_END: "unmounted",
+				MOUNT: "mounted"
+			}
+		}
+	});
+	useEffect(() => {
+		const currentAnimationName = getAnimationName(stylesRef.current);
+		prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+	}, [state]);
+	useLayoutEffect(() => {
+		const styles = stylesRef.current;
+		const wasPresent = prevPresentRef.current;
+		if (!(wasPresent !== present)) return;
+		const prevAnimationName = prevAnimationNameRef.current;
+		const currentAnimationName = getAnimationName(styles);
+		switch (true) {
+			case present:
+				send("MOUNT");
+				break;
+			case Boolean(node):
+				if (!(currentAnimationName !== "none" && styles?.display !== "none" || styles?.transitionProperty !== "none" && Number(styles?.transitionDuration) > 0)) {
+					send("UNMOUNT");
+					break;
+				}
+				if (!(wasPresent && prevAnimationName !== currentAnimationName)) {
+					send("UNMOUNT");
+					break;
+				}
+				send("ANIMATION_OUT");
+				break;
+			default:
+				send("UNMOUNT");
+				break;
+		}
+		prevPresentRef.current = present;
+	}, [
+		present,
+		node,
+		send
+	]);
+	useLayoutEffect(() => {
+		if (!node) {
+			send("ANIMATION_END");
+			return;
+		}
+		let timeoutId;
+		const ownerWindow = node.ownerDocument.defaultView ?? globalThis;
+		/**
+		* @description Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`
+		* event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we
+		* make sure we only trigger ANIMATION_END for the currently active animation.
+		*/
+		const handleAnimationEnd = (event) => {
+			const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
+			if (!(event.target === node && isCurrentAnimation)) return;
+			send("ANIMATION_END");
+			if (!prevPresentRef.current) {
+				const currentFillMode = node.style.animationFillMode;
+				node.style.animationFillMode = "forwards";
+				timeoutId = ownerWindow.setTimeout(() => {
+					if (node.style.animationFillMode === "forwards") node.style.animationFillMode = currentFillMode;
+				});
+			}
+		};
+		const handleTransitionEnd = (event) => {
+			if (!(event.target === node && !prevPresentRef.current)) return;
+			send("ANIMATION_END");
+		};
+		const handleAnimationStart = (event) => {
+			if (!(event.target === node)) return;
+			prevAnimationNameRef.current = getAnimationName(stylesRef.current);
+		};
+		const onAnimationStartCleanup = on("animationstart", node, handleAnimationStart);
+		const onAnimationEndCleanup = on("animationend", node, handleAnimationEnd);
+		const onAnimationCancelCleanup = on("animationcancel", node, handleAnimationEnd);
+		const onTransitionEndCleanup = on("transitionend", node, handleTransitionEnd);
+		const onTransitionCancelCleanup = on("transitioncancel", node, handleTransitionEnd);
+		return () => {
+			ownerWindow.clearTimeout(timeoutId);
+			onAnimationStartCleanup();
+			onAnimationEndCleanup();
+			onAnimationCancelCleanup();
+			onTransitionEndCleanup();
+			onTransitionCancelCleanup();
+		};
+	}, [node, send]);
+	useEffect(() => {
+		if (!(state === "unmounted" && !present)) return;
+		saveOnExitComplete();
+	}, [
+		state,
+		present,
+		saveOnExitComplete
+	]);
+	const isPresent = ["mounted", "unmountSuspended"].includes(state);
+	const ref = useCallbackRef((refNode) => {
+		refNode && (stylesRef.current = getComputedStyle(refNode));
+		setNode(refNode);
+	});
+	return {
+		isPresent,
+		ref
+	};
+};
+
+//#endregion
+//#region src/components/common/presence/presence.tsx
+function Presence(props) {
+	const { children, forceMount = isFunction(children), onExitComplete, present } = props;
+	const presence = usePresence({
+		onExitComplete,
+		present
+	});
+	const resolvedChild = isFunction(children) ? children({ isPresent: presence.isPresent }) : Children.only(children);
+	const childRef = resolvedChild?.props.ref ?? resolvedChild.ref;
+	const ref = useComposeRefs(presence.ref, childRef);
+	if (!(forceMount || presence.isPresent)) return null;
+	return resolvedChild && cloneElement(resolvedChild, { ref });
+}
+
+//#endregion
+export { Presence };
+//# sourceMappingURL=presence-CRZsP1Jk.js.map

package/dist/esm/presence-CRZsP1Jk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence-CRZsP1Jk.js","names":["timeoutId: number"],"sources":["../../src/components/common/presence/use-presence.ts","../../src/components/common/presence/presence.tsx"],"sourcesContent":["import { on } from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useEffect, useLayoutEffect, useReducer, useRef, useState } from \"react\";\n\ntype StateMachineConfig<TState extends string, TEvent extends string> = {\n\tinitial: TState;\n\tstates: Record<TState, Partial<Record<TEvent, TState>>>;\n};\n\nconst useStateMachine = <TState extends string, TEvent extends string>(\n\tconfig: StateMachineConfig<TState, TEvent>\n) => {\n\tconst reducer = (prevState: TState, event: TEvent): TState => {\n\t\tconst newState = config.states[prevState][event] ?? prevState;\n\n\t\treturn newState;\n\t};\n\n\treturn useReducer(reducer, config.initial);\n};\n\nconst getAnimationName = (styles: CSSStyleDeclaration | null) => styles?.animationName ?? \"none\";\n\nexport type UsePresenceOptions = {\n\tonExitComplete?: () => void;\n\tpresent: boolean;\n};\n\n/**\n * React hook that provides the ability to animate the mount/unmount of a component.\n * @see https://github.com/radix-ui/primitives/blob/main/packages/react/presence/src/presence.tsx\n */\n\nconst usePresence = (options: UsePresenceOptions) => {\n\tconst { onExitComplete, present } = options;\n\n\tconst saveOnExitComplete = useCallbackRef(onExitComplete);\n\n\tconst [node, setNode] = useState<HTMLElement | null>(null);\n\n\tconst stylesRef = useRef<CSSStyleDeclaration | null>(null);\n\n\tconst prevPresentRef = useRef(present);\n\tconst prevAnimationNameRef = useRef<string>(\"none\");\n\n\tconst initialState = present ? \"mounted\" : \"unmounted\";\n\n\tconst [state, send] = useStateMachine({\n\t\tinitial: initialState,\n\t\tstates: {\n\t\t\tmounted: {\n\t\t\t\tANIMATION_OUT: \"unmountSuspended\",\n\t\t\t\tUNMOUNT: \"unmounted\",\n\t\t\t},\n\t\t\tunmounted: {\n\t\t\t\tMOUNT: \"mounted\",\n\t\t\t},\n\t\t\tunmountSuspended: {\n\t\t\t\tANIMATION_END: \"unmounted\",\n\t\t\t\tMOUNT: \"mounted\",\n\t\t\t},\n\t\t},\n\t});\n\n\tuseEffect(() => {\n\t\tconst currentAnimationName = getAnimationName(stylesRef.current);\n\t\tprevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n\t}, [state]);\n\n\tuseLayoutEffect(() => {\n\t\tconst styles = stylesRef.current;\n\t\tconst wasPresent = prevPresentRef.current;\n\t\tconst hasPresentChanged = wasPresent !== present;\n\n\t\tif (!hasPresentChanged) return;\n\n\t\tconst prevAnimationName = prevAnimationNameRef.current;\n\t\tconst currentAnimationName = getAnimationName(styles);\n\n\t\tswitch (true) {\n\t\t\tcase present: {\n\t\t\t\tsend(\"MOUNT\");\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase Boolean(node): {\n\t\t\t\tconst hasAnimation =\n\t\t\t\t\t(currentAnimationName !== \"none\" && styles?.display !== \"none\")\n\t\t\t\t\t|| (styles?.transitionProperty !== \"none\" && Number(styles?.transitionDuration) > 0);\n\n\t\t\t\t/* If there is no exit animation or the element is hidden, animations won't run, so we unmount instantly */\n\t\t\t\tif (!hasAnimation) {\n\t\t\t\t\tsend(\"UNMOUNT\");\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * When `present` changes to `false`, we check changes to animation-name to\n\t\t\t\t * determine whether an animation has started. We chose this approach (reading\n\t\t\t\t * computed styles) because there is no `animationrun` event and `animationstart`\n\t\t\t\t * fires after `animation-delay` has expired which would be too late.\n\t\t\t\t */\n\n\t\t\t\tconst isAnimating = prevAnimationName !== currentAnimationName;\n\n\t\t\t\tconst isAnimatingOut = wasPresent && isAnimating;\n\n\t\t\t\tif (!isAnimatingOut) {\n\t\t\t\t\tsend(\"UNMOUNT\");\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tsend(\"ANIMATION_OUT\");\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tdefault: {\n\t\t\t\tsend(\"UNMOUNT\");\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tprevPresentRef.current = present;\n\t}, [present, node, send]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!node) {\n\t\t\t// Transition to the unmounted state if the node is removed prematurely.\n\t\t\t// We avoid doing so during cleanup as the node may change but still exist.\n\t\t\tsend(\"ANIMATION_END\");\n\t\t\treturn;\n\t\t}\n\n\t\tlet timeoutId: number;\n\n\t\tconst ownerWindow = node.ownerDocument.defaultView ?? globalThis;\n\n\t\t/**\n\t\t * @description Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`\n\t\t * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we\n\t\t * make sure we only trigger ANIMATION_END for the currently active animation.\n\t\t */\n\t\tconst handleAnimationEnd = (event: AnimationEvent) => {\n\t\t\tconst currentAnimationName = getAnimationName(stylesRef.current);\n\n\t\t\t// The event.animationName is unescaped for CSS syntax, so we need to escape it to compare with the animationName computed from the style.\n\t\t\tconst isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));\n\n\t\t\tconst isTargetAnimatingNode = event.target === node && isCurrentAnimation;\n\n\t\t\tif (!isTargetAnimatingNode) return;\n\n\t\t\t// With React 18 concurrency this update is applied a frame after the\n\t\t\t// animation ends, creating a flash of visible content. By setting the\n\t\t\t// animation fill mode to \"forwards\", we force the node to keep the\n\t\t\t// styles of the last keyframe, removing the flash.\n\n\t\t\t// Previously we flushed the update via ReactDom.flushSync, but with\n\t\t\t// exit animations this resulted in the node being removed from the\n\t\t\t// DOM before the synthetic animationEnd event was dispatched, meaning\n\t\t\t// user-provided event handlers would not be called.\n\t\t\t// https://github.com/radix-ui/primitives/pull/1849\n\t\t\tsend(\"ANIMATION_END\");\n\n\t\t\tif (!prevPresentRef.current) {\n\t\t\t\tconst currentFillMode = node.style.animationFillMode;\n\t\t\t\tnode.style.animationFillMode = \"forwards\";\n\n\t\t\t\t// Reset the style after the node had time to unmount (for cases\n\t\t\t\t// where the component chooses not to unmount). Doing this any\n\t\t\t\t// sooner than `setTimeout` (e.g. with `requestAnimationFrame`)\n\t\t\t\t// still causes a flash.\n\t\t\t\ttimeoutId = ownerWindow.setTimeout(() => {\n\t\t\t\t\tif (node.style.animationFillMode === \"forwards\") {\n\t\t\t\t\t\tnode.style.animationFillMode = currentFillMode;\n\t\t\t\t\t}\n\t\t\t\t}) as never;\n\t\t\t}\n\t\t};\n\n\t\tconst handleTransitionEnd = (event: TransitionEvent) => {\n\t\t\tconst isTargetTransitioningNode = event.target === node && !prevPresentRef.current;\n\n\t\t\tif (!isTargetTransitioningNode) return;\n\n\t\t\tsend(\"ANIMATION_END\");\n\t\t};\n\n\t\tconst handleAnimationStart = (event: AnimationEvent) => {\n\t\t\tconst isTargetAnimatingNode = event.target === node;\n\n\t\t\tif (!isTargetAnimatingNode) return;\n\n\t\t\tprevAnimationNameRef.current = getAnimationName(stylesRef.current);\n\t\t};\n\n\t\tconst onAnimationStartCleanup = on(\"animationstart\", node, handleAnimationStart);\n\t\tconst onAnimationEndCleanup = on(\"animationend\", node, handleAnimationEnd);\n\t\tconst onAnimationCancelCleanup = on(\"animationcancel\", node, handleAnimationEnd);\n\t\tconst onTransitionEndCleanup = on(\"transitionend\", node, handleTransitionEnd);\n\t\tconst onTransitionCancelCleanup = on(\"transitioncancel\", node, handleTransitionEnd);\n\n\t\treturn () => {\n\t\t\townerWindow.clearTimeout(timeoutId);\n\t\t\tonAnimationStartCleanup();\n\t\t\tonAnimationEndCleanup();\n\t\t\tonAnimationCancelCleanup();\n\t\t\tonTransitionEndCleanup();\n\t\t\tonTransitionCancelCleanup();\n\t\t};\n\t}, [node, send]);\n\n\tuseEffect(() => {\n\t\tconst isExitCompleted = state === \"unmounted\" && !present;\n\n\t\tif (!isExitCompleted) return;\n\n\t\tsaveOnExitComplete();\n\t}, [state, present, saveOnExitComplete]);\n\n\tconst isPresent = ([\"mounted\", \"unmountSuspended\"] satisfies Array<typeof state>).includes(state);\n\n\tconst ref = useCallbackRef((refNode: HTMLElement | null) => {\n\t\trefNode && (stylesRef.current = getComputedStyle(refNode));\n\t\tsetNode(refNode);\n\t});\n\n\treturn {\n\t\tisPresent,\n\t\tref,\n\t};\n};\n\nexport { usePresence };\n","\"use client\";\n\nimport { useComposeRefs } from \"@zayne-labs/toolkit-react\";\nimport { isFunction, type UnknownObject } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\nimport { Children, cloneElement } from \"react\";\nimport { type UsePresenceOptions, usePresence } from \"./use-presence\";\n\ntype RefProp = { ref?: React.Ref<HTMLElement> };\n\ntype PresenceProps = UsePresenceOptions & {\n\tchildren?:\n\t\t| React.ReactElement<RefProp>\n\t\t| ((props: { isPresent: boolean }) => React.ReactElement<RefProp>);\n\tforceMount?: boolean;\n};\n\nfunction Presence(props: PresenceProps) {\n\tconst { children, forceMount = isFunction(children), onExitComplete, present } = props;\n\n\tconst presence = usePresence({ onExitComplete, present });\n\n\tconst resolvedChild =\n\t\tisFunction(children) ? children({ isPresent: presence.isPresent }) : Children.only(children);\n\n\tconst childRef = (resolvedChild?.props.ref\n\t\t?? (resolvedChild as unknown as UnknownObject).ref) as React.Ref<HTMLElement>;\n\n\tconst ref = useComposeRefs(presence.ref, childRef);\n\n\tconst shouldRender = forceMount || presence.isPresent;\n\n\tif (!shouldRender) {\n\t\treturn null;\n\t}\n\n\treturn resolvedChild && cloneElement(resolvedChild, { ref });\n}\n\nexport { Presence };\n"],"mappings":"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"}

package/dist/esm/{show-BabiXbf7.js → show-N1ZXBhoA.js}

@@ -1,11 +1,19 @@
-import { __export } from "./chunk-Cl8Af3a2.js";
-import { getMultipleSlots } from "./getSlot-Cf5ON6lE.js";
+import { __export } from "./chunk-CTAAG5j7.js";
+import { getMultipleSlots, getSingleSlot } from "@zayne-labs/toolkit-react/utils";
 import { assert, isFunction } from "@zayne-labs/toolkit-type-helpers";
 import "react";
+import { toArray } from "@zayne-labs/toolkit-core";
 
 //#region src/components/common/show/show.tsx
 function ShowRoot(props) {
-	const { children, fallback = null, when } = props;
+	const { children, control = "root", fallback = null, when } = props;
+	if (control === "content" && !isFunction(children)) {
+		const childrenArray = toArray(children);
+		const foundContentSlot = childrenArray.find((child) => Boolean(child.props.when));
+		const fallBackSlot$1 = getSingleSlot(childrenArray, ShowFallback);
+		assert(!(fallBackSlot$1 && fallback), "The fallback prop and <Show.Fallback> cannot be used at the same time.");
+		return foundContentSlot ?? fallBackSlot$1 ?? fallback;
+	}
 	const resolvedChildren = isFunction(children) ? children(when) : children;
 	const { regularChildren, slots: [contentSlot, fallBackSlot] } = getMultipleSlots(resolvedChildren, [ShowContent, ShowFallback], {
 		errorMessage: ["Only one <Show.Content> component is allowed", "Only one <Show.Fallback> or <Show.OtherWise> component is allowed"],
@@ -17,19 +25,20 @@ function ShowRoot(props) {
 	}
 	return contentSlot ?? regularChildren;
 }
-function ShowContent({ children }) {
-	return children;
+function ShowContent(props) {
+	const { children, when } = props;
+	return isFunction(children) ? children(when) : children;
 }
 ShowContent.slotSymbol = Symbol("show-content");
-function ShowFallback({ children }) {
+function ShowFallback(props) {
+	const { children } = props;
 	return children;
 }
 ShowFallback.slotSymbol = Symbol("show-fallback");
 
 //#endregion
 //#region src/components/common/show/show-parts.ts
-var show_parts_exports = {};
-__export(show_parts_exports, {
+var show_parts_exports = __export({
 	Content: () => ShowContent,
 	Fallback: () => ShowFallback,
 	Otherwise: () => ShowFallback,
@@ -38,4 +47,4 @@ __export(show_parts_exports, {
 
 //#endregion
 export { ShowContent, ShowFallback, ShowRoot, show_parts_exports };
-//# sourceMappingURL=show-BabiXbf7.js.map
+//# sourceMappingURL=show-N1ZXBhoA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"show-N1ZXBhoA.js","names":["fallBackSlot"],"sources":["../../src/components/common/show/show.tsx","../../src/components/common/show/show-parts.ts"],"sourcesContent":["\"use client\";\n\nimport { toArray } from \"@zayne-labs/toolkit-core\";\nimport { getMultipleSlots, getSingleSlot } from \"@zayne-labs/toolkit-react/utils\";\nimport { assert, isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\n\ntype ShowProps<TWhen> =\n\t| {\n\t\t\tchildren: React.ReactNode;\n\t\t\tcontrol: \"content\";\n\t\t\tfallback?: React.ReactNode;\n\t\t\twhen?: never;\n\t  }\n\t| {\n\t\t\tchildren: React.ReactNode | ((value: TWhen) => React.ReactNode);\n\t\t\tcontrol?: \"root\";\n\t\t\tfallback?: React.ReactNode;\n\t\t\twhen: false | TWhen | null | undefined;\n\t  };\n\nexport function ShowRoot<TWhen>(props: ShowProps<TWhen>) {\n\tconst { children, control = \"root\", fallback = null, when } = props;\n\n\tif (control === \"content\" && !isFunction(children)) {\n\t\tconst childrenArray = toArray(children) as Array<React.ReactElement<ShowContentProps<TWhen>>>;\n\n\t\tconst foundContentSlot = childrenArray.find((child) => Boolean(child.props.when));\n\n\t\tconst fallBackSlot = getSingleSlot(childrenArray, ShowFallback);\n\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 foundContentSlot ?? fallBackSlot ?? fallback;\n\t}\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\ntype ShowContentProps<TWhen> = Pick<ShowProps<TWhen>, \"children\" | \"when\">;\n\nexport function ShowContent<TWhen>(props: ShowContentProps<TWhen>) {\n\tconst { children, when } = props;\n\n\tconst resolvedChildren = isFunction(children) ? children(when as TWhen) : children;\n\n\treturn resolvedChildren;\n}\n\nShowContent.slotSymbol = Symbol(\"show-content\");\n\nexport function ShowFallback(props: { children: React.ReactNode }) {\n\tconst { children } = props;\n\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":";;;;;;;AAqBA,SAAgB,SAAgB,OAAyB;CACxD,MAAM,EAAE,UAAU,UAAU,QAAQ,WAAW,MAAM,SAAS;AAE9D,KAAI,YAAY,aAAa,CAAC,WAAW,SAAS,EAAE;EACnD,MAAM,gBAAgB,QAAQ,SAAS;EAEvC,MAAM,mBAAmB,cAAc,MAAM,UAAU,QAAQ,MAAM,MAAM,KAAK,CAAC;EAEjF,MAAMA,iBAAe,cAAc,eAAe,aAAa;AAE/D,SACC,EAAEA,kBAAgB,WAClB,yEACA;AAED,SAAO,oBAAoBA,kBAAgB;;CAG5C,MAAM,mBAAmB,WAAW,SAAS,GAAG,SAAS,KAAc,GAAG;CAE1E,MAAM,EACL,iBACA,OAAO,CAAC,aAAa,kBAClB,iBAAiB,kBAAkB,CAAC,aAAa,aAAa,EAAE;EACnE,cAAc,CACb,gDACA,oEACA;EACD,0BAA0B;EAC1B,CAAC;AAEF,KAAI,CAAC,MAAM;AACV,SACC,EAAE,gBAAgB,WAClB,yEACA;AAED,SAAO,gBAAgB;;AAGxB,QAAO,eAAe;;AAKvB,SAAgB,YAAmB,OAAgC;CAClE,MAAM,EAAE,UAAU,SAAS;AAI3B,QAFyB,WAAW,SAAS,GAAG,SAAS,KAAc,GAAG;;AAK3E,YAAY,aAAa,OAAO,eAAe;AAE/C,SAAgB,aAAa,OAAsC;CAClE,MAAM,EAAE,aAAa;AAErB,QAAO;;AAER,aAAa,aAAa,OAAO,gBAAgB"}

package/dist/esm/{slot-D1062oA5.js → slot-WVWfOlr3.js}

@@ -1,8 +1,8 @@
-import { __export } from "./chunk-Cl8Af3a2.js";
+import { __export } from "./chunk-CTAAG5j7.js";
+import { composeRefs, mergeProps } from "@zayne-labs/toolkit-react/utils";
 import { isArray } from "@zayne-labs/toolkit-type-helpers";
 import { Children, Fragment, cloneElement, isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
-import { composeRefs, mergeProps } from "@zayne-labs/toolkit-react/utils";
 
 //#region src/components/common/slot/slot.tsx
 function SlotRoot(props) {
@@ -34,7 +34,7 @@ const isSlottable = (child) => {
 };
 function SlotClone(props) {
 	const { children, ref: forwardedRef,...restOfSlotProps } = props;
-	const resolvedChild = isArray(children) && children.length === 1 ? children[0] : children;
+	const resolvedChild = Children.only(children);
 	if (!isValidElement(resolvedChild)) return null;
 	if (Children.count(resolvedChild) > 1) return Children.only(null);
 	const childRef = resolvedChild.props.ref ?? resolvedChild.ref;
@@ -48,12 +48,11 @@ function SlotClone(props) {
 
 //#endregion
 //#region src/components/common/slot/slot-parts.ts
-var slot_parts_exports = {};
-__export(slot_parts_exports, {
+var slot_parts_exports = __export({
 	Root: () => SlotRoot,
 	Slottable: () => SlotSlottable
 });
 
 //#endregion
 export { SlotRoot, SlotSlottable, slot_parts_exports };
-//# sourceMappingURL=slot-D1062oA5.js.map
+//# sourceMappingURL=slot-WVWfOlr3.js.map

package/dist/esm/{slot-D1062oA5.js.map → slot-WVWfOlr3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"slot-D1062oA5.js","names":["ReactFragment"],"sources":["../../src/components/common/slot/slot.tsx","../../src/components/common/slot/slot-parts.ts"],"sourcesContent":["import { composeRefs, type InferProps, mergeProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray, type UnknownObject } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\nimport { Children, cloneElement, isValidElement, Fragment as ReactFragment } from \"react\";\n\ntype SlotProps = InferProps<HTMLElement>;\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * ----------------------------------------------------------------------------------------------- */\n\nexport function SlotRoot(props: SlotProps) {\n\tconst { children, ...restOfSlotProps } = props;\n\n\tconst childrenArray = isArray<React.ReactNode>(children) ? children : [children];\n\n\tconst slottable = childrenArray.find((element) => isSlottable(element));\n\n\tif (!slottable) {\n\t\treturn <SlotClone {...restOfSlotProps}>{children}</SlotClone>;\n\t}\n\n\tif (!isValidElement<SlotProps>(slottable)) {\n\t\treturn null;\n\t}\n\n\t// == The new element to render is the one passed as a child of `Slot.Slottable`\n\tconst newElement = slottable.props.children;\n\n\tif (!isValidElement(newElement)) {\n\t\treturn null;\n\t}\n\n\tif (Children.count(newElement) > 1) {\n\t\treturn Children.only(null);\n\t}\n\n\tconst newChildren = childrenArray.map((child) => {\n\t\tif (child === slottable) {\n\t\t\t// == Because the new element will be the one rendered, we are only interested in grabbing its children (`newElement.props.children`)\n\t\t\treturn (newElement.props as SlotProps).children;\n\t\t}\n\n\t\treturn child;\n\t});\n\n\treturn <SlotClone {...restOfSlotProps}>{cloneElement(newElement, undefined, newChildren)}</SlotClone>;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * ----------------------------------------------------------------------------------------------- */\n\nexport function SlotSlottable({ children }: Pick<SlotProps, \"children\">) {\n\treturn children;\n}\n\nconst isSlottable = (child: React.ReactNode): child is React.ReactElement => {\n\treturn isValidElement(child) && child.type === SlotSlottable;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * ----------------------------------------------------------------------------------------------- */\ntype SlotCloneProps = {\n\tchildren: React.ReactNode;\n\tref?: React.RefObject<HTMLElement>;\n};\n\nfunction SlotClone(props: SlotCloneProps) {\n\tconst { children, ref: forwardedRef, ...restOfSlotProps } = props;\n\n\tconst resolvedChild = isArray(children) && children.length === 1 ? children[0] : children;\n\n\tif (!isValidElement<UnknownObject>(resolvedChild)) {\n\t\treturn null;\n\t}\n\n\tif (Children.count(resolvedChild) > 1) {\n\t\treturn Children.only(null);\n\t}\n\n\tconst childRef = (resolvedChild.props.ref\n\t\t?? (resolvedChild as unknown as UnknownObject).ref) as React.Ref<HTMLElement>;\n\n\tconst ref = forwardedRef ? composeRefs(forwardedRef, childRef) : childRef;\n\n\tconst clonedProps = {\n\t\t...mergeProps(restOfSlotProps, resolvedChild.props),\n\t\t...(resolvedChild.type !== ReactFragment && { ref }),\n\t};\n\n\treturn cloneElement(resolvedChild, clonedProps);\n}\n","export { SlotRoot as Root, SlotSlottable as Slottable } from \"./slot\";\n"],"mappings":";;;;;;;AAWA,SAAgB,SAAS,OAAkB;CAC1C,MAAM,EAAE,SAAU,GAAG,iBAAiB,GAAG;CAEzC,MAAM,gBAAgB,QAAyB,YAAY,WAAW,CAAC,SAAS;CAEhF,MAAM,YAAY,cAAc,MAAM,YAAY,YAAY;AAE9D,KAAI,CAAC,UACJ,QAAO,oBAAC;EAAU,GAAI;EAAkB;;AAGzC,KAAI,CAAC,eAA0B,WAC9B,QAAO;CAIR,MAAM,aAAa,UAAU,MAAM;AAEnC,KAAI,CAAC,eAAe,YACnB,QAAO;AAGR,KAAI,SAAS,MAAM,cAAc,EAChC,QAAO,SAAS,KAAK;CAGtB,MAAM,cAAc,cAAc,KAAK,UAAU;AAChD,MAAI,UAAU,UAEb,QAAQ,WAAW,MAAoB;AAGxC,SAAO;CACP;AAED,QAAO,oBAAC;EAAU,GAAI;YAAkB,aAAa,YAAY,QAAW;;AAC5E;AAMD,SAAgB,cAAc,EAAE,UAAuC,EAAE;AACxE,QAAO;AACP;AAED,MAAM,eAAe,UAAwD;AAC5E,QAAO,eAAe,UAAU,MAAM,SAAS;AAC/C;AAUD,SAAS,UAAU,OAAuB;CACzC,MAAM,EAAE,UAAU,KAAK,aAAc,GAAG,iBAAiB,GAAG;CAE5D,MAAM,gBAAgB,QAAQ,aAAa,SAAS,WAAW,IAAI,SAAS,KAAK;AAEjF,KAAI,CAAC,eAA8B,eAClC,QAAO;AAGR,KAAI,SAAS,MAAM,iBAAiB,EACnC,QAAO,SAAS,KAAK;CAGtB,MAAM,WAAY,cAAc,MAAM,OACjC,cAA2C;CAEhD,MAAM,MAAM,eAAe,YAAY,cAAc,YAAY;CAEjE,MAAM,cAAc;EACnB,GAAG,WAAW,iBAAiB,cAAc;EAC7C,GAAI,cAAc,SAASA,YAAiB,EAAE,KAAK;EACnD;AAED,QAAO,aAAa,eAAe;AACnC"}
+{"version":3,"file":"slot-WVWfOlr3.js","names":["ReactFragment"],"sources":["../../src/components/common/slot/slot.tsx","../../src/components/common/slot/slot-parts.ts"],"sourcesContent":["import { composeRefs, type InferProps, mergeProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray, type UnknownObject } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\nimport { Children, cloneElement, isValidElement, Fragment as ReactFragment } from \"react\";\n\ntype SlotProps = InferProps<HTMLElement>;\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * ----------------------------------------------------------------------------------------------- */\n\nexport function SlotRoot(props: SlotProps) {\n\tconst { children, ...restOfSlotProps } = props;\n\n\tconst childrenArray = isArray<React.ReactNode>(children) ? children : [children];\n\n\tconst slottable = childrenArray.find((element) => isSlottable(element));\n\n\tif (!slottable) {\n\t\treturn <SlotClone {...restOfSlotProps}>{children}</SlotClone>;\n\t}\n\n\tif (!isValidElement<SlotProps>(slottable)) {\n\t\treturn null;\n\t}\n\n\t// == The new element to render is the one passed as a child of `Slot.Slottable`\n\tconst newElement = slottable.props.children;\n\n\tif (!isValidElement(newElement)) {\n\t\treturn null;\n\t}\n\n\tif (Children.count(newElement) > 1) {\n\t\treturn Children.only(null);\n\t}\n\n\tconst newChildren = childrenArray.map((child) => {\n\t\tif (child === slottable) {\n\t\t\t// == Because the new element will be the one rendered, we are only interested in grabbing its children (`newElement.props.children`)\n\t\t\treturn (newElement.props as SlotProps).children;\n\t\t}\n\n\t\treturn child;\n\t});\n\n\treturn <SlotClone {...restOfSlotProps}>{cloneElement(newElement, undefined, newChildren)}</SlotClone>;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * ----------------------------------------------------------------------------------------------- */\n\nexport function SlotSlottable({ children }: Pick<SlotProps, \"children\">) {\n\treturn children;\n}\n\nconst isSlottable = (child: React.ReactNode): child is React.ReactElement => {\n\treturn isValidElement(child) && child.type === SlotSlottable;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * ----------------------------------------------------------------------------------------------- */\ntype SlotCloneProps = {\n\tchildren: React.ReactNode;\n\tref?: React.RefObject<HTMLElement>;\n};\n\nfunction SlotClone(props: SlotCloneProps) {\n\tconst { children, ref: forwardedRef, ...restOfSlotProps } = props;\n\n\tconst resolvedChild = Children.only(children);\n\n\tif (!isValidElement<UnknownObject>(resolvedChild)) {\n\t\treturn null;\n\t}\n\n\tif (Children.count(resolvedChild) > 1) {\n\t\treturn Children.only(null);\n\t}\n\n\tconst childRef = (resolvedChild.props.ref\n\t\t?? (resolvedChild as unknown as UnknownObject).ref) as React.Ref<HTMLElement>;\n\n\tconst ref = forwardedRef ? composeRefs(forwardedRef, childRef) : childRef;\n\n\tconst clonedProps = {\n\t\t...mergeProps(restOfSlotProps, resolvedChild.props),\n\t\t...(resolvedChild.type !== ReactFragment && { ref }),\n\t};\n\n\treturn cloneElement(resolvedChild, clonedProps);\n}\n","export { SlotRoot as Root, SlotSlottable as Slottable } from \"./slot\";\n"],"mappings":";;;;;;;AAWA,SAAgB,SAAS,OAAkB;CAC1C,MAAM,EAAE,SAAU,GAAG,oBAAoB;CAEzC,MAAM,gBAAgB,QAAyB,SAAS,GAAG,WAAW,CAAC,SAAS;CAEhF,MAAM,YAAY,cAAc,MAAM,YAAY,YAAY,QAAQ,CAAC;AAEvE,KAAI,CAAC,UACJ,QAAO,oBAAC;EAAU,GAAI;EAAkB;GAAqB;AAG9D,KAAI,CAAC,eAA0B,UAAU,CACxC,QAAO;CAIR,MAAM,aAAa,UAAU,MAAM;AAEnC,KAAI,CAAC,eAAe,WAAW,CAC9B,QAAO;AAGR,KAAI,SAAS,MAAM,WAAW,GAAG,EAChC,QAAO,SAAS,KAAK,KAAK;CAG3B,MAAM,cAAc,cAAc,KAAK,UAAU;AAChD,MAAI,UAAU,UAEb,QAAQ,WAAW,MAAoB;AAGxC,SAAO;GACN;AAEF,QAAO,oBAAC;EAAU,GAAI;YAAkB,aAAa,YAAY,QAAW,YAAY;GAAa;;AAOtG,SAAgB,cAAc,EAAE,YAAyC;AACxE,QAAO;;AAGR,MAAM,eAAe,UAAwD;AAC5E,QAAO,eAAe,MAAM,IAAI,MAAM,SAAS;;AAWhD,SAAS,UAAU,OAAuB;CACzC,MAAM,EAAE,UAAU,KAAK,aAAc,GAAG,oBAAoB;CAE5D,MAAM,gBAAgB,SAAS,KAAK,SAAS;AAE7C,KAAI,CAAC,eAA8B,cAAc,CAChD,QAAO;AAGR,KAAI,SAAS,MAAM,cAAc,GAAG,EACnC,QAAO,SAAS,KAAK,KAAK;CAG3B,MAAM,WAAY,cAAc,MAAM,OACjC,cAA2C;CAEhD,MAAM,MAAM,eAAe,YAAY,cAAc,SAAS,GAAG;CAEjE,MAAM,cAAc;EACnB,GAAG,WAAW,iBAAiB,cAAc,MAAM;EACnD,GAAI,cAAc,SAASA,YAAiB,EAAE,KAAK;EACnD;AAED,QAAO,aAAa,eAAe,YAAY"}

package/dist/esm/{suspense-with-boundary-CEVORL8K.js → suspense-with-boundary-D-1NYDV4.js}

@@ -1,4 +1,4 @@
-import { ErrorBoundary } from "./error-boundary-xM9An3gz.js";
+import { ErrorBoundary } from "./error-boundary-y9Samt_s.js";
 import { Suspense } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -18,4 +18,4 @@ function SuspenseWithBoundary(props) {
 
 //#endregion
 export { SuspenseWithBoundary };
-//# sourceMappingURL=suspense-with-boundary-CEVORL8K.js.map
+//# sourceMappingURL=suspense-with-boundary-D-1NYDV4.js.map

package/dist/esm/suspense-with-boundary-D-1NYDV4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suspense-with-boundary-D-1NYDV4.js","names":[],"sources":["../../src/components/common/suspense-with-boundary/suspense-with-boundary.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { 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":";;;;;AAUA,SAAgB,qBAAqB,OAAkC;CACtE,MAAM,EAAE,UAAU,eAAe,aAAa;CAE9C,MAAM,qBAAqB,QAAQ,cAAc,IAAI,EAAE,UAAU,eAAe;CAChF,MAAM,gBAAgB,QAAQ,SAAS,IAAI,EAAE,UAAU;AAEvD,QACC,oBAAC;EAAc,GAAI;YAClB,oBAAC;GAAS,GAAI;GAAgB;IAAoB;GACnC"}

package/dist/esm/{switch-CCMD01Rs.js → switch-Ch22z21e.js}

@@ -1,5 +1,5 @@
-import { __export } from "./chunk-Cl8Af3a2.js";
-import { getRegularChildren, getSingleSlot } from "./getSlot-Cf5ON6lE.js";
+import { __export } from "./chunk-CTAAG5j7.js";
+import { getRegularChildren, getSingleSlot } from "@zayne-labs/toolkit-react/utils";
 import { isFunction } from "@zayne-labs/toolkit-type-helpers";
 import "react";
 
@@ -11,17 +11,14 @@ function SwitchRoot(props) {
 		errorMessage: "Only one <Switch.Default> component is allowed",
 		throwOnMultipleSlotMatch: true
 	});
-	const childrenCasesArray = getRegularChildren(children, SwitchDefault);
-	const matchedCase = childrenCasesArray.find((child) => {
+	return getRegularChildren(children, SwitchDefault).find((child) => {
 		if (value === defaultValueSymbol) return Boolean(child.props.when);
 		return child.props.when === value;
-	});
-	return matchedCase ?? defaultCase;
+	}) ?? defaultCase;
 }
 function SwitchMatch(props) {
 	const { children, when } = props;
-	const resolvedChildren = isFunction(children) ? children(when) : children;
-	return resolvedChildren;
+	return isFunction(children) ? children(when) : children;
 }
 function SwitchDefault({ children }) {
 	return children;
@@ -30,8 +27,7 @@ SwitchDefault.slotSymbol = Symbol("switch-default");
 
 //#endregion
 //#region src/components/common/switch/switch-parts.ts
-var switch_parts_exports = {};
-__export(switch_parts_exports, {
+var switch_parts_exports = __export({
 	Default: () => SwitchDefault,
 	Match: () => SwitchMatch,
 	Root: () => SwitchRoot
@@ -39,4 +35,4 @@ __export(switch_parts_exports, {
 
 //#endregion
 export { SwitchDefault, SwitchMatch, SwitchRoot, switch_parts_exports };
-//# sourceMappingURL=switch-CCMD01Rs.js.map
+//# sourceMappingURL=switch-Ch22z21e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-Ch22z21e.js","names":[],"sources":["../../src/components/common/switch/switch.tsx","../../src/components/common/switch/switch-parts.ts"],"sourcesContent":["\"use client\";\n\nimport { getRegularChildren, getSingleSlot } from \"@zayne-labs/toolkit-react/utils\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\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":";;;;;;AAaA,MAAM,qBAAqB,OAAO,gBAAgB;AAElD,SAAgB,WAAW,OAAoB;CAC9C,MAAM,EAAE,UAAU,QAAQ,uBAAuB;CAEjD,MAAM,cAAc,cAAc,UAAU,eAAe;EAC1D,cAAc;EACd,0BAA0B;EAC1B,CAAC;AAcF,QAZ2B,mBAAmB,UAAU,cAAc,CAE/B,MAAM,UAAU;AAEtD,MAAI,UAAU,mBACb,QAAO,QAAQ,MAAM,MAAM,KAAK;AAIjC,SAAO,MAAM,MAAM,SAAS;GAC3B,IAEoB;;AAQvB,SAAgB,YAAmB,OAAgC;CAClE,MAAM,EAAE,UAAU,SAAS;AAI3B,QAFyB,WAAW,SAAS,GAAG,SAAS,KAAc,GAAG;;AAK3E,SAAgB,cAAc,EAAE,YAA2C;AAC1E,QAAO;;AAER,cAAc,aAAa,OAAO,iBAAiB"}

package/dist/esm/{teleport-DfuYOzsj.js → teleport-C8TzRm4M.js}

@@ -29,4 +29,4 @@ function Teleport(props) {
 
 //#endregion
 export { Teleport };
-//# sourceMappingURL=teleport-DfuYOzsj.js.map
+//# sourceMappingURL=teleport-C8TzRm4M.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"teleport-C8TzRm4M.js","names":[],"sources":["../../src/components/common/teleport/teleport.tsx"],"sourcesContent":["\"use client\";\n\nimport { type AnyString, isString } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\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":";;;;;AAeA,SAAS,SAAS,OAAoB;CACrC,MAAM,EAAE,UAAU,gBAAgB,OAAO;CAEzC,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B,KAAK;AAIhF,iBAAgB;AACf,MAAI,CAAC,GAAI;AAET,MAAI,eAAgB;EAEpB,MAAM,cAAc,SAAS,GAAG,GAAG,SAAS,cAA2B,GAAG,GAAG;AAE7E,iBAAe,mBAAmB,YAAY;IAC5C,CAAC,IAAI,eAAe,CAAC;AAExB,iBAAgB;AACf,MAAI,CAAC,GAAI;AAET,MAAI,CAAC,eAAgB;EAErB,MAAM,cAAc,SAAS,GAAG,GAAG,SAAS,cAA2B,GAAG,GAAG;EAE7E,MAAM,cAAc,SAAS,cAAc,MAAM;AACjD,cAAY,MAAM,UAAU;AAE5B,eAAa,sBAAsB,gBAAgB,YAAY;AAE/D,qBAAmB,YAAY;AAE/B,eAAa;AACZ,eAAY,QAAQ;;IAEnB,CAAC,IAAI,eAAe,CAAC;AAIxB,QAAO,mBAAmB,aAAa,UAAU,gBAAgB"}

package/dist/esm/{components/ui → ui}/card/index.d.ts

@@ -1,2 +1,2 @@
-import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_d_exports } from "../../../index-BeDmH7lX.js";
+import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_d_exports } from "../../index-GHA8HNcd.js";
 export { card_parts_d_exports as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle };