@ultraviolet/ui 3.10.2 → 3.11.1

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

@@ -0,0 +1,80 @@
+'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 { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
+
+//#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, {
+				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, /* @__PURE__ */ jsx(CardContent, {
+						description,
+						disabled,
+						headingTag,
+						subtitle,
+						title,
+						children
+					})]
+				}), href ? /* @__PURE__ */ jsx(LinkContent, {
+					direction,
+					disabled
+				}) : null]
+			})]
+		})
+	});
+});
+
+//#endregion
+export { ContentCard };

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

@@ -0,0 +1,24 @@
+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 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;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+/* empty css                      */
+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 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 };

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

@@ -0,0 +1,30 @@
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+export 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;
+};
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/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/components/compositions/ContentCardGroup/Card.d.ts

@@ -0,0 +1,15 @@
+import type { AnchorHTMLAttributes, CSSProperties, ElementType, ReactNode } from 'react';
+type CardProps = {
+    title?: string;
+    titleAs?: ElementType;
+    subtitle?: string;
+    subtitleAs?: ElementType;
+    description?: string;
+    children?: ReactNode;
+    href: string;
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    style?: CSSProperties;
+};
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/compositions/ContentCardGroup/Card.js

@@ -0,0 +1,58 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { customStack, fullHeightStack, iconWrapper, styledWrapper } from "./styles.css.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
+
+//#region src/components/compositions/ContentCardGroup/Card.tsx
+const Card = forwardRef(({ title, titleAs, subtitle, subtitleAs, description, children, href, target = "_blank", style }, ref) => /* @__PURE__ */ jsx("a", {
+	className: styledWrapper,
+	href,
+	ref,
+	style,
+	target,
+	children: /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		className: fullHeightStack,
+		direction: "row",
+		gap: 2,
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ jsxs(Stack, {
+			className: 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: iconWrapper,
+			children: /* @__PURE__ */ jsx(OpenInNewIcon, { sentiment: "neutral" })
+		})]
+	})
+}));
+
+//#endregion
+export { Card };

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

@@ -0,0 +1,2 @@
+export declare const SkeletonCard: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SkeletonCard.d.ts.map

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

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

package/dist/components/compositions/ContentCardGroup/SkeletonCard.js

@@ -0,0 +1,30 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { Skeleton } from "../../Skeleton/index.js";
+import { skeletonWrapper, squareSkeleton } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/ContentCardGroup/SkeletonCard.tsx
+const SkeletonCard = () => /* @__PURE__ */ jsx("div", {
+	className: 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: squareSkeleton,
+			variant: "square"
+		})]
+	})
+});
+
+//#endregion
+export { SkeletonCard };

package/dist/components/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 | 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 {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCardGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOrD,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"}

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

@@ -0,0 +1,21 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { groupCardWrapper } from "./styles.css.js";
+import { Card } from "./Card.js";
+import { SkeletonCard } from "./SkeletonCard.js";
+import { Children, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/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 });
+
+//#endregion
+export { ContentCardGroup };

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

@@ -0,0 +1,8 @@
+export declare const customStack: string;
+export declare const styledWrapper: string;
+export declare const iconWrapper: string;
+export declare const fullHeightStack: string;
+export declare const groupCardWrapper: string;
+export declare const skeletonWrapper: string;
+export declare const squareSkeleton: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/ContentCardGroup/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAEtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAmBxB,CAAA;AACF,eAAO,MAAM,WAAW,QAUtB,CAAA;AAEF,eAAO,MAAM,eAAe,QAE1B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAK3B,CAAA;AAEF,eAAO,MAAM,eAAe,QAO1B,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA"}

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

@@ -0,0 +1,13 @@
+/* empty css                      */
+
+//#region src/components/compositions/ContentCardGroup/styles.css.ts
+var customStack = "uv_13h8ak90";
+var styledWrapper = "uv_13h8ak91";
+var iconWrapper = "uv_13h8ak92";
+var fullHeightStack = "uv_13h8ak93";
+var groupCardWrapper = "uv_13h8ak94";
+var skeletonWrapper = "uv_13h8ak95";
+var squareSkeleton = "uv_13h8ak96";
+
+//#endregion
+export { customStack, fullHeightStack, groupCardWrapper, iconWrapper, skeletonWrapper, squareSkeleton, styledWrapper };

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

@@ -0,0 +1,50 @@
+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 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Conversation/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;8BAc/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"}

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

@@ -0,0 +1,53 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { Tag } from "../../Tag/index.js";
+import { conversationAvatar, conversationBubble, conversationContainer, conversationInfos, conversationRawMessage, conversationTag, styledText } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
+
+//#region src/components/compositions/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;
+
+//#endregion
+export { Conversation };

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

@@ -0,0 +1,8 @@
+export declare const conversationInfos: Record<"left" | "right", string>;
+export declare const styledText: string;
+export declare const conversationContainer: Record<"left" | "right", string>;
+export declare const conversationRawMessage: Record<"left" | "right", string>;
+export declare const conversationAvatar: string;
+export declare const conversationBubble: string;
+export declare const conversationTag: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Conversation/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,iBAAiB,kCAG5B,CAAA;AAEF,eAAO,MAAM,UAAU,QAGrB,CAAA;AAOF,eAAO,MAAM,qBAAqB,kCAGhC,CAAA;AAQF,eAAO,MAAM,sBAAsB,kCASjC,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAA2B,CAAA;AAE1D,eAAO,MAAM,eAAe,QAI1B,CAAA"}

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

@@ -0,0 +1,22 @@
+/* empty css                      */
+
+//#region src/components/compositions/Conversation/styles.css.ts
+var conversationInfos = {
+	left: "uv_5wos121 uv_5wos120",
+	right: "uv_5wos122 uv_5wos120"
+};
+var styledText = "uv_5wos123";
+var conversationContainer = {
+	left: "uv_5wos125 uv_5wos124",
+	right: "uv_5wos126 uv_5wos124"
+};
+var conversationRawMessage = {
+	left: "uv_5wos128 uv_5wos127",
+	right: "uv_5wos129 uv_5wos127"
+};
+var conversationAvatar = "uv_5wos12a";
+var conversationBubble = "uv_5wos12b";
+var conversationTag = "uv_5wos12c";
+
+//#endregion
+export { conversationAvatar, conversationBubble, conversationContainer, conversationInfos, conversationRawMessage, conversationTag, styledText };

package/dist/components/compositions/CustomerSatisfaction/assets/1-5.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/1-5.svg
+var _1_5_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-1.9%209.3-2.1%2018.7-.2%2028%202.3%2012%209.6%2019.3%2021.6%2021.4%204.3.8%208.7%201.1%2013%201.1s8.6-.4%2012.9-1.1c11.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200'%20clip-rule='evenodd'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.1-1.2-.2-1.9-.3C50.2%203%2058.7%209.8%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48.1%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.7%201.1%2013%201.1s8.6-.4%2012.9-1.1c11.6-2%2019.3-9.2%2021.8-20.9%201.9-9.2%201.8-18.6.1-27.8'%20clip-rule='evenodd'%20opacity='.06'/%3e%3cpath%20fill='%231b1464'%20d='M37.6%2047.7c-.1%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7s.1-1.4.7-1.6c3-1.1%206.2-1.1%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8'%20opacity='.31'/%3e%3cpath%20fill='%234f0599'%20d='M33.9%2036.2c-7%200-13.6%202.7-18.5%207.7-.5.5-.5%201.3%200%201.7.5.5%201.3.5%201.7%200%204.5-4.5%2010.4-6.9%2016.8-6.9s12.3%202.5%2016.8%206.9c.2.2.6.4.9.4s.6-.1.9-.4c.5-.5.5-1.3%200-1.7-5-5-11.6-7.7-18.6-7.7m-20-6.7c0%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6q0-.75-.3-1.5c.5.1%201%20.1%201.6.1%201.4%200%203-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.9-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4-.6.4-.7%201.1-.4%201.7%200%20.1.9%201.3%202.6%202.6-1.5.8-2.5%202.3-2.5%204m38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9s.2%201.3.9%201.5c1.8.5%203.4.7%204.8.7.5%200%201.1%200%201.6-.1q-.3.75-.3%201.5c0%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-1.7-.9-3.2-2.3-4%201.7-1.3%202.5-2.5%202.6-2.6.2-.6%200-1.3-.6-1.7'/%3e%3cpath%20fill='none'%20stroke='%23f954a2'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-miterlimit='10'%20stroke-width='1.5'%20d='m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.6-6.5%202.4%202.3-2.4%202.3'/%3e%3c/svg%3e";
+
+//#endregion
+export { _1_5_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/1-5NB.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/1-5NB.svg
+var _1_5NB_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23f0f0f0'%20d='M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200'/%3e%3cpath%20fill='%233b3b3b'%20d='M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8'%20opacity='.06'/%3e%3cpath%20fill='%231f1f1f'%20d='M37.6%2047.7c-.2%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7s.1-1.4.7-1.6c3-1.2%206.2-1.2%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8'%20opacity='.31'/%3e%3cpath%20fill='%232b2b2b'%20d='M33.9%2036.2c-6.9%200-13.6%202.7-18.5%207.7-.5.5-.4%201.3.1%201.8.5.4%201.2.4%201.6%200%209.3-9.3%2024.3-9.3%2033.5%200%20.5.5%201.3.4%201.8-.1.4-.5.4-1.2%200-1.6-4.9-5.1-11.5-7.8-18.5-7.8m-20-6.7c-.1%202.5%201.8%204.7%204.4%204.8%202.5.1%204.7-1.8%204.8-4.4v-.4q0-.75-.3-1.5c.5.1%201%20.1%201.5.1%201.6%200%203.2-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.8-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4s-.7%201.1-.4%201.7c.7%201%201.6%201.9%202.6%202.6-1.5.8-2.4%202.3-2.4%204m38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9s.2%201.3.9%201.5c1.6.4%203.2.7%204.8.7.5%200%201%200%201.5-.1q-.3.75-.3%201.5c0%202.5%202%204.6%204.6%204.6%202.5%200%204.6-2%204.6-4.6%200-1.7-.9-3.2-2.4-4%201-.7%201.9-1.6%202.6-2.6.4-.5.2-1.3-.4-1.7'/%3e%3cpath%20fill='none'%20stroke='%238e8e8e'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.5-6.5%202.3%202.3-2.3%202.3'/%3e%3c/svg%3e";
+
+//#endregion
+export { _1_5NB_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/2-5.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/2-5.svg
+var _2_5_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3cpath%20fill='%234f0599'%20d='M44.7%2040.9a23.75%2023.75%200%200%200-26.47%200%201.11%201.11%200%200%200-.31%201.55%201.14%201.14%200%200%200%201.56.31%2021.5%2021.5%200%200%201%2024%200%201.2%201.2%200%200%200%20.62.19%201.15%201.15%200%200%200%20.94-.5%201.12%201.12%200%200%200-.34-1.55M22.22%2025.15a4.15%204.15%200%201%200-4.15%204.15%204.15%204.15%200%200%200%204.15-4.15M44.85%2021A4.15%204.15%200%201%200%2049%2025.15%204.16%204.16%200%200%200%2044.85%2021'/%3e%3cpath%20fill='%231b1464'%20d='M35.19%2044.84a1.1%201.1%200%200%201-.4-.08%209.2%209.2%200%200%200-6.65%200%201.12%201.12%200%201%201-.8-2.09%2011.4%2011.4%200%200%201%208.25%200%201.12%201.12%200%200%201-.4%202.17'%20opacity='.31'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+//#endregion
+export { _2_5_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/2-5NB.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/2-5NB.svg
+var _2_5NB_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23f0f0f0'%20d='M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200'/%3e%3cpath%20fill='%233b3b3b'%20d='M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8'%20opacity='.06'/%3e%3cpath%20fill='%232b2b2b'%20d='M44.7%2040.9c-8-5.4-18.5-5.4-26.5%200-.5.3-.7%201-.3%201.5s1%20.6%201.6.3c7.3-4.9%2016.7-4.9%2024%200%20.2.1.4.2.6.2.4%200%20.7-.2.9-.5.4-.5.2-1.2-.3-1.5M22.2%2025.1c0-2.3-1.9-4.1-4.1-4.1-2.3%200-4.2%201.9-4.2%204.1s1.9%204.1%204.2%204.1c2.3.1%204.1-1.8%204.1-4.1M44.8%2021c-2.3%200-4.1%201.9-4.1%204.2s1.9%204.1%204.2%204.1%204.1-1.9%204.1-4.1c0-2.3-1.9-4.2-4.2-4.2'/%3e%3cpath%20fill='%231f1f1f'%20d='M35.2%2044.8c-.1%200-.3%200-.4-.1-2.1-.8-4.5-.8-6.6%200-.6.2-1.2%200-1.5-.6-.2-.6%200-1.2.6-1.5h.1c2.7-1%205.6-1%208.2%200%20.6.2.9.9.7%201.4-.2.6-.6.8-1.1.8'%20opacity='.31'/%3e%3c/svg%3e";
+
+//#endregion
+export { _2_5NB_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/3-5.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/3-5.svg
+var _3_5_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3cpath%20fill='%234f0599'%20d='M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021'/%3e%3cpath%20fill='none'%20stroke='%234f0599'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2.51'%20d='M24%2044h22'/%3e%3cpath%20fill='none'%20stroke='%231b1464'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2'%20d='M32%2050h6'%20opacity='.31'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+//#endregion
+export { _3_5_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/3-5NB.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/3-5NB.svg
+var _3_5NB_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23f0f0f0'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%233b3b3b'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3cpath%20fill='%232b2b2b'%20d='M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021'/%3e%3cpath%20fill='none'%20stroke='%232b2b2b'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2.51'%20d='M24%2044h22'/%3e%3cpath%20fill='none'%20stroke='%231f1f1f'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2'%20d='M32%2050h6'%20opacity='.31'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+//#endregion
+export { _3_5NB_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/4-5.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/4-5.svg
+var _4_5_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%234f0599'%20d='M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81'/%3e%3cpath%20fill='%231b1464'%20d='M31.5%2051.14a17.5%2017.5%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.5%2017.5%200%200%201-5.01.76'%20opacity='.31'/%3e%3cpath%20fill='%234f0599'%20d='M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12m26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12'/%3e%3cellipse%20cx='13.75'%20cy='37.62'%20fill='%23f270a8'%20rx='2.75'%20ry='2.96'/%3e%3cellipse%20cx='49.25'%20cy='37.62'%20fill='%23f270a8'%20rx='2.75'%20ry='2.96'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3c/svg%3e";
+
+//#endregion
+export { _4_5_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/4-5NB.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/4-5NB.svg
+var _4_5NB_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cdefs%3e%3cstyle%3e%20.cls-2{fill:%232b2b2b}.cls-4{fill:%239d9d9d}%20%3c/style%3e%3c/defs%3e%3cg%20id='Calque_2'%20data-name='Calque%202'%3e%3cg%20id='Calque_1-2'%20data-name='Calque%201'%3e%3cpath%20fill='%23f0f0f0'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20d='M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81'%20class='cls-2'/%3e%3cpath%20fill='%231f1f1f'%20d='M31.5%2051.14a17.5%2017.5%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.5%2017.5%200%200%201-5.01.76'%20opacity='.31'/%3e%3cpath%20d='M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12m26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12'%20class='cls-2'/%3e%3cellipse%20cx='13.75'%20cy='37.62'%20class='cls-4'%20rx='2.75'%20ry='2.96'/%3e%3cellipse%20cx='49.25'%20cy='37.62'%20class='cls-4'%20rx='2.75'%20ry='2.96'/%3e%3cpath%20fill='%233b3b3b'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+//#endregion
+export { _4_5NB_default as default };

package/dist/components/compositions/CustomerSatisfaction/assets/5-5.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/5-5.svg
+var _5_5_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%234f0599'%20d='M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12m26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3cpath%20fill='%23fff'%20d='M46%2032.9v5.47a21.22%2021.22%200%200%201-30%200V32.9a21.22%2021.22%200%200%200%2030%200'/%3e%3cpath%20fill='%23f954a2'%20d='M34.82%2048.44a6.4%206.4%200%200%201%205.63%203.36%2015%2015%200%200%201-18.9%200A6.39%206.39%200%200%201%2031%2049.71a6.3%206.3%200%200%201%203.82-1.27'/%3e%3cpath%20fill='%23971096'%20d='M46%2038.37v1.78a15%2015%200%200%201-4.39%2010.61c-.37.37-.76.71-1.16%201a6.4%206.4%200%200%200-5.63-3.36A6.3%206.3%200%200%200%2031%2049.71a6.39%206.39%200%200%200-9.45%202.09A15%2015%200%200%201%2016%2040.15v-1.78a21.22%2021.22%200%200%200%2030%200'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+//#endregion
+export { _5_5_default as default };