@ultraviolet/plus 3.0.0-beta.9 → 3.1.0

package/dist/components/ContentCardGroup/index.js

@@ -1,26 +1,20 @@
 "use client";
-import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { Stack } from "@ultraviolet/ui";
 import { forwardRef, Children } from "react";
 import { Card } from "./Card.js";
 import { SkeletonCard } from "./SkeletonCard.js";
-const StyledWrapper = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "e1393dgx0"
-} : {
-  target: "e1393dgx0",
-  label: "StyledWrapper"
-})("border-radius:", ({
-  theme
-}) => theme.radii.default, ";border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";background:", ({
-  theme
-}) => theme.colors.neutral.background, ";min-width:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGlsZHJlbiwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IFNrZWxldG9uQ2FyZCB9IGZyb20gJy4vU2tlbGV0b25DYXJkJ1xuXG50eXBlIEJhc2VDb250ZW50Q2FyZEdyb3VwUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgbG9hZGluZz86IGJvb2xlYW5cbn1cblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChTdGFjaylgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBCYXNlQ29udGVudENhcmRHcm91cCA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBCYXNlQ29udGVudENhcmRHcm91cFByb3BzXG4+KCh7IGNoaWxkcmVuLCBsb2FkaW5nIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkV3JhcHBlciBkaXJlY3Rpb249XCJjb2x1bW5cIiByZWY9e3JlZn0+XG4gICAgeyFsb2FkaW5nID8gKFxuICAgICAgY2hpbGRyZW5cbiAgICApIDogKFxuICAgICAgPD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKF9jaGlsZCwgaW5kZXgpID0+IChcbiAgICAgICAgICA8U2tlbGV0b25DYXJkIGtleT17aW5kZXh9IC8+XG4gICAgICAgICkpfVxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKSlcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRDYXJkR3JvdXAgPSBPYmplY3QuYXNzaWduKEJhc2VDb250ZW50Q2FyZEdyb3VwLCB7XG4gIENhcmQsXG59KVxuIl19 */"));
-const BaseContentCardGroup = forwardRef(({
-  children,
-  loading
-}, ref) => /* @__PURE__ */ jsx(StyledWrapper, { direction: "column", ref, children: !loading ? children : /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (_child, index) => /* @__PURE__ */ jsx(SkeletonCard, {}, index)) }) }));
+import { groupCardWrapper } from "./styles.css.js";
+const BaseContentCardGroup = forwardRef(({ children, loading, style }, ref) => /* @__PURE__ */ jsx(
+  Stack,
+  {
+    className: groupCardWrapper,
+    direction: "column",
+    ref,
+    style,
+    children: !loading ? children : /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (_child, index) => /* @__PURE__ */ jsx(SkeletonCard, {}, index)) })
+  }
+));
 const ContentCardGroup = Object.assign(BaseContentCardGroup, {
   Card
 });

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

@@ -0,0 +1,7 @@
+export declare const customStack: string;
+export declare const iconWrapper: string;
+export declare const styledWrapper: string;
+export declare const fullHeightStack: string;
+export declare const groupCardWrapper: string;
+export declare const skeletonWrapper: string;
+export declare const squareSkeleton: string;

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

@@ -0,0 +1,17 @@
+/* empty css                          */
+var customStack = "uv_plus_1gpmh3x0";
+var iconWrapper = "uv_plus_1gpmh3x1";
+var styledWrapper = "uv_plus_1gpmh3x2";
+var fullHeightStack = "uv_plus_1gpmh3x3";
+var groupCardWrapper = "uv_plus_1gpmh3x4";
+var skeletonWrapper = "uv_plus_1gpmh3x5";
+var squareSkeleton = "uv_plus_1gpmh3x6";
+export {
+  customStack,
+  fullHeightStack,
+  groupCardWrapper,
+  iconWrapper,
+  skeletonWrapper,
+  squareSkeleton,
+  styledWrapper
+};

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

@@ -1,35 +1,43 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 declare const Conversation: {
-    ({ children }: {
+    ({ children, style, }: {
         children: ReactNode;
-    }): import("@emotion/react/jsx-runtime").JSX.Element;
-    Date: ({ children }: {
+        style?: CSSProperties;
+    }): import("react/jsx-runtime").JSX.Element;
+    Date: ({ children, style, }: {
         children: ReactNode;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Message: ({ className, children, avatar, align, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    MessageInfos: ({ children, align, }: {
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Message: ({ className, children, avatar, align, style, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+    MessageInfos: ({ children, align, style, }: {
         children: ReactNode;
         align: "left" | "right";
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Tag: ({ children }: {
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Tag: ({ children, style, }: {
         children: ReactNode;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MessageInfos: ({ children, align, }: {
+export declare const MessageInfos: ({ children, align, style, }: {
     children: ReactNode;
     align: "left" | "right";
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Date: ({ children }: {
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Date: ({ children, style, }: {
     children: ReactNode;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
+    style?: CSSProperties;
+}) => 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, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const MessageTag: ({ children }: {
+export declare const Message: ({ className, children, avatar, align, style, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MessageTag: ({ children, style, }: {
     children: ReactNode;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
 export { Conversation };

package/dist/components/Conversation/index.js

@@ -1,117 +1,51 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack, Text, Tag } from "@ultraviolet/ui";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+import { styledText, conversationContainer, conversationBubble, conversationRawMessage, conversationAvatar, conversationInfos, conversationTag } from "./styles.css.js";
 const Conversation = ({
-  children
-}) => /* @__PURE__ */ jsx(Stack, { children });
-const StyledInfos = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e7oenbq6"
-} : {
-  target: "e7oenbq6",
-  label: "StyledInfos"
-})("display:flex;align-items:center;justify-content:", ({
-  align
-}) => align === "left" ? "flex-start" : "flex-end", ";margin:0 ", ({
-  theme
-}) => theme.space["7"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMkQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db252ZXJzYXRpb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFRhZywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IENvbnZlcnNhdGlvbiA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdGFjaz57Y2hpbGRyZW59PC9TdGFjaz5cbilcbmNvbnN0IFN0eWxlZEluZm9zID0gc3R5bGVkLmRpdjx7IGFsaWduOiAnbGVmdCcgfCAncmlnaHQnIH0+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7KHsgYWxpZ24gfSkgPT5cbiAgICBhbGlnbiA9PT0gJ2xlZnQnID8gJ2ZsZXgtc3RhcnQnIDogJ2ZsZXgtZW5kJ307XG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc3J119O1xuYFxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VJbmZvcyA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbixcbn06IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0J1xufSkgPT4gPFN0eWxlZEluZm9zIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvU3R5bGVkSW5mb3M+XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVGV4dClgXG4gIG1hcmdpbi10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IERhdGUgPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3R5bGVkVGV4dCBhcz1cInBcIiBwcm9taW5lbmNlPVwid2Vha1wiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkVGV4dD5cbilcblxuY29uc3QgTWVzc2FnZUNvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydhbGlnbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246ICR7KHsgYWxpZ24gfSkgPT4gKGFsaWduID09PSAnbGVmdCcgPyAncm93LXJldmVyc2UnIDogJ3JvdycpfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbmBcblxuY29uc3QgUmF3TWVzc2FnZUNvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydhbGlnbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIG1hcmdpbi10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0J1xuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nXG4gICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBBdmF0YXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1zZWxmOiBmbGV4LWVuZDtcbmBcblxuY29uc3QgQnViYmxlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgTWVzc2FnZVByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBhdmF0YXI6IFJlYWN0Tm9kZVxuICBhbGlnbj86ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2UgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICBhdmF0YXIsXG4gIGFsaWduID0gJ3JpZ2h0Jyxcbn06IE1lc3NhZ2VQcm9wcykgPT4gKFxuICA8TWVzc2FnZUNvbnRhaW5lciBhbGlnbj17YWxpZ259IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICA8QnViYmxlQ29udGFpbmVyPlxuICAgICAgPFJhd01lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufT57Y2hpbGRyZW59PC9SYXdNZXNzYWdlQ29udGFpbmVyPlxuICAgIDwvQnViYmxlQ29udGFpbmVyPlxuICAgIDxBdmF0YXJDb250YWluZXI+e2F2YXRhcn08L0F2YXRhckNvbnRhaW5lcj5cbiAgPC9NZXNzYWdlQ29udGFpbmVyPlxuKVxuXG5jb25zdCBTdHlsZWRUYWcgPSBzdHlsZWQoVGFnKWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgaGVpZ2h0OiAxNnB4O1xuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlVGFnID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRhZz57Y2hpbGRyZW59PC9TdHlsZWRUYWc+XG4pXG5cbkNvbnZlcnNhdGlvbi5EYXRlID0gRGF0ZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2UgPSBNZXNzYWdlXG5Db252ZXJzYXRpb24uTWVzc2FnZUluZm9zID0gTWVzc2FnZUluZm9zXG5Db252ZXJzYXRpb24uVGFnID0gTWVzc2FnZVRhZ1xuXG5leHBvcnQgeyBDb252ZXJzYXRpb24gfVxuIl19 */"));
+  children,
+  style
+}) => /* @__PURE__ */ jsx(Stack, { style, children });
 const MessageInfos = ({
   children,
-  align
-}) => /* @__PURE__ */ jsx(StyledInfos, { align, children });
-const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "e7oenbq5"
-} : {
-  target: "e7oenbq5",
-  label: "StyledText"
-})("margin-top:", ({
-  theme
-}) => theme.space["3"], ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUYWcsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb252ZXJzYXRpb24gPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3RhY2s+e2NoaWxkcmVufTwvU3RhY2s+XG4pXG5jb25zdCBTdHlsZWRJbmZvcyA9IHN0eWxlZC5kaXY8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNyddfTtcbmBcbmV4cG9ydCBjb25zdCBNZXNzYWdlSW5mb3MgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ24sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IDxTdHlsZWRJbmZvcyBhbGlnbj17YWxpZ259PntjaGlsZHJlbn08L1N0eWxlZEluZm9zPlxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEYXRlID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRleHQgYXM9XCJwXCIgcHJvbWluZW5jZT1cIndlYWtcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFRleHQ+XG4pXG5cbmNvbnN0IE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ2xlZnQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFJhd01lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhbGlnbiB9KSA9PlxuICAgIGFsaWduID09PSAnbGVmdCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbmBcblxuY29uc3QgQXZhdGFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG5gXG5cbmNvbnN0IEJ1YmJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIE1lc3NhZ2VQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYXZhdGFyOiBSZWFjdE5vZGVcbiAgYWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYXZhdGFyLFxuICBhbGlnbiA9ICdyaWdodCcsXG59OiBNZXNzYWdlUHJvcHMpID0+IChcbiAgPE1lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgPEJ1YmJsZUNvbnRhaW5lcj5cbiAgICAgIDxSYXdNZXNzYWdlQ29udGFpbmVyIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvUmF3TWVzc2FnZUNvbnRhaW5lcj5cbiAgICA8L0J1YmJsZUNvbnRhaW5lcj5cbiAgICA8QXZhdGFyQ29udGFpbmVyPnthdmF0YXJ9PC9BdmF0YXJDb250YWluZXI+XG4gIDwvTWVzc2FnZUNvbnRhaW5lcj5cbilcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG4gIGhlaWdodDogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5leHBvcnQgY29uc3QgTWVzc2FnZVRhZyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRUYWc+e2NoaWxkcmVufTwvU3R5bGVkVGFnPlxuKVxuXG5Db252ZXJzYXRpb24uRGF0ZSA9IERhdGVcbkNvbnZlcnNhdGlvbi5NZXNzYWdlID0gTWVzc2FnZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2VJbmZvcyA9IE1lc3NhZ2VJbmZvc1xuQ29udmVyc2F0aW9uLlRhZyA9IE1lc3NhZ2VUYWdcblxuZXhwb3J0IHsgQ29udmVyc2F0aW9uIH1cbiJdfQ== */"));
+  align,
+  style
+}) => /* @__PURE__ */ jsx("div", { className: conversationInfos[align], style, children });
 const Date = ({
-  children
-}) => /* @__PURE__ */ jsx(StyledText, { as: "p", prominence: "weak", variant: "bodySmall", children });
-const MessageContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["align"].includes(prop),
-  target: "e7oenbq4"
-} : {
-  shouldForwardProp: (prop) => !["align"].includes(prop),
-  target: "e7oenbq4",
-  label: "MessageContainer"
-})("display:flex;flex-direction:", ({
-  align
-}) => align === "left" ? "row-reverse" : "row", ";margin-bottom:", ({
-  theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUYWcsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb252ZXJzYXRpb24gPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3RhY2s+e2NoaWxkcmVufTwvU3RhY2s+XG4pXG5jb25zdCBTdHlsZWRJbmZvcyA9IHN0eWxlZC5kaXY8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNyddfTtcbmBcbmV4cG9ydCBjb25zdCBNZXNzYWdlSW5mb3MgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ24sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IDxTdHlsZWRJbmZvcyBhbGlnbj17YWxpZ259PntjaGlsZHJlbn08L1N0eWxlZEluZm9zPlxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEYXRlID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRleHQgYXM9XCJwXCIgcHJvbWluZW5jZT1cIndlYWtcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFRleHQ+XG4pXG5cbmNvbnN0IE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ2xlZnQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFJhd01lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhbGlnbiB9KSA9PlxuICAgIGFsaWduID09PSAnbGVmdCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbmBcblxuY29uc3QgQXZhdGFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG5gXG5cbmNvbnN0IEJ1YmJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIE1lc3NhZ2VQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYXZhdGFyOiBSZWFjdE5vZGVcbiAgYWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYXZhdGFyLFxuICBhbGlnbiA9ICdyaWdodCcsXG59OiBNZXNzYWdlUHJvcHMpID0+IChcbiAgPE1lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgPEJ1YmJsZUNvbnRhaW5lcj5cbiAgICAgIDxSYXdNZXNzYWdlQ29udGFpbmVyIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvUmF3TWVzc2FnZUNvbnRhaW5lcj5cbiAgICA8L0J1YmJsZUNvbnRhaW5lcj5cbiAgICA8QXZhdGFyQ29udGFpbmVyPnthdmF0YXJ9PC9BdmF0YXJDb250YWluZXI+XG4gIDwvTWVzc2FnZUNvbnRhaW5lcj5cbilcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG4gIGhlaWdodDogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5leHBvcnQgY29uc3QgTWVzc2FnZVRhZyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRUYWc+e2NoaWxkcmVufTwvU3R5bGVkVGFnPlxuKVxuXG5Db252ZXJzYXRpb24uRGF0ZSA9IERhdGVcbkNvbnZlcnNhdGlvbi5NZXNzYWdlID0gTWVzc2FnZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2VJbmZvcyA9IE1lc3NhZ2VJbmZvc1xuQ29udmVyc2F0aW9uLlRhZyA9IE1lc3NhZ2VUYWdcblxuZXhwb3J0IHsgQ29udmVyc2F0aW9uIH1cbiJdfQ== */"));
-const RawMessageContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["align"].includes(prop),
-  target: "e7oenbq3"
-} : {
-  shouldForwardProp: (prop) => !["align"].includes(prop),
-  target: "e7oenbq3",
-  label: "RawMessageContainer"
-})("margin:0 ", ({
-  theme
-}) => theme.space["3"], ";margin-top:", ({
-  theme
-}) => theme.space["3"], ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";padding:", ({
-  theme
-}) => theme.space["3"], ";background-color:", ({
-  theme,
-  align
-}) => align === "left" ? theme.colors.neutral.backgroundStrong : theme.colors.primary.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUYWcsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb252ZXJzYXRpb24gPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3RhY2s+e2NoaWxkcmVufTwvU3RhY2s+XG4pXG5jb25zdCBTdHlsZWRJbmZvcyA9IHN0eWxlZC5kaXY8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNyddfTtcbmBcbmV4cG9ydCBjb25zdCBNZXNzYWdlSW5mb3MgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ24sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IDxTdHlsZWRJbmZvcyBhbGlnbj17YWxpZ259PntjaGlsZHJlbn08L1N0eWxlZEluZm9zPlxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEYXRlID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRleHQgYXM9XCJwXCIgcHJvbWluZW5jZT1cIndlYWtcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFRleHQ+XG4pXG5cbmNvbnN0IE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ2xlZnQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFJhd01lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhbGlnbiB9KSA9PlxuICAgIGFsaWduID09PSAnbGVmdCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbmBcblxuY29uc3QgQXZhdGFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG5gXG5cbmNvbnN0IEJ1YmJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIE1lc3NhZ2VQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYXZhdGFyOiBSZWFjdE5vZGVcbiAgYWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYXZhdGFyLFxuICBhbGlnbiA9ICdyaWdodCcsXG59OiBNZXNzYWdlUHJvcHMpID0+IChcbiAgPE1lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgPEJ1YmJsZUNvbnRhaW5lcj5cbiAgICAgIDxSYXdNZXNzYWdlQ29udGFpbmVyIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvUmF3TWVzc2FnZUNvbnRhaW5lcj5cbiAgICA8L0J1YmJsZUNvbnRhaW5lcj5cbiAgICA8QXZhdGFyQ29udGFpbmVyPnthdmF0YXJ9PC9BdmF0YXJDb250YWluZXI+XG4gIDwvTWVzc2FnZUNvbnRhaW5lcj5cbilcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG4gIGhlaWdodDogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5leHBvcnQgY29uc3QgTWVzc2FnZVRhZyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRUYWc+e2NoaWxkcmVufTwvU3R5bGVkVGFnPlxuKVxuXG5Db252ZXJzYXRpb24uRGF0ZSA9IERhdGVcbkNvbnZlcnNhdGlvbi5NZXNzYWdlID0gTWVzc2FnZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2VJbmZvcyA9IE1lc3NhZ2VJbmZvc1xuQ29udmVyc2F0aW9uLlRhZyA9IE1lc3NhZ2VUYWdcblxuZXhwb3J0IHsgQ29udmVyc2F0aW9uIH1cbiJdfQ== */"));
-const AvatarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e7oenbq2"
-} : {
-  target: "e7oenbq2",
-  label: "AvatarContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cnh6jp",
-  styles: "display:flex;align-self:flex-end"
-} : {
-  name: "1cnh6jp",
-  styles: "display:flex;align-self:flex-end/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RGtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUYWcsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb252ZXJzYXRpb24gPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3RhY2s+e2NoaWxkcmVufTwvU3RhY2s+XG4pXG5jb25zdCBTdHlsZWRJbmZvcyA9IHN0eWxlZC5kaXY8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNyddfTtcbmBcbmV4cG9ydCBjb25zdCBNZXNzYWdlSW5mb3MgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ24sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IDxTdHlsZWRJbmZvcyBhbGlnbj17YWxpZ259PntjaGlsZHJlbn08L1N0eWxlZEluZm9zPlxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEYXRlID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRleHQgYXM9XCJwXCIgcHJvbWluZW5jZT1cIndlYWtcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFRleHQ+XG4pXG5cbmNvbnN0IE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ2xlZnQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFJhd01lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhbGlnbiB9KSA9PlxuICAgIGFsaWduID09PSAnbGVmdCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbmBcblxuY29uc3QgQXZhdGFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG5gXG5cbmNvbnN0IEJ1YmJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIE1lc3NhZ2VQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYXZhdGFyOiBSZWFjdE5vZGVcbiAgYWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYXZhdGFyLFxuICBhbGlnbiA9ICdyaWdodCcsXG59OiBNZXNzYWdlUHJvcHMpID0+IChcbiAgPE1lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgPEJ1YmJsZUNvbnRhaW5lcj5cbiAgICAgIDxSYXdNZXNzYWdlQ29udGFpbmVyIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvUmF3TWVzc2FnZUNvbnRhaW5lcj5cbiAgICA8L0J1YmJsZUNvbnRhaW5lcj5cbiAgICA8QXZhdGFyQ29udGFpbmVyPnthdmF0YXJ9PC9BdmF0YXJDb250YWluZXI+XG4gIDwvTWVzc2FnZUNvbnRhaW5lcj5cbilcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG4gIGhlaWdodDogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5leHBvcnQgY29uc3QgTWVzc2FnZVRhZyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRUYWc+e2NoaWxkcmVufTwvU3R5bGVkVGFnPlxuKVxuXG5Db252ZXJzYXRpb24uRGF0ZSA9IERhdGVcbkNvbnZlcnNhdGlvbi5NZXNzYWdlID0gTWVzc2FnZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2VJbmZvcyA9IE1lc3NhZ2VJbmZvc1xuQ29udmVyc2F0aW9uLlRhZyA9IE1lc3NhZ2VUYWdcblxuZXhwb3J0IHsgQ29udmVyc2F0aW9uIH1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const BubbleContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e7oenbq1"
-} : {
-  target: "e7oenbq1",
-  label: "BubbleContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : {
-  name: "1d3w5wq",
-  styles: "width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUYWcsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb252ZXJzYXRpb24gPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3RhY2s+e2NoaWxkcmVufTwvU3RhY2s+XG4pXG5jb25zdCBTdHlsZWRJbmZvcyA9IHN0eWxlZC5kaXY8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNyddfTtcbmBcbmV4cG9ydCBjb25zdCBNZXNzYWdlSW5mb3MgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ24sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IDxTdHlsZWRJbmZvcyBhbGlnbj17YWxpZ259PntjaGlsZHJlbn08L1N0eWxlZEluZm9zPlxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEYXRlID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRleHQgYXM9XCJwXCIgcHJvbWluZW5jZT1cIndlYWtcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFRleHQ+XG4pXG5cbmNvbnN0IE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ2xlZnQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFJhd01lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhbGlnbiB9KSA9PlxuICAgIGFsaWduID09PSAnbGVmdCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbmBcblxuY29uc3QgQXZhdGFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG5gXG5cbmNvbnN0IEJ1YmJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIE1lc3NhZ2VQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYXZhdGFyOiBSZWFjdE5vZGVcbiAgYWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYXZhdGFyLFxuICBhbGlnbiA9ICdyaWdodCcsXG59OiBNZXNzYWdlUHJvcHMpID0+IChcbiAgPE1lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgPEJ1YmJsZUNvbnRhaW5lcj5cbiAgICAgIDxSYXdNZXNzYWdlQ29udGFpbmVyIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvUmF3TWVzc2FnZUNvbnRhaW5lcj5cbiAgICA8L0J1YmJsZUNvbnRhaW5lcj5cbiAgICA8QXZhdGFyQ29udGFpbmVyPnthdmF0YXJ9PC9BdmF0YXJDb250YWluZXI+XG4gIDwvTWVzc2FnZUNvbnRhaW5lcj5cbilcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG4gIGhlaWdodDogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5leHBvcnQgY29uc3QgTWVzc2FnZVRhZyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRUYWc+e2NoaWxkcmVufTwvU3R5bGVkVGFnPlxuKVxuXG5Db252ZXJzYXRpb24uRGF0ZSA9IERhdGVcbkNvbnZlcnNhdGlvbi5NZXNzYWdlID0gTWVzc2FnZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2VJbmZvcyA9IE1lc3NhZ2VJbmZvc1xuQ29udmVyc2F0aW9uLlRhZyA9IE1lc3NhZ2VUYWdcblxuZXhwb3J0IHsgQ29udmVyc2F0aW9uIH1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  children,
+  style
+}) => /* @__PURE__ */ jsx(
+  Text,
+  {
+    as: "p",
+    className: styledText,
+    prominence: "weak",
+    style,
+    variant: "bodySmall",
+    children
+  }
+);
 const Message = ({
   className,
   children,
   avatar,
-  align = "right"
-}) => /* @__PURE__ */ jsxs(MessageContainer, { align, className, children: [
-  /* @__PURE__ */ jsx(BubbleContainer, { children: /* @__PURE__ */ jsx(RawMessageContainer, { align, children }) }),
-  /* @__PURE__ */ jsx(AvatarContainer, { children: avatar })
-] });
-const StyledTag = /* @__PURE__ */ _styled(Tag, process.env.NODE_ENV === "production" ? {
-  target: "e7oenbq0"
-} : {
-  target: "e7oenbq0",
-  label: "StyledTag"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, ";height:16px;margin-right:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRjZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udmVyc2F0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUYWcsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBDb252ZXJzYXRpb24gPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4gKFxuICA8U3RhY2s+e2NoaWxkcmVufTwvU3RhY2s+XG4pXG5jb25zdCBTdHlsZWRJbmZvcyA9IHN0eWxlZC5kaXY8eyBhbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGFsaWduIH0pID0+XG4gICAgYWxpZ24gPT09ICdsZWZ0JyA/ICdmbGV4LXN0YXJ0JyA6ICdmbGV4LWVuZCd9O1xuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNyddfTtcbmBcbmV4cG9ydCBjb25zdCBNZXNzYWdlSW5mb3MgPSAoe1xuICBjaGlsZHJlbixcbiAgYWxpZ24sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IDxTdHlsZWRJbmZvcyBhbGlnbj17YWxpZ259PntjaGlsZHJlbn08L1N0eWxlZEluZm9zPlxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBEYXRlID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFRleHQgYXM9XCJwXCIgcHJvbWluZW5jZT1cIndlYWtcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFRleHQ+XG4pXG5cbmNvbnN0IE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiAkeyh7IGFsaWduIH0pID0+IChhbGlnbiA9PT0gJ2xlZnQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnKX07XG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFJhd01lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnYWxpZ24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgYWxpZ246ICdsZWZ0JyB8ICdyaWdodCcgfT5gXG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhbGlnbiB9KSA9PlxuICAgIGFsaWduID09PSAnbGVmdCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbmBcblxuY29uc3QgQXZhdGFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG5gXG5cbmNvbnN0IEJ1YmJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYFxuXG50eXBlIE1lc3NhZ2VQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgYXZhdGFyOiBSZWFjdE5vZGVcbiAgYWxpZ24/OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYXZhdGFyLFxuICBhbGlnbiA9ICdyaWdodCcsXG59OiBNZXNzYWdlUHJvcHMpID0+IChcbiAgPE1lc3NhZ2VDb250YWluZXIgYWxpZ249e2FsaWdufSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgPEJ1YmJsZUNvbnRhaW5lcj5cbiAgICAgIDxSYXdNZXNzYWdlQ29udGFpbmVyIGFsaWduPXthbGlnbn0+e2NoaWxkcmVufTwvUmF3TWVzc2FnZUNvbnRhaW5lcj5cbiAgICA8L0J1YmJsZUNvbnRhaW5lcj5cbiAgICA8QXZhdGFyQ29udGFpbmVyPnthdmF0YXJ9PC9BdmF0YXJDb250YWluZXI+XG4gIDwvTWVzc2FnZUNvbnRhaW5lcj5cbilcblxuY29uc3QgU3R5bGVkVGFnID0gc3R5bGVkKFRhZylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG4gIGhlaWdodDogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5leHBvcnQgY29uc3QgTWVzc2FnZVRhZyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRUYWc+e2NoaWxkcmVufTwvU3R5bGVkVGFnPlxuKVxuXG5Db252ZXJzYXRpb24uRGF0ZSA9IERhdGVcbkNvbnZlcnNhdGlvbi5NZXNzYWdlID0gTWVzc2FnZVxuQ29udmVyc2F0aW9uLk1lc3NhZ2VJbmZvcyA9IE1lc3NhZ2VJbmZvc1xuQ29udmVyc2F0aW9uLlRhZyA9IE1lc3NhZ2VUYWdcblxuZXhwb3J0IHsgQ29udmVyc2F0aW9uIH1cbiJdfQ== */"));
+  align = "right",
+  style
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: `${className ? `${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
-}) => /* @__PURE__ */ jsx(StyledTag, { children });
+  children,
+  style
+}) => /* @__PURE__ */ jsx(Tag, { className: conversationTag, style, children });
 Conversation.Date = Date;
 Conversation.Message = Message;
 Conversation.MessageInfos = MessageInfos;

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

@@ -0,0 +1,7 @@
+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;

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

@@ -0,0 +1,17 @@
+/* empty css                          */
+var conversationInfos = { left: "uv_plus_16zcyo51 uv_plus_16zcyo50", right: "uv_plus_16zcyo52 uv_plus_16zcyo50" };
+var styledText = "uv_plus_16zcyo53";
+var conversationContainer = { left: "uv_plus_16zcyo55 uv_plus_16zcyo54", right: "uv_plus_16zcyo56 uv_plus_16zcyo54" };
+var conversationRawMessage = { left: "uv_plus_16zcyo58 uv_plus_16zcyo57", right: "uv_plus_16zcyo59 uv_plus_16zcyo57" };
+var conversationAvatar = "uv_plus_16zcyo5a";
+var conversationBubble = "uv_plus_16zcyo5b";
+var conversationTag = "uv_plus_16zcyo5c";
+export {
+  conversationAvatar,
+  conversationBubble,
+  conversationContainer,
+  conversationInfos,
+  conversationRawMessage,
+  conversationTag,
+  styledText
+};

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

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 declare const ratings: readonly [{
     readonly imgNotSelected: string;
     readonly imgSelected: string;
@@ -25,6 +26,7 @@ type CustomerSatisfactionProps = {
     onChange: (rating: Value) => void;
     'data-testid'?: string;
     className?: string;
+    style?: CSSProperties;
 };
-export declare const CustomerSatisfaction: ({ value, onChange, "data-testid": dataTestId, className, }: CustomerSatisfactionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CustomerSatisfaction: ({ value, onChange, "data-testid": dataTestId, className, style, }: CustomerSatisfactionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CustomerSatisfaction/index.js

@@ -1,7 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { css, keyframes } from "@emotion/react";
+import { jsx } from "react/jsx-runtime";
 import { Stack } from "@ultraviolet/ui";
 import { useState, useMemo } from "react";
 import rating1 from "./assets/1-5.svg.js";
@@ -14,107 +12,83 @@ import rating4 from "./assets/4-5.svg.js";
 import rating4NS from "./assets/4-5NB.svg.js";
 import rating5 from "./assets/5-5.svg.js";
 import rating5NS from "./assets/5-5NB.svg.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const ratings = [{
-  imgNotSelected: rating1NS,
-  imgSelected: rating1,
-  value: 1
-}, {
-  imgNotSelected: rating2NS,
-  imgSelected: rating2,
-  value: 2
-}, {
-  imgNotSelected: rating3NS,
-  imgSelected: rating3,
-  value: 3
-}, {
-  imgNotSelected: rating4NS,
-  imgSelected: rating4,
-  value: 4
-}, {
-  imgNotSelected: rating5NS,
-  imgSelected: rating5,
-  value: 5
-}];
-const angryAnim = keyframes`
-  from, 10%, 40%, 80%, to {
-    transform: translate3d(0, 0, 0);
-    transform: rotate(0deg);
+import { customerStatisfaction } from "./styles.css.js";
+const ratings = [
+  {
+    imgNotSelected: rating1NS,
+    imgSelected: rating1,
+    value: 1
+  },
+  {
+    imgNotSelected: rating2NS,
+    imgSelected: rating2,
+    value: 2
+  },
+  {
+    imgNotSelected: rating3NS,
+    imgSelected: rating3,
+    value: 3
+  },
+  {
+    imgNotSelected: rating4NS,
+    imgSelected: rating4,
+    value: 4
+  },
+  {
+    imgNotSelected: rating5NS,
+    imgSelected: rating5,
+    value: 5
   }
-  30% {
-    transform: translate3d(-5px, 0, 0);
-    transform: rotate(5deg);
-  }
-
-  60% {
-    transform: translate3d(-4px, 0, 0);
-  }
-
-  90% {
-    transform: translate3d(-1px, 0, 0);
-    transform: rotate(-5deg);
-  }
-`;
-const happyAnim = keyframes`
-  from, 10%, 40%, 80%, to {
-    transform: translate3d(0, 0, 0);
-    transform: rotate(0deg);
-  }
-  30% {
-    transform: translate3d(0, 5px, 0);
-    transform: rotate(5deg);
-  }
-
-  60% {
-    transform: translate3d(0, -6px, 0);
-  }
-
-  90% {
-    transform: translate3d(0, -2px, 0);
-  }
-`;
-const scaled = process.env.NODE_ENV === "production" ? {
-  name: "1wbgrkf",
-  styles: "transform:scale(1.2)"
-} : {
-  name: "mmno7c-scaled",
-  styles: "transform:scale(1.2);label:scaled;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGa0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9DdXN0b21lclNhdGlzZmFjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJhdGluZzEgZnJvbSAnLi9hc3NldHMvMS01LnN2ZydcbmltcG9ydCByYXRpbmcxTlMgZnJvbSAnLi9hc3NldHMvMS01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzIgZnJvbSAnLi9hc3NldHMvMi01LnN2ZydcbmltcG9ydCByYXRpbmcyTlMgZnJvbSAnLi9hc3NldHMvMi01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzMgZnJvbSAnLi9hc3NldHMvMy01LnN2ZydcbmltcG9ydCByYXRpbmczTlMgZnJvbSAnLi9hc3NldHMvMy01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzQgZnJvbSAnLi9hc3NldHMvNC01LnN2ZydcbmltcG9ydCByYXRpbmc0TlMgZnJvbSAnLi9hc3NldHMvNC01TkIuc3ZnJ1xuaW1wb3J0IHJhdGluZzUgZnJvbSAnLi9hc3NldHMvNS01LnN2ZydcbmltcG9ydCByYXRpbmc1TlMgZnJvbSAnLi9hc3NldHMvNS01TkIuc3ZnJ1xuXG5jb25zdCByYXRpbmdzID0gW1xuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzFOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMSxcbiAgICB2YWx1ZTogMSxcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmcyTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzIsXG4gICAgdmFsdWU6IDIsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nM05TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmczLFxuICAgIHZhbHVlOiAzLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzROUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNCxcbiAgICB2YWx1ZTogNCxcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmc1TlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzUsXG4gICAgdmFsdWU6IDUsXG4gIH0sXG5dIGFzIGNvbnN0XG5cbnR5cGUgVmFsdWUgPSAodHlwZW9mIHJhdGluZ3MpW251bWJlcl1bJ3ZhbHVlJ11cblxuY29uc3QgYW5ncnlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTVweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTRweCwgMCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoLTFweCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTVkZWcpO1xuICB9XG5gXG5cbmNvbnN0IGhhcHB5QW5pbSA9IGtleWZyYW1lc2BcbiAgZnJvbSwgMTAlLCA0MCUsIDgwJSwgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cbiAgMzAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDVweCwgMCk7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoNWRlZyk7XG4gIH1cblxuICA2MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTZweCwgMCk7XG4gIH1cblxuICA5MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTJweCwgMCk7XG4gIH1cbmBcblxuY29uc3Qgc2NhbGVkID0gY3NzYFxuICB0cmFuc2Zvcm06IHNjYWxlKDEuMik7XG5gXG5cbmNvbnN0IEltYWdlID0gc3R5bGVkLmltZzx7XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW5cbiAgaXNIb3ZlcmVkOiBib29sZWFuXG4gIGlzSGFwcHk6IGJvb2xlYW5cbn0+YFxuICBoZWlnaHQ6IDg4cHg7XG4gIHdpZHRoOiA4OHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAxcyBjdWJpYy1iZXppZXIoMC4xOSwgMSwgMC4yMiwgMSk7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgJHtzY2FsZWR9O1xuICB9XG5cbiAgJHsoeyBpc0hvdmVyZWQsIGlzU2VsZWN0ZWQgfSkgPT4gaXNIb3ZlcmVkICYmIGlzU2VsZWN0ZWQgJiYgc2NhbGVkfVxuICAkeyh7IGlzU2VsZWN0ZWQsIGlzSGFwcHkgfSkgPT5cbiAgICBpc1NlbGVjdGVkICYmXG4gICAgY3NzYFxuICAgICAgYW5pbWF0aW9uOiAke2lzSGFwcHkgPyBoYXBweUFuaW0gOiBhbmdyeUFuaW19IDFzIGVhc2UgaW5maW5pdGU7XG4gICAgYH1cbmBcblxudHlwZSBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzID0ge1xuICB2YWx1ZTogVmFsdWVcbiAgb25DaGFuZ2U6IChyYXRpbmc6IFZhbHVlKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21lclNhdGlzZmFjdGlvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxufTogQ3VzdG9tZXJTYXRpc2ZhY3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCBbaG92ZXJlZFZhbHVlLCBzZXRIb3ZlcmVkVmFsdWVdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgaXNIYXBweSA9IHVzZU1lbW8oKCkgPT4gdmFsdWUgPiByYXRpbmdzLmxlbmd0aCAvIDIsIFt2YWx1ZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2tcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICA+XG4gICAgICB7cmF0aW5ncy5tYXAocmF0aW5nID0+IHtcbiAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IHJhdGluZy52YWx1ZSA9PT0gdmFsdWVcbiAgICAgICAgY29uc3QgaXNIb3ZlcmVkID0gcmF0aW5nLnZhbHVlID09PSBob3ZlcmVkVmFsdWVcbiAgICAgICAgY29uc3QgaXNPdmVyZmx5ID0gcmF0aW5nLnZhbHVlIDw9IGhvdmVyZWRWYWx1ZVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEltYWdlXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YCR7ZGF0YVRlc3RJZH0tJHtyYXRpbmcudmFsdWV9YH1cbiAgICAgICAgICAgIGlzSGFwcHk9e2lzSGFwcHl9XG4gICAgICAgICAgICBpc0hvdmVyZWQ9e2lzSG92ZXJlZH1cbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBrZXk9e3JhdGluZy52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25DaGFuZ2UocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VFbnRlcj17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUocmF0aW5nLnZhbHVlKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRIb3ZlcmVkVmFsdWUoMClcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBzcmM9e1xuICAgICAgICAgICAgICBpc1NlbGVjdGVkIHx8IGlzT3ZlcmZseSB8fCByYXRpbmcudmFsdWUgPD0gdmFsdWVcbiAgICAgICAgICAgICAgICA/IHJhdGluZy5pbWdTZWxlY3RlZFxuICAgICAgICAgICAgICAgIDogcmF0aW5nLmltZ05vdFNlbGVjdGVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const Image = /* @__PURE__ */ _styled("img", process.env.NODE_ENV === "production" ? {
-  target: "epmg9lb0"
-} : {
-  target: "epmg9lb0",
-  label: "Image"
-})("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
-  isHovered,
-  isSelected
-}) => isHovered && isSelected && scaled, " ", ({
-  isSelected,
-  isHappy
-}) => isSelected && /* @__PURE__ */ css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Image;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHTyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcxLFxuICAgIHZhbHVlOiAxLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMixcbiAgICB2YWx1ZTogMixcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzMsXG4gICAgdmFsdWU6IDMsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc0LFxuICAgIHZhbHVlOiA0LFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNSxcbiAgICB2YWx1ZTogNSxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgJHtkYXRhVGVzdElkfS0ke3JhdGluZy52YWx1ZX1gfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkNoYW5nZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZSgwKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ3VzdG9tZXJTYXRpc2ZhY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0N1c3RvbWVyU2F0aXNmYWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgcmF0aW5nMSBmcm9tICcuL2Fzc2V0cy8xLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzFOUyBmcm9tICcuL2Fzc2V0cy8xLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMiBmcm9tICcuL2Fzc2V0cy8yLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzJOUyBmcm9tICcuL2Fzc2V0cy8yLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nMyBmcm9tICcuL2Fzc2V0cy8zLTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzNOUyBmcm9tICcuL2Fzc2V0cy8zLTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNCBmcm9tICcuL2Fzc2V0cy80LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzROUyBmcm9tICcuL2Fzc2V0cy80LTVOQi5zdmcnXG5pbXBvcnQgcmF0aW5nNSBmcm9tICcuL2Fzc2V0cy81LTUuc3ZnJ1xuaW1wb3J0IHJhdGluZzVOUyBmcm9tICcuL2Fzc2V0cy81LTVOQi5zdmcnXG5cbmNvbnN0IHJhdGluZ3MgPSBbXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nMU5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmcxLFxuICAgIHZhbHVlOiAxLFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzJOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nMixcbiAgICB2YWx1ZTogMixcbiAgfSxcbiAge1xuICAgIGltZ05vdFNlbGVjdGVkOiByYXRpbmczTlMsXG4gICAgaW1nU2VsZWN0ZWQ6IHJhdGluZzMsXG4gICAgdmFsdWU6IDMsXG4gIH0sXG4gIHtcbiAgICBpbWdOb3RTZWxlY3RlZDogcmF0aW5nNE5TLFxuICAgIGltZ1NlbGVjdGVkOiByYXRpbmc0LFxuICAgIHZhbHVlOiA0LFxuICB9LFxuICB7XG4gICAgaW1nTm90U2VsZWN0ZWQ6IHJhdGluZzVOUyxcbiAgICBpbWdTZWxlY3RlZDogcmF0aW5nNSxcbiAgICB2YWx1ZTogNSxcbiAgfSxcbl0gYXMgY29uc3RcblxudHlwZSBWYWx1ZSA9ICh0eXBlb2YgcmF0aW5ncylbbnVtYmVyXVsndmFsdWUnXVxuXG5jb25zdCBhbmdyeUFuaW0gPSBrZXlmcmFtZXNgXG4gIGZyb20sIDEwJSwgNDAlLCA4MCUsIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDMwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNHB4LCAwLCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMXB4LCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNWRlZyk7XG4gIH1cbmBcblxuY29uc3QgaGFwcHlBbmltID0ga2V5ZnJhbWVzYFxuICBmcm9tLCAxMCUsIDQwJSwgODAlLCB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAzMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgNXB4LCAwKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg1ZGVnKTtcbiAgfVxuXG4gIDYwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtNnB4LCAwKTtcbiAgfVxuXG4gIDkwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMnB4LCAwKTtcbiAgfVxuYFxuXG5jb25zdCBzY2FsZWQgPSBjc3NgXG4gIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbmBcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQuaW1nPHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhblxuICBpc0hvdmVyZWQ6IGJvb2xlYW5cbiAgaXNIYXBweTogYm9vbGVhblxufT5gXG4gIGhlaWdodDogODhweDtcbiAgd2lkdGg6IDg4cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDFzIGN1YmljLWJlemllcigwLjE5LCAxLCAwLjIyLCAxKTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke3NjYWxlZH07XG4gIH1cblxuICAkeyh7IGlzSG92ZXJlZCwgaXNTZWxlY3RlZCB9KSA9PiBpc0hvdmVyZWQgJiYgaXNTZWxlY3RlZCAmJiBzY2FsZWR9XG4gICR7KHsgaXNTZWxlY3RlZCwgaXNIYXBweSB9KSA9PlxuICAgIGlzU2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb246ICR7aXNIYXBweSA/IGhhcHB5QW5pbSA6IGFuZ3J5QW5pbX0gMXMgZWFzZSBpbmZpbml0ZTtcbiAgICBgfVxuYFxuXG50eXBlIEN1c3RvbWVyU2F0aXNmYWN0aW9uUHJvcHMgPSB7XG4gIHZhbHVlOiBWYWx1ZVxuICBvbkNoYW5nZTogKHJhdGluZzogVmFsdWUpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbWVyU2F0aXNmYWN0aW9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDdXN0b21lclNhdGlzZmFjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlcmVkVmFsdWUsIHNldEhvdmVyZWRWYWx1ZV0gPSB1c2VTdGF0ZSgwKVxuICBjb25zdCBpc0hhcHB5ID0gdXNlTWVtbygoKSA9PiB2YWx1ZSA+IHJhdGluZ3MubGVuZ3RoIC8gMiwgW3ZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdGFja1xuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIHtyYXRpbmdzLm1hcChyYXRpbmcgPT4ge1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gcmF0aW5nLnZhbHVlID09PSB2YWx1ZVxuICAgICAgICBjb25zdCBpc0hvdmVyZWQgPSByYXRpbmcudmFsdWUgPT09IGhvdmVyZWRWYWx1ZVxuICAgICAgICBjb25zdCBpc092ZXJmbHkgPSByYXRpbmcudmFsdWUgPD0gaG92ZXJlZFZhbHVlXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8SW1hZ2VcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgJHtkYXRhVGVzdElkfS0ke3JhdGluZy52YWx1ZX1gfVxuICAgICAgICAgICAgaXNIYXBweT17aXNIYXBweX1cbiAgICAgICAgICAgIGlzSG92ZXJlZD17aXNIb3ZlcmVkfVxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGtleT17cmF0aW5nLnZhbHVlfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkNoYW5nZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZShyYXRpbmcudmFsdWUpXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldEhvdmVyZWRWYWx1ZSgwKVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHNyYz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0ZWQgfHwgaXNPdmVyZmx5IHx8IHJhdGluZy52YWx1ZSA8PSB2YWx1ZVxuICAgICAgICAgICAgICAgID8gcmF0aW5nLmltZ1NlbGVjdGVkXG4gICAgICAgICAgICAgICAgOiByYXRpbmcuaW1nTm90U2VsZWN0ZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
+];
 const CustomerSatisfaction = ({
   value,
   onChange,
   "data-testid": dataTestId,
-  className
+  className,
+  style
 }) => {
   const [hoveredValue, setHoveredValue] = useState(0);
   const isHappy = useMemo(() => value > ratings.length / 2, [value]);
-  return /* @__PURE__ */ jsx(Stack, { className, "data-testid": dataTestId, direction: "row", justifyContent: "space-between", children: ratings.map((rating) => {
-    const isSelected = rating.value === value;
-    const isHovered = rating.value === hoveredValue;
-    const isOverfly = rating.value <= hoveredValue;
-    return /* @__PURE__ */ jsx(Image, { "data-testid": `${dataTestId}-${rating.value}`, isHappy, isHovered, isSelected, onClick: () => {
-      onChange(rating.value);
-    }, onMouseEnter: () => {
-      setHoveredValue(rating.value);
-    }, onMouseLeave: () => {
-      setHoveredValue(0);
-    }, src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected }, rating.value);
-  }) });
+  return /* @__PURE__ */ jsx(
+    Stack,
+    {
+      className,
+      "data-testid": dataTestId,
+      direction: "row",
+      justifyContent: "space-between",
+      style,
+      children: ratings.map((rating) => {
+        const isSelected = rating.value === value;
+        const isOverfly = rating.value <= hoveredValue;
+        const isScaled = rating.value === hoveredValue && isSelected;
+        const animated = isHappy ? "happy" : "angry";
+        return /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "rating",
+            className: customerStatisfaction({
+              animated: isSelected ? animated : void 0,
+              isScaled
+            }),
+            "data-testid": `${dataTestId}-${rating.value}`,
+            onClick: () => {
+              onChange(rating.value);
+            },
+            onKeyDown: () => {
+            },
+            onMouseEnter: () => {
+              setHoveredValue(rating.value);
+            },
+            onMouseLeave: () => {
+              setHoveredValue(0);
+            },
+            src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected
+          },
+          rating.value
+        );
+      })
+    }
+  );
 };
 export {
   CustomerSatisfaction

package/dist/components/CustomerSatisfaction/styles.css.d.ts

@@ -0,0 +1,17 @@
+export declare const angryAnimation: string;
+export declare const happyAnimation: string;
+export declare const customerStatisfaction: import("@vanilla-extract/recipes").RuntimeFn<{
+    isScaled: {
+        true: {
+            transform: "scale(1.2)";
+        };
+    };
+    animated: {
+        happy: {
+            animation: `${string} 1s ease infinite`;
+        };
+        angry: {
+            animation: `${string} 1s ease infinite`;
+        };
+    };
+}>;