@skodaflow/web-library 7.16.1 → 8.0.0

package/cjs/components/accordion/accordion.d.ts

@@ -1,77 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import { TransitionProps } from '@mui/material/transitions/transition';
-import { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
-/**
- * @interface AccordionItem
- * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.
- * 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.
- * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.
- * The property id is also the key of the every accordion component.
- */
-export interface AccordionItem {
-    id?: string;
-    title: string;
-    content: string | ReactNode;
-    isDefaultExpanded?: boolean;
-}
-/**
- * @interface AccordionProps
- * @description Base definition of SkodaFlow Accordion component independent on core implementation.
- * Properties are inherited from HTML Div element
- */
-export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * The content of the component.
-     */
-    items: Array<AccordionItem>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     * Callback fired when the expand/collapse state is changed.
-     */
-    onChange?: (panel: string, value: boolean) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.
-     * @deprecated has no effect
-     */
-    previewContent?: boolean;
-    /**
-     * The component used for the transition.
-     * @deprecated has no effect
-     */
-    TransitionComponent?: JSXElementConstructor<TransitionProps & {
-        children?: ReactElement<any, any>;
-    }>;
-    /**
-     * Props applied to the transition element.
-     */
-    TransitionProps?: object;
-    /**
-     * If true, the transition is disabled.
-     * @deprecated has no effect
-     */
-    disableAnimation?: boolean;
-    /**
-     * The props provided to the top level container element.
-     */
-    accordionContainerProps?: object;
-    /**
-     * 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.
-     * @deprecated has no effect
-     */
-    accordionPanelMaxHeight?: string;
-    /**
-     * If true, more than 1 accordion panels can be opened simultaneously.
-     */
-    allowMultipleExpand?: boolean;
-}
-/**
- * @deprecated Use Accordion component from @mui/material
- */
-export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/components/accordion/accordion.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");const a=t.forwardRef((a,r)=>{var{items:o,onChange:c,disableAnimation:d,accordionContainerProps:s,accordionPanelMaxHeight:l,allowMultipleExpand:u}=a,p=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[x,m]=t.useState(!1);t.useEffect(()=>{if(u){const e={};for(let n=0;n<o.length;n++){const i=o[n].id||`panel${n}`;e[i]=!!o[n].isDefaultExpanded}m(()=>e)}else{let e;const n=o.find((n,i)=>{if(n.isDefaultExpanded)return e=i,n});n&&m(n.id||`panel${e}`)}},[u,JSON.stringify(o)]);const f=t.useCallback(e=>(n,i)=>{c&&c(e,i),m(u?n=>Object.assign(Object.assign({},n),{[e]:i}):!!i&&e)},[u,c]);return n.jsx(i.Box,Object.assign({ref:r},s,{"data-testid":"Accordion",children:o.map((e,t)=>{const a=(null==e?void 0:e.id)&&`${e.id}`||`panel${t}`,r=u?!!x[a]:x===a;return n.jsxs(i.Accordion,Object.assign({id:a,expanded:r,onChange:f(a),"data-testid":"Accordion.item"},p,{children:[n.jsx(i.AccordionSummary,{"aria-controls":`${a}d-content`,id:`${a}d-header`,"data-testid":"Accordion.summary",children:e.title}),n.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:e.content})]}),a)})}))});exports.Accordion=a;
-//# sourceMappingURL=accordion.js.map

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

@@ -1 +0,0 @@
-{"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,WACvB,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,UAAU,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,EAAY,IAAMG,EACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,KAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,IAKPF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,GAUC,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,YAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,IAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,IAAI,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"}

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

@@ -1 +0,0 @@
-export * from './accordion';

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { AlertProps as MuiAlertProps } from '@mui/material';
-export interface AlertProps extends MuiAlertProps {
-    /**
-     * @deprecated use severity property instead
-     */
-    type?: 'success' | 'warning' | 'error';
-    /**
-     * @deprecated use action property instead
-     */
-    actions?: React.ReactNode;
-    /**
-     * @deprecated direction is taken from the theme
-     */
-    direction?: 'rtl' | 'ltr';
-    /**
-     * @deprecated use `sx={{ width: '100%' }}` instead
-     */
-    width?: string;
-}
-/**
- * @mui Alert that contains props parser for the previous implementation
- */
-export declare const Alert: React.FC<AlertProps>;

package/cjs/components/alert/Alert.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("@mui/material");exports.Alert=s=>{var{type:r,actions:a,severity:c,action:n,sx:o,width:y}=s,p=t.__rest(s,["type","actions","severity","action","sx","width"]);const g=i.useTheme();return e.jsx(i.Alert,Object.assign({severity:c||r,action:a||n,sx:Object.assign(Object.assign(Object.assign({},y?{width:y}:{}),{"& .MuiTypography-body1":Object.assign({},g.typography.disclaimer1),"& .MuiTypography-caption1":Object.assign({},g.typography.caption2)}),o),"data-testid":"Alert"},p))};
-//# sourceMappingURL=Alert.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/cjs/components/backdrop/backdrop.d.ts

@@ -1,44 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { SxProps, Theme } from '@mui/material';
-export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  If true, the component is shown. Default value false
-     */
-    open: boolean;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     *  The component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.
-     */
-    components?: object;
-    /**
-     * The props used for each slot inside the Backdrop.
-     */
-    componentsProps?: object;
-    /**
-     * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false
-     */
-    invisible?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
-     */
-    transitionDuration?: number | object;
-    /**
-     * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.
-     */
-    onClose?: (isOpen: boolean) => void;
-}
-/**
- * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead
- */
-export declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/backdrop/backdrop.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("../common/hook/backdrop.js"),t=require("@mui/material");const n=o.forwardRef((t,n)=>{var{open:a,onClose:l}=t,c=e.__rest(t,["open","onClose"]);const{openBackdrop:p,handleCloseBackdrop:u,setOpenBackdrop:d}=s.default();return o.useEffect(()=>{d(a)},[a,d]),r.jsx(i,{ref:n,classes:c.classes,open:p,onClick:()=>{u(),l&&l(!1)},invisible:c.invisible,sx:c.sx,transitionDuration:c.transitionDuration,children:c.children})}),i=t.styled(t.Backdrop)(r=>{var{theme:o}=r;return e.__rest(r,["theme"]).invisible?{backgroundColor:o.palette.transparent.backdrop,backdropFilter:"blur(0px)"}:null});exports.Backdrop=n;
-//# sourceMappingURL=backdrop.js.map

package/cjs/components/backdrop/backdrop.js.map

@@ -1 +0,0 @@
-{"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,WAA0C,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,UAAU,KACRF,EAAgBN,IACf,CAACA,EAAMM,IAGRG,MAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,IAajBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,aAKPN,EAAiBO,EAAAA,OAAOC,WAAPD,CAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,OADyEK,EAAAA,OAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb"}

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

@@ -1 +0,0 @@
-export * from './backdrop';

package/cjs/components/banner/banner.d.ts

@@ -1,42 +0,0 @@
-import { BoxProps, SvgIconProps, TypographyProps } from '@mui/material';
-import React, { ElementType, ReactNode } from 'react';
-export interface BannerProps extends BoxProps<ElementType> {
-    /**
-     * Defines which variant of Banner component should be rendered
-     * @default info
-     */
-    variant?: 'info' | 'warning' | 'error';
-    /**
-     * Set the proportions
-     * @default large
-     */
-    size?: 'large' | 'small';
-    /**
-     * Properties passed to indicator icon
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    IconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Properties passed to wrapper of children
-     */
-    typographyProps?: TypographyProps<ElementType>;
-    /**
-     * Properties applied to wrapper of content (Icon and Typography)
-     */
-    wrapperProps?: BoxProps<ElementType>;
-    /**
-     * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment
-     */
-    buttons?: ReactNode;
-    /**
-     * Properties applied to wrapper element of buttons
-     */
-    buttonsWrapperProps?: BoxProps<ElementType>;
-}
-/**
- * Alert notification banner
- */
-export declare const Banner: React.FC<BannerProps>;

package/cjs/components/banner/banner.js

@@ -1,2 +0,0 @@
-"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 +0,0 @@
-{"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,WAC3C,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,QAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,iCAEtC,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"}

package/cjs/components/bottomSheet/bottomSheet.d.ts

@@ -1,74 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, IconButtonProps, SwipeableDrawerProps, TypographyProps, SvgIconProps } from '@mui/material';
-export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {
-    /**
-     * Open state component flag
-     */
-    open: boolean;
-    /**
-     * Open state component function
-     */
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * Flag for displaying close button
-     */
-    closeButton?: boolean;
-    /**
-     * Props applied to closeButton IconButton
-     */
-    closeButtonProps?: Partial<IconButtonProps>;
-    /**
-     * Props applied to Icon in closeButton
-     */
-    closeButtonIconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    CloseButtonIconComponent?: ElementType<SvgIconProps>;
-    /**
-     * 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
-     */
-    footerSlot?: React.ReactNode;
-    /**
-     * Text in header
-     */
-    title?: React.ReactNode;
-    /**
-     * Text props
-     */
-    titleProps?: TypographyProps;
-    /**
-     * Max height of whole component in percentages
-     * @default 60
-     */
-    maxHeight?: number;
-    /**
-     * Wrapper of header
-     */
-    headerWrapper?: BoxProps<ElementType>;
-    /**
-     * Wrapper of title and close button
-     */
-    titleWrapper?: BoxProps<ElementType>;
-    /**
-     * Wrapper of content
-     */
-    contentWrapper?: BoxProps<ElementType>;
-    /**
-     * Wrapper of footer
-     */
-    footerWrapper?: BoxProps<ElementType>;
-}
-export declare const BottomSheet: React.FC<BottomSheetProps>;

package/cjs/components/bottomSheet/bottomSheet.js

@@ -1,2 +0,0 @@
-"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:f,footerSlot:O,title:B,titleProps:S={},headerWrapper:_,titleWrapper:C,contentWrapper:P,footerWrapper:w,maxHeight:y=60}=s,v=e.__rest(s,["children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const I=null!=_?_:{},{sx:W}=I,q=e.__rest(I,["sx"]),R=null!=C?C:{},{sx:T}=R,k=e.__rest(R,["sx"]),D=null!=S?S:{},{sx:E}=D,H=e.__rest(D,["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!=P?P:{},{sx:Q}=N,U=e.__rest(N,["sx"]),V=null!=w?w:{},{sx:X}=V,Y=e.__rest(V,["sx"]),Z=o.useTheme(),ee=f||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:`${y}%`},null===(a=null==u?void 0:u.paper)||void 0===a?void 0:a.sx)})}),ref:i},v,{children:[(B||g||d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({px:2},W),"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))})),(B||g&&!d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",justifyContent:B?"space-between":"flex-end",alignItems:"flex-start",gap:1,pt:te&&d?1:0},T)},k,{children:[B&&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},E)},H,{children:B})),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&&O?1:0,borderColor:"surface.secondary",p:2,"&:focus-visible":{outline:"none",boxShadow:l.getFocusRingBoxShadow(Z,!0)}},Q)},U,{children:p})),O&&t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:2,display:"flex",justifyContent:"flex-start",alignItems:"stretch",flexDirection:"column",gap:"16px"},X)},Y,{children:O}))]}))});exports.BottomSheet=i;
-//# sourceMappingURL=bottomSheet.js.map

package/cjs/components/bottomSheet/bottomSheet.js.map

@@ -1 +0,0 @@
-{"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: 2,\n              display: 'flex',\n              justifyContent: 'flex-start',\n              alignItems: 'stretch',\n              flexDirection: 'column',\n              gap: '16px',\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,WACrD,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,MAACF,EAAAA,IAAGN,OAAAC,OAAA,CAAA,cACU,qBACZ3C,GAAE0C,OAAAC,OAAA,CACAM,GAAI,EACJc,GAAI,EACJgB,GAAI,EACJ3B,QAAS,OACTE,eAAgB,aAChBC,WAAY,UACZF,cAAe,SACfS,IAAK,QACFxC,IAEDC,EAAU,CAAA7C,SAEbW"}

package/cjs/components/button/button.d.ts

@@ -1,43 +0,0 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material';
-import { IconNameProp } from '@/src/components/icon';
-import { ColourSheme } from '@/src/utils/enum';
-export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
-    /**
-     * @deprecated use children instead
-     */
-    label?: string;
-    /**
-     * Visual variant of button
-     */
-    variant?: MuiButtonProps['variant'] | ButtonVariants;
-    /**
-     * @deprecated use sx={{ color: 'common.white' }} instead
-     */
-    colourScheme?: ColourSheme;
-    /**
-     * @deprecated use startIcon={<Icon name='icon_name'>} instead
-     */
-    icon?: IconNameProp;
-    /**
-     * @deprecated use size='small' instead
-     */
-    compact?: boolean;
-    /**
-     * @deprecated use startIcon={<Icon name='arrow-left'>} or endIcon={<Icon name='arrow-right'>} instead
-     */
-    direction?: 'forward' | 'back';
-}
-/**
- * @deprecated use string variant
- */
-export declare enum ButtonVariants {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    GHOST = "ghost",
-    TERTIARY = "tertiary",
-    NAVIGATION = "navigation"
-}
-/**
- * @mui Button that contain props parser for the previous implementation
- */
-export declare function Button({ children, label, colourScheme, icon, compact, direction, variant: rawVariant, color: rawColor, startIcon: rawStartIcon, endIcon: rawEndIcon, sx: rawSx, size: rawSize, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/button/button.js

@@ -1,2 +0,0 @@
-"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 +0,0 @@
-{"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,QAA8D,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,GAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,QAAQ,IACjBC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EACM3B,IAAiB4B,EAAAA,YAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAA,GACvEO,GAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,QAAQ,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,KAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,QAAQ,IACZH,GAAWb,EAAU,QAAU,SACrC,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/button/index.d.ts

@@ -1 +0,0 @@
-export * from './button';

package/cjs/components/bypassBlock/bypassBlock.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),r=require("react-dom"),i=require("@mui/material"),n=require("../focusring/focusring.js");const c=t.forwardRef((t,r)=>{var{children:c,className:a,href:l="#",sx:u,replace:d=!1,active:p=!1,onClick:m,portalProps:f}=t,b=e.__rest(t,["children","className","href","sx","replace","active","onClick","portalProps"]);const g=i.useTheme();return o.jsx(s,Object.assign({disablePortal:!0},f,{children:o.jsx(i.ButtonBase,Object.assign({tabIndex:0,component:"a",href:l,onClick:e=>{var o;null==m||m(e),d&&(e.preventDefault(),null===(o=null===document||void 0===document?void 0:document.getElementById(null==l?void 0:l.replace("#","")))||void 0===o||o.scrollIntoView(!0))},className:p?["Mui-focusVisible",a].filter(Boolean).join(" "):a,sx:Object.assign(Object.assign(Object.assign({position:"absolute",zIndex:`${g.zIndex.tooltip+100}`,top:"10px",width:"1px",height:"1px",margin:"-1px",clip:"rect(0 0 0 0)",overflow:"hidden",padding:"0",border:"none",whiteSpace:"nowrap",backgroundColor:"onSurface.os900",color:"onSurface.os0",borderRadius:"4px"},g.typography.body),{"&.Mui-focusVisible":Object.assign(Object.assign({},n.getFocusRingStyle(g,!1)),{padding:"8px 24px",width:"auto",height:"auto",overflow:"visible",clip:"unset",margin:"0",left:"10px"})}),u),ref:r},b,{children:c}))}))});function s({children:e,container:o,disablePortal:i}){const[n]=t.useState(()=>null===document||void 0===document?void 0:document.createElement("div"));return t.useEffect(()=>{const e=("function"==typeof o?o():o)||(null===document||void 0===document?void 0:document.body);return e&&n&&!i&&e.prepend(n),()=>{e&&n&&!i&&e.removeChild(n)}},[]),n&&!i?r.createPortal(e,n):e}exports.BypassBlock=c;
-//# sourceMappingURL=bypassBlock.js.map