@ultraviolet/ui 1.56.0 → 1.57.0

package/dist/components/Alert/index.cjs

@@ -95,8 +95,7 @@ const Alert = ({
   "data-testid": dataTestId
 }) => {
   const [opened, setOpened] = React.useState(true);
-  if (!opened)
-    return null;
+  if (!opened) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(StyledStackContainer, { gap: 1, direction: "row", sentiment, className, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(WrapStack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: 2, children: [

package/dist/components/Alert/index.js

@@ -91,8 +91,7 @@ const Alert = ({
   "data-testid": dataTestId
 }) => {
   const [opened, setOpened] = useState(true);
-  if (!opened)
-    return null;
+  if (!opened) return null;
   return /* @__PURE__ */ jsxs(StyledStackContainer, { gap: 1, direction: "row", sentiment, className, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxs(WrapStack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2, children: [
       /* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: 2, children: [

package/dist/components/Avatar/index.cjs

@@ -6,8 +6,7 @@ const icons = require("@ultraviolet/icons");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
 const formatTextToAvatar = (text) => {
-  if (!text)
-    return "";
+  if (!text) return "";
   const textCleaned = text.replace(/\s+/g, " ").trim();
   if (textCleaned.length <= 2) {
     return textCleaned.toUpperCase();

package/dist/components/Avatar/index.js

@@ -2,8 +2,7 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
 const formatTextToAvatar = (text) => {
-  if (!text)
-    return "";
+  if (!text) return "";
   const textCleaned = text.replace(/\s+/g, " ").trim();
   if (textCleaned.length <= 2) {
     return textCleaned.toUpperCase();

package/dist/components/Banner/index.cjs

@@ -91,8 +91,7 @@ const Banner = ({
   } = react.useTheme();
   const defaultImage$1 = size === "small" ? defaultImageSmall : defaultImage;
   const [opened, setOpened] = React.useState(true);
-  if (!opened)
-    return null;
+  if (!opened) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { variant, size, className, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ImageStack, { size, justifyContent: "center", children: image ?? /* @__PURE__ */ jsxRuntime.jsx("img", { src: defaultImage$1, alt: "" }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction, gap: 2, justifyContent: "space-between", alignItems: direction === "column" ? "start" : "center", style: {

package/dist/components/Banner/index.js

@@ -87,8 +87,7 @@ const Banner = ({
   } = useTheme();
   const defaultImage = size === "small" ? defaultIllustrationSmall : defaultIllustration;
   const [opened, setOpened] = useState(true);
-  if (!opened)
-    return null;
+  if (!opened) return null;
   return /* @__PURE__ */ jsxs(Container, { variant, size, className, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(ImageStack, { size, justifyContent: "center", children: image ?? /* @__PURE__ */ jsx("img", { src: defaultImage, alt: "" }) }),
     /* @__PURE__ */ jsxs(Stack, { direction, gap: 2, justifyContent: "space-between", alignItems: direction === "column" ? "start" : "center", style: {

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

@@ -13,7 +13,7 @@ declare const sizes: {
     readonly small: "\n    width: 24px;\n    height: 24px;\n    font-size: 14px;\n  ";
 };
 type BulletSize = keyof typeof sizes;
-export declare const bulletSizes: ("medium" | "small")[];
+export declare const bulletSizes: BulletSize[];
 type ContentProps = XOR<[
     {
         icon: ComponentProps<typeof Icon>['name'];

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

@@ -10,53 +10,53 @@ export declare const SIZE_HEIGHT: {
     readonly xsmall: 24;
 };
 type ButtonSize = keyof typeof SIZE_HEIGHT;
-export declare const buttonSizes: ("large" | "medium" | "small" | "xsmall")[];
+export declare const buttonSizes: ButtonSize[];
 declare const VARIANTS_COMPONENTS: {
     filled: {
         button: import("@emotion/styled").StyledComponent<{
-            theme?: Theme | undefined;
-            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            theme?: Theme;
+            as?: import("react").ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
         link: import("@emotion/styled").StyledComponent<{
-            theme?: Theme | undefined;
-            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            theme?: Theme;
+            as?: import("react").ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
     };
     outlined: {
         button: import("@emotion/styled").StyledComponent<{
-            theme?: Theme | undefined;
-            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            theme?: Theme;
+            as?: import("react").ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
         link: import("@emotion/styled").StyledComponent<{
-            theme?: Theme | undefined;
-            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            theme?: Theme;
+            as?: import("react").ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
     };
     ghost: {
         button: import("@emotion/styled").StyledComponent<{
-            theme?: Theme | undefined;
-            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            theme?: Theme;
+            as?: import("react").ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
         link: import("@emotion/styled").StyledComponent<{
-            theme?: Theme | undefined;
-            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+            theme?: Theme;
+            as?: import("react").ElementType;
         } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
             iconOnly: boolean;
         }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
     };
 };
 type ButtonVariant = keyof typeof VARIANTS_COMPONENTS;
-export declare const buttonVariants: ("filled" | "outlined" | "ghost")[];
+export declare const buttonVariants: ButtonVariant[];
 type CommonProps = {
     type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>['autoFocus'];

package/dist/components/Checkbox/index.cjs

@@ -243,8 +243,7 @@ const Checkbox = React.forwardRef(({
     setState(checked);
   }, [checked]);
   const onLocalChange = React.useCallback((event) => {
-    if (!progress)
-      onChange?.(event);
+    if (!progress) onChange?.(event);
     setState((current) => current === "indeterminate" ? false : event.target.checked);
   }, [onChange, progress, setState]);
   return /* @__PURE__ */ jsxRuntime.jsx(index$1.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxContainer, { className, "aria-disabled": disabled, "data-visibility": dataVisibility, "data-checked": state, "data-error": !!error, "data-testid": dataTestId, children: [

package/dist/components/Checkbox/index.js

@@ -239,8 +239,7 @@ const Checkbox = forwardRef(({
     setState(checked);
   }, [checked]);
   const onLocalChange = useCallback((event) => {
-    if (!progress)
-      onChange?.(event);
+    if (!progress) onChange?.(event);
     setState((current) => current === "indeterminate" ? false : event.target.checked);
   }, [onChange, progress, setState]);
   return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(CheckboxContainer, { className, "aria-disabled": disabled, "data-visibility": dataVisibility, "data-checked": state, "data-error": !!error, "data-testid": dataTestId, children: [

package/dist/components/Dialog/Context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DialogSentiment } from './constants';
 export type DialogContextType = {
     sentiment: DialogSentiment;

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

@@ -19,68 +19,68 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
     Button: ({ children, onClick, disabled, tooltip, }: {
         children: import("react").ReactNode;
     } & Pick<({
-        type?: "button" | "reset" | "submit" | undefined;
-        autoFocus?: boolean | undefined;
-        variant?: "filled" | "outlined" | "ghost" | undefined;
-        role?: import("react").AriaRole | undefined;
-        size?: "large" | "medium" | "small" | "xsmall" | undefined;
-        className?: string | undefined;
-        'data-testid'?: string | undefined;
-        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | undefined;
-        disabled?: boolean | undefined;
-        iconPosition?: "left" | "right" | undefined;
-        iconVariant?: "filled" | "outlined" | undefined;
-        fullWidth?: boolean | undefined;
-        isLoading?: boolean | undefined;
-        'aria-label'?: string | undefined;
-        'aria-current'?: boolean | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-expanded'?: boolean | undefined;
-        'aria-haspopup'?: boolean | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        tooltip?: string | undefined;
-        tabIndex?: number | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
+        autoFocus?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["autoFocus"];
+        variant?: "filled" | "outlined" | "ghost";
+        role?: import("react").AriaRole;
+        size?: "large" | "medium" | "small" | "xsmall";
+        className?: string;
+        'data-testid'?: string;
+        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info";
+        disabled?: boolean;
+        iconPosition?: "left" | "right";
+        iconVariant?: ComponentProps<typeof import("@ultraviolet/icons").Icon>["variant"];
+        fullWidth?: boolean;
+        isLoading?: boolean;
+        'aria-label'?: string;
+        'aria-current'?: boolean;
+        'aria-controls'?: string;
+        'aria-expanded'?: boolean;
+        'aria-haspopup'?: boolean;
+        onClick?: import("react").MouseEventHandler<HTMLElement>;
+        tooltip?: string;
+        tabIndex?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];
+        onMouseDown?: import("react").MouseEventHandler<HTMLElement>;
+        onMouseUp?: import("react").MouseEventHandler<HTMLElement>;
+        onMouseOut?: import("react").MouseEventHandler<HTMLElement>;
     } & ({
         children: import("react").ReactNode;
-        icon?: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east-short" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north-short" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south-short" | "south" | "switch_orga" | "upload" | "west-short" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: string | undefined;
-        href?: undefined;
-        target?: undefined;
-        download?: undefined;
+        icon?: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
+        name?: string;
+        href?: never;
+        target?: never;
+        download?: never;
     } | {
-        children?: undefined;
-        icon: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east-short" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north-short" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south-short" | "south" | "switch_orga" | "upload" | "west-short" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: string | undefined;
-        href?: undefined;
-        target?: undefined;
-        download?: undefined;
+        children?: never;
+        icon: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
+        name?: string;
+        href?: never;
+        target?: never;
+        download?: never;
     } | {
         children: import("react").ReactNode;
-        icon?: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east-short" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north-short" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south-short" | "south" | "switch_orga" | "upload" | "west-short" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: undefined;
+        icon?: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
+        name?: never;
         href: string;
-        target?: string | undefined;
-        download?: string | undefined;
+        target?: string;
+        download?: string;
     } | {
-        children?: undefined;
-        icon: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east-short" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north-short" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south-short" | "south" | "switch_orga" | "upload" | "west-short" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-        name?: undefined;
+        children?: never;
+        icon: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
+        name?: never;
         href: string;
-        target?: string | undefined;
-        download?: string | undefined;
+        target?: string;
+        download?: string;
     })) & import("react").RefAttributes<Element>, "tooltip" | "onClick" | "disabled">) => import("@emotion/react/jsx-runtime").JSX.Element;
     CancelButton: ({ children, onClick, }: {
         children: import("react").ReactNode;
-        onClick: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onClick: ComponentProps<typeof import("..").Button>["onClick"];
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Stack: ({ children }: {
         children: import("react").ReactNode;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Text: ({ children }: {
-        children: import("react").ReactNode;
+        children: React.ReactNode;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     useDialogContext: () => DialogContextType;
 };

package/dist/components/Dialog/subComponents/Text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type DialogTextProps = {
     children: React.ReactNode;
 };

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

@@ -17,8 +17,8 @@ type ExpandableProps = {
     animationDuration?: number;
 };
 export declare const StyledExpandable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 } & {
     animationDuration: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/GlobalAlert/GlobalAlertLink.d.ts

@@ -1,3 +1,3 @@
 import type { ComponentProps } from 'react';
 import { Link } from '../Link';
-export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<ComponentProps<typeof Link>, 'sentiment' | 'prominence' | 'size'>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<ComponentProps<typeof Link>, "sentiment" | "prominence" | "size">) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/GlobalAlert/index.cjs

@@ -44,8 +44,7 @@ const GlobalAlert = ({
     theme
   } = react.useTheme();
   const [opened, toggleOpened] = React.useReducer((value) => !value, true);
-  if (!opened)
-    return null;
+  if (!opened) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { justifyContent: "center", alignItems: "center", direction: "row", "data-variant": variant, "data-testid": dataTestId, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 2, direction: "row", justifyContent: "center", alignItems: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", children }),

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

@@ -15,22 +15,6 @@ type GlobalAlertProps = {
  */
 export declare const GlobalAlert: {
     ({ children, variant, onClose, closable, buttonText, onClickButton, className, "data-testid": dataTestId, }: GlobalAlertProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
-    Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<{
-        children: ReactNode;
-        target?: import("react").HTMLAttributeAnchorTarget | undefined;
-        download?: string | boolean | undefined;
-        sentiment?: import("../../theme").Color | undefined;
-        prominence?: "strong" | "default" | "stronger" | "weak" | undefined;
-        size?: ("large" | "small" | "xsmall") | undefined;
-        iconPosition?: ("left" | "right") | undefined;
-        rel?: string | undefined;
-        className?: string | undefined;
-        href: string;
-        onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-        'aria-label'?: string | undefined;
-        oneLine?: boolean | undefined;
-        'data-testid'?: string | undefined;
-        variant?: "inline" | "standalone" | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>, "size" | "sentiment" | "prominence">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<import("react").ComponentProps<typeof import("..").Link>, "sentiment" | "prominence" | "size">) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/GlobalAlert/index.js

@@ -40,8 +40,7 @@ const GlobalAlert = ({
     theme
   } = useTheme();
   const [opened, toggleOpened] = useReducer((value) => !value, true);
-  if (!opened)
-    return null;
+  if (!opened) return null;
   return /* @__PURE__ */ jsxs(Container, { justifyContent: "center", alignItems: "center", direction: "row", "data-variant": variant, "data-testid": dataTestId, className, children: [
     /* @__PURE__ */ jsxs(Stack, { gap: 2, direction: "row", justifyContent: "center", alignItems: "center", children: [
       /* @__PURE__ */ jsx(Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", children }),

package/dist/components/LineChart/helpers.cjs

@@ -1,20 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const parse = (data) => {
-  if (typeof data === "number")
-    return data || 0;
-  if (typeof data === "string")
-    return parseFloat(data) || 0;
-  if (data instanceof Date)
-    return data.getTime();
+  if (typeof data === "number") return data || 0;
+  if (typeof data === "string") return parseFloat(data) || 0;
+  if (data instanceof Date) return data.getTime();
   return 0;
 };
 const getMin = (values = []) => values.length ? Math.min(...values.map(parse)) : 0;
 const getMax = (values = []) => values.length ? Math.max(...values.map(parse)) : 0;
 const getAverage = (values = []) => values.length ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
 const getMaxChartValue = (preppedData) => {
-  if (!preppedData?.length)
-    return 0;
+  if (!preppedData?.length) return 0;
   const maximum = Math.max(...preppedData.map(({
     data
   }) => getMax(data.map(({
@@ -23,8 +19,7 @@ const getMaxChartValue = (preppedData) => {
   return Math.ceil(maximum + maximum * 0.1);
 };
 const getMinChartValue = (preppedData) => {
-  if (!preppedData?.length)
-    return 0;
+  if (!preppedData?.length) return 0;
   const minimum = Math.min(...preppedData.map(({
     data
   }) => getMin(data.map(({

package/dist/components/LineChart/helpers.js

@@ -1,18 +1,14 @@
 const parse = (data) => {
-  if (typeof data === "number")
-    return data || 0;
-  if (typeof data === "string")
-    return parseFloat(data) || 0;
-  if (data instanceof Date)
-    return data.getTime();
+  if (typeof data === "number") return data || 0;
+  if (typeof data === "string") return parseFloat(data) || 0;
+  if (data instanceof Date) return data.getTime();
   return 0;
 };
 const getMin = (values = []) => values.length ? Math.min(...values.map(parse)) : 0;
 const getMax = (values = []) => values.length ? Math.max(...values.map(parse)) : 0;
 const getAverage = (values = []) => values.length ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
 const getMaxChartValue = (preppedData) => {
-  if (!preppedData?.length)
-    return 0;
+  if (!preppedData?.length) return 0;
   const maximum = Math.max(...preppedData.map(({
     data
   }) => getMax(data.map(({
@@ -21,8 +17,7 @@ const getMaxChartValue = (preppedData) => {
   return Math.ceil(maximum + maximum * 0.1);
 };
 const getMinChartValue = (preppedData) => {
-  if (!preppedData?.length)
-    return 0;
+  if (!preppedData?.length) return 0;
   const minimum = Math.min(...preppedData.map(({
     data
   }) => getMin(data.map(({

package/dist/components/Link/index.cjs

@@ -108,10 +108,8 @@ const Link = React.forwardRef(({
   const usedRef = ref ?? elementRef;
   const finalStringChildren = recursivelyGetChildrenString(children);
   const textVariant = React.useMemo(() => {
-    if (size === "xsmall")
-      return "captionStrong";
-    if (size === "small")
-      return "bodySmallStrong";
+    if (size === "xsmall") return "captionStrong";
+    if (size === "small") return "bodySmallStrong";
     return "bodyStrong";
   }, [size]);
   React.useEffect(() => {

package/dist/components/Link/index.js

@@ -104,10 +104,8 @@ const Link = forwardRef(({
   const usedRef = ref ?? elementRef;
   const finalStringChildren = recursivelyGetChildrenString(children);
   const textVariant = useMemo(() => {
-    if (size === "xsmall")
-      return "captionStrong";
-    if (size === "small")
-      return "bodySmallStrong";
+    if (size === "xsmall") return "captionStrong";
+    if (size === "small") return "bodySmallStrong";
     return "bodyStrong";
   }, [size]);
   useEffect(() => {

package/dist/components/List/Cell.cjs

@@ -19,7 +19,7 @@ const StyledCell = /* @__PURE__ */ _styled__default.default("div", process.env.N
 } : {
   name: "humxtf",
   styles: "display:flex;justify-content:center;flex-direction:column;min-height:60px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9yd2FyZGVkUmVmLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogNjBweDtcbmBcblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogIFVzZSB0aGlzIGlmIHlvdSB3YW50IHRvIHByZXZlbnQgb25DbGljayB0byBiZSBoYW5kbGVkIGJ5IHBhcmVudHMgKExpa2Ugd2hlbiB5b3UgaGF2ZSBhbiBleHBhbmRhYmxlIGNvbnRlbnQpXG4gICAqICovXG4gIHByZXZlbnRDbGljaz86IGJvb2xlYW5cbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2VsbCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHByZXZlbnRDbGljaywgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCB9OiBDZWxsUHJvcHMsXG4gICAgcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gZXZlbnQgPT4ge1xuICAgICAgaWYgKHByZXZlbnRDbGljaykge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGhhbmRsZUtleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChwcmV2ZW50Q2xpY2spIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENlbGxcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHJvbGU9XCJjZWxsXCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdGlkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENlbGw+XG4gICAgKVxuICB9LFxuKVxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9yd2FyZGVkUmVmLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogNjBweDtcbmBcblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogIEBkZXByZWNhdGVkOiBUaGlzIHByb3Agd29uJ3QgYmUgbmVlZGVkIGluIHRoZSBmdXR1cmUgYXMgZXhwYW5kYWJsZSB3aWxsIGJlIHRyaWdnZXJlZCBvbmx5IHZpYSBhIGJ1dHRvbi5cbiAgICpcbiAgICogIFVzZSB0aGlzIGlmIHlvdSB3YW50IHRvIHByZXZlbnQgb25DbGljayB0byBiZSBoYW5kbGVkIGJ5IHBhcmVudHMgKExpa2Ugd2hlbiB5b3UgaGF2ZSBhbiBleHBhbmRhYmxlIGNvbnRlbnQpXG4gICAqICovXG4gIHByZXZlbnRDbGljaz86IGJvb2xlYW5cbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2VsbCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHByZXZlbnRDbGljaywgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCB9OiBDZWxsUHJvcHMsXG4gICAgcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gZXZlbnQgPT4ge1xuICAgICAgaWYgKHByZXZlbnRDbGljaykge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGhhbmRsZUtleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChwcmV2ZW50Q2xpY2spIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENlbGxcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHJvbGU9XCJjZWxsXCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdGlkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENlbGw+XG4gICAgKVxuICB9LFxuKVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Cell = React.forwardRef(({

package/dist/components/List/Cell.d.ts

@@ -3,6 +3,8 @@ type CellProps = {
     children?: ReactNode;
     className?: string;
     /**
+     *  @deprecated: This prop won't be needed in the future as expandable will be triggered only via a button.
+     *
      *  Use this if you want to prevent onClick to be handled by parents (Like when you have an expandable content)
      * */
     preventClick?: boolean;

package/dist/components/List/Cell.js

@@ -15,7 +15,7 @@ const StyledCell = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 } : {
   name: "humxtf",
   styles: "display:flex;justify-content:center;flex-direction:column;min-height:60px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9yd2FyZGVkUmVmLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogNjBweDtcbmBcblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogIFVzZSB0aGlzIGlmIHlvdSB3YW50IHRvIHByZXZlbnQgb25DbGljayB0byBiZSBoYW5kbGVkIGJ5IHBhcmVudHMgKExpa2Ugd2hlbiB5b3UgaGF2ZSBhbiBleHBhbmRhYmxlIGNvbnRlbnQpXG4gICAqICovXG4gIHByZXZlbnRDbGljaz86IGJvb2xlYW5cbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2VsbCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHByZXZlbnRDbGljaywgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCB9OiBDZWxsUHJvcHMsXG4gICAgcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gZXZlbnQgPT4ge1xuICAgICAgaWYgKHByZXZlbnRDbGljaykge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGhhbmRsZUtleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChwcmV2ZW50Q2xpY2spIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENlbGxcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHJvbGU9XCJjZWxsXCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdGlkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENlbGw+XG4gICAgKVxuICB9LFxuKVxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9yd2FyZGVkUmVmLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogNjBweDtcbmBcblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogIEBkZXByZWNhdGVkOiBUaGlzIHByb3Agd29uJ3QgYmUgbmVlZGVkIGluIHRoZSBmdXR1cmUgYXMgZXhwYW5kYWJsZSB3aWxsIGJlIHRyaWdnZXJlZCBvbmx5IHZpYSBhIGJ1dHRvbi5cbiAgICpcbiAgICogIFVzZSB0aGlzIGlmIHlvdSB3YW50IHRvIHByZXZlbnQgb25DbGljayB0byBiZSBoYW5kbGVkIGJ5IHBhcmVudHMgKExpa2Ugd2hlbiB5b3UgaGF2ZSBhbiBleHBhbmRhYmxlIGNvbnRlbnQpXG4gICAqICovXG4gIHByZXZlbnRDbGljaz86IGJvb2xlYW5cbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2VsbCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHByZXZlbnRDbGljaywgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCB9OiBDZWxsUHJvcHMsXG4gICAgcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljazogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+ID0gZXZlbnQgPT4ge1xuICAgICAgaWYgKHByZXZlbnRDbGljaykge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IGhhbmRsZUtleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PiA9IGV2ZW50ID0+IHtcbiAgICAgIGlmIChwcmV2ZW50Q2xpY2spIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENlbGxcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHJvbGU9XCJjZWxsXCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdGlkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZENlbGw+XG4gICAgKVxuICB9LFxuKVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Cell = forwardRef(({