@skodaflow/web-library 7.14.0 → 7.15.1

package/components/alert/AlertNotificationButton.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as o}from"@mui/material";const e=t(((t,e)=>r(o,Object.assign({ref:e,variant:"text",color:"secondary",size:"small"},t))));export{e as AlertNotificationButton};
+//# sourceMappingURL=AlertNotificationButton.js.map

package/components/alert/AlertNotificationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertNotificationButton.js","sources":["../../../src/components/alert/AlertNotificationButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertNotificationButtonProps extends ButtonProps {}\n\n/**\n * AlertNotificationButton is a proxy component to <Button variant=\"text\" color=\"secondary\" size=\"small\" />\n */\nexport const AlertNotificationButton: React.FC<AlertNotificationButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["AlertNotificationButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQO,MAAMA,EAAkEC,GAAW,CAACC,EAAOC,IACzFC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}

package/components/alert/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Alert';
 export * from './AlertButton';
+export * from './AlertNotificationButton';

package/components/backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, styled, Theme, Backdrop as MuiBackdrop } from '@mui/material';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  If true, the component is shown. Default value false\n   */\n  open: boolean;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  The component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: string | ReactNode;\n  /**\n   *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.\n   */\n  components?: object;\n  /**\n   * The props used for each slot inside the Backdrop.\n   */\n  componentsProps?: object;\n  /**\n   * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false\n   */\n  invisible?: boolean;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration?: number | object;\n  /**\n   * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.\n   */\n  onClose?: (isOpen: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(({ open, onClose, ...props }, ref) => {\n  const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n\n  const handleClose = () => {\n    handleCloseBackdrop();\n    onClose && onClose(false);\n  };\n\n  useEffect(() => {\n    setOpenBackdrop(open);\n  }, [open, setOpenBackdrop]);\n\n  return (\n    <BackdropStyled\n      ref={ref}\n      classes={props.classes}\n      open={openBackdrop}\n      onClick={handleClose}\n      invisible={props.invisible}\n      sx={props.sx}\n      transitionDuration={props.transitionDuration}\n    >\n      {props.children}\n    </BackdropStyled>\n  );\n});\n\nconst BackdropStyled = styled(MuiBackdrop)<BackdropProps>(({ theme, ...args }) => {\n  if (args.invisible)\n    return {\n      backgroundColor: theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(0px)',\n    };\n\n  return null;\n});\n"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"wNA8Ca,MAAAA,EAAWC,GAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,GAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UACQ,IAIfN,EAAiBO,EAAOC,EAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAgBrB,EAC3E,OADyEK,EAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}
+{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, styled, Theme, Backdrop as MuiBackdrop } from '@mui/material';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  If true, the component is shown. Default value false\n   */\n  open: boolean;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  The component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: string | ReactNode;\n  /**\n   *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.\n   */\n  components?: object;\n  /**\n   * The props used for each slot inside the Backdrop.\n   */\n  componentsProps?: object;\n  /**\n   * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false\n   */\n  invisible?: boolean;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration?: number | object;\n  /**\n   * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.\n   */\n  onClose?: (isOpen: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(({ open, onClose, ...props }, ref) => {\n  const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n\n  const handleClose = () => {\n    handleCloseBackdrop();\n    onClose && onClose(false);\n  };\n\n  useEffect(() => {\n    setOpenBackdrop(open);\n  }, [open, setOpenBackdrop]);\n\n  return (\n    <BackdropStyled\n      ref={ref}\n      classes={props.classes}\n      open={openBackdrop}\n      onClick={handleClose}\n      invisible={props.invisible}\n      sx={props.sx}\n      transitionDuration={props.transitionDuration}\n    >\n      {props.children}\n    </BackdropStyled>\n  );\n});\n\nconst BackdropStyled = styled(MuiBackdrop)<BackdropProps>(({ theme, ...args }) => {\n  if (args.invisible)\n    return {\n      backgroundColor: theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(0px)',\n    };\n\n  return null;\n});\n"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"wNA8CO,MAAMA,EAAWC,GAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,GAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UACQ,IAIfN,EAAiBO,EAAOC,EAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,OADyEK,EAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}

package/components/banner/BannerButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface BannerButtonProps extends ButtonProps {
+}
+/**
+ * BannerButton is a proxy component to <Button variant="outlined" color="secondary" size="small" />
+ */
+export declare const BannerButton: React.FC<BannerButtonProps>;

package/components/banner/BannerButton.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Button as t}from"@mui/material";const e=o(((o,e)=>r(t,Object.assign({ref:e,variant:"outlined",color:"secondary",size:"small"},o))));export{e as BannerButton};
+//# sourceMappingURL=BannerButton.js.map

package/components/banner/BannerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerButton.js","sources":["../../../src/components/banner/BannerButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface BannerButtonProps extends ButtonProps {}\n\n/**\n * BannerButton is a proxy component to <Button variant=\"outlined\" color=\"secondary\" size=\"small\" />\n */\nexport const BannerButton: React.FC<BannerButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"outlined\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["BannerButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQO,MAAMA,EAA4CC,GAAW,CAACC,EAAOC,IACnEC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,WAAWC,MAAM,YAAYC,KAAK,SAAYR"}

package/components/banner/BannerDismissButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface BannerDismissButtonProps extends ButtonProps {
+}
+/**
+ * BannerDismissButton is a proxy component to <Button variant="text" color="secondary" size="small" />
+ */
+export declare const BannerDismissButton: React.FC<BannerDismissButtonProps>;

package/components/banner/BannerDismissButton.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as o}from"@mui/material";const e=t(((t,e)=>r(o,Object.assign({ref:e,variant:"text",color:"secondary",size:"small"},t))));export{e as BannerDismissButton};
+//# sourceMappingURL=BannerDismissButton.js.map

package/components/banner/BannerDismissButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerDismissButton.js","sources":["../../../src/components/banner/BannerDismissButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface BannerDismissButtonProps extends ButtonProps {}\n\n/**\n * BannerDismissButton is a proxy component to <Button variant=\"text\" color=\"secondary\" size=\"small\" />\n */\nexport const BannerDismissButton: React.FC<BannerDismissButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["BannerDismissButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQO,MAAMA,EAA0DC,GAAW,CAACC,EAAOC,IACjFC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}

package/components/banner/banner.d.ts

@@ -22,7 +22,7 @@ export interface BannerProps extends BoxProps<ElementType> {
     /**
      * Properties passed to wrapper of children
      */
-    typographyProps?: TypographyProps;
+    typographyProps?: TypographyProps<ElementType>;
     /**
      * Properties applied to wrapper of content (Icon and Typography)
      */

package/components/banner/banner.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{CircleExclamationFilledIcon as n}from"../icon/filled/CircleExclamationFilledIcon.js";import{CircleInformationFilledIcon as i}from"../icon/filled/CircleInformationFilledIcon.js";import{WarningFilledIcon as s}from"../icon/filled/WarningFilledIcon.js";import{useTheme as o,Box as a,Typography as l}from"@mui/material";import{forwardRef as c,useMemo as p}from"react";import{getFocusRingStyle as x}from"../focusring/focusring.js";const m=c(((c,m)=>{var{children:f,variant:d="info",size:g="large",sx:b,iconProps:u,IconComponent:j,typographyProps:h,wrapperProps:w,buttons:y,buttonsWrapperProps:C,onClick:O}=c,I=e(c,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const P=o(),k=u||{},{sx:v}=k,B=e(k,["sx"]),S=h||{},{sx:z}=S,F=e(S,["sx"]),W=w||{},{sx:G}=W,A=e(W,["sx"]),D=C||{},{sx:E}=D,H=e(D,["sx"]),[L,q,J]=p((()=>{switch(d){case"error":return["error.main","error.light",s];case"warning":return["warning.main","warning.light",n];default:return["info.main","info.light",i]}}),[d]),K=j||J;return r(a,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:O,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===g?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:L,backgroundColor:"dark"===P.palette.mode?"onSurface.os900":q,textAlign:"left"},O&&Object.assign({position:"relative",cursor:"pointer"},x(P,!0,"2px"))),b),ref:m},I,{children:[r(a,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},G)},A,{children:[t(K,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:L},v)},B)),t(l,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"text.primary",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},z)},F,{children:f}))]})),y&&t(a,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},E)},H,{children:y}))]}))}));export{m as Banner};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{CircleExclamationFilledIcon as n}from"../icon/filled/CircleExclamationFilledIcon.js";import{CircleInformationFilledIcon as i}from"../icon/filled/CircleInformationFilledIcon.js";import{WarningFilledIcon as s}from"../icon/filled/WarningFilledIcon.js";import{useTheme as o,Box as a,Typography as l}from"@mui/material";import{forwardRef as c,useMemo as p}from"react";import{getFocusRingStyle as x}from"../focusring/focusring.js";const m=c(((c,m)=>{var{children:f,variant:d="info",size:g="large",sx:u,iconProps:b,IconComponent:j,typographyProps:h,wrapperProps:w,buttons:y,buttonsWrapperProps:C,onClick:O}=c,I=e(c,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const P=o(),k=null!=b?b:{},{sx:v}=k,B=e(k,["sx"]),S=null!=h?h:{},{sx:z}=S,F=e(S,["sx"]),W=null!=w?w:{},{sx:G}=W,A=e(W,["sx"]),D=null!=C?C:{},{sx:E}=D,H=e(D,["sx"]),[L,q,J]=p((()=>{switch(d){case"error":return["error.main","error.light",s];case"warning":return["warning.main","warning.light",n];default:return["info.main","info.light",i]}}),[d]),K=null!=j?j:J;return r(a,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:O,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===g?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:L,backgroundColor:"dark"===P.palette.mode?"onSurface.os900":q,textAlign:"left"},O&&Object.assign({position:"relative",cursor:"pointer"},x(P,!0,"2px"))),u),ref:m},I,{children:[r(a,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},G)},A,{children:[t(K,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:L},v)},B)),t(l,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"text.primary",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},z)},F,{children:f}))]})),y&&t(a,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},E)},H,{children:y}))]}))}));export{m as Banner};
 //# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport React, { ElementType, forwardRef, ReactNode, useMemo } from 'react';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BannerProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default info\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Set the proportions\n   * @default large\n   */\n  size?: 'large' | 'small';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n  /**\n   * Properties applied to wrapper of content (Icon and Typography)\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to wrapper element of buttons\n   */\n  buttonsWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Alert notification banner\n */\nexport const Banner: React.FC<BannerProps> = forwardRef(\n  (\n    {\n      children,\n      variant = 'info',\n      size = 'large',\n      sx,\n      iconProps,\n      IconComponent,\n      typographyProps,\n      wrapperProps,\n      buttons,\n      buttonsWrapperProps,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps || {};\n    const { sx: buttonsWrapperSx, ...restButtonsWrapper } = buttonsWrapperProps || {};\n\n    const [borderColor, backgroundColor, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', 'error.light', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', 'warning.light', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', 'info.light', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const BannerIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        data-testid=\"Banner\"\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        onClick={onClick}\n        sx={{\n          display: 'flex',\n          width: '100%',\n          // on mobile content and button bellow each other\n          flexDirection: { xs: 'column', md: 'row' },\n          alignItems: { xs: 'flex-start', md: 'center' },\n          justifyContent: 'space-between',\n          // proportions\n          px: 2,\n          py: size === 'small' ? 1 : { xs: 2, md: 1 },\n          gap: 1,\n          // style\n          borderLeft: 6,\n          borderColor: borderColor,\n          backgroundColor: theme.palette.mode === 'dark' ? 'onSurface.os900' : backgroundColor,\n          textAlign: 'left',\n          // clickable style\n          ...(onClick && {\n            position: 'relative',\n            cursor: 'pointer',\n            // focused style\n            ...getFocusRingStyle(theme, true, '2px'),\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          data-testid=\"Banner.wrapper\"\n          sx={{\n            // align icon and content\n            flexGrow: '1',\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            gap: 1,\n            py: 0.5,\n            ...wrapperSx,\n          }}\n          {...restWrapper}\n        >\n          <BannerIcon\n            data-testid=\"Banner.icon\"\n            sx={{\n              color: borderColor,\n              ...iconSx,\n            }}\n            {...restIcon}\n          />\n          <Typography\n            data-testid=\"Banner.text\"\n            sx={{\n              color: 'text.primary',\n              flexGrow: '1',\n              // custom font according to Figma\n              fontSize: { xl: '16px' },\n              lineHeight: { xl: '24px' },\n              ...typographySx,\n            }}\n            {...restTypography}\n          >\n            {children}\n          </Typography>\n        </Box>\n        {buttons && (\n          <Box\n            data-testid=\"Banner.buttons\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 1,\n              // always show buttons next to each other\n              flexShrink: '0',\n              // on mobile align with text\n              ml: { xs: 4, md: 0 },\n              // on mobile move to the right side\n              alignSelf: 'flex-end',\n              ...buttonsWrapperSx,\n            }}\n            {...restButtonsWrapper}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","palette","mode","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"igBA+Ca,MAAAA,EAAgCC,GAC3C,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAEDZ,EADIa,EAAIC,EAAAd,EAZT,2IAgBA,MAAMe,EAAQC,IACRC,EAA8BX,GAAa,IAAzCD,GAAIa,KAAWC,EAAjBL,EAAAG,EAAA,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DH,GAAIgB,KAAiBC,EAAvBR,EAAAM,EAAA,CAAA,OACAG,EAAoCd,GAAgB,IAAlDJ,GAAImB,KAAcC,EAApBX,EAAAS,EAAA,CAAA,OACAG,EAAkDf,GAAuB,IAAvEN,GAAIsB,KAAqBC,EAA3Bd,EAAAY,EAAA,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,GAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,GACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,GAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,MAEtC,CAAChC,IACEiC,EAAa7B,GAAiBwB,EAEpC,OACEM,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,SACZC,KAAK,QACO,cAAA,OACF,YAAA,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAwC,SAAvBf,EAAMsC,QAAQC,KAAkB,kBAAoBxB,EACrEyB,UAAW,QAEP3C,GAAO2B,OAAAC,OAAA,CACTgB,SAAU,WACVC,OAAQ,WAELC,EAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAEJ,CAAAvB,SAAA,CAAA0D,EAACxB,EACaG,OAAAC,OAAA,CAAA,cAAA,cACZnC,GACEkC,OAAAC,OAAA,CAAAqB,MAAOhC,GACJX,IAEDC,IAENyC,EAACE,EAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAACtB,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GACEkC,OAAAC,OAAA,CAAAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAEH,CAAA1B,SAAAQ,QAGD"}
+{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport React, { ElementType, forwardRef, ReactNode, useMemo } from 'react';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BannerProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default info\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Set the proportions\n   * @default large\n   */\n  size?: 'large' | 'small';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to wrapper of content (Icon and Typography)\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to wrapper element of buttons\n   */\n  buttonsWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Alert notification banner\n */\nexport const Banner: React.FC<BannerProps> = forwardRef(\n  (\n    {\n      children,\n      variant = 'info',\n      size = 'large',\n      sx,\n      iconProps,\n      IconComponent,\n      typographyProps,\n      wrapperProps,\n      buttons,\n      buttonsWrapperProps,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: iconSx, ...restIcon } = iconProps ?? {};\n    const { sx: typographySx, ...restTypography } = typographyProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: buttonsWrapperSx, ...restButtonsWrapper } = buttonsWrapperProps ?? {};\n\n    const [borderColor, backgroundColor, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', 'error.light', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', 'warning.light', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', 'info.light', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const BannerIcon = IconComponent ?? IconVariantComponent;\n\n    return (\n      <Box\n        data-testid=\"Banner\"\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        onClick={onClick}\n        sx={{\n          display: 'flex',\n          width: '100%',\n          // on mobile content and button bellow each other\n          flexDirection: { xs: 'column', md: 'row' },\n          alignItems: { xs: 'flex-start', md: 'center' },\n          justifyContent: 'space-between',\n          // proportions\n          px: 2,\n          py: size === 'small' ? 1 : { xs: 2, md: 1 },\n          gap: 1,\n          // style\n          borderLeft: 6,\n          borderColor: borderColor,\n          backgroundColor: theme.palette.mode === 'dark' ? 'onSurface.os900' : backgroundColor,\n          textAlign: 'left',\n          // clickable style\n          ...(onClick && {\n            position: 'relative',\n            cursor: 'pointer',\n            // focused style\n            ...getFocusRingStyle(theme, true, '2px'),\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          data-testid=\"Banner.wrapper\"\n          sx={{\n            // align icon and content\n            flexGrow: '1',\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            gap: 1,\n            py: 0.5,\n            ...wrapperSx,\n          }}\n          {...restWrapper}\n        >\n          <BannerIcon\n            data-testid=\"Banner.icon\"\n            sx={{\n              color: borderColor,\n              ...iconSx,\n            }}\n            {...restIcon}\n          />\n          <Typography\n            data-testid=\"Banner.text\"\n            sx={{\n              color: 'text.primary',\n              flexGrow: '1',\n              // custom font according to Figma\n              fontSize: { xl: '16px' },\n              lineHeight: { xl: '24px' },\n              ...typographySx,\n            }}\n            {...restTypography}\n          >\n            {children}\n          </Typography>\n        </Box>\n        {buttons && (\n          <Box\n            data-testid=\"Banner.buttons\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 1,\n              // always show buttons next to each other\n              flexShrink: '0',\n              // on mobile align with text\n              ml: { xs: 4, md: 0 },\n              // on mobile move to the right side\n              alignSelf: 'flex-end',\n              ...buttonsWrapperSx,\n            }}\n            {...restButtonsWrapper}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","palette","mode","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"igBA+CO,MAAMA,EAAgCC,GAC3C,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAAOZ,EACJa,EAAIC,EAAAd,EAZT,2IAgBA,MAAMe,EAAQC,IACRC,EAA8BX,QAAAA,EAAa,IAAzCD,GAAIa,GAAMD,EAAKE,EAAQL,EAAAG,EAAzB,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DH,GAAIgB,GAAYD,EAAKE,EAAcR,EAAAM,EAArC,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDJ,GAAImB,GAASD,EAAKE,EAAWX,EAAAS,EAA/B,CAAA,OACAG,EAAkDf,QAAAA,EAAuB,IAAvEN,GAAIsB,GAAgBD,EAAKE,EAAkBd,EAAAY,EAA7C,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,GAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,GACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,GAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,MAEtC,CAAChC,IACEiC,EAAa7B,QAAAA,EAAiBwB,EAEpC,OACEM,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,SACZC,KAAK,QAAO,cACA,OAAM,YACR,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAwC,SAAvBf,EAAMsC,QAAQC,KAAkB,kBAAoBxB,EACrEyB,UAAW,QAEP3C,GAAO2B,OAAAC,OAAA,CACTgB,SAAU,WACVC,OAAQ,WAELC,EAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAAW,CAAAvB,SAAA,CAEf0D,EAACxB,EAAUG,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAOhC,GACJX,IAEDC,IAENyC,EAACE,EAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAACtB,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CACAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAAkB,CAAA1B,SAErBQ,QAGD"}

package/components/banner/index.d.ts

@@ -1 +1,3 @@
 export * from './banner';
+export * from './BannerButton';
+export * from './BannerDismissButton';

package/components/bottomSheet/bottomSheet.d.ts

@@ -29,6 +29,14 @@ export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' |
      * Flag for displaying bar that visualizes pulling function
      */
     puller?: boolean;
+    /**
+     * Props applied to wrapper of puller
+     */
+    pullerWrapperProps?: BoxProps<ElementType>;
+    /**
+     * Props applied to puller
+     */
+    pullerProps?: BoxProps<ElementType>;
     /**
      * Footer children slot
      */

package/components/bottomSheet/bottomSheet.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useTheme as r,SwipeableDrawer as n,Box as i,Typography as a,IconButton as l}from"@mui/material";import{CloseIcon as p}from"../icon/stroke/CloseIcon.js";import{useElementScrollable as c}from"../../utils/useElementScrollable/useElementScrollable.js";const d=s(((s,d)=>{var m,{children:x,open:b,setOpen:h,slotProps:u,puller:g,closeButton:f,closeButtonProps:j,closeButtonIconProps:O,CloseButtonIconComponent:B,footerSlot:S,title:C,titleProps:P={},headerWrapper:v,titleWrapper:W,contentWrapper:w,footerWrapper:y,maxHeight:I=60}=s,R=e(s,["children","open","setOpen","slotProps","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const k=v||{},{sx:T}=k,H=e(k,["sx"]),E=W||{},{sx:M}=E,z=e(E,["sx"]),D=P||{},{sx:L}=D,$=e(D,["sx"]),q=j||{},{sx:A}=q,F=e(q,["sx"]),G=w||{},{sx:J}=G,K=e(G,["sx"]),N=y||{},{sx:Q}=N,U=e(N,["sx"]),V=r(),X=B||p,{isScrollable:Y,elementRef:Z}=c("y");return t(n,Object.assign({dir:V.direction,anchor:"bottom",open:b,onClose:()=>h(!1),onOpen:()=>h(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},u),{paper:Object.assign(Object.assign({},null==u?void 0:u.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${I}%`},null===(m=null==u?void 0:u.paper)||void 0===m?void 0:m.sx)})}),ref:d},R,{children:[(C||f||g)&&t(i,Object.assign({sx:Object.assign({px:2},T),"data-testid":"BottomSheet-header"},H,{children:[g&&o(i,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:o(i,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:.5,borderRadius:"8px"}})}),(C||f&&!g)&&t(i,Object.assign({sx:Object.assign({display:"flex",justifyContent:C?"space-between":"flex-end",gap:1,pt:Y&&g?2:0,pb:Y?2:0},M)},z,{children:[C&&o(a,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:g?0:2},L)},$,{children:C})),f&&!g&&o(l,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>h(!1),"aria-label":"Close bottom sheet",sx:Object.assign({mt:"3px",mr:"-6px"},A)},F,{children:o(X,Object.assign({},O))}))]}))]})),o(i,Object.assign({"data-testid":"BottomSheet-content",ref:Z,sx:Object.assign({overflow:"auto",borderTop:Y?1:0,borderBottom:Y&&S?1:0,borderColor:"surface.secondary",p:2},J)},K,{children:x})),S&&o(i,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4},Q)},U,{children:S}))]}))}));export{d as BottomSheet};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useTheme as r,SwipeableDrawer as n,Box as l,Typography as i,IconButton as a}from"@mui/material";import{CloseIcon as p}from"../icon/stroke/CloseIcon.js";import{useElementScrollable as c}from"../../utils/useElementScrollable/useElementScrollable.js";import{getFocusRingBoxShadow as d}from"../focusring/focusring.js";const u=s(((s,u)=>{var x,{children:m,open:b,setOpen:g,slotProps:h,puller:f,pullerWrapperProps:j,pullerProps:O,closeButton:B,closeButtonProps:S,closeButtonIconProps:P,CloseButtonIconComponent:C,footerSlot:W,title:v,titleProps:w={},headerWrapper:y,titleWrapper:I,contentWrapper:R,footerWrapper:k,maxHeight:T=60}=s,H=e(s,["children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const E=null!=y?y:{},{sx:M}=E,z=e(E,["sx"]),D=null!=I?I:{},{sx:L}=D,$=e(D,["sx"]),q=null!=w?w:{},{sx:A}=q,F=e(q,["sx"]),G=null!=j?j:{},{sx:J}=G,K=e(G,["sx"]),N=null!=O?O:{},{sx:Q}=N,U=e(N,["sx"]),V=null!=S?S:{},{sx:X}=V,Y=e(V,["sx"]),Z=null!=R?R:{},{sx:_}=Z,ee=e(Z,["sx"]),te=null!=k?k:{},{sx:oe}=te,se=e(te,["sx"]),re=r(),ne=C||p,{isScrollable:le,elementRef:ie}=c("y");return t(n,Object.assign({dir:re.direction,anchor:"bottom",open:b,onClose:()=>g(!1),onOpen:()=>g(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},h),{paper:Object.assign(Object.assign({},null==h?void 0:h.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${T}%`},null===(x=null==h?void 0:h.paper)||void 0===x?void 0:x.sx)})}),ref:u},H,{children:[(v||B||f)&&t(l,Object.assign({sx:Object.assign({px:2},M),"data-testid":"BottomSheet-header"},z,{children:[f&&o(l,Object.assign({sx:Object.assign({position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},J)},K,{children:o(l,Object.assign({"data-testid":"BottomSheet-puller",sx:Object.assign({width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:1.5,borderRadius:"8px"},Q)},U))})),(v||B&&!f)&&t(l,Object.assign({sx:Object.assign({display:"flex",justifyContent:v?"space-between":"flex-end",alignItems:"flex-start",gap:1,pt:le&&f?1:0},L)},$,{children:[v&&o(i,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:f?0:2,mb:le?2:0},A)},F,{children:v})),B&&!f&&o(a,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>g(!1),"aria-label":"Close bottom sheet",sx:Object.assign({my:"4px",mr:"-6px"},X)},Y,{children:o(ne,Object.assign({},P))}))]}))]})),o(l,Object.assign({"data-testid":"BottomSheet-content",ref:ie,sx:Object.assign({overflow:"auto",borderTop:le?1:0,borderBottom:le&&W?1:0,borderColor:"surface.secondary",p:2,"&:focus-visible":{outline:"none",boxShadow:d(re,!0)}},_)},ee,{children:m})),W&&o(l,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4},oe)},se,{children:W}))]}))}));export{u as BottomSheet};
 //# sourceMappingURL=bottomSheet.js.map

package/components/bottomSheet/bottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottomSheet.js","sources":["../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  IconButtonProps,\n  SwipeableDrawer,\n  SwipeableDrawerProps,\n  IconButton,\n  Typography,\n  TypographyProps,\n  useTheme,\n  SvgIconProps,\n  PaperProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {\n  /**\n   * Open state component flag\n   */\n  open: boolean;\n  /**\n   * Open state component function\n   */\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Flag for displaying close button\n   */\n  closeButton?: boolean;\n  /**\n   * Props applied to closeButton IconButton\n   */\n  closeButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Props applied to Icon in closeButton\n   */\n  closeButtonIconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  CloseButtonIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Flag for displaying bar that visualizes pulling function\n   */\n  puller?: boolean;\n  /**\n   * Footer children slot\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Text in header\n   */\n  title?: React.ReactNode;\n  /**\n   * Text props\n   */\n  titleProps?: TypographyProps;\n  /**\n   * Max height of whole component in percentages\n   * @default 60\n   */\n  maxHeight?: number;\n  /**\n   * Wrapper of header\n   */\n  headerWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of title and close button\n   */\n  titleWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of content\n   */\n  contentWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of footer\n   */\n  footerWrapper?: BoxProps<ElementType>;\n}\n\nexport const BottomSheet: React.FC<BottomSheetProps> = forwardRef(\n  (\n    {\n      children,\n      open,\n      setOpen,\n      slotProps,\n      puller,\n      closeButton,\n      closeButtonProps,\n      closeButtonIconProps,\n      CloseButtonIconComponent,\n      footerSlot,\n      title,\n      titleProps = {},\n      headerWrapper,\n      titleWrapper,\n      contentWrapper,\n      footerWrapper,\n      maxHeight = 60,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: headerSx, ...restHeader } = headerWrapper || {};\n    const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapper || {};\n    const { sx: titleSx, ...restTitle } = titleProps || {};\n    const { sx: closeButtonSx, ...restCloseButton } = closeButtonProps || {};\n    const { sx: contentSx, ...restContent } = contentWrapper || {};\n    const { sx: footerSx, ...restFooter } = footerWrapper || {};\n    const theme = useTheme();\n    const BottomSheetCloseButtonIcon = CloseButtonIconComponent || CloseIcon;\n\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    return (\n      <SwipeableDrawer\n        dir={theme.direction}\n        anchor=\"bottom\"\n        open={open}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n        disableSwipeToOpen\n        ModalProps={{\n          keepMounted: true,\n        }}\n        data-testid=\"BottomSheet\"\n        slotProps={{\n          ...slotProps,\n          paper: {\n            ...slotProps?.paper,\n            sx: {\n              boxShadow: 'none',\n              borderTopLeftRadius: '16px',\n              borderTopRightRadius: '16px',\n              maxHeight: `${maxHeight}%`,\n              ...(slotProps?.paper as PaperProps)?.sx,\n            },\n          },\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {(title || closeButton || puller) && (\n          <Box sx={{ px: 2, ...headerSx }} data-testid=\"BottomSheet-header\" {...restHeader}>\n            {puller && (\n              <Box\n                sx={{\n                  position: 'relative',\n                  display: 'flex',\n                  flexDirection: 'row',\n                  justifyContent: 'center',\n                  alignItems: 'center',\n                }}\n              >\n                <Box\n                  data-testid=\"BottomSheet-puller\"\n                  sx={{\n                    width: '28px',\n                    height: '4px',\n                    backgroundColor: 'onSurface.os500',\n                    mt: 1,\n                    mb: 0.5,\n                    borderRadius: '8px',\n                  }}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: title ? 'space-between' : 'flex-end',\n                  gap: 1,\n                  pt: isScrollable && puller ? 2 : 0,\n                  pb: isScrollable ? 2 : 0,\n                  ...titleWrapperSx,\n                }}\n                {...restTitleWrapper}\n              >\n                {title && (\n                  <Typography\n                    data-testid=\"BottomSheet-title\"\n                    variant=\"h4\"\n                    component=\"h2\"\n                    sx={{\n                      mt: puller ? 0 : 2,\n                      ...titleSx,\n                    }}\n                    {...restTitle}\n                  >\n                    {title}\n                  </Typography>\n                )}\n                {closeButton && !puller && (\n                  <IconButton\n                    data-testid=\"BottomSheet-closeButton\"\n                    size=\"medium\"\n                    onClick={() => setOpen(false)}\n                    aria-label=\"Close bottom sheet\"\n                    sx={{\n                      mt: '3px',\n                      mr: '-6px',\n                      ...closeButtonSx,\n                    }}\n                    {...restCloseButton}\n                  >\n                    <BottomSheetCloseButtonIcon {...closeButtonIconProps} />\n                  </IconButton>\n                )}\n              </Box>\n            )}\n          </Box>\n        )}\n        <Box\n          data-testid=\"BottomSheet-content\"\n          ref={elementRef}\n          sx={{\n            overflow: 'auto',\n            borderTop: isScrollable ? 1 : 0,\n            borderBottom: isScrollable && footerSlot ? 1 : 0,\n            borderColor: 'surface.secondary',\n            p: 2,\n            ...contentSx,\n          }}\n          {...restContent}\n        >\n          {children}\n        </Box>\n        {footerSlot && (\n          <Box\n            data-testid=\"BottomSheet-footer\"\n            sx={{\n              px: 2,\n              pt: 3,\n              pb: 4,\n              ...footerSx,\n            }}\n            {...restFooter}\n          >\n            {footerSlot}\n          </Box>\n        )}\n      </SwipeableDrawer>\n    );\n  },\n);\n"],"names":["BottomSheet","forwardRef","_a","ref","children","open","setOpen","slotProps","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_c","sx","headerSx","restHeader","_d","titleWrapperSx","restTitleWrapper","_e","titleSx","restTitle","_f","closeButtonSx","restCloseButton","_g","contentSx","restContent","_h","footerSx","restFooter","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","dir","direction","anchor","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","paper","Object","assign","boxShadow","borderTopLeftRadius","borderTopRightRadius","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","pb","Typography","variant","component","IconButton","size","onClick","mr","overflow","borderTop","borderBottom","borderColor","p"],"mappings":"mXAiFa,MAAAA,EAA0CC,GACrD,CACEC,EAoBAC,YApBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,UACPA,EAASC,OACTA,EAAMC,YACNA,EAAWC,iBACXA,EAAgBC,qBAChBA,EAAoBC,yBACpBA,EAAwBC,WACxBA,EAAUC,MACVA,EAAKC,WACLA,EAAa,CAAE,EAAAC,cACfA,EAAaC,aACbA,EAAYC,eACZA,EAAcC,cACdA,EAAaC,UACbA,EAAY,IAAElB,EACXmB,EAAIC,EAAApB,EAlBT,qPAsBA,MAAMqB,EAAkCP,GAAiB,IAAjDQ,GAAIC,KAAaC,EAAnBJ,EAAAC,EAAA,CAAA,OACAI,EAA8CV,GAAgB,IAA5DO,GAAII,KAAmBC,EAAzBP,EAAAK,EAAA,CAAA,OACAG,EAAgCf,GAAc,IAA5CS,GAAIO,KAAYC,EAAlBV,EAAAQ,EAAA,CAAA,OACAG,EAA4CvB,GAAoB,IAA9Dc,GAAIU,KAAkBC,EAAxBb,EAAAW,EAAA,CAAA,OACAG,EAAoClB,GAAkB,IAApDM,GAAIa,KAAcC,EAApBhB,EAAAc,EAAA,CAAA,OACAG,EAAkCpB,GAAiB,IAAjDK,GAAIgB,KAAaC,EAAnBnB,EAAAiB,EAAA,CAAA,OACAG,EAAQC,IACRC,EAA6BhC,GAA4BiC,GAEzDC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1D,OACEC,EAACC,iBACCC,IAAKT,EAAMU,UACXC,OAAO,SACPhD,KAAMA,EACNiD,QAAS,IAAMhD,GAAQ,GACvBiD,OAAQ,IAAMjD,GAAQ,GACtBkD,oBAAkB,EAClBC,WAAY,CACVC,aAAa,GACd,cACW,cACZnD,yCACKA,GAAS,CACZoD,MACKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAtD,eAAAA,EAAWoD,OACd,CAAAnC,kBACEsC,UAAW,OACXC,oBAAqB,OACrBC,qBAAsB,OACtB5C,UAAW,GAAGA,gBACVb,aAAA,EAAAA,EAAWoD,4BAAsBnC,QAI3CrB,IAAKA,GACDkB,EAAI,CAAAjB,SAAA,EAENU,GAASL,GAAeD,IACxByC,EAACgB,EAAIL,OAAAC,OAAA,CAAArC,kBAAM0C,GAAI,GAAMzC,iBAAwB,sBAAyBC,EAAU,CAAAtB,SAAA,CAC7EI,GACC2D,EAACF,EAAG,CACFzC,GAAI,CACF4C,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACbpE,SAED+D,EAACF,EAAG,CAAA,cACU,qBACZzC,GAAI,CACFiD,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,EACJC,GAAI,GACJC,aAAc,YAKpBhE,GAAUL,IAAgBD,IAC1ByC,EAACgB,EACCL,OAAAC,OAAA,CAAArC,GACEoC,OAAAC,OAAA,CAAAQ,QAAS,OACTE,eAAgBzD,EAAQ,gBAAkB,WAC1CiE,IAAK,EACLC,GAAIlC,GAAgBtC,EAAS,EAAI,EACjCyE,GAAInC,EAAe,EAAI,GACpBlB,IAEDC,EAAgB,CAAAzB,SAAA,CAEnBU,GACCqD,EAACe,EAAUtB,OAAAC,OAAA,CAAA,cACG,oBACZsB,QAAQ,KACRC,UAAU,KACV5D,GAAEoC,OAAAC,OAAA,CACAe,GAAIpE,EAAS,EAAI,GACduB,IAEDC,EAAS,CAAA5B,SAEZU,KAGJL,IAAgBD,GACf2D,EAACkB,EACazB,OAAAC,OAAA,CAAA,cAAA,0BACZyB,KAAK,SACLC,QAAS,IAAMjF,GAAQ,GAAM,aAClB,qBACXkB,GAAEoC,OAAAC,OAAA,CACAe,GAAI,MACJY,GAAI,QACDtD,IAEDC,EAAe,CAAA/B,SAEnB+D,EAACvB,EAA+BgB,OAAAC,OAAA,GAAAlD,eAO5CwD,EAACF,EACaL,OAAAC,OAAA,CAAA,cAAA,sBACZ1D,IAAK4C,EACLvB,GACEoC,OAAAC,OAAA,CAAA4B,SAAU,OACVC,UAAW5C,EAAe,EAAI,EAC9B6C,aAAc7C,GAAgBjC,EAAa,EAAI,EAC/C+E,YAAa,oBACbC,EAAG,GACAxD,IAEDC,EAAW,CAAAlC,SAEdA,KAEFS,GACCsD,EAACF,EACaL,OAAAC,OAAA,CAAA,cAAA,qBACZrC,GACEoC,OAAAC,OAAA,CAAAK,GAAI,EACJc,GAAI,EACJC,GAAI,GACDzC,IAEDC,EAEH,CAAArC,SAAAS,QAGW"}
+{"version":3,"file":"bottomSheet.js","sources":["../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  IconButtonProps,\n  SwipeableDrawer,\n  SwipeableDrawerProps,\n  IconButton,\n  Typography,\n  TypographyProps,\n  useTheme,\n  SvgIconProps,\n  PaperProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\n\nexport interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {\n  /**\n   * Open state component flag\n   */\n  open: boolean;\n  /**\n   * Open state component function\n   */\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Flag for displaying close button\n   */\n  closeButton?: boolean;\n  /**\n   * Props applied to closeButton IconButton\n   */\n  closeButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Props applied to Icon in closeButton\n   */\n  closeButtonIconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  CloseButtonIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Flag for displaying bar that visualizes pulling function\n   */\n  puller?: boolean;\n  /**\n   * Props applied to wrapper of puller\n   */\n  pullerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to puller\n   */\n  pullerProps?: BoxProps<ElementType>;\n  /**\n   * Footer children slot\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Text in header\n   */\n  title?: React.ReactNode;\n  /**\n   * Text props\n   */\n  titleProps?: TypographyProps;\n  /**\n   * Max height of whole component in percentages\n   * @default 60\n   */\n  maxHeight?: number;\n  /**\n   * Wrapper of header\n   */\n  headerWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of title and close button\n   */\n  titleWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of content\n   */\n  contentWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of footer\n   */\n  footerWrapper?: BoxProps<ElementType>;\n}\n\nexport const BottomSheet: React.FC<BottomSheetProps> = forwardRef(\n  (\n    {\n      children,\n      open,\n      setOpen,\n      slotProps,\n      puller,\n      pullerWrapperProps,\n      pullerProps,\n      closeButton,\n      closeButtonProps,\n      closeButtonIconProps,\n      CloseButtonIconComponent,\n      footerSlot,\n      title,\n      titleProps = {},\n      headerWrapper,\n      titleWrapper,\n      contentWrapper,\n      footerWrapper,\n      maxHeight = 60,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: headerSx, ...restHeader } = headerWrapper ?? {};\n    const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapper ?? {};\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: pullerWrapperSx, ...restPullerWrapper } = pullerWrapperProps ?? {};\n    const { sx: pullerSx, ...restPuller } = pullerProps ?? {};\n    const { sx: closeButtonSx, ...restCloseButton } = closeButtonProps ?? {};\n    const { sx: contentSx, ...restContent } = contentWrapper ?? {};\n    const { sx: footerSx, ...restFooter } = footerWrapper ?? {};\n    const theme = useTheme();\n    const BottomSheetCloseButtonIcon = CloseButtonIconComponent || CloseIcon;\n\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    return (\n      <SwipeableDrawer\n        dir={theme.direction}\n        anchor=\"bottom\"\n        open={open}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n        disableSwipeToOpen\n        ModalProps={{\n          keepMounted: true,\n        }}\n        data-testid=\"BottomSheet\"\n        slotProps={{\n          ...slotProps,\n          paper: {\n            ...slotProps?.paper,\n            sx: {\n              boxShadow: 'none',\n              borderTopLeftRadius: '16px',\n              borderTopRightRadius: '16px',\n              maxHeight: `${maxHeight}%`,\n              ...(slotProps?.paper as PaperProps)?.sx,\n            },\n          },\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {(title || closeButton || puller) && (\n          <Box sx={{ px: 2, ...headerSx }} data-testid=\"BottomSheet-header\" {...restHeader}>\n            {puller && (\n              <Box\n                sx={{\n                  position: 'relative',\n                  display: 'flex',\n                  flexDirection: 'row',\n                  justifyContent: 'center',\n                  alignItems: 'center',\n                  ...pullerWrapperSx,\n                }}\n                {...restPullerWrapper}\n              >\n                <Box\n                  data-testid=\"BottomSheet-puller\"\n                  sx={{\n                    width: '28px',\n                    height: '4px',\n                    backgroundColor: 'onSurface.os500',\n                    mt: 1,\n                    mb: 1.5,\n                    borderRadius: '8px',\n                    ...pullerSx,\n                  }}\n                  {...restPuller}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: title ? 'space-between' : 'flex-end',\n                  alignItems: 'flex-start',\n                  gap: 1,\n                  pt: isScrollable && puller ? 1 : 0,\n                  ...titleWrapperSx,\n                }}\n                {...restTitleWrapper}\n              >\n                {title && (\n                  <Typography\n                    data-testid=\"BottomSheet-title\"\n                    variant=\"h4\"\n                    component=\"h2\"\n                    sx={{\n                      mt: puller ? 0 : 2,\n                      mb: isScrollable ? 2 : 0,\n                      ...titleSx,\n                    }}\n                    {...restTitle}\n                  >\n                    {title}\n                  </Typography>\n                )}\n                {closeButton && !puller && (\n                  <IconButton\n                    data-testid=\"BottomSheet-closeButton\"\n                    size=\"medium\"\n                    onClick={() => setOpen(false)}\n                    aria-label=\"Close bottom sheet\"\n                    sx={{\n                      my: '4px',\n                      mr: '-6px',\n                      ...closeButtonSx,\n                    }}\n                    {...restCloseButton}\n                  >\n                    <BottomSheetCloseButtonIcon {...closeButtonIconProps} />\n                  </IconButton>\n                )}\n              </Box>\n            )}\n          </Box>\n        )}\n        <Box\n          data-testid=\"BottomSheet-content\"\n          ref={elementRef}\n          sx={{\n            overflow: 'auto',\n            borderTop: isScrollable ? 1 : 0,\n            borderBottom: isScrollable && footerSlot ? 1 : 0,\n            borderColor: 'surface.secondary',\n            p: 2,\n            // can be focused since scrollable\n            '&:focus-visible': {\n              outline: 'none',\n              boxShadow: getFocusRingBoxShadow(theme, true),\n            },\n            ...contentSx,\n          }}\n          {...restContent}\n        >\n          {children}\n        </Box>\n        {footerSlot && (\n          <Box\n            data-testid=\"BottomSheet-footer\"\n            sx={{\n              px: 2,\n              pt: 3,\n              pb: 4,\n              ...footerSx,\n            }}\n            {...restFooter}\n          >\n            {footerSlot}\n          </Box>\n        )}\n      </SwipeableDrawer>\n    );\n  },\n);\n"],"names":["BottomSheet","forwardRef","_a","ref","children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_c","sx","headerSx","restHeader","_d","titleWrapperSx","restTitleWrapper","_e","titleSx","restTitle","_f","pullerWrapperSx","restPullerWrapper","_g","pullerSx","restPuller","_h","closeButtonSx","restCloseButton","_j","contentSx","restContent","_k","footerSx","restFooter","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","dir","direction","anchor","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","paper","Object","assign","boxShadow","borderTopLeftRadius","borderTopRightRadius","_b","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","Typography","variant","component","IconButton","size","onClick","my","mr","overflow","borderTop","borderBottom","borderColor","p","outline","getFocusRingBoxShadow","pb"],"mappings":"qbA0FO,MAAMA,EAA0CC,GACrD,CACEC,EAsBAC,YAtBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,UACPA,EAASC,OACTA,EAAMC,mBACNA,EAAkBC,YAClBA,EAAWC,YACXA,EAAWC,iBACXA,EAAgBC,qBAChBA,EAAoBC,yBACpBA,EAAwBC,WACxBA,EAAUC,MACVA,EAAKC,WACLA,EAAa,CAAA,EAAEC,cACfA,EAAaC,aACbA,EAAYC,eACZA,EAAcC,cACdA,EAAaC,UACbA,EAAY,MACTC,EAAIC,EAAAtB,EApBT,CAAA,WAAA,OAAA,UAAA,YAAA,SAAA,qBAAA,cAAA,cAAA,mBAAA,uBAAA,2BAAA,aAAA,QAAA,aAAA,gBAAA,eAAA,iBAAA,gBAAA,cAwBA,MAAMuB,EAAkCP,QAAAA,EAAiB,IAAjDQ,GAAIC,GAAQF,EAAKG,EAAUJ,EAAAC,EAA7B,CAAA,OACAI,EAA8CV,QAAAA,EAAgB,IAA5DO,GAAII,GAAcD,EAAKE,EAAgBP,EAAAK,EAAzC,CAAA,OACAG,EAAgCf,QAAAA,EAAc,IAA5CS,GAAIO,GAAOD,EAAKE,EAASV,EAAAQ,EAA3B,CAAA,OACAG,EAAgD1B,QAAAA,EAAsB,IAApEiB,GAAIU,GAAeD,EAAKE,EAAiBb,EAAAW,EAA3C,CAAA,OACAG,EAAkC5B,QAAAA,EAAe,IAA/CgB,GAAIa,GAAQD,EAAKE,EAAUhB,EAAAc,EAA7B,CAAA,OACAG,EAA4C7B,QAAAA,EAAoB,IAA9Dc,GAAIgB,GAAaD,EAAKE,EAAenB,EAAAiB,EAAvC,CAAA,OACAG,EAAoCxB,QAAAA,EAAkB,IAApDM,GAAImB,GAASD,EAAKE,GAAWtB,EAAAoB,EAA/B,CAAA,OACAG,GAAkC1B,QAAAA,EAAiB,IAAjDK,GAAIsB,IAAQD,GAAKE,GAAUzB,EAAAuB,GAA7B,CAAA,OACAG,GAAQC,IACRC,GAA6BtC,GAA4BuC,GAEzDC,aAAEA,GAAYC,WAAEA,IAAeC,EAAqB,KAE1D,OACEC,EAACC,iBACCC,IAAKT,GAAMU,UACXC,OAAO,SACPxD,KAAMA,EACNyD,QAAS,IAAMxD,GAAQ,GACvByD,OAAQ,IAAMzD,GAAQ,GACtB0D,oBAAkB,EAClBC,WAAY,CACVC,aAAa,GACd,cACW,cACZ3D,yCACKA,GAAS,CACZ4D,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACA9D,eAAAA,EAAW4D,OAAK,CACnBzC,kBACE4C,UAAW,OACXC,oBAAqB,OACrBC,qBAAsB,OACtBlD,UAAW,GAAGA,MACqB,QAAhCmD,EAAClE,eAAAA,EAAW4D,aAAoB,IAAAM,OAAA,EAAAA,EAAE/C,QAI3CvB,IAAKA,GACDoB,EAAI,CAAAnB,SAAA,EAENY,GAASL,GAAeH,IACxBiD,EAACiB,EAAGN,OAAAC,OAAA,CAAC3C,GAAE0C,OAAAC,OAAA,CAAIM,GAAI,GAAMhD,GAAQ,cAAgB,sBAAyBC,aACnEpB,GACCoE,EAACF,iBACChD,GAAE0C,OAAAC,OAAA,CACAQ,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACT7C,IAEDC,EAAiB,CAAAjC,SAErBwE,EAACF,EAAGN,OAAAC,OAAA,CAAA,cACU,qBACZ3C,kBACEwD,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,EACJC,GAAI,IACJC,aAAc,OACXhD,IAEDC,QAIRxB,GAAUL,IAAgBH,IAC1BiD,EAACiB,EAAGN,OAAAC,OAAA,CACF3C,kBACEoD,QAAS,OACTE,eAAgBhE,EAAQ,gBAAkB,WAC1CiE,WAAY,aACZO,IAAK,EACLC,GAAInC,IAAgB9C,EAAS,EAAI,GAC9BsB,IAEDC,aAEHf,GACC4D,EAACc,+BACa,oBACZC,QAAQ,KACRC,UAAU,KACVlE,GAAE0C,OAAAC,OAAA,CACAgB,GAAI7E,EAAS,EAAI,EACjB8E,GAAIhC,GAAe,EAAI,GACpBrB,IAEDC,EAAS,CAAA9B,SAEZY,KAGJL,IAAgBH,GACfoE,EAACiB,EAAUzB,OAAAC,OAAA,CAAA,cACG,0BACZyB,KAAK,SACLC,QAAS,IAAMzF,GAAQ,GAAM,aAClB,qBACXoB,kBACEsE,GAAI,MACJC,GAAI,QACDvD,IAEDC,EAAe,CAAAvC,SAEnBwE,EAACxB,GAA0BgB,OAAAC,OAAA,CAAA,EAAKxD,eAO5C+D,EAACF,EAAGN,OAAAC,OAAA,CAAA,cACU,sBACZlE,IAAKoD,GACL7B,GAAE0C,OAAAC,OAAA,CACA6B,SAAU,OACVC,UAAW7C,GAAe,EAAI,EAC9B8C,aAAc9C,IAAgBvC,EAAa,EAAI,EAC/CsF,YAAa,oBACbC,EAAG,EAEH,kBAAmB,CACjBC,QAAS,OACTjC,UAAWkC,EAAsBtD,IAAO,KAEvCL,IAEDC,GAAW,CAAA1C,SAEdA,KAEFW,GACC6D,EAACF,EAAGN,OAAAC,OAAA,CAAA,cACU,qBACZ3C,kBACEiD,GAAI,EACJc,GAAI,EACJgB,GAAI,GACDzD,KAEDC,GAAU,CAAA7C,SAEbW,QAGW"}

package/components/button/button.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useMemo as n}from"react";import{Button as i}from"@mui/material";import{Icon as t}from"../icon/icon.js";import"../icon/icon.definitions.js";import{ColourSheme as a}from"../../utils/enum.js";var c;function e(e){var{children:s,label:m,colourScheme:l,icon:d,compact:I,direction:A,variant:u,color:O,startIcon:R,endIcon:T,sx:f,size:p}=e,N=o(e,["children","label","colourScheme","icon","compact","direction","variant","color","startIcon","endIcon","sx","size"]);const[Y,h]=n((()=>Object.values(c).includes(u)?[{[c.PRIMARY]:"contained",[c.SECONDARY]:"contained",[c.GHOST]:"outlined",[c.TERTIARY]:"text",[c.NAVIGATION]:"navigation"}[u],O||{[c.PRIMARY]:"primary",[c.SECONDARY]:"secondary",[c.GHOST]:"secondary",[c.TERTIARY]:"secondary",[c.NAVIGATION]:"secondary"}[u]]:[u,O]),[u,O]),j=n((()=>Object.assign(Object.assign({},l===a.LIGHT_MODE?{color:"common.white"}:{}),f)),[l,f]),v=n((()=>d?r(t,{name:d}):Y===c.NAVIGATION?r(t,"forward"===A?{name:"arrow-right"}:{name:"arrow-left"}):null),[d,Y,A]),y=n((()=>p||I?"small":"medium"),[p,I]);return r(i,Object.assign({variant:Y,color:h,sx:j,size:y,startIcon:R||"forward"!==A&&v,endIcon:T||"forward"===A&&v},N,{children:m||s}))}!function(o){o.PRIMARY="primary",o.SECONDARY="secondary",o.GHOST="ghost",o.TERTIARY="tertiary",o.NAVIGATION="navigation"}(c||(c={}));export{e as Button,c as ButtonVariants};
+import{__rest as o}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useMemo as n}from"react";import{Button as l}from"@mui/material";import{Icon as e}from"../icon/Icon.js";import"../icon/FlowIcon.js";import"../icon/icon.definitions.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/AISuggestionFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryDischargeFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryHighVoltageFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BicycleFilledIcon.js";import"../icon/filled/BoltDischargeFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BoltOffFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarAccidentFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSendFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DealershipServiceFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FuelSavingsFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PercentageFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TripCyclicFilledIcon.js";import"../icon/filled/TripLongTermFilledIcon.js";import"../icon/filled/TripSingleFilledIcon.js";import"../icon/filled/TrophyFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreRepairFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WallboxFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/AISuggestionIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryHighVoltageIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryDischargeIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BicycleIcon.js";import"../icon/stroke/BoltDischargeIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BoltOffIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarAccidentIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSendIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DealershipServiceIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FuelSavingsIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PercentageIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TripCyclicIcon.js";import"../icon/stroke/TripLongTermIcon.js";import"../icon/stroke/TripSingleIcon.js";import"../icon/stroke/TrophyIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreRepairIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WallboxIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import{ColourSheme as r}from"../../utils/enum.js";var c;function t(t){var{children:s,label:d,colourScheme:p,icon:m,compact:I,direction:j,variant:a,color:f,startIcon:k,endIcon:F,sx:C,size:h}=t,u=o(t,["children","label","colourScheme","icon","compact","direction","variant","color","startIcon","endIcon","sx","size"]);const[g,S]=n((()=>Object.values(c).includes(a)?[{[c.PRIMARY]:"contained",[c.SECONDARY]:"contained",[c.GHOST]:"outlined",[c.TERTIARY]:"text",[c.NAVIGATION]:"navigation"}[a],f||{[c.PRIMARY]:"primary",[c.SECONDARY]:"secondary",[c.GHOST]:"secondary",[c.TERTIARY]:"secondary",[c.NAVIGATION]:"secondary"}[a]]:[a,f]),[a,f]),w=n((()=>Object.assign(Object.assign({},p===r.LIGHT_MODE?{color:"common.white"}:{}),C)),[p,C]),A=n((()=>m?i(e,{name:m}):g===c.NAVIGATION?i(e,"forward"===j?{name:"arrow-right"}:{name:"arrow-left"}):null),[m,g,j]),B=n((()=>h||I?"small":"medium"),[h,I]);return i(l,Object.assign({variant:g,color:S,sx:w,size:B,startIcon:k||"forward"!==j&&A,endIcon:F||"forward"===j&&A},u,{children:d||s}))}!function(o){o.PRIMARY="primary",o.SECONDARY="secondary",o.GHOST="ghost",o.TERTIARY="tertiary",o.NAVIGATION="navigation"}(c||(c={}));export{t as Button,c as ButtonVariants};
 //# sourceMappingURL=button.js.map

package/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ButtonProps as MuiButtonProps, Button as MuiButton } from '@mui/material';\nimport { Icon, IconNameProp } from '@/src/components/icon';\nimport { ColourSheme } from '@/src/utils/enum';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n  /**\n   * @deprecated use children instead\n   */\n  label?: string;\n  /**\n   * Visual variant of button\n   */\n  variant?: MuiButtonProps['variant'] | ButtonVariants;\n  /**\n   * @deprecated use sx={{ color: 'common.white' }} instead\n   */\n  colourScheme?: ColourSheme;\n  /**\n   * @deprecated use startIcon={<Icon name='icon_name'>} instead\n   */\n  icon?: IconNameProp;\n  /**\n   * @deprecated use size='small' instead\n   */\n  compact?: boolean;\n  /**\n   * @deprecated use startIcon={<Icon name='arrow-left'>} or endIcon={<Icon name='arrow-right'>} instead\n   */\n  direction?: 'forward' | 'back';\n}\n\n/**\n * @deprecated use string variant\n */\nexport enum ButtonVariants {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  GHOST = 'ghost',\n  TERTIARY = 'tertiary',\n  NAVIGATION = 'navigation',\n}\n\n/**\n * @mui Button that contain props parser for the previous implementation\n */\nexport function Button({\n  children,\n  label,\n  colourScheme,\n  icon,\n  compact,\n  direction,\n  variant: rawVariant,\n  color: rawColor,\n  startIcon: rawStartIcon,\n  endIcon: rawEndIcon,\n  sx: rawSx,\n  size: rawSize,\n  ...rest\n}: ButtonProps) {\n  // process deprecated ButtonVariants into variant and color\n  const [variant, color] = useMemo<[MuiButtonProps['variant'], MuiButtonProps['color']]>(() => {\n    if (Object.values(ButtonVariants).includes(rawVariant as ButtonVariants)) {\n      return [\n        // mapper of variant\n        {\n          [ButtonVariants.PRIMARY]: 'contained',\n          [ButtonVariants.SECONDARY]: 'contained',\n          [ButtonVariants.GHOST]: 'outlined',\n          [ButtonVariants.TERTIARY]: 'text',\n          [ButtonVariants.NAVIGATION]: 'navigation',\n        }[rawVariant],\n        // mapper of color\n        rawColor ||\n          {\n            [ButtonVariants.PRIMARY]: 'primary',\n            [ButtonVariants.SECONDARY]: 'secondary',\n            [ButtonVariants.GHOST]: 'secondary',\n            [ButtonVariants.TERTIARY]: 'secondary',\n            [ButtonVariants.NAVIGATION]: 'secondary',\n          }[rawVariant],\n      ];\n    } else {\n      return [rawVariant, rawColor];\n    }\n  }, [rawVariant, rawColor]);\n  // process deprecated colourScheme\n  const sx = useMemo(() => {\n    return {\n      ...(colourScheme === ColourSheme.LIGHT_MODE ? { color: 'common.white' } : {}),\n      ...rawSx,\n    };\n  }, [colourScheme, rawSx]);\n  // process deprecated icon name\n  const iconEl = useMemo(() => {\n    if (icon) {\n      return <Icon name={icon} />;\n    } else if (variant === ButtonVariants.NAVIGATION) {\n      if (direction === 'forward') {\n        return <Icon name=\"arrow-right\" />;\n      } else {\n        return <Icon name=\"arrow-left\" />;\n      }\n    } else {\n      return null;\n    }\n  }, [icon, variant, direction]);\n  // process deprecated compact size\n  const size = useMemo(() => {\n    return rawSize || compact ? 'small' : 'medium';\n  }, [rawSize, compact]);\n\n  return (\n    <MuiButton\n      variant={variant}\n      color={color}\n      sx={sx}\n      size={size}\n      startIcon={rawStartIcon || (direction !== 'forward' && iconEl)}\n      endIcon={rawEndIcon || (direction === 'forward' && iconEl)}\n      {...rest}\n    >\n      {label || children}\n    </MuiButton>\n  );\n}\n"],"names":["ButtonVariants","Button","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"+QAmCYA,EAWN,SAAUC,EAAOC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EAAYC,KACZA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,GAA8D,IACjFC,OAAOC,OAAOzB,GAAgB0B,SAAShB,GAClC,CAEL,CACE,CAACV,EAAe2B,SAAU,YAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,WACxB,CAAC7B,EAAe8B,UAAW,OAC3B,CAAC9B,EAAe+B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACZ,EAAe2B,SAAU,UAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,YACxB,CAAC7B,EAAe8B,UAAW,YAC3B,CAAC9B,EAAe+B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,GAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAE,GACzEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,GAAQ,IACjBjB,EACK8B,EAACC,EAAI,CAACC,KAAMhC,IACVG,IAAYT,EAAe+B,WAE3BK,EAACC,EADQ,YAAd7B,EACU,CAAC8B,KAAK,eAEN,CAACA,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,GAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAACG,EAASf,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB,EA3FA,SAAYH,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ButtonProps as MuiButtonProps, Button as MuiButton } from '@mui/material';\nimport { Icon, IconNameProp } from '@/src/components/icon';\nimport { ColourSheme } from '@/src/utils/enum';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n  /**\n   * @deprecated use children instead\n   */\n  label?: string;\n  /**\n   * Visual variant of button\n   */\n  variant?: MuiButtonProps['variant'] | ButtonVariants;\n  /**\n   * @deprecated use sx={{ color: 'common.white' }} instead\n   */\n  colourScheme?: ColourSheme;\n  /**\n   * @deprecated use startIcon={<Icon name='icon_name'>} instead\n   */\n  icon?: IconNameProp;\n  /**\n   * @deprecated use size='small' instead\n   */\n  compact?: boolean;\n  /**\n   * @deprecated use startIcon={<Icon name='arrow-left'>} or endIcon={<Icon name='arrow-right'>} instead\n   */\n  direction?: 'forward' | 'back';\n}\n\n/**\n * @deprecated use string variant\n */\nexport enum ButtonVariants {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  GHOST = 'ghost',\n  TERTIARY = 'tertiary',\n  NAVIGATION = 'navigation',\n}\n\n/**\n * @mui Button that contain props parser for the previous implementation\n */\nexport function Button({\n  children,\n  label,\n  colourScheme,\n  icon,\n  compact,\n  direction,\n  variant: rawVariant,\n  color: rawColor,\n  startIcon: rawStartIcon,\n  endIcon: rawEndIcon,\n  sx: rawSx,\n  size: rawSize,\n  ...rest\n}: ButtonProps) {\n  // process deprecated ButtonVariants into variant and color\n  const [variant, color] = useMemo<[MuiButtonProps['variant'], MuiButtonProps['color']]>(() => {\n    if (Object.values(ButtonVariants).includes(rawVariant as ButtonVariants)) {\n      return [\n        // mapper of variant\n        {\n          [ButtonVariants.PRIMARY]: 'contained',\n          [ButtonVariants.SECONDARY]: 'contained',\n          [ButtonVariants.GHOST]: 'outlined',\n          [ButtonVariants.TERTIARY]: 'text',\n          [ButtonVariants.NAVIGATION]: 'navigation',\n        }[rawVariant],\n        // mapper of color\n        rawColor ||\n          {\n            [ButtonVariants.PRIMARY]: 'primary',\n            [ButtonVariants.SECONDARY]: 'secondary',\n            [ButtonVariants.GHOST]: 'secondary',\n            [ButtonVariants.TERTIARY]: 'secondary',\n            [ButtonVariants.NAVIGATION]: 'secondary',\n          }[rawVariant],\n      ];\n    } else {\n      return [rawVariant, rawColor];\n    }\n  }, [rawVariant, rawColor]);\n  // process deprecated colourScheme\n  const sx = useMemo(() => {\n    return {\n      ...(colourScheme === ColourSheme.LIGHT_MODE ? { color: 'common.white' } : {}),\n      ...rawSx,\n    };\n  }, [colourScheme, rawSx]);\n  // process deprecated icon name\n  const iconEl = useMemo(() => {\n    if (icon) {\n      return <Icon name={icon} />;\n    } else if (variant === ButtonVariants.NAVIGATION) {\n      if (direction === 'forward') {\n        return <Icon name=\"arrow-right\" />;\n      } else {\n        return <Icon name=\"arrow-left\" />;\n      }\n    } else {\n      return null;\n    }\n  }, [icon, variant, direction]);\n  // process deprecated compact size\n  const size = useMemo(() => {\n    return rawSize || compact ? 'small' : 'medium';\n  }, [rawSize, compact]);\n\n  return (\n    <MuiButton\n      variant={variant}\n      color={color}\n      sx={sx}\n      size={size}\n      startIcon={rawStartIcon || (direction !== 'forward' && iconEl)}\n      endIcon={rawEndIcon || (direction === 'forward' && iconEl)}\n      {...rest}\n    >\n      {label || children}\n    </MuiButton>\n  );\n}\n"],"names":["ButtonVariants","Button","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"289BAmCYA,EAWN,SAAUC,EAAOC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EAAYC,KACZA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,GAA8D,IACjFC,OAAOC,OAAOzB,GAAgB0B,SAAShB,GAClC,CAEL,CACE,CAACV,EAAe2B,SAAU,YAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,WACxB,CAAC7B,EAAe8B,UAAW,OAC3B,CAAC9B,EAAe+B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACZ,EAAe2B,SAAU,UAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,YACxB,CAAC7B,EAAe8B,UAAW,YAC3B,CAAC9B,EAAe+B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,GAAQ,IACjBC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EACM3B,IAAiB4B,EAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAA,GACvEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,GAAQ,IACjBjB,EACK8B,EAACC,EAAI,CAACC,KAAMhC,IACVG,IAAYT,EAAe+B,WAE3BK,EAACC,EADQ,YAAd7B,EACU,CAAC8B,KAAK,eAEN,CAACA,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,GAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAACG,EAASf,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB,EA3FA,SAAYH,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAND,CAAYA,IAAAA,EAAc,CAAA"}

package/components/bypassBlock/bypassBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"bypassBlock.js","sources":["../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ButtonBase, ButtonBaseProps, PortalProps, useTheme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BypassBlockProps extends ButtonBaseProps<'a'> {\n  /**\n   * Button label, e.g. 'Skip to content'\n   */\n  children: ReactNode;\n  /**\n   * ID of content section, e.g. '#content'\n   * @default '#'\n   */\n  href: string;\n  /**\n   * Prevent push of new link into history stack\n   * @default false\n   */\n  replace?: boolean;\n  /**\n   * Programmatically control if button should be visible\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * props applied to portal moving the button at the top\n   */\n  portalProps?: PortalProps;\n}\n\n/**\n * Accessibility button to quickly scroll into the content area.\n *  - first focusable element on the page\n *  - only visible when focused\n */\nexport const BypassBlock: React.FC<BypassBlockProps> = forwardRef(\n  ({ children, className, href = '#', sx, replace = false, active = false, onClick, portalProps, ...rest }, ref) => {\n    const theme = useTheme();\n\n    return (\n      <PrependPortal disablePortal={true} {...portalProps}>\n        <ButtonBase\n          tabIndex={0}\n          component=\"a\"\n          href={href}\n          onClick={(e) => {\n            onClick?.(e);\n            if (replace) {\n              // prevent push of # into url\n              e.preventDefault();\n              // use js to scroll into element\n              document?.getElementById(href?.replace('#', ''))?.scrollIntoView(true);\n            }\n          }}\n          className={active ? [`Mui-focusVisible`, className].filter(Boolean).join(' ') : className}\n          sx={{\n            position: 'absolute',\n            zIndex: `${theme.zIndex.tooltip + 100}`,\n            top: '10px',\n            // hidden by default, still have to be at least 1px for the Safari focus\n            width: '1px',\n            height: '1px',\n            margin: '-1px',\n            clip: 'rect(0 0 0 0)',\n            overflow: 'hidden',\n            padding: '0',\n            border: 'none',\n            whiteSpace: 'nowrap',\n            // style\n            backgroundColor: 'onSurface.os900',\n            color: 'onSurface.os0',\n            borderRadius: '4px',\n            ...theme.typography.body,\n            // focus\n            '&.Mui-focusVisible': {\n              ...getFocusRingStyle(theme, false),\n              padding: '8px 24px',\n              width: 'auto',\n              height: 'auto',\n              overflow: 'visible',\n              clip: 'unset',\n              margin: '0',\n              left: '10px',\n            },\n            ...sx,\n          }}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </ButtonBase>\n      </PrependPortal>\n    );\n  },\n);\n\n/**\n * Portal component that create extra div prepended instead of appended to the container.\n * This way element can be placed at the begging of container instead of at the end.\n */\nfunction PrependPortal({ children, container, disablePortal }: PortalProps) {\n  const [portalContainer] = useState(() => document?.createElement('div'));\n\n  useEffect(() => {\n    // obtain proper container for placement (default body tag)\n    const body = (typeof container === 'function' ? container() : container) || document?.body;\n\n    // prepend (add into begging) extra div into body\n    body && portalContainer && !disablePortal && body.prepend(portalContainer);\n    return () => {\n      // remove div with unmount\n      body && portalContainer && !disablePortal && body.removeChild(portalContainer);\n    };\n  }, []);\n\n  // utilize createPortal to place children into container at the begging of body\n  return portalContainer && !disablePortal ? createPortal(children, portalContainer) : children;\n}\n"],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"uSAoCa,MAAAA,EAA0CC,GACrD,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAjGC,EAAAX,EAAA,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,IAEd,OACEC,EAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,iBACCC,SAAU,EACVC,UAAU,IACVjB,KAAMA,EACNI,QAAUc,UACRd,SAAAA,EAAUc,GACNhB,IAEFgB,EAAEC,iBAE8C,QAAhDvB,EAAA,OAAAwB,eAAA,IAAAA,cAAA,EAAAA,SAAUC,eAAerB,aAAA,EAAAA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE0B,gBAAe,KAGrEvB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWwB,OAAOC,SAASC,KAAK,KAAO1B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAa,SAAU,WACVC,OAAQ,GAAGnB,EAAMmB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXhC,EAAMiC,WAAWC,MAAI,CAExB,qBAAoB9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf8B,EAAkBnC,GAAO,IAC5B,CAAA2B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL3C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQ+C,UAAEA,EAAS/B,cAAEA,IAC5C,MAAOgC,GAAmBC,GAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,GAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBhC,GAAiB4B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBhC,GAAiB4B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBhC,EAAgBsC,EAAatD,EAAUgD,GAAmBhD,CACvF"}
+{"version":3,"file":"bypassBlock.js","sources":["../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ButtonBase, ButtonBaseProps, PortalProps, useTheme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BypassBlockProps extends ButtonBaseProps<'a'> {\n  /**\n   * Button label, e.g. 'Skip to content'\n   */\n  children: ReactNode;\n  /**\n   * ID of content section, e.g. '#content'\n   * @default '#'\n   */\n  href: string;\n  /**\n   * Prevent push of new link into history stack\n   * @default false\n   */\n  replace?: boolean;\n  /**\n   * Programmatically control if button should be visible\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * props applied to portal moving the button at the top\n   */\n  portalProps?: PortalProps;\n}\n\n/**\n * Accessibility button to quickly scroll into the content area.\n *  - first focusable element on the page\n *  - only visible when focused\n */\nexport const BypassBlock: React.FC<BypassBlockProps> = forwardRef(\n  ({ children, className, href = '#', sx, replace = false, active = false, onClick, portalProps, ...rest }, ref) => {\n    const theme = useTheme();\n\n    return (\n      <PrependPortal disablePortal={true} {...portalProps}>\n        <ButtonBase\n          tabIndex={0}\n          component=\"a\"\n          href={href}\n          onClick={(e) => {\n            onClick?.(e);\n            if (replace) {\n              // prevent push of # into url\n              e.preventDefault();\n              // use js to scroll into element\n              document?.getElementById(href?.replace('#', ''))?.scrollIntoView(true);\n            }\n          }}\n          className={active ? [`Mui-focusVisible`, className].filter(Boolean).join(' ') : className}\n          sx={{\n            position: 'absolute',\n            zIndex: `${theme.zIndex.tooltip + 100}`,\n            top: '10px',\n            // hidden by default, still have to be at least 1px for the Safari focus\n            width: '1px',\n            height: '1px',\n            margin: '-1px',\n            clip: 'rect(0 0 0 0)',\n            overflow: 'hidden',\n            padding: '0',\n            border: 'none',\n            whiteSpace: 'nowrap',\n            // style\n            backgroundColor: 'onSurface.os900',\n            color: 'onSurface.os0',\n            borderRadius: '4px',\n            ...theme.typography.body,\n            // focus\n            '&.Mui-focusVisible': {\n              ...getFocusRingStyle(theme, false),\n              padding: '8px 24px',\n              width: 'auto',\n              height: 'auto',\n              overflow: 'visible',\n              clip: 'unset',\n              margin: '0',\n              left: '10px',\n            },\n            ...sx,\n          }}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </ButtonBase>\n      </PrependPortal>\n    );\n  },\n);\n\n/**\n * Portal component that create extra div prepended instead of appended to the container.\n * This way element can be placed at the begging of container instead of at the end.\n */\nfunction PrependPortal({ children, container, disablePortal }: PortalProps) {\n  const [portalContainer] = useState(() => document?.createElement('div'));\n\n  useEffect(() => {\n    // obtain proper container for placement (default body tag)\n    const body = (typeof container === 'function' ? container() : container) || document?.body;\n\n    // prepend (add into begging) extra div into body\n    body && portalContainer && !disablePortal && body.prepend(portalContainer);\n    return () => {\n      // remove div with unmount\n      body && portalContainer && !disablePortal && body.removeChild(portalContainer);\n    };\n  }, []);\n\n  // utilize createPortal to place children into container at the begging of body\n  return portalContainer && !disablePortal ? createPortal(children, portalContainer) : children;\n}\n"],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"uSAoCO,MAAMA,EAA0CC,GACrD,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAIC,EAAAX,EAArG,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,IAEd,OACEC,EAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,iBACCC,SAAU,EACVC,UAAU,IACVjB,KAAMA,EACNI,QAAUc,UACRd,SAAAA,EAAUc,GACNhB,IAEFgB,EAAEC,iBAE8C,QAAhDvB,EAAQ,OAARwB,eAAQ,IAARA,cAAQ,EAARA,SAAUC,eAAerB,aAAI,EAAJA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE0B,gBAAe,GACnE,EAEFvB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWwB,OAAOC,SAASC,KAAK,KAAO1B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAa,SAAU,WACVC,OAAQ,GAAGnB,EAAMmB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXhC,EAAMiC,WAAWC,MAAI,CAExB,qBAAoB9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf8B,EAAkBnC,GAAO,IAAM,CAClC2B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL3C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQ+C,UAAEA,EAAS/B,cAAEA,IAC5C,MAAOgC,GAAmBC,GAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,GAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBhC,GAAiB4B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBhC,GAAiB4B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBhC,EAAgBsC,EAAatD,EAAUgD,GAAmBhD,CACvF"}

package/components/cardContainer/cardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { ternaryCondition } from '../../utils/utilities';\nimport { styled } from '@mui/material';\n\n/**\n * @interface CardContainerProps\n * @description Base definition of SkodaFlow CardContainer independent on core implementation.\n * Properties are inherited from HTML Div element.\n */\nexport interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Control the clicked state. The state can be controlled from outside if isClickable is true.\n   */\n  isClicked?: boolean;\n  /**\n   * If true the container can be clicked.\n   */\n  isClickable?: boolean;\n  /**\n   * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.\n   */\n  onClickCallback?: (state: boolean) => void;\n  /**\n   * If true, enable grey background variant\n   */\n  isGreyVariant?: boolean;\n  /**\n   * padding for cardContainer. Default 0\n   */\n  padding?: string;\n}\n\n/** @deprecated use Card component instead */\nexport const CardContainer = forwardRef<HTMLDivElement, CardContainerProps>(\n  (\n    {\n      children,\n      isClickable,\n      onClickCallback,\n      isClicked: isClickedFromOutsideState,\n      padding = '10px',\n      isGreyVariant = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isClicked, setIsClicked] = useState(false);\n\n    useEffect(() => {\n      if (!isClickable) return;\n      setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n\n    const isClickedHandler = useCallback(() => {\n      if (!isClickable) return;\n\n      setIsClicked((curr) => {\n        onClickCallback && onClickCallback(!curr);\n        return !curr;\n      });\n    }, [isClickable, onClickCallback]);\n\n    return (\n      <StyledCardContainer\n        style={{ padding: padding }}\n        {...props}\n        ref={ref}\n        onClick={isClickedHandler}\n        isClicked={isClicked}\n        isClickable={isClickable}\n        isGreyVariant={isGreyVariant}\n        data-state={isClicked ? 'clicked' : 'idle'}\n        data-testid=\"CardContainer\"\n      >\n        <div>{children}</div>\n      </StyledCardContainer>\n    );\n  },\n);\n\nconst StyledCardContainer = styled('div')<{\n  isClicked?: boolean;\n  isClickable?: boolean;\n  isGreyVariant?: boolean;\n}>(({ theme, ...args }) => {\n  const defaultBoxShadow = `inset 0 0 0 1px ${theme.palette.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n\n  const stylesBasedOnClick = args.isClicked\n    ? {\n        boxShadow: `inset 0 0 0 1px ${theme.palette.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        '&:hover': {\n          boxShadow: `inset 0 0 0 1px ${theme.palette.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        },\n      }\n    : { boxShadow: defaultBoxShadow };\n  const stylesBasedOnIsClickable = args.isClickable\n    ? { cursor: 'pointer', ...stylesBasedOnClick }\n    : { boxShadow: defaultBoxShadow };\n\n  let styles = {};\n  styles = {\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    borderRadius: '8px',\n    background: ternaryCondition(\n      args.isGreyVariant,\n      true,\n      theme.palette.surface.primary,\n      theme.palette.surface.tertiary,\n    ),\n    '&:hover': {\n      border: '',\n      boxShadow: `inset 0 0 0 1px ${theme.palette.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n    },\n    ...stylesBasedOnIsClickable,\n  };\n\n  return styles;\n});\n"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","theme","args","defaultBoxShadow","palette","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"2PAkCa,MAAAA,EAAgBC,GAC3B,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,GAAS,GAE3CC,GAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,GAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,kBAAMf,MACc,IAKtBgB,EAAsBK,EAAO,MAAPA,EAIxBvB,IAAA,IAAAwB,MAAEA,GAAgBxB,EAANyB,EAAIf,EAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBF,EAAMG,QAAQC,QAAQC,6CAE5DC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBP,EAAMG,QAAQK,MAAMC,2CAClD,UAAW,CACTF,UAAW,mBAAmBP,EAAMG,QAAQO,WAAWD,6CAG3D,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAE,EAkBf,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EACVjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE,CAAM"}
+{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { ternaryCondition } from '../../utils/utilities';\nimport { styled } from '@mui/material';\n\n/**\n * @interface CardContainerProps\n * @description Base definition of SkodaFlow CardContainer independent on core implementation.\n * Properties are inherited from HTML Div element.\n */\nexport interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Control the clicked state. The state can be controlled from outside if isClickable is true.\n   */\n  isClicked?: boolean;\n  /**\n   * If true the container can be clicked.\n   */\n  isClickable?: boolean;\n  /**\n   * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.\n   */\n  onClickCallback?: (state: boolean) => void;\n  /**\n   * If true, enable grey background variant\n   */\n  isGreyVariant?: boolean;\n  /**\n   * padding for cardContainer. Default 0\n   */\n  padding?: string;\n}\n\n/** @deprecated use Card component instead */\nexport const CardContainer = forwardRef<HTMLDivElement, CardContainerProps>(\n  (\n    {\n      children,\n      isClickable,\n      onClickCallback,\n      isClicked: isClickedFromOutsideState,\n      padding = '10px',\n      isGreyVariant = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isClicked, setIsClicked] = useState(false);\n\n    useEffect(() => {\n      if (!isClickable) return;\n      setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n\n    const isClickedHandler = useCallback(() => {\n      if (!isClickable) return;\n\n      setIsClicked((curr) => {\n        onClickCallback && onClickCallback(!curr);\n        return !curr;\n      });\n    }, [isClickable, onClickCallback]);\n\n    return (\n      <StyledCardContainer\n        style={{ padding: padding }}\n        {...props}\n        ref={ref}\n        onClick={isClickedHandler}\n        isClicked={isClicked}\n        isClickable={isClickable}\n        isGreyVariant={isGreyVariant}\n        data-state={isClicked ? 'clicked' : 'idle'}\n        data-testid=\"CardContainer\"\n      >\n        <div>{children}</div>\n      </StyledCardContainer>\n    );\n  },\n);\n\nconst StyledCardContainer = styled('div')<{\n  isClicked?: boolean;\n  isClickable?: boolean;\n  isGreyVariant?: boolean;\n}>(({ theme, ...args }) => {\n  const defaultBoxShadow = `inset 0 0 0 1px ${theme.palette.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n\n  const stylesBasedOnClick = args.isClicked\n    ? {\n        boxShadow: `inset 0 0 0 1px ${theme.palette.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        '&:hover': {\n          boxShadow: `inset 0 0 0 1px ${theme.palette.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        },\n      }\n    : { boxShadow: defaultBoxShadow };\n  const stylesBasedOnIsClickable = args.isClickable\n    ? { cursor: 'pointer', ...stylesBasedOnClick }\n    : { boxShadow: defaultBoxShadow };\n\n  let styles = {};\n  styles = {\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    borderRadius: '8px',\n    background: ternaryCondition(\n      args.isGreyVariant,\n      true,\n      theme.palette.surface.primary,\n      theme.palette.surface.tertiary,\n    ),\n    '&:hover': {\n      border: '',\n      boxShadow: `inset 0 0 0 1px ${theme.palette.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n    },\n    ...stylesBasedOnIsClickable,\n  };\n\n  return styles;\n});\n"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","theme","args","defaultBoxShadow","palette","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"2PAkCO,MAAMA,EAAgBC,GAC3B,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAAKC,EAAAV,EAPV,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,GAAS,GAE3CC,GAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,GAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EAAa,aAChBH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,kBAAMf,MACc,IAKtBgB,EAAsBK,EAAO,MAAPA,EAIxBvB,IAAA,IAAAwB,MAAEA,GAAKxB,EAAKyB,EAAIf,EAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBF,EAAMG,QAAQC,QAAQC,6CAE5DC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBP,EAAMG,QAAQK,MAAMC,2CAClD,UAAW,CACTF,UAAW,mBAAmBP,EAAMG,QAAQO,WAAWD,6CAG3D,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YACnCgB,OAAAC,OAAA,CAAGgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAA,EAkBb,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EACVjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE,CAAM"}