@zayne-labs/ui-react 0.9.16 → 0.9.18

package/dist/esm/show-BgYrfIxJ.js

@@ -0,0 +1,41 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { getMultipleSlots$1 as getMultipleSlots } from "./getSlot-BIcGgBwN.js";
+import "react";
+import { assert, isFunction } from "@zayne-labs/toolkit-type-helpers";
+
+//#region src/components/common/show/show.tsx
+function ShowRoot(props) {
+	const { children, fallback = null, when } = props;
+	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"],
+		throwOnMultipleSlotMatch: true
+	});
+	if (!when) {
+		assert(!(fallBackSlot && fallback), "The fallback prop and <Show.Fallback> cannot be used at the same time.");
+		return fallBackSlot ?? fallback;
+	}
+	return contentSlot ?? regularChildren;
+}
+function ShowContent({ children }) {
+	return children;
+}
+ShowContent.slotSymbol = Symbol("show-content");
+function ShowFallback({ children }) {
+	return children;
+}
+ShowFallback.slotSymbol = Symbol("show-fallback");
+
+//#endregion
+//#region src/components/common/show/show-parts.ts
+var show_parts_exports = {};
+__export(show_parts_exports, {
+	Content: () => ShowContent,
+	Fallback: () => ShowFallback,
+	Otherwise: () => ShowFallback,
+	Root: () => ShowRoot
+});
+
+//#endregion
+export { ShowContent, ShowFallback, ShowRoot, show_parts_exports };
+//# sourceMappingURL=show-BgYrfIxJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"show-BgYrfIxJ.js","names":["props: ShowProps<TWhen>"],"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,SAAgBA,OAAyB;CACxD,MAAM,EAAE,UAAU,WAAW,MAAM,MAAM,GAAG;CAE5C,MAAM,mBAAmB,WAAW,SAAS,GAAG,SAAS,KAAc,GAAG;CAE1E,MAAM,EACL,iBACA,OAAO,CAAC,aAAa,aAAa,EAClC,GAAG,iBAAiB,kBAAkB,CAAC,aAAa,YAAa,GAAE;EACnE,cAAc,CACb,gDACA,mEACA;EACD,0BAA0B;CAC1B,EAAC;AAEF,MAAK,MAAM;AACV,WACG,gBAAgB,WAClB,yEACA;AAED,SAAO,gBAAgB;CACvB;AAED,QAAO,eAAe;AACtB;AAED,SAAgB,YAAY,EAAE,UAAyC,EAAE;AACxE,QAAO;AACP;AACD,YAAY,aAAa,OAAO,eAAe;AAE/C,SAAgB,aAAa,EAAE,UAAyC,EAAE;AACzE,QAAO;AACP;AACD,aAAa,aAAa,OAAO,gBAAgB"}

package/dist/esm/slot-RXTKo4L7.js

@@ -0,0 +1,58 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { Children, Fragment, cloneElement, isValidElement } from "react";
+import { isArray } from "@zayne-labs/toolkit-type-helpers";
+import { jsx } from "react/jsx-runtime";
+import { composeRefs, mergeProps } from "@zayne-labs/toolkit-react/utils";
+
+//#region src/components/common/slot/slot.tsx
+function SlotSlottable({ children }) {
+	return children;
+}
+const isSlottable = (child) => {
+	return isValidElement(child) && child.type === SlotSlottable;
+};
+function SlotRoot(props) {
+	const { children,...restOfSlotProps } = props;
+	const childrenArray = isArray(children) ? children : [children];
+	const slottable = childrenArray.find((element) => isSlottable(element));
+	if (slottable) {
+		const newElement = slottable.props.children;
+		if (Children.count(newElement) > 1) return Children.only(null);
+		const newElementChildren = childrenArray.map((child) => {
+			if (child === slottable) return isValidElement(newElement) && newElement.props.children;
+			return child;
+		});
+		return /* @__PURE__ */ jsx(SlotClone, {
+			...restOfSlotProps,
+			children: isValidElement(newElement) && cloneElement(newElement, void 0, newElementChildren)
+		});
+	}
+	return /* @__PURE__ */ jsx(SlotClone, {
+		...restOfSlotProps,
+		children
+	});
+}
+function SlotClone(props) {
+	const { children, ref: forwardedRef,...restOfSlotProps } = props;
+	const resolvedChildren = isArray(children) && children.length === 1 ? children[0] : children;
+	if (!isValidElement(resolvedChildren)) return Children.count(resolvedChildren) > 1 ? Children.only(null) : null;
+	const childRef = resolvedChildren.props.ref ?? resolvedChildren.ref;
+	const mergedRef = forwardedRef ? composeRefs(forwardedRef, childRef) : childRef;
+	const clonedProps = {
+		...mergeProps(restOfSlotProps, resolvedChildren.props),
+		...resolvedChildren.type !== Fragment && { ref: mergedRef }
+	};
+	return cloneElement(resolvedChildren, clonedProps);
+}
+
+//#endregion
+//#region src/components/common/slot/slot-parts.ts
+var slot_parts_exports = {};
+__export(slot_parts_exports, {
+	Root: () => SlotRoot,
+	Slottable: () => SlotSlottable
+});
+
+//#endregion
+export { SlotRoot, SlotSlottable, slot_parts_exports };
+//# sourceMappingURL=slot-RXTKo4L7.js.map

package/dist/esm/slot-RXTKo4L7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-RXTKo4L7.js","names":["child: React.ReactNode","props: SlotProps","props: SlotCloneProps","ReactFragment"],"sources":["../../src/components/common/slot/slot.tsx","../../src/components/common/slot/slot-parts.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { type InferProps, composeRefs, mergeProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { isArray } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Children, Fragment as ReactFragment, cloneElement, isValidElement } from \"react\";\n\ntype SlotProps = InferProps<HTMLElement>;\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 * Slot\n * ----------------------------------------------------------------------------------------------- */\n\nexport function SlotRoot(props: SlotProps) {\n\tconst { children, ...restOfSlotProps } = props;\n\n\tconst childrenArray = isArray<React.ReactNode>(children) ? children : [children];\n\tconst slottable = childrenArray.find((element) => isSlottable(element));\n\n\tif (slottable) {\n\t\t// == The new element to render is the one passed as a child of `Slottable`\n\t\tconst newElement = (slottable.props as SlotProps).children;\n\n\t\tif (Children.count(newElement) > 1) {\n\t\t\treturn Children.only(null);\n\t\t}\n\n\t\tconst newElementChildren = childrenArray.map((child) => {\n\t\t\tif (child === slottable) {\n\t\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\t\treturn isValidElement<SlotProps>(newElement) && newElement.props.children;\n\t\t\t}\n\n\t\t\treturn child;\n\t\t});\n\n\t\treturn (\n\t\t\t<SlotClone {...restOfSlotProps}>\n\t\t\t\t{isValidElement(newElement) && cloneElement(newElement, undefined, newElementChildren)}\n\t\t\t</SlotClone>\n\t\t);\n\t}\n\n\treturn <SlotClone {...restOfSlotProps}>{children}</SlotClone>;\n}\n\ntype SlotCloneProps = {\n\tchildren: React.ReactNode;\n\tref?: React.RefObject<HTMLElement>;\n};\n\ntype UnknownProps = Record<string, unknown>;\n\nfunction SlotClone(props: SlotCloneProps) {\n\tconst { children, ref: forwardedRef, ...restOfSlotProps } = props;\n\n\tconst resolvedChildren = isArray(children) && children.length === 1 ? children[0] : children;\n\n\tif (!isValidElement<UnknownProps>(resolvedChildren)) {\n\t\treturn Children.count(resolvedChildren) > 1 ? Children.only(null) : null;\n\t}\n\n\tconst childRef = (resolvedChildren.props.ref\n\t\t?? (resolvedChildren as unknown as UnknownProps).ref) as React.Ref<HTMLElement>;\n\n\tconst mergedRef = forwardedRef ? composeRefs(forwardedRef, childRef) : childRef;\n\n\tconst clonedProps = {\n\t\t...mergeProps(restOfSlotProps, resolvedChildren.props),\n\t\t...(resolvedChildren.type !== ReactFragment && { ref: mergedRef }),\n\t};\n\n\treturn cloneElement(resolvedChildren, clonedProps);\n}\n","export { SlotRoot as Root, SlotSlottable as Slottable } from \"./slot\";\n"],"mappings":";;;;;;;AAYA,SAAgB,cAAc,EAAE,UAAuC,EAAE;AACxE,QAAO;AACP;AAED,MAAM,cAAc,CAACA,UAAwD;AAC5E,QAAO,eAAe,MAAM,IAAI,MAAM,SAAS;AAC/C;AAMD,SAAgB,SAASC,OAAkB;CAC1C,MAAM,EAAE,SAAU,GAAG,iBAAiB,GAAG;CAEzC,MAAM,gBAAgB,QAAyB,SAAS,GAAG,WAAW,CAAC,QAAS;CAChF,MAAM,YAAY,cAAc,KAAK,CAAC,YAAY,YAAY,QAAQ,CAAC;AAEvE,KAAI,WAAW;EAEd,MAAM,aAAc,UAAU,MAAoB;AAElD,MAAI,SAAS,MAAM,WAAW,GAAG,EAChC,QAAO,SAAS,KAAK,KAAK;EAG3B,MAAM,qBAAqB,cAAc,IAAI,CAAC,UAAU;AACvD,OAAI,UAAU,UAEb,QAAO,eAA0B,WAAW,IAAI,WAAW,MAAM;AAGlE,UAAO;EACP,EAAC;AAEF,yBACC,IAAC;GAAU,GAAI;aACb,eAAe,WAAW,IAAI,aAAa,oBAAuB,mBAAmB;IAC3E;CAEb;AAED,wBAAO,IAAC;EAAU,GAAI;EAAkB;GAAqB;AAC7D;AASD,SAAS,UAAUC,OAAuB;CACzC,MAAM,EAAE,UAAU,KAAK,aAAc,GAAG,iBAAiB,GAAG;CAE5D,MAAM,mBAAmB,QAAQ,SAAS,IAAI,SAAS,WAAW,IAAI,SAAS,KAAK;AAEpF,MAAK,eAA6B,iBAAiB,CAClD,QAAO,SAAS,MAAM,iBAAiB,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG;CAGrE,MAAM,WAAY,iBAAiB,MAAM,OACpC,iBAA6C;CAElD,MAAM,YAAY,eAAe,YAAY,cAAc,SAAS,GAAG;CAEvE,MAAM,cAAc;EACnB,GAAG,WAAW,iBAAiB,iBAAiB,MAAM;EACtD,GAAI,iBAAiB,SAASC,YAAiB,EAAE,KAAK,UAAW;CACjE;AAED,QAAO,aAAa,kBAAkB,YAAY;AAClD"}

package/dist/esm/suspense-with-boundary-TrQxYRG6.js

@@ -0,0 +1,21 @@
+import { ErrorBoundary } from "./error-boundary-B3ycUZ1t.js";
+import { Suspense } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/common/suspense-with-boundary/suspense-with-boundary.tsx
+function SuspenseWithBoundary(props) {
+	const { children, errorFallback, fallback } = props;
+	const errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };
+	const suspenseProps = Boolean(fallback) && { fallback };
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		...errorBoundaryProps,
+		children: /* @__PURE__ */ jsx(Suspense, {
+			...suspenseProps,
+			children
+		})
+	});
+}
+
+//#endregion
+export { SuspenseWithBoundary };
+//# sourceMappingURL=suspense-with-boundary-TrQxYRG6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"suspense-with-boundary-TrQxYRG6.js","names":["props: SuspenseWithBoundaryProps"],"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,qBAAqBA,OAAkC;CACtE,MAAM,EAAE,UAAU,eAAe,UAAU,GAAG;CAE9C,MAAM,qBAAqB,QAAQ,cAAc,IAAI,EAAE,UAAU,cAAe;CAChF,MAAM,gBAAgB,QAAQ,SAAS,IAAI,EAAE,SAAU;AAEvD,wBACC,IAAC;EAAc,GAAI;4BAClB,IAAC;GAAS,GAAI;GAAgB;IAAoB;GACnC;AAEjB"}

package/dist/esm/switch-PF5xTJfr.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-PF5xTJfr.js","names":["props: SwitchProps","props: SwitchMatchProps<TWhen>"],"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,gBAAgB;AAElD,SAAgB,WAAWA,OAAoB;CAC9C,MAAM,EAAE,UAAU,QAAQ,oBAAoB,GAAG;CAEjD,MAAM,cAAc,cAAc,UAAU,eAAe;EAC1D,cAAc;EACd,0BAA0B;CAC1B,EAAC;CAEF,MAAM,qBAAqB,mBAAmB,UAAU,cAAc;CAEtE,MAAM,cAAc,mBAAmB,KAAK,CAAC,UAAU;AAEtD,MAAI,UAAU,mBACb,QAAO,QAAQ,MAAM,MAAM,KAAK;AAIjC,SAAO,MAAM,MAAM,SAAS;CAC5B,EAAC;AAEF,QAAO,eAAe;AACtB;AAOD,SAAgB,YAAmBC,OAAgC;CAClE,MAAM,EAAE,UAAU,MAAM,GAAG;CAE3B,MAAM,mBAAmB,WAAW,SAAS,GAAG,SAAS,KAAc,GAAG;AAE1E,QAAO;AACP;AAED,SAAgB,cAAc,EAAE,UAAyC,EAAE;AAC1E,QAAO;AACP;AACD,cAAc,aAAa,OAAO,iBAAiB"}

package/dist/esm/teleport-dlSjWj_t.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"teleport-dlSjWj_t.js","names":["props: PortalProps"],"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,SAASA,OAAoB;CACrC,MAAM,EAAE,UAAU,gBAAgB,IAAI,GAAG;CAEzC,MAAM,CAAC,iBAAiB,mBAAmB,GAAG,SAA6B,KAAK;AAIhF,WAAU,MAAM;AACf,OAAK,GAAI;AAET,MAAI,eAAgB;EAEpB,MAAM,cAAc,SAAS,GAAG,GAAG,SAAS,cAA2B,GAAG,GAAG;AAE7E,iBAAe,mBAAmB,YAAY;CAC9C,GAAE,CAAC,IAAI,cAAe,EAAC;AAExB,WAAU,MAAM;AACf,OAAK,GAAI;AAET,OAAK,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,SAAO,MAAM;AACZ,eAAY,QAAQ;EACpB;CACD,GAAE,CAAC,IAAI,cAAe,EAAC;AAIxB,QAAO,mBAAmB,aAAa,UAAU,gBAAgB;AACjE"}

package/dist/esm/utils-D4YNWj2X.js

@@ -0,0 +1,89 @@
+import { Fragment, isValidElement } from "react";
+import { toArray } from "@zayne-labs/toolkit-core";
+import { isFunction } from "@zayne-labs/toolkit-type-helpers";
+
+//#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-D4YNWj2X.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils-D4YNWj2X.js","names":["children: React.ReactNode","slots: Record<string, TSlotComponentProps[\"children\"]> & { default: React.ReactNode[] }","ReactFragment","props: TSlotComponentProps","props: Pick<GetSlotComponentProps, \"children\">","name: TSlotComponentProps[\"name\"]","SlotComponent: SlotWithNameAndSymbol<TSlotComponentProps, TOtherProps>"],"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,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkC3D,MAAa,aAAa,CACzBA,aACqD;CACrD,MAAMC,QAA0F,EAC/F,SAAS,CAAE,EACX;CAED,MAAM,aAAa,eAAwC,SAAS,IAAI,SAAS,SAASC;CAE1F,MAAM,iBAAiB,aAAa,SAAS,MAAM,WAAW;CAE9D,MAAM,gBAAgB,QAAyB,eAAe;AAE9D,MAAK,MAAM,SAAS,eAAe;AAClC,OAAK,eAAoC,MAAM,KAAK,WAAW,MAAM,KAAK,EAAE;AAC3E,SAAM,QAAQ,KAAK,MAAM;AACzB;EACA;EAED,MAAM,YAAY,MAAM;EAExB,MAAM,gBACL,UAAU,eAAe,uBAAuB,QAAQ,UAAU,YAAY,MAAM,MAAM,KAAK;AAEhG,OAAK,eAAe;AACnB,SAAM,QAAQ,KAAK,MAAM;AACzB;EACA;EAED,MAAM,WAAW,UAAU,YAAY,MAAM,MAAM;AAEnD,MAAI,aAAa,WAAW;AAC3B,SAAM,QAAQ,KAAK,MAAM;AACzB;EACA;AAED,QAAM,YAAY;CAClB;AAED,QAAO;AACP;;;;AA8BD,MAAa,sBAAsB,MAAyD;CAC3F,MAAM,gBAAgB,CAACC,UAA+B,MAAM;AAE5D,eAAc,aAAa;AAE3B,QAAO;AACP;AAWD,SAAS,qBAAqBC,OAAiE;AAC9F,QAAO,MAAM;AACb;;;;AAKD,MAAa,wBAAwB,CAIpCC,MACAC,gBAAyE,yBACrE;AAGJ,eAAc,aAAa;AAE3B,eAAc,WAAW;AAIzB,QAAO;AACP"}

package/package.json

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

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

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

package/dist/esm/chunk-6QJYHPBL.js

@@ -1,45 +0,0 @@
-import { cnMerge } from './chunk-OHG7GB7O.js';
-import { slot_parts_exports } from './chunk-D6QZA3UT.js';
-import { __export } from './chunk-PZ5AY32C.js';
-import * as React from 'react';
-
-function CardRoot(props) {
-  const { as: Element = "article", ...restOfProps } = props;
-  return /* @__PURE__ */ React.createElement(Element, { ...restOfProps });
-}
-function CardHeader(props) {
-  const { as: Element = "header", ...restOfProps } = props;
-  return /* @__PURE__ */ React.createElement(Element, { ...restOfProps });
-}
-function CardTitle(props) {
-  const { as: Element = "h3", className, ...restOfProps } = props;
-  return /* @__PURE__ */ React.createElement(Element, { className: cnMerge("font-semibold", className), ...restOfProps });
-}
-function CardDescription(props) {
-  const { as: Element = "p", className, ...restOfProps } = props;
-  return /* @__PURE__ */ React.createElement(Element, { className: cnMerge("text-shadcn-muted-foreground text-sm", className), ...restOfProps });
-}
-function CardContent(props) {
-  const { as: Element = "div", ...restOfProps } = props;
-  return /* @__PURE__ */ React.createElement(Element, { ...restOfProps });
-}
-function CardFooter(props) {
-  const { as: Element = "footer", asChild, ...restOfProps } = props;
-  const Component = asChild ? slot_parts_exports.Root : Element;
-  return /* @__PURE__ */ React.createElement(Component, { ...restOfProps });
-}
-
-// src/components/ui/card/card-parts.ts
-var card_parts_exports = {};
-__export(card_parts_exports, {
-  Content: () => CardContent,
-  Description: () => CardDescription,
-  Footer: () => CardFooter,
-  Header: () => CardHeader,
-  Root: () => CardRoot,
-  Title: () => CardTitle
-});
-
-export { CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports };
-//# sourceMappingURL=chunk-6QJYHPBL.js.map
-//# sourceMappingURL=chunk-6QJYHPBL.js.map

package/dist/esm/chunk-6QJYHPBL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ui/card/card.tsx","../../src/components/ui/card/card-parts.ts"],"names":[],"mappings":";;;;;AAMO,SAAS,SACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEpD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,WACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,QAAU,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEnD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,UAAqD,KAAmC,EAAA;AACvG,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,MAAM,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE1D,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,SAAW,EAAA,OAAA,CAAQ,iBAAiB,SAAS,CAAA,EAAI,GAAG,WAAa,EAAA,CAAA;AAClF;AAEO,SAAS,gBACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,KAAK,SAAW,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEzD,EACC,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,SAAW,EAAA,OAAA,CAAQ,wCAAwC,SAAS,CAAA,EAAI,GAAG,WAAa,EAAA,CAAA;AAEnG;AAEO,SAAS,YACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,KAAO,EAAA,GAAG,aAAgB,GAAA,KAAA;AAEhD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAS,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AAClC;AAEO,SAAS,WACf,KACC,EAAA;AACD,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,GAAU,UAAU,OAAS,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE5D,EAAM,MAAA,SAAA,GAAY,OAAU,GAAA,kBAAA,CAAK,IAAO,GAAA,OAAA;AAExC,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA;AACpC;;;ACtDA,IAAA,kBAAA,GAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,OAAA,EAAA,MAAA,WAAA;AAAA,EAAA,WAAA,EAAA,MAAA,eAAA;AAAA,EAAA,MAAA,EAAA,MAAA,UAAA;AAAA,EAAA,MAAA,EAAA,MAAA,UAAA;AAAA,EAAA,IAAA,EAAA,MAAA,QAAA;AAAA,EAAA,KAAA,EAAA,MAAA;AAAA,CAAA,CAAA","file":"chunk-6QJYHPBL.js","sourcesContent":["import * as React from \"react\";\n\nimport { Slot } from \"@/components/common/slot\";\nimport { cnMerge } from \"@/lib/utils/cn\";\nimport type { PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\n\nexport function CardRoot<TElement extends React.ElementType = \"article\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"article\", ...restOfProps } = props;\n\n\treturn <Element {...restOfProps} />;\n}\n\nexport function CardHeader<TElement extends React.ElementType = \"header\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"header\", ...restOfProps } = props;\n\n\treturn <Element {...restOfProps} />;\n}\n\nexport function CardTitle<TElement extends React.ElementType = \"h3\">(props: PolymorphicProps<TElement>) {\n\tconst { as: Element = \"h3\", className, ...restOfProps } = props;\n\n\treturn <Element className={cnMerge(\"font-semibold\", className)} {...restOfProps} />;\n}\n\nexport function CardDescription<TElement extends React.ElementType = \"p\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"p\", className, ...restOfProps } = props;\n\n\treturn (\n\t\t<Element className={cnMerge(\"text-shadcn-muted-foreground text-sm\", className)} {...restOfProps} />\n\t);\n}\n\nexport function CardContent<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement>\n) {\n\tconst { as: Element = \"div\", ...restOfProps } = props;\n\n\treturn <Element {...restOfProps} />;\n}\n\nexport function CardFooter<TElement extends React.ElementType = \"footer\">(\n\tprops: PolymorphicProps<TElement, { asChild?: boolean }>\n) {\n\tconst { as: Element = \"footer\", asChild, ...restOfProps } = props;\n\n\tconst Component = asChild ? Slot.Root : Element;\n\n\treturn <Component {...restOfProps} />;\n}\n","export {\n\tCardContent as Content,\n\tCardDescription as Description,\n\tCardFooter as Footer,\n\tCardHeader as Header,\n\tCardRoot as Root,\n\tCardTitle as Title,\n} from \"./card\";\n"]}