@ultraviolet/plus 3.5.1 → 3.6.0

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

@@ -1,39 +1,6 @@
-import { langs } from '@uiw/codemirror-extensions-langs';
-import CodeMirror from '@uiw/react-codemirror';
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-type CodeEditorProps = {
-    value: string;
-    onChange: ComponentProps<typeof CodeMirror>['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;
-};
-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, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { CodeEditor as CodeEditorUV } from '@ultraviolet/ui/compositions/CodeEditor';
+/**
+ * @deprecated Use `CodeEditor` from `@ultraviolet/ui/composition/CodeEditor` instead
+ */
+export declare const CodeEditor: typeof CodeEditorUV;
 //# sourceMappingURL=CodeEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAExD,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAK9C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcrE,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,UAAU,CAAC,CAAA;IACvD,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;CACtB,CAAA;AAED,eAAO,MAAM,UAAU,qUA+ItB,CAAA"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAA;AAEpF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,OAAO,YAA2B,CAAA"}

package/dist/components/CodeEditor/CodeEditor.js

@@ -1,118 +1,11 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { animatedArrowIcon, centeredText, codeEditor, codeEditorWrapper, copyButton, disabledStack, maxHeightVar, showMoreButton, showMoreContainer } from "./styles.css.js";
-import { langs } from "@uiw/codemirror-extensions-langs";
-import { material } from "@uiw/codemirror-theme-material";
-import CodeMirror from "@uiw/react-codemirror";
-import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
-import { CopyButton, Expandable, Label, Stack, Text } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { useMemo, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CodeEditor } from "@ultraviolet/ui/compositions/CodeEditor";
 
 //#region src/components/CodeEditor/CodeEditor.tsx
-const CodeEditor = ({ value, onChange, extensions = "js", onBlur, height, readOnly, autoCompletion, disabled = false, label, copyButton: copyButton$1, id, helper, labelDescription, expandableHeight, hideText = "Hide", showText = "Show", "aria-label": ariaLabel, "data-testid": dataTestId, className, error, lineNumbers = true, style }) => {
-	var _langs$extensions;
-	var _langs$extensions2;
-	const [expanded, setExpanded] = useState(false);
-	const expandableEnabled = expandableHeight !== void 0;
-	const expandableHeightComputed = useMemo(() => {
-		if (!expanded && expandableHeight) return typeof expandableHeight === "string" ? expandableHeight : `${expandableHeight}px`;
-		return "none";
-	}, [expandableHeight, expanded]);
-	const isEditable = !(disabled && readOnly) && (!expandableEnabled || expanded);
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CodeMirror, {
-		"aria-disabled": disabled,
-		"aria-label": ariaLabel,
-		basicSetup: {
-			autocompletion: autoCompletion,
-			highlightActiveLine: false,
-			highlightActiveLineGutter: false,
-			lineNumbers
-		},
-		className,
-		"data-testid": dataTestId,
-		editable: isEditable,
-		extensions: [(_langs$extensions = (_langs$extensions2 = langs[extensions]) === null || _langs$extensions2 === void 0 ? void 0 : _langs$extensions2.call(langs)) !== null && _langs$extensions !== void 0 ? _langs$extensions : langs["sh"]],
-		height: expandableEnabled ? void 0 : height,
-		id,
-		onBlur,
-		onChange,
-		onUpdate: () => {
-			if (disabled) {
-				var _document$getSelectio;
-				(_document$getSelectio = document.getSelection()) === null || _document$getSelectio === void 0 || _document$getSelectio.empty();
-			}
-		},
-		readOnly: readOnly || disabled,
-		theme: material,
-		value,
-		width: "100%"
-	}), copyButton$1 && !disabled ? /* @__PURE__ */ jsx(CopyButton, {
-		bordered: true,
-		className: copyButton,
-		sentiment: "neutral",
-		size: "small",
-		value,
-		children: typeof copyButton$1 === "string" ? copyButton$1 : void 0
-	}) : null] });
-	return /* @__PURE__ */ jsxs(Stack, {
-		className: cn(disabled ? disabledStack : ""),
-		gap: .5,
-		style,
-		children: [
-			label ? /* @__PURE__ */ jsx(Label, {
-				labelDescription,
-				children: label
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: codeEditorWrapper,
-				children: [/* @__PURE__ */ jsx("div", {
-					className: cn(codeEditor[disabled ? "disabled" : "default"]),
-					style: assignInlineVars({ [maxHeightVar]: expandableHeightComputed }),
-					children: expandableEnabled ? /* @__PURE__ */ jsx(Expandable, {
-						minHeight: expandableHeight,
-						opened: expanded,
-						children: content
-					}) : content
-				}), expandableEnabled ? /* @__PURE__ */ jsx("div", {
-					className: showMoreContainer[expanded ? "true" : "false"],
-					children: /* @__PURE__ */ jsx("button", {
-						"aria-expanded": expanded,
-						className: showMoreButton,
-						onClick: () => setExpanded((prevState) => !prevState),
-						type: "button",
-						children: /* @__PURE__ */ jsxs(Text, {
-							as: "span",
-							className: centeredText,
-							sentiment: "neutral",
-							variant: "bodySmallStrong",
-							children: [
-								expanded ? hideText : showText,
-								"\xA0",
-								/* @__PURE__ */ jsx(ArrowDownIcon, { className: animatedArrowIcon[expanded ? "true" : "false"] })
-							]
-						})
-					})
-				}) : null]
-			}),
-			error && typeof error !== "boolean" ? /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				sentiment: "danger",
-				variant: "caption",
-				children: error
-			}) : null,
-			!error && helper ? /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				prominence: "weak",
-				sentiment: "neutral",
-				variant: "caption",
-				children: helper
-			}) : null
-		]
-	});
-};
+/**
+* @deprecated Use `CodeEditor` from `@ultraviolet/ui/composition/CodeEditor` instead
+*/
+const CodeEditor$1 = CodeEditor;
 
 //#endregion
-export { CodeEditor };
+export { CodeEditor$1 as CodeEditor };

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

@@ -1,37 +1,6 @@
-import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-type ContentCardProps = {
-    direction?: 'row' | 'column';
-    /**
-     * The image to display at the top of the card (if direction is column) or to the left of the card (if direction is row).
-     * By default, the image will be cropped to fit the card.
-     */
-    image?: string;
-    /**
-     * The icon the second element of the card to be displayed after the image. We allow any ReactNode but recommend
-     * using `<ProductIcon>` from `@ultraviolet/icons`.
-     */
-    icon?: ReactNode;
-    subtitle?: string;
-    title: string;
-    headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-    description?: string;
-    children?: ReactNode;
-    /**
-     * The href to link the card to. If not provided, the card will not be clickable.
-     */
-    href?: HTMLAnchorElement['href'];
-    target?: HTMLAnchorElement['target'];
-    onClick?: MouseEventHandler<HTMLElement>;
-    disabled?: boolean;
-    loading?: boolean;
-    className?: string;
-    style?: CSSProperties;
-};
+import { ContentCard as ContentCardUV } from '@ultraviolet/ui/compositions/ContentCard';
 /**
- * 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.
+ * @deprecated Use `ContentCard` from `@ultraviolet/ui/composition/ContentCard` instead
  */
-export declare const ContentCard: import("react").ForwardRefExoticComponent<ContentCardProps & import("react").RefAttributes<HTMLAnchorElement & HTMLButtonElement & HTMLDivElement>>;
-export {};
+export declare const ContentCard: typeof ContentCardUV;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcxE,KAAK,gBAAgB,GAAG;IACtB,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;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,qJAiJvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAA;AACvF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,OAAO,aAA6B,CAAA"}

package/dist/components/ContentCard/index.js

@@ -1,110 +1,11 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { activeClass, cardClass, fullHeight, iconContainer, iconStack, imageClass, subContainer, subContainerHeightVar } from "./styles.css.js";
-import { Skeleton as Skeleton$1 } from "./Skeleton.js";
-import { Stack, Text } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+import { ContentCard } from "@ultraviolet/ui/compositions/ContentCard";
 
 //#region src/components/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.
+* @deprecated Use `ContentCard` from `@ultraviolet/ui/composition/ContentCard` instead
 */
-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;
-	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);
-	const Container = useMemo(() => {
-		if (href) return "a";
-		if (onClick) return "button";
-		return "div";
-	}, [href, onClick]);
-	useEffect(() => {
-		var _subContainerRef$curr2;
-		return setSubContainerHeight(subContainerRef === null || subContainerRef === void 0 || (_subContainerRef$curr2 = subContainerRef.current) === null || _subContainerRef$curr2 === void 0 ? void 0 : _subContainerRef$curr2.offsetHeight);
-	}, [subContainerRef]);
-	return /* @__PURE__ */ jsx(Container, {
-		className: cn(className, cardClass, onClick || href ? activeClass : ""),
-		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$1, { direction }) : /* @__PURE__ */ jsxs(Stack, {
-			className: fullHeight,
-			direction,
-			children: [image ? /* @__PURE__ */ jsx("img", {
-				alt: "",
-				className: imageClass[direction],
-				"data-disabled": disabled,
-				height: direction === "column" ? 120 : void 0,
-				src: image,
-				style: assignInlineVars({ [subContainerHeightVar]: subContainerHeight ? `${subContainerHeight.toString()}px` : void 0 }),
-				width: direction === "row" ? 220 : void 0
-			}) : null, /* @__PURE__ */ jsxs(Stack, {
-				direction,
-				flex: 1,
-				gap: 2,
-				children: [/* @__PURE__ */ jsxs(Stack, {
-					alignItems: subtitle || description || children ? void 0 : "center",
-					className: subContainer[href ? direction : "noHref"],
-					direction,
-					flex: "1 1 auto",
-					gap: 2,
-					ref: subContainerRef,
-					children: [icon !== null && icon !== void 0 ? icon : null, /* @__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]
-					})]
-				}), href ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: direction === "column" ? "flex-end" : "center",
-					className: iconStack[direction],
-					direction,
-					flex: 1,
-					justifyContent: direction === "column" ? "center" : "flex-end",
-					children: /* @__PURE__ */ jsx("div", {
-						className: iconContainer,
-						children: /* @__PURE__ */ jsx(OpenInNewIcon, {
-							disabled,
-							sentiment: "neutral"
-						})
-					})
-				}) : null]
-			})]
-		})
-	});
-});
+const ContentCard$1 = ContentCard;
 
 //#endregion
-export { ContentCard };
+export { ContentCard$1 as ContentCard };

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

@@ -1,21 +1,6 @@
-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 | undefined;
-        titleAs?: import("react").ElementType | undefined;
-        subtitle?: string | undefined;
-        subtitleAs?: import("react").ElementType | undefined;
-        description?: string | undefined;
-        children?: ReactNode;
-        href: string;
-        target?: import("react").HTMLAttributeAnchorTarget | undefined;
-        style?: CSSProperties | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>>;
-};
-export {};
+import { ContentCardGroup as ContentCardGroupUV } from '@ultraviolet/ui/compositions/ContentCardGroup';
+/**
+ * @deprecated Use `ContentCardGroup` from `@ultraviolet/ui/composition/ContentCardGroup` instead
+ */
+export declare const ContentCardGroup: typeof ContentCardGroupUV;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentCardGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,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/ContentCardGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,MAAM,+CAA+C,CAAA;AACtG;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,OAAO,kBAAuC,CAAA"}

package/dist/components/ContentCardGroup/index.js

@@ -1,21 +1,11 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { groupCardWrapper } from "./styles.css.js";
-import { Card as Card$1 } from "./Card.js";
-import { SkeletonCard } from "./SkeletonCard.js";
-import { Stack } from "@ultraviolet/ui";
-import { Children, forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { ContentCardGroup } from "@ultraviolet/ui/compositions/ContentCardGroup";
 
 //#region src/components/ContentCardGroup/index.tsx
-const BaseContentCardGroup = forwardRef(({ children, loading, style }, ref) => /* @__PURE__ */ jsx(Stack, {
-	className: groupCardWrapper,
-	direction: "column",
-	ref,
-	style,
-	children: loading ? Children.map(children, (_child, index) => /* @__PURE__ */ jsx(SkeletonCard, {}, index)) : children
-}));
-const ContentCardGroup = Object.assign(BaseContentCardGroup, { Card: Card$1 });
+/**
+* @deprecated Use `ContentCardGroup` from `@ultraviolet/ui/composition/ContentCardGroup` instead
+*/
+const ContentCardGroup$1 = ContentCardGroup;
 
 //#endregion
-export { ContentCardGroup };
+export { ContentCardGroup$1 as ContentCardGroup };

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

@@ -1,50 +1,6 @@
-import type { CSSProperties, ReactNode } from 'react';
-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;
-        style?: CSSProperties | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace Conversation {
-    var Message: ({ className, children, avatar, align, style, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace Conversation {
-    var MessageInfos: ({ children, align, style, }: {
-        children: ReactNode;
-        align: "left" | "right";
-        style?: CSSProperties | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace Conversation {
-    var Tag: ({ children, style, }: {
-        children: ReactNode;
-        style?: CSSProperties | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
-export { Conversation };
+import { Conversation as ConversationUV } from '@ultraviolet/ui/compositions/Conversation';
+/**
+ * @deprecated Use `Conversation` from `@ultraviolet/ui/composition/Conversation` instead
+ */
+export declare const Conversation: typeof ConversationUV;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Conversation/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;8BAW/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,2GAanB,CAAA;AAED,eAAO,MAAM,UAAU;;;6CAUtB,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAOD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Conversation/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAE1F;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,cAA+B,CAAA"}

package/dist/components/Conversation/index.js

@@ -1,51 +1,11 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { conversationAvatar, conversationBubble, conversationContainer, conversationInfos, conversationRawMessage, conversationTag, styledText } from "./styles.css.js";
-import { Stack, Tag, Text } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Conversation } from "@ultraviolet/ui/compositions/Conversation";
 
 //#region src/components/Conversation/index.tsx
-const Conversation = ({ children, style }) => /* @__PURE__ */ jsx(Stack, {
-	style,
-	children
-});
-const MessageInfos = ({ children, align, style }) => /* @__PURE__ */ jsx("div", {
-	className: conversationInfos[align],
-	style,
-	children
-});
-const DateComponent = ({ children, style }) => /* @__PURE__ */ jsx(Text, {
-	as: "p",
-	className: styledText,
-	prominence: "weak",
-	style,
-	variant: "bodySmall",
-	children
-});
-const Message = ({ className, children, avatar, align = "right", style }) => /* @__PURE__ */ jsxs("div", {
-	className: cn(className, conversationContainer[align]),
-	style,
-	children: [/* @__PURE__ */ jsx("div", {
-		className: conversationBubble,
-		children: /* @__PURE__ */ jsx("div", {
-			className: conversationRawMessage[align],
-			children
-		})
-	}), /* @__PURE__ */ jsx("div", {
-		className: conversationAvatar,
-		children: avatar
-	})]
-});
-const MessageTag = ({ children, style }) => /* @__PURE__ */ jsx(Tag, {
-	className: conversationTag,
-	style,
-	children
-});
-Conversation.Date = DateComponent;
-Conversation.Message = Message;
-Conversation.MessageInfos = MessageInfos;
-Conversation.Tag = MessageTag;
+/**
+* @deprecated Use `Conversation` from `@ultraviolet/ui/composition/Conversation` instead
+*/
+const Conversation$1 = Conversation;
 
 //#endregion
-export { Conversation };
+export { Conversation$1 as Conversation };

package/dist/components/CustomerSatisfaction/index.d.ts

@@ -1,33 +1,6 @@
-import type { CSSProperties } from 'react';
-declare const ratings: readonly [{
-    readonly imgNotSelected: string;
-    readonly imgSelected: string;
-    readonly value: 1;
-}, {
-    readonly imgNotSelected: string;
-    readonly imgSelected: string;
-    readonly value: 2;
-}, {
-    readonly imgNotSelected: string;
-    readonly imgSelected: string;
-    readonly value: 3;
-}, {
-    readonly imgNotSelected: string;
-    readonly imgSelected: string;
-    readonly value: 4;
-}, {
-    readonly imgNotSelected: string;
-    readonly imgSelected: string;
-    readonly value: 5;
-}];
-type Value = (typeof ratings)[number]['value'];
-type CustomerSatisfactionProps = {
-    value: Value;
-    onChange: (rating: Value) => void;
-    'data-testid'?: string;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const CustomerSatisfaction: ({ value, onChange, 'data-testid': dataTestId, className, style, }: CustomerSatisfactionProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { CustomerSatisfaction as CustomerSatisfactionUV } from '@ultraviolet/ui/compositions/CustomerSatisfaction';
+/**
+ * @deprecated Use `CustomerSatisfaction` from `@ultraviolet/ui/composition/CustomerSatisfaction` instead
+ */
+export declare const CustomerSatisfaction: typeof CustomerSatisfactionUV;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CustomerSatisfaction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CustomerSatisfaction/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAiB1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;EA0BH,CAAA;AAEV,KAAK,KAAK,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE9C,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,oBAAoB,2IA4DhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CustomerSatisfaction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,IAAI,sBAAsB,EAAE,MAAM,mDAAmD,CAAA;AAElH;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,OAAO,sBAClB,CAAA"}