@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/compositions/ContentCard/Content.js

@@ -0,0 +1,44 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Text, init_Text } from "../../components/Text/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/ContentCard/Content.tsx
+var CardContent;
+var init_Content = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	CardContent = ({ title, subtitle, disabled, headingTag = "h3", description, children }) => /* @__PURE__ */ jsxs(Stack, {
+		flex: "1 1 auto",
+		gap: 2,
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ jsxs(Stack, {
+			gap: .5,
+			children: [/* @__PURE__ */ jsxs(Stack, { children: [subtitle ? /* @__PURE__ */ jsx(Text, {
+				as: "small",
+				disabled,
+				prominence: "weak",
+				sentiment: "neutral",
+				variant: "caption",
+				children: subtitle
+			}) : null, /* @__PURE__ */ jsx(Text, {
+				as: headingTag,
+				disabled,
+				sentiment: "neutral",
+				variant: "bodyStrong",
+				children: title
+			})] }), description ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				disabled,
+				sentiment: "neutral",
+				variant: "bodySmall",
+				children: description
+			}) : null]
+		}), children ? /* @__PURE__ */ jsx(Stack, { children }) : null]
+	});
+});
+
+//#endregion
+init_Content();
+export { CardContent, init_Content };

package/dist/compositions/ContentCard/ImageContent.d.ts

@@ -0,0 +1,7 @@
+export declare const ImageContent: ({ disabled, image, direction, subContainerHeight, }: {
+    disabled?: boolean;
+    image?: string;
+    direction: 'row' | 'column';
+    subContainerHeight: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageContent.d.ts.map

package/dist/compositions/ContentCard/ImageContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/ImageContent.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,wDAKtB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;CAC3B,4CAYA,CAAA"}

package/dist/compositions/ContentCard/ImageContent.js

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { contentCardStyle, init_styles_css, subContainerHeightVar } from "./styles.css.js";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/ContentCard/ImageContent.tsx
+var ImageContent;
+var init_ImageContent = __esmMin(() => {
+	init_styles_css();
+	ImageContent = ({ disabled, image, direction, subContainerHeight }) => /* @__PURE__ */ jsx("img", {
+		alt: "",
+		className: contentCardStyle.image[direction],
+		"data-disabled": disabled,
+		height: direction === "column" ? 120 : void 0,
+		src: image,
+		style: assignInlineVars({ [subContainerHeightVar]: subContainerHeight }),
+		width: direction === "row" ? 220 : void 0
+	});
+});
+
+//#endregion
+init_ImageContent();
+export { ImageContent, init_ImageContent };

package/dist/compositions/ContentCard/LinkContent.d.ts

@@ -0,0 +1,5 @@
+export declare const LinkContent: ({ direction, disabled, }: {
+    direction: 'column' | 'row';
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkContent.d.ts.map

package/dist/compositions/ContentCard/LinkContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/LinkContent.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,6BAGrB;IACD,SAAS,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,4CAYA,CAAA"}

package/dist/compositions/ContentCard/LinkContent.js

@@ -0,0 +1,30 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { contentCardStyle, init_styles_css } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+
+//#region src/compositions/ContentCard/LinkContent.tsx
+var LinkContent;
+var init_LinkContent = __esmMin(() => {
+	init_Stack();
+	init_styles_css();
+	LinkContent = ({ direction, disabled }) => /* @__PURE__ */ jsx(Stack, {
+		alignItems: direction === "column" ? "flex-end" : "center",
+		className: contentCardStyle.iconStack[direction],
+		direction,
+		flex: 1,
+		justifyContent: direction === "column" ? "center" : "flex-end",
+		children: /* @__PURE__ */ jsx("div", {
+			className: contentCardStyle.iconContainer,
+			children: /* @__PURE__ */ jsx(OpenInNewIcon, {
+				disabled,
+				sentiment: "neutral"
+			})
+		})
+	});
+});
+
+//#endregion
+init_LinkContent();
+export { LinkContent, init_LinkContent };

package/dist/compositions/ContentCard/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/Skeleton.tsx"],"names":[],"mappings":"AAaA,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,QAAQ,kBAAmB,aAAa,4CAkBpD,CAAA"}

package/dist/compositions/ContentCard/Skeleton.js

@@ -0,0 +1,40 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Skeleton as Skeleton$1, init_Skeleton as init_Skeleton$1 } from "../../components/Skeleton/index.js";
+import { contentCardStyle, init_styles_css, skeletonHeightVar, skeletonWidthVar } from "./styles.css.js";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/ContentCard/Skeleton.tsx
+var Skeleton;
+var init_Skeleton = __esmMin(() => {
+	init_Skeleton$1();
+	init_Stack();
+	init_styles_css();
+	Skeleton = ({ direction }) => /* @__PURE__ */ jsxs(Stack, {
+		direction,
+		children: [/* @__PURE__ */ jsx(Skeleton$1, {
+			className: contentCardStyle.skeletonImage[direction],
+			style: assignInlineVars({
+				[skeletonHeightVar]: direction === "column" ? "120px" : "unset",
+				[skeletonWidthVar]: direction === "row" ? "220px" : "100%"
+			}),
+			variant: "square"
+		}), /* @__PURE__ */ jsxs(Stack, {
+			className: contentCardStyle.paddedStack,
+			gap: 2,
+			children: [
+				/* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+				/* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+				/* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+				/* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+				/* @__PURE__ */ jsx(Skeleton$1, { variant: "line" })
+			]
+		})]
+	});
+});
+
+//#endregion
+init_Skeleton();
+export { Skeleton, init_Skeleton };

package/dist/compositions/ContentCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,WAAW,qJA2GvB,CAAA"}

package/dist/compositions/ContentCard/index.js

@@ -0,0 +1,87 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { CardContent, init_Content } from "./Content.js";
+import { contentCardStyle, init_styles_css } from "./styles.css.js";
+import { ImageContent, init_ImageContent } from "./ImageContent.js";
+import { LinkContent, init_LinkContent } from "./LinkContent.js";
+import { Skeleton, init_Skeleton } from "./Skeleton.js";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/ContentCard/index.tsx
+var ContentCard;
+var init_ContentCard = __esmMin(() => {
+	init_Stack();
+	init_Content();
+	init_ImageContent();
+	init_LinkContent();
+	init_Skeleton();
+	init_styles_css();
+	ContentCard = forwardRef(({ image, direction = "column", icon, subtitle, title, headingTag = "h3", description, children, href, target = "_blank", onClick, disabled, loading, className, style }, ref) => {
+		var _subContainerRef$curr;
+		var _subContainerRef$curr2;
+		const subContainerRef = useRef(null);
+		const [subContainerHeight, setSubContainerHeight] = useState((subContainerRef === null || subContainerRef === void 0 || (_subContainerRef$curr = subContainerRef.current) === null || _subContainerRef$curr === void 0 ? void 0 : _subContainerRef$curr.offsetHeight) ? `${subContainerRef === null || subContainerRef === void 0 || (_subContainerRef$curr2 = subContainerRef.current) === null || _subContainerRef$curr2 === void 0 ? void 0 : _subContainerRef$curr2.offsetHeight}px` : "none");
+		const Container = useMemo(() => {
+			if (href) return "a";
+			if (onClick) return "button";
+			return "div";
+		}, [href, onClick]);
+		useEffect(() => {
+			var _subContainerRef$curr3;
+			if (subContainerRef === null || subContainerRef === void 0 || (_subContainerRef$curr3 = subContainerRef.current) === null || _subContainerRef$curr3 === void 0 ? void 0 : _subContainerRef$curr3.offsetHeight) {
+				var _subContainerRef$curr4;
+				setSubContainerHeight(`${subContainerRef === null || subContainerRef === void 0 || (_subContainerRef$curr4 = subContainerRef.current) === null || _subContainerRef$curr4 === void 0 ? void 0 : _subContainerRef$curr4.offsetHeight}px`);
+			}
+		}, [subContainerRef]);
+		return /* @__PURE__ */ jsx(Container, {
+			className: cn(className, contentCardStyle.card({ active: !!(onClick || href) })),
+			disabled,
+			href: disabled ? void 0 : href,
+			onClick: disabled ? void 0 : onClick,
+			ref,
+			role: onClick && !href ? "button" : void 0,
+			style,
+			target,
+			children: loading ? /* @__PURE__ */ jsx(Skeleton, { direction }) : /* @__PURE__ */ jsxs(Stack, {
+				className: contentCardStyle.fullHeight,
+				direction,
+				children: [image ? /* @__PURE__ */ jsx(ImageContent, {
+					direction,
+					disabled,
+					image,
+					subContainerHeight
+				}) : null, /* @__PURE__ */ jsxs(Stack, {
+					direction,
+					flex: 1,
+					gap: 2,
+					children: [/* @__PURE__ */ jsxs(Stack, {
+						alignItems: subtitle || description || children ? void 0 : "center",
+						className: contentCardStyle.subContainer[href ? direction : "noHref"],
+						direction,
+						flex: "1 1 auto",
+						gap: 2,
+						ref: subContainerRef,
+						children: [icon, /* @__PURE__ */ jsx(CardContent, {
+							description,
+							disabled,
+							headingTag,
+							subtitle,
+							title,
+							children
+						})]
+					}), href ? /* @__PURE__ */ jsx(LinkContent, {
+						direction,
+						disabled
+					}) : null]
+				})]
+			})
+		});
+	});
+});
+
+//#endregion
+init_ContentCard();
+export { ContentCard, init_ContentCard };

package/dist/compositions/ContentCard/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAChD,eAAO,MAAM,iBAAiB,oBAI5B,CAAA;AACF,eAAO,MAAM,gBAAgB,oBAI3B,CAAA;AAqIF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;CAY5B,CAAA"}

package/dist/compositions/ContentCard/styles.css.js

@@ -0,0 +1,47 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/compositions/ContentCard/styles.css.ts
+var subContainerHeightVar, skeletonHeightVar, skeletonWidthVar, contentCardStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	subContainerHeightVar = "var(--uv_uy9lkp0)";
+	skeletonHeightVar = "var(--uv_uy9lkp1)";
+	skeletonWidthVar = "var(--uv_uy9lkp2)";
+	contentCardStyle = {
+		card: createRuntimeFn({
+			defaultClassName: "uv_uy9lkp3",
+			variantClassNames: { active: { true: "uv_uy9lkp4" } },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		iconContainer: "uv_uy9lkp5",
+		iconStack: {
+			column: "uv_uy9lkp6",
+			row: "uv_uy9lkp7"
+		},
+		subContainer: {
+			column: "uv_uy9lkp9 uv_uy9lkp8",
+			noHref: "uv_uy9lkpa uv_uy9lkp8",
+			row: "uv_uy9lkpb uv_uy9lkp8"
+		},
+		subContainerBase: "uv_uy9lkp8",
+		image: {
+			column: "uv_uy9lkpd uv_uy9lkpc",
+			row: "uv_uy9lkpe uv_uy9lkpc"
+		},
+		imageBase: "uv_uy9lkpc",
+		fullHeight: "uv_uy9lkpf",
+		skeletonImageBase: "uv_uy9lkpg",
+		skeletonImage: {
+			column: "uv_uy9lkph uv_uy9lkpg",
+			row: "uv_uy9lkpi uv_uy9lkpg"
+		},
+		paddedStack: "uv_uy9lkpj"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { contentCardStyle, init_styles_css, skeletonHeightVar, skeletonWidthVar, subContainerHeightVar };

package/dist/compositions/ContentCard/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/ContentCard/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/compositions/ContentCard/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IAIb,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAEpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA"}

package/dist/compositions/ContentCardGroup/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCardGroup/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,SAAS,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,yGAgEhB,CAAA"}

package/dist/compositions/ContentCardGroup/Card.js

@@ -0,0 +1,65 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Text, init_Text } from "../../components/Text/index.js";
+import { contentCardGroupStyle, init_styles_css } from "./styles.css.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+
+//#region src/compositions/ContentCardGroup/Card.tsx
+var Card;
+var init_Card = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	Card = forwardRef(({ title, titleAs, subtitle, subtitleAs, description, children, href, target = "_blank", style }, ref) => /* @__PURE__ */ jsx("a", {
+		className: contentCardGroupStyle.cardWrapper,
+		href,
+		ref,
+		style,
+		target,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			className: contentCardGroupStyle.cardContentStack,
+			direction: "row",
+			gap: 2,
+			justifyContent: "space-between",
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				className: contentCardGroupStyle.customStack,
+				gap: "0.5",
+				children: [
+					/* @__PURE__ */ jsxs("div", { children: [subtitle ? /* @__PURE__ */ jsx(Text, {
+						as: subtitleAs !== null && subtitleAs !== void 0 ? subtitleAs : "h5",
+						oneLine: true,
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "caption",
+						children: subtitle
+					}) : null, /* @__PURE__ */ jsx(Text, {
+						as: titleAs !== null && titleAs !== void 0 ? titleAs : "h3",
+						oneLine: true,
+						sentiment: "neutral",
+						variant: "bodyStrong",
+						children: title
+					})] }),
+					description ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						oneLine: true,
+						sentiment: "neutral",
+						variant: "bodySmall",
+						children: description
+					}) : null,
+					children
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: contentCardGroupStyle.iconWrapper,
+				children: /* @__PURE__ */ jsx(OpenInNewIcon, { sentiment: "neutral" })
+			})]
+		})
+	}));
+});
+
+//#endregion
+init_Card();
+export { Card, init_Card };

package/dist/compositions/ContentCardGroup/SkeletonCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCard.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCardGroup/SkeletonCard.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,+CAcxB,CAAA"}

package/dist/compositions/ContentCardGroup/SkeletonCard.js

@@ -0,0 +1,37 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Skeleton, init_Skeleton } from "../../components/Skeleton/index.js";
+import { contentCardGroupStyle, init_styles_css } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/ContentCardGroup/SkeletonCard.tsx
+var SkeletonCard;
+var init_SkeletonCard = __esmMin(() => {
+	init_Skeleton();
+	init_Stack();
+	init_styles_css();
+	SkeletonCard = () => /* @__PURE__ */ jsx("div", {
+		className: contentCardGroupStyle.skeletonWrapper,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			direction: "row",
+			justifyContent: "space-between",
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				gap: 2,
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, { variant: "line" }),
+					/* @__PURE__ */ jsx(Skeleton, { variant: "line" }),
+					/* @__PURE__ */ jsx(Skeleton, { variant: "line" })
+				]
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				className: contentCardGroupStyle.squareSkeleton,
+				variant: "square"
+			})]
+		})
+	});
+});
+
+//#endregion
+init_SkeletonCard();
+export { SkeletonCard, init_SkeletonCard };

package/dist/compositions/ContentCardGroup/index.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties, ReactNode } from 'react';
+type BaseContentCardGroupProps = {
+    children: ReactNode;
+    loading?: boolean;
+    style?: CSSProperties;
+};
+export declare const ContentCardGroup: import("react").ForwardRefExoticComponent<BaseContentCardGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Card: import("react").ForwardRefExoticComponent<{
+        title?: string;
+        titleAs?: import("react").ElementType;
+        subtitle?: string;
+        subtitleAs?: import("react").ElementType;
+        description?: string;
+        children?: ReactNode;
+        href: string;
+        target?: import("react").HTMLAttributeAnchorTarget | undefined;
+        style?: CSSProperties;
+    } & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/ContentCardGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCardGroup/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkBD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAE3B,CAAA"}

package/dist/compositions/ContentCardGroup/index.js

@@ -0,0 +1,29 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { contentCardGroupStyle, init_styles_css } from "./styles.css.js";
+import { Card, init_Card } from "./Card.js";
+import { SkeletonCard, init_SkeletonCard } from "./SkeletonCard.js";
+import { Children, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/ContentCardGroup/index.tsx
+var BaseContentCardGroup, ContentCardGroup;
+var init_ContentCardGroup = __esmMin(() => {
+	init_Stack();
+	init_Card();
+	init_SkeletonCard();
+	init_styles_css();
+	BaseContentCardGroup = forwardRef(({ children, loading, style }, ref) => /* @__PURE__ */ jsx(Stack, {
+		className: contentCardGroupStyle.groupCardWrapper,
+		direction: "column",
+		ref,
+		style,
+		children: loading ? Children.map(children, (_child, index) => /* @__PURE__ */ jsx(SkeletonCard, {}, index)) : children
+	}));
+	ContentCardGroup = Object.assign(BaseContentCardGroup, { Card });
+});
+
+//#endregion
+init_ContentCardGroup();
+export { ContentCardGroup, init_ContentCardGroup };

package/dist/compositions/ContentCardGroup/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCardGroup/styles.css.ts"],"names":[],"mappings":"AAkEA,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAA"}

package/dist/compositions/ContentCardGroup/styles.css.js

@@ -0,0 +1,21 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/compositions/ContentCardGroup/styles.css.ts
+var contentCardGroupStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	contentCardGroupStyle = {
+		customStack: "uv_xn5ntf0",
+		cardWrapper: "uv_xn5ntf1",
+		iconWrapper: "uv_xn5ntf2",
+		cardContentStack: "uv_xn5ntf3",
+		groupCardWrapper: "uv_xn5ntf4",
+		skeletonWrapper: "uv_xn5ntf5",
+		squareSkeleton: "uv_xn5ntf6"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { contentCardGroupStyle, init_styles_css };

package/dist/compositions/ContentCardGroup/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/ContentCardGroup/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/compositions/Conversation/components/Date.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties, ReactNode } from 'react';
+export declare const DateComponent: ({ children, style, }: {
+    children: ReactNode;
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Date.d.ts.map

package/dist/compositions/Conversation/components/Date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Conversation/components/Date.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,aAAa,yBAGvB;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,4CAUA,CAAA"}

package/dist/compositions/Conversation/components/Date.js

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { conversationStyle, init_styles_css } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Conversation/components/Date.tsx
+var DateComponent;
+var init_Date = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	DateComponent = ({ children, style }) => /* @__PURE__ */ jsx(Text, {
+		as: "p",
+		className: conversationStyle.styledText,
+		prominence: "weak",
+		style,
+		variant: "bodySmall",
+		children
+	});
+});
+
+//#endregion
+init_Date();
+export { DateComponent, init_Date };

package/dist/compositions/Conversation/components/Message.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, ReactNode } from 'react';
+type MessageProps = {
+    className?: string;
+    children: ReactNode;
+    avatar: ReactNode;
+    align?: 'left' | 'right';
+    style?: CSSProperties;
+};
+export declare const Message: ({ className, children, avatar, align, style, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Message.d.ts.map

package/dist/compositions/Conversation/components/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Conversation/components/Message.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO,mDAMjB,YAAY,4CAUd,CAAA"}

package/dist/compositions/Conversation/components/Message.js

@@ -0,0 +1,28 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { conversationStyle, init_styles_css } from "../styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Conversation/components/Message.tsx
+var Message;
+var init_Message = __esmMin(() => {
+	init_styles_css();
+	Message = ({ className, children, avatar, align = "right", style }) => /* @__PURE__ */ jsxs("div", {
+		className: cn(className, conversationStyle.container[align]),
+		style,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: conversationStyle.bubble,
+			children: /* @__PURE__ */ jsx("div", {
+				className: conversationStyle.rawMessage[align],
+				children
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: conversationStyle.avatar,
+			children: avatar
+		})]
+	});
+});
+
+//#endregion
+init_Message();
+export { Message, init_Message };

package/dist/compositions/Conversation/components/MessageInfos.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties, ReactNode } from 'react';
+export declare const MessageInfos: ({ children, align, style, }: {
+    children: ReactNode;
+    align: 'left' | 'right';
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageInfos.d.ts.map

package/dist/compositions/Conversation/components/MessageInfos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInfos.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Conversation/components/MessageInfos.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,YAAY,gCAItB;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,4CAIA,CAAA"}

package/dist/compositions/Conversation/components/MessageInfos.js

@@ -0,0 +1,18 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { conversationStyle, init_styles_css } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Conversation/components/MessageInfos.tsx
+var MessageInfos;
+var init_MessageInfos = __esmMin(() => {
+	init_styles_css();
+	MessageInfos = ({ children, align, style }) => /* @__PURE__ */ jsx("div", {
+		className: conversationStyle.infos[align],
+		style,
+		children
+	});
+});
+
+//#endregion
+init_MessageInfos();
+export { MessageInfos, init_MessageInfos };

package/dist/compositions/Conversation/components/MessageTag.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties, ReactNode } from 'react';
+export declare const MessageTag: ({ children, style, }: {
+    children: ReactNode;
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageTag.d.ts.map