@skodaflow/web-library 4.0.3 → 4.2.0

package/components/cardMenu/styled/menuListStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[null],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","width","border","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","text","cursor"],"mappings":"yIAIa,MAAAA,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEkB,EAAGI,QAAOC,uBACxD,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAa,CAAA,EAoFjB,OAnFAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBC,MAAO,QAET,4BAA6B,CAC3BC,OAAQ,oCAEV,sBAAuB,CACrBd,YAAa,QAGjB,mEAAoE,CAClEe,MAAOlB,EAAMS,QAAQU,UAAUC,MAC/BC,WAAY,SACZhB,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBa,MAAOI,EAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACjBP,MAAO,GAAGI,EAAWC,SAASC,sBAGlC,UAAW,CACThB,WAAYc,EAAWI,QAAQF,SAEjC,4BAA6B,CAC3BrB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBwB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZjB,SAAU,QACVK,MAAO,OACPb,YAAa,OACb,oBAAqB,CACnBe,MAAOlB,EAAMS,QAAQsB,KAAKP,QAC1BM,QAAS,WAGb,qBAAsB,CACpBzB,QAAS,sBACT,wBAAyB,CACvBwB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTpB,WAAYR,EAAMS,QAAQD,WAAWgB,QACrCQ,OAAQ,WAEV,0BAA2B,CACzBd,MAAOlB,EAAMS,QAAQU,UAAUC,MAC/BjB,YAAaD,EAAkBE,iBAC/B4B,OAAQ,WAEV,4BAA6B,CAC3B7B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWgB,QACrCQ,OAAQ,cAMT1B,CAAK"}
+{"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MenuList from '@mui/material/MenuList';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const MenuListStyled = styled(MenuList, {\n    shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})(({ theme, allowMultiselect }) => {\n    const conditionalStyles = allowMultiselect\n        ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n        : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n    let style = {};\n    style = {\n        boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n        background: theme.palette.background.white,\n        padding: '0px',\n        minWidth: '105px',\n        maxWidth: '222px',\n        '& > .menu-item-divider': {\n            margin: '0px !important',\n        },\n        '& > .menu-content-items': {\n            maxHeight: '240px',\n            overflowY: 'overlay',\n            '& .MuiCheckbox-root': {\n                marginRight: '4px',\n            },\n        },\n        '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n            color: theme.palette.onSurface.os900,\n            whiteSpace: 'nowrap',\n            padding: conditionalStyles.padding,\n            '&.Mui-disabled': {\n                color: flowColors.disabled.primary,\n                opacity: 1,\n                '& .MuiIcon-root': {\n                    color: `${flowColors.disabled.primary}!important`,\n                },\n            },\n            '&:hover': {\n                background: flowColors.surface.primary,\n            },\n            '& > .MuiListItemText-root': {\n                marginRight: conditionalStyles.marginRight,\n            },\n            '& .MuiTypography-root': {\n                fontSize: '16px',\n                lineHeight: '24px',\n                fontWeight: '400',\n            },\n            '& > .MuiListItemIcon-root': {\n                display: 'inline-block',\n                lineHeight: '21px',\n                minWidth: 'unset',\n                width: '20px',\n                marginRight: '16px',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.text.primary,\n                    display: 'inline',\n                },\n            },\n            '&.menu-item-header': {\n                padding: '12px 12px 12px 24px',\n                '& .MuiTypography-root': {\n                    fontWeight: '700',\n                    lineHeight: '20px',\n                },\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n                '& .MuiListItemIcon-root': {\n                    color: theme.palette.onSurface.os900,\n                    marginRight: conditionalStyles.marginRightCross,\n                    cursor: 'pointer',\n                },\n                '& > .MuiListItemText-root': {\n                    marginRight: '15px',\n                },\n            },\n            '&.menu-select-all': {\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n            },\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=menuListStyled.js.map"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"yIAGY,MAACA,EAAiBC,EAAOC,EAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHH,EAE3B,EAAGI,QAAOC,uBACT,MAAMC,EAAoBD,EACpB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAC9D,IAAIC,EAAQ,CAAA,EA6EZ,OA5EAA,EAAQ,CACJC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACtBC,OAAQ,kBAEZ,0BAA2B,CACvBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACnBZ,YAAa,QAGrB,mEAAoE,CAChEa,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/BC,WAAY,SACZd,QAASH,EAAkBG,QAC3B,iBAAkB,CACdW,MAAOI,EAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAWC,SAASC,sBAGtC,UAAW,CACPd,WAAYY,EAAWI,QAAQF,SAEnC,4BAA6B,CACzBnB,YAAaD,EAAkBC,aAEnC,wBAAyB,CACrBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,4BAA6B,CACzBC,QAAS,eACTF,WAAY,OACZf,SAAU,QACVkB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACjBa,MAAOhB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGjB,qBAAsB,CAClBvB,QAAS,sBACT,wBAAyB,CACrBsB,WAAY,MACZD,WAAY,QAEhB,UAAW,CACPlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEZ,0BAA2B,CACvBf,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/Bf,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEZ,4BAA6B,CACzB5B,YAAa,SAGrB,oBAAqB,CACjB,UAAW,CACPK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAKjBzB,CAAK"}

package/components/cardMenu/styled/popperStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[null],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"kEAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
+{"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Popper } from '@mui/base';\nexport const PopperStyled = styled(Popper, {\n    shouldForwardProp: (propName) => propName !== 'rounded',\n})(({ theme, rounded }) => {\n    return {\n        zIndex: '100',\n        background: theme.palette.background.primary,\n        '& > *': {\n            borderRadius: rounded ? '4px' : undefined,\n        },\n    };\n});\n//# sourceMappingURL=popperStyled.js.map"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"kEAEY,MAACA,EAAeC,EAAOC,EAAQ,CACvCC,kBAAoBC,GAA0B,YAAbA,GADTH,EAEzB,EAAGI,QAAOC,cACF,CACHC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACLC,aAAcL,EAAU,WAAQM"}

package/components/checkbox/checkbox.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, HTMLAttributes } from 'react';
 /**
  * @interface CheckboxProps
  * @description Base definition of SkodaFlow Checkbox independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
+export interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
     /**
      *  Indeterminate state of checkbox, half checked.
      */

package/components/checkbox/checkbox.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import o,{useState as t}from"react";import i from"@mui/material/Checkbox";import{styled as a}from"@mui/material/styles";import l from"../common/styled/formControlLabelStyled.js";import{FormGroup as m}from"@mui/material";const d=o.forwardRef(((o,a)=>{var{error:d}=o,c=r(o,["error"]);const{label:f,defaultChecked:s,indeterminate:h,onChange:p,disabled:u}=c,[b,g]=t(s||!1),y=e(n,{children:e(i,Object.assign({},c,{defaultChecked:s,indeterminate:h&&b,disabled:u,color:d?"error":void 0,ref:a,onChange:r=>{g(r.target.checked),"function"==typeof p&&p(r,r.target.checked)}}))});return e(m,{children:e(l,{control:y,label:f,disabled:u,error:d})})})),n=a("div",{shouldForwardProp:r=>"error"!==r&&"disabled"!==r})((e=>{r(e,["theme"]);let o={};return o={display:"flex","& + .MuiTypography-root":{"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},o}));export{d as Checkbox};
+import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as o,useState as t}from"react";import i from"@mui/material/Checkbox";import{styled as a}from"@mui/material/styles";import l from"../common/styled/formControlLabelStyled.js";import{FormGroup as m}from"@mui/material";const n=o(((o,a)=>{var{error:n}=o,c=r(o,["error"]);const{label:s,defaultChecked:f,indeterminate:h,onChange:p,disabled:u}=c,[b,g]=t(f||!1),y=e(d,{children:e(i,Object.assign({},c,{defaultChecked:f,indeterminate:h&&b,disabled:u,color:n?"error":void 0,ref:a,onChange:r=>{g(r.target.checked),"function"==typeof p&&p(r,r.target.checked)}}))});return e(m,{children:e(l,{control:y,label:s,disabled:u,error:n})})})),d=a("div",{shouldForwardProp:r=>"error"!==r&&"disabled"!==r})((()=>{let r={};return r={display:"flex","& + .MuiTypography-root":{"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},r}));export{n as Checkbox};
 //# sourceMappingURL=checkbox.js.map

package/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","React","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"mSAqEO,MAAMA,EAAWC,EAAMC,YAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAJ,EAAjB,WAC1E,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EACC,CAAAC,SAAAF,EAACG,EACKC,OAAAC,OAAA,CAAA,EAAAhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EACC,CAAAT,SAAAF,EAACY,EAAuB,CAAAC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAEvF,IAOEa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEmC5B,IAAgBI,EAAAJ,EAAhB,WACxD,IAAI+B,EAAS,CAAA,EAcb,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, forwardRef } from 'react';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport { styled } from '@mui/material/styles';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { FormGroup } from '@mui/material';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n */\nexport const Checkbox = forwardRef((_a, ref) => {\n    var { error } = _a, props = __rest(_a, [\"error\"]);\n    const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n    const [_checkState, setCheck] = useState(defaultChecked || false);\n    const _checkStateChange = (e) => {\n        setCheck(e.target.checked);\n        typeof onChange === 'function' && onChange(e, e.target.checked);\n    };\n    const _checkbox = (_jsx(CheckboxStyled, { children: _jsx(MuiCheckbox, Object.assign({}, props, { defaultChecked: defaultChecked, indeterminate: indeterminate && _checkState, disabled: disabled, color: error ? 'error' : undefined, ref: ref, onChange: _checkStateChange })) }));\n    return (_jsx(FormGroup, { children: _jsx(FormControlLabelStyled, { control: _checkbox, label: label, disabled: disabled, error: error }) }));\n});\n/**\n * @description Checkbox styling definition based on props\n */\nconst CheckboxStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})(() => {\n    let styles = {};\n    styles = {\n        display: 'flex',\n        '& + .MuiTypography-root': {\n            '& a': {\n                color: 'inherit',\n                textDecoration: 'underline',\n                fontWeight: '700',\n            },\n            '& *': {\n                margin: 0,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=checkbox.js.map"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"gTAcY,MAACA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,MAAEA,GAAUF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,UACxC,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAKrDO,EAAaC,EAAKC,EAAgB,CAAEC,SAAUF,EAAKG,EAAaC,OAAOC,OAAO,CAAA,EAAIhB,EAAO,CAAEG,eAAgBA,EAAgBC,cAAeA,GAAiBG,EAAaD,SAAUA,EAAUW,MAAOlB,EAAQ,aAAUmB,EAAWpB,IAAKA,EAAKO,SAJrNc,IACvBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAGnE,OAAQV,EAAKW,EAAW,CAAET,SAAUF,EAAKY,EAAwB,CAAEC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAAa,IAK3Ia,EAAiBa,EAAO,MAAO,CACjCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD9BF,EAEpB,KACC,IAAIG,EAAS,CAAA,EAcb,OAbAA,EAAS,CACLC,QAAS,OACT,0BAA2B,CACvB,MAAO,CACHZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEhB,MAAO,CACHC,OAAQ,KAIbJ,CAAM"}

package/components/chip/chipDropdownChildren/chipDropdownChildren.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipDropdownChildrenProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The label referenced to the text field
      */

package/components/chip/chipDropdownChildren/chipDropdownChildren.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsxs as i,Fragment as o,jsx as n}from"react/jsx-runtime";import e,{useState as a,useCallback as t,useMemo as s}from"react";import{ClickAwayListener as m}from"@mui/material";import l from"../chipFocusVisibleStyled.js";import c from"@mui/material/Chip";import{styled as p}from"@mui/material/styles";import d from"../../common/menuContainer.js";import{Icon as f}from"../../icon/icon.js";const h=e.forwardRef(((e,c)=>{var{variant:p}=e,h=r(e,["variant"]);const[b,v]=a(!1),[w,O]=a(!1),g=t((()=>{O(!1)}),[]),x=s((()=>i(o,{children:[h.label,n(f,{className:"chevron-down "+(w?"isOpen":""),fontSize:"small"})]})),[w,h.label]),C=t((()=>{v(!0)}),[]),j=t((r=>{v(!1),h.onBlur&&h.onBlur(r)}),[h]);return n(m,{onClickAway:g,children:i("span",{children:[n("div",{children:n(l,{focusVisible:b,variant:p,children:n(u,{className:"shadow"===p&&"MuiChip-shadow",ref:c,variant:"filled",icon:h.icon?n(f,{className:h.icon}):void 0,disabled:h.disabled,label:x,onClick:()=>O(!w),onFocusVisible:C,onBlur:j,isOpen:w})})}),n(d,{isOpen:w,marginTop:14,isEmptyMenu:!0,children:h.children})]})})})),u=p(c,{shouldForwardProp:r=>"isOpen"!==r})((({theme:r})=>({"& .chevron-down":{marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}}})));export{h as ChipDropdownChildren};
+import{__rest as i}from"tslib";import{jsxs as r,Fragment as o,jsx as n}from"react/jsx-runtime";import{forwardRef as e,useState as a,useCallback as t,useMemo as s}from"react";import{ClickAwayListener as m}from"@mui/material";import l from"../chipFocusVisibleStyled.js";import c from"@mui/material/Chip";import{styled as p}from"@mui/material/styles";import d from"../../common/menuContainer.js";import{Icon as f}from"../../icon/icon.js";const h=e(((e,c)=>{var{variant:p}=e,h=i(e,["variant"]);const[b,v]=a(!1),[w,O]=a(!1),g=t((()=>{O(!1)}),[]),x=s((()=>r(o,{children:[h.label,n(f,{className:"chevron-down "+(w?"isOpen":""),fontSize:"small"})]})),[w,h.label]),C=t((()=>{v(!0)}),[]),j=t((i=>{v(!1),h.onBlur&&h.onBlur(i)}),[h]);return n(m,{onClickAway:g,children:r("span",{children:[n("div",{children:n(l,{focusVisible:b,variant:p,children:n(u,{className:"shadow"===p&&"MuiChip-shadow",ref:c,variant:"filled",icon:h.icon?n(f,{className:h.icon}):void 0,disabled:h.disabled,label:x,onClick:()=>O(!w),onFocusVisible:C,onBlur:j,isOpen:w})})}),n(d,{isOpen:w,marginTop:14,isEmptyMenu:!0,children:h.children})]})})})),u=p(c,{shouldForwardProp:i=>"isOpen"!==i})((()=>({"& .chevron-down":{marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}}})));export{h as ChipDropdownChildren};
 //# sourceMappingURL=chipDropdownChildren.js.map

package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[null],"names":["ChipDropdownChildren","React","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","theme","marginLeft","transform","top","transition","transformOrigin"],"mappings":"saA0CO,MAAMA,EAAuBC,EAAMC,YACxC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAK,CAAAC,UAAW,iBAAgBZ,EAAS,SAAW,IAAMa,SAAS,cAGvE,CAACb,EAAQL,EAAMc,QAEZK,EAAwBX,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGiB,EAASZ,GACZa,IACClB,GAAgB,GACZH,EAAMoB,QAAQpB,EAAMoB,OAAOC,EAAE,GAEnC,CAACrB,IAGH,OACEe,EAACO,EAAkB,CAAAC,YAAahB,EAC9BM,SAAAF,EAAA,OAAA,CAAAE,SAAA,CACEE,EACE,MAAA,CAAAF,SAAAE,EAACS,EAAsB,CAACC,aAAcvB,EAAeH,QAASA,EAC5Dc,SAAAE,EAACW,EAA0B,CACzBT,UAAuB,WAAZlB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT4B,KAAM3B,EAAM2B,KAAOZ,EAACC,EAAI,CAACC,UAAWjB,EAAM2B,YAAWC,EACrDC,SAAU7B,EAAM6B,SAChBf,MAAOL,EACPqB,QAAS,IAAMxB,GAAWD,GAC1B0B,eAAgBZ,EAChBC,OAAQA,EACRf,OAAQA,QAIdU,EAACiB,EAAc,CAAA3B,OAAQA,EAAQ4B,UAAW,GAAIC,aAC3C,EAAArB,SAAAb,EAAMa,eAIb,IAOAa,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,EAAGI,YAAa,CACxG,kBAAmB,CACjBC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}
+{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState, useCallback, useMemo, forwardRef } from 'react';\nimport { ClickAwayListener } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const ChipDropdownChildren = forwardRef((_a, ref) => {\n    var { variant } = _a, props = __rest(_a, [\"variant\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n    const handleClickAway = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n    const renderLabel = useMemo(() => {\n        return (_jsxs(_Fragment, { children: [props.label, _jsx(Icon, { className: `chevron-down ${isOpen ? 'isOpen' : ''}`, fontSize: \"small\" })] }));\n    }, [isOpen, props.label]);\n    const onFocusVisibleHandler = useCallback(() => {\n        setFocusVisible(true);\n    }, []);\n    const onBlur = useCallback((e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    }, [props]);\n    return (_jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsxs(\"span\", { children: [_jsx(\"div\", { children: _jsx(ChipFocusVisibleStyled, { focusVisible: focusVisibled, variant: variant, children: _jsx(ChipDropdownChildrenStyled, { className: variant === 'shadow' && 'MuiChip-shadow', ref: ref, variant: 'filled', icon: props.icon ? _jsx(Icon, { className: props.icon }) : undefined, disabled: props.disabled, label: renderLabel, onClick: () => setIsOpen(!isOpen), onFocusVisible: onFocusVisibleHandler, onBlur: onBlur, isOpen: isOpen }) }) }), _jsx(MenuContainer, { isOpen: isOpen, marginTop: 14, isEmptyMenu: true, children: props.children })] }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'isOpen',\n})(() => ({\n    '& .chevron-down': {\n        marginLeft: '8px',\n        transform: 'rotate(0deg)',\n        top: '4px',\n        transition: 'transform 0.6s',\n        '&.isOpen': {\n            transform: 'rotate(180deg) translateY(2px)',\n            transformOrigin: '50%',\n        },\n    },\n}));\n//# sourceMappingURL=chipDropdownChildren.js.map"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"mbAeY,MAACA,EAAuBC,GAAW,CAACC,EAAIC,KAChD,IAAIC,QAAEA,GAAYF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,YAC1C,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAC/BG,EAAkBC,GAAY,KAChCF,GAAU,EAAM,GACjB,IACGG,EAAcC,GAAQ,IAChBC,EAAMC,EAAW,CAAEC,SAAU,CAACb,EAAMc,MAAOC,EAAKC,EAAM,CAAEC,UAAW,iBAAgBZ,EAAS,SAAW,IAAMa,SAAU,cAChI,CAACb,EAAQL,EAAMc,QACZK,EAAwBX,GAAY,KACtCL,GAAgB,EAAK,GACtB,IACGiB,EAASZ,GAAaa,IACxBlB,GAAgB,GACZH,EAAMoB,QACNpB,EAAMoB,OAAOC,EAAE,GACpB,CAACrB,IACJ,OAAQe,EAAKO,EAAmB,CAAEC,YAAahB,EAAiBM,SAAUF,EAAM,OAAQ,CAAEE,SAAU,CAACE,EAAK,MAAO,CAAEF,SAAUE,EAAKS,EAAwB,CAAEC,aAAcvB,EAAeH,QAASA,EAASc,SAAUE,EAAKW,EAA4B,CAAET,UAAuB,WAAZlB,GAAwB,iBAAkBD,IAAKA,EAAKC,QAAS,SAAU4B,KAAM3B,EAAM2B,KAAOZ,EAAKC,EAAM,CAAEC,UAAWjB,EAAM2B,YAAUC,EAAWC,SAAU7B,EAAM6B,SAAUf,MAAOL,EAAaqB,QAAS,IAAMxB,GAAWD,GAAS0B,eAAgBZ,EAAuBC,OAAQA,EAAQf,OAAQA,QAAiBU,EAAKiB,EAAe,CAAE3B,OAAQA,EAAQ4B,UAAW,GAAIC,aAAa,EAAMrB,SAAUb,EAAMa,eAAoB,IAK3pBa,EAA6BS,EAAOC,EAAS,CAC/CC,kBAAoBC,GAAkB,WAATA,GADEH,EAEhC,KAAO,CACN,kBAAmB,CACfI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACRF,UAAW,iCACXG,gBAAiB"}

package/components/chip/chipFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ChipFocusVisibleStyled","styled","focusVisible","variant","display","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined"],"mappings":"wGAGA,MAAMA,EAAyBC,EAAO,MAAPA,EAAuD,EAAGC,eAAcC,cAC9F,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaM,EAAiBC,yBAAsBC"}
+{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StylesDefinition } from '../../design/skoda/theme.constants';\nconst ChipFocusVisibleStyled = styled('div')(({ focusVisible, variant }) => {\n    return {\n        display: 'inline-flex',\n        borderRadius: variant === 'image' ? 6 : 50,\n        transition: 'none',\n        boxShadow: focusVisible ? `0 0 0 2px ${StylesDefinition.focusVisibleColor}` : undefined,\n    };\n});\nexport default ChipFocusVisibleStyled;\n//# sourceMappingURL=chipFocusVisibleStyled.js.map"],"names":["ChipFocusVisibleStyled","styled","focusVisible","variant","display","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined"],"mappings":"wGAEK,MAACA,EAAyBC,EAAO,MAAPA,EAAc,EAAGC,eAAcC,cACnD,CACHC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaM,EAAiBC,yBAAsBC"}

package/components/chip/chipImage/chipImage.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The label referenced to the text field.
      */

package/components/chip/chipImage/chipImage.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import t,{useState as a,useRef as o,useCallback as n}from"react";import l from"@mui/material/Chip";import{styled as d}from"@mui/material/styles";import{ClassNaming as c}from"../../../design/skoda/theme.constants.js";import p from"../chipFocusVisibleStyled.js";const s=t.forwardRef(((l,d)=>{const{onBlur:s,children:h,label:f,disabled:u,variant:g="image",imageUrl:b,imageAlt:x,isChecked:y,onChange:v,name:w,id:C=`chip-image-${Date.now()}`,debug:k=!1}=l,[j,S]=a(!1),B=o(),F=e=>{v&&v(e,!y)},M=n((e=>{S(!1),s&&s(e)}),[s]),R=n((e=>{B&&B.current.click()}),[]),V=n((e=>{S(!0)}),[]),A=t.forwardRef(((t,a)=>{var o=e(t,["onChange"]);return r("div",Object.assign({},o,{ref:a,children:[i("input",{ref:B,onChange:F,type:"checkbox",id:C,name:w,value:C,checked:y,readOnly:!0}),i("img",{src:b,alt:x}),i("div",{children:i("span",{children:h||f})})]}))}));return i(p,{focusVisible:j,variant:g,children:i(m,{ref:d,component:A,label:f,disabled:u,onClick:R,className:y?c.selected:"",onFocusVisible:V,onBlur:M,variant:"filled",color:y?"primary":"default"})})})),m=d(l)((({theme:e})=>({"& div":{width:"100%",whiteSpace:"pre-wrap"},"&.MuiChip-root":{backgroundColor:e.palette.surface.primary,borderRadius:"4px",height:"auto",width:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"11px 0 13px 0",overflow:"hidden","&:hover":{span:{color:e.palette.onSurface.os600}},"&.Mui-checked":{backgroundColor:e.palette.brand.quarternary,span:{color:e.palette.brand.primary},"&:hover":{span:{color:e.palette.brandHover.primary}}},"&.Mui-disabled":{backgroundColor:e.palette.surface.primary,span:{color:e.palette.disabled.primary}},"&:active":{boxShadow:"none"},"& > input":{display:"none"},div:{display:"flex",flexGrow:1},span:{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"400",color:e.palette.onSurface.os800,width:"100%",padding:"0 10px"},"& img":{width:"100%",height:"68px",objectFit:"cover",marginBottom:"2px"}}})));export{s as ChipImage};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as o,useCallback as n}from"react";import l from"@mui/material/Chip";import{styled as c}from"@mui/material/styles";import{ClassNaming as p}from"../../../design/skoda/theme.constants.js";import d from"../chipFocusVisibleStyled.js";const s=t(((l,c)=>{const{onBlur:s,children:h,label:u,disabled:f,variant:g="image",imageUrl:b,imageAlt:x,isChecked:y,onChange:v,name:C,id:k=`chip-image-${Date.now()}`}=l,[w,j]=a(!1),S=o(),B=e=>{v&&v(e,!y)},F=n((e=>{j(!1),s&&s(e)}),[s]),M=n((()=>{S&&S.current.click()}),[]),V=n((()=>{j(!0)}),[]),A=t(((t,a)=>{var o=e(t,["onChange"]);return i("div",Object.assign({},o,{ref:a,children:[r("input",{ref:S,onChange:B,type:"checkbox",id:k,name:C,value:k,checked:y,readOnly:!0}),r("img",{src:b,alt:x}),r("div",{children:r("span",{children:h||u})})]}))}));return r(d,{focusVisible:w,variant:g,children:r(m,{ref:c,component:A,label:u,disabled:f,onClick:M,className:y?p.selected:"",onFocusVisible:V,onBlur:F,variant:"filled",color:y?"primary":"default"})})})),m=c(l)((({theme:e})=>({"& div":{width:"100%",whiteSpace:"pre-wrap"},"&.MuiChip-root":{backgroundColor:e.palette.surface.primary,borderRadius:"4px",height:"auto",width:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"11px 0 13px 0",overflow:"hidden","&:hover":{span:{color:e.palette.onSurface.os600}},"&.Mui-checked":{backgroundColor:e.palette.brand.quarternary,span:{color:e.palette.brand.primary},"&:hover":{span:{color:e.palette.brandHover.primary}}},"&.Mui-disabled":{backgroundColor:e.palette.surface.primary,span:{color:e.palette.disabled.primary}},"&:active":{boxShadow:"none"},"& > input":{display:"none"},div:{display:"flex",flexGrow:1},span:{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"400",color:e.palette.onSurface.os800,width:"100%",padding:"0 10px"},"& img":{width:"100%",height:"68px",objectFit:"cover",marginBottom:"2px"}}})));export{s as ChipImage};
 //# sourceMappingURL=chipImage.js.map

package/components/chip/chipImage/chipImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[null],"names":["ChipImage","React","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","debug","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"qVA8DO,MAAMA,EAAYC,EAAMC,YAA2C,CAACC,EAAOC,KAChF,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,QAAOC,MAC/BA,GAAQ,GACNf,GACGgB,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBZ,GACFA,EAASY,GAAMb,EAChB,EAGGc,EAAiBC,GACpBC,IACCR,GAAiB,GACbf,GACFA,EAAOuB,EACR,GAEH,CAACvB,IAGGwB,EAAkBF,GAAaC,IAC/BN,GACFA,EAAmBQ,QAAQC,OAC5B,GACA,IAEGC,EAAyBL,GAAaC,IAC1CR,GAAiB,EAAK,GACrB,IAEGa,EAAiBhC,EAAMC,YAC3B,CAACgC,EAA4CC,SAAlBC,EAAcC,EAAAH,EAAxC,cAAqD,OACpDI,EAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK+B,EAC5B7B,SAAA,CAAAmC,EAAA,QAAA,CACErC,IAAKkB,EACLT,SAAUW,EACVkB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAO,OAAA,CAAAnC,SAAAA,GAAYC,SAGxB,IAGH,OACEkC,EAACO,EAAsB,CAACC,aAAc9B,EAAgBV,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWlB,EACX1B,MAAOA,EACPC,SAAUA,EACV4C,QAASvB,EACTwB,UAAWzC,EAAY0C,EAAYC,SAAW,GAC9CC,eAAgBxB,EAChB3B,OAAQqB,EACRjB,QAAS,SACTgD,MAAO7C,EAAY,UAAY,aAGnC,IAMEsC,EAAkBQ,EAAOC,EAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQxD,SAAS0D,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
+{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useState, useRef, forwardRef } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { ClassNaming } from '../../../design/skoda/theme.constants';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const ChipImage = forwardRef((props, ref) => {\n    const { onBlur, children, label, disabled, variant = 'image', imageUrl, imageAlt, isChecked, onChange, name, id = `chip-image-${Date.now()}`, } = props;\n    const [_focusVisibled, _setFocusVisible] = useState(false);\n    const _checkboxComponent = useRef();\n    const _onChangeTrigger = (evt) => {\n        if (onChange) {\n            onChange(evt, !isChecked);\n        }\n    };\n    const _onBlurHandler = useCallback((e) => {\n        _setFocusVisible(false);\n        if (onBlur) {\n            onBlur(e);\n        }\n    }, [onBlur]);\n    const _onClickHandler = useCallback(() => {\n        if (_checkboxComponent) {\n            _checkboxComponent.current.click();\n        }\n    }, []);\n    const _onFocusVisibleHandler = useCallback(() => {\n        _setFocusVisible(true);\n    }, []);\n    const ImageComponent = forwardRef((_a, _ref) => {\n        var { onChange: _onChange } = _a, componentProps = __rest(_a, [\"onChange\"]);\n        return (_jsxs(\"div\", Object.assign({}, componentProps, { ref: _ref, children: [_jsx(\"input\", { ref: _checkboxComponent, onChange: _onChangeTrigger, type: \"checkbox\", id: id, name: name, value: id, checked: isChecked, readOnly: true }), _jsx(\"img\", { src: imageUrl, alt: imageAlt }), _jsx(\"div\", { children: _jsx(\"span\", { children: children || label }) })] })));\n    });\n    return (_jsx(ChipFocusVisibleStyled, { focusVisible: _focusVisibled, variant: variant, children: _jsx(ChipImageStyled, { ref: ref, component: ImageComponent, label: label, disabled: disabled, onClick: _onClickHandler, className: isChecked ? ClassNaming.selected : '', onFocusVisible: _onFocusVisibleHandler, onBlur: _onBlurHandler, variant: 'filled', color: isChecked ? 'primary' : 'default' }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)(({ theme }) => ({\n    '& div': {\n        width: '100%',\n        whiteSpace: 'pre-wrap',\n    },\n    '&.MuiChip-root': {\n        backgroundColor: theme.palette.surface.primary,\n        borderRadius: '4px',\n        height: 'auto',\n        width: '120px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n        padding: '11px 0 13px 0',\n        overflow: 'hidden',\n        '&:hover': {\n            span: {\n                color: theme.palette.onSurface.os600,\n            },\n        },\n        '&.Mui-checked': {\n            backgroundColor: theme.palette.brand.quarternary,\n            span: {\n                color: theme.palette.brand.primary,\n            },\n            '&:hover': {\n                span: {\n                    color: theme.palette.brandHover.primary,\n                },\n            },\n        },\n        '&.Mui-disabled': {\n            backgroundColor: theme.palette.surface.primary,\n            span: {\n                color: theme.palette.disabled.primary,\n            },\n        },\n        '&:active': {\n            boxShadow: 'none',\n        },\n        '& > input': {\n            display: 'none',\n        },\n        div: {\n            display: 'flex',\n            flexGrow: 1,\n        },\n        span: {\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            textAlign: 'center',\n            fontSize: '14px',\n            lineHeight: '16px',\n            fontWeight: '400',\n            color: theme.palette.onSurface.os800,\n            width: '100%',\n            padding: '0 10px',\n        },\n        '& img': {\n            width: '100%',\n            height: '68px',\n            objectFit: 'cover',\n            marginBottom: '2px',\n        },\n    },\n}));\n//# sourceMappingURL=chipImage.js.map"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"kWAaY,MAACA,EAAYC,GAAW,CAACC,EAAOC,KACxC,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAASC,SAAEA,EAAQC,KAAEA,EAAIC,GAAEA,EAAK,cAAcC,KAAKC,SAAad,GAC3Ie,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IACrBC,EAAoBC,IAClBX,GACAA,EAASW,GAAMZ,EAClB,EAECa,EAAiBC,GAAaC,IAChCR,GAAiB,GACbd,GACAA,EAAOsB,EACV,GACF,CAACtB,IACEuB,EAAkBF,GAAY,KAC5BL,GACAA,EAAmBQ,QAAQC,OAC9B,GACF,IACGC,EAAyBL,GAAY,KACvCP,GAAiB,EAAK,GACvB,IACGa,EAAiB9B,GAAW,CAAC+B,EAAIC,KAChC,IAA+BC,EAAiBC,EAAOH,EAAI,CAAC,aAC/D,OAAQI,EAAM,MAAOC,OAAOC,OAAO,CAAE,EAAEJ,EAAgB,CAAE/B,IAAK8B,EAAM5B,SAAU,CAACkC,EAAK,QAAS,CAAEpC,IAAKiB,EAAoBR,SAAUU,EAAkBkB,KAAM,WAAY1B,GAAIA,EAAID,KAAMA,EAAM4B,MAAO3B,EAAI4B,QAAS/B,EAAWgC,UAAU,IAASJ,EAAK,MAAO,CAAEK,IAAKnC,EAAUoC,IAAKnC,IAAa6B,EAAK,MAAO,CAAElC,SAAUkC,EAAK,OAAQ,CAAElC,SAAUA,GAAYC,SAAkB,IAE9W,OAAQiC,EAAKO,EAAwB,CAAEC,aAAc9B,EAAgBT,QAASA,EAASH,SAAUkC,EAAKS,EAAiB,CAAE7C,IAAKA,EAAK8C,UAAWlB,EAAgBzB,MAAOA,EAAOC,SAAUA,EAAU2C,QAASvB,EAAiBwB,UAAWxC,EAAYyC,EAAYC,SAAW,GAAIC,eAAgBxB,EAAwB1B,OAAQoB,EAAgBhB,QAAS,SAAU+C,MAAO5C,EAAY,UAAY,aAAiB,IAK7YqC,EAAkBQ,EAAOC,EAAPD,EAAgB,EAAGE,YAAa,CACpD,QAAS,CACLC,MAAO,OACPC,WAAY,YAEhB,iBAAkB,CACdC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACPC,KAAM,CACFlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGvC,gBAAiB,CACbd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACFlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE/B,UAAW,CACPS,KAAM,CACFlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAI5C,iBAAkB,CACdH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACFlB,MAAOG,EAAMI,QAAQvD,SAASyD,UAGtC,WAAY,CACRe,UAAW,QAEf,YAAa,CACTZ,QAAS,QAEba,IAAK,CACDb,QAAS,OACTc,SAAU,GAEdR,KAAM,CACFN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEb,QAAS,CACLZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/components/chip/chipMultiselect/multiSelectChip.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { PaperProps } from '../../menu';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface MultiSelectChipProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
+export interface MultiSelectChipProps extends HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
     /**
      * The label referenced to the text field
      */

package/components/chip/chipMultiselect/multiSelectChip.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as o,Fragment as t,jsx as r}from"react/jsx-runtime";import i,{useState as n,useCallback as a,useMemo as l}from"react";import s from"@mui/material/Chip";import{styled as c}from"@mui/material/styles";import{Icon as m}from"../../icon/icon.js";import p from"../chipFocusVisibleStyled.js";import{ClickAwayListener as d}from"@mui/material";import h from"../../common/menuContainer.js";const g=i.forwardRef(((i,s)=>{var{variant:c,label:g,disabled:f,icon:b}=i,k=e(i,["variant","label","disabled","icon"]);const[x,H]=n(!1),[O,v]=n(!1),[S,w]=n(!1),C=a((e=>{e.stopPropagation(),k.reactHook.setState([])}),[k.reactHook]),j=l((()=>o(t,{children:[g,k.reactHook.state.length>0&&r("span",{className:"count",children:r("span",{children:k.reactHook.state.length})}),k.reactHook.state.length>0&&r(m,{color:"inherit",className:"ballotx",fontSize:"small",onClick:C})||r(m,{color:"inherit",className:"chevron-down "+(S?"isOpen":""),fontSize:"small"})]})),[S,g,C,k.reactHook.state.length]),y=a((e=>{H(!1),k.onBlur&&k.onBlur(e)}),[k]),L=a((()=>{w((e=>!e)),v((e=>!e))}),[]),N=a((()=>{w(!1),v(!1)}),[]),I=a((()=>{H(!0)}),[]);return r(t,{children:r(d,{onClickAway:N,children:o("span",{children:[r("div",{children:r(p,{focusVisible:x,variant:c,children:r(u,{className:"shadow"===c&&"MuiChip-shadow",ref:s,variant:"filled",icon:b?r(m,{className:`${b}`}):void 0,label:j,disabled:f,onClick:L,color:O||k.reactHook.state.length?"primary":"default",onFocusVisible:I,onBlur:y,count:k.reactHook.state.length,isOpen:S})})}),r(h,{disabled:f,isOpen:S,items:k.items,hasIcon:k.hasIcon,multipleSelection:!0,groupToggleSelection:k.groupToggleSelection,groupLabel:k.groupLabel,reactHook:k.reactHook,width:182,marginTop:14,setIsOpen:w,toggleLabel:k.toggleLabel})]})})})})),u=c(s,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e,count:o,isOpen:t})=>{const r=e.palette;let i={"& .chevron-down":{color:"inherit",marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}},"& .ballotx":{color:"inherit"},"& .count":{color:r.onSurface.os0,borderRadius:"50%",backgroundColor:r.brand.primary,minWidth:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"700",margin:"0 8px",padding:"0 4px"}};return i=Object.assign(Object.assign({},i),{}),i}));export{g as MultiSelectChip};
+import{__rest as e}from"tslib";import{jsxs as o,Fragment as t,jsx as r}from"react/jsx-runtime";import{forwardRef as i,useState as a,useCallback as n,useMemo as l}from"react";import s from"@mui/material/Chip";import{styled as c}from"@mui/material/styles";import{Icon as m}from"../../icon/icon.js";import p from"../chipFocusVisibleStyled.js";import{ClickAwayListener as d}from"@mui/material";import h from"../../common/menuContainer.js";const g=i(((i,s)=>{var{variant:c,label:g,disabled:f,icon:b}=i,k=e(i,["variant","label","disabled","icon"]);const[x,H]=a(!1),[v,O]=a(!1),[S,C]=a(!1),j=n((e=>{e.stopPropagation(),k.reactHook.setState([])}),[k.reactHook]),w=l((()=>o(t,{children:[g,k.reactHook.state.length>0&&r("span",{className:"count",children:r("span",{children:k.reactHook.state.length})}),k.reactHook.state.length>0&&r(m,{color:"inherit",className:"ballotx",fontSize:"small",onClick:j})||r(m,{color:"inherit",className:"chevron-down "+(S?"isOpen":""),fontSize:"small"})]})),[S,g,j,k.reactHook.state.length]),y=n((e=>{H(!1),k.onBlur&&k.onBlur(e)}),[k]),L=n((()=>{C((e=>!e)),O((e=>!e))}),[]),N=n((()=>{C(!1),O(!1)}),[]),I=n((()=>{H(!0)}),[]);return r(t,{children:r(d,{onClickAway:N,children:o("span",{children:[r("div",{children:r(p,{focusVisible:x,variant:c,children:r(u,{className:"shadow"===c&&"MuiChip-shadow",ref:s,variant:"filled",icon:b?r(m,{className:`${b}`}):void 0,label:w,disabled:f,onClick:L,color:v||k.reactHook.state.length?"primary":"default",onFocusVisible:I,onBlur:y,count:k.reactHook.state.length,isOpen:S})})}),r(h,{disabled:f,isOpen:S,items:k.items,hasIcon:k.hasIcon,multipleSelection:!0,groupToggleSelection:k.groupToggleSelection,groupLabel:k.groupLabel,reactHook:k.reactHook,width:182,marginTop:14,setIsOpen:C,toggleLabel:k.toggleLabel})]})})})})),u=c(s,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e})=>{const o=e.palette;let t={"& .chevron-down":{color:"inherit",marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}},"& .ballotx":{color:"inherit"},"& .count":{color:o.onSurface.os0,borderRadius:"50%",backgroundColor:o.brand.primary,minWidth:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"700",margin:"0 8px",padding:"0 4px"}};return t=Object.assign(Object.assign({},t),{}),t}));export{g as MultiSelectChip};
 //# sourceMappingURL=multiSelectChip.js.map

package/components/chip/chipMultiselect/multiSelectChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[null],"names":["MultiSelectChip","React","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","_Fragment","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"saA+CO,MAAMA,EAAkBC,EAAMC,YACnC,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAArCC,EAAAP,EAAA,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAE/BK,EAAsBC,GACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,GAAQ,IAElBC,eACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAA,OAAA,CAAMC,UAAU,iBACdD,EAAO,OAAA,CAAAE,SAAAtB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAACG,GAAKC,MAAM,UAAUH,UAAU,UAAUI,SAAS,QAAQC,QAASjB,KAChEW,EAACG,EAAK,CAAAC,MAAM,UAAUH,UAAW,iBAAgBd,EAAS,SAAW,IAAMkB,SAAS,cAG7F,CAAClB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDQ,EAASjB,GACZC,IACCR,GAAgB,GACZH,EAAM2B,QAAQ3B,EAAM2B,OAAOhB,EAAE,GAEnC,CAACX,IAGG4B,EAAkBlB,GAAY,KAClCF,GAAWqB,IAAUA,IACrBvB,GAAauB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBpB,GAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEGyB,EAAwBrB,GAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,EACEY,EAAA,CAAAV,SAAAF,EAACa,EAAkB,CAAAC,YAAaJ,EAAeR,SAC7CL,oBACEG,EACE,MAAA,CAAAE,SAAAF,EAACe,EAAuB,CAAAC,aAAclC,EAAeN,QAASA,WAC5DwB,EAACiB,GACChB,UAAuB,WAAZzB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAACG,EAAI,CAACF,UAAW,GAAGtB,WAAauC,EAC9CzC,MAAOkB,EACPjB,SAAUA,EACV4B,QAASE,EACTJ,MAAOnB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DoB,eAAgBR,EAChBJ,OAAQA,EACRa,MAAOxC,EAAMa,UAAUK,MAAMC,OAC7BZ,OAAQA,QAKda,EAACqB,EAAa,CACZ3C,SAAUA,EACVS,OAAQA,EACRmC,MAAO1C,EAAM0C,MACbC,QAAS3C,EAAM2C,QACfC,mBAAmB,EACnBC,qBAAsB7C,EAAM6C,qBAC5BC,WAAY9C,EAAM8C,WAClBjC,UAAWb,EAAMa,UACjBkC,MAAO,IACPC,UAAW,GACXxC,UAAWA,EACXyC,YAAajD,EAAMiD,oBAK3B,IAOAZ,EAAwBa,EAAOC,EAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,QAAOd,QAAOjC,aACjB,MAAMgD,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBjC,MAAO,UACPkC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZtC,MAAO,WAET,WAAY,CACVA,MAAO+B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChBhD,SAAU,OACViD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAaqB,OAAAC,OAAAD,OAAAC,OAAA,GAAAtB,GA5DM,CAAA,GA8DZA,CAAK"}
+{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { ClickAwayListener } from '@mui/material';\nimport MenuContainer from '../../common/menuContainer';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const MultiSelectChip = forwardRef((_a, ref) => {\n    var { variant, label, disabled, icon } = _a, props = __rest(_a, [\"variant\", \"label\", \"disabled\", \"icon\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [selected, setSelected] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n    const onClickCloseHandler = useCallback((e) => {\n        e.stopPropagation();\n        props.reactHook.setState([]);\n    }, [props.reactHook]);\n    const Count = useMemo(() => {\n        return (_jsxs(_Fragment, { children: [label, props.reactHook.state.length > 0 && (_jsx(\"span\", { className: \"count\", children: _jsx(\"span\", { children: props.reactHook.state.length }) })), (props.reactHook.state.length > 0 && (_jsx(Icon, { color: \"inherit\", className: \"ballotx\", fontSize: \"small\", onClick: onClickCloseHandler }))) || _jsx(Icon, { color: \"inherit\", className: `chevron-down ${isOpen ? 'isOpen' : ''}`, fontSize: \"small\" })] }));\n    }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n    const onBlur = useCallback((e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    }, [props]);\n    const onSelectHandler = useCallback(() => {\n        setIsOpen((curr) => !curr);\n        setSelected((curr) => !curr);\n    }, []);\n    const handleClickAway = useCallback(() => {\n        setIsOpen(false);\n        setSelected(false);\n    }, []);\n    const onFocusVisibleHandler = useCallback(() => {\n        setFocusVisible(true);\n    }, []);\n    return (_jsx(_Fragment, { children: _jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsxs(\"span\", { children: [_jsx(\"div\", { children: _jsx(ChipFocusVisibleStyled, { focusVisible: focusVisibled, variant: variant, children: _jsx(MultiSelectChipStyled, { className: variant === 'shadow' && 'MuiChip-shadow', ref: ref, variant: 'filled', icon: icon ? _jsx(Icon, { className: `${icon}` }) : undefined, label: Count, disabled: disabled, onClick: onSelectHandler, color: selected || props.reactHook.state.length ? 'primary' : 'default', onFocusVisible: onFocusVisibleHandler, onBlur: onBlur, count: props.reactHook.state.length, isOpen: isOpen }) }) }), _jsx(MenuContainer, { disabled: disabled, isOpen: isOpen, items: props.items, hasIcon: props.hasIcon, multipleSelection: true, groupToggleSelection: props.groupToggleSelection, groupLabel: props.groupLabel, reactHook: props.reactHook, width: 182, marginTop: 14, setIsOpen: setIsOpen, toggleLabel: props.toggleLabel })] }) }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'isOpen',\n})(({ theme }) => {\n    const flowColors = theme.palette;\n    const stateStyle = {};\n    // if (count > 0) {\n    // \tstateStyle = {\n    // \t\t'&.MuiChip-root': {\n    // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n    // \t\t\tcolor: flowColors.brand.primary,\n    // \t\t\t'& .MuiIcon-root': {\n    // \t\t\t\tcolor: flowColors.brand.primary,\n    // \t\t\t},\n    // \t\t\t'&: hover': {\n    // \t\t\t\tcolor: flowColors.brandHover.primary,\n    // \t\t\t\t'& .MuiIcon-root': {\n    // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n    // \t\t\t\t},\n    // \t\t\t\t'& .count': {\n    // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n    // \t\t\t\t},\n    // \t\t\t},\n    // \t\t\t'&.Mui-disabled': {\n    // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n    // \t\t\t},\n    // \t\t},\n    // \t};\n    // } else {\n    // \tstateStyle = {};\n    // }\n    let style = {\n        '& .chevron-down': {\n            color: 'inherit',\n            marginLeft: '8px',\n            transform: 'rotate(0deg)',\n            top: '4px',\n            transition: 'transform 0.6s',\n            '&.isOpen': {\n                transform: 'rotate(180deg) translateY(2px)',\n                transformOrigin: '50%',\n            },\n        },\n        '& .ballotx': {\n            color: 'inherit',\n        },\n        '& .count': {\n            color: flowColors.onSurface.os0,\n            borderRadius: '50%',\n            backgroundColor: flowColors.brand.primary,\n            minWidth: '20px',\n            height: '20px',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: '14px',\n            lineHeight: '16px',\n            fontWeight: '700',\n            margin: '0 8px',\n            padding: '0 4px',\n        },\n    };\n    style = Object.assign(Object.assign({}, style), stateStyle);\n    return style;\n});\n//# sourceMappingURL=multiSelectChip.js.map"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","_Fragment","children","state","length","_jsx","className","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"mbAeY,MAACA,EAAkBC,GAAW,CAACC,EAAIC,KAC3C,IAAIC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAASL,EAAIM,EAAQC,EAAOP,EAAI,CAAC,UAAW,QAAS,WAAY,SACjG,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAC/BK,EAAsBC,GAAaC,IACrCA,EAAEC,kBACFZ,EAAMa,UAAUC,SAAS,GAAG,GAC7B,CAACd,EAAMa,YACJE,EAAQC,GAAQ,IACVC,EAAMC,EAAW,CAAEC,SAAU,CAACtB,EAAOG,EAAMa,UAAUO,MAAMC,OAAS,GAAMC,EAAK,OAAQ,CAAEC,UAAW,QAASJ,SAAUG,EAAK,OAAQ,CAAEH,SAAUnB,EAAMa,UAAUO,MAAMC,WAAgBrB,EAAMa,UAAUO,MAAMC,OAAS,GAAMC,EAAKE,EAAM,CAAEC,MAAO,UAAWF,UAAW,UAAWG,SAAU,QAASC,QAASlB,KAA4Ba,EAAKE,EAAM,CAAEC,MAAO,UAAWF,UAAW,iBAAgBhB,EAAS,SAAW,IAAMmB,SAAU,cAC/a,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUO,MAAMC,SACxDO,EAASlB,GAAaC,IACxBR,GAAgB,GACZH,EAAM4B,QACN5B,EAAM4B,OAAOjB,EAAE,GACpB,CAACX,IACE6B,EAAkBnB,GAAY,KAChCF,GAAWsB,IAAUA,IACrBxB,GAAawB,IAAUA,GAAK,GAC7B,IACGC,EAAkBrB,GAAY,KAChCF,GAAU,GACVF,GAAY,EAAM,GACnB,IACG0B,EAAwBtB,GAAY,KACtCP,GAAgB,EAAK,GACtB,IACH,OAAQmB,EAAKJ,EAAW,CAAEC,SAAUG,EAAKW,EAAmB,CAAEC,YAAaH,EAAiBZ,SAAUF,EAAM,OAAQ,CAAEE,SAAU,CAACG,EAAK,MAAO,CAAEH,SAAUG,EAAKa,EAAwB,CAAEC,aAAclC,EAAeN,QAASA,EAASuB,SAAUG,EAAKe,EAAuB,CAAEd,UAAuB,WAAZ3B,GAAwB,iBAAkBD,IAAKA,EAAKC,QAAS,SAAUG,KAAMA,EAAOuB,EAAKE,EAAM,CAAED,UAAW,GAAGxB,WAAYuC,EAAWzC,MAAOkB,EAAOjB,SAAUA,EAAU6B,QAASE,EAAiBJ,MAAOpB,GAAYL,EAAMa,UAAUO,MAAMC,OAAS,UAAY,UAAWkB,eAAgBP,EAAuBJ,OAAQA,EAAQY,MAAOxC,EAAMa,UAAUO,MAAMC,OAAQd,OAAQA,QAAiBe,EAAKmB,EAAe,CAAE3C,SAAUA,EAAUS,OAAQA,EAAQmC,MAAO1C,EAAM0C,MAAOC,QAAS3C,EAAM2C,QAASC,mBAAmB,EAAMC,qBAAsB7C,EAAM6C,qBAAsBC,WAAY9C,EAAM8C,WAAYjC,UAAWb,EAAMa,UAAWkC,MAAO,IAAKC,UAAW,GAAIxC,UAAWA,EAAWyC,YAAajD,EAAMiD,oBAA0B,IAKj+BZ,EAAwBa,EAAOC,EAAS,CAC1CC,kBAAoBC,GAAkB,WAATA,GADHH,EAE3B,EAAGI,YACF,MAAMC,EAAaD,EAAME,QA2BzB,IAAIC,EAAQ,CACR,kBAAmB,CACfhC,MAAO,UACPiC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACRF,UAAW,iCACXG,gBAAiB,QAGzB,aAAc,CACVrC,MAAO,WAEX,WAAY,CACRA,MAAO8B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAIjB,OADApB,EAAQqB,OAAOC,OAAOD,OAAOC,OAAO,GAAItB,GAzDrB,CAAA,GA0DZA,CAAK"}

package/components/chip/regular/chip.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { FC, HTMLAttributes } from 'react';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChipProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The label referenced to the text field
      */
@@ -37,4 +37,4 @@ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
  * @returns React Functional Component
  * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.
  */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Chip: FC<ChipProps>;

package/components/chip/regular/chip.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsx as o}from"react/jsx-runtime";import l,{useState as r,useEffect as a}from"react";import e from"@mui/material/Chip";import{styled as t}from"@mui/material/styles";import{Icon as s}from"../../icon/icon.js";import c from"../chipFocusVisibleStyled.js";const m=l.forwardRef(((l,e)=>{var{variant:t,label:m,disabled:d,isSelected:b=!1,icon:f,onClickCallback:p}=l,u=i(l,["variant","label","disabled","isSelected","icon","onClickCallback"]);const[C,h]=r(!1),[v,k]=r(!1);a((()=>{k(b)}),[b]);return o(c,{variant:t,focusVisible:C,children:o(n,{className:"shadow"===t&&"MuiChip-shadow",variant:"filled",icon:f?o(s,{className:`${f} beforeLabel`,fontSize:"small"}):void 0,label:m,disabled:d,onClick:i=>(i=>{k(!v),p&&p(i,!v)})(i),color:v?"primary":"default",onFocusVisible:()=>h(!0),onBlur:i=>{h(!1),u.onBlur&&u.onBlur(i)}})})})),n=t(e)``;export{m as Chip};
+import{__rest as i}from"tslib";import{jsx as l}from"react/jsx-runtime";import{useState as o,useEffect as a}from"react";import r from"@mui/material/Chip";import{styled as e}from"@mui/material/styles";import{Icon as t}from"../../icon/icon.js";import s from"../chipFocusVisibleStyled.js";const c=r=>{var{variant:e,label:c,disabled:n,isSelected:d=!1,icon:b,onClickCallback:f}=r,p=i(r,["variant","label","disabled","isSelected","icon","onClickCallback"]);const[u,C]=o(!1),[h,v]=o(!1);a((()=>{v(d)}),[d]);return l(s,{variant:e,focusVisible:u,children:l(m,{className:"shadow"===e&&"MuiChip-shadow",variant:"filled",icon:b?l(t,{className:`${b} beforeLabel`,fontSize:"small"}):void 0,label:c,disabled:n,onClick:i=>(i=>{v(!h),f&&f(i,!h)})(i),color:h?"primary":"default",onFocusVisible:()=>C(!0),onBlur:i=>{C(!1),p.onBlur&&p.onBlur(i)}})})},m=e(r)``;export{c as Chip};
 //# sourceMappingURL=chip.js.map

package/components/chip/regular/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[null],"names":["Chip","React","forwardRef","_a","ref","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","ChipStyled","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"gSAgDO,MAAMA,EAAOC,EAAMC,YACxB,CAACC,EAAmFC,KAAnF,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,KAAEA,EAAIC,gBAAEA,GAAeP,EAAKQ,EAAKC,EAAAT,EAA/E,sEACC,MAAOU,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,EACtDS,SAAAH,EAACI,EACC,CAAAC,UAAuB,WAAZnB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACM,EAAI,CAACD,UAAW,GAAGf,gBAAoBiB,SAAS,eAAaC,EAC3ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAoBjC,IAOAN,EAAaW,EAAOC,EAA0E"}
+{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const Chip = (_a) => {\n    var { variant, label, disabled, isSelected = false, icon, onClickCallback } = _a, props = __rest(_a, [\"variant\", \"label\", \"disabled\", \"isSelected\", \"icon\", \"onClickCallback\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [selected, setSelected] = useState(false);\n    useEffect(() => {\n        setSelected(isSelected);\n    }, [isSelected]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const onSelect = (e) => {\n        setSelected(!selected);\n        onClickCallback && onClickCallback(e, !selected);\n    };\n    return (_jsx(ChipFocusVisibleStyled, { variant: variant, focusVisible: focusVisibled, children: _jsx(ChipStyled, { className: variant === 'shadow' && 'MuiChip-shadow', variant: 'filled', icon: icon ? _jsx(Icon, { className: `${icon} beforeLabel`, fontSize: \"small\" }) : undefined, label: label, disabled: disabled, onClick: (e) => onSelect(e), color: selected ? 'primary' : 'default', onFocusVisible: () => setFocusVisible(true), onBlur: onBlur }) }));\n};\n/**\n * @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip) ``;\n//# sourceMappingURL=chip.js.map"],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","ChipStyled","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"6RAcY,MAACA,EAAQC,IACjB,IAAIC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,KAAEA,EAAIC,gBAAEA,GAAoBN,EAAIO,EAAQC,EAAOR,EAAI,CAAC,UAAW,QAAS,WAAY,aAAc,OAAQ,oBAC5J,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACND,EAAYT,EAAW,GACxB,CAACA,IAUJ,OAAQW,EAAKC,EAAwB,CAAEf,QAASA,EAASgB,aAAcR,EAAeS,SAAUH,EAAKI,EAAY,CAAEC,UAAuB,WAAZnB,GAAwB,iBAAkBA,QAAS,SAAUI,KAAMA,EAAOU,EAAKM,EAAM,CAAED,UAAW,GAAGf,gBAAoBiB,SAAU,eAAaC,EAAWrB,MAAOA,EAAOC,SAAUA,EAAUqB,QAAUC,GAJpT,CAACA,IACdZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAEuRc,CAASD,GAAIE,MAAOf,EAAW,UAAY,UAAWgB,eAAgB,IAAMlB,GAAgB,GAAOmB,OAT9ZJ,IACZf,GAAgB,GACZH,EAAMsB,QACNtB,EAAMsB,OAAOJ,EAAE,KAM6a,EAKlcN,EAAaW,EAAOC,EAAS"}

package/components/closeDialogButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[null],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"0HAMa,MAAAA,EAAqBC,GAE9BC,EAACC,EAAWC,OAAAC,OAAA,CAAAC,KAAK,QAAQC,MAAM,WAAcN,EAC3C,CAAAO,SAAAN,EAACO,EAAI,CAACC,UAAU,UAAUC,SAAS"}
+{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../icon';\nexport const CloseDialogButton = (props) => {\n    return (_jsx(IconButton, Object.assign({ size: \"small\", color: \"inherit\" }, props, { children: _jsx(Icon, { className: \"ballotx\", fontSize: \"medium\" }) })));\n};\n//# sourceMappingURL=index.js.map"],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"0HAGY,MAACA,EAAqBC,GACtBC,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,QAASC,MAAO,WAAaN,EAAO,CAAEO,SAAUN,EAAKO,EAAM,CAAEC,UAAW,UAAWC,SAAU"}

package/components/common/helperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":[null],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"0GAsBA,MAAMA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,EACC,CAAAC,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,UAAUR,SAAaS"}
+{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { HelperTextContent } from '../helperTextContent';\nconst HelperText = ({ helpText, maxChars, currentValue, type }) => {\n    return (_jsx(HelperTextContent, { textLeft: helpText, textRight: type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length}/${maxChars}` : undefined }));\n};\nexport default HelperText;\n//# sourceMappingURL=helperText.js.map"],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"0GAEK,MAACA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAC5CC,EAAKC,EAAmB,CAAEC,SAAUN,EAAUO,UAAoB,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,UAAUR,SAAaS"}

package/components/common/hook/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[null],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCAEM,MAAAA,EAAc,KAClB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}
+{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\nconst useBackdrop = () => {\n    const [openBackdrop, setOpenBackdrop] = useState(false);\n    const handleCloseBackdrop = () => {\n        setOpenBackdrop(false);\n    };\n    const handleOpenBackdrop = () => {\n        setOpenBackdrop(true);\n    };\n    const handleToggleBackdrop = () => {\n        setOpenBackdrop(!openBackdrop);\n    };\n    return {\n        openBackdrop,\n        setOpenBackdrop,\n        handleCloseBackdrop,\n        handleOpenBackdrop,\n        handleToggleBackdrop,\n    };\n};\nexport default useBackdrop;\n//# sourceMappingURL=backdrop.js.map"],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCACK,MAACA,EAAc,KAChB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACHF,eACAC,kBACAE,oBAZwB,KACxBF,GAAgB,EAAM,EAYtBG,mBAVuB,KACvBH,GAAgB,EAAK,EAUrBI,qBARyB,KACzBJ,GAAiBD,EAAa,EAQjC"}

package/components/common/hook/useWindowSize.js

@@ -1,2 +1,2 @@
-import e from"react";import{customBreakpoints as i}from"../../../design/skoda/components/breakpoints.theme.js";function n(){const n="undefined"!=typeof window,[t,o]=e.useState({width:n?1440:window.innerWidth,height:n?800:window.innerHeight,isMobile:!1});function d(){o({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.values.md})}return e.useEffect((()=>(d(),window.addEventListener("resize",d),()=>{d(),window.removeEventListener("resize",d)})),[]),t}export{n as default};
+import{useState as i,useEffect as e}from"react";import{customBreakpoints as n}from"../../../design/skoda/components/breakpoints.theme.js";function t(){const t="undefined"!=typeof window,[o,d]=i({width:t?1440:window.innerWidth,height:t?800:window.innerHeight,isMobile:!1});function r(){d({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<n.values.md})}return e((()=>(r(),window.addEventListener("resize",r),()=>{r(),window.removeEventListener("resize",r)})),[]),o}export{t as default};
 //# sourceMappingURL=useWindowSize.js.map

package/components/common/hook/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[null],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","React","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"+GAGc,SAAUA,IACtB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAMC,SAAS,CACjDC,MAAON,EAAQ,KAAOC,OAAOM,WAC7BC,OAAQR,EAAQ,IAAMC,OAAOQ,YAC7BC,UAAU,IAGZ,SAASC,IACPR,EAAc,CACZG,MAAOL,OAAOM,WACdC,OAAQP,OAAOQ,YACfC,SAAUT,OAAOM,WAAaK,EAAkBC,OAAW,IAE9D,CAYD,OAVAT,EAAMU,WAAU,KACdH,IACAV,OAAOc,iBAAiB,SAAUJ,GAE3B,KACLA,IACAV,OAAOe,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIT,CACT"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/breakpoints.theme';\nexport default function useWindowSize() {\n    const isSSR = typeof window !== 'undefined';\n    const [windowSize, setWindowSize] = useState({\n        width: isSSR ? 1440 : window.innerWidth,\n        height: isSSR ? 800 : window.innerHeight,\n        isMobile: false,\n    });\n    function changeWindowSize() {\n        setWindowSize({\n            width: window.innerWidth,\n            height: window.innerHeight,\n            isMobile: window.innerWidth < customBreakpoints.values['md'] ? true : false,\n        });\n    }\n    useEffect(() => {\n        changeWindowSize();\n        window.addEventListener('resize', changeWindowSize);\n        return () => {\n            changeWindowSize();\n            window.removeEventListener('resize', changeWindowSize);\n        };\n    }, []);\n    return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"0IAEe,SAASA,IACpB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAkBC,OAAW,IAElE,CASD,OARAC,GAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}

package/components/common/imageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":[null],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAwBA,MAAMA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,GAAS,GAEnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAE3D,OAGSI,EAAA,MAHJL,EAGI,CAAKM,IAAKT,EAAeD,IAAKA,GAF9B,CAAKU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ,GAG1E"}
+{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useState } from 'react';\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }) => {\n    const [imgError, setImgError] = useState(false);\n    const setImageError = useCallback(() => setImgError(true), []);\n    if (!imgError) {\n        return _jsx(\"img\", { src: image, height: height, width: width, alt: alt, onError: setImageError });\n    }\n    else {\n        return _jsx(\"img\", { src: fallbackImage, alt: alt });\n    }\n};\nexport default ImageComponent;\n//# sourceMappingURL=imageComponent.js.map"],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAEK,MAACA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YACzD,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAC3D,OAIWI,EAAK,MAJXL,EAIkB,CAAEM,IAAKT,EAAeD,IAAKA,GAH3B,CAAEU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ,GAIrF"}

package/components/common/menuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":[null],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","emotionStyled","div","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"wLAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EACC,CAAAC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAEfC,SAAAV,EACCG,EAACQ,EAAW,CAAAD,SAAAT,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAIzB,EAGEf,EAAYgB,EAAcC,KAK5BvB,IAAA,IAAYwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAA,EAiBb,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}
+{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport emotionStyled from '@emotion/styled';\nimport { Menu } from '../menu';\nimport MenuEmpty from './menuEmpty';\nconst MenuContainer = (_a) => {\n    var { setIsOpen, isEmptyMenu } = _a, props = __rest(_a, [\"setIsOpen\", \"isEmptyMenu\"]);\n    return (_jsx(StyledDiv, { marginTop: props.marginTop + 'px', width: props.fullWidth ? '100%' : props.width + 'px', isOpen: props.isOpen, disabled: props.disabled, children: isEmptyMenu ? (_jsx(MenuEmpty, { children: props.children })) : (_jsx(Menu, { items: props.items, hasIcon: props.hasIcon, multipleSelection: props.multipleSelection, groupToggleSelection: props.groupToggleSelection, groupLabel: props.groupLabel, reactHook: props.reactHook, setIsOpen: setIsOpen, toggleLabel: props.toggleLabel })) }));\n};\nconst StyledDiv = emotionStyled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n        width: args.width,\n        marginTop: args.marginTop,\n        transition: '0.3s ease-out',\n        display: 'inline-block',\n        position: 'absolute',\n        zIndex: '10',\n    };\n    if (args.isOpen && !args.disabled) {\n        styles = Object.assign(Object.assign({}, styles), { visibility: 'visible', opacity: '100%' });\n    }\n    else {\n        styles = Object.assign(Object.assign({}, styles), { visibility: 'hidden', opacity: '0%' });\n    }\n    return styles;\n});\nexport default MenuContainer;\n//# sourceMappingURL=menuContainer.js.map"],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","emotionStyled","div","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"wLAKK,MAACA,EAAiBC,IACnB,IAAIC,UAAEA,EAASC,YAAEA,GAAgBF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,YAAa,gBACtE,OAAQK,EAAKC,EAAW,CAAEC,UAAWJ,EAAMI,UAAY,KAAMC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAAME,OAAQP,EAAMO,OAAQC,SAAUR,EAAMQ,SAAUC,SAAUV,EAAeG,EAAKQ,EAAW,CAAED,SAAUT,EAAMS,WAAgBP,EAAKS,EAAM,CAAEC,MAAOZ,EAAMY,MAAOC,QAASb,EAAMa,QAASC,kBAAmBd,EAAMc,kBAAmBC,qBAAsBf,EAAMe,qBAAsBC,WAAYhB,EAAMgB,WAAYC,UAAWjB,EAAMiB,UAAWnB,UAAWA,EAAWoB,YAAalB,EAAMkB,eAAoB,EAE1ff,EAAYgB,EAAcC,KAAKvB,IAC9B,IAAiBwB,EAAOpB,EAAOJ,EAAI,CAAC,UACvC,IAAIyB,EAAS,CAAA,EAeb,OAdAA,EAAS,CACLjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAGRJ,EADAD,EAAKd,SAAWc,EAAKb,SACZmB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEN,GAAS,CAAEO,WAAY,UAAWC,QAAS,SAG3EH,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEN,GAAS,CAAEO,WAAY,SAAUC,QAAS,OAEhFR,CAAM"}

package/components/common/menuEmpty.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface MenuEmtpyProps
  * @description Base definition of SkodaFlow Menu independent on core implementation.
  * Properties are inherited from HTML Div element
  */
-export interface MenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {
 }
 /**
  * @description SkodaFlow Menu component.

package/components/common/menuEmpty.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import e from"react";import{styled as i}from"@mui/material/styles";import m from"@mui/material/Paper";const a=e.forwardRef(((e,i)=>{var m=r(e,[]);return t(o,Object.assign({},m,{ref:i,children:m.children}))})),o=i(m)((t=>{r(t,["theme"]);let e={};return e=Object.assign(Object.assign({},e),{"& .MuiMenuItem-root":{height:"48px",padding:"0px 24px"}}),e}));export{a as MenuEmpty,a as default};
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{styled as i}from"@mui/material/styles";import m from"@mui/material/Paper";const a=e(((e,i)=>{var m=r(e,[]);return t(o,Object.assign({},m,{ref:i,children:m.children}))})),o=i(m)((()=>{let r={};return r=Object.assign(Object.assign({},r),{"& .MuiMenuItem-root":{height:"48px",padding:"0px 24px"}}),r}));export{a as MenuEmpty,a as default};
 //# sourceMappingURL=menuEmpty.js.map

package/components/common/menuEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":[null],"names":["MenuEmpty","React","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"6KAiBO,MAAMA,EAAYC,EAAMC,YAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACzE,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAD,IAAKA,WAC1BC,EAAMM,WAET,IAKEH,EAAcI,EAAOC,EAAPD,EAA2BT,IAAiBG,EAAAH,EAAjB,WAC7C,IAAIW,EAAS,CAAA,EASb,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}
+{"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiPaper from '@mui/material/Paper';\n/**\n * @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n */\nexport const MenuEmpty = forwardRef((_a, ref) => {\n    var props = __rest(_a, []);\n    return (_jsx(PaperStyled, Object.assign({}, props, { ref: ref, children: props.children })));\n});\n/**\n * @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)(() => {\n    let styles = {};\n    const itemStyles = {\n        height: '48px',\n        padding: '0px 24px',\n    };\n    styles = Object.assign(Object.assign({}, styles), { '& .MuiMenuItem-root': itemStyles });\n    return styles;\n});\nexport default MenuEmpty;\n//# sourceMappingURL=menuEmpty.js.map"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"2LAWY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,OAAQI,EAAKC,EAAaC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAED,IAAKA,EAAKO,SAAUN,EAAMM,WAAc,IAK3FH,EAAcI,EAAOC,EAAPD,EAAiB,KACjC,IAAIE,EAAS,CAAA,EAMb,OADAA,EAASL,OAAOC,OAAOD,OAAOC,OAAO,GAAII,GAAS,CAAE,sBAJjC,CACfC,OAAQ,OACRC,QAAS,cAGNF,CAAM"}

package/components/common/resizableSliderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":[null],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"6KAmBM,MAAAA,EAAuB,EAC3BC,MAAOC,EACPC,WACAC,SACAC,oBACAC,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SAEvCK,EAAWC,EAAgC,MAE3CC,EAAkBC,GACrBC,IACCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GAEpB,CAACP,EAAUO,IAGPiB,EAAiBF,GAAY,KACjCT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,GAAaC,IAC5EV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAAA,EAASsB,EAAGhB,EAAM,GACjB,IAEGoB,EAAqBL,GACxBM,GACKjB,EAA+BiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GAC3EmB,EACJC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCsB,EAAgBT,GAAY,IACX,IAAjBV,EAA2B,GAC3BG,IAAyB,IAAZhB,EAAsB4B,EAAmB,GACtDZ,EAAkBY,GAAoB5B,IACvB,IAAZA,EAAgBA,EAAS,IAC/B,CAACa,EAAce,EAAoBZ,EAAWhB,IAkBjD,OARAiC,GAAU,MAGJjC,GAAU,IAAMA,KAAQoB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CxB,EAAuDgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAChET,GAAoB5B,GAAQqC,OAAS,IAAI,GAC5E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IAG3EsC,EAACC,EACC,CAAAjC,UAAU,qBACVH,kBAAmBA,EACnBe,WAAYA,EACZsB,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BzB,GAAaG,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAA,QAAA,CAAOC,QAASrC,EAAKmC,SAAArC,IACrBiC,EAAA,MAAA,CAAAI,SAAA,CACGtC,GAAmBkC,oBAAOlC,EAAe,OAC1CuC,EAAA,QAAA,CACEpC,GAAIA,EACJsC,IAAKzB,EACLrB,MAAOiC,IACP9B,OAAQyB,EACRmB,QAASrB,EACTxB,SAAUqB,EACVhB,UAAWA,EACXG,SAAUA,SAIhB,EAEE8B,EAAqBQ,EAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAO/C,wBACrE,CACLe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACX6D,WAAY,OAEd,WAAY,CACVC,aAAc9D,EAAoB,MAAQ"}
+{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nconst ResizableSliderInput = ({ value: values, onChange, onBlur, isCurrencyInFront, textDescription = '', labelText = '', className = '', id = '', thumb = -1, disabled = false, thousandsSeparator = '.', decimalSeparator = '.', hiddenDecimalSeparator, }) => {\n    const [clickCounter, setClickCounter] = useState(0);\n    const [lostFocus, setLostFocus] = useState(true);\n    const [background, setBackground] = useState('light');\n    const inputRef = useRef(null);\n    const onChangeHandler = useCallback((e) => {\n        setClickCounter(() => 2);\n        setLostFocus(() => false);\n        onChange(e, thumb);\n    }, [onChange, thumb]);\n    const onClickHandler = useCallback(() => {\n        setClickCounter((curr) => curr + 1);\n        setLostFocus(() => false);\n        setBackground('dark');\n    }, []);\n    const onBlurHandler = useCallback((e) => {\n        setClickCounter(() => 0);\n        setLostFocus(() => true);\n        setBackground('light');\n        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, thumb);\n    }, []);\n    const getFormattedString = useCallback((num) => {\n        if (hiddenDecimalSeparator)\n            return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n        return num\n            .toFixed(2)\n            .replace('.', decimalSeparator)\n            .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n    }, [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator]);\n    const getInputValue = useCallback(() => {\n        if (clickCounter === 1)\n            return '';\n        if (lostFocus && values === -1)\n            return getFormattedString(0);\n        if (lostFocus)\n            return getFormattedString(+values);\n        return values !== -1 ? values : '';\n    }, [clickCounter, getFormattedString, lostFocus, values]);\n    const onMouseEnterHandler = () => {\n        setBackground('dark');\n    };\n    const onMouseLeaveHandler = () => {\n        lostFocus && setBackground('light');\n    };\n    useEffect(() => {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        if (values <= 0 || !values)\n            inputRef.current.style.width = '4ch';\n        if (hiddenDecimalSeparator)\n            inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n        else\n            inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n    }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n    return (_jsxs(SliderValuesStyled, { className: \"single-value-input\", isCurrencyInFront: isCurrencyInFront, background: background, onMouseEnter: onMouseEnterHandler, onMouseLeave: onMouseLeaveHandler, children: [_jsx(\"label\", { htmlFor: id, children: labelText }), _jsxs(\"div\", { children: [textDescription && _jsxs(\"span\", { children: [textDescription, \" \"] }), _jsx(\"input\", { id: id, ref: inputRef, value: getInputValue(), onBlur: onBlurHandler, onClick: onClickHandler, onChange: onChangeHandler, className: className, disabled: disabled })] })] }));\n};\nconst SliderValuesStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})(({ theme, isCurrencyInFront }) => {\n    return {\n        background: theme.palette.surface.primary,\n        display: 'inline-block',\n        padding: '4px 12px',\n        borderRadius: '4px',\n        minWidth: '60px',\n        '& span, label, input': {\n            fontWeight: 500,\n        },\n        '& span, input': {\n            fontSize: '14px',\n            color: theme.palette.onSurface.os700,\n        },\n        '& > div': {\n            display: 'inline-flex',\n            flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n            '& > input': {\n                paddingTop: '2px',\n            },\n            '& > span': {\n                paddingRight: isCurrencyInFront ? '2px' : '0px',\n            },\n        },\n    };\n});\nexport default ResizableSliderInput;\n//# sourceMappingURL=resizableSliderInput.js.map"],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"6KAGK,MAACA,EAAuB,EAAGC,MAAOC,EAAQC,WAAUC,SAAQC,oBAAmBC,kBAAkB,GAAIC,YAAY,GAAIC,YAAY,GAAIC,KAAK,GAAIC,SAAQ,EAAIC,YAAW,EAAOC,qBAAqB,IAAKC,mBAAmB,IAAKC,6BAC/N,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SACvCK,EAAWC,EAAO,MAClBC,EAAkBC,GAAaC,IACjCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GACnB,CAACP,EAAUO,IACRiB,EAAiBF,GAAY,KAC/BT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACtB,IACGQ,EAAgBJ,GAAaC,IAC/BV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAgDA,EAAOsB,EAAGhB,EAAM,GACjE,IACGoB,EAAqBL,GAAaM,GAChCjB,EACOiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GACnDmB,EACFC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IACvC,CAACC,EAAkBC,EAAwBF,IACxCsB,EAAgBT,GAAY,IACT,IAAjBV,EACO,GACPG,IAAyB,IAAZhB,EACN4B,EAAmB,GAC1BZ,EACOY,GAAoB5B,IACZ,IAAZA,EAAgBA,EAAS,IACjC,CAACa,EAAce,EAAoBZ,EAAWhB,IAiBjD,OAVAiC,GAAU,MAGFjC,GAAU,IAAMA,KAChBoB,EAASc,QAAQC,MAAMC,MAAQ,OAE/BhB,EAASc,QAAQC,MAAMC,MADvBxB,EAC+BgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAEzCT,GAAoB5B,GAAQqC,OAAS,IAAI,GAC7E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IACrEsC,EAAMC,EAAoB,CAAEjC,UAAW,qBAAsBH,kBAAmBA,EAAmBe,WAAYA,EAAYsB,aAhBvG,KACxBrB,EAAc,OAAO,EAe6IsB,aAb1I,KACxBzB,GAAaG,EAAc,QAAQ,EAYkKuB,SAAU,CAACC,EAAK,QAAS,CAAEC,QAASrC,EAAImC,SAAUrC,IAAciC,EAAM,MAAO,CAAEI,SAAU,CAACtC,GAAmBkC,EAAM,OAAQ,CAAEI,SAAU,CAACtC,EAAiB,OAASuC,EAAK,QAAS,CAAEpC,GAAIA,EAAIsC,IAAKzB,EAAUrB,MAAOiC,IAAiB9B,OAAQyB,EAAemB,QAASrB,EAAgBxB,SAAUqB,EAAiBhB,UAAWA,EAAWG,SAAUA,SAAqB,EAExiB8B,EAAqBQ,EAAO,MAAO,CACrCC,kBAAoBC,GAAkB,sBAATA,GADNF,EAExB,EAAGG,QAAO/C,wBACF,CACHe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACpBC,WAAY,KAEhB,gBAAiB,CACbC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEnC,UAAW,CACPR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACT6D,WAAY,OAEhB,WAAY,CACRC,aAAc9D,EAAoB,MAAQ"}

package/components/common/styled/buttonFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ButtonFocusVisibleStyled","styled","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined","width"],"mappings":"2GAGA,MAAMA,EAA2BC,EAAO,MAAPA,EAI9B,EAAGC,eAAcC,sBAAqBC,gBAChC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaQ,EAAiBC,yBAAsBC,EAC9EC,MAAOT,EAAY,OAAS"}
+{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StylesDefinition } from '../../../design/skoda/theme.constants';\nconst ButtonFocusVisibleStyled = styled('div')(({ focusVisible, isNavigationVariant, fullWidth }) => {\n    return {\n        display: 'inline-flex',\n        padding: 1,\n        borderRadius: isNavigationVariant ? 4 : 50,\n        transition: 'none',\n        boxShadow: focusVisible ? `0 0 0 2px ${StylesDefinition.focusVisibleColor}` : undefined,\n        width: fullWidth ? '100%' : null,\n    };\n});\nexport default ButtonFocusVisibleStyled;\n//# sourceMappingURL=buttonFocusVisibleStyled.js.map"],"names":["ButtonFocusVisibleStyled","styled","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined","width"],"mappings":"2GAEK,MAACA,EAA2BC,EAAO,MAAPA,EAAc,EAAGC,eAAcC,sBAAqBC,gBAC1E,CACHC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaQ,EAAiBC,yBAAsBC,EAC9EC,MAAOT,EAAY,OAAS"}

package/components/common/styled/formControlLabelStyled.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import o from"@emotion/styled";import e from"@mui/material/FormControlLabel";const t=o(e,{shouldForwardProp:r=>"error"!==r})((o=>{var{theme:e,error:t}=o;return r(o,["theme","error"]),{color:t?e.palette.alert.main:void 0}}));export{t as default};
+import o from"@emotion/styled";import r from"@mui/material/FormControlLabel";const e=o(r,{shouldForwardProp:o=>"error"!==o})((({theme:o,error:r})=>({color:r?o.palette.alert.main:void 0})));export{e as default};
 //# sourceMappingURL=formControlLabelStyled.js.map

package/components/common/styled/formControlLabelStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":[null],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","_a","theme","error","__rest","color","palette","alert","undefined"],"mappings":"4GAGA,MAAMA,EAAyBC,EAAOC,EAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEkCI,QAAAC,MAAEA,EAAKC,MAAEA,GAAKF,EAC7E,OADuFG,EAAAH,EAAxB,mBACxD,CACLI,MAAOF,EAAQD,EAAMI,QAAQC,MAAY,UAAIC,EAC9C"}
+{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiFormControlLabel from '@mui/material/FormControlLabel';\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n    shouldForwardProp: (prop) => prop !== 'error',\n})(({ theme, error }) => {\n    return {\n        color: error ? theme.palette.alert['main'] : undefined,\n    };\n});\nexport default FormControlLabelStyled;\n//# sourceMappingURL=formControlLabelStyled.js.map"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"6EAEK,MAACA,EAAyBC,EAAOC,EAAqB,CACvDC,kBAAoBC,GAAkB,UAATA,GADFH,EAE5B,EAAGI,QAAOC,YACF,CACHC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}

package/components/common/styled/sliderValuesStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":[null],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"+BAEA,MAAMA,EAAqBC,EAAO,MAAPA,EAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEf"}
+{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nconst SliderValuesStyled = styled('div')(({ theme, disabled }) => {\n    const colorDisabled = theme.palette.disabled.primary;\n    return {\n        color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n        fontSize: '14px',\n        fontWeight: 'normal',\n        lineHeight: '20px',\n        '& input': {\n            outline: 'none',\n            border: '0px',\n            background: 'transparent',\n            color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n            paddingTop: '0 !important',\n        },\n        '& span': {\n            color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n        },\n        '& .range-values': {\n            display: 'flex',\n            '& .middle-side': {\n                flexGrow: 1,\n            },\n        },\n        '& label': {\n            display: 'block',\n            color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n            fontSize: '12px',\n            lineHeight: '16px',\n        },\n    };\n});\nexport default SliderValuesStyled;\n//# sourceMappingURL=sliderValuesStyled.js.map"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"+BACK,MAACA,EAAqBC,EAAO,MAAPA,EAAc,EAAGC,QAAOC,eAC/C,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACHC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACPC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEhB,SAAU,CACNT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE9D,kBAAmB,CACfQ,QAAS,OACT,iBAAkB,CACdC,SAAU,IAGlB,UAAW,CACPD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEnB"}

package/components/common/styled/textFieldStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":[null],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","flowColors","alert","marginTop","height","transform","top","disabled"],"mappings":"wLAMA,MAAMA,EAAkBC,EAAOC,EAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAYC,EAAKC,EAAAF,EAAjB,WACD,IAAIG,EAAS,CAAA,EA4Eb,OA3EAA,EAAS,GAMLF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BACV,CAAA,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBC,EAAWC,MAAY,SAIhD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBACV,CAAA,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBC,EAAWC,MAAY,aAQlDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}
+{"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiTextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description TextInput styling definition based on props\n */\nconst TextFieldStyled = styled(MuiTextField, {\n    shouldForwardProp: (prop) => prop !== 'helpText' &&\n        prop !== 'maxChars' &&\n        prop !== 'hideBg' &&\n        prop !== 'hasError' &&\n        prop !== 'hovered' &&\n        prop !== 'textAreaHeight',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n    // '&, & *': {\n    // \tboxSizing: 'content-box !important',\n    // },\n    };\n    //Change styles if the input is focused\n    if (props.focused) {\n        styles = Object.assign({}, styles);\n    }\n    //If the input has an error, change the color of the label text and color/size of border's input\n    if (props.error) {\n        styles = Object.assign({}, styles);\n    }\n    if (props.icon) {\n        styles = Object.assign({}, styles);\n    }\n    if (props.icon && !props.placeholder) {\n        styles = Object.assign(Object.assign({}, styles), { '& .MuiInput-underline': Object.assign(Object.assign({}, styles['& .MuiInput-underline']), { '&:after': {\n                    bottom: '0px',\n                }, '&.Mui-error': {\n                    '&:after': {\n                        borderBottomColor: flowColors.alert['main'],\n                    },\n                } }), '& .MuiInput-root': Object.assign(Object.assign({}, styles['& .MuiInput-root']), { marginTop: 0, height: 'inherit', transform: 'translateY(0px)', '& input': {\n                    marginTop: '20px',\n                }, '& .MuiIcon-root': {\n                    top: '0px !important',\n                }, '&:before': {\n                    bottom: '0px',\n                } }) });\n    }\n    if (props.icon && props.placeholder) {\n        styles = Object.assign(Object.assign({}, styles), { '& .MuiInput-root': Object.assign(Object.assign({}, styles['& .MuiInput-root']), { '& .MuiIcon-root': {\n                    top: '-4px !important',\n                    '&.Mui-error': {\n                        '&:after': {\n                            borderBottomColor: flowColors.alert['main'],\n                        },\n                    },\n                } }) });\n    }\n    //Change styles if the input is disabled\n    if (props.disabled) {\n        styles = Object.assign({}, styles);\n    }\n    return styles;\n});\nexport default TextFieldStyled;\n//# sourceMappingURL=textFieldStyled.js.map"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","flowColors","alert","marginTop","height","transform","top","disabled"],"mappings":"wLAOK,MAACA,EAAkBC,EAAOC,EAAc,CACzCC,kBAAoBC,GAAkB,aAATA,GAChB,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GANgBH,EAOpBI,IACG,IAAiBC,EAAQC,EAAOF,EAAI,CAAC,UACxC,IAAIG,EAAS,CAAA,EA8Cb,OA7CAA,EAAS,CAIb,EAEQF,EAAMG,UACND,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAG3BF,EAAMM,QACNJ,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAE3BF,EAAMO,OACNL,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAE3BF,EAAMO,OAASP,EAAMQ,cACrBN,EAASE,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAS,CAAE,wBAAyBE,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,EAAO,0BAA2B,CAAE,UAAW,CAChJO,OAAQ,OACT,cAAe,CACd,UAAW,CACPC,kBAAmBC,EAAWC,MAAY,SAE5C,mBAAoBR,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIH,EAAO,qBAAsB,CAAEW,UAAW,EAAGC,OAAQ,UAAWC,UAAW,kBAAmB,UAAW,CAC/JF,UAAW,QACZ,kBAAmB,CAClBG,IAAK,kBACN,WAAY,CACXP,OAAQ,YAGpBT,EAAMO,MAAQP,EAAMQ,cACpBN,EAASE,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAS,CAAE,mBAAoBE,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,EAAO,qBAAsB,CAAE,kBAAmB,CAC9Ic,IAAK,kBACL,cAAe,CACX,UAAW,CACPN,kBAAmBC,EAAWC,MAAY,aAM9DZ,EAAMiB,WACNf,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAExBA,CAAM"}

package/components/container/container.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 type FuncType = () => void;
 /**
  * @interface ContainerProps
@@ -6,7 +6,7 @@ type FuncType = () => void;
  * Properties are inherited from HTML Container element
  * @deprecated this Component is deprecated. Use Container from @mui/material instead
  */
-export interface ContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'size'> {
+export interface ContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'size'> {
     /**
      * Override or extend the styles applied to the component. See CSS API below for more details.
      */