@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/compositions/CodeEditor/styles.css.d.ts

@@ -1,19 +1,21 @@
 export declare const maxHeightVar: `var(--${string})`;
 export declare const disabledStack: string;
-export declare const copyButton: string;
-export declare const codeEditor: Record<"default" | "disabled", string>;
-export declare const showMoreContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    expanded: {
-        true: {
-            boxShadow: "none";
+export declare const codeEditorStyle: {
+    copyButton: string;
+    codeEditor: Record<"default" | "disabled", string>;
+    showMoreButton: string;
+    showMoreContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        expanded: {
+            true: {
+                boxShadow: "none";
+            };
+            false: {
+                boxShadow: `0px -22px 19px -6px ${string}`;
+            };
         };
-        false: {
-            boxShadow: `0px -22px 19px -6px ${string}`;
-        };
-    };
-}>;
-export declare const showMoreButton: string;
-export declare const centeredText: string;
-export declare const animatedArrowIcon: Record<"false" | "true", string>;
-export declare const codeEditorWrapper: string;
+    }>;
+    centeredText: string;
+    animatedArrowIcon: Record<"false" | "true", string>;
+    wrapper: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/compositions/CodeEditor/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CodeEditor/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,aAAa,QAAmC,CAAA;AAE7D,eAAO,MAAM,UAAU,QAYrB,CAAA;AAYF,eAAO,MAAM,UAAU,wCAGrB,CAAA;AA8EF,eAAO,MAAM,iBAAiB;;;;;;;;;EAY5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAOzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,kCAW5B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAU5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CodeEditor/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,aAAa,QAAmC,CAAA;AAkK7D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAQ3B,CAAA"}

package/dist/components/compositions/CodeEditor/styles.css.js

@@ -1,30 +1,38 @@
-/* empty css                      */
+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/components/compositions/CodeEditor/styles.css.ts
-var maxHeightVar = "var(--uv_q4eszs0)";
-var disabledStack = "uv_q4eszs1";
-var copyButton = "uv_q4eszs2";
-var codeEditor = {
-	"default": "uv_q4eszs4 uv_q4eszs3",
-	disabled: "uv_q4eszs5 uv_q4eszs3"
-};
-var showMoreContainer = createRuntimeFn({
-	defaultClassName: "uv_q4eszs7 uv_q4eszs6",
-	variantClassNames: { expanded: {
-		true: "uv_q4eszs8",
-		false: "uv_q4eszs9"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
+var maxHeightVar, disabledStack, codeEditorStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	maxHeightVar = "var(--uv_q4eszs0)";
+	disabledStack = "uv_q4eszs1";
+	codeEditorStyle = {
+		copyButton: "uv_q4eszs2",
+		codeEditor: {
+			"default": "uv_q4eszs4 uv_q4eszs3",
+			disabled: "uv_q4eszs5 uv_q4eszs3"
+		},
+		showMoreButton: "uv_q4eszsa",
+		showMoreContainer: createRuntimeFn({
+			defaultClassName: "uv_q4eszs7 uv_q4eszs6",
+			variantClassNames: { expanded: {
+				true: "uv_q4eszs8",
+				false: "uv_q4eszs9"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		centeredText: "uv_q4eszsb",
+		animatedArrowIcon: {
+			false: "uv_q4eszsc",
+			true: "uv_q4eszsd"
+		},
+		wrapper: "uv_q4eszse"
+	};
 });
-var showMoreButton = "uv_q4eszsa";
-var centeredText = "uv_q4eszsb";
-var animatedArrowIcon = {
-	false: "uv_q4eszsc",
-	true: "uv_q4eszsd"
-};
-var codeEditorWrapper = "uv_q4eszse";
 
 //#endregion
-export { animatedArrowIcon, centeredText, codeEditor, codeEditorWrapper, copyButton, disabledStack, maxHeightVar, showMoreButton, showMoreContainer };
+init_styles_css();
+export { codeEditorStyle, disabledStack, init_styles_css, maxHeightVar };

package/dist/components/compositions/CodeEditor/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/compositions/CodeEditor/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/components/compositions/ContentCard/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCard/Content.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C,eAAO,MAAM,WAAW;;;6CAkBvB,CAAA;AAED,eAAO,MAAM,WAAW,kIA4CvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;6CAsBxB,CAAA"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCard/Content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C,eAAO,MAAM,WAAW;;;6CAkBvB,CAAA;AAED,eAAO,MAAM,WAAW,kIA4CvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;6CAsBxB,CAAA"}

package/dist/components/compositions/ContentCard/Content.js

@@ -1,65 +1,72 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { iconContainer, iconStack, imageClass, subContainerHeightVar } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { contentCardStyle, init_styles_css, subContainerHeightVar } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
 //#region src/components/compositions/ContentCard/Content.tsx
-const LinkContent = ({ direction, disabled }) => /* @__PURE__ */ jsx(Stack, {
-	alignItems: direction === "column" ? "flex-end" : "center",
-	className: cn(iconStack[direction]),
-	direction,
-	flex: 1,
-	justifyContent: direction === "column" ? "center" : "flex-end",
-	children: /* @__PURE__ */ jsx("div", {
-		className: iconContainer,
-		children: /* @__PURE__ */ jsx(OpenInNewIcon, {
-			disabled,
-			sentiment: "neutral"
+var LinkContent, CardContent, ImageContent;
+var init_Content = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	LinkContent = ({ direction, disabled }) => /* @__PURE__ */ jsx(Stack, {
+		alignItems: direction === "column" ? "flex-end" : "center",
+		className: cn(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"
+			})
 		})
-	})
-});
-const 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]
-});
-const ImageContent = ({ disabled, image, direction, subContainerHeight }) => /* @__PURE__ */ jsx("img", {
-	alt: "",
-	className: imageClass[direction],
-	"data-disabled": disabled,
-	height: direction === "column" ? 120 : void 0,
-	src: image,
-	style: assignInlineVars({ [subContainerHeightVar]: subContainerHeight }),
-	width: direction === "row" ? 220 : void 0
+	});
+	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]
+	});
+	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
-export { CardContent, ImageContent, LinkContent };
+init_Content();
+export { CardContent, ImageContent, LinkContent, init_Content };

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

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

package/dist/components/compositions/ContentCard/Skeleton.js

@@ -1,33 +1,40 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { paddedStack, skeletonHeightVar, skeletonImage, skeletonWidthVar } from "./styles.css.js";
-import { Skeleton as Skeleton$1 } from "../../Skeleton/index.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Skeleton as Skeleton$1, init_Skeleton as init_Skeleton$1 } from "../../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/components/compositions/ContentCard/Skeleton.tsx
-const Skeleton = ({ direction }) => /* @__PURE__ */ jsxs(Stack, {
-	direction,
-	children: [/* @__PURE__ */ jsx(Skeleton$1, {
-		className: skeletonImage[direction],
-		style: assignInlineVars({
-			[skeletonHeightVar]: direction === "column" ? "120px" : "unset",
-			[skeletonWidthVar]: direction === "row" ? "220px" : "100%"
-		}),
-		variant: "square"
-	}), /* @__PURE__ */ jsxs(Stack, {
-		className: 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" })
-		]
-	})]
+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
-export { Skeleton };
+init_Skeleton();
+export { Skeleton, init_Skeleton };

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

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

package/dist/components/compositions/ContentCard/index.js

@@ -1,80 +1,83 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { cardClass, fullHeight, subContainer } from "./styles.css.js";
-import { CardContent, ImageContent, LinkContent } from "./Content.js";
-import { Skeleton } from "./Skeleton.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { contentCardStyle, init_styles_css } from "./styles.css.js";
+import { CardContent, ImageContent, LinkContent, init_Content } from "./Content.js";
+import { Skeleton, init_Skeleton } from "./Skeleton.js";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/ContentCard/index.tsx
-/**
-* ContentCard is a component that displays a title, subtitle, description, image and icon in a card.
-* It can take different directions to display the image and the content. You can also add more content
-* by passing children.
-*/
-const 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, cardClass({ 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: fullHeight,
-			direction,
-			children: [image ? /* @__PURE__ */ jsx(ImageContent, {
-				direction,
-				disabled,
-				image,
-				subContainerHeight
-			}) : null, /* @__PURE__ */ jsxs(Stack, {
+var ContentCard;
+var init_ContentCard = __esmMin(() => {
+	init_Stack();
+	init_Content();
+	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,
-				flex: 1,
-				gap: 2,
-				children: [/* @__PURE__ */ jsxs(Stack, {
-					alignItems: subtitle || description || children ? void 0 : "center",
-					className: subContainer[href ? direction : "noHref"],
+				children: [image ? /* @__PURE__ */ jsx(ImageContent, {
 					direction,
-					flex: "1 1 auto",
-					gap: 2,
-					ref: subContainerRef,
-					children: [icon, /* @__PURE__ */ jsx(CardContent, {
-						description,
-						disabled,
-						headingTag,
-						subtitle,
-						title,
-						children
-					})]
-				}), href ? /* @__PURE__ */ jsx(LinkContent, {
+					disabled,
+					image,
+					subContainerHeight
+				}) : null, /* @__PURE__ */ jsxs(Stack, {
 					direction,
-					disabled
-				}) : null]
-			})]
-		})
+					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
-export { ContentCard };
+init_ContentCard();
+export { ContentCard, init_ContentCard };

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

@@ -1,24 +1,29 @@
 export declare const subContainerHeightVar: `var(--${string})`;
 export declare const skeletonHeightVar: `var(--${string})`;
 export declare const skeletonWidthVar: `var(--${string})`;
-export declare const cardClass: import("@vanilla-extract/recipes").RuntimeFn<{
-    active: {
-        true: {
-            selectors: {
-                '&:hover': {
-                    border: `1px solid var(--${string})`;
-                    boxShadow: `var(--${string})`;
-                    cursor: "pointer";
+export declare const contentCardStyle: {
+    card: import("@vanilla-extract/recipes").RuntimeFn<{
+        active: {
+            true: {
+                selectors: {
+                    '&:hover': {
+                        border: `1px solid var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                        cursor: "pointer";
+                    };
                 };
             };
         };
-    };
-}>;
-export declare const iconContainer: string;
-export declare const iconStack: Record<"column" | "row", string>;
-export declare const subContainer: Record<"column" | "noHref" | "row", string>;
-export declare const imageClass: Record<"column" | "row", string>;
-export declare const fullHeight: string;
-export declare const skeletonImage: Record<"column" | "row", string>;
-export declare const paddedStack: string;
+    }>;
+    iconContainer: string;
+    iconStack: Record<"column" | "row", string>;
+    subContainer: Record<"column" | "noHref" | "row", string>;
+    subContainerBase: string;
+    image: Record<"column" | "row", string>;
+    imageBase: string;
+    fullHeight: string;
+    skeletonImageBase: string;
+    skeletonImage: Record<"column" | "row", string>;
+    paddedStack: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/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;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;EAkCpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAMxB,CAAA;AAEF,eAAO,MAAM,SAAS,kCAOpB,CAAA;AAMF,eAAO,MAAM,YAAY,6CAmBvB,CAAA;AAWF,eAAO,MAAM,UAAU,kCAcrB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAOF,eAAO,MAAM,aAAa,kCAaxB,CAAA;AAEF,eAAO,MAAM,WAAW,QAEtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/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/components/compositions/ContentCard/styles.css.js

@@ -1,36 +1,47 @@
-/* empty css                      */
+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/components/compositions/ContentCard/styles.css.ts
-var subContainerHeightVar = "var(--uv_zkabs00)";
-var skeletonHeightVar = "var(--uv_zkabs01)";
-var skeletonWidthVar = "var(--uv_zkabs02)";
-var cardClass = createRuntimeFn({
-	defaultClassName: "uv_zkabs03",
-	variantClassNames: { active: { true: "uv_zkabs04" } },
-	defaultVariants: {},
-	compoundVariants: []
+var subContainerHeightVar, skeletonHeightVar, skeletonWidthVar, contentCardStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	subContainerHeightVar = "var(--uv_zkabs00)";
+	skeletonHeightVar = "var(--uv_zkabs01)";
+	skeletonWidthVar = "var(--uv_zkabs02)";
+	contentCardStyle = {
+		card: createRuntimeFn({
+			defaultClassName: "uv_zkabs03",
+			variantClassNames: { active: { true: "uv_zkabs04" } },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		iconContainer: "uv_zkabs05",
+		iconStack: {
+			column: "uv_zkabs06",
+			row: "uv_zkabs07"
+		},
+		subContainer: {
+			column: "uv_zkabs09 uv_zkabs08",
+			noHref: "uv_zkabs0a uv_zkabs08",
+			row: "uv_zkabs0b uv_zkabs08"
+		},
+		subContainerBase: "uv_zkabs08",
+		image: {
+			column: "uv_zkabs0d uv_zkabs0c",
+			row: "uv_zkabs0e uv_zkabs0c"
+		},
+		imageBase: "uv_zkabs0c",
+		fullHeight: "uv_zkabs0f",
+		skeletonImageBase: "uv_zkabs0g",
+		skeletonImage: {
+			column: "uv_zkabs0h uv_zkabs0g",
+			row: "uv_zkabs0i uv_zkabs0g"
+		},
+		paddedStack: "uv_zkabs0j"
+	};
 });
-var iconContainer = "uv_zkabs05";
-var iconStack = {
-	column: "uv_zkabs06",
-	row: "uv_zkabs07"
-};
-var subContainer = {
-	column: "uv_zkabs09 uv_zkabs08",
-	noHref: "uv_zkabs0a uv_zkabs08",
-	row: "uv_zkabs0b uv_zkabs08"
-};
-var imageClass = {
-	column: "uv_zkabs0d uv_zkabs0c",
-	row: "uv_zkabs0e uv_zkabs0c"
-};
-var fullHeight = "uv_zkabs0f";
-var skeletonImage = {
-	column: "uv_zkabs0h uv_zkabs0g",
-	row: "uv_zkabs0i uv_zkabs0g"
-};
-var paddedStack = "uv_zkabs0j";
 
 //#endregion
-export { cardClass, fullHeight, iconContainer, iconStack, imageClass, paddedStack, skeletonHeightVar, skeletonImage, skeletonWidthVar, subContainer, subContainerHeightVar };
+init_styles_css();
+export { contentCardStyle, init_styles_css, skeletonHeightVar, skeletonWidthVar, subContainerHeightVar };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/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/components/compositions/ContentCardGroup/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCardGroup/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAWd,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"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCardGroup/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAMd,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"}