@skodaflow/web-library 7.16.1 → 8.0.0

package/components/indicator/indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { BoxProps, TypographyProps, CSSObject } from '@mui/material';\nimport { StatusLabelProps, StatusVariants, Label } from '@/src/components/label';\n\nexport interface IndicatorProps extends Omit<StatusLabelProps, 'variant' | 'type'> {\n  /**\n   * @deprecated use <Label type='indicator'> or <Label type='status'> instead\n   */\n  variant?: 'indicator' | 'status';\n  /**\n   * @deprecated use <Label type='status' variant='positive|warning|alert|neutral'> instead\n   */\n  color?: StatusVariants | string;\n  /**\n   * @deprecated pass properties directly into <Label sx={{}} />\n   */\n  labelProps?: TypographyProps;\n}\n\n/**\n * @deprecated use <Label type='indicator'> and <Label type='status'> instead\n */\nexport const Indicator: React.FC<IndicatorProps> = forwardRef(\n  ({ labelProps, color = 'positive', variant = 'indicator', sx, dotProps, ...rest }, ref) => {\n    const { sx: labelSx, variant: _, ...restLabel } = labelProps || {};\n    const { sx: dotSx, ...restDot } = dotProps || {};\n\n    return (\n      <Label\n        ref={ref}\n        type={variant}\n        className=\"fwlIndicator\"\n        data-testid=\"Indicator\"\n        {...(['positive', 'warning', 'alert', 'neutral'].includes(color)\n          ? { variant: color as StatusVariants, dotProps: { ['data-testid']: 'Indicator.circle', ...dotProps } }\n          : {\n              dotProps: { sx: { backgroundColor: color, ...dotSx }, ['data-testid']: 'Indicator.circle', ...restDot },\n            })}\n        sx={\n          {\n            ...sx,\n            ...labelSx,\n          } as CSSObject\n        }\n        {...rest}\n        {...(restLabel as BoxProps)}\n      />\n    );\n  },\n);\n"],"names":["Indicator","forwardRef","_a","ref","labelProps","color","variant","sx","dotProps","rest","__rest","_b","labelSx","_","restLabel","_c","dotSx","restDot","_jsx","Label","Object","assign","type","className","includes","backgroundColor"],"mappings":"oJAsBO,MAAMA,EAAsCC,EACjD,CAACC,EAAkFC,KAAlF,IAAAC,WAAEA,EAAUC,MAAEA,EAAQ,WAAUC,QAAEA,EAAU,YAAWC,GAAEA,EAAEC,SAAEA,GAAQN,EAAKO,EAAIC,EAAAR,EAA9E,kDACC,MAAMS,EAA4CP,GAAc,CAAA,GAAxDG,GAAIK,EAASN,QAASO,GAACF,EAAKG,EAASJ,EAAAC,EAAvC,CAAA,KAAA,YACAI,EAA4BP,GAAY,IAAtCD,GAAIS,KAAUC,EAAOP,EAAAK,EAAvB,CAAA,OAEN,OACEG,EAACC,EAAKC,OAAAC,OAAA,CACJlB,IAAKA,EACLmB,KAAMhB,EACNiB,UAAU,eAAc,cACZ,aACP,CAAC,WAAY,UAAW,QAAS,WAAWC,SAASnB,GACtD,CAAEC,QAASD,EAAyBG,SAAQY,OAAAC,OAAA,CAAI,cAAiB,oBAAuBb,IACxF,CACEA,wBAAYD,GAAEa,OAAAC,OAAA,CAAII,gBAAiBpB,GAAUW,GAAS,cAAiB,oBAAuBC,IAC9F,CACNV,GACEa,OAAAC,OAAAD,OAAAC,OAAA,GACKd,GACAK,IAGHH,EACCK"}

package/components/label/label.d.ts

@@ -1,76 +0,0 @@
-import React, { ReactNode, ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-export interface LabelBaseProps extends BoxProps<ElementType> {
-    /**
-     * Content to be rendered inside Label, alternatively children are used
-     */
-    label?: ReactNode;
-}
-export interface GeneralLabelProps extends LabelBaseProps {
-    type?: 'general';
-}
-export interface SimpleLabelProps extends LabelBaseProps {
-    type: 'simple';
-}
-export type FeatureVariants = 'primary' | 'neutral' | 'secondary' | 'discount' | 'alert' | 'error' | 'info' | 'success' | 'warning';
-export interface FeatureLabelProps extends LabelBaseProps {
-    type: 'feature';
-    variant?: FeatureVariants;
-}
-export type PromotionalVariants = 'small' | 'large';
-/**
- * @deprecated use <Label type="feature" variant="discount"> instead
- */
-export interface PromotionalLabelProps extends LabelBaseProps {
-    type: 'promotional';
-    /**
-     * @deprecated no longer has any effect
-     */
-    variant?: PromotionalVariants;
-    labelBoxProps?: BoxProps<ElementType>;
-    labelNextProps?: BoxProps<ElementType>;
-}
-export type SemanticVariants = 'positive' | 'info' | 'warning' | 'alert' | 'error';
-export interface SemanticLabelProps extends LabelBaseProps {
-    type: 'semantic';
-    variant?: SemanticVariants;
-    iconProps?: SvgIconProps;
-    IconComponent?: ElementType<SvgIconProps>;
-}
-export type StatusVariants = 'positive' | 'warning' | 'alert' | 'error' | 'neutral' | 'disabled';
-export interface StatusLabelProps extends LabelBaseProps {
-    type: 'status' | 'indicator';
-    variant?: StatusVariants;
-    dotProps?: BoxProps<ElementType>;
-    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
-}
-export type CO2Variants = 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
-export interface CO2LabelProps extends LabelBaseProps {
-    type: 'CO2';
-    variant?: CO2Variants;
-    size?: 'small' | 'large';
-    labelBoxProps?: BoxProps<ElementType>;
-    labelNextProps?: BoxProps<ElementType>;
-}
-export type LabelProps = SimpleLabelProps | FeatureLabelProps | PromotionalLabelProps | SemanticLabelProps | StatusLabelProps | CO2LabelProps | GeneralLabelProps;
-export declare const Label: React.FC<LabelProps>;
-/**
- * @deprecated Use <Label type="feature" /> instead.
- */
-export declare const LabelFeature: React.FC<Omit<FeatureLabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="status" /> instead.
- */
-export declare const LabelStatus: React.FC<Omit<StatusLabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="CO2" /> instead.
- */
-export declare const LabelCO2: React.FC<Omit<CO2LabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="promotional" /> instead.
- */
-export declare const LabelPromotional: React.FC<Omit<PromotionalLabelProps, 'type'>>;
-/**
- * @deprecated Use <Label type="general" /> instead.
- */
-export declare const LabelGeneral: React.FC<Omit<GeneralLabelProps, 'type'>>;

package/components/label/label.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"tslib";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as s}from"react";import{Box as n,useTheme as o}from"@mui/material";import{CircleExclamationIcon as i}from"../icon/stroke/CircleExclamationIcon.js";import{CircleInformationIcon as c}from"../icon/stroke/CircleInformationIcon.js";import{getFocusRingStyle as l}from"../focusring/focusring.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";const b={display:"inline-flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"nowrap",flexShrink:"0",fontSize:"11px",lineHeight:"12px",letterSpacing:"3px",textTransform:"uppercase",fontWeight:"900",whiteSpace:"nowrap",textRendering:"geometricPrecision"},d=t((a,t)=>{var{type:s,label:o,children:i,sx:c}=a,l=r(a,["type","label","children","sx"]);return e(n,Object.assign({ref:t,"data-testid":"Label-general",sx:Object.assign(Object.assign(Object.assign({},b),{color:r=>"dark"===r.palette.mode?"onSurface.os200":"onSurface.os600"}),c)},l,{children:o||i}))}),g=t((a,t)=>{var{type:s,label:o,children:i,sx:c}=a,l=r(a,["type","label","children","sx"]);return e(n,Object.assign({ref:t,"data-testid":"Label-simple",sx:r=>Object.assign(Object.assign(Object.assign(Object.assign({},b),r.typography.list),{backgroundColor:"transparent.primary",color:"text.primary",p:"2px 10px"}),c)},l,{children:o||i}))}),x=t((a,t)=>{var{type:s,label:o,children:i,variant:c="primary",sx:l}=a,p=r(a,["type","label","children","variant","sx"]);return e(n,Object.assign({ref:t,"data-testid":`Label-feature${c}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b),{color:"onSurface.os0",backgroundColor:"brand.tertiary",padding:"5px 7px 5px 10px",borderRadius:"2px"}),"neutral"===c&&{backgroundColor:"onSurface.os600"}),"discount"===c&&{color:"brand.secondary",backgroundColor:"brand.tertiary"}),"secondary"===c&&{backgroundColor:"brand.secondary",color:"brand.tertiary"}),["alert","error"].includes(c)&&{backgroundColor:"error.main"}),"info"===c&&{backgroundColor:"info.main"}),"warning"===c&&{backgroundColor:"warning.dark"}),"success"===c&&{backgroundColor:"brand.primary"}),l)},p,{children:o||i}))}),u=t((a,t)=>{var{type:s,label:i,children:c,variant:l,sx:p,labelBoxProps:d,labelNextProps:g}=a,x=r(a,["type","label","children","variant","sx","labelBoxProps","labelNextProps"]);const u=d||{},{sx:j}=u,O=r(u,["sx"]),m=g||{},{sx:f}=m,y=r(m,["sx"]),h=o();return e(n,Object.assign({ref:t,"data-testid":"Label-promotional",sx:Object.assign(Object.assign(Object.assign({},b),{color:"brand.secondary",overflow:"hidden",borderRadius:"2px"}),p)},x,{children:e(n,Object.assign({sx:Object.assign({margin:"0 6px 0 -6px",transform:`skew(${"rtl"===h.direction?"":"-"}21deg, 0deg)`,backgroundColor:"brand.tertiary",position:"relative",borderRadius:"3px",display:"inline-flex",alignItems:"flex-start",justifyContent:"center",zIndex:"100"},j)},O,{children:e(n,Object.assign({sx:Object.assign({fontSize:{xs:"12px",xl:"14px"},padding:{xs:"8px 10px 8px 16px",xl:"10px 14px 10px 20px"},letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:`skew(${"rtl"===h.direction?"-":""}21deg, 0deg)`},f)},y,{children:i||c}))}))}))});function j(r,e){return Object.assign(Object.assign({},r),{"&.MuiButtonBase-root":Object.assign({},p(r,e))})}const O=t((t,p)=>{var{type:d,label:g,children:x,variant:u="positive",sx:O,iconProps:m,IconComponent:f,onClick:y}=t,h=r(t,["type","label","children","variant","sx","iconProps","IconComponent","onClick"]);const C=m||{},{sx:k}=C,v=r(C,["sx"]),w=s(()=>{switch(u){case"alert":case"error":case"warning":return i;default:return c}},[u]),S=f||w,P=o();return a(n,Object.assign({ref:p,"data-testid":`Label-semantic${u}`,sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b),{gap:"6px",padding:"2px 8px 2px 4px",borderRadius:"4px",border:1,borderColor:"currentColor",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&&.MuiButtonBase-root":Object.assign({},l(P,!0,1))}),j({color:"brand.primary",backgroundColor:"transparent.transparent"},{color:"brandHover.primary",backgroundColor:"transparent.primary"})),["alert","error"].includes(u)&&Object.assign({},j({color:"error.main",backgroundColor:"transparent.transparent"},{color:"error.dark",backgroundColor:"transparent.primary"}))),"warning"===u&&Object.assign({},j({color:"warning.dark",backgroundColor:"transparent.transparent"},{color:"warning.dark",backgroundColor:"transparent.primary"}))),"info"===u&&Object.assign({},j({color:"info.main",backgroundColor:"transparent.transparent"},{color:"info.dark",backgroundColor:"transparent.primary"}))),O),onClick:y},h,{children:[e(S,Object.assign({"data-testid":`icon-${u}`,sx:Object.assign({fontSize:"18px"},k)},v)),g||x]}))}),m=t((t,s)=>{var{type:o,label:i,children:c,variant:l="positive",labelPlacement:p="end",dotProps:d,sx:g}=t,x=r(t,["type","label","children","variant","labelPlacement","dotProps","sx"]);const u=d||{},{sx:j}=u,O=r(u,["sx"]);return a(n,Object.assign({ref:s,"data-testid":`Label-status${l}`,sx:r=>{var e;return Object.assign(Object.assign(Object.assign(Object.assign({},b),{color:"text.primary",flexDirection:null!==(e={start:"row-reverse",top:"column-reverse",bottom:"column"}[p])&&void 0!==e?e:"row",gap:1}),"indicator"===o&&r.typography.disclaimer1),g)}},"disabled"===l&&{disabled:!0,tabIndex:-1},x,{children:[e(n,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({width:"10px",height:"10px"},"indicator"===o&&{width:"14px",height:"14px"}),{borderRadius:"50%",backgroundColor:"success.main"}),"warning"===l&&{backgroundColor:"warning.dark"}),["alert","error"].includes(l)&&{backgroundColor:"error.main"}),"neutral"===l&&{backgroundColor:"onSurface.os500"}),"disabled"===l&&{backgroundColor:"disabled.secondary"}),j)},O)),i||c]}))}),f=t((t,o)=>{var{type:i,label:c,children:l,variant:p="A+++",size:d="large",sx:g,labelBoxProps:x,labelNextProps:u}=t,j=r(t,["type","label","children","variant","size","sx","labelBoxProps","labelNextProps"]);const O=s(()=>({B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100",H:"#2A78CD"}),[]),m=r=>O[r]||"#016703",f=x||{},{sx:y}=f,h=r(f,["sx"]),C=u||{},{sx:k}=C,v=r(C,["sx"]);return a(n,Object.assign({ref:o,"data-testid":`Label-CO2${p}`,sx:Object.assign(Object.assign({},b),g)},j,{children:[e(n,Object.assign({component:"span",sx:Object.assign(Object.assign(Object.assign({alignItems:"center",backgroundColor:m(p),boxSizing:"border-box",color:"surface.tertiary",display:"inline-flex",justifyContent:"flex-start",fontWeight:"700",height:{xs:"20px",xl:"22px"},fontSize:{xs:"12px",xl:"14px"}},"small"===d&&{fontSize:{xs:"10px",xl:"12px"},height:{xs:"16px",xl:"18px"}}),{padding:"0 5px",position:"relative",letterSpacing:"1px"}),y)},h,{children:c||l||p})),e(n,Object.assign({sx:Object.assign(Object.assign({content:'""',display:"block",width:"0",height:"0",borderStyle:"solid",borderColor:`transparent transparent transparent ${m(p)}`,borderWidth:{xs:"10px 0 10px 7px",lg:"11px 0 11px 8px"}},"small"===d&&{borderWidth:{xs:"8px 0 8px 5px",lg:"9px 0 9px 7px"}}),k)},v))]}))}),y=t((r,a)=>{const t=s(()=>{switch(r.type){case"simple":return g;case"feature":return x;case"promotional":return u;case"semantic":return O;case"status":case"indicator":return m;case"CO2":return f;default:return d}},[r.type]);return e(t,Object.assign({component:"span"},r,{ref:a}))}),h=t((r,a)=>e(y,Object.assign({},r,{type:"feature",ref:a}))),C=t((r,a)=>e(y,Object.assign({},r,{type:"status",ref:a}))),k=t((r,a)=>e(y,Object.assign({},r,{type:"CO2",ref:a}))),v=t((r,a)=>e(y,Object.assign({},r,{type:"promotional",ref:a}))),w=t((r,a)=>e(y,Object.assign({},r,{ref:a})));export{y as Label,k as LabelCO2,h as LabelFeature,w as LabelGeneral,v as LabelPromotional,C as LabelStatus};
-//# sourceMappingURL=label.js.map

package/components/label/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, CSSObject, SvgIconProps, useTheme } from '@mui/material';\nimport { CircleExclamationIcon } from '@/src/components/icon/stroke/CircleExclamationIcon';\nimport { CircleInformationIcon } from '@/src/components/icon/stroke/CircleInformationIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface LabelBaseProps extends BoxProps<ElementType> {\n  /**\n   * Content to be rendered inside Label, alternatively children are used\n   */\n  label?: ReactNode;\n}\n\nexport interface GeneralLabelProps extends LabelBaseProps {\n  type?: 'general';\n}\n\nexport interface SimpleLabelProps extends LabelBaseProps {\n  type: 'simple';\n}\n\nexport type FeatureVariants =\n  | 'primary'\n  | 'neutral'\n  | 'secondary'\n  | 'discount'\n  | 'alert'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning';\nexport interface FeatureLabelProps extends LabelBaseProps {\n  type: 'feature';\n  variant?: FeatureVariants;\n}\n\nexport type PromotionalVariants = 'small' | 'large';\n/**\n * @deprecated use <Label type=\"feature\" variant=\"discount\"> instead\n */\nexport interface PromotionalLabelProps extends LabelBaseProps {\n  type: 'promotional';\n  /**\n   * @deprecated no longer has any effect\n   */\n  variant?: PromotionalVariants;\n  labelBoxProps?: BoxProps<ElementType>;\n  labelNextProps?: BoxProps<ElementType>;\n}\n\nexport type SemanticVariants = 'positive' | 'info' | 'warning' | 'alert' | 'error';\nexport interface SemanticLabelProps extends LabelBaseProps {\n  type: 'semantic';\n  variant?: SemanticVariants;\n  iconProps?: SvgIconProps;\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\nexport type StatusVariants = 'positive' | 'warning' | 'alert' | 'error' | 'neutral' | 'disabled';\nexport interface StatusLabelProps extends LabelBaseProps {\n  type: 'status' | 'indicator';\n  variant?: StatusVariants;\n  dotProps?: BoxProps<ElementType>;\n  labelPlacement?: 'end' | 'start' | 'top' | 'bottom';\n}\n\nexport type CO2Variants = 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';\nexport interface CO2LabelProps extends LabelBaseProps {\n  type: 'CO2';\n  variant?: CO2Variants;\n  size?: 'small' | 'large';\n  labelBoxProps?: BoxProps<ElementType>;\n  labelNextProps?: BoxProps<ElementType>;\n}\n\nexport type LabelProps =\n  | SimpleLabelProps\n  | FeatureLabelProps\n  | PromotionalLabelProps\n  | SemanticLabelProps\n  | StatusLabelProps\n  | CO2LabelProps\n  | GeneralLabelProps;\n\n// Shared style for all variants\nconst baseSx: CSSObject = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  flexWrap: 'nowrap',\n  flexShrink: '0',\n  // font\n  fontSize: '11px',\n  lineHeight: '12px',\n  letterSpacing: '3px',\n  textTransform: 'uppercase',\n  fontWeight: '900',\n  whiteSpace: 'nowrap',\n  textRendering: 'geometricPrecision',\n};\n\nconst GeneralVariant: React.FC<GeneralLabelProps> = forwardRef(({ type: _, label, children, sx, ...rest }, ref) => (\n  <Box\n    ref={ref}\n    data-testid=\"Label-general\"\n    sx={{\n      ...baseSx,\n      color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os600'),\n      ...sx,\n    }}\n    {...rest}\n  >\n    {label || children}\n  </Box>\n));\n\nconst SimpleVariant: React.FC<SimpleLabelProps> = forwardRef(({ type: _, label, children, sx, ...rest }, ref) => (\n  <Box\n    ref={ref}\n    data-testid=\"Label-simple\"\n    sx={(theme) => ({\n      ...baseSx,\n      ...theme.typography.list,\n      backgroundColor: 'transparent.primary',\n      color: 'text.primary',\n      p: '2px 10px',\n      ...sx,\n    })}\n    {...rest}\n  >\n    {label || children}\n  </Box>\n));\n\nconst FeatureVariant: React.FC<FeatureLabelProps> = forwardRef(\n  ({ type: _, label, children, variant = 'primary', sx, ...rest }, ref) => (\n    <Box\n      ref={ref}\n      data-testid={`Label-feature${variant}`}\n      sx={{\n        ...baseSx,\n        color: 'onSurface.os0',\n        backgroundColor: 'brand.tertiary',\n        padding: '5px 7px 5px 10px',\n        borderRadius: '2px',\n        ...(variant === 'neutral' && {\n          backgroundColor: 'onSurface.os600',\n        }),\n        ...(variant === 'discount' && {\n          color: 'brand.secondary',\n          backgroundColor: 'brand.tertiary',\n        }),\n        // dark mode\n        ...(variant === 'secondary' && {\n          backgroundColor: 'brand.secondary',\n          color: 'brand.tertiary',\n        }),\n        // semantic labels\n        ...(['alert', 'error'].includes(variant) && {\n          backgroundColor: 'error.main',\n        }),\n        ...(variant === 'info' && {\n          backgroundColor: 'info.main',\n        }),\n        ...(variant === 'warning' && {\n          backgroundColor: 'warning.dark',\n        }),\n        ...(variant === 'success' && {\n          backgroundColor: 'brand.primary',\n        }),\n        ...sx,\n      }}\n      {...rest}\n    >\n      {label || children}\n    </Box>\n  ),\n);\n\nconst PromotionalVariant: React.FC<PromotionalLabelProps> = forwardRef(\n  ({ type: _, label, children, variant, sx, labelBoxProps, labelNextProps, ...rest }, ref) => {\n    const { sx: labelBoxSx, ...restLabelBox } = labelBoxProps || {};\n    const { sx: labelNextSx, ...restLabelNext } = labelNextProps || {};\n    const theme = useTheme();\n\n    return (\n      <Box\n        ref={ref}\n        data-testid=\"Label-promotional\"\n        sx={{\n          ...baseSx,\n          color: 'brand.secondary',\n          overflow: 'hidden',\n          borderRadius: '2px',\n          ...sx,\n        }}\n        {...rest}\n      >\n        <Box\n          sx={{\n            margin: '0 6px 0 -6px',\n            transform: `skew(${theme.direction === 'rtl' ? '' : '-'}21deg, 0deg)`,\n            backgroundColor: 'brand.tertiary',\n            position: 'relative',\n            borderRadius: '3px',\n            display: 'inline-flex',\n            alignItems: 'flex-start',\n            justifyContent: 'center',\n            zIndex: '100',\n            ...labelBoxSx,\n          }}\n          {...restLabelBox}\n        >\n          <Box\n            sx={{\n              fontSize: { xs: '12px', xl: '14px' },\n              padding: { xs: '8px 10px 8px 16px', xl: '10px 14px 10px 20px' },\n              letterSpacing: '1px',\n              textTransform: 'uppercase',\n              lineHeight: '12px',\n              fontWeight: 'bold',\n              transform: `skew(${theme.direction === 'rtl' ? '-' : ''}21deg, 0deg)`,\n              ...labelNextSx,\n            }}\n            {...restLabelNext}\n          >\n            {label || children}\n          </Box>\n        </Box>\n      </Box>\n    );\n  },\n);\n\n/**\n * Wrapper around getInteractiveStyle() function to provide interactive style\n *  only for label that is actually a button\n */\nfunction getLabelInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n  return {\n    ...defaultStyle,\n    '&.MuiButtonBase-root': {\n      ...getInteractiveStyle(defaultStyle, hoverStyle),\n    },\n  };\n}\n\nconst SemanticVariant: React.FC<SemanticLabelProps> = forwardRef(\n  ({ type: _, label, children, variant = 'positive', sx, iconProps, IconComponent, onClick, ...rest }, ref) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const VariantIconComponent = useMemo(() => {\n      switch (variant) {\n        case 'alert':\n        case 'error':\n        case 'warning':\n          return CircleExclamationIcon;\n        case 'info':\n        case 'positive':\n        default:\n          return CircleInformationIcon;\n      }\n    }, [variant]);\n    const SemanticIcon = IconComponent || VariantIconComponent;\n    const theme = useTheme();\n\n    return (\n      <Box\n        ref={ref}\n        data-testid={`Label-semantic${variant}`}\n        sx={{\n          ...baseSx,\n          gap: '6px',\n          padding: '2px 8px 2px 4px',\n          borderRadius: '4px',\n          border: 1,\n          borderColor: 'currentColor',\n          transition:\n            'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n          // clickable style\n          '&&.MuiButtonBase-root': {\n            // focused style\n            ...getFocusRingStyle(theme, true, 1),\n          },\n          // default, positive\n          ...getLabelInteractiveStyle(\n            {\n              color: 'brand.primary',\n              backgroundColor: 'transparent.transparent',\n            },\n            {\n              color: 'brandHover.primary',\n              backgroundColor: 'transparent.primary',\n            },\n          ),\n          ...(['alert', 'error'].includes(variant) && {\n            ...getLabelInteractiveStyle(\n              {\n                color: 'error.main',\n                backgroundColor: 'transparent.transparent',\n              },\n              {\n                color: 'error.dark',\n                backgroundColor: 'transparent.primary',\n              },\n            ),\n          }),\n          ...(variant === 'warning' && {\n            ...getLabelInteractiveStyle(\n              {\n                color: 'warning.dark',\n                backgroundColor: 'transparent.transparent',\n              },\n              {\n                color: 'warning.dark',\n                backgroundColor: 'transparent.primary',\n              },\n            ),\n          }),\n          ...(variant === 'info' && {\n            ...getLabelInteractiveStyle(\n              {\n                color: 'info.main',\n                backgroundColor: 'transparent.transparent',\n              },\n              {\n                color: 'info.dark',\n                backgroundColor: 'transparent.primary',\n              },\n            ),\n          }),\n          ...sx,\n        }}\n        onClick={onClick}\n        {...rest}\n      >\n        <SemanticIcon data-testid={`icon-${variant}`} sx={{ fontSize: '18px', ...iconSx }} {...restIconProps} />\n        {label || children}\n      </Box>\n    );\n  },\n);\n\nconst StatusVariant: React.FC<StatusLabelProps> = forwardRef(\n  ({ type, label, children, variant = 'positive', labelPlacement = 'end', dotProps, sx, ...rest }, ref) => {\n    const { sx: dotSx, ...restDot } = dotProps || {};\n\n    return (\n      <Box\n        ref={ref}\n        data-testid={`Label-status${variant}`}\n        sx={(theme) => ({\n          ...baseSx,\n          color: 'text.primary',\n          flexDirection: { start: 'row-reverse', top: 'column-reverse', bottom: 'column' }[labelPlacement] ?? 'row',\n          gap: 1,\n          ...(type === 'indicator' && theme.typography.disclaimer1),\n          ...sx,\n        })}\n        {...(variant === 'disabled' && {\n          disabled: true,\n          tabIndex: -1,\n        })}\n        {...rest}\n      >\n        <Box\n          sx={{\n            width: '10px',\n            height: '10px',\n            ...(type === 'indicator' && {\n              width: '14px',\n              height: '14px',\n            }),\n            borderRadius: '50%',\n            backgroundColor: 'success.main',\n            ...(variant === 'warning' && {\n              backgroundColor: 'warning.dark',\n            }),\n            ...(['alert', 'error'].includes(variant) && {\n              backgroundColor: 'error.main',\n            }),\n            ...(variant === 'neutral' && {\n              backgroundColor: 'onSurface.os500',\n            }),\n            ...(variant === 'disabled' && {\n              backgroundColor: 'disabled.secondary',\n            }),\n            ...dotSx,\n          }}\n          {...restDot}\n        />\n        {label || children}\n      </Box>\n    );\n  },\n);\n\nconst CO2Variant: React.FC<CO2LabelProps> = forwardRef(\n  ({ type: _, label, children, variant = 'A+++', size = 'large', sx, labelBoxProps, labelNextProps, ...rest }, ref) => {\n    const colorMap = useMemo(\n      () => ({\n        B: '#019A01',\n        C: '#69CC00',\n        D: '#FFCC01',\n        E: '#F99601',\n        F: '#FE6501',\n        G: '#FF3100',\n        H: '#2A78CD',\n      }),\n      [],\n    );\n    const getColor = (_variant: string) => colorMap[_variant] || '#016703';\n\n    const { sx: labelBoxSx, ...restLabelBox } = labelBoxProps || {};\n    const { sx: labelNextSx, ...restLabelNext } = labelNextProps || {};\n\n    return (\n      <Box\n        ref={ref}\n        data-testid={`Label-CO2${variant}`}\n        sx={{\n          ...baseSx,\n          ...sx,\n        }}\n        {...rest}\n      >\n        <Box\n          component=\"span\"\n          sx={{\n            alignItems: 'center',\n            backgroundColor: getColor(variant),\n            boxSizing: 'border-box',\n            color: 'surface.tertiary',\n            display: 'inline-flex',\n            justifyContent: 'flex-start',\n            fontWeight: '700',\n            height: { xs: '20px', xl: '22px' },\n            fontSize: { xs: '12px', xl: '14px' },\n            ...(size === 'small' && {\n              fontSize: { xs: '10px', xl: '12px' },\n              height: { xs: '16px', xl: '18px' },\n            }),\n            padding: '0 5px',\n            position: 'relative',\n            letterSpacing: '1px',\n            ...labelBoxSx,\n          }}\n          {...restLabelBox}\n        >\n          {label || children || variant}\n        </Box>\n        <Box\n          sx={{\n            content: '\"\"',\n            display: 'block',\n            width: '0',\n            height: '0',\n            borderStyle: 'solid',\n            borderColor: `transparent transparent transparent ${getColor(variant)}`,\n            borderWidth: {\n              xs: `10px 0 10px 7px`,\n              lg: `11px 0 11px 8px`,\n            },\n            ...(size === 'small' && {\n              borderWidth: {\n                xs: '8px 0 8px 5px',\n                lg: '9px 0 9px 7px',\n              },\n            }),\n            ...labelNextSx,\n          }}\n          {...restLabelNext}\n        />\n      </Box>\n    );\n  },\n);\n\nexport const Label: React.FC<LabelProps> = forwardRef((props, ref) => {\n  const LabelComponent = useMemo<React.FC<LabelProps>>(() => {\n    switch (props.type) {\n      case 'simple':\n        return SimpleVariant;\n      case 'feature':\n        return FeatureVariant;\n      case 'promotional':\n        return PromotionalVariant;\n      case 'semantic':\n        return SemanticVariant;\n      case 'status':\n      case 'indicator':\n        return StatusVariant;\n      case 'CO2':\n        return CO2Variant;\n      case 'general':\n      default:\n        return GeneralVariant;\n    }\n  }, [props.type]);\n\n  return <LabelComponent component=\"span\" {...props} ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"feature\" /> instead.\n */\nexport const LabelFeature: React.FC<Omit<FeatureLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"feature\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"status\" /> instead.\n */\nexport const LabelStatus: React.FC<Omit<StatusLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"status\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"CO2\" /> instead.\n */\nexport const LabelCO2: React.FC<Omit<CO2LabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"CO2\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"promotional\" /> instead.\n */\nexport const LabelPromotional: React.FC<Omit<PromotionalLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} type=\"promotional\" ref={ref} />;\n});\n\n/**\n * @deprecated Use <Label type=\"general\" /> instead.\n */\nexport const LabelGeneral: React.FC<Omit<GeneralLabelProps, 'type'>> = forwardRef((props, ref) => {\n  return <Label {...props} ref={ref} />;\n});\n"],"names":["baseSx","display","alignItems","justifyContent","flexWrap","flexShrink","fontSize","lineHeight","letterSpacing","textTransform","fontWeight","whiteSpace","textRendering","GeneralVariant","forwardRef","_a","ref","type","_","label","children","sx","rest","__rest","_jsx","Box","Object","assign","color","theme","palette","mode","SimpleVariant","typography","list","backgroundColor","p","FeatureVariant","variant","padding","borderRadius","includes","PromotionalVariant","labelBoxProps","labelNextProps","_b","labelBoxSx","restLabelBox","_c","labelNextSx","restLabelNext","useTheme","overflow","margin","transform","direction","position","zIndex","xs","xl","getLabelInteractiveStyle","defaultStyle","hoverStyle","getInteractiveStyle","SemanticVariant","iconProps","IconComponent","onClick","iconSx","restIconProps","VariantIconComponent","useMemo","CircleExclamationIcon","CircleInformationIcon","SemanticIcon","_jsxs","gap","border","borderColor","transition","getFocusRingStyle","StatusVariant","labelPlacement","dotProps","dotSx","restDot","flexDirection","start","top","bottom","disclaimer1","disabled","tabIndex","width","height","CO2Variant","size","colorMap","B","C","D","E","F","G","H","getColor","_variant","component","boxSizing","content","borderStyle","borderWidth","lg","Label","props","LabelComponent","LabelFeature","LabelStatus","LabelCO2","LabelPromotional","LabelGeneral"],"mappings":"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"}

package/components/menu/index.d.ts

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

package/components/menu/menu.d.ts

@@ -1,65 +0,0 @@
-import React from 'react';
-import { PaperProps } from '@mui/material';
-import { FlagProps } from '@/src/components/flag';
-/**
- * @interface MenuItemObject
- * @description Single menu item containing icon class and item value
- */
-export interface MenuItemObject {
-    value: string;
-    flag: FlagProps['flag'];
-    title: string;
-}
-export type MenuItems = MenuItemObject[] | string[];
-/**
- * @interface MenuReactUseStateHook
- * @description The use state hook that must be provided to the Menu component.
- */
-export interface MenuReactUseStateHook {
-    state: any[];
-    setState: React.Dispatch<React.SetStateAction<any[]>>;
-}
-/**
- * @interface FlowMenuProps (previously PaperProps)
- * @description Base definition of SkodaFlow Menu independent on core implementation.
- * Properties are inherited from HTML Div element
- */
-export interface FlowMenuProps extends PaperProps {
-    /**
-     * hasIcon is used to specify if every item should have icon.
-     */
-    hasIcon?: boolean;
-    /**
-     * multipleSelection is used to allow multiple selection.
-     */
-    multipleSelection?: boolean;
-    /**
-     * Adding a label to the group.
-     */
-    groupLabel?: string;
-    /**
-     * Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,
-     * or MenuItemObject[] when hasIcon = true.
-     */
-    items: MenuItems;
-    /**
-     * The use state hook that must be provided to the Menu component.
-     */
-    reactHook: MenuReactUseStateHook;
-    /**
-     * groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.
-     */
-    groupToggleSelection?: boolean;
-    /**
-     * set the menu open state
-     */
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
-     */
-    toggleLabel?: string;
-}
-/**
- * @deprecated Use Menu component from '@mui/material' module instead.
- */
-export declare const Menu: React.ForwardRefExoticComponent<Omit<FlowMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/menu/menu.js

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

package/components/menu/menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { MenuList, MenuItem, Paper, PaperProps, Divider, ListItemText, Switch, Checkbox } from '@mui/material';\nimport { Icon } from '@/src/components/icon';\nimport { Flag, FlagProps } from '@/src/components/flag';\n\n/**\n * @interface MenuItemObject\n * @description Single menu item containing icon class and item value\n */\nexport interface MenuItemObject {\n  value: string;\n  flag: FlagProps['flag'];\n  title: string;\n}\nexport type MenuItems = MenuItemObject[] | string[];\n/**\n * @interface MenuReactUseStateHook\n * @description The use state hook that must be provided to the Menu component.\n */\nexport interface MenuReactUseStateHook {\n  state: any[];\n  setState: React.Dispatch<React.SetStateAction<any[]>>;\n}\n/**\n * @interface FlowMenuProps (previously PaperProps)\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface FlowMenuProps extends PaperProps {\n  /**\n   * hasIcon is used to specify if every item should have icon.\n   */\n  hasIcon?: boolean;\n  /**\n   * multipleSelection is used to allow multiple selection.\n   */\n  multipleSelection?: boolean;\n  /**\n   * Adding a label to the group.\n   */\n  groupLabel?: string;\n  /**\n   * Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,\n   * or MenuItemObject[] when hasIcon = true.\n   */\n  items: MenuItems;\n  /**\n   * The use state hook that must be provided to the Menu component.\n   */\n  reactHook: MenuReactUseStateHook;\n  /**\n   * groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.\n   */\n  groupToggleSelection?: boolean;\n\n  /**\n   * set the menu open state\n   */\n  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n   */\n  toggleLabel?: string;\n}\n/**\n * @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n */\n\n/**\n * @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n */\nconst onToggleClickHandler = (\n  currToggleChecked: boolean,\n  initItems: MenuItems,\n  setItems: React.Dispatch<React.SetStateAction<any[]>>,\n  setToggle: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  const expectedFutureToggleCheckedState = !currToggleChecked;\n  setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n  setToggle(expectedFutureToggleCheckedState);\n};\n\n/**\n * @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n */\n\nconst onMenuItemClickHandler = (\n  isString: boolean,\n  multipleSelection: boolean,\n  id: string,\n  itemsState: any[],\n  setItemsState: React.Dispatch<React.SetStateAction<any[]>>,\n  initItems: MenuItems,\n) => {\n  const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n  const newItem = isString\n    ? [id]\n    : (initItems as MenuItemObject[]).filter((item: MenuItemObject) => item.value.toString() === id);\n  //if the menu is not multiple selection\n  if (!multipleSelection) {\n    //if the item is already selected (itemExist === true): return an empty array (deselect item)\n    //else return the new item selected (object or string depending on the array of items passed)\n    if (itemExist) {\n      setItemsState([]);\n    } else {\n      setItemsState(newItem);\n    }\n  }\n  //if the menu is multiple selection\n  else {\n    if (itemExist) {\n      const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n      setItemsState(listWithoutItem);\n    } else {\n      setItemsState((prevArr) => [...newItem, ...prevArr]);\n    }\n  }\n};\n\n/**\n * @function setToggle\n * @description Set toggle based on menu items change.\n */\nconst setToggle = (\n  multipleSelection: boolean,\n  groupToggleSelection: boolean,\n  initItems: MenuItems,\n  itemsState: any[],\n  setToggleChecked: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  if (multipleSelection && groupToggleSelection) {\n    if (itemsState.length === initItems.length) setToggleChecked(true);\n    if (itemsState.length < initItems.length) setToggleChecked(false);\n  }\n};\n\n/**\n * @deprecated Use Menu component from '@mui/material' module instead.\n */\nexport const Menu = forwardRef<HTMLDivElement, FlowMenuProps>(\n  (\n    {\n      setIsOpen,\n      reactHook,\n      items,\n      hasIcon,\n      multipleSelection,\n      groupToggleSelection,\n      groupLabel = '',\n      toggleLabel,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { state: itemsState, setState: setItemsState } = reactHook;\n    const [toggleChecked, setToggleChecked] = useState(false);\n\n    const onToggleClickHandlerWithUseCallback = useCallback(() => {\n      onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n    }, [items, setItemsState, toggleChecked]);\n\n    //callback fired when an item in the menu list is clicked\n    const onMenuItemClickHandlerWithUseCallback = useCallback(\n      (e, isString) => {\n        onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n      },\n      [items, itemsState, multipleSelection, setItemsState],\n    );\n\n    //Return the menuItem depending on the type of the item (string or MenuItemObject)\n    const handleTypeItem = useCallback(\n      (isString, item) => {\n        const selected = isString\n          ? itemsState.includes(item)\n          : itemsState.some((itemState: MenuItemObject) => itemState.value === item.value);\n        const title = isString ? item : item.title;\n        const id = isString ? item : item.value;\n        return (\n          <MenuItem\n            key={id}\n            id={id}\n            selected={selected}\n            onClick={(e) => onMenuItemClickHandlerWithUseCallback(e, isString)}\n          >\n            {hasIcon && !isString && <Flag flag={item.flag} title={item.title} />}\n            <ListItemText>{title}</ListItemText>\n            {multipleSelection && <Checkbox checked={selected} tabIndex={-1} />}\n          </MenuItem>\n        );\n      },\n      [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback],\n    );\n\n    useEffect(() => {\n      setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n    }, [groupToggleSelection, items, itemsState, multipleSelection]);\n\n    return (\n      <Paper {...rest} ref={ref} sx={{ borderRadius: '0', boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)', ...sx }}>\n        {groupLabel.length > 0 && (\n          <>\n            <MenuItem onClick={() => setIsOpen(false)}>\n              <ListItemText>{groupLabel}</ListItemText>\n              <Icon name=\"close\" sx={{ p: 0.25 }} />\n            </MenuItem>\n            <Divider />\n          </>\n        )}\n        {multipleSelection && groupToggleSelection && (\n          <MenuItem className=\"menu-select-all\">\n            <ListItemText>{toggleLabel ? toggleLabel : 'Select all'}</ListItemText>\n            <Switch onClick={onToggleClickHandlerWithUseCallback} checked={toggleChecked} />\n          </MenuItem>\n        )}\n        <MenuList>\n          {(items as any).map((item: any) => {\n            const isString = typeof item === 'string';\n            return handleTypeItem(isString, item);\n          })}\n        </MenuList>\n      </Paper>\n    );\n  },\n);\n"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","sx","rest","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","Flag","flag","ListItemText","Checkbox","checked","tabIndex","useEffect","length","Paper","Object","assign","borderRadius","boxShadow","_Fragment","Icon","name","p","Divider","className","Switch","MenuList","map"],"mappings":"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"}

package/components/menuItem/index.d.ts

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

package/components/menuItem/menuItem.d.ts

@@ -1,29 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-/**
- * @interface MenuItemProps
- * @description properties definition of the Menu Item
- */
-export interface MenuItemProps extends HTMLAttributes<HTMLSpanElement> {
-    /**
-     * key for the Menu item
-     */
-    key?: any;
-    /**
-     * id for the menu item
-     */
-    id?: any;
-    /**
-     * value of menu item
-     */
-    value?: any;
-    /**
-     *   text or component to show inside the menu item topography
-     */
-    children?: any;
-}
-/**
- * @description SkodaFlow MenuItem component.
- * @param props MenuItemProps
- * @returns React Functional component
- */
-export declare const MenuItem: FC<MenuItemProps>;

package/components/menuItem/menuItem.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{MenuItem as i,ListItemText as t,Typography as n}from"@mui/material";const a=a=>{var{key:l,id:m,value:o,children:c}=a,d=r(a,["key","id","value","children"]);return e(i,Object.assign({id:m,value:o},d,{children:e(t,{children:e(n,{noWrap:!0,children:c})})}),l)};export{a as MenuItem};
-//# sourceMappingURL=menuItem.js.map

package/components/menuItem/menuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuItem.js","sources":["../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { ListItemText, Typography, MenuItem as MuiMenuItem } from '@mui/material';\n/**\n * @interface MenuItemProps\n * @description properties definition of the Menu Item\n */\nexport interface MenuItemProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * key for the Menu item\n   */\n  key?: any;\n  /**\n   * id for the menu item\n   */\n  id?: any;\n  /**\n   * value of menu item\n   */\n  value?: any;\n\n  /**\n   *   text or component to show inside the menu item topography\n   */\n  children?: any;\n}\n\n/**\n * @description SkodaFlow MenuItem component.\n * @param props MenuItemProps\n * @returns React Functional component\n */\nexport const MenuItem: FC<MenuItemProps> = ({ key, id, value, children, ...props }) => {\n  return (\n    <MuiMenuItem key={key} id={id} value={value} {...props}>\n      <ListItemText>\n        <Typography noWrap>{children}</Typography>\n      </ListItemText>\n    </MuiMenuItem>\n  );\n};\n"],"names":["MenuItem","_a","key","id","value","children","props","__rest","_jsx","MuiMenuItem","Object","assign","ListItemText","Typography","noWrap"],"mappings":"kJA+BO,MAAMA,EAA+BC,IAAA,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQJ,EAAKK,EAAKC,EAAAN,EAApC,CAAA,MAAA,KAAA,QAAA,aAC1C,OACEO,EAACC,EAAWC,OAAAC,OAAA,CAAWR,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACpDG,EAACI,EAAY,CAAAP,SACXG,EAACK,EAAU,CAACC,QAAM,EAAAT,SAAEA,QAFNH"}

package/components/mobileStepper/index.d.ts

@@ -1,2 +0,0 @@
-export * from './mobileStepper';
-export * from './mobileStepperButton';

package/components/mobileStepper/mobileStepper.d.ts

@@ -1,47 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import { FC, HTMLAttributes } from 'react';
-/**
- * @deprecated Use MobileStepperProps from @mui/material
- */
-export interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  The number of steps.
-     */
-    steps?: number;
-    /**
-     *  The activeStep of a stepper.
-     */
-    activeStep?: number;
-    /**
-     *  The variant to use.
-     */
-    variant?: 'progress';
-    /**
-     *  A back button element. For instance, it can be a Button or an IconButton.
-     */
-    backButton?: Node;
-    /**
-     *  A next button element. For instance, it can be a Button or an IconButton.
-     */
-    nextButton?: Node;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Props applied to the LinearProgress element.
-     */
-    LinearProgressProps?: object;
-    /**
-     *  The label of previous button.
-     */
-    prevButtonLabel?: string;
-    /**
-     *  The label of next button.
-     */
-    nextButtonLabel?: string;
-}
-/**
- * @deprecated Use Stepper from @mui/material with `compact` property set to true or MobileStepper from @mui/material
- */
-export declare const MobileStepper: FC<MobileStepperProps>;

package/components/mobileStepper/mobileStepper.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import{MobileStepper as i}from"@mui/material";import{useState as r,useEffect as n}from"react";import{MobileStepperButtonNext as o,MobileStepperButtonBack as a}from"./mobileStepperButton.js";const p=p=>{var{steps:s,activeStep:l,variant:c,backButton:m,nextButton:b,prevButtonLabel:x,nextButtonLabel:d,LinearProgressProps:u,sx:B}=p,v=t(p,["steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx"]);const[S,f]=r(l);return n(()=>{f(l)},[l]),e(i,Object.assign({},v,{steps:s,activeStep:S,variant:c,sx:{maxWidth:380,display:"flex",alignItems:"center",position:"static",fontWeight:"400",fontSize:"16px",lineHeight:"16px",letterSpacing:"0.02em"},backButton:e(a,{"data-testid":"MobileStepper.prevBtn",disabled:S<=0,onClick:()=>f(t=>t-1),children:x}),nextButton:e(o,{"data-testid":"MobileStepper.nextBtn",disabled:S>=s-1,onClick:()=>f(t=>t+1),children:d}),"data-testid":"MobileStepper"}))};export{p as MobileStepper};
-//# sourceMappingURL=mobileStepper.js.map

package/components/mobileStepper/mobileStepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobileStepper.js","sources":["../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { MobileStepper as MuiMobileStepper, SxProps, Theme } from '@mui/material';\nimport { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { MobileStepperButtonBack, MobileStepperButtonNext } from './mobileStepperButton';\n\n/**\n * @deprecated Use MobileStepperProps from @mui/material\n */\nexport interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  The number of steps.\n   */\n  steps?: number;\n  /**\n   *  The activeStep of a stepper.\n   */\n  activeStep?: number;\n  /**\n   *  The variant to use.\n   */\n  variant?: 'progress';\n  /**\n   *  A back button element. For instance, it can be a Button or an IconButton.\n   */\n  backButton?: Node;\n  /**\n   *  A next button element. For instance, it can be a Button or an IconButton.\n   */\n  nextButton?: Node;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Props applied to the LinearProgress element.\n   */\n  LinearProgressProps?: object;\n  /**\n   *  The label of previous button.\n   */\n  prevButtonLabel?: string;\n  /**\n   *  The label of next button.\n   */\n  nextButtonLabel?: string;\n}\n\n/**\n * @deprecated Use Stepper from @mui/material with `compact` property set to true or MobileStepper from @mui/material\n */\nexport const MobileStepper: FC<MobileStepperProps> = ({\n  steps,\n  activeStep,\n  variant,\n  backButton,\n  nextButton,\n  prevButtonLabel,\n  nextButtonLabel,\n  LinearProgressProps,\n  sx,\n  ...props\n}) => {\n  const [currentStep, setCurrentStep] = useState(activeStep);\n\n  // change current step on change of active step\n  useEffect(() => {\n    setCurrentStep(activeStep);\n  }, [activeStep]);\n\n  return (\n    <MuiMobileStepper\n      {...props}\n      steps={steps}\n      activeStep={currentStep}\n      variant={variant}\n      sx={{\n        maxWidth: 380,\n        display: 'flex',\n        alignItems: 'center',\n        position: 'static',\n        fontWeight: '400',\n        fontSize: '16px',\n        lineHeight: '16px',\n        letterSpacing: '0.02em',\n      }}\n      backButton={\n        <MobileStepperButtonBack\n          data-testid=\"MobileStepper.prevBtn\"\n          disabled={currentStep <= 0}\n          onClick={() => setCurrentStep((prev) => prev - 1)}\n        >\n          {prevButtonLabel}\n        </MobileStepperButtonBack>\n      }\n      nextButton={\n        <MobileStepperButtonNext\n          data-testid=\"MobileStepper.nextBtn\"\n          disabled={currentStep >= steps - 1}\n          onClick={() => setCurrentStep((prev) => prev + 1)}\n        >\n          {nextButtonLabel}\n        </MobileStepperButtonNext>\n      }\n      data-testid=\"MobileStepper\"\n    />\n  );\n};\n"],"names":["MobileStepper","_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","useEffect","_jsx","MuiMobileStepper","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","MobileStepperButtonBack","disabled","onClick","prev","children","MobileStepperButtonNext"],"mappings":"qQAiDO,MAAMA,EAAyCC,QAAAC,MACpDA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,EAAKC,EAAAX,EAV4C,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAYpD,MAAOY,EAAaC,GAAkBC,EAASZ,GAO/C,OAJAa,EAAU,KACRF,EAAeX,IACd,CAACA,IAGFc,EAACC,mBACKP,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACFS,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBrB,WACEY,EAACU,iBACa,wBACZC,SAAUf,GAAe,EACzBgB,QAAS,IAAMf,EAAgBgB,GAASA,EAAO,GAAEC,SAEhDxB,IAGLD,WACEW,EAACe,EAAuB,CAAA,cACV,wBACZJ,SAAUf,GAAeX,EAAQ,EACjC2B,QAAS,IAAMf,EAAgBgB,GAASA,EAAO,GAAEC,SAEhDvB,IACuB,cAEhB"}

package/components/mobileStepper/mobileStepperButton.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from '@mui/material';
-export declare const MobileStepperButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MobileStepperButtonNext: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MobileStepperButtonBack: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;