@zayne-labs/ui-react 0.9.16 → 0.9.17

package/dist/esm/await-Fe4LFRKd.js

@@ -0,0 +1,89 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { getSlotMap, withSlotNameAndSymbol } from "./utils-D4YNWj2X.js";
+import { ErrorBoundary, useErrorBoundaryContext } from "./error-boundary-B3ycUZ1t.js";
+import { SlotRoot } from "./slot-RXTKo4L7.js";
+import { Fragment, Suspense, use, useMemo } from "react";
+import { isFunction } from "@zayne-labs/toolkit-type-helpers";
+import { createCustomContext } from "@zayne-labs/toolkit-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/common/await/await-context.ts
+const [AwaitContextProvider, useAwaitContextImpl] = createCustomContext({
+	hookName: "useAwaitContext",
+	name: "AwaitContext",
+	providerName: "AwaitInner"
+});
+const useAwaitContext = () => useAwaitContextImpl();
+
+//#endregion
+//#region src/components/common/await/await.tsx
+function AwaitRoot(props) {
+	const { children, errorFallback, fallback, wrapperVariant = "all",...restOfProps } = props;
+	const withErrorBoundary = wrapperVariant === "all" || wrapperVariant === "only-errorBoundary";
+	const withSuspense = wrapperVariant === "all" || wrapperVariant === "only-suspense";
+	const WithErrorBoundary = withErrorBoundary ? ErrorBoundary : Fragment;
+	const WithSuspense = withSuspense ? Suspense : Fragment;
+	const slots = !isFunction(children) ? getSlotMap(children) : { default: children };
+	const selectedPendingFallback = slots.pending ?? fallback;
+	const selectedErrorFallback = slots.error ?? errorFallback;
+	return /* @__PURE__ */ jsx(WithErrorBoundary, {
+		...Boolean(selectedErrorFallback) && { fallback: selectedErrorFallback },
+		children: /* @__PURE__ */ jsx(WithSuspense, {
+			...Boolean(selectedPendingFallback) && { fallback: selectedPendingFallback },
+			children: /* @__PURE__ */ jsx(AwaitRootInner, {
+				...restOfProps,
+				children: slots.default
+			})
+		})
+	});
+}
+function AwaitRootInner(props) {
+	const { asChild, children, promise } = props;
+	const result = use(promise);
+	const resolvedChildren = isFunction(children) ? children(result) : children;
+	const Component$1 = asChild ? SlotRoot : Fragment;
+	const contextValue = useMemo(() => ({
+		promise,
+		result
+	}), [promise, result]);
+	return /* @__PURE__ */ jsx(AwaitContextProvider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Component$1, {
+			...asChild && contextValue,
+			children: resolvedChildren
+		})
+	});
+}
+function AwaitSuccess(props) {
+	if (isFunction(props.children)) {
+		const { result } = useAwaitContext();
+		return props.children(result);
+	}
+	return props.children;
+}
+Object.assign(AwaitSuccess, withSlotNameAndSymbol("default"));
+const AwaitPending = withSlotNameAndSymbol("pending");
+const AwaitError = withSlotNameAndSymbol("error", (props) => {
+	const { asChild, children } = props;
+	const errorBoundaryContext = useErrorBoundaryContext();
+	const Component$1 = asChild ? SlotRoot : Fragment;
+	const resolvedChildren = isFunction(children) ? children(errorBoundaryContext) : children;
+	return /* @__PURE__ */ jsx(Component$1, {
+		...asChild && errorBoundaryContext,
+		children: resolvedChildren
+	});
+});
+
+//#endregion
+//#region src/components/common/await/await-parts.ts
+var await_parts_exports = {};
+__export(await_parts_exports, {
+	Error: () => AwaitError,
+	Pending: () => AwaitPending,
+	Root: () => AwaitRoot,
+	Success: () => AwaitSuccess
+});
+
+//#endregion
+export { AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, await_parts_exports, useAwaitContext };
+//# sourceMappingURL=await-Fe4LFRKd.js.map

package/dist/esm/await-Fe4LFRKd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"await-Fe4LFRKd.js","names":["props: AwaitRootProps<TValue>","ReactFragment","props: AwaitRootInnerProps<TValue>","Component","props: Pick<AwaitSuccessProps<TValue>, \"children\">"],"sources":["../../src/components/common/await/await-context.ts","../../src/components/common/await/await.tsx","../../src/components/common/await/await-parts.ts"],"sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\n\nexport type AwaitContextType<TValue = unknown> = {\n\tpromise: Promise<TValue>;\n\tresult: TValue;\n};\n\nexport const [AwaitContextProvider, useAwaitContextImpl] = createCustomContext<AwaitContextType>({\n\thookName: \"useAwaitContext\",\n\tname: \"AwaitContext\",\n\tproviderName: \"AwaitInner\",\n});\n\nexport const useAwaitContext = <TValue>() => useAwaitContextImpl() as AwaitContextType<TValue>;\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { type GetSlotComponentProps, getSlotMap, withSlotNameAndSymbol } from \"@/lib/utils\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { Fragment as ReactFragment, Suspense, use, useMemo } from \"react\";\nimport { ErrorBoundary, type ErrorBoundaryProps, useErrorBoundaryContext } from \"../error-boundary\";\nimport { Slot } from \"../slot\";\nimport type { SuspenseWithBoundaryProps } from \"../suspense-with-boundary\";\nimport { AwaitContextProvider, useAwaitContext } from \"./await-context\";\n\ntype RenderPropFn<TValue> = (result: TValue) => React.ReactNode;\n\ntype ChildrenType<TValue> = React.ReactNode | RenderPropFn<TValue>;\n\ntype AwaitRootProps<TValue> = Pick<SuspenseWithBoundaryProps, \"errorFallback\" | \"fallback\"> & {\n\tasChild?: boolean;\n\tchildren: ChildrenType<TValue>;\n\tpromise: Promise<TValue>;\n\twrapperVariant?: \"all\" | \"none\" | \"only-errorBoundary\" | \"only-suspense\";\n};\n\nexport function AwaitRoot<TValue>(props: AwaitRootProps<TValue>) {\n\tconst { children, errorFallback, fallback, wrapperVariant = \"all\", ...restOfProps } = props;\n\n\tconst withErrorBoundary = wrapperVariant === \"all\" || wrapperVariant === \"only-errorBoundary\";\n\tconst withSuspense = wrapperVariant === \"all\" || wrapperVariant === \"only-suspense\";\n\n\tconst WithErrorBoundary = withErrorBoundary ? ErrorBoundary : ReactFragment;\n\tconst WithSuspense = withSuspense ? Suspense : ReactFragment;\n\n\tconst slots = !isFunction(children)\n\t\t? getSlotMap<SlotComponentProps>(children)\n\t\t: ({ default: children } as unknown as ReturnType<typeof getSlotMap<SlotComponentProps>>);\n\n\tconst selectedPendingFallback = slots.pending ?? fallback;\n\tconst selectedErrorFallback = slots.error ?? errorFallback;\n\n\treturn (\n\t\t<WithErrorBoundary {...(Boolean(selectedErrorFallback) && { fallback: selectedErrorFallback })}>\n\t\t\t<WithSuspense {...(Boolean(selectedPendingFallback) && { fallback: selectedPendingFallback })}>\n\t\t\t\t<AwaitRootInner {...restOfProps}>{slots.default}</AwaitRootInner>\n\t\t\t</WithSuspense>\n\t\t</WithErrorBoundary>\n\t);\n}\n\ntype AwaitRootInnerProps<TValue> = Pick<AwaitRootProps<TValue>, \"asChild\" | \"children\" | \"promise\">;\n\nfunction AwaitRootInner<TValue>(props: AwaitRootInnerProps<TValue>) {\n\tconst { asChild, children, promise } = props;\n\n\tconst result = use(promise);\n\n\tconst resolvedChildren = isFunction(children) ? children(result) : children;\n\n\tconst Component = asChild ? Slot.Root : ReactFragment;\n\n\tconst contextValue = useMemo(() => ({ promise, result }), [promise, result]);\n\n\treturn (\n\t\t<AwaitContextProvider value={contextValue}>\n\t\t\t<Component {...(asChild && contextValue)}>{resolvedChildren}</Component>\n\t\t</AwaitContextProvider>\n\t);\n}\n\ntype SlotComponentProps = AwaitErrorProps | AwaitPendingProps | AwaitSuccessProps;\n\ntype AwaitSuccessProps<TValue = unknown> = GetSlotComponentProps<\"default\", ChildrenType<TValue>>;\n\nexport function AwaitSuccess<TPromiseOrValue, TValue = Awaited<TPromiseOrValue>>(\n\tprops: Pick<AwaitSuccessProps<TValue>, \"children\">\n) {\n\tif (isFunction(props.children)) {\n\t\t// eslint-disable-next-line react-hooks/rules-of-hooks -- This hook only uses `use` under the hood so this is safe\n\t\tconst { result } = useAwaitContext<TValue>();\n\n\t\treturn props.children(result);\n\t}\n\n\treturn props.children;\n}\n\nObject.assign(AwaitSuccess, withSlotNameAndSymbol<AwaitSuccessProps>(\"default\"));\n\ntype AwaitPendingProps = GetSlotComponentProps<\"pending\", React.SuspenseProps[\"fallback\"]>;\n\nexport const AwaitPending = withSlotNameAndSymbol<AwaitPendingProps>(\"pending\");\n\ntype AwaitErrorProps = GetSlotComponentProps<\"error\", ErrorBoundaryProps[\"fallback\"]>;\n\nexport const AwaitError = withSlotNameAndSymbol<AwaitErrorProps, { asChild?: boolean }>(\n\t\"error\",\n\t(props) => {\n\t\tconst { asChild, children } = props;\n\n\t\tconst errorBoundaryContext = useErrorBoundaryContext();\n\n\t\tconst Component = asChild ? Slot.Root : ReactFragment;\n\n\t\tconst resolvedChildren = isFunction(children) ? children(errorBoundaryContext) : children;\n\n\t\treturn <Component {...(asChild && errorBoundaryContext)}>{resolvedChildren}</Component>;\n\t}\n);\n","export {\n\tAwaitRoot as Root,\n\tAwaitError as Error,\n\tAwaitPending as Pending,\n\tAwaitSuccess as Success,\n} from \"./await\";\n"],"mappings":";;;;;;;;;;AAOA,MAAa,CAAC,sBAAsB,oBAAoB,GAAG,oBAAsC;CAChG,UAAU;CACV,MAAM;CACN,cAAc;AACd,EAAC;AAEF,MAAa,kBAAkB,MAAc,qBAAqB;;;;ACUlE,SAAgB,UAAkBA,OAA+B;CAChE,MAAM,EAAE,UAAU,eAAe,UAAU,iBAAiB,MAAO,GAAG,aAAa,GAAG;CAEtF,MAAM,oBAAoB,mBAAmB,SAAS,mBAAmB;CACzE,MAAM,eAAe,mBAAmB,SAAS,mBAAmB;CAEpE,MAAM,oBAAoB,oBAAoB,gBAAgBC;CAC9D,MAAM,eAAe,eAAe,WAAWA;CAE/C,MAAM,SAAS,WAAW,SAAS,GAChC,WAA+B,SAAS,GACvC,EAAE,SAAS,SAAU;CAEzB,MAAM,0BAA0B,MAAM,WAAW;CACjD,MAAM,wBAAwB,MAAM,SAAS;AAE7C,wBACC,IAAC;EAAkB,GAAK,QAAQ,sBAAsB,IAAI,EAAE,UAAU,sBAAuB;4BAC5F,IAAC;GAAa,GAAK,QAAQ,wBAAwB,IAAI,EAAE,UAAU,wBAAyB;6BAC3F,IAAC;IAAe,GAAI;cAAc,MAAM;KAAyB;IACnD;GACI;AAErB;AAID,SAAS,eAAuBC,OAAoC;CACnE,MAAM,EAAE,SAAS,UAAU,SAAS,GAAG;CAEvC,MAAM,SAAS,IAAI,QAAQ;CAE3B,MAAM,mBAAmB,WAAW,SAAS,GAAG,SAAS,OAAO,GAAG;CAEnE,MAAMC,cAAY,qBAAsBF;CAExC,MAAM,eAAe,QAAQ,OAAO;EAAE;EAAS;CAAQ,IAAG,CAAC,SAAS,MAAO,EAAC;AAE5E,wBACC,IAAC;EAAqB,OAAO;4BAC5B,IAACE;GAAU,GAAK,WAAW;aAAgB;IAA6B;GAClD;AAExB;AAMD,SAAgB,aACfC,OACC;AACD,KAAI,WAAW,MAAM,SAAS,EAAE;EAE/B,MAAM,EAAE,QAAQ,GAAG,iBAAyB;AAE5C,SAAO,MAAM,SAAS,OAAO;CAC7B;AAED,QAAO,MAAM;AACb;AAED,OAAO,OAAO,cAAc,sBAAyC,UAAU,CAAC;AAIhF,MAAa,eAAe,sBAAyC,UAAU;AAI/E,MAAa,aAAa,sBACzB,SACA,CAAC,UAAU;CACV,MAAM,EAAE,SAAS,UAAU,GAAG;CAE9B,MAAM,uBAAuB,yBAAyB;CAEtD,MAAMD,cAAY,qBAAsBF;CAExC,MAAM,mBAAmB,WAAW,SAAS,GAAG,SAAS,qBAAqB,GAAG;AAEjF,wBAAO,IAACE;EAAU,GAAK,WAAW;YAAwB;GAA6B;AACvF,EACD"}

package/dist/esm/card-DRjs-vtv.js

@@ -0,0 +1,54 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { SlotRoot } from "./slot-RXTKo4L7.js";
+import { cnMerge } from "./cn-_FbtIrlZ.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ui/card/card.tsx
+function CardRoot(props) {
+	const { as: Element = "article",...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, { ...restOfProps });
+}
+function CardHeader(props) {
+	const { as: Element = "header",...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, { ...restOfProps });
+}
+function CardTitle(props) {
+	const { as: Element = "h3", className,...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		className: cnMerge("font-semibold", className),
+		...restOfProps
+	});
+}
+function CardDescription(props) {
+	const { as: Element = "p", className,...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, {
+		className: cnMerge("text-shadcn-muted-foreground text-sm", className),
+		...restOfProps
+	});
+}
+function CardContent(props) {
+	const { as: Element = "div",...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Element, { ...restOfProps });
+}
+function CardFooter(props) {
+	const { as: Element = "footer", asChild,...restOfProps } = props;
+	const Component$1 = asChild ? SlotRoot : Element;
+	return /* @__PURE__ */ jsx(Component$1, { ...restOfProps });
+}
+
+//#endregion
+//#region 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
+});
+
+//#endregion
+export { CardContent, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle, card_parts_exports };
+//# sourceMappingURL=card-DRjs-vtv.js.map

package/dist/esm/card-DRjs-vtv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DRjs-vtv.js","names":["props: PolymorphicProps<TElement>","props: PolymorphicProps<TElement, { asChild?: boolean }>","Component"],"sources":["../../src/components/ui/card/card.tsx","../../src/components/ui/card/card-parts.ts"],"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"],"mappings":";;;;;;;AAMA,SAAgB,SACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,UAAW,GAAG,aAAa,GAAG;AAEpD,wBAAO,IAAC,WAAQ,GAAI,cAAe;AACnC;AAED,SAAgB,WACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,SAAU,GAAG,aAAa,GAAG;AAEnD,wBAAO,IAAC,WAAQ,GAAI,cAAe;AACnC;AAED,SAAgB,UAAqDA,OAAmC;CACvG,MAAM,EAAE,IAAI,UAAU,MAAM,UAAW,GAAG,aAAa,GAAG;AAE1D,wBAAO,IAAC;EAAQ,WAAW,QAAQ,iBAAiB,UAAU;EAAE,GAAI;GAAe;AACnF;AAED,SAAgB,gBACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,KAAK,UAAW,GAAG,aAAa,GAAG;AAEzD,wBACC,IAAC;EAAQ,WAAW,QAAQ,wCAAwC,UAAU;EAAE,GAAI;GAAe;AAEpG;AAED,SAAgB,YACfA,OACC;CACD,MAAM,EAAE,IAAI,UAAU,MAAO,GAAG,aAAa,GAAG;AAEhD,wBAAO,IAAC,WAAQ,GAAI,cAAe;AACnC;AAED,SAAgB,WACfC,OACC;CACD,MAAM,EAAE,IAAI,UAAU,UAAU,QAAS,GAAG,aAAa,GAAG;CAE5D,MAAMC,cAAY,qBAAsB;AAExC,wBAAO,IAACA,eAAU,GAAI,cAAe;AACrC"}

package/dist/esm/carousel-Dznupnx8.js

@@ -0,0 +1,270 @@
+import { __export } from "./chunk-Cl8Af3a2.js";
+import { getElementList } from "./for-aTw1TgJo.js";
+import { ShowFallback, ShowRoot } from "./show-BgYrfIxJ.js";
+import { cnMerge } from "./cn-_FbtIrlZ.js";
+import { useEffect, useState } from "react";
+import { useAnimationInterval, useCallbackRef, useConstant } from "@zayne-labs/toolkit-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createZustandContext } from "@zayne-labs/toolkit-react/zustand";
+import { create } from "zustand";
+
+//#region src/components/ui/carousel/carousel-store-context.tsx
+const [Provider, useCarouselStoreContext] = createZustandContext({
+	hookName: "useCarouselStore",
+	name: "CarouselStoreContext",
+	providerName: "CarouselContextProvider"
+});
+const createCarouselStore = (storeValues) => {
+	const { images, onSlideBtnClick } = storeValues;
+	const useInitCarouselStore = create()((set, get) => ({
+		currentSlide: 0,
+		images,
+		maxSlide: images.length - 1,
+		actions: {
+			goToNextSlide: () => {
+				const { currentSlide, maxSlide } = get();
+				const { goToSlide } = get().actions;
+				if (currentSlide === maxSlide) {
+					goToSlide(0);
+					return;
+				}
+				goToSlide(currentSlide + 1);
+			},
+			goToPreviousSlide: () => {
+				const { currentSlide, maxSlide } = get();
+				const { goToSlide } = get().actions;
+				if (currentSlide === 0) {
+					goToSlide(maxSlide);
+					return;
+				}
+				goToSlide(currentSlide - 1);
+			},
+			goToSlide: (newValue) => {
+				onSlideBtnClick?.();
+				set({ currentSlide: newValue });
+			}
+		}
+	}));
+	return useInitCarouselStore;
+};
+const useCarousel = (props) => {
+	const { images, onSlideBtnClick } = props;
+	const useInitCarouselStore = useConstant(() => createCarouselStore({
+		images,
+		onSlideBtnClick
+	}));
+	useEffect(() => {
+		useInitCarouselStore.setState({ images });
+	}, [images]);
+	return useInitCarouselStore;
+};
+function CarouselContextProvider(props) {
+	const { children, images, onSlideBtnClick } = props;
+	const useInitCarouselStore = useCarousel({
+		images,
+		onSlideBtnClick
+	});
+	return /* @__PURE__ */ jsx(Provider, {
+		value: useInitCarouselStore,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/ui/carousel/icons.tsx
+const ChevronLeftIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	...props,
+	children: /* @__PURE__ */ jsxs("g", {
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ jsx("path", { d: "m14 16l-4-4l4-4" })]
+	})
+});
+
+//#endregion
+//#region src/components/ui/carousel/useCarouselOptions.ts
+const useCarouselOptions = (options = {}) => {
+	const { autoSlideInterval = 5e3, hasAutoSlide = false, shouldPauseOnHover = false } = options;
+	const { goToNextSlide } = useCarouselStoreContext((state) => state.actions);
+	const [isPaused, setIsPaused] = useState(false);
+	const shouldAutoSlide = hasAutoSlide && !isPaused;
+	useAnimationInterval({
+		intervalDuration: shouldAutoSlide ? autoSlideInterval : null,
+		onAnimation: goToNextSlide
+	});
+	const pauseAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(true));
+	const resumeAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(false));
+	return {
+		pauseAutoSlide,
+		resumeAutoSlide
+	};
+};
+
+//#endregion
+//#region src/components/ui/carousel/carousel.tsx
+function CarouselContent(props) {
+	const { as: HtmlElement = "article", autoSlideInterval, children, classNames, hasAutoSlide, shouldPauseOnHover } = props;
+	const { pauseAutoSlide, resumeAutoSlide } = useCarouselOptions({
+		autoSlideInterval,
+		hasAutoSlide,
+		shouldPauseOnHover
+	});
+	return /* @__PURE__ */ jsx(HtmlElement, {
+		"data-id": "Carousel",
+		className: cnMerge("relative select-none", classNames?.base),
+		onMouseEnter: pauseAutoSlide,
+		onMouseLeave: resumeAutoSlide,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-id": "Scroll Container",
+			className: cnMerge("flex size-full overflow-x-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", classNames?.scrollContainer),
+			children
+		})
+	});
+}
+function CarouselButton(props) {
+	const { classNames, icon, variant } = props;
+	const { goToNextSlide, goToPreviousSlide } = useCarouselStoreContext((state) => state.actions);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: cnMerge("z-30 flex h-full w-fit items-center", variant === "prev" ? "justify-start" : "justify-end", classNames?.base),
+		onClick: variant === "prev" ? goToPreviousSlide : goToNextSlide,
+		children: /* @__PURE__ */ jsx("span", {
+			className: cnMerge("transition-transform active:scale-[1.06]", classNames?.iconContainer),
+			children: icon ?? /* @__PURE__ */ jsx(ChevronLeftIcon, { className: cnMerge(variant === "next" && "rotate-180", classNames?.defaultIcon) })
+		})
+	});
+}
+function CarouselControls(props) {
+	const { classNames, icon } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: cnMerge("absolute inset-0 flex justify-between", classNames?.base),
+		children: /* @__PURE__ */ jsxs(ShowRoot, {
+			when: icon?.iconType,
+			children: [
+				/* @__PURE__ */ jsx(CarouselButton, {
+					variant: "prev",
+					classNames: {
+						defaultIcon: classNames?.defaultIcon,
+						iconContainer: cnMerge(icon?.iconType === "nextIcon" && "rotate-180", classNames?.iconContainer)
+					},
+					icon: icon?.icon
+				}),
+				/* @__PURE__ */ jsx(CarouselButton, {
+					variant: "next",
+					classNames: {
+						defaultIcon: classNames?.defaultIcon,
+						iconContainer: cnMerge(icon?.iconType === "prevIcon" && "rotate-180", classNames?.iconContainer)
+					},
+					icon: icon?.icon
+				}),
+				/* @__PURE__ */ jsxs(ShowFallback, { children: [/* @__PURE__ */ jsx(CarouselButton, {
+					variant: "prev",
+					classNames: {
+						defaultIcon: classNames?.defaultIcon,
+						iconContainer: classNames?.iconContainer
+					},
+					icon: icon?.prev
+				}), /* @__PURE__ */ jsx(CarouselButton, {
+					variant: "next",
+					classNames: {
+						defaultIcon: classNames?.defaultIcon,
+						iconContainer: classNames?.iconContainer
+					},
+					icon: icon?.next
+				})] })
+			]
+		})
+	});
+}
+function CarouselItemGroup(props) {
+	const { children, className, each, render } = props;
+	const [ItemList] = getElementList("base");
+	const currentSlide = useCarouselStoreContext((state) => state.currentSlide);
+	const images = useCarouselStoreContext((state) => each ?? state.images);
+	return /* @__PURE__ */ jsx("ul", {
+		"data-id": "Carousel Image Wrapper",
+		className: cnMerge(`flex w-full shrink-0 snap-center [transform:translate3d(var(--translate-distance),0,0)]
+				[transition:transform_800ms_ease]`, className),
+		style: { "--translate-distance": `-${currentSlide * 100}%` },
+		children: typeof render === "function" ? /* @__PURE__ */ jsx(ItemList, {
+			each: images,
+			render
+		}) : /* @__PURE__ */ jsx(ItemList, {
+			each: images,
+			children
+		})
+	});
+}
+function CarouselItem({ children, className,...restOfProps }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cnMerge("flex w-full shrink-0 snap-center justify-center", className),
+		...restOfProps,
+		children
+	});
+}
+function CarouselCaption(props) {
+	const { as: HtmlElement = "div", children, className } = props;
+	return /* @__PURE__ */ jsx(HtmlElement, {
+		"data-id": "Carousel Caption",
+		className: cnMerge("absolute z-10", className),
+		children
+	});
+}
+function CarouselIndicatorGroup(props) {
+	const { children, className, each, render } = props;
+	const images = useCarouselStoreContext((state) => each ?? state.images);
+	const [IndicatorList] = getElementList("base");
+	return /* @__PURE__ */ jsx("ul", {
+		"data-id": "Carousel Indicators",
+		className: cnMerge("absolute bottom-[25px] z-[2] flex w-full items-center justify-center gap-[15px]", className),
+		children: typeof render === "function" ? /* @__PURE__ */ jsx(IndicatorList, {
+			each: images,
+			render
+		}) : /* @__PURE__ */ jsx(IndicatorList, {
+			each: images,
+			children
+		})
+	});
+}
+function CarouselIndicator(props) {
+	const { classNames, currentIndex } = props;
+	const { actions: { goToSlide }, currentSlide } = useCarouselStoreContext((state) => state);
+	return /* @__PURE__ */ jsx("li", {
+		className: cnMerge("inline-flex", classNames?.base),
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => goToSlide(currentIndex),
+			className: cnMerge("size-[6px] rounded-[50%]", classNames?.base, currentIndex === currentSlide && ["w-[35px] rounded-[5px]", classNames?.isActive])
+		})
+	});
+}
+
+//#endregion
+//#region src/components/ui/carousel/carousel-parts.ts
+var carousel_parts_exports = {};
+__export(carousel_parts_exports, {
+	Button: () => CarouselButton,
+	Caption: () => CarouselCaption,
+	Content: () => CarouselContent,
+	Controls: () => CarouselControls,
+	Indicator: () => CarouselIndicator,
+	IndicatorGroup: () => CarouselIndicatorGroup,
+	Item: () => CarouselItem,
+	ItemGroup: () => CarouselItemGroup,
+	Root: () => CarouselContextProvider
+});
+
+//#endregion
+export { CarouselButton, CarouselCaption, CarouselContent, CarouselControls, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, carousel_parts_exports };
+//# sourceMappingURL=carousel-Dznupnx8.js.map

package/dist/esm/carousel-Dznupnx8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-Dznupnx8.js","names":["storeValues: PrettyOmit<CarouselProviderProps<TImages>, \"children\">","props: Omit<CarouselProviderProps<TImages>, \"children\">","props: CarouselProviderProps<TImages>","props: React.SVGProps<SVGSVGElement>","options: CarouselOptions","props: PolymorphicProps<TElement, CarouselContentProps>","props: CarouselButtonsProps","props: CarouselControlProps","props: CarouselWrapperProps<TArrayItem>","props: PolymorphicProps<TElement, OtherCarouselProps>","props: CarouselIndicatorProps"],"sources":["../../src/components/ui/carousel/carousel-store-context.tsx","../../src/components/ui/carousel/icons.tsx","../../src/components/ui/carousel/useCarouselOptions.ts","../../src/components/ui/carousel/carousel.tsx","../../src/components/ui/carousel/carousel-parts.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { useConstant } from \"@zayne-labs/toolkit-react\";\nimport { createZustandContext } from \"@zayne-labs/toolkit-react/zustand\";\nimport type { PrettyOmit } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useEffect } from \"react\";\nimport { create } from \"zustand\";\nimport type { CarouselProviderProps, CarouselStore, ImagesType } from \"./types\";\n\nconst [Provider, useCarouselStoreContext] = createZustandContext<CarouselStore>({\n\thookName: \"useCarouselStore\",\n\tname: \"CarouselStoreContext\",\n\tproviderName: \"CarouselContextProvider\",\n});\n\n// CarouselStore Creation\nconst createCarouselStore = <TImages extends ImagesType>(\n\tstoreValues: PrettyOmit<CarouselProviderProps<TImages>, \"children\">\n) => {\n\tconst { images, onSlideBtnClick } = storeValues;\n\n\tconst useInitCarouselStore = create<CarouselStore<TImages>>()((set, get) => ({\n\t\tcurrentSlide: 0,\n\t\timages,\n\t\tmaxSlide: images.length - 1,\n\n\t\t/* eslint-disable perfectionist/sort-objects -- actions should be last */\n\t\tactions: {\n\t\t\t/* eslint-enable perfectionist/sort-objects -- actions should be last */\n\n\t\t\tgoToNextSlide: () => {\n\t\t\t\tconst { currentSlide, maxSlide } = get();\n\t\t\t\tconst { goToSlide } = get().actions;\n\n\t\t\t\tif (currentSlide === maxSlide) {\n\t\t\t\t\tgoToSlide(0);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tgoToSlide(currentSlide + 1);\n\t\t\t},\n\n\t\t\tgoToPreviousSlide: () => {\n\t\t\t\tconst { currentSlide, maxSlide } = get();\n\t\t\t\tconst { goToSlide } = get().actions;\n\n\t\t\t\tif (currentSlide === 0) {\n\t\t\t\t\tgoToSlide(maxSlide);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tgoToSlide(currentSlide - 1);\n\t\t\t},\n\n\t\t\tgoToSlide: (newValue) => {\n\t\t\t\tonSlideBtnClick?.();\n\n\t\t\t\tset({ currentSlide: newValue });\n\t\t\t},\n\t\t},\n\t}));\n\n\treturn useInitCarouselStore;\n};\n\nconst useCarousel = <TImages extends ImagesType>(\n\tprops: Omit<CarouselProviderProps<TImages>, \"children\">\n) => {\n\tconst { images, onSlideBtnClick } = props;\n\n\tconst useInitCarouselStore = useConstant(() => createCarouselStore({ images, onSlideBtnClick }));\n\n\t// == To set images again when a page is mounted, preventing stale images from previous page\n\tuseEffect(() => {\n\t\tuseInitCarouselStore.setState({ images });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- useInitCarouselStore is stable\n\t}, [images]);\n\n\treturn useInitCarouselStore;\n};\n\n// == Provider Component\nfunction CarouselContextProvider<TImages extends ImagesType>(props: CarouselProviderProps<TImages>) {\n\tconst { children, images, onSlideBtnClick } = props;\n\n\tconst useInitCarouselStore = useCarousel({ images, onSlideBtnClick });\n\n\treturn <Provider value={useInitCarouselStore}>{children}</Provider>;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- It's fine\nexport { useCarouselStoreContext, CarouselContextProvider };\n","import * as React from \"react\";\n\nexport const ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" {...props}>\n\t\t<g fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\">\n\t\t\t<circle cx=\"12\" cy=\"12\" r=\"10\" />\n\t\t\t<path d=\"m14 16l-4-4l4-4\" />\n\t\t</g>\n\t</svg>\n);\n","import { useAnimationInterval, useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useCarouselStoreContext } from \"./carousel-store-context\";\n\ntype CarouselOptions = {\n\tautoSlideInterval?: number;\n\thasAutoSlide?: boolean;\n\tshouldPauseOnHover?: boolean;\n};\n\nconst useCarouselOptions = (options: CarouselOptions = {}) => {\n\tconst { autoSlideInterval = 5000, hasAutoSlide = false, shouldPauseOnHover = false } = options;\n\n\tconst { goToNextSlide } = useCarouselStoreContext((state) => state.actions);\n\n\tconst [isPaused, setIsPaused] = useState(false);\n\n\tconst shouldAutoSlide = hasAutoSlide && !isPaused;\n\n\tuseAnimationInterval({\n\t\tintervalDuration: shouldAutoSlide ? autoSlideInterval : null,\n\t\tonAnimation: goToNextSlide,\n\t});\n\n\tconst pauseAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(true));\n\n\tconst resumeAutoSlide = useCallbackRef(() => shouldPauseOnHover && setIsPaused(false));\n\n\treturn { pauseAutoSlide, resumeAutoSlide };\n};\n\nexport { useCarouselOptions };\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Show } from \"@/components/common\";\nimport { getElementList } from \"@/components/common/for\";\nimport { cnMerge } from \"@/lib/utils/cn\";\nimport type { CssWithCustomProperties, PolymorphicProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { useCarouselStoreContext } from \"./carousel-store-context\";\nimport { ChevronLeftIcon } from \"./icons\";\nimport type {\n\tCarouselButtonsProps,\n\tCarouselContentProps,\n\tCarouselControlProps,\n\tCarouselIndicatorProps,\n\tCarouselWrapperProps,\n\tOtherCarouselProps,\n} from \"./types\";\nimport { useCarouselOptions } from \"./useCarouselOptions\";\n\n// TODO -  Add dragging and swiping support\nexport function CarouselContent<TElement extends React.ElementType = \"article\">(\n\tprops: PolymorphicProps<TElement, CarouselContentProps>\n) {\n\tconst {\n\t\tas: HtmlElement = \"article\",\n\t\tautoSlideInterval,\n\t\tchildren,\n\t\tclassNames,\n\t\thasAutoSlide,\n\t\tshouldPauseOnHover,\n\t} = props;\n\n\tconst { pauseAutoSlide, resumeAutoSlide } = useCarouselOptions({\n\t\tautoSlideInterval,\n\t\thasAutoSlide,\n\t\tshouldPauseOnHover,\n\t});\n\n\t// FIXME - Prevent touch swipe on mobile using a cover element or allow swipe but it must update the state appropriately\n\treturn (\n\t\t<HtmlElement\n\t\t\tdata-id=\"Carousel\"\n\t\t\tclassName={cnMerge(\"relative select-none\", classNames?.base)}\n\t\t\tonMouseEnter={pauseAutoSlide}\n\t\t\tonMouseLeave={resumeAutoSlide}\n\t\t>\n\t\t\t<div\n\t\t\t\tdata-id=\"Scroll Container\"\n\t\t\t\tclassName={cnMerge(\n\t\t\t\t\t\"flex size-full overflow-x-scroll [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n\t\t\t\t\tclassNames?.scrollContainer\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</HtmlElement>\n\t);\n}\n\nexport function CarouselButton(props: CarouselButtonsProps) {\n\tconst { classNames, icon, variant } = props;\n\n\tconst { goToNextSlide, goToPreviousSlide } = useCarouselStoreContext((state) => state.actions);\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t\"z-30 flex h-full w-fit items-center\",\n\t\t\t\tvariant === \"prev\" ? \"justify-start\" : \"justify-end\",\n\t\t\t\tclassNames?.base\n\t\t\t)}\n\t\t\tonClick={variant === \"prev\" ? goToPreviousSlide : goToNextSlide}\n\t\t>\n\t\t\t<span className={cnMerge(\"transition-transform active:scale-[1.06]\", classNames?.iconContainer)}>\n\t\t\t\t{icon ?? (\n\t\t\t\t\t<ChevronLeftIcon\n\t\t\t\t\t\tclassName={cnMerge(variant === \"next\" && \"rotate-180\", classNames?.defaultIcon)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</button>\n\t);\n}\n\nexport function CarouselControls(props: CarouselControlProps) {\n\tconst { classNames, icon } = props;\n\n\treturn (\n\t\t<div className={cnMerge(\"absolute inset-0 flex justify-between\", classNames?.base)}>\n\t\t\t<Show.Root when={icon?.iconType}>\n\t\t\t\t<CarouselButton\n\t\t\t\t\tvariant=\"prev\"\n\t\t\t\t\tclassNames={{\n\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\ticonContainer: cnMerge(\n\t\t\t\t\t\t\ticon?.iconType === \"nextIcon\" && \"rotate-180\",\n\t\t\t\t\t\t\tclassNames?.iconContainer\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ticon={icon?.icon}\n\t\t\t\t/>\n\n\t\t\t\t<CarouselButton\n\t\t\t\t\tvariant=\"next\"\n\t\t\t\t\tclassNames={{\n\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\ticonContainer: cnMerge(\n\t\t\t\t\t\t\ticon?.iconType === \"prevIcon\" && \"rotate-180\",\n\t\t\t\t\t\t\tclassNames?.iconContainer\n\t\t\t\t\t\t),\n\t\t\t\t\t}}\n\t\t\t\t\ticon={icon?.icon}\n\t\t\t\t/>\n\n\t\t\t\t<Show.Otherwise>\n\t\t\t\t\t<CarouselButton\n\t\t\t\t\t\tvariant=\"prev\"\n\t\t\t\t\t\tclassNames={{\n\t\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\t\ticonContainer: classNames?.iconContainer,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ticon={icon?.prev}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<CarouselButton\n\t\t\t\t\t\tvariant=\"next\"\n\t\t\t\t\t\tclassNames={{\n\t\t\t\t\t\t\tdefaultIcon: classNames?.defaultIcon,\n\t\t\t\t\t\t\ticonContainer: classNames?.iconContainer,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ticon={icon?.next}\n\t\t\t\t\t/>\n\t\t\t\t</Show.Otherwise>\n\t\t\t</Show.Root>\n\t\t</div>\n\t);\n}\n\nexport function CarouselItemGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>) {\n\tconst { children, className, each, render } = props;\n\n\tconst [ItemList] = getElementList(\"base\");\n\tconst currentSlide = useCarouselStoreContext((state) => state.currentSlide);\n\tconst images = useCarouselStoreContext((state) => each ?? (state.images as TArrayItem[]));\n\n\treturn (\n\t\t<ul\n\t\t\tdata-id=\"Carousel Image Wrapper\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t`flex w-full shrink-0 snap-center [transform:translate3d(var(--translate-distance),0,0)]\n\t\t\t\t[transition:transform_800ms_ease]`,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t\"--translate-distance\": `-${currentSlide * 100}%`,\n\t\t\t\t} satisfies CssWithCustomProperties as CssWithCustomProperties\n\t\t\t}\n\t\t>\n\t\t\t{typeof render === \"function\" ? (\n\t\t\t\t<ItemList each={images} render={render} />\n\t\t\t) : (\n\t\t\t\t<ItemList each={images}>{children}</ItemList>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n\nexport function CarouselItem({ children, className, ...restOfProps }: OtherCarouselProps) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cnMerge(\"flex w-full shrink-0 snap-center justify-center\", className)}\n\t\t\t{...restOfProps}\n\t\t>\n\t\t\t{children}\n\t\t</li>\n\t);\n}\n\nexport function CarouselCaption<TElement extends React.ElementType = \"div\">(\n\tprops: PolymorphicProps<TElement, OtherCarouselProps>\n) {\n\tconst { as: HtmlElement = \"div\", children, className } = props;\n\n\treturn (\n\t\t<HtmlElement data-id=\"Carousel Caption\" className={cnMerge(\"absolute z-10\", className)}>\n\t\t\t{children}\n\t\t</HtmlElement>\n\t);\n}\n\nexport function CarouselIndicatorGroup<TArrayItem>(props: CarouselWrapperProps<TArrayItem>) {\n\tconst { children, className, each, render } = props;\n\n\tconst images = useCarouselStoreContext((state) => each ?? (state.images as TArrayItem[]));\n\tconst [IndicatorList] = getElementList(\"base\");\n\n\treturn (\n\t\t<ul\n\t\t\tdata-id=\"Carousel Indicators\"\n\t\t\tclassName={cnMerge(\n\t\t\t\t\"absolute bottom-[25px] z-[2] flex w-full items-center justify-center gap-[15px]\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{typeof render === \"function\" ? (\n\t\t\t\t<IndicatorList each={images} render={render} />\n\t\t\t) : (\n\t\t\t\t<IndicatorList each={images}>{children}</IndicatorList>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n\nexport function CarouselIndicator(props: CarouselIndicatorProps) {\n\tconst { classNames, currentIndex } = props;\n\n\tconst {\n\t\tactions: { goToSlide },\n\t\tcurrentSlide,\n\t} = useCarouselStoreContext((state) => state);\n\n\treturn (\n\t\t<li className={cnMerge(\"inline-flex\", classNames?.base)}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tonClick={() => goToSlide(currentIndex)}\n\t\t\t\tclassName={cnMerge(\n\t\t\t\t\t\"size-[6px] rounded-[50%]\",\n\t\t\t\t\tclassNames?.base,\n\t\t\t\t\tcurrentIndex === currentSlide && [\"w-[35px] rounded-[5px]\", classNames?.isActive]\n\t\t\t\t)}\n\t\t\t/>\n\t\t</li>\n\t);\n}\n","export { CarouselContextProvider as Root } from \"./carousel-store-context\";\nexport {\n\tCarouselContent as Content,\n\tCarouselControls as Controls,\n\tCarouselButton as Button,\n\tCarouselItem as Item,\n\tCarouselItemGroup as ItemGroup,\n\tCarouselCaption as Caption,\n\tCarouselIndicator as Indicator,\n\tCarouselIndicatorGroup as IndicatorGroup,\n} from \"./carousel\";\n"],"mappings":"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"}

package/dist/esm/chunk-Cl8Af3a2.js

@@ -0,0 +1,11 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+
+//#endregion
+export { __export };

package/dist/esm/cn-_FbtIrlZ.js

@@ -0,0 +1,8 @@
+import { twMerge } from "tailwind-merge";
+
+//#region src/lib/utils/cn.ts
+const cnMerge = (...classNames) => twMerge(classNames);
+
+//#endregion
+export { cnMerge };
+//# sourceMappingURL=cn-_FbtIrlZ.js.map

package/dist/esm/cn-_FbtIrlZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn-_FbtIrlZ.js","names":[],"sources":["../../src/lib/utils/cn.ts"],"sourcesContent":["import { type ClassNameValue, twMerge } from \"tailwind-merge\";\n\nexport const cnMerge = (...classNames: ClassNameValue[]) => twMerge(classNames);\n"],"mappings":";;;AAEA,MAAa,UAAU,CAAC,GAAG,eAAiC,QAAQ,WAAW"}

package/dist/esm/components/common/await/index.d.ts

@@ -1,14 +1,6 @@
-export { a as Await, d as AwaitError, c as AwaitPending, A as AwaitRoot, b as AwaitSuccess } from '../../../await-parts-BJ6C-y1f.js';
-import 'react';
-import '../../../getSlotMap-DTkxtGhd.js';
-import '@zayne-labs/toolkit-type-helpers';
-import '../../../types-mdfDDNrr.js';
-import '../suspense-with-boundary/index.js';
-
-type AwaitContextType<TValue = unknown> = {
-    promise: Promise<TValue>;
-    result: TValue;
-};
-declare const useAwaitContext: <TValue>() => AwaitContextType<TValue>;
-
-export { useAwaitContext };
+import "../../../getSlotMap-DA_uhXqU.js";
+import "../../../index-DKfm0Dyj.js";
+import "../../../index-BSJ30pGj.js";
+import "../../../index-DmOz1yDZ.js";
+import { AwaitError$1 as AwaitError, AwaitPending$1 as AwaitPending, AwaitRoot$1 as AwaitRoot, AwaitSuccess$1 as AwaitSuccess, await_parts_d_exports, useAwaitContext$1 as useAwaitContext } from "../../../index-C4ub0yqe.js";
+export { await_parts_d_exports as Await, AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, useAwaitContext };

package/dist/esm/components/common/await/index.js

@@ -1,8 +1,10 @@
-export { await_parts_exports as Await, AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, useAwaitContext } from '../../../chunk-YSDKXBU7.js';
-import '../../../chunk-N4274N5K.js';
-import '../../../chunk-JC52CA2O.js';
-import '../../../chunk-YO5LJ7ZJ.js';
-import '../../../chunk-D6QZA3UT.js';
-import '../../../chunk-PZ5AY32C.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+"use client";
+
+
+import "../../../utils-D4YNWj2X.js";
+import "../../../getSlot-BIcGgBwN.js";
+import "../../../error-boundary-B3ycUZ1t.js";
+import "../../../slot-RXTKo4L7.js";
+import { AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, await_parts_exports, useAwaitContext } from "../../../await-Fe4LFRKd.js";
+
+export { await_parts_exports as Await, AwaitError, AwaitPending, AwaitRoot, AwaitSuccess, useAwaitContext };

package/dist/esm/components/common/error-boundary/index.d.ts

@@ -1,17 +1,2 @@
-export { E as ErrorBoundaryProps, F as FallbackProps } from '../../../types-mdfDDNrr.js';
-export { E as ErrorBoundary } from '../../../error-boundary-BD0X61Sg.js';
-import 'react';
-
-type ErrorBoundaryContextType = {
-    error: unknown;
-    hasError: boolean;
-    resetErrorBoundary: (...args: unknown[]) => void;
-};
-declare const useErrorBoundaryContext: () => ErrorBoundaryContextType;
-
-declare const useErrorBoundary: <TError extends Error>() => {
-    resetBoundary: () => void;
-    showBoundary: (error: TError) => void;
-};
-
-export { type ErrorBoundaryContextType, useErrorBoundary, useErrorBoundaryContext };
+import { ErrorBoundary$1 as ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary$1 as useErrorBoundary, useErrorBoundaryContext$1 as useErrorBoundaryContext } from "../../../index-BSJ30pGj.js";
+export { ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary, useErrorBoundaryContext };

package/dist/esm/components/common/error-boundary/index.js

@@ -1,4 +1,6 @@
-export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from '../../../chunk-JC52CA2O.js';
-import '../../../chunk-PZ5AY32C.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+"use client";
+
+
+import { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from "../../../error-boundary-B3ycUZ1t.js";
+
+export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext };

package/dist/esm/components/common/for/index.d.ts

@@ -1,10 +1,2 @@
-import { F as For, a as ForWithWrapper } from '../../../for-BH5FhFuV.js';
-export { b as ForRenderProps } from '../../../for-BH5FhFuV.js';
-import 'react';
-import '@zayne-labs/toolkit-react/utils';
-import '@zayne-labs/toolkit-type-helpers';
-
-type GetElementListResult<TVariant extends "base" | "withWrapper"> = TVariant extends "base" ? [typeof For] : [typeof ForWithWrapper];
-declare const getElementList: <TVariant extends "base" | "withWrapper" = "withWrapper">(variant?: TVariant) => GetElementListResult<TVariant>;
-
-export { For, ForWithWrapper, getElementList };
+import { For$1 as For, ForRenderProps, ForWithWrapper$1 as ForWithWrapper, getElementList$1 as getElementList } from "../../../index-BhpBx8dH.js";
+export { For, ForRenderProps, ForWithWrapper, getElementList };

package/dist/esm/components/common/for/index.js

@@ -1,4 +1,3 @@
-export { For, ForWithWrapper, getElementList } from '../../../chunk-NXZZXJRH.js';
-import '../../../chunk-PZ5AY32C.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import { For, ForWithWrapper, getElementList } from "../../../for-aTw1TgJo.js";
+
+export { For, ForWithWrapper, getElementList };

package/dist/esm/components/common/index.d.ts

@@ -1,13 +1,11 @@
-export { E as ErrorBoundary } from '../../error-boundary-BD0X61Sg.js';
-export { SuspenseWithBoundary } from './suspense-with-boundary/index.js';
-export { a as Await } from '../../await-parts-BJ6C-y1f.js';
-export { F as For, a as ForWithWrapper } from '../../for-BH5FhFuV.js';
-export { Show } from './show/index.js';
-export { Slot } from './slot/index.js';
-export { Switch } from './switch/index.js';
-export { Teleport } from './teleport/index.js';
-import 'react';
-import '../../types-mdfDDNrr.js';
-import '../../getSlotMap-DTkxtGhd.js';
-import '@zayne-labs/toolkit-type-helpers';
-import '@zayne-labs/toolkit-react/utils';
+import "../../getSlotMap-DA_uhXqU.js";
+import "../../index-DKfm0Dyj.js";
+import { ErrorBoundary$1 as ErrorBoundary } from "../../index-BSJ30pGj.js";
+import { SuspenseWithBoundary$1 as SuspenseWithBoundary } from "../../index-DmOz1yDZ.js";
+import { await_parts_d_exports } from "../../index-C4ub0yqe.js";
+import { For$1 as For, ForWithWrapper$1 as ForWithWrapper } from "../../index-BhpBx8dH.js";
+import { show_parts_d_exports } from "../../index-C0XZoIZD.js";
+import { slot_parts_d_exports } from "../../index-1UCPJf7B.js";
+import { switch_parts_d_exports } from "../../index--1COprHP.js";
+import { Teleport$1 as Teleport } from "../../index-DnaUCh8d.js";
+export { await_parts_d_exports as Await, ErrorBoundary, For, ForWithWrapper, show_parts_d_exports as Show, slot_parts_d_exports as Slot, SuspenseWithBoundary, switch_parts_d_exports as Switch, Teleport };