npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.3 → 5.0.0-next.5 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.3 → 5.0.0-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (753) hide show

package/dist/cjs/components/Accordion/Accordion.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n /*\n Id to be applied to the root node of the accordion.\n /\n id?: string;\n /\n Class names to be applied to the accordion.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvAccordionClasses;\n /\n The accordion label button.\n /\n label?: any;\n /\n The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n /\n onChange?: any;\n /\n Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be passed onto container holding the accordion children.\n /\n containerProps?: ~~Object;\~~n /\n Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n /\n Is the accordion disabled.\n /\n disabled?: boolean;\n};\n\n/\n A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n id,\n className,\n classes,\n disabled = false,\n label,\n onChange,\n children,\n expanded,\n headingLevel,\n defaultExpanded = false,\n containerProps,\n ...others\n}: HvAccordionProps) => {\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const handleAction = useCallback(\n (event: SyntheticEvent) => {\n if (!disabled) {\n onChange?.(event, isOpen);\n setIsOpen(!isOpen);\n return true;\n }\n return false;\n },\n [disabled, onChange, isOpen, setIsOpen]\n );\n\n const handleClick = useCallback(\n (event: SyntheticEvent) => {\n handleAction(event);\n event.preventDefault();\n event.stopPropagation();\n },\n [handleAction]\n );\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (\n event.altKey \|\|\n event.ctrlKey \|\|\n event.metaKey \|\|\n event.currentTarget !== event.target\n ) {\n return;\n }\n switch (key) {\n case \"Enter\":\n case \" \":\n isEventHandled = handleAction(event);\n break;\n default:\n return;\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n },\n [handleAction]\n );\n\n const accordionHeaderId = setId(id, \"button\");\n const accordionContainer = setId(id, \"container\");\n const accordionHeader = useMemo(() => {\n const color = (disabled && [\"atmo5\"]) \|\| undefined;\n const accordionButton = (\n <StyledLabel\n id={accordionHeaderId}\n component=\"div\"\n role=\"button\"\n className={clsx(accordionClasses.label, classes?.label)}\n disabled={disabled}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n variant={\"label\"}\n aria-expanded={isOpen}\n aria-disabled={disabled}\n >\n {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n {label}\n </StyledLabel>\n );\n const result =\n headingLevel === undefined ? (\n accordionButton\n ) : (\n <StyledLabel component={`h${headingLevel}`}>\n {accordionButton}\n </StyledLabel>\n );\n return result;\n }, [\n classes,\n handleClick,\n handleKeyDown,\n label,\n accordionHeaderId,\n disabled,\n headingLevel,\n isOpen,\n ]);\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, accordionClasses.root, classes?.root)}\n {...others}\n >\n {accordionHeader}\n <StyledContainer\n id={accordionContainer}\n role=\"region\"\n aria-labelledby={accordionHeaderId}\n className={clsx(accordionClasses.container, classes?.container)}\n hidden={!isOpen}\n {...containerProps}\n >\n {children}\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":";;;;;;;;;;;;~~AAuDO~~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"}
1	+ {"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n SyntheticEvent,\n useCallback,\n useMemo,\n HTMLAttributes,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { setId } from \"utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\n\nexport type HvAccordionProps = HvBaseProps & {\n /*\n Id to be applied to the root node of the accordion.\n /\n id?: string;\n /\n Class names to be applied to the accordion.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvAccordionClasses;\n /\n The accordion label button.\n /\n label?: any;\n /\n The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n /\n onChange?: any;\n /\n Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n /\n expanded?: boolean;\n /\n When uncontrolled, defines the initial expanded state.\n /\n defaultExpanded?: boolean;\n /\n An object containing props to be passed onto container holding the accordion children.\n /\n containerProps?: HTMLAttributes<HTMLDivElement>;\n /\n Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n /\n headingLevel?: 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n /\n Is the accordion disabled.\n /\n disabled?: boolean;\n};\n\n/\n A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n id,\n className,\n classes,\n disabled = false,\n label,\n onChange,\n children,\n expanded,\n headingLevel,\n defaultExpanded = false,\n containerProps,\n ...others\n}: HvAccordionProps) => {\n const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n const handleAction = useCallback(\n (event: SyntheticEvent) => {\n if (!disabled) {\n onChange?.(event, isOpen);\n setIsOpen(!isOpen);\n return true;\n }\n return false;\n },\n [disabled, onChange, isOpen, setIsOpen]\n );\n\n const handleClick = useCallback(\n (event: SyntheticEvent) => {\n handleAction(event);\n event.preventDefault();\n event.stopPropagation();\n },\n [handleAction]\n );\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n let isEventHandled = false;\n const { key } = event;\n\n if (\n event.altKey \|\|\n event.ctrlKey \|\|\n event.metaKey \|\|\n event.currentTarget !== event.target\n ) {\n return;\n }\n switch (key) {\n case \"Enter\":\n case \" \":\n isEventHandled = handleAction(event);\n break;\n default:\n return;\n }\n\n if (isEventHandled) {\n event.preventDefault();\n event.stopPropagation();\n }\n },\n [handleAction]\n );\n\n const accordionHeaderId = setId(id, \"button\");\n const accordionContainer = setId(id, \"container\");\n const accordionHeader = useMemo(() => {\n const color = (disabled && [\"atmo5\"]) \|\| undefined;\n const accordionButton = (\n <StyledLabel\n id={accordionHeaderId}\n component=\"div\"\n role=\"button\"\n className={clsx(accordionClasses.label, classes?.label)}\n disabled={disabled}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n variant={\"label\"}\n aria-expanded={isOpen}\n aria-disabled={disabled}\n >\n {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n {label}\n </StyledLabel>\n );\n const result =\n headingLevel === undefined ? (\n accordionButton\n ) : (\n <StyledLabel component={`h${headingLevel}`}>\n {accordionButton}\n </StyledLabel>\n );\n return result;\n }, [\n classes,\n handleClick,\n handleKeyDown,\n label,\n accordionHeaderId,\n disabled,\n headingLevel,\n isOpen,\n ]);\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, accordionClasses.root, classes?.root)}\n {...others}\n >\n {accordionHeader}\n <StyledContainer\n id={accordionContainer}\n role=\"region\"\n aria-labelledby={accordionHeaderId}\n className={clsx(accordionClasses.container, classes?.container)}\n hidden={!isOpen}\n {...containerProps}\n >\n {children}\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}

package/dist/cjs/components/ActionBar/ActionBar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport type HvActionBarProps = HvBaseProps & {\n /** Id to be applied to the root node. /\n id?: string;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvActionBarClasses;\n};\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n const { classes, className, id, children, ...others } = props;\n\n return (\n <StyledRoot\n id={id}\n className={clsx(actionBarClasses.root, classes?.root, className)}\n {...others}\n >\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","StyledRoot","clsx","actionBarClasses","root"],"mappings":";;;;;;;;AAYaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,wCACGM,iBAAAA,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,cAAKC,QAAAA,iBAAAA,QAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}
1	+ {"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./ActionBar.styles\";\nimport actionBarClasses, { HvActionBarClasses } from \"./actionBarClasses\";\n\nexport type HvActionBarProps = HvBaseProps & {\n /** Id to be applied to the root node. /\n id?: string;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionBarClasses;\n};\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n const { classes, className, id, children, ...others } = props;\n\n return (\n <StyledRoot\n id={id}\n className={clsx(actionBarClasses.root, classes?.root, className)}\n {...others}\n >\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvActionBar","props","classes","className","id","children","others","StyledRoot","clsx","actionBarClasses","root"],"mappings":";;;;;;;;AAYaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAIC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,wCACGM,iBAAAA,YAAU;AAAA,IACTH;AAAAA,IACAD,WAAWK,cAAKC,QAAAA,iBAAAA,QAAiBC,MAAMR,mCAASQ,MAAMP,SAAS;AAAA,IAAE,GAC7DG;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionsGeneric.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n id: string;\n label: string;\n icon?:\n \| React.ReactNode\n \| ((params: { isDisabled?: boolean }) => React.ReactNode);\n disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n /** Button category. /\n category?: HvButtonVariant;\n /* Whether actions should be all disabled /\n disabled?: boolean;\n /* The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` /\n actions: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (event: Event, id: string, action: HvActionGeneric) => void;\n /* The number of maximum visible actions before they're collapsed into a `DropDownMenu`. /\n maxVisibleActions?: number;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n id,\n classes,\n className,\n category = \"secondaryGhost\",\n disabled = false,\n actions = [],\n actionsCallback,\n maxVisibleActions = Infinity,\n ...others\n}: HvActionsGenericProps) => {\n const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n const renderButton = (action: HvActionGeneric, idx: number) => {\n const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n const actionId = setId(id, idx, \"action\", action.id);\n\n const renderedIcon = isValidElement(icon)\n ? icon\n : (icon as Function)?.({ isDisabled: disabled });\n\n return (\n <StyledButton\n id={actionId}\n key={actionId \|\| idx}\n variant={category}\n className={clsx(actionsGenericClasses.button, classes?.button)}\n disabled={actDisabled ?? disabled}\n onClick={(event: any) => actionsCallback?.(event, id \|\| \"\", action)}\n startIcon={renderedIcon}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) \|\| \"md\"}\n {...other}\n >\n {label}\n </StyledButton>\n );\n };\n\n const renderActionsGrid = () => {\n const actsVisible = actions.slice(0, maxVisibleActions);\n const actsDropdown = actions.slice(maxVisibleActions);\n\n const semantic = category === \"semantic\";\n const iconColor =\n (disabled && \"atmo5\") \|\| (semantic && \"base2\") \|\| undefined;\n\n return (\n <>\n {actsVisible.map((action, idx) => renderButton(action, idx))}\n <HvDropDownMenu\n id={setId(id, \"menu\")}\n disabled={disabled}\n category={category}\n classes={{\n root: clsx(\n actionsGenericClasses.dropDownMenu,\n classes?.dropDownMenu\n ),\n icon: clsx(\n actionsGenericClasses.dropDownMenuButton,\n classes?.dropDownMenuButton\n ),\n iconSelected: clsx(\n actionsGenericClasses.dropDownMenuButtonSelected,\n classes?.dropDownMenuButtonSelected\n ),\n }}\n icon={<MoreOptionsVertical color={iconColor} />}\n placement=\"left\"\n onClick={(event: Event, action: HvActionGeneric) =>\n actionsCallback?.(event, id \|\| \"\", action)\n }\n dataList={actsDropdown}\n keepOpened={false}\n disablePortal={false}\n />\n </>\n );\n };\n\n const actionOverflow = actions.length > maxVisibleActions;\n\n return (\n <StyledRoot\n className={clsx(\n className,\n actionsGenericClasses.root,\n classes?.root,\n actionOverflow &&\n clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n )}\n $actionOverflow={actionOverflow}\n {...others}\n >\n {actionOverflow\n ? renderActionsGrid()\n : actions.map((action, idx) => renderButton(action, idx))}\n </StyledRoot>\n );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base1","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}
1	+ {"version":3,"file":"ActionsGeneric.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvButtonSize, HvButtonVariant, HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\nimport { isValidElement, useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { actionsGenericClasses, HvActionsGenericClasses } from \".\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvActionGeneric = {\n id: string;\n label: string;\n icon?:\n \| React.ReactNode\n \| ((params: { isDisabled?: boolean }) => React.ReactNode);\n disabled?: boolean;\n};\n\nexport type HvActionsGenericProps = HvBaseProps & {\n /** Button category. /\n category?: HvButtonVariant;\n /* Whether actions should be all disabled /\n disabled?: boolean;\n /* The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` /\n actions: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (event: Event, id: string, action: HvActionGeneric) => void;\n /* The number of maximum visible actions before they're collapsed into a `DropDownMenu`. /\n maxVisibleActions?: number;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionsGenericClasses;\n};\n\nexport const HvActionsGeneric = ({\n id,\n classes,\n className,\n category = \"secondaryGhost\",\n disabled = false,\n actions = [],\n actionsCallback,\n maxVisibleActions = Infinity,\n ...others\n}: HvActionsGenericProps) => {\n const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n const renderButton = (action: HvActionGeneric, idx: number) => {\n const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n const actionId = setId(id, idx, \"action\", action.id);\n\n const renderedIcon = isValidElement(icon)\n ? icon\n : (icon as Function)?.({ isDisabled: disabled });\n\n return (\n <StyledButton\n id={actionId}\n key={actionId \|\| idx}\n variant={category}\n className={clsx(actionsGenericClasses.button, classes?.button)}\n disabled={actDisabled ?? disabled}\n onClick={(event: any) => actionsCallback?.(event, id \|\| \"\", action)}\n startIcon={renderedIcon}\n $baseColor={\n activeTheme?.colors?.modes[selectedMode].base1 \|\| theme.colors.base1\n }\n size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) \|\| \"md\"}\n {...other}\n >\n {label}\n </StyledButton>\n );\n };\n\n const renderActionsGrid = () => {\n const actsVisible = actions.slice(0, maxVisibleActions);\n const actsDropdown = actions.slice(maxVisibleActions);\n\n const semantic = category === \"semantic\";\n const iconColor =\n (disabled && \"atmo5\") \|\| (semantic && \"base2\") \|\| undefined;\n\n return (\n <>\n {actsVisible.map((action, idx) => renderButton(action, idx))}\n <HvDropDownMenu\n id={setId(id, \"menu\")}\n disabled={disabled}\n category={category}\n classes={{\n root: clsx(\n actionsGenericClasses.dropDownMenu,\n classes?.dropDownMenu\n ),\n icon: clsx(\n actionsGenericClasses.dropDownMenuButton,\n classes?.dropDownMenuButton\n ),\n iconSelected: clsx(\n actionsGenericClasses.dropDownMenuButtonSelected,\n classes?.dropDownMenuButtonSelected\n ),\n }}\n icon={<MoreOptionsVertical color={iconColor} />}\n placement=\"left\"\n onClick={(event: Event, action: HvActionGeneric) =>\n actionsCallback?.(event, id \|\| \"\", action)\n }\n dataList={actsDropdown}\n keepOpened={false}\n disablePortal={false}\n />\n </>\n );\n };\n\n const actionOverflow = actions.length > maxVisibleActions;\n\n return (\n <StyledRoot\n className={clsx(\n className,\n actionsGenericClasses.root,\n classes?.root,\n actionOverflow &&\n clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n )}\n $actionOverflow={actionOverflow}\n {...others}\n >\n {actionOverflow\n ? renderActionsGrid()\n : actions.map((action, idx) => renderButton(action, idx))}\n </StyledRoot>\n );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useContext","HvThemeContext","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base1","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs CHANGED Viewed

@@ -35,15 +35,15 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     alignItems: "center",
     float: "right"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzOiBIdkJ1dHRvblByb3BzKSA9PiAoXG4gIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IC8+XG4pKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIFwiJjpub3QoOmxhc3QtY2hpbGQpXCI6IHtcbiAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gIH0sXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
 const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
   ...props
-}), process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4fkrgz0"
-} : {
+}, transientOptions.transientOptions) : _extends({}, {
   target: "e4fkrgz0",
   label: "StyledButton"
-})(({
+}, transientOptions.transientOptions))(({
   $baseColor
 }) => ({
   "&:not(:last-child)": {
@@ -52,7 +52,7 @@ const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__P
   "&:hover": {
     backgroundColor: hexToRgbA.default($baseColor, 0.3)
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhY3Rpb25PdmVyZmxvdyB9OiB7ICRhY3Rpb25PdmVyZmxvdzogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGFjdGlvbk92ZXJmbG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gKFxuICA8SHZCdXR0b24gey4uLnByb3BzfSAvPlxuKSkoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2QnV0dG9uUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhY3Rpb25PdmVyZmxvdyB9OiB7ICRhY3Rpb25PdmVyZmxvdzogYm9vbGVhbiB9KSA9PiAoe1xuICAuLi4oJGFjdGlvbk92ZXJmbG93ICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGZsb2F0OiBcInJpZ2h0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICAocHJvcHM6IEh2QnV0dG9uUHJvcHMpID0+IDxIdkJ1dHRvbiB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYXNlQ29sb3IgfTogeyAkYmFzZUNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImOm5vdCg6bGFzdC1jaGlsZClcIjoge1xuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
 exports.StyledButton = StyledButton;
 exports.StyledRoot = StyledRoot;
 //# sourceMappingURL=ActionsGeneric.styles.cjs.map

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionsGeneric.styles.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n ...($actionOverflow && {\n display: \"flex\",\n alignItems: \"center\",\n float: \"right\",\n }),\n}));\n\nexport const StyledButton = styled((props: HvButtonProps) => ~~(\n~~ <HvButton {...props} ~~/>\~~n))(({ $baseColor }: { $baseColor: string }) => ({\n \"&:not(:last-child)\": {\n marginRight: theme.space.xs,\n },\n \"&:hover\": {\n backgroundColor: fade($baseColor, 0.3),\n },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","HvButton","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~qhDAAA~~;AAEI,MAAMS,eAAeC,iCAAAA,~~QAAO~~,CAACC,~~yCACjCC~~,OAAAA,UAAQ;AAAA,EAAA,GAAKD;AAAK,CAAA,~~GACpBb~~,QAAAC,IAAAC,~~aAAA~~,~~eAAA~~;AAAA,~~EAAAE~~,QAAA;AAAA,IAAA;AAAA,~~EAAAA~~,QAAA;AAAA,EAAAE,OAAA;AAAA,~~CAAA~~,~~EAAE~~,CAAC;AAAA,~~EAAES~~;AAAmC,OAAO;AAAA,~~EAC9C~~,sBAAsB;AAAA,IACpBC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~qhDAAA~~;;;"}
1	+ {"version":3,"file":"ActionsGeneric.styles.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n ...($actionOverflow && {\n display: \"flex\",\n alignItems: \"center\",\n float: \"right\",\n }),\n}));\n\nexport const StyledButton = styled(\n (props: HvButtonProps) => <HvButton {...props} />,\n transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n \"&:not(:last-child)\": {\n marginRight: theme.space.xs,\n },\n \"&:hover\": {\n backgroundColor: fade($baseColor, 0.3),\n },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","HvButton","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMS,eAAeC,iCAAAA,QAC1B,CAACC,yCAA0BC,OAAAA,UAAQ;AAAA,EAAA,GAAKD;AAAK,CAAA,GAAIb,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEU;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;;;"}

package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: Function;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n // @ts-ignore\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}
1	+ {"version":3,"file":"Action.cjs","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n StyledIcon,\n StyledIconInfo,\n StyledListItem,\n StyledTypography,\n StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n /** The application data to be used to render the Action object. /\n application: HvApplication;\n /* Callback triggered when the action is clicked. /\n onClickCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isSelectedCallback?: Function;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\nexport const HvAction = ({\n id,\n className,\n classes,\n application,\n onClickCallback = () => {},\n isSelectedCallback = () => false,\n}: HvActionProps) => {\n const { name, description, disabled, iconElement, iconUrl, url, target } =\n application;\n\n const color = disabled\n ? theme.colors.atmo5\n : getColor(application?.color, theme.colors.acce1);\n\n const [validIconUrl, setValidIconUrl] = useState(true);\n\n const renderApplicationIcon = () => {\n if (iconElement) {\n return iconElement;\n }\n\n if (iconUrl && validIconUrl) {\n return (\n <StyledImg\n className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n src={iconUrl}\n onError={() => {\n setValidIconUrl(false);\n }}\n alt={description}\n />\n );\n }\n\n const brokenTitle = name.split(\" \");\n const initials =\n brokenTitle[0].substring(0, 1) +\n (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n return (\n <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n {initials}\n </HvAvatar>\n );\n };\n\n const isSelected = isSelectedCallback(application);\n\n /\n Handles the onClick event and triggers the appropriate callback if it exists.\n */\n const handleOnClick = (event) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onClickCallback?.(event, { ...application, isSelected });\n };\n\n const isLink = url != null;\n\n return (\n <StyledListItem\n id={id}\n interactive\n tabIndex={0}\n selected={isSelected}\n disabled={disabled}\n className={clsx(\n className,\n appSwitcherActionClasses.root,\n classes?.root,\n disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n )}\n >\n <StyledTypography\n component={isLink ? \"a\" : \"button\"}\n // @ts-ignore\n href={isLink ? url : undefined}\n target={isLink ? target \|\| \"_top\" : undefined}\n className={clsx(\n appSwitcherActionClasses.typography,\n classes?.typography\n )}\n onClick={handleOnClick}\n style={{ borderColor: color }}\n >\n <StyledIcon\n className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n >\n {renderApplicationIcon()}\n </StyledIcon>\n\n <TitleWithTooltip\n title={name}\n className={clsx(appSwitcherActionClasses.title, classes?.title)}\n type=\"action\"\n />\n\n {description && (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={<HvTypography>{description}</HvTypography>}\n >\n <div>\n <StyledIconInfo\n className={clsx(\n appSwitcherActionClasses.iconInfo,\n classes?.iconInfo\n )}\n role=\"img\"\n aria-label={description}\n />\n </div>\n </HvTooltip>\n )}\n </StyledTypography>\n </StyledListItem>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}

package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n StyledRoot,\n StyledTitle,\n StyledActionsContainer,\n StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n /** Id of the application. /\n id?: string;\n /* Name of the application, this is the value that will be displayed on the component. /\n name: string;\n /* URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. /\n iconUrl?: string;\n /* Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. /\n iconElement?: React.ReactElement;\n /* Small description of the application. /\n description?: string;\n /* URL where the application is accessible. /\n url?: string;\n /* Defines if the application should be opened in the same tab or in a new one. /\n target?: \"_top\" \| \"_blank\";\n /* If true, the item will be disabled. /\n disabled?: boolean;\n /* True when the application is selected, false otherwise. /\n isSelected?: boolean;\n /* The color of the application. /\n color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n /* Number of columns to render. One, two, or whatever fits the component's width. /\n layout?: \"single\" \| \"dual\" \| \"fluid\";\n /* Title to be displayed on the header of the component. /\n title?: string;\n /* The list of applications to be used to render the actions on the component. /\n applications?: HvApplication[];\n /* Triggered when an action is clicked. /\n onActionClickedCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isActionSelectedCallback?: Function;\n /* Element to be added to the header container, if none is provided a label with the title will be added. /\n header?: React.ReactNode;\n /* Element to be added to the footer container. /\n footer?: React.ReactNode;\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n /\n isOpen?: boolean;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n id,\n className,\n classes,\n layout = \"single\",\n title,\n applications,\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n header,\n footer,\n isOpen,\n}: HvAppSwitcherProps) => {\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = useMemo(\n () =>\n applications &&\n applications?.map((application) => {\n if (application.name) {\n return (\n <HvAppSwitcherAction\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: clsx(classes?.item, appSwitcherClasses.item),\n selected: clsx(\n classes?.itemSelected,\n appSwitcherClasses.itemSelected\n ),\n disabled: clsx(\n classes?.itemDisabled,\n appSwitcherClasses.itemDisabled\n ),\n typography: clsx(\n classes?.itemTrigger,\n appSwitcherClasses.itemTrigger\n ),\n icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n iconInfo: clsx(\n classes?.itemInfoIcon,\n appSwitcherClasses.itemInfoIcon\n ),\n }}\n />\n );\n }\n\n return undefined;\n }),\n [applications]\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n appSwitcherClasses.root,\n classes?.root,\n isOpen && clsx(appSwitcherClasses.open, classes?.open),\n isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n )}\n $open={!!isOpen}\n $closed={isOpen === false}\n $layout={layout}\n >\n {(header && (\n <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n {header}\n </StyledTitle>\n )) \|\|\n (title && (\n <TitleWithTooltip\n className={clsx(appSwitcherClasses.title, classes?.title)}\n title={title}\n type=\"appSwitcher\"\n />\n ))}\n <StyledActionsContainer\n disableGutters\n className={clsx(\n appSwitcherClasses.actionsContainer,\n classes?.actionsContainer\n )}\n >\n {panelActions}\n </StyledActionsContainer>\n {footer && (\n <StyledFooter\n className={clsx(\n appSwitcherClasses.footerContainer,\n classes?.footerContainer\n )}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,MAAAA,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,4CACGC,OAAAA,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,cAAAA,QAAKpB,mCAASqB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,UACjDE,UAAUH,cAAAA,QACRpB,mCAASwB,cACTF,mBAAAA,QAAmBE,YAAY;AAAA,UAEjCC,UAAUL,cAAAA,QACRpB,mCAAS0B,cACTJ,mBAAAA,QAAmBI,YAAY;AAAA,UAEjCC,YAAYP,cAAAA,QACVpB,mCAAS4B,aACTN,mBAAAA,QAAmBM,WAAW;AAAA,UAEhCC,MAAMT,cAAAA,QAAKpB,mCAAS8B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,cAAAA,QAAKpB,mCAAS+B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,cAAAA,QACRpB,mCAASiC,cACTX,mBAAAA,QAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,yCACGiC,mBAAAA,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,cAAAA,QACTrB,WACAuB,2BAAmBH,MACnBnB,mCAASmB,MACTX,UAAUY,cAAAA,QAAKE,mBAAAA,QAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,sBAAKE,mBAAAA,QAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,2BAAAA,IAACC,gCAAW;AAAA,MAAC7C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,2BAAAA,IAACE,0BAAgB;AAAA,MACf9C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,2BAAAA,IAACI,2CAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,2BAAAA,IAACO,iCAAY;AAAA,MACXnD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;;"}
1	+ {"version":3,"file":"AppSwitcher.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n StyledRoot,\n StyledTitle,\n StyledActionsContainer,\n StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n /** Id of the application. /\n id?: string;\n /* Name of the application, this is the value that will be displayed on the component. /\n name: string;\n /* URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. /\n iconUrl?: string;\n /* Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. /\n iconElement?: React.ReactElement;\n /* Small description of the application. /\n description?: string;\n /* URL where the application is accessible. /\n url?: string;\n /* Defines if the application should be opened in the same tab or in a new one. /\n target?: \"_top\" \| \"_blank\";\n /* If true, the item will be disabled. /\n disabled?: boolean;\n /* True when the application is selected, false otherwise. /\n isSelected?: boolean;\n /* The color of the application. /\n color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n /* Number of columns to render. One, two, or whatever fits the component's width. /\n layout?: \"single\" \| \"dual\" \| \"fluid\";\n /* Title to be displayed on the header of the component. /\n title?: string;\n /* The list of applications to be used to render the actions on the component. /\n applications?: HvApplication[];\n /* Triggered when an action is clicked. /\n onActionClickedCallback?: Function;\n /* Must return a boolean stating if the action element is selected or not. /\n isActionSelectedCallback?: Function;\n /* Element to be added to the header container, if none is provided a label with the title will be added. /\n header?: React.ReactNode;\n /* Element to be added to the footer container. /\n footer?: React.ReactNode;\n /\n Flag stating if the panel is opened or closed.\n \n @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n /\n isOpen?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n id,\n className,\n classes,\n layout = \"single\",\n title,\n applications,\n onActionClickedCallback = () => {},\n isActionSelectedCallback = () => false,\n header,\n footer,\n isOpen,\n}: HvAppSwitcherProps) => {\n const actionClicked = (event, application) => {\n onActionClickedCallback?.(event, application);\n };\n\n const panelActions = useMemo(\n () =>\n applications &&\n applications?.map((application) => {\n if (application.name) {\n return (\n <HvAppSwitcherAction\n key={application.id \|\| `${application.name}_${application.url}`}\n application={application}\n onClickCallback={actionClicked}\n isSelectedCallback={isActionSelectedCallback}\n classes={{\n root: clsx(classes?.item, appSwitcherClasses.item),\n selected: clsx(\n classes?.itemSelected,\n appSwitcherClasses.itemSelected\n ),\n disabled: clsx(\n classes?.itemDisabled,\n appSwitcherClasses.itemDisabled\n ),\n typography: clsx(\n classes?.itemTrigger,\n appSwitcherClasses.itemTrigger\n ),\n icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n iconInfo: clsx(\n classes?.itemInfoIcon,\n appSwitcherClasses.itemInfoIcon\n ),\n }}\n />\n );\n }\n\n return undefined;\n }),\n [applications]\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(\n className,\n appSwitcherClasses.root,\n classes?.root,\n isOpen && clsx(appSwitcherClasses.open, classes?.open),\n isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n )}\n $open={!!isOpen}\n $closed={isOpen === false}\n $layout={layout}\n >\n {(header && (\n <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n {header}\n </StyledTitle>\n )) \|\|\n (title && (\n <TitleWithTooltip\n className={clsx(appSwitcherClasses.title, classes?.title)}\n title={title}\n type=\"appSwitcher\"\n />\n ))}\n <StyledActionsContainer\n disableGutters\n className={clsx(\n appSwitcherClasses.actionsContainer,\n classes?.actionsContainer\n )}\n >\n {panelActions}\n </StyledActionsContainer>\n {footer && (\n <StyledFooter\n className={clsx(\n appSwitcherClasses.footerContainer,\n classes?.footerContainer\n )}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,MAAAA,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,4CACGC,OAAAA,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,cAAAA,QAAKpB,mCAASqB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,UACjDE,UAAUH,cAAAA,QACRpB,mCAASwB,cACTF,mBAAAA,QAAmBE,YAAY;AAAA,UAEjCC,UAAUL,cAAAA,QACRpB,mCAAS0B,cACTJ,mBAAAA,QAAmBI,YAAY;AAAA,UAEjCC,YAAYP,cAAAA,QACVpB,mCAAS4B,aACTN,mBAAAA,QAAmBM,WAAW;AAAA,UAEhCC,MAAMT,cAAAA,QAAKpB,mCAAS8B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,cAAAA,QAAKpB,mCAAS+B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,cAAAA,QACRpB,mCAASiC,cACTX,mBAAAA,QAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,yCACGiC,mBAAAA,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,cAAAA,QACTrB,WACAuB,2BAAmBH,MACnBnB,mCAASmB,MACTX,UAAUY,cAAAA,QAAKE,mBAAAA,QAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,sBAAKE,mBAAAA,QAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,2BAAAA,IAACC,gCAAW;AAAA,MAAC7C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,2BAAAA,IAACE,0BAAgB;AAAA,MACf9C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,2BAAAA,IAACI,2CAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,2BAAAA,IAACO,iCAAY;AAAA,MACXnD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;;"}

package/dist/cjs/components/Avatar/Avatar.cjs CHANGED Viewed

@@ -77,8 +77,8 @@ const HvAvatar = ({
     children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, {
       className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status),
       style: statusInlineStyle,
-      variant,
-      size,
+      $variant: variant,
+      $size: size,
       children: [badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, {
         className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge),
         style: {

package/dist/cjs/components/Avatar/Avatar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n StyledAvatar,\n StyledBadge,\n StyledContainer,\n StyledImg,\n StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" \| \"square\";\n\nexport type HvAvatarSize = \"XS\" \| \"SM\" \| \"MD\" \| \"LG\" \| \"XL\";\n\nexport type HvAvatarProps = ~~MuiAvatarProps &\n~~ HvBaseProps & {\n /** Inline styles to be applied to the root element. /\n style?: ~~object~~;\n /* The component used for the root node. Either a string to use a DOM element or a component. /\n component?: React.ElementType;\n /* Sets one of the standard sizes of the icons /\n size?: HvAvatarSize;\n /\n A String representing the foreground color of the avatar's\n * letters or the generic User icon fallback.\n * You can use either an HEX or color name from the palette.\n /\n color?: string;\n /* A String representing the background color of the avatar. You can use either an HEX or color name from the palette. /\n backgroundColor?: string;\n /* The `src` attribute for the `img` element. /\n src?: string;\n /* The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. /\n srcSet?: string;\n /* The `sizes` attribute for the `img` element. /\n sizes?: string;\n /* Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. /\n alt?: string;\n /\n Attributes applied to the `img` element if the component is used to display an image.\n * It can be used to listen for the loading error event.\n /\n imgProps?: ~~object;\~~n /* A string representing the type of avatar to display, circular or square. /\n variant?: HvAvatarVariant;\n /* A string representing the color of the avatar border that represents its status. /\n status?: string;\n /* A string representing the color of the avatar badge. /\n badge?: string;\n /* Attributes applied to the avatar element. /\n avatarProps?: ~~object~~;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. /\n classes?: HvAvatarClasses;\n };\n\n/\n Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n /\nconst getColor = (color: string, defaultColor: string): string =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\n/\n Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n className,\n style,\n classes,\n children: childrenProp,\n component = \"div\",\n size = \"SM\",\n backgroundColor = \"acce1\",\n color = \"atmo1\",\n src,\n srcSet,\n sizes,\n alt,\n imgProps,\n status,\n badge,\n variant = \"circular\",\n avatarProps,\n ...others\n}: HvAvatarProps) => {\n let children: React.ReactNode;\n\n // Use a hook instead of onError on the img element to support server-side rendering.\n const imageLoaded = useImageLoaded(src, srcSet);\n const hasImg = src \|\| srcSet;\n const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n if (hasImgNotFailing) {\n children = (\n <StyledImg\n alt={alt}\n src={src}\n srcSet={srcSet}\n sizes={sizes}\n className={clsx(classes?.img, avatarClasses.img)}\n {...imgProps}\n />\n );\n } else if (childrenProp != null) {\n children = childrenProp;\n } else if (hasImg && alt) {\n [children] = alt;\n } else {\n children = (\n <User\n color={color}\n iconSize={decreaseSize(size)}\n className={clsx(avatarClasses.fallback, classes?.fallback)}\n />\n );\n }\n\n const inlineStyle: CSSProperties = {\n ...style,\n };\n\n if (component != null && typeof component !== \"string\") {\n // override border-radius with custom components\n inlineStyle.borderRadius = \"50%\";\n }\n\n if (!hasImgNotFailing) {\n inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n inlineStyle.color = getColor(color, theme.colors.atmo1);\n }\n\n const statusInlineStyle: CSSProperties = {};\n if (status) {\n // set the status border. we're using the boxShadow property to set the border\n // to be inside the container and not on its edge.\n const statusColor = getColor(status, theme.colors.sema1);\n statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n }\n\n const badgeColor = getColor(badge \|\| \"\", theme.colors.sema1);\n\n return (\n <StyledContainer\n className={clsx(avatarClasses.container, classes?.container)}\n {...others}\n >\n <StyledStatus\n className={clsx(avatarClasses.status, classes?.status)}\n style={statusInlineStyle}\n variant={variant}\n size={size}\n >\n {badge && (\n <StyledBadge\n className={clsx(avatarClasses.badge, classes?.badge)}\n style={{ backgroundColor: badgeColor }}\n />\n )}\n <StyledAvatar\n component={component}\n className={clsx(\n className,\n avatarClasses.root,\n classes?.root,\n avatarClasses.avatar,\n classes?.avatar\n )}\n style={inlineStyle}\n variant={variant}\n size={size}\n {...avatarProps}\n >\n {children}\n </StyledAvatar>\n </StyledStatus>\n </StyledContainer>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","StyledStatus","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":";;;;;;;;;;;;~~AAoEA~~,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,YAAAA,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAAA,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,8CACGmB,yBAAS;AAAA,MACRX;AAAAA,MACAH;AAAAA,MACAC;AAAAA,MAAAA,OACAC;AAAAA,MACAV,WAAWuB,cAAAA,QAAKrB,mCAASsB,KAAKC,cAAAA,QAAcD,GAAG;AAAA,MAAE,GAC7CZ;AAAAA,IAAAA,CAEP;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,8CACGuB,sBAAI;AAAA,MACH/B;AAAAA,MACAgC,UAAUC,mBAAatB,IAAI;AAAA,MAC3BN,WAAWuB,cAAAA,QAAKE,cAAAA,QAAcI,UAAU3B,mCAAS2B,QAAQ;AAAA,IAAA,CAE5D;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG7B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDyB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACV,kBAAkB;AACrBS,gBAAYvB,kBAAkBb,SAASa,iBAAiBV,YAAAA,MAAMC,OAAOkC,KAAK;AAC1EF,gBAAYnC,QAAQD,SAASC,OAAOE,YAAAA,MAAMC,OAAOmC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIrB,QAAQ;AAGV,UAAMsB,cAAczC,SAASmB,QAAQhB,YAAAA,MAAMC,OAAOsC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAa5C,SAASoB,SAAS,IAAIjB,kBAAMC,OAAOsC,KAAK;AAE3D,wCACGG,cAAAA,iBAAe;AAAA,IACdvC,WAAWuB,cAAAA,QAAKE,cAAAA,QAAce,WAAWtC,mCAASsC,SAAS;AAAA,IAAE,GACzDvB;AAAAA,IAAMd,0CAETsC,4BAAY;AAAA,MACXzC,WAAWuB,cAAAA,QAAKE,cAAAA,QAAcZ,QAAQX,mCAASW,MAAM;AAAA,MACrDZ,OAAOiC;AAAAA,~~MACPnB~~;AAAAA,~~MACAT~~;AAAAA,~~MAAWH~~,~~UAEVW~~,CAAAA,~~SACC4B~~,2BAAAA,IAACC,2BAAW;AAAA,~~QACV3C~~,WAAWuB,cAAAA,QAAKE,cAAAA,QAAcX,OAAOZ,mCAASY,KAAK;AAAA,QACnDb,OAAO;AAAA,UAAEM,iBAAiB+B;AAAAA,QAAW;AAAA,MAAA,CAExC,~~GACDI~~,2BAAAA,IAACE,4BAAY;AAAA,~~QACXvC~~;AAAAA,QACAL,WAAWuB,cACTvB,QAAAA,WACAyB,cAAAA,~~QAAcoB~~,~~MACd3C~~,~~mCAAS2C~~,~~MACTpB~~,cAAAA,~~QAAcqB~~,~~QACd5C~~,~~mCAAS4C~~,MAAM;AAAA,~~QAEjB7C~~,OAAO6B;AAAAA,QACPf;AAAAA,QACAT;AAAAA,QAAW,GACPU;AAAAA,QAAWb;AAAAA,MAAAA,CAGF,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAED;AAEtB;;"}
1	+ {"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n StyledAvatar,\n StyledBadge,\n StyledContainer,\n StyledImg,\n StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" \| \"square\";\n\nexport type HvAvatarSize = \"XS\" \| \"SM\" \| \"MD\" \| \"LG\" \| \"XL\";\n\nexport type HvAvatarProps = HvBaseProps & {\n /** Inline styles to be applied to the root element. /\n style?: CSSProperties;\n /* The component used for the root node. Either a string to use a DOM element or a component. /\n component?: React.ElementType;\n /* Sets one of the standard sizes of the icons /\n size?: HvAvatarSize;\n /\n A String representing the foreground color of the avatar's\n * letters or the generic User icon fallback.\n * You can use either an HEX or color name from the palette.\n /\n color?: string;\n /* A String representing the background color of the avatar. You can use either an HEX or color name from the palette. /\n backgroundColor?: string;\n /* The `src` attribute for the `img` element. /\n src?: string;\n /* The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. /\n srcSet?: string;\n /* The `sizes` attribute for the `img` element. /\n sizes?: string;\n /* Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. /\n alt?: string;\n /\n Attributes applied to the `img` element if the component is used to display an image.\n * It can be used to listen for the loading error event.\n /\n imgProps?: HTMLAttributes<HTMLImageElement>;\n /* A string representing the type of avatar to display, circular or square. /\n variant?: HvAvatarVariant;\n /* A string representing the color of the avatar border that represents its status. /\n status?: string;\n /* A string representing the color of the avatar badge. /\n badge?: string;\n /* Attributes applied to the avatar element. /\n avatarProps?: MuiAvatarProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAvatarClasses;\n};\n\n/\n Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n /\nconst getColor = (color: string, defaultColor: string): string =>\n theme.colors[color] \|\| color \|\| defaultColor;\n\n/\n Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n className,\n style,\n classes,\n children: childrenProp,\n component = \"div\",\n size = \"SM\",\n backgroundColor = \"acce1\",\n color = \"atmo1\",\n src,\n srcSet,\n sizes,\n alt,\n imgProps,\n status,\n badge,\n variant = \"circular\",\n avatarProps,\n ...others\n}: HvAvatarProps) => {\n let children: React.ReactNode;\n\n // Use a hook instead of onError on the img element to support server-side rendering.\n const imageLoaded = useImageLoaded(src, srcSet);\n const hasImg = src \|\| srcSet;\n const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n if (hasImgNotFailing) {\n children = (\n <StyledImg\n alt={alt}\n src={src}\n srcSet={srcSet}\n sizes={sizes}\n className={clsx(classes?.img, avatarClasses.img)}\n {...imgProps}\n />\n );\n } else if (childrenProp != null) {\n children = childrenProp;\n } else if (hasImg && alt) {\n [children] = alt;\n } else {\n children = (\n <User\n color={color}\n iconSize={decreaseSize(size)}\n className={clsx(avatarClasses.fallback, classes?.fallback)}\n />\n );\n }\n\n const inlineStyle: CSSProperties = {\n ...style,\n };\n\n if (component != null && typeof component !== \"string\") {\n // override border-radius with custom components\n inlineStyle.borderRadius = \"50%\";\n }\n\n if (!hasImgNotFailing) {\n inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n inlineStyle.color = getColor(color, theme.colors.atmo1);\n }\n\n const statusInlineStyle: CSSProperties = {};\n if (status) {\n // set the status border. we're using the boxShadow property to set the border\n // to be inside the container and not on its edge.\n const statusColor = getColor(status, theme.colors.sema1);\n statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n }\n\n const badgeColor = getColor(badge \|\| \"\", theme.colors.sema1);\n\n return (\n <StyledContainer\n className={clsx(avatarClasses.container, classes?.container)}\n {...others}\n >\n <StyledStatus\n className={clsx(avatarClasses.status, classes?.status)}\n style={statusInlineStyle}\n $variant={variant}\n $size={size}\n >\n {badge && (\n <StyledBadge\n className={clsx(avatarClasses.badge, classes?.badge)}\n style={{ backgroundColor: badgeColor }}\n />\n )}\n <StyledAvatar\n component={component}\n className={clsx(\n className,\n avatarClasses.root,\n classes?.root,\n avatarClasses.avatar,\n classes?.avatar\n )}\n style={inlineStyle}\n variant={variant}\n size={size}\n {...avatarProps}\n >\n {children}\n </StyledAvatar>\n </StyledStatus>\n </StyledContainer>\n );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","StyledStatus","$variant","$size","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":";;;;;;;;;;;;AAmEA,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,YAAAA,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EAAAA,OACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAAA,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,8CACGmB,yBAAS;AAAA,MACRX;AAAAA,MACAH;AAAAA,MACAC;AAAAA,MAAAA,OACAC;AAAAA,MACAV,WAAWuB,cAAAA,QAAKrB,mCAASsB,KAAKC,cAAAA,QAAcD,GAAG;AAAA,MAAE,GAC7CZ;AAAAA,IAAAA,CAEP;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,8CACGuB,sBAAI;AAAA,MACH/B;AAAAA,MACAgC,UAAUC,mBAAatB,IAAI;AAAA,MAC3BN,WAAWuB,cAAAA,QAAKE,cAAAA,QAAcI,UAAU3B,mCAAS2B,QAAQ;AAAA,IAAA,CAE5D;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG7B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDyB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACV,kBAAkB;AACrBS,gBAAYvB,kBAAkBb,SAASa,iBAAiBV,YAAAA,MAAMC,OAAOkC,KAAK;AAC1EF,gBAAYnC,QAAQD,SAASC,OAAOE,YAAAA,MAAMC,OAAOmC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIrB,QAAQ;AAGV,UAAMsB,cAAczC,SAASmB,QAAQhB,YAAAA,MAAMC,OAAOsC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAa5C,SAASoB,SAAS,IAAIjB,kBAAMC,OAAOsC,KAAK;AAE3D,wCACGG,cAAAA,iBAAe;AAAA,IACdvC,WAAWuB,cAAAA,QAAKE,cAAAA,QAAce,WAAWtC,mCAASsC,SAAS;AAAA,IAAE,GACzDvB;AAAAA,IAAMd,0CAETsC,4BAAY;AAAA,MACXzC,WAAWuB,cAAAA,QAAKE,cAAAA,QAAcZ,QAAQX,mCAASW,MAAM;AAAA,MACrDZ,OAAOiC;AAAAA,MACPQ,UAAU3B;AAAAA,MACV4B,OAAOrC;AAAAA,MAAKH,UAEXW,CAAAA,SACC8B,2BAAAA,IAACC,2BAAW;AAAA,QACV7C,WAAWuB,cAAAA,QAAKE,cAAAA,QAAcX,OAAOZ,mCAASY,KAAK;AAAA,QACnDb,OAAO;AAAA,UAAEM,iBAAiB+B;AAAAA,QAAW;AAAA,MAAA,CAExC,GACDM,2BAAAA,IAACE,4BAAY;AAAA,QACXzC;AAAAA,QACAL,WAAWuB,cACTvB,QAAAA,WACAyB,cAAAA,QAAcsB,MACd7C,mCAAS6C,MACTtB,cAAAA,QAAcuB,QACd9C,mCAAS8C,MAAM;AAAA,QAEjB/C,OAAO6B;AAAAA,QACPf;AAAAA,QACAT;AAAAA,QAAW,GACPU;AAAAA,QAAWb;AAAAA,MAAAA,CAGF,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAED;AAEtB;;"}

package/dist/cjs/components/Avatar/Avatar.styles.cjs CHANGED Viewed

@@ -2,9 +2,24 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _styled = require("@emotion/styled/base");
 const material = require("@mui/material");
+const transientOptions = require("../../utils/transientOptions.cjs");
 const focusUtils = require("../../utils/focusUtils.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 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).";
 }
@@ -38,7 +53,7 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
     ...focusUtils.outlineStyles,
     borderRadius: 0
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQXZhdGFyIGFzIE11aUF2YXRhciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB2YXJpYW50LCBzaXplIH06IHsgdmFyaWFudDogSHZBdmF0YXJWYXJpYW50OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICAvLyB2YXJpYW50XG4gICAgLi4uKHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXZhdGFyID0gc3R5bGVkKE11aUF2YXRhcikoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgKHsgY29tcG9uZW50LCBzaXplIH06IHsgY29tcG9uZW50OiBhbnk7IHNpemU6IEh2QXZhdGFyU2l6ZSB9KSA9PiAoe1xuICAgIC8vIHJvb3RcbiAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgLy8gYXZhdGFyXG4gICAgLi4uKHNpemUgPT09IFwiWFNcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNjI1cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTURcIiAmJiB7XG4gICAgICB3aWR0aDogTUVESVVNLmF2YXRhcixcbiAgICAgIGhlaWdodDogTUVESVVNLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJMR1wiICYmIHtcbiAgICAgIHdpZHRoOiBMQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IExBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjEuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMnJlbVwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDgsXG4gIGhlaWdodDogOCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiAwLFxuICByaWdodDogMCxcbiAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICB6SW5kZXg6IDEsXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQXZhdGFyIGFzIE11aUF2YXRhciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiLi4vLi4vdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgSHZBdmF0YXJTaXplLCBIdkF2YXRhclZhcmlhbnQgfSBmcm9tIFwiLi9BdmF0YXJcIjtcblxuY29uc3QgRVhUUkFfU01BTEwgPSB7IGNvbnRhaW5lcjogXCIzMnB4XCIsIGF2YXRhcjogXCIyNHB4XCIgfTtcbmNvbnN0IFNNQUxMID0geyBjb250YWluZXI6IFwiNDBweFwiLCBhdmF0YXI6IFwiMzJweFwiIH07XG5jb25zdCBNRURJVU0gPSB7IGNvbnRhaW5lcjogXCI0OHB4XCIsIGF2YXRhcjogXCI0MHB4XCIgfTtcbmNvbnN0IExBUkdFID0geyBjb250YWluZXI6IFwiNjBweFwiLCBhdmF0YXI6IFwiNTJweFwiIH07XG5jb25zdCBFWFRSQV9MQVJHRSA9IHsgY29udGFpbmVyOiBcIjk2cHhcIiwgYXZhdGFyOiBcIjg4cHhcIiB9O1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQoXCJpbWdcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgLy8gSGFuZGxlIG5vbi1zcXVhcmUgaW1hZ2UuIFRoZSBwcm9wZXJ0eSBpc24ndCBzdXBwb3J0ZWQgYnkgSUUgMTEuXG4gIG9iamVjdEZpdDogXCJjb3ZlclwiLFxuICAvLyBIaWRlIGFsdCB0ZXh0LlxuICBjb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAvLyBIaWRlIHRoZSBpbWFnZSBicm9rZW4gaWNvbiwgb25seSB3b3JrcyBvbiBDaHJvbWUuXG4gIHRleHRJbmRlbnQ6IDEwMDAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTdGF0dXMgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZhcmlhbnQsXG4gICAgJHNpemUsXG4gIH06IHtcbiAgICAkdmFyaWFudDogSHZBdmF0YXJWYXJpYW50O1xuICAgICRzaXplOiBIdkF2YXRhclNpemU7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJjaXJjdWxhclwiICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICB9KSxcbiAgICAvLyBzaXplXG4gICAgLi4uKCRzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiTURcIiAmJiB7XG4gICAgICB3aWR0aDogTUVESVVNLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTUVESVVNLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */");
 const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd3"
 } : {
@@ -50,46 +65,46 @@ const StyledImg = /* @__PURE__ */ _styled__default.default("img", process.env.NO
 } : {
   name: "p646uu",
   styles: "width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledStatus = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+const StyledStatus = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1sw81qd2"
-} : {
+}, transientOptions.transientOptions) : _extends({}, {
   target: "e1sw81qd2",
   label: "StyledStatus"
-})(({
-  variant,
-  size
+}, transientOptions.transientOptions))(({
+  $variant,
+  $size
 }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   position: "relative",
-  ...variant === "circular" && {
+  ...$variant === "circular" && {
     borderRadius: "50%"
   },
-  ...size === "XS" && {
+  ...$size === "XS" && {
     width: EXTRA_SMALL.container,
     height: EXTRA_SMALL.container
   },
-  ...size === "SM" && {
+  ...$size === "SM" && {
     width: SMALL.container,
     height: SMALL.container
   },
-  ...size === "MD" && {
+  ...$size === "MD" && {
     width: MEDIUM.container,
     height: MEDIUM.container
   },
-  ...size === "LG" && {
+  ...$size === "LG" && {
     width: LARGE.container,
     height: LARGE.container
   },
-  ...size === "XL" && {
+  ...$size === "XL" && {
     width: EXTRA_LARGE.container,
     height: EXTRA_LARGE.container
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */");
 const StyledAvatar = /* @__PURE__ */ _styled__default.default(material.Avatar, process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd1"
 } : {
@@ -127,7 +142,7 @@ const StyledAvatar = /* @__PURE__ */ _styled__default.default(material.Avatar, p
       fontSize: "2rem"
     }
   }),
-  process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */"
+  process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */"
 );
 const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1sw81qd0"
@@ -140,7 +155,7 @@ const StyledBadge = /* @__PURE__ */ _styled__default.default("div", process.env.
 } : {
   name: "1318xp0",
   styles: "width:8px;height:8px;position:absolute;top:0;right:0;border-radius:50%;z-index:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1HMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCIuLi8uLi91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyBIdkF2YXRhclNpemUsIEh2QXZhdGFyVmFyaWFudCB9IGZyb20gXCIuL0F2YXRhclwiO1xuXG5jb25zdCBFWFRSQV9TTUFMTCA9IHsgY29udGFpbmVyOiBcIjMycHhcIiwgYXZhdGFyOiBcIjI0cHhcIiB9O1xuY29uc3QgU01BTEwgPSB7IGNvbnRhaW5lcjogXCI0MHB4XCIsIGF2YXRhcjogXCIzMnB4XCIgfTtcbmNvbnN0IE1FRElVTSA9IHsgY29udGFpbmVyOiBcIjQ4cHhcIiwgYXZhdGFyOiBcIjQwcHhcIiB9O1xuY29uc3QgTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI2MHB4XCIsIGF2YXRhcjogXCI1MnB4XCIgfTtcbmNvbnN0IEVYVFJBX0xBUkdFID0geyBjb250YWluZXI6IFwiOTZweFwiLCBhdmF0YXI6IFwiODhweFwiIH07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChcImltZ1wiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAvLyBIYW5kbGUgbm9uLXNxdWFyZSBpbWFnZS4gVGhlIHByb3BlcnR5IGlzbid0IHN1cHBvcnRlZCBieSBJRSAxMS5cbiAgb2JqZWN0Rml0OiBcImNvdmVyXCIsXG4gIC8vIEhpZGUgYWx0IHRleHQuXG4gIGNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIC8vIEhpZGUgdGhlIGltYWdlIGJyb2tlbiBpY29uLCBvbmx5IHdvcmtzIG9uIENocm9tZS5cbiAgdGV4dEluZGVudDogMTAwMDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN0YXR1cyA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCwgc2l6ZSB9OiB7IHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgLy8gdmFyaWFudFxuICAgIC4uLih2YXJpYW50ID09PSBcImNpcmN1bGFyXCIgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIH0pLFxuICAgIC8vIHNpemVcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJTTVwiICYmIHtcbiAgICAgIHdpZHRoOiBTTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IFNNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlhMXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogRVhUUkFfTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChNdWlBdmF0YXIpKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzXG4gICh7IGNvbXBvbmVudCwgc2l6ZSB9OiB7IGNvbXBvbmVudDogYW55OyBzaXplOiBIdkF2YXRhclNpemUgfSkgPT4gKHtcbiAgICAvLyByb290XG4gICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIC8vIGF2YXRhclxuICAgIC4uLihzaXplID09PSBcIlhTXCIgJiYge1xuICAgICAgd2lkdGg6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogRVhUUkFfU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIwLjYyNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxcmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiTEdcIiAmJiB7XG4gICAgICB3aWR0aDogTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBMQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIxLjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjJyZW1cIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWRnZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiA4LFxuICBoZWlnaHQ6IDgsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgekluZGV4OiAxLFxufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZHMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEF2YXRhciBhcyBNdWlBdmF0YXIgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IEh2QXZhdGFyU2l6ZSwgSHZBdmF0YXJWYXJpYW50IH0gZnJvbSBcIi4vQXZhdGFyXCI7XG5cbmNvbnN0IEVYVFJBX1NNQUxMID0geyBjb250YWluZXI6IFwiMzJweFwiLCBhdmF0YXI6IFwiMjRweFwiIH07XG5jb25zdCBTTUFMTCA9IHsgY29udGFpbmVyOiBcIjQwcHhcIiwgYXZhdGFyOiBcIjMycHhcIiB9O1xuY29uc3QgTUVESVVNID0geyBjb250YWluZXI6IFwiNDhweFwiLCBhdmF0YXI6IFwiNDBweFwiIH07XG5jb25zdCBMQVJHRSA9IHsgY29udGFpbmVyOiBcIjYwcHhcIiwgYXZhdGFyOiBcIjUycHhcIiB9O1xuY29uc3QgRVhUUkFfTEFSR0UgPSB7IGNvbnRhaW5lcjogXCI5NnB4XCIsIGF2YXRhcjogXCI4OHB4XCIgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkKFwiaW1nXCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gIC8vIEhhbmRsZSBub24tc3F1YXJlIGltYWdlLiBUaGUgcHJvcGVydHkgaXNuJ3Qgc3VwcG9ydGVkIGJ5IElFIDExLlxuICBvYmplY3RGaXQ6IFwiY292ZXJcIixcbiAgLy8gSGlkZSBhbHQgdGV4dC5cbiAgY29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgLy8gSGlkZSB0aGUgaW1hZ2UgYnJva2VuIGljb24sIG9ubHkgd29ya3Mgb24gQ2hyb21lLlxuICB0ZXh0SW5kZW50OiAxMDAwMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3RhdHVzID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2YXJpYW50LFxuICAgICRzaXplLFxuICB9OiB7XG4gICAgJHZhcmlhbnQ6IEh2QXZhdGFyVmFyaWFudDtcbiAgICAkc2l6ZTogSHZBdmF0YXJTaXplO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcblxuICAgIC8vIHZhcmlhbnRcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2lyY3VsYXJcIiAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgfSksXG4gICAgLy8gc2l6ZVxuICAgIC4uLigkc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwiU01cIiAmJiB7XG4gICAgICB3aWR0aDogU01BTEwuY29udGFpbmVyLFxuICAgICAgaGVpZ2h0OiBTTUFMTC5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIk1EXCIgJiYge1xuICAgICAgd2lkdGg6IE1FRElVTS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IE1FRElVTS5jb250YWluZXIsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmNvbnRhaW5lcixcbiAgICAgIGhlaWdodDogTEFSR0UuY29udGFpbmVyLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJYTFwiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9MQVJHRS5jb250YWluZXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX0xBUkdFLmNvbnRhaW5lcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoTXVpQXZhdGFyKShcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuICAoeyBjb21wb25lbnQsIHNpemUgfTogeyBjb21wb25lbnQ6IGFueTsgc2l6ZTogSHZBdmF0YXJTaXplIH0pID0+ICh7XG4gICAgLy8gcm9vdFxuICAgIGZvbnRTaXplOiBcIjFyZW1cIixcbiAgICAvLyBhdmF0YXJcbiAgICAuLi4oc2l6ZSA9PT0gXCJYU1wiICYmIHtcbiAgICAgIHdpZHRoOiBFWFRSQV9TTUFMTC5hdmF0YXIsXG4gICAgICBoZWlnaHQ6IEVYVFJBX1NNQUxMLmF2YXRhcixcbiAgICAgIGZvbnRTaXplOiBcIjAuNXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIlNNXCIgJiYge1xuICAgICAgd2lkdGg6IFNNQUxMLmF2YXRhcixcbiAgICAgIGhlaWdodDogU01BTEwuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMC42MjVyZW1cIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJNRFwiICYmIHtcbiAgICAgIHdpZHRoOiBNRURJVU0uYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBNRURJVU0uYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMXJlbVwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIkxHXCIgJiYge1xuICAgICAgd2lkdGg6IExBUkdFLmF2YXRhcixcbiAgICAgIGhlaWdodDogTEFSR0UuYXZhdGFyLFxuICAgICAgZm9udFNpemU6IFwiMS41cmVtXCIsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwiWExcIiAmJiB7XG4gICAgICB3aWR0aDogRVhUUkFfTEFSR0UuYXZhdGFyLFxuICAgICAgaGVpZ2h0OiBFWFRSQV9MQVJHRS5hdmF0YXIsXG4gICAgICBmb250U2l6ZTogXCIycmVtXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogOCxcbiAgaGVpZ2h0OiA4LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gIHpJbmRleDogMSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledAvatar = StyledAvatar;

package/dist/cjs/components/Avatar/Avatar.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.styles.cjs","sources":["../../../../src/components/Avatar/Avatar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Avatar as MuiAvatar } from \"@mui/material\";\nimport { outlineStyles } from \"../../utils/focusUtils\";\nimport { HvAvatarSize, HvAvatarVariant } from \"./Avatar\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nexport const StyledContainer = styled(\"div\")({\n \"&:focus-visible\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n});\n\nexport const StyledImg = styled(\"img\")({\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: \"cover\",\n // Hide alt text.\n color: \"transparent\",\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000,\n});\n\nexport const StyledStatus = styled(\"div\")(\n ({ variant, size }: { variant: HvAvatarVariant; size: HvAvatarSize }) => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n\n // variant\n ...(variant === \"circular\" && {\n borderRadius: \"50%\",\n }),\n // size\n ...(size === \"XS\" && {\n width: EXTRA_SMALL.container,\n height: EXTRA_SMALL.container,\n }),\n ...(size === \"SM\" && {\n width: SMALL.container,\n height: SMALL.container,\n }),\n ...(size === \"MD\" && {\n width: MEDIUM.container,\n height: MEDIUM.container,\n }),\n ...(size === \"LG\" && {\n width: LARGE.container,\n height: LARGE.container,\n }),\n ...(size === \"XL\" && {\n width: EXTRA_LARGE.container,\n height: EXTRA_LARGE.container,\n }),\n })\n);\n\nexport const StyledAvatar = styled(MuiAvatar)(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ component, size }: { component: any; size: HvAvatarSize }) => ({\n // root\n fontSize: \"1rem\",\n // avatar\n ...(size === \"XS\" && {\n width: EXTRA_SMALL.avatar,\n height: EXTRA_SMALL.avatar,\n fontSize: \"0.5rem\",\n }),\n ...(size === \"SM\" && {\n width: SMALL.avatar,\n height: SMALL.avatar,\n fontSize: \"0.625rem\",\n }),\n ...(size === \"MD\" && {\n width: MEDIUM.avatar,\n height: MEDIUM.avatar,\n fontSize: \"1rem\",\n }),\n ...(size === \"LG\" && {\n width: LARGE.avatar,\n height: LARGE.avatar,\n fontSize: \"1.5rem\",\n }),\n ...(size === \"XL\" && {\n width: EXTRA_LARGE.avatar,\n height: EXTRA_LARGE.avatar,\n fontSize: \"2rem\",\n }),\n })\n);\n\nexport const StyledBadge = styled(\"div\")({\n width: 8,\n height: 8,\n position: \"absolute\",\n top: 0,\n right: 0,\n borderRadius: \"50%\",\n zIndex: 1,\n});\n"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","StyledContainer","_styled","process","env","NODE_ENV","target","label","outlineStyles","borderRadius","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledStatus","variant","size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","component","fontSize","StyledBadge"],"mappings":"~~;;;;;;;;;;AAKA~~,MAAMA,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACxD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACnD,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAEjD,MAAMK,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,IACHC,cAAc;AAAA,EAChB;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~yzIAAA~~;AAEK,MAAMK,YAAmBR,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUpC;~~AAEK~~,~~MAAMC~~,~~eAAsBd~~,~~iCAAA~~,~~QAAA,OAAKC,~~QAAAC,IAAAC,~~aAAA~~,~~eAAA~~;AAAA,~~EAAAC~~,QAAA;AAAA,IAAA;AAAA,~~EAAAA~~,QAAA;AAAA,EAAAC,OAAA;AAAA,~~CAAA~~,~~EACtC~~,CAAC;AAAA,~~EAAEU~~;AAAAA,~~EAASC~~;~~AAAuD~~,OAAO;AAAA,~~EACxEC~~,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,EAGV,GAAIL,~~YAAY~~,cAAc;AAAA,~~IAC5BR~~,cAAc;AAAA,EAChB;AAAA,EAEA,~~GAAIS~~,~~SAAS~~,QAAQ;AAAA,~~IACnBK~~,~~OAAO7B~~,YAAYC;AAAAA,~~IACnB6B~~,~~QAAQ9B~~,YAAYC;AAAAA,EACtB;AAAA,EACA,~~GAAIuB~~,~~SAAS~~,QAAQ;AAAA,~~IACnBK~~,~~OAAO1B~~,MAAMF;AAAAA,~~IACb6B~~,~~QAAQ3B~~,MAAMF;AAAAA,EAChB;AAAA,EACA,~~GAAIuB~~,~~SAAS~~,QAAQ;AAAA,~~IACnBK~~,~~OAAOzB~~,OAAOH;AAAAA,~~IACd6B~~,~~QAAQ1B~~,OAAOH;AAAAA,EACjB;AAAA,EACA,~~GAAIuB~~,~~SAAS~~,QAAQ;AAAA,~~IACnBK~~,~~OAAOxB~~,MAAMJ;AAAAA,~~IACb6B~~,~~QAAQzB~~,MAAMJ;AAAAA,EAChB;AAAA,EACA,~~GAAIuB~~,~~SAAS~~,QAAQ;AAAA,~~IACnBK~~,~~OAAOvB~~,YAAYL;AAAAA,~~IACnB6B~~,~~QAAQxB~~,YAAYL;AAAAA,EACtB;AACF,IAAEQ,QAAAC,IAAAC,aACH,eAAA,KAAA,~~yzIAAA~~;AAEM,~~MAAMoB~~,eAAsBC,iCAAAA,QAAAA,SAAAA,~~QAASvB~~,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAC;AAAA,EAE3C,CAAC;AAAA,~~IAAEoB~~;AAAAA,~~IAAWT~~;AAAAA,EAAAA,OAAoD;AAAA,~~IAEhEU~~,UAAU;AAAA,IAEV,~~GAAIV~~,SAAS,QAAQ;AAAA,~~MACnBK~~,~~OAAO7B~~,YAAYE;AAAAA,~~MACnB4B~~,~~QAAQ9B~~,YAAYE;AAAAA,~~MACpBgC~~,UAAU;AAAA,IACZ;AAAA,IACA,~~GAAIV~~,SAAS,QAAQ;AAAA,~~MACnBK~~,~~OAAO1B~~,MAAMD;AAAAA,~~MACb4B~~,~~QAAQ3B~~,MAAMD;AAAAA,~~MACdgC~~,UAAU;AAAA,IACZ;AAAA,IACA,~~GAAIV~~,SAAS,QAAQ;AAAA,~~MACnBK~~,~~OAAOzB~~,OAAOF;AAAAA,~~MACd4B~~,~~QAAQ1B~~,OAAOF;AAAAA,~~MACfgC~~,UAAU;AAAA,IACZ;AAAA,IACA,~~GAAIV~~,SAAS,QAAQ;AAAA,~~MACnBK~~,~~OAAOxB~~,MAAMH;AAAAA,~~MACb4B~~,~~QAAQzB~~,MAAMH;AAAAA,~~MACdgC~~,UAAU;AAAA,IACZ;AAAA,IACA,~~GAAIV~~,SAAS,QAAQ;AAAA,~~MACnBK~~,~~OAAOvB~~,YAAYJ;AAAAA,~~MACnB4B~~,~~QAAQxB~~,YAAYJ;AAAAA,~~MACpBgC~~,UAAU;AAAA,IACZ;AAAA,EAAA;AAAA,~~EACAzB~~,QAAAC,IAAAC,aACH,eAAA,KAAA;AAAA;AAEM,~~MAAMwB~~,~~cAAqB3B~~,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQtC;;;;;;"}
1	+ {"version":3,"file":"Avatar.styles.cjs","sources":["../../../../src/components/Avatar/Avatar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Avatar as MuiAvatar } from \"@mui/material\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"../../utils/focusUtils\";\nimport { HvAvatarSize, HvAvatarVariant } from \"./Avatar\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nexport const StyledContainer = styled(\"div\")({\n \"&:focus-visible\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n});\n\nexport const StyledImg = styled(\"img\")({\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: \"cover\",\n // Hide alt text.\n color: \"transparent\",\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000,\n});\n\nexport const StyledStatus = styled(\n \"div\",\n transientOptions\n)(\n ({\n $variant,\n $size,\n }: {\n $variant: HvAvatarVariant;\n $size: HvAvatarSize;\n }) => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n\n // variant\n ...($variant === \"circular\" && {\n borderRadius: \"50%\",\n }),\n // size\n ...($size === \"XS\" && {\n width: EXTRA_SMALL.container,\n height: EXTRA_SMALL.container,\n }),\n ...($size === \"SM\" && {\n width: SMALL.container,\n height: SMALL.container,\n }),\n ...($size === \"MD\" && {\n width: MEDIUM.container,\n height: MEDIUM.container,\n }),\n ...($size === \"LG\" && {\n width: LARGE.container,\n height: LARGE.container,\n }),\n ...($size === \"XL\" && {\n width: EXTRA_LARGE.container,\n height: EXTRA_LARGE.container,\n }),\n })\n);\n\nexport const StyledAvatar = styled(MuiAvatar)(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ component, size }: { component: any; size: HvAvatarSize }) => ({\n // root\n fontSize: \"1rem\",\n // avatar\n ...(size === \"XS\" && {\n width: EXTRA_SMALL.avatar,\n height: EXTRA_SMALL.avatar,\n fontSize: \"0.5rem\",\n }),\n ...(size === \"SM\" && {\n width: SMALL.avatar,\n height: SMALL.avatar,\n fontSize: \"0.625rem\",\n }),\n ...(size === \"MD\" && {\n width: MEDIUM.avatar,\n height: MEDIUM.avatar,\n fontSize: \"1rem\",\n }),\n ...(size === \"LG\" && {\n width: LARGE.avatar,\n height: LARGE.avatar,\n fontSize: \"1.5rem\",\n }),\n ...(size === \"XL\" && {\n width: EXTRA_LARGE.avatar,\n height: EXTRA_LARGE.avatar,\n fontSize: \"2rem\",\n }),\n })\n);\n\nexport const StyledBadge = styled(\"div\")({\n width: 8,\n height: 8,\n position: \"absolute\",\n top: 0,\n right: 0,\n borderRadius: \"50%\",\n zIndex: 1,\n});\n"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","StyledContainer","_styled","process","env","NODE_ENV","target","label","outlineStyles","borderRadius","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledStatus","_extends","transientOptions","$variant","$size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","component","size","fontSize","StyledBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACxD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACnD,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAEjD,MAAMK,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,IACHC,cAAc;AAAA,EAChB;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,i+IAAA;AAEK,MAAMK,YAAmBR,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUpC;AAEWC,MAAAA,wDACX,OAAKb,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GACLY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,EAGV,GAAIL,aAAa,cAAc;AAAA,IAC7BV,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIW,UAAU,QAAQ;AAAA,IACpBK,OAAO/B,YAAYC;AAAAA,IACnB+B,QAAQhC,YAAYC;AAAAA,EACtB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO5B,MAAMF;AAAAA,IACb+B,QAAQ7B,MAAMF;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO3B,OAAOH;AAAAA,IACd+B,QAAQ5B,OAAOH;AAAAA,EACjB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO1B,MAAMJ;AAAAA,IACb+B,QAAQ3B,MAAMJ;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAOzB,YAAYL;AAAAA,IACnB+B,QAAQ1B,YAAYL;AAAAA,EACtB;AACF,IAAEQ,QAAAC,IAAAC,aACH,eAAA,KAAA,i+IAAA;AAEM,MAAMsB,eAAsBC,iCAAAA,QAAAA,SAAAA,QAASzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAC;AAAA,EAE3C,CAAC;AAAA,IAAEsB;AAAAA,IAAWC;AAAAA,EAAAA,OAAoD;AAAA,IAEhEC,UAAU;AAAA,IAEV,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO/B,YAAYE;AAAAA,MACnB8B,QAAQhC,YAAYE;AAAAA,MACpBmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO5B,MAAMD;AAAAA,MACb8B,QAAQ7B,MAAMD;AAAAA,MACdmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO3B,OAAOF;AAAAA,MACd8B,QAAQ5B,OAAOF;AAAAA,MACfmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAO1B,MAAMH;AAAAA,MACb8B,QAAQ3B,MAAMH;AAAAA,MACdmC,UAAU;AAAA,IACZ;AAAA,IACA,GAAID,SAAS,QAAQ;AAAA,MACnBL,OAAOzB,YAAYJ;AAAAA,MACnB8B,QAAQ1B,YAAYJ;AAAAA,MACpBmC,UAAU;AAAA,IACZ;AAAA,EAAA;AAAA,EACA5B,QAAAC,IAAAC,aACH,eAAA,KAAA;AAAA;AAEM,MAAM2B,cAAqB9B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQtC;;;;;;"}

package/dist/cjs/components/Badge/Badge.cjs CHANGED Viewed

@@ -31,15 +31,15 @@ const HvBadge = (props) => {
     className: clsx__default.default(badgeClasses.default.root, classes == null ? void 0 : classes.root),
     ...others,
     children: [Component, /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledContainer, {
-      component: Component ? true : false,
+      $component: Component ? true : false,
       className: Component ? clsx__default.default(badgeClasses.default.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "",
       children: /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledBadge, {
         className: clsx__default.default(badgeClasses.default.badgePosition, classes == null ? void 0 : classes.badgePosition),
-        badge: !!(count > 0 || renderedCountOrLabel),
-        showCount: !!(!label && renderedCountOrLabel),
-        showLabel: !!label,
-        badgeIcon: !!icon,
-        badgeOneDigit: String(renderedCountOrLabel).length === 1,
+        $badge: !!(count > 0 || renderedCountOrLabel),
+        $showCount: !!(!label && renderedCountOrLabel),
+        $showLabel: !!label,
+        $badgeIcon: !!icon,
+        $badgeOneDigit: String(renderedCountOrLabel).length === 1,
         children: renderedCountOrLabel
       })
     })]