@skodaflow/web-library 7.14.0 → 7.15.1

package/cjs/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iHA0Fa,MAAAA,EAAYC,EAAUA,YACjC,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,WAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAE,EACtB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,kBAGvCR,GAAY,IAAMG,QArBM,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,QAYtD,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,aAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,KAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAAAA,IAACO,EAAgBA,iBAAA,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,MAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}
+{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iHA0FO,MAAMA,EAAYC,EAAAA,YACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAAmBP,EAChBQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,WAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACvC,CAEAR,GAAY,IAAMG,GACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,CASA,GACC,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,aAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,EAK3B,GAEF,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAI,EAAJA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UAAYP,OAAAC,OAAA,CACXd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GAAM,cACjB,kBACRnB,EAAK,CAAA2B,SAAA,CAETF,EAAAA,IAACO,EAAAA,iBAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YAAe,cACV,oBAAmBQ,SAE9Bb,EAAKmB,QAERR,EAAAA,IAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}

package/cjs/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"4GAyB4CA,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAgBN,EAANO,EAAIC,EAAAA,OAAAR,EAArD,qDAC1C,MAAMS,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,MAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAE,GAAC,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"4GAyB4CA,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAKN,EAAKO,EAAIC,EAAAA,OAAAR,EAArD,qDAC1C,MAAMS,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,MAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAA,GAAG,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}

package/cjs/components/alert/AlertButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '@mui/material';
-export interface AlertButtonProps extends Omit<ButtonProps, 'variant' | 'color' | 'size'> {
+export interface AlertButtonProps extends ButtonProps {
 }
 /**
  * AlertButton is a proxy component to <Button variant="text" color="white" size="small" />

package/cjs/components/alert/AlertButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef(((r,i)=>e.jsx(t.Button,Object.assign({},r,{ref:i,variant:"text",color:"white",size:"small"}))));exports.AlertButton=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef(((r,i)=>e.jsx(t.Button,Object.assign({ref:i,variant:"text",color:"white",size:"small"},r))));exports.AlertButton=i;
 //# sourceMappingURL=AlertButton.js.map

package/cjs/components/alert/AlertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertButton.js","sources":["../../../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'variant' | 'color' | 'size'> {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"text\" color=\"white\" size=\"small\" />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQa,MAAAA,EAA0CC,EAAUA,YAAC,CAACC,EAAOC,IACjEC,EAAAA,IAACC,EAAAA,OAAWC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK"}
+{"version":3,"file":"AlertButton.js","sources":["../../../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends ButtonProps {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"white\" size=\"small\" {...props} />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA0CC,EAAAA,YAAW,CAACC,EAAOC,IACjEC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK,SAAYR"}

package/cjs/components/alert/AlertNotificationButton.d.ts

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

package/cjs/components/alert/AlertNotificationButton.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const i=e.forwardRef(((e,i)=>r.jsx(t.Button,Object.assign({ref:i,variant:"text",color:"secondary",size:"small"},e))));exports.AlertNotificationButton=i;
+//# sourceMappingURL=AlertNotificationButton.js.map

package/cjs/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":"8FAQO,MAAMA,EAAkEC,EAAAA,YAAW,CAACC,EAAOC,IACzFC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}

package/cjs/components/alert/index.d.ts

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

package/cjs/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":"yJA8Ca,MAAAA,EAAWC,EAAUA,YAAgC,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAAA,UAW/D,OAJAC,EAAAA,WAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,MAACC,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,EAAMA,OAACC,WAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAgBrB,EAC3E,OADyEK,EAAAA,OAAAL,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":"yJA8CO,MAAMA,EAAWC,EAAAA,YAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAAA,UAW/D,OAJAC,EAAAA,WAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,MAACC,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,EAAAA,OAAOC,WAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,OADyEK,EAAAA,OAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}

package/cjs/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/cjs/components/banner/BannerButton.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const a=e.forwardRef(((e,a)=>r.jsx(t.Button,Object.assign({ref:a,variant:"outlined",color:"secondary",size:"small"},e))));exports.BannerButton=a;
+//# sourceMappingURL=BannerButton.js.map

package/cjs/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":"8FAQO,MAAMA,EAA4CC,EAAAA,YAAW,CAACC,EAAOC,IACnEC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,WAAWC,MAAM,YAAYC,KAAK,SAAYR"}

package/cjs/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/cjs/components/banner/BannerDismissButton.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const s=e.forwardRef(((e,s)=>r.jsx(t.Button,Object.assign({ref:s,variant:"text",color:"secondary",size:"small"},e))));exports.BannerDismissButton=s;
+//# sourceMappingURL=BannerDismissButton.js.map

package/cjs/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":"8FAQO,MAAMA,EAA0DC,EAAAA,YAAW,CAACC,EAAOC,IACjFC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}

package/cjs/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/cjs/components/banner/banner.js

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

package/cjs/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","jsxs","flexGrow","_jsx","jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"+TA+Ca,MAAAA,EAAgCC,EAAUA,YACrD,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,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,GAAa,IAAzCD,GAAIa,KAAWC,EAAjBL,EAAAA,OAAAG,EAAA,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DH,GAAIgB,KAAiBC,EAAvBR,EAAAA,OAAAM,EAAA,CAAA,OACAG,EAAoCd,GAAgB,IAAlDJ,GAAImB,KAAcC,EAApBX,EAAAA,OAAAS,EAAA,CAAA,OACAG,EAAkDf,GAAuB,IAAvEN,GAAIsB,KAAqBC,EAA3Bd,EAAAA,OAAAY,EAAA,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAOA,SAAC,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,kCAEtC,CAAChC,IACEiC,EAAa7B,GAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IACaC,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,EAAiBA,kBAAC3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACsB,KAAArB,MACaC,OAAAC,OAAA,CAAA,cAAA,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAoB,SAAU,IACVlB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAEJ,CAAAvB,SAAA,CAAA2D,EAAAC,IAAC1B,EACaG,OAAAC,OAAA,CAAA,cAAA,cACZnC,GACEkC,OAAAC,OAAA,CAAAuB,MAAOlC,GACJX,IAEDC,IAEN0C,MAACG,EAAAA,WAAUzB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAuB,MAAO,eACPH,SAAU,IAEVK,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf7C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCmD,MAACvB,EAAGA,IAAAC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GACEkC,OAAAC,OAAA,CAAAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELiB,WAAY,IAEZC,GAAI,CAAExB,GAAI,EAAGC,GAAI,GAEjBwB,UAAW,YACR3C,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":"+TA+CO,MAAMA,EAAgCC,EAAAA,YAC3C,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,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,QAAAA,EAAa,IAAzCD,GAAIa,GAAMD,EAAKE,EAAQL,EAAAA,OAAAG,EAAzB,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DH,GAAIgB,GAAYD,EAAKE,EAAcR,EAAAA,OAAAM,EAArC,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDJ,GAAImB,GAASD,EAAKE,EAAWX,EAAAA,OAAAS,EAA/B,CAAA,OACAG,EAAkDf,QAAAA,EAAuB,IAAvEN,GAAIsB,GAAgBD,EAAKE,EAAkBd,EAAAA,OAAAY,EAA7C,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAAA,SAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,kCAEtC,CAAChC,IACEiC,EAAa7B,QAAAA,EAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IAAGC,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,EAAAA,kBAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAAAA,KAACC,MAAGC,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,EAAAA,IAACxB,EAAUG,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAOhC,GACJX,IAEDC,IAENyC,MAACE,EAAAA,WAAUvB,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,EAAAA,IAACtB,EAAAA,IAAGC,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/cjs/components/banner/index.d.ts

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

package/cjs/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/cjs/components/bottomSheet/bottomSheet.js

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

package/cjs/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","jsxs","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","pb","jsx","Typography","variant","component","IconButton","size","onClick","mr","overflow","borderTop","borderBottom","borderColor","p"],"mappings":"gOAiFa,MAAAA,EAA0CC,EAAUA,YAC/D,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,EAAAA,OAAApB,EAlBT,qPAsBA,MAAMqB,EAAkCP,GAAiB,IAAjDQ,GAAIC,KAAaC,EAAnBJ,EAAAA,OAAAC,EAAA,CAAA,OACAI,EAA8CV,GAAgB,IAA5DO,GAAII,KAAmBC,EAAzBP,EAAAA,OAAAK,EAAA,CAAA,OACAG,EAAgCf,GAAc,IAA5CS,GAAIO,KAAYC,EAAlBV,EAAAA,OAAAQ,EAAA,CAAA,OACAG,EAA4CvB,GAAoB,IAA9Dc,GAAIU,KAAkBC,EAAxBb,EAAAA,OAAAW,EAAA,CAAA,OACAG,EAAoClB,GAAkB,IAApDM,GAAIa,KAAcC,EAApBhB,EAAAA,OAAAc,EAAA,CAAA,OACAG,EAAkCpB,GAAiB,IAAjDK,GAAIgB,KAAaC,EAAnBnB,EAAAA,OAAAiB,EAAA,CAAA,OACAG,EAAQC,EAAAA,WACRC,EAA6BhC,GAA4BiC,EAASA,WAElEC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,OAACC,EAAAA,+BACCC,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,KAAAC,MAAIN,OAAAC,OAAA,CAAArC,kBAAM2C,GAAI,GAAM1C,iBAAwB,sBAAyBC,EAAU,CAAAtB,SAAA,CAC7EI,GACC4D,MAACF,MAAG,CACF1C,GAAI,CACF6C,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACbrE,SAEDgE,EAAAA,IAACF,EAAAA,IAAG,CAAA,cACU,qBACZ1C,GAAI,CACFkD,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,EACJC,GAAI,GACJC,aAAc,YAKpBjE,GAAUL,IAAgBD,IAC1ByC,EAAAA,KAACiB,EAAGA,IACFN,OAAAC,OAAA,CAAArC,GACEoC,OAAAC,OAAA,CAAAS,QAAS,OACTE,eAAgB1D,EAAQ,gBAAkB,WAC1CkE,IAAK,EACLC,GAAInC,GAAgBtC,EAAS,EAAI,EACjC0E,GAAIpC,EAAe,EAAI,GACpBlB,IAEDC,EAAgB,CAAAzB,SAAA,CAEnBU,GACCsD,EAAAe,IAACC,aAAUxB,OAAAC,OAAA,CAAA,cACG,oBACZwB,QAAQ,KACRC,UAAU,KACV9D,GAAEoC,OAAAC,OAAA,CACAgB,GAAIrE,EAAS,EAAI,GACduB,IAEDC,EAAS,CAAA5B,SAEZU,KAGJL,IAAgBD,GACf4D,EAAAA,IAACmB,EAAAA,WACa3B,OAAAC,OAAA,CAAA,cAAA,0BACZ2B,KAAK,SACLC,QAAS,IAAMnF,GAAQ,GAAM,aAClB,qBACXkB,GAAEoC,OAAAC,OAAA,CACAgB,GAAI,MACJa,GAAI,QACDxD,IAEDC,EAAe,CAAA/B,SAEnBgE,EAAAA,IAACxB,EAA+BgB,OAAAC,OAAA,GAAAlD,eAO5CyD,EAAAA,IAACF,EAAGA,IACUN,OAAAC,OAAA,CAAA,cAAA,sBACZ1D,IAAK4C,EACLvB,GACEoC,OAAAC,OAAA,CAAA8B,SAAU,OACVC,UAAW9C,EAAe,EAAI,EAC9B+C,aAAc/C,GAAgBjC,EAAa,EAAI,EAC/CiF,YAAa,oBACbC,EAAG,GACA1D,IAEDC,EAAW,CAAAlC,SAEdA,KAEFS,GACCuD,MAACF,EAAAA,IACaN,OAAAC,OAAA,CAAA,cAAA,qBACZrC,GACEoC,OAAAC,OAAA,CAAAM,GAAI,EACJc,GAAI,EACJC,GAAI,GACD1C,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":"uQA0FO,MAAMA,EAA0CC,EAAAA,YACrD,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,SAAAtB,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,EAAAA,OAAAC,EAA7B,CAAA,OACAI,EAA8CV,QAAAA,EAAgB,IAA5DO,GAAII,GAAcD,EAAKE,EAAgBP,EAAAA,OAAAK,EAAzC,CAAA,OACAG,EAAgCf,QAAAA,EAAc,IAA5CS,GAAIO,GAAOD,EAAKE,EAASV,EAAAA,OAAAQ,EAA3B,CAAA,OACAG,EAAgD1B,QAAAA,EAAsB,IAApEiB,GAAIU,GAAeD,EAAKE,EAAiBb,EAAAA,OAAAW,EAA3C,CAAA,OACAG,EAAkC5B,QAAAA,EAAe,IAA/CgB,GAAIa,GAAQD,EAAKE,EAAUhB,EAAAA,OAAAc,EAA7B,CAAA,OACAG,EAA4C7B,QAAAA,EAAoB,IAA9Dc,GAAIgB,GAAaD,EAAKE,EAAenB,EAAAA,OAAAiB,EAAvC,CAAA,OACAG,EAAoCxB,QAAAA,EAAkB,IAApDM,GAAImB,GAASD,EAAKE,EAAWtB,EAAAA,OAAAoB,EAA/B,CAAA,OACAG,EAAkC1B,QAAAA,EAAiB,IAAjDK,GAAIsB,GAAQD,EAAKE,EAAUzB,EAAAA,OAAAuB,EAA7B,CAAA,OACAG,EAAQC,EAAAA,WACRC,GAA6BtC,GAA4BuC,EAAAA,WAEzDC,aAAEA,GAAYC,WAAEA,IAAeC,EAAAA,qBAAqB,KAE1D,OACEC,OAACC,EAAAA,+BACCC,IAAKT,EAAMU,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,OAACiB,EAAAA,IAAGN,OAAAC,OAAA,CAAC3C,GAAE0C,OAAAC,OAAA,CAAIM,GAAI,GAAMhD,GAAQ,cAAgB,sBAAyBC,aACnEpB,GACCoE,EAAAA,IAACF,EAAAA,mBACChD,GAAE0C,OAAAC,OAAA,CACAQ,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACT7C,IAEDC,EAAiB,CAAAjC,SAErBwE,EAAAA,IAACF,EAAAA,IAAGN,OAAAC,OAAA,CAAA,cACU,qBACZ3C,kBACEwD,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,EACJC,GAAI,IACJC,aAAc,OACXhD,IAEDC,QAIRxB,GAAUL,IAAgBH,IAC1BiD,EAAAA,KAACiB,EAAAA,IAAGN,OAAAC,OAAA,CACF3C,kBACEoD,QAAS,OACTE,eAAgBhE,EAAQ,gBAAkB,WAC1CiE,WAAY,aACZO,IAAK,EACLC,GAAInC,IAAgB9C,EAAS,EAAI,GAC9BsB,IAEDC,aAEHf,GACC4D,EAAAA,IAACc,EAAAA,wCACa,oBACZC,QAAQ,KACRC,UAAU,KACVlE,GAAE0C,OAAAC,OAAA,CACAgB,GAAI7E,EAAS,EAAI,EACjB8E,GAAIhC,GAAe,EAAI,GACpBrB,IAEDC,EAAS,CAAA9B,SAEZY,KAGJL,IAAgBH,GACfoE,EAAAA,IAACiB,EAAAA,WAAUzB,OAAAC,OAAA,CAAA,cACG,0BACZyB,KAAK,SACLC,QAAS,IAAMzF,GAAQ,GAAM,aAClB,qBACXoB,kBACEsE,GAAI,MACJC,GAAI,QACDvD,IAEDC,EAAe,CAAAvC,SAEnBwE,EAAAA,IAACxB,GAA0BgB,OAAAC,OAAA,CAAA,EAAKxD,eAO5C+D,MAACF,EAAAA,IAAGN,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,EAAAA,sBAAsBtD,GAAO,KAEvCL,IAEDC,EAAW,CAAA1C,SAEdA,KAEFW,GACC6D,EAAAA,IAACF,EAAAA,IAAGN,OAAAC,OAAA,CAAA,cACU,qBACZ3C,kBACEiD,GAAI,EACJc,GAAI,EACJgB,GAAI,GACDzD,IAEDC,EAAU,CAAA7C,SAEbW,QAGW"}

package/cjs/components/button/button.js

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

package/cjs/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","_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","Button"],"mappings":"yLAmCYA,mCAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,4BAMI,SAAiBC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EACAC,KAAAA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAAA,OAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,EAAOA,SAAuD,IACjFC,OAAOC,OAAOxB,QAAAA,gBAAgByB,SAAShB,GAClC,CAEL,CACE,CAACT,QAAAA,eAAe0B,SAAU,YAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,WACxB,CAAC5B,QAAAA,eAAe6B,UAAW,OAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACX,QAAAA,eAAe0B,SAAU,UAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,YACxB,CAAC5B,QAAAA,eAAe6B,UAAW,YAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,SAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAWA,YAACC,WAAa,CAAEvB,MAAO,gBAAmB,CAAE,GACzEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,SAAQ,IACjBjB,EACK8B,MAACC,EAAIA,KAAA,CAACC,KAAMhC,IACVG,IAAYR,QAAcA,eAAC8B,WAClB,YAAdvB,EACK4B,MAACC,EAAIA,KAAA,CAACC,KAAK,gBAEXF,MAACC,EAAIA,KAAA,CAACC,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,SAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,MAACG,EAASC,OAAAhB,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"}
+{"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","_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":"w+hCAmCYA,mCAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAAA,iBAAAA,uBAAc,CAAA,IACxB,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,4BAMI,SAAiBC,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,EAAAA,OAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,EAAAA,SAA8D,IACjFC,OAAOC,OAAOxB,QAAAA,gBAAgByB,SAAShB,GAClC,CAEL,CACE,CAACT,QAAAA,eAAe0B,SAAU,YAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,WACxB,CAAC5B,QAAAA,eAAe6B,UAAW,OAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACX,QAAAA,eAAe0B,SAAU,UAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,YACxB,CAAC5B,QAAAA,eAAe6B,UAAW,YAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,SAAQ,IACjBC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EACM3B,IAAiB4B,EAAAA,YAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAA,GACvEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,SAAQ,IACjBjB,EACK8B,EAAAA,IAACC,EAAAA,KAAI,CAACC,KAAMhC,IACVG,IAAYR,QAAAA,eAAe8B,WAClB,YAAdvB,EACK4B,EAAAA,IAACC,EAAAA,KAAI,CAACC,KAAK,gBAEXF,EAAAA,IAACC,EAAAA,KAAI,CAACC,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,SAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAAAA,IAACG,EAAAA,OAASf,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"}

package/cjs/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","jsx","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":"+KAoCa,MAAAA,EAA0CC,EAAUA,YAC/D,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAjGC,EAAAA,OAAAX,EAAA,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,IAAAC,4BACCC,SAAU,EACVC,UAAU,IACVlB,KAAMA,EACNI,QAAUe,UACRf,SAAAA,EAAUe,GACNjB,IAEFiB,EAAEC,iBAE8C,QAAhDxB,EAAA,OAAAyB,eAAA,IAAAA,cAAA,EAAAA,SAAUC,eAAetB,aAAA,EAAAA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE2B,gBAAe,KAGrExB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWyB,OAAOC,SAASC,KAAK,KAAO3B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAc,SAAU,WACVC,OAAQ,GAAGpB,EAAMoB,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,OACXjC,EAAMkC,WAAWC,MAAI,CAExB,qBAAoB/B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf+B,EAAiBA,kBAACpC,GAAO,IAC5B,CAAA4B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL5C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQgD,UAAEA,EAAShC,cAAEA,IAC5C,MAAOiC,GAAmBC,YAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,EAAAA,WAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBjC,GAAiB6B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBjC,GAAiB6B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBjC,EAAgBuC,EAAYA,aAACvD,EAAUiD,GAAmBjD,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":"+KAoCO,MAAMA,EAA0CC,EAAAA,YACrD,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAIC,EAAAA,OAAAX,EAArG,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAAAA,IAACK,4BACCC,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,EAAAA,kBAAkBnC,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,YAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,EAAAA,WAAU,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,EAAAA,aAAatD,EAAUgD,GAAmBhD,CACvF"}