@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/compositions/CodeEditor/components/CopyButton.js

@@ -0,0 +1,24 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { CopyButton, init_CopyButton as init_CopyButton$1 } from "../../../CopyButton/index.js";
+import { codeEditorStyle, init_styles_css } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/CodeEditor/components/CopyButton.tsx
+var CodeEditorCopyButton;
+var init_CopyButton = __esmMin(() => {
+	init_CopyButton$1();
+	init_styles_css();
+	CodeEditorCopyButton = ({ copyButton, value }) => /* @__PURE__ */ jsx(CopyButton, {
+		bordered: true,
+		className: codeEditorStyle.copyButton,
+		sentiment: "neutral",
+		size: "small",
+		value,
+		children: typeof copyButton === "string" ? copyButton : void 0
+	});
+});
+
+//#endregion
+init_CopyButton();
+export { CodeEditorCopyButton, init_CopyButton };

package/dist/components/compositions/CodeEditor/components/Expandable.d.ts

@@ -0,0 +1,8 @@
+import type { Dispatch, SetStateAction } from 'react';
+export declare const CodeEditorExpandable: ({ expanded, setExpanded, hideText, showText, }: {
+    expanded: boolean;
+    setExpanded: Dispatch<SetStateAction<boolean>>;
+    hideText: string;
+    showText: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Expandable.d.ts.map

package/dist/components/compositions/CodeEditor/components/Expandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/CodeEditor/components/Expandable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,oBAAoB;;;;;6CAkChC,CAAA"}

package/dist/components/compositions/CodeEditor/components/Expandable.js

@@ -0,0 +1,37 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { codeEditorStyle, init_styles_css } from "../styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+
+//#region src/components/compositions/CodeEditor/components/Expandable.tsx
+var CodeEditorExpandable;
+var init_Expandable = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	CodeEditorExpandable = ({ expanded, setExpanded, hideText, showText }) => /* @__PURE__ */ jsx("div", {
+		className: codeEditorStyle.showMoreContainer({ expanded }),
+		children: /* @__PURE__ */ jsx("button", {
+			"aria-expanded": expanded,
+			className: codeEditorStyle.showMoreButton,
+			onClick: () => setExpanded((prevState) => !prevState),
+			type: "button",
+			children: /* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				className: codeEditorStyle.centeredText,
+				sentiment: "neutral",
+				variant: "bodySmallStrong",
+				children: [
+					expanded ? hideText : showText,
+					"\xA0",
+					/* @__PURE__ */ jsx(ArrowDownIcon, { className: codeEditorStyle.animatedArrowIcon[expanded ? "true" : "false"] })
+				]
+			})
+		})
+	});
+});
+
+//#endregion
+init_Expandable();
+export { CodeEditorExpandable, init_Expandable };

package/dist/components/compositions/CodeEditor/index.d.ts

@@ -1,40 +1,6 @@
-import { langs } from '@uiw/codemirror-extensions-langs';
-import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
-import type { CSSProperties, ReactNode } from 'react';
-type CodeEditorProps = {
-    value: string;
-    onChange: ReactCodeMirrorProps['onChange'];
-    extensions: keyof typeof langs;
-    onBlur?: () => void;
-    height?: string;
-    readOnly?: boolean;
-    autoCompletion?: boolean;
-    disabled?: boolean;
-    helper?: ReactNode;
-    /**
-     * When set to true, a copy button is displayed in the top right corner of the editor.
-     * If a string is provided, it is used as the button's label. Otherwise, no label is displayed.
-     */
-    copyButton?: boolean | string;
-    label?: string;
-    /**
-     * Defines a max height and adds an expand button to see the full content of the component
-     */
-    expandableHeight?: number;
-    /** Text for the "show" button when maxLines is defined */
-    showText?: string;
-    /** Text for the "hide" button when maxLines is defined */
-    hideText?: string;
-    id?: string;
-    labelDescription?: ReactNode;
-    'aria-label'?: string;
-    'data-testid'?: string;
-    className?: string;
-    error?: string;
-    lineNumbers?: boolean;
-    style?: CSSProperties;
-    required?: boolean;
-};
+import type { CodeEditorProps } from './type';
+/**
+ * A code editor is a specialized tool designed to help developers write, edit, and manage code efficiently.
+ */
 export declare const CodeEditor: ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, expandableHeight, hideText, showText, 'aria-label': ariaLabel, 'data-testid': dataTestId, className, error, lineNumbers, style, required, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CodeEditor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAgBxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAY,SAAS,EAAkB,MAAM,OAAO,CAAA;AAE/E,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,OAAO,KAAK,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAwDD,eAAO,MAAM,UAAU,+UAoHtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CodeEditor/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAE7C;;GAEG;AACH,eAAO,MAAM,UAAU,+UAoHtB,CAAA"}

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

@@ -2,56 +2,29 @@
 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 { Expandable, init_Expandable } from "../../Expandable/index.js";
 import { Label, init_Label } from "../../Label/index.js";
-import { CopyButton, init_CopyButton } from "../../CopyButton/index.js";
+import { Expandable, init_Expandable } from "../../Expandable/index.js";
 import { codeEditorStyle, disabledStack, init_styles_css, maxHeightVar } from "./styles.css.js";
+import { CodeEditorCopyButton, init_CopyButton } from "./components/CopyButton.js";
+import { CodeEditorExpandable, init_Expandable as init_Expandable$1 } from "./components/Expandable.js";
 import { useState } from "react";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { langs } from "@uiw/codemirror-extensions-langs";
 import { material } from "@uiw/codemirror-theme-material";
 import CodeMirror from "@uiw/react-codemirror";
 
 //#region src/components/compositions/CodeEditor/index.tsx
-var CodeEditorCopyButton, CodeEditorExpandable, CodeEditor;
+var CodeEditor;
 var init_CodeEditor = __esmMin(() => {
-	init_CopyButton();
 	init_Expandable();
 	init_Label();
 	init_Stack();
 	init_Text();
+	init_CopyButton();
+	init_Expandable$1();
 	init_styles_css();
-	CodeEditorCopyButton = ({ copyButton, value }) => /* @__PURE__ */ jsx(CopyButton, {
-		bordered: true,
-		className: codeEditorStyle.copyButton,
-		sentiment: "neutral",
-		size: "small",
-		value,
-		children: typeof copyButton === "string" ? copyButton : void 0
-	});
-	CodeEditorExpandable = ({ expanded, setExpanded, hideText, showText }) => /* @__PURE__ */ jsx("div", {
-		className: codeEditorStyle.showMoreContainer({ expanded }),
-		children: /* @__PURE__ */ jsx("button", {
-			"aria-expanded": expanded,
-			className: codeEditorStyle.showMoreButton,
-			onClick: () => setExpanded((prevState) => !prevState),
-			type: "button",
-			children: /* @__PURE__ */ jsxs(Text, {
-				as: "span",
-				className: codeEditorStyle.centeredText,
-				sentiment: "neutral",
-				variant: "bodySmallStrong",
-				children: [
-					expanded ? hideText : showText,
-					"\xA0",
-					/* @__PURE__ */ jsx(ArrowDownIcon, { className: codeEditorStyle.animatedArrowIcon[expanded ? "true" : "false"] })
-				]
-			})
-		})
-	});
 	CodeEditor = ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled = false, label, copyButton, id, helper, labelDescription, expandableHeight, hideText = "Hide", showText = "Show", "aria-label": ariaLabel, "data-testid": dataTestId, className, error, lineNumbers = true, style, required }) => {
 		var _langs$extensions;
 		var _langs$extensions2;

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

@@ -1,10 +1,12 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_themes_css_js_vanilla } from "../../../themes/dist/vanilla/themes.css.js.vanilla.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, disabledStack, codeEditorStyle;
 var init_styles_css = __esmMin(() => {
+	init_themes_css_js_vanilla();
 	init_styles_css_ts_vanilla();
 	maxHeightVar = "var(--uv_q4eszs0)";
 	disabledStack = "uv_q4eszs1";

package/dist/components/compositions/CodeEditor/type.d.ts

@@ -0,0 +1,38 @@
+import type { langs } from '@uiw/codemirror-extensions-langs';
+import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import type { CSSProperties, ReactNode } from 'react';
+export type CodeEditorProps = {
+    value: string;
+    onChange: ReactCodeMirrorProps['onChange'];
+    extensions: keyof typeof langs;
+    onBlur?: () => void;
+    height?: string;
+    readOnly?: boolean;
+    autoCompletion?: boolean;
+    disabled?: boolean;
+    helper?: ReactNode;
+    /**
+     * When set to true, a copy button is displayed in the top right corner of the editor.
+     * If a string is provided, it is used as the button's label. Otherwise, no label is displayed.
+     */
+    copyButton?: boolean | string;
+    label?: string;
+    /**
+     * Defines a max height and adds an expand button to see the full content of the component
+     */
+    expandableHeight?: number;
+    /** Text for the "show" button when maxLines is defined */
+    showText?: string;
+    /** Text for the "hide" button when maxLines is defined */
+    hideText?: string;
+    id?: string;
+    labelDescription?: ReactNode;
+    'aria-label'?: string;
+    'data-testid'?: string;
+    className?: string;
+    error?: string;
+    lineNumbers?: boolean;
+    style?: CSSProperties;
+    required?: boolean;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/components/compositions/CodeEditor/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CodeEditor/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,OAAO,KAAK,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}

package/dist/components/compositions/ContentCard/Content.d.ts

@@ -1,13 +1,3 @@
 import type { ContentCardProps } from './type';
-export declare const LinkContent: ({ direction, disabled, }: {
-    direction: "column" | "row";
-    disabled?: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
 export declare const CardContent: ({ title, subtitle, disabled, headingTag, description, children, }: ContentCardProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ImageContent: ({ disabled, image, direction, subContainerHeight, }: {
-    disabled?: boolean | undefined;
-    image?: string | undefined;
-    direction: "column" | "row";
-    subContainerHeight: string;
-}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Content.d.ts.map

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":"AAWA,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":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C,eAAO,MAAM,WAAW,kIA4CvB,CAAA"}

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

@@ -2,32 +2,13 @@
 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 { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
 //#region src/components/compositions/ContentCard/Content.tsx
-var LinkContent, CardContent, ImageContent;
+var CardContent;
 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"
-			})
-		})
-	});
 	CardContent = ({ title, subtitle, disabled, headingTag = "h3", description, children }) => /* @__PURE__ */ jsxs(Stack, {
 		flex: "1 1 auto",
 		gap: 2,
@@ -56,17 +37,8 @@ var init_Content = __esmMin(() => {
 			}) : 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
 init_Content();
-export { CardContent, ImageContent, LinkContent, init_Content };
+export { CardContent, init_Content };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCard/ImageContent.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;;;;6CAsBxB,CAAA"}

package/dist/components/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/components/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/components/compositions/ContentCard/LinkContent.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCard/LinkContent.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;6CAkBvB,CAAA"}

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

@@ -0,0 +1,30 @@
+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 { jsx } from "react/jsx-runtime";
+import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+
+//#region src/components/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/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":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,WAAW,qJA2GvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/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/components/compositions/ContentCard/index.js

@@ -1,8 +1,10 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
+import { CardContent, init_Content } from "./Content.js";
 import { contentCardStyle, init_styles_css } from "./styles.css.js";
-import { CardContent, ImageContent, LinkContent, init_Content } from "./Content.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";
@@ -13,6 +15,8 @@ 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) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/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;AAqBD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAE3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/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/components/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 | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Date.d.ts.map

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

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

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

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { conversationStyle, init_styles_css } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/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/components/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/components/compositions/Conversation/components/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/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,2GAgBnB,CAAA"}

package/dist/components/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/components/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/components/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 | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageInfos.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInfos.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Conversation/components/MessageInfos.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,YAAY;;;;6CAYxB,CAAA"}

package/dist/components/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/components/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/components/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 | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Conversation/components/MessageTag.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,UAAU;;;6CAUtB,CAAA"}

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

@@ -0,0 +1,20 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Tag, init_Tag } from "../../../Tag/index.js";
+import { conversationStyle, init_styles_css } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/Conversation/components/MessageTag.tsx
+var MessageTag;
+var init_MessageTag = __esmMin(() => {
+	init_Tag();
+	init_styles_css();
+	MessageTag = ({ children, style }) => /* @__PURE__ */ jsx(Tag, {
+		className: conversationStyle.tag,
+		style,
+		children
+	});
+});
+
+//#endregion
+init_MessageTag();
+export { MessageTag, init_MessageTag };

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

@@ -3,27 +3,6 @@ declare function Conversation({ children, style }: {
     children: ReactNode;
     style?: CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;
-export declare const MessageInfos: ({ children, align, style, }: {
-    children: ReactNode;
-    align: "left" | "right";
-    style?: CSSProperties | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DateComponent: ({ children, style, }: {
-    children: ReactNode;
-    style?: CSSProperties | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-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 declare const MessageTag: ({ children, style, }: {
-    children: ReactNode;
-    style?: CSSProperties | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
 declare namespace Conversation {
     var Date: ({ children, style, }: {
         children: ReactNode;
@@ -31,7 +10,13 @@ declare namespace Conversation {
     }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace Conversation {
-    var Message: ({ className, children, avatar, align, style, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+    var Message: ({ className, children, avatar, align, style, }: {
+        className?: string | undefined;
+        children: ReactNode;
+        avatar: ReactNode;
+        align?: "left" | "right" | undefined;
+        style?: CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace Conversation {
     var MessageInfos: ({ children, align, style, }: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Conversation/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;8BAE/B,EACpB,QAAQ,EACR,KAAK,EACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,eAAO,MAAM,YAAY;;;;6CAYxB,CAAA;AAED,eAAO,MAAM,aAAa;;;6CAgBzB,CAAA;AAED,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,2GAgBnB,CAAA;AAED,eAAO,MAAM,UAAU;;;6CAUtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAOD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Conversation/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;8BAE/B,EACpB,QAAQ,EACR,KAAK,EACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,OAAO,EAAE,YAAY,EAAE,CAAA"}