@ultraviolet/plus 3.0.0-beta.16 → 3.0.0-beta.18

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

@@ -26,5 +26,5 @@ type CodeEditorProps = {
     lineNumbers?: boolean;
     style?: CSSProperties;
 };
-export declare const CodeEditor: ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, "aria-label": ariaLabel, "data-testid": dataTestId, className, error, lineNumbers, style, }: CodeEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CodeEditor: ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, "aria-label": ariaLabel, "data-testid": dataTestId, className, error, lineNumbers, style, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CodeEditor/CodeEditor.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { langs } from "@uiw/codemirror-extensions-langs";
 import { material } from "@uiw/codemirror-theme-material";
 import CodeMirror from "@uiw/react-codemirror";
@@ -28,17 +28,47 @@ const CodeEditor = ({
 }) => /* @__PURE__ */ jsxs(Stack, { className: disabled ? disabledStack : "", gap: 0.5, style, children: [
   label ? /* @__PURE__ */ jsx(Label, { labelDescription, children: label }) : null,
   /* @__PURE__ */ jsxs("div", { className: codeEditor[disabled ? "disabled" : "default"], children: [
-    /* @__PURE__ */ jsx(CodeMirror, { "aria-disabled": disabled, "aria-label": ariaLabel, basicSetup: {
-      autocompletion: autoCompletion,
-      highlightActiveLine: false,
-      highlightActiveLineGutter: false,
-      lineNumbers
-    }, className, "data-testid": dataTestId, editable: !disabled || !readOnly, extensions: [langs[extensions]?.() ?? langs["sh"]], height, id, onBlur, onChange, onUpdate: () => {
-      if (disabled) {
-        document.getSelection()?.empty();
+    /* @__PURE__ */ jsx(
+      CodeMirror,
+      {
+        "aria-disabled": disabled,
+        "aria-label": ariaLabel,
+        basicSetup: {
+          autocompletion: autoCompletion,
+          highlightActiveLine: false,
+          highlightActiveLineGutter: false,
+          lineNumbers
+        },
+        className,
+        "data-testid": dataTestId,
+        editable: !disabled || !readOnly,
+        extensions: [langs[extensions]?.() ?? langs["sh"]],
+        height,
+        id,
+        onBlur,
+        onChange,
+        onUpdate: () => {
+          if (disabled) {
+            document.getSelection()?.empty();
+          }
+        },
+        readOnly: readOnly || disabled,
+        theme: material,
+        value,
+        width: "100%"
       }
-    }, readOnly: readOnly || disabled, theme: material, value, width: "100%" }),
-    copyButton$1 && !disabled ? /* @__PURE__ */ jsx(CopyButton, { bordered: true, className: copyButton, sentiment: "neutral", size: "small", value, children: typeof copyButton$1 === "string" ? copyButton$1 : void 0 }) : null
+    ),
+    copyButton$1 && !disabled ? /* @__PURE__ */ jsx(
+      CopyButton,
+      {
+        bordered: true,
+        className: copyButton,
+        sentiment: "neutral",
+        size: "small",
+        value,
+        children: typeof copyButton$1 === "string" ? copyButton$1 : void 0
+      }
+    ) : null
   ] }),
   error && typeof error !== "boolean" ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null,
   !error && helper ? /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null

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

@@ -1,5 +1,5 @@
 type SkeletonProps = {
     direction: 'row' | 'column';
 };
-export declare const Skeleton: ({ direction }: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Skeleton: ({ direction }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ContentCard/Skeleton.js

@@ -1,15 +1,20 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Stack, Skeleton as Skeleton$1 } from "@ultraviolet/ui";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { skeletonImage, skeletonWidthVar, skeletonHeightVar, paddedStack } from "./styles.css.js";
-const Skeleton = ({
-  direction
-}) => /* @__PURE__ */ jsxs(Stack, { direction, children: [
-  /* @__PURE__ */ jsx(Skeleton$1, { className: skeletonImage[direction], style: assignInlineVars({
-    [skeletonHeightVar]: direction === "column" ? "120px" : "unset",
-    [skeletonWidthVar]: direction === "row" ? "220px" : "100%"
-  }), variant: "square" }),
+const Skeleton = ({ direction }) => /* @__PURE__ */ jsxs(Stack, { direction, children: [
+  /* @__PURE__ */ jsx(
+    Skeleton$1,
+    {
+      className: skeletonImage[direction],
+      style: assignInlineVars({
+        [skeletonHeightVar]: direction === "column" ? "120px" : "unset",
+        [skeletonWidthVar]: direction === "row" ? "220px" : "100%"
+      }),
+      variant: "square"
+    }
+  ),
   /* @__PURE__ */ jsxs(Stack, { className: paddedStack, gap: 2, children: [
     /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
     /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),

package/dist/components/ContentCard/index.js

@@ -1,62 +1,142 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons";
 import { Stack, Text } from "@ultraviolet/ui";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { forwardRef, useRef, useState, useMemo, useEffect } from "react";
 import { Skeleton } from "./Skeleton.js";
 import { cardClass, activeClass, fullHeight, imageClass, subContainerHeightVar, subContainer, iconStack, iconContainer } from "./styles.css.js";
-const ContentCard = forwardRef(({
-  image,
-  direction = "column",
-  icon,
-  subtitle,
-  title,
-  headingTag = "h3",
-  description,
-  children,
-  href,
-  target = "_blank",
-  onClick,
-  disabled,
-  loading,
-  className,
-  style
-}, ref) => {
-  const subContainerRef = useRef(null);
-  const [subContainerHeight, setSubContainerHeight] = useState(subContainerRef?.current?.offsetHeight);
-  const Container = useMemo(() => {
-    if (href) {
-      return "a";
-    }
-    if (onClick) {
-      return "button";
-    }
-    return "div";
-  }, [href, onClick]);
-  useEffect(() => setSubContainerHeight(subContainerRef?.current?.offsetHeight), [subContainerRef]);
-  return /* @__PURE__ */ jsx(Container, { className: `${className ? `${className} ` : ""}${cardClass}${onClick || href ? ` ${activeClass}` : ""}`, disabled, href: !disabled ? href : void 0, onClick: !disabled ? onClick : void 0, 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("img", { alt: "", className: imageClass[direction], "data-disabled": disabled, height: direction === "column" ? 120 : void 0, src: image, style: assignInlineVars({
-      [subContainerHeightVar]: subContainerHeight ? `${subContainerHeight.toString()}px` : void 0
-    }), width: direction === "row" ? 220 : void 0 }) : null,
-    /* @__PURE__ */ jsxs(Stack, { direction, flex: 1, gap: 2, children: [
-      /* @__PURE__ */ jsxs(Stack, { alignItems: !subtitle && !description && !children ? "center" : void 0, className: subContainer[!href ? "noHref" : direction], direction, flex: "1 1 auto", gap: 2, ref: subContainerRef, children: [
-        icon ?? null,
-        /* @__PURE__ */ jsxs(Stack, { flex: "1 1 auto", gap: 2, justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
-            /* @__PURE__ */ jsxs(Stack, { children: [
-              subtitle ? /* @__PURE__ */ jsx(Text, { as: "small", disabled, prominence: "weak", sentiment: "neutral", variant: "caption", children: subtitle }) : null,
-              /* @__PURE__ */ jsx(Text, { as: headingTag, disabled, sentiment: "neutral", variant: "bodyStrong", children: title })
-            ] }),
-            description ? /* @__PURE__ */ jsx(Text, { as: "p", disabled, sentiment: "neutral", variant: "bodySmall", children: description }) : null
-          ] }),
-          children ? /* @__PURE__ */ jsx(Stack, { children }) : null
+const ContentCard = forwardRef(
+  ({
+    image,
+    direction = "column",
+    icon,
+    subtitle,
+    title,
+    headingTag = "h3",
+    description,
+    children,
+    href,
+    target = "_blank",
+    onClick,
+    disabled,
+    loading,
+    className,
+    style
+  }, ref) => {
+    const subContainerRef = useRef(null);
+    const [subContainerHeight, setSubContainerHeight] = useState(
+      subContainerRef?.current?.offsetHeight
+    );
+    const Container = useMemo(() => {
+      if (href) {
+        return "a";
+      }
+      if (onClick) {
+        return "button";
+      }
+      return "div";
+    }, [href, onClick]);
+    useEffect(
+      () => setSubContainerHeight(subContainerRef?.current?.offsetHeight),
+      [subContainerRef]
+    );
+    return /* @__PURE__ */ jsx(
+      Container,
+      {
+        className: `${className ? `${className} ` : ""}${cardClass}${onClick || href ? ` ${activeClass}` : ""}`,
+        disabled,
+        href: !disabled ? href : void 0,
+        onClick: !disabled ? onClick : void 0,
+        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(
+            "img",
+            {
+              alt: "",
+              className: imageClass[direction],
+              "data-disabled": disabled,
+              height: direction === "column" ? 120 : void 0,
+              src: image,
+              style: assignInlineVars({
+                [subContainerHeightVar]: subContainerHeight ? `${subContainerHeight.toString()}px` : void 0
+              }),
+              width: direction === "row" ? 220 : void 0
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs(Stack, { direction, flex: 1, gap: 2, children: [
+            /* @__PURE__ */ jsxs(
+              Stack,
+              {
+                alignItems: !subtitle && !description && !children ? "center" : void 0,
+                className: subContainer[!href ? "noHref" : direction],
+                direction,
+                flex: "1 1 auto",
+                gap: 2,
+                ref: subContainerRef,
+                children: [
+                  icon ?? null,
+                  /* @__PURE__ */ jsxs(Stack, { flex: "1 1 auto", gap: 2, justifyContent: "space-between", children: [
+                    /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
+                      /* @__PURE__ */ jsxs(Stack, { children: [
+                        subtitle ? /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            as: "small",
+                            disabled,
+                            prominence: "weak",
+                            sentiment: "neutral",
+                            variant: "caption",
+                            children: subtitle
+                          }
+                        ) : null,
+                        /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            as: headingTag,
+                            disabled,
+                            sentiment: "neutral",
+                            variant: "bodyStrong",
+                            children: title
+                          }
+                        )
+                      ] }),
+                      description ? /* @__PURE__ */ jsx(
+                        Text,
+                        {
+                          as: "p",
+                          disabled,
+                          sentiment: "neutral",
+                          variant: "bodySmall",
+                          children: description
+                        }
+                      ) : null
+                    ] }),
+                    children ? /* @__PURE__ */ jsx(Stack, { children }) : null
+                  ] })
+                ]
+              }
+            ),
+            href ? /* @__PURE__ */ jsx(
+              Stack,
+              {
+                alignItems: direction === "column" ? "flex-end" : "center",
+                className: iconStack[direction],
+                direction,
+                flex: 1,
+                justifyContent: direction === "column" ? "center" : "end",
+                children: /* @__PURE__ */ jsx("div", { className: iconContainer, children: /* @__PURE__ */ jsx(OpenInNewIcon, { disabled, sentiment: "neutral" }) })
+              }
+            ) : null
+          ] })
         ] })
-      ] }),
-      href ? /* @__PURE__ */ jsx(Stack, { alignItems: direction === "column" ? "flex-end" : "center", className: iconStack[direction], direction, flex: 1, justifyContent: direction === "column" ? "center" : "end", children: /* @__PURE__ */ jsx("div", { className: iconContainer, children: /* @__PURE__ */ jsx(OpenInNewIcon, { disabled, sentiment: "neutral" }) }) }) : null
-    ] })
-  ] }) });
-});
+      }
+    );
+  }
+);
 export {
   ContentCard
 };

package/dist/components/ContentCardGroup/Card.js

@@ -1,30 +1,71 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons";
 import { Stack, Text } from "@ultraviolet/ui";
 import { forwardRef } from "react";
 import { styledWrapper, fullHeightStack, customStack, iconWrapper } from "./styles.css.js";
-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 || "h5", oneLine: true, prominence: "weak", sentiment: "neutral", variant: "caption", children: subtitle }) : null,
-      /* @__PURE__ */ jsx(Text, { as: 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" }) })
-] }) }));
+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 || "h5",
+                    oneLine: true,
+                    prominence: "weak",
+                    sentiment: "neutral",
+                    variant: "caption",
+                    children: subtitle
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    as: 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" }) })
+          ]
+        }
+      )
+    }
+  )
+);
 export {
   Card
 };

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

@@ -1 +1 @@
-export declare const SkeletonCard: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SkeletonCard: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContentCardGroup/SkeletonCard.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack, Skeleton } from "@ultraviolet/ui";
 import { skeletonWrapper, squareSkeleton } from "./styles.css.js";
 const SkeletonCard = () => /* @__PURE__ */ jsx("div", { className: skeletonWrapper, children: /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [

package/dist/components/ContentCardGroup/index.js

@@ -1,15 +1,20 @@
 "use client";
-import { jsx, Fragment } from "@emotion/react/jsx-runtime";
+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";
 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 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.js

@@ -1,3 +1,4 @@
+/* empty css                                                  */
 /* empty css                          */
 var customStack = "uv_plus_1gpmh3x0";
 var iconWrapper = "uv_plus_1gpmh3x1";

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

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

package/dist/components/Conversation/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack, Text, Tag } from "@ultraviolet/ui";
 import { styledText, conversationContainer, conversationBubble, conversationRawMessage, conversationAvatar, conversationInfos, conversationTag } from "./styles.css.js";
 const Conversation = ({
@@ -14,17 +14,34 @@ const MessageInfos = ({
 const Date = ({
   children,
   style
-}) => /* @__PURE__ */ jsx(Text, { as: "p", className: styledText, prominence: "weak", style, variant: "bodySmall", children });
+}) => /* @__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: `${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 })
-] });
+}) => /* @__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,
   style

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

@@ -28,5 +28,5 @@ type CustomerSatisfactionProps = {
     className?: string;
     style?: CSSProperties;
 };
-export declare const CustomerSatisfaction: ({ value, onChange, "data-testid": dataTestId, className, style, }: 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 {};