@skodaflow/web-library 7.13.0 → 7.14.0

package/cjs/components/progress/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../../../../src/components/progress/loader.tsx"],"sourcesContent":[null],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"8FAkBa,MAAAA,mBAA0CC,YACrD,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,SAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAA,OAAAO,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACC,IAAAb,EAAGA,IACFC,OAAAC,OAAA,CAAAY,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ5B,GAAEc,OAAAC,OAAA,CACAc,UAAW,WACXC,aAAc,MACdd,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAAAA,IAACZ,EAAGA,IAAAC,OAAAC,OAAA,CACFa,UAAU,MACV5B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPQ,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfrC,EAAyB,MAAQ,MACzCsC,SAAU,WAEV,0BACEC,QAAS,KACThB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFnB,MAAO,QAAQ,IAAM5B,YACrBqC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNjD,GAA2C,IAAtBA,IAA4B,CACpDiD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFvB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZtC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAAAC,IAACb,EAAGA,IACFC,OAAAC,OAAA,CAAAa,UAAU,UACV5B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVW,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACPhD,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbiD,UAAW,OACXD,WAAY,iBAEXjC,IAEDC,UAGJ"}
+{"version":3,"file":"loader.js","sources":["../../../../../src/components/progress/loader.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { ElementType, forwardRef } from 'react';\nimport { CommonProgressProps } from './progress';\n\nexport interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** The size of the loader. Only for the loader variant. */\n  loaderSize?: 'small' | 'large';\n  /** Optional custom loading-text Box props */\n  loadingTextProps?: BoxProps<ElementType>;\n  /** Optional custom barWrapper Box props */\n  barWrapperProps?: BoxProps<ElementType>;\n  /** Optional custom bar Box props */\n  barProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays a loading bar with optional percentage and size.\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  (\n    {\n      loadingPercentageDescribeText,\n      loadingPercentage,\n      loaderSize = 'large',\n      loadingTextProps,\n      barWrapperProps,\n      barProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxLoadingText, ...restLoadingText } = loadingTextProps ?? {};\n    const { sx: sxBarWrapper, ...restBarWrapper } = barWrapperProps ?? {};\n    const { sx: sxBar, ...restBar } = barProps ?? {};\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        ref={ref}\n        sx={{\n          fontSize: '14px',\n          lineHeight: '20px',\n          color: 'onSurface.os900',\n          display: 'flex',\n          flexDirection: 'column',\n          fontWeight: '500',\n          '@keyframes loader-animation': {\n            '0%': {\n              maxWidth: '0%',\n            },\n            '20%': {\n              maxWidth: '20%',\n            },\n            '50%': {\n              maxWidth: '50%',\n            },\n            '100%': {\n              maxWidth: '100%',\n            },\n          },\n          '@keyframes loader-animation-opposite': {\n            '0%': {\n              width: 'calc(100% - 1px)',\n            },\n            '20%': {\n              width: 'calc(80% - 1px)',\n            },\n            '50%': {\n              width: 'calc(50% - 1px)',\n            },\n            '100%': {\n              width: '0%',\n            },\n          },\n          ...sx,\n        }}\n        {...rest}\n      >\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box\n            component=\"span\"\n            className=\"loading-text\"\n            data-testid=\"Loader.percentage\"\n            sx={{\n              alignSelf: 'flex-end',\n              marginBottom: '4px',\n              fontSize: '14px',\n              lineHeight: '20px',\n              color: 'text.primary',\n              ...sxLoadingText,\n            }}\n            {...restLoadingText}\n          >\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n        <Box\n          className=\"bar\"\n          sx={{\n            width: '100%',\n            overflow: 'hidden',\n            borderRadius: '555px',\n            height: loaderSize === 'small' ? '4px' : '8px',\n            position: 'relative',\n            // right track\n            '&:before': {\n              content: '\"\"',\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os700' : 'onSurface.os100'),\n              width: `calc(${100 - loadingPercentage}% - 1px)`,\n              borderRadius: '555px',\n              transition: 'width 1s',\n              animation: 'loader-animation-opposite 8s infinite',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                animation: 'none',\n              }),\n            },\n            // dot at the end of bar\n            '&:after': {\n              content: '\"\"',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              borderRadius: '555px',\n              aspectRatio: '1/1',\n            },\n            ...sxBarWrapper,\n          }}\n          {...(loadingPercentage && {\n            ['aria-valuenow']: loadingPercentage,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBarWrapper}\n        >\n          <Box\n            className=\"mainBar\"\n            sx={{\n              width: '100%',\n              maxWidth: '0',\n              height: 'inherit',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              animation: 'loader-animation 8s infinite',\n              borderRadius: '555px',\n              transition: 'none',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                maxWidth: `${loadingPercentage}%`,\n                animation: 'none',\n                transition: 'max-width 1s',\n              }),\n              ...sxBar,\n            }}\n            {...restBar}\n          />\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"8FAkBa,MAAAA,mBAA0CC,YACrD,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,SAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAA,OAAAO,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACC,IAAAb,EAAGA,IACFC,OAAAC,OAAA,CAAAY,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ5B,GAAEc,OAAAC,OAAA,CACAc,UAAW,WACXC,aAAc,MACdd,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAAAA,IAACZ,EAAGA,IAAAC,OAAAC,OAAA,CACFa,UAAU,MACV5B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPQ,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfrC,EAAyB,MAAQ,MACzCsC,SAAU,WAEV,0BACEC,QAAS,KACThB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFnB,MAAO,QAAQ,IAAM5B,YACrBqC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNjD,GAA2C,IAAtBA,IAA4B,CACpDiD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFvB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZtC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAAAC,IAACb,EAAGA,IACFC,OAAAC,OAAA,CAAAa,UAAU,UACV5B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVW,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACPhD,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbiD,UAAW,OACXD,WAAY,iBAEXjC,IAEDC,UAGJ"}

package/cjs/components/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../../../../../src/components/progress/progress.tsx"],"sourcesContent":[null],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","jsx","Object","assign","ProgressBar","props"],"mappings":"qRA6Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAA,OAAAR,EAAlG,yEACC,MAAMS,EAAqBC,EAAAA,SAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,EAAAA,SAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeC,EAAqBA,sBACpCC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeG,EAAqBA,sBACpCD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAAAA,OAASC,EAAOA,QAClDf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAA,OAAAG,EAAA,CAAA,cA0BN,OAAOW,EAAAC,IAACH,EAAiBI,OAAAC,OAAA,CAACxB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DmB,EAAuC3B,EAAUA,YAAC,CAAC4B,EAAO1B,IAC9DqB,EAAAC,IAACzB,EAAa0B,OAAAC,OAAA,GAAAE,GAAO1B,IAAKA"}
+{"version":3,"file":"progress.js","sources":["../../../../../src/components/progress/progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { ProgressMessageComponent, ProgressMessageComponentProps } from './progressMessage';\nimport { Loader, LoaderProps } from './loader';\nimport { Spinner, SpinnerProps } from './spinner';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\n/** Common properties for both loader and spinner. */\nexport interface CommonProgressProps {\n  variant?: 'loader' | 'spinner';\n  /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */\n  loadingPercentage?: number;\n  /** Text describing the loading percentage. */\n  loadingPercentageDescribeText?: string;\n  /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */\n  state?: 'loading' | 'error' | 'success';\n  /** Icon message for the success state */\n  successMessage?: React.ReactNode;\n  /** Icon message for the error state */\n  errorMessage?: React.ReactNode;\n}\n\n/**\n * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.\n */\nexport type ProgressProps =\n  | (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & { variant: 'loader' })\n  | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & { variant?: 'spinner' });\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', state = 'loading', loadingPercentage, successMessage, errorMessage, ...rest }, ref) => {\n    const validatePercentage = useMemo(() => {\n      if (!loadingPercentage || loadingPercentage === 0) return loadingPercentage;\n      if (loadingPercentage < 0) return 0;\n      if (loadingPercentage > 100) return 100;\n\n      return loadingPercentage;\n    }, [loadingPercentage]);\n\n    const { component: ProgressComponent, ...settingsProps } = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCloseFilledIcon,\n            message: errorMessage,\n            state,\n          };\n        case 'success':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCheckFilledIcon,\n            message: successMessage,\n            state,\n          };\n        case 'loading':\n        default:\n          return {\n            component: variant === 'loader' ? Loader : Spinner,\n            loadingPercentage: validatePercentage,\n            message: '',\n          };\n      }\n    }, [variant, loadingPercentage, state]);\n\n    return <ProgressComponent ref={ref} {...settingsProps} {...rest} />;\n  },\n);\n\n/**\n * @deprecated Use <Progress /> instead\n */\nexport const ProgressBar: React.FC<ProgressProps> = forwardRef((props, ref) => {\n  return <Progress {...props} ref={ref} />;\n});\n"],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","jsx","Object","assign","ProgressBar","props"],"mappings":"qRA6Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAA,OAAAR,EAAlG,yEACC,MAAMS,EAAqBC,EAAAA,SAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,EAAAA,SAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeC,EAAqBA,sBACpCC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeG,EAAqBA,sBACpCD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAAAA,OAASC,EAAOA,QAClDf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAA,OAAAG,EAAA,CAAA,cA0BN,OAAOW,EAAAC,IAACH,EAAiBI,OAAAC,OAAA,CAACxB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DmB,EAAuC3B,EAAUA,YAAC,CAAC4B,EAAO1B,IAC9DqB,EAAAC,IAACzB,EAAa0B,OAAAC,OAAA,GAAAE,GAAO1B,IAAKA"}

package/cjs/components/progress/progressMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressMessage.js","sources":["../../../../../src/components/progress/progressMessage.tsx"],"sourcesContent":[null],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"iHAuBa,MAAAA,EAAoEC,EAAUA,YACzF,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAA,OAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACC,IAAArB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZQ,SAAS,SACTjB,GACEQ,OAAAC,OAAA,CAAAS,MAAQC,GACNzB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvB0B,EAAMC,QAAQC,KACZ,kBACA,iBACLjB,IAEDC,IAGPT,GACCmB,EAAAA,IAACR,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBa,UAAU,OAAOC,UAAU,WAAcxB,YACzEH,QAGD"}
+{"version":3,"file":"progressMessage.js","sources":["../../../../../src/components/progress/progressMessage.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\n\nexport interface ProgressMessageComponentProps extends BoxProps<ElementType> {\n  /** Message next to the icon  */\n  message: React.ReactNode;\n  /** Variant of the progress message  */\n  state?: 'error' | 'success' | 'loading';\n  /** Custom icon color  */\n  iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  /** Custom message icon that replaces default icon component   */\n  customMessageIcon?: React.ReactNode;\n  /** Custom progress message props */\n  messageProps?: BoxProps<ElementType>;\n  /** Custom icon props */\n  iconProps?: SvgIconProps;\n  /** Custom icon node */\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\n/**\n * A component that renders a progress message with an icon.\n */\nexport const ProgressMessageComponent: React.FC<ProgressMessageComponentProps> = forwardRef(\n  ({ state, iconColor, IconComponent, message, customMessageIcon, iconProps, messageProps, sx, ...rest }, ref) => {\n    const { sx: sxIcon, ...restIcon } = iconProps || {};\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {customMessageIcon || (\n          <IconComponent\n            data-testid=\"Icon\"\n            fontSize=\"medium\"\n            sx={{\n              color: (theme) =>\n                iconColor ??\n                (state === 'error'\n                  ? 'error.main'\n                  : theme.palette.mode === 'dark'\n                    ? 'brand.secondary'\n                    : 'brand.primary'),\n              ...sxIcon,\n            }}\n            {...restIcon}\n          />\n        )}\n        {message && (\n          <Box data-testid=\"ProgressMessage\" component=\"span\" className=\"message\" {...messageProps}>\n            {message}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"iHAuBa,MAAAA,EAAoEC,EAAUA,YACzF,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAA,OAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACC,IAAArB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZQ,SAAS,SACTjB,GACEQ,OAAAC,OAAA,CAAAS,MAAQC,GACNzB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvB0B,EAAMC,QAAQC,KACZ,kBACA,iBACLjB,IAEDC,IAGPT,GACCmB,EAAAA,IAACR,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBa,UAAU,OAAOC,UAAU,WAAcxB,YACzEH,QAGD"}

package/cjs/components/progress/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../../../../src/components/progress/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YACvD,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAA,OAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAAA,IAAA,SAAA,CAAA7B,SACES,EAAAA,KAACqB,EAAAA,QAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,gBAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAAA,IAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAAAA,IAACnB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAAAA,IAACnB,EAAAA,IAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}
+{"version":3,"file":"spinner.js","sources":["../../../../../src/components/progress/spinner.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIcon, SvgIconProps } from '@mui/material';\nimport { CommonProgressProps } from './progress';\n\nexport interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */\n  spinnerControlledAnimation?: 'controlled' | 'infinite';\n  svgIconProps?: SvgIconProps;\n  textBoxProps?: BoxProps<ElementType>;\n  /** Text label next to progress */\n  label?: React.ReactNode;\n  labelProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays animated svg circle\n */\nexport const Spinner: React.FC<SpinnerProps> = forwardRef(\n  (\n    {\n      spinnerControlledAnimation,\n      loadingPercentage,\n      loadingPercentageDescribeText,\n      svgIconProps,\n      textBoxProps,\n      label,\n      labelProps,\n      sx,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxSvgIcon, ...restSvgIcon } = svgIconProps ?? {};\n\n    const strokeDashOffset = '137.130521355';\n    const strokeDashArray = 141.3716715;\n\n    const isControlled = spinnerControlledAnimation && spinnerControlledAnimation !== 'infinite';\n\n    return (\n      <Box\n        data-testid=\"Spinner\"\n        ref={ref}\n        sx={{\n          transitionProperty: 'opacity',\n          transitionDuration: '0.3s',\n          transitionTimingFunction: 'ease-in-out',\n          backgroundColor: 'transparent',\n          fontSize: '14px',\n          lineHeight: '20px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1,\n          color: 'onSurface.os900',\n          fontWeight: '400',\n          '& .initial-spinner.-done': {\n            opacity: '0',\n            pointerEvents: 'none',\n          },\n          '@keyframes spinner': {\n            '0%': { transform: 'rotateZ(0)' },\n            '100%': { transform: 'rotateZ(360deg)' },\n          },\n          '@keyframes spinner-circle': {\n            '0%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '25%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '50%': {},\n            '75%': {\n              strokeDashoffset: '35.342917875',\n              transform: 'rotate(45deg)',\n            },\n            '100%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(360deg)',\n            },\n          },\n          ...sx,\n        }}\n        {...(loadingPercentage && {\n          ['aria-valuenow']: loadingPercentage,\n          ['aria-valuemin']: 0,\n          ['aria-valuemax']: 100,\n        })}\n        {...rest}\n      >\n        <output>\n          <SvgIcon\n            aria-live=\"polite\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 50 50\"\n            sx={{\n              backgroundImage: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)`,\n              borderRadius: '50%',\n              animation: isControlled ? null : '2s linear infinite spinner',\n              '& circle': {\n                display: 'block',\n                fill: 'transparent',\n                strokeLinecap: isControlled ? null : 'square',\n                strokeDasharray: strokeDashArray,\n                strokeWidth: '8px',\n                transformOrigin: '50% 50%',\n                // track\n                '&:first-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n                  strokeLinecap: 'round',\n                  strokeDashoffset: isControlled ? -(strokeDashArray / 100) * loadingPercentage : null,\n                },\n                // highlighted part\n                '&:last-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n                  strokeDashoffset: isControlled ? strokeDashArray - (strokeDashArray / 100) * loadingPercentage : null,\n                  animation: isControlled ? null : '2s ease-in-out infinite both spinner-circle',\n                  strokeLinecap: 'round',\n                },\n              },\n              ...sxSvgIcon,\n            }}\n            {...restSvgIcon}\n          >\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n          </SvgIcon>\n        </output>\n        {label && <Box {...labelProps}>{label}</Box>}\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box component=\"span\" className=\"loading-text\" data-testid=\"Spinner.percentage\" {...textBoxProps}>\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YACvD,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAA,OAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAAA,IAAA,SAAA,CAAA7B,SACES,EAAAA,KAACqB,EAAAA,QAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,gBAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAAA,IAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAAAA,IAACnB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAAAA,IAACnB,EAAAA,IAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}

package/cjs/components/quickLink/quickLink.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),i=require("@mui/material"),e=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../icon/stroke/ArrowRightIcon.js"),o=require("../../materialui/button/interactive.js");const a=s.forwardRef(((s,a)=>{var{iconName:c,iconProps:p,title:x,titleTypographyProps:d,subtitle:l,subtitleTypographyProps:u,dividerWrapperProps:b,dividerProps:g,contentWrapperProps:m,titleWrapperProps:j,buttonTitle:h,buttonProps:k,buttonIconProps:y,onClick:f,sx:O}=s,P=t.__rest(s,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const v=p||{},{sx:I}=v,_=t.__rest(v,["sx"]),B=b||{},{sx:T}=B,W=t.__rest(B,["sx"]),q=g||{},{sx:C}=q,w=t.__rest(q,["sx"]),L=m||{},{sx:Q}=L,M=t.__rest(L,["sx"]),S=j||{},{sx:R}=S,X=t.__rest(S,["sx"]);return r.jsxs(i.Stack,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},o.getInteractiveStyle({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),O),"data-testid":"QuickLink",ref:a},f&&{onClick:f,role:"button"},{tabIndex:-1},P,{children:[r.jsx(i.Box,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:c?0:2}}},T)},W,{children:r.jsx(i.Box,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},C)},w))})),r.jsxs(i.Box,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},Q)},M,{children:[r.jsxs(i.Stack,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},R)},X,{children:[c&&r.jsx(e.Icon,Object.assign({name:c,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},I),"data-testid":"QuickLink.icon"},_)),x&&r.jsx(i.Typography,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},d,{children:x}))]})),l&&r.jsx(i.Typography,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},u,{children:l}))]})),h&&r.jsx(i.Button,Object.assign({variant:"navigation",color:"secondary",endIcon:r.jsx(n.ArrowRightIcon,{}),"data-testid":"QuickLink.button"},k,{children:h}))]}))})),c=s.forwardRef(((s,e)=>{var{sx:n,children:o}=s,a=t.__rest(s,["sx","children"]);return r.jsx(i.Box,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},n),ref:e},a,{children:o}))}));exports.QuickLink=a,exports.QuickLinkWrapper=c;
+"use strict";var t=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),e=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../icon/stroke/ArrowRightIcon.js"),o=require("../../materialui/button/interactive.js");const a=s.forwardRef(((s,a)=>{var{iconName:c,iconProps:p,title:x,titleTypographyProps:d,subtitle:l,subtitleTypographyProps:u,dividerWrapperProps:b,dividerProps:g,contentWrapperProps:m,titleWrapperProps:j,buttonTitle:h,buttonProps:k,buttonIconProps:y,onClick:f,sx:O}=s,P=t.__rest(s,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const v=p||{},{sx:I}=v,_=t.__rest(v,["sx"]),B=b||{},{sx:T}=B,W=t.__rest(B,["sx"]),q=g||{},{sx:C}=q,S=t.__rest(q,["sx"]),w=m||{},{sx:L}=w,Q=t.__rest(w,["sx"]),M=j||{},{sx:R}=M,X=t.__rest(M,["sx"]);return r.jsxs(e.Stack,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},o.getInteractiveStyle({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),O),"data-testid":"QuickLink",ref:a},f&&{onClick:f,role:"button"},{tabIndex:-1},P,{children:[r.jsx(e.Box,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:c?0:2}}},T)},W,{children:r.jsx(e.Box,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},C)},S))})),r.jsxs(e.Box,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},L)},Q,{children:[r.jsxs(e.Stack,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},R)},X,{children:[c&&r.jsx(i.Icon,Object.assign({name:c,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},I),"data-testid":"QuickLink.icon"},_)),x&&r.jsx(e.Typography,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},d,{children:x}))]})),l&&r.jsx(e.Typography,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},u,{children:l}))]})),h&&r.jsx(e.Button,Object.assign({variant:"navigation",color:"secondary",endIcon:r.jsx(n.ArrowRightIcon,{}),"data-testid":"QuickLink.button"},k,{children:h}))]}))})),c=s.forwardRef(((s,i)=>{var{sx:n,children:o}=s,a=t.__rest(s,["sx","children"]);return r.jsx(e.Box,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},n),ref:i},a,{children:o}))}));exports.QuickLink=a,exports.QuickLinkWrapper=c;
 //# sourceMappingURL=quickLink.js.map

package/cjs/components/quickLink/quickLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"quickLink.js","sources":["../../../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":[null],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","jsx","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}
+{"version":3,"file":"quickLink.js","sources":["../../../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Name of the icon from icon set\n   */\n  iconName?: IconProps['name'];\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: IconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      iconName,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {iconName && (\n              <Icon\n                name={iconName}\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","jsx","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/cjs/components/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":[null],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Radio","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"+MA2Da,MAAAA,EAAcC,EAAUA,YAAsC,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAAAC,KAACC,EAAiB,CAACC,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,MACxDC,SAAA,CAAAC,EAAAA,IAACC,EAAcC,MAAAC,OAAAC,OAAA,CAAA,EAAKb,EAAK,CAAEC,IAAKA,EAAKa,MAAOd,EAAMO,MAAQ,QAAU,aACnEP,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBN,EAAAA,IAAK,MAAA,CAAAO,UAAU,qBAAsBR,SAAAR,EAAMe,WAIlG,OAAOf,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBf,EAAMe,MAAME,OAAS,EAC5ER,EAAAA,IAACS,EAAAA,QAAsB,CAACC,QAASjB,EAAOa,MAAOf,EAAMe,MAAOT,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,QAEnG,CACD,IAMGF,EAAoBe,EAAMA,OAAC,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAgBA,iBAACb,EAAKnB,UAAU,EAAM,OAAQ,OAC7DQ,MAAOwB,EAAAA,iBAAiBb,EAAKlB,QAAUkB,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQhC,MAAMiC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKnB,WACPqB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAgBA,iBAACb,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQjC,SAASqC,QAAS,cAG1EhB,CAAM"}
+{"version":3,"file":"radioButton.js","sources":["../../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with RadioButton element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  /**\n   * HTML DOM element reference of component\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n  const radio = (\n    <RadioButtonStyled disabled={props.disabled} error={props.error}>\n      <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n      {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n    </RadioButtonStyled>\n  );\n\n  return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n    <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n  ) : (\n    radio\n  );\n});\n\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    display: 'flex',\n    '& .NodeLabelContainer': {\n      cursor: 'pointer',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      paddingLeft: '8px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n      color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  if (args.disabled) {\n    styles = {\n      ...styles,\n      color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n    };\n  }\n  return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Radio","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"+MA2Da,MAAAA,EAAcC,EAAUA,YAAsC,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAAAC,KAACC,EAAiB,CAACC,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,MACxDC,SAAA,CAAAC,EAAAA,IAACC,EAAcC,MAAAC,OAAAC,OAAA,CAAA,EAAKb,EAAK,CAAEC,IAAKA,EAAKa,MAAOd,EAAMO,MAAQ,QAAU,aACnEP,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBN,EAAAA,IAAK,MAAA,CAAAO,UAAU,qBAAsBR,SAAAR,EAAMe,WAIlG,OAAOf,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBf,EAAMe,MAAME,OAAS,EAC5ER,EAAAA,IAACS,EAAAA,QAAsB,CAACC,QAASjB,EAAOa,MAAOf,EAAMe,MAAOT,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,QAEnG,CACD,IAMGF,EAAoBe,EAAMA,OAAC,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAgBA,iBAACb,EAAKnB,UAAU,EAAM,OAAQ,OAC7DQ,MAAOwB,EAAAA,iBAAiBb,EAAKlB,QAAUkB,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQhC,MAAMiC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKnB,WACPqB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAgBA,iBAACb,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQjC,SAASqC,QAAS,cAG1EhB,CAAM"}

package/cjs/components/search/collapsableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsableSearch.js","sources":["../../../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":[null],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","jsx","Search","disableInput"],"mappings":"iJAyBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAA,OAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAA,OAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,MAACC,EAAGA,IAAAC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,MAACM,EAAQA,SAAAJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAAAa,IAACC,SAAOZ,OAAAC,OAAA,CAAAY,aAAc1B,GAAiBC,SAErC"}
+{"version":3,"file":"collapsableSearch.js","sources":["../../../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","jsx","Search","disableInput"],"mappings":"iJAyBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAA,OAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAA,OAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,MAACC,EAAGA,IAAAC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,MAACM,EAAQA,SAAAJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAAAa,IAACC,SAAOZ,OAAAC,OAAA,CAAAY,aAAc1B,GAAiBC,SAErC"}

package/cjs/components/search/search.d.ts

@@ -8,10 +8,7 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
     /**
      * Defines the time (ms) of debounce for the onChange effect
      *
-     * When debounce is 0, Search uses useDeferredValue instead.
-     *
-     * @see useDeferedValue
-     * @default 0
+     * @default 50
      */
     debounce?: number;
     /**
@@ -29,7 +26,6 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
      * If debounce is set to 0, the onChange is being called when deferred value changes
      *
      * @see debounce
-     * @see useDeferredValue {@link https://react.dev/reference/react/useDeferredValue}
      *
      * @param value current value of searchbar
      */

package/cjs/components/search/search.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef(((l,u)=>{var{debounce:p=0,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=t.useDeferredValue(w),R=o.default(w,p),{sx:A}=C,D=e.__rest(C,["sx"]),F=f||{},{input:M={}}=F,V=e.__rest(F,["input"]),z=t.useMemo((()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[v]);t.useEffect((()=>{null==m||m(p<=0?_:R)}),[p<=0?_:R]);const B=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)}),[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os900",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},z),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:B,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},D))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),V)}))}));exports.Search=l;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef(((l,u)=>{var{debounce:p=200,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=w,R=o.default(w,p,{instantClear:!0}),{sx:A}=C,F=e.__rest(C,["sx"]),D=f||{},{input:M={}}=D,z=e.__rest(D,["input"]),B=t.useMemo((()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[v]);t.useEffect((()=>{null==m||m(p<=0?_:R)}),[p<=0?_:R]);const V=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)}),[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os500",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},B),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:V,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},F))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),z)}))}));exports.Search=l;
 //# sourceMappingURL=search.js.map

package/cjs/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":[null],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   *\n   * @default 50\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 200,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    // useDeferredValue not used due to compatibility with React 17\n    // const deferredValue = useDeferredValue(search);\n    const deferredValue = search;\n    const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n          py: '5px',\n          pl: '15px',\n          pr: '5px',\n          mb: 0,\n          // focus ring\n          '&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '5px',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}

package/cjs/components/segmentedControls/{segmentedControls.js → SegmentedControls.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const s=r.forwardRef(((r,s)=>e.jsx(t.Tabs,Object.assign({},r,{ref:s,template:"segmented"}))));exports.SegmentedControls=s;
-//# sourceMappingURL=segmentedControls.js.map
+//# sourceMappingURL=SegmentedControls.js.map

package/cjs/components/segmentedControls/SegmentedControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControls.js","sources":["../../../../../src/components/segmentedControls/SegmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQa,MAAAA,EAAsDC,EAAUA,YAAC,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}

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

@@ -1 +1 @@
-export * from './segmentedControls';
+export * from './SegmentedControls';

package/cjs/components/selectInput/formControlSelectStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":[null],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}
+{"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { styled, FormControl as MuiFormControl, FormControlProps as MuiFormControlProps } from '@mui/material';\n\n/**\n * @description SelectInput styling definition based on props\n */\n\nconst handleStyleIcon = (props) => {\n  return {\n    fontSize: '24px !important',\n    position: 'absolute',\n    flexShrink: 0,\n    pointerEvents: 'none',\n    display: 'block',\n    color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n  };\n};\n\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n  shouldForwardProp: (prop) =>\n    prop !== 'helpText' &&\n    prop !== 'hideBg' &&\n    prop !== 'hasError' &&\n    prop !== 'hovered' &&\n    prop !== 'value' &&\n    prop !== 'staticLabel',\n})<\n  MuiFormControlProps & {\n    disabled?: boolean;\n    hasError?: boolean;\n    hideBg?: boolean;\n    icon?: string;\n    focused?: boolean;\n    hovered?: boolean;\n    value?: any;\n    staticLabel?: boolean;\n  }\n>(({ theme, ...props }) => {\n  let styles = {};\n\n  const styleIcon = handleStyleIcon(props);\n  const styleSelect = {\n    paddingBottom: props.staticLabel ? '16px' : '6px',\n    paddingTop: props.staticLabel ? '16px' : '26px',\n  };\n\n  styles = {\n    height: '56px',\n    minWidth: '200px !important',\n    background: theme.palette.transparent.primary,\n    borderRadius: '4px 4px 0px 0px',\n    borderBottom: props.focused\n      ? `2px solid ${theme.palette.brand.primary}`\n      : props.value\n        ? `1px solid ${theme.palette.onSurface.os900}`\n        : `1px solid ${theme.palette.onSurface.os500}`,\n    '& > .MuiIcon-root': {\n      ...styleIcon,\n      width: '50px',\n      top: '16px',\n    },\n    '& > .MuiFilledInput-root': {\n      position: 'relative',\n      height: '56px',\n    },\n    '& > label.MuiInputLabel-root': {\n      paddingLeft: 0,\n      fontWeight: 400,\n      marginLeft: '0px',\n      transform: 'translate(12, 18px) scale(1)',\n      color: props.hovered || props.focused ? theme.palette.text.primary : theme.palette.onSurface.os500,\n      maxWidth: 'calc(100% - 56px)',\n      '&:hover': {\n        color: theme.palette.text.primary,\n      },\n    },\n    '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n      transform: 'translate(14px, 8px) scale(0.75)',\n      paddingLeft: 0,\n      fontWeight: 400,\n      color: props.focused ? theme.palette.brand.primary : theme.palette.onSurface.os500,\n    },\n    '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n      color: theme.palette.disabled.primary,\n    },\n    '& > .MuiInputBase-root': {\n      background: 'transparent',\n      width: '100%',\n      paddingLeft: '1px',\n      paddingTop: '0px',\n      '&::after': {\n        display: 'none',\n      },\n      '&::before': {\n        display: 'none',\n      },\n      '& > div.MuiSelect-select': {\n        ...styleSelect,\n        fontSize: '16px',\n        lineHeight: '24px',\n        color: theme.palette.onSurface.os900,\n        fontWeight: '500',\n        paddingRight: '50px',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        width: '100%',\n        boxSizing: 'content-box!important',\n        '&:focus': {\n          background: 'transparent',\n        },\n        '& > div.MuiListItemText-root': {\n          marginTop: 0,\n        },\n      },\n      '& > .MuiIcon-root': {\n        ...styleIcon,\n        right: '15.5px',\n        width: '24px',\n        top: '19px',\n      },\n    },\n  };\n\n  const labelStyle = styles['& > label.MuiInputLabel-root'];\n\n  if (props.icon) {\n    styles = {\n      ...styles,\n      '& > label.MuiInputLabel-root': {\n        ...labelStyle,\n        paddingLeft: '40px',\n      },\n      '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n        ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n        transform: 'translate(24px, 8px) scale(0.75)',\n        paddingLeft: '40px',\n      },\n      '& > .MuiInputBase-root': {\n        background: 'transparent',\n        width: '100%',\n        paddingLeft: '1px',\n        paddingTop: '0px',\n        '& > div.MuiSelect-select': {\n          ...styleSelect,\n          fontSize: '16px',\n          lineHeight: '24px',\n          color: theme.palette.onSurface.os900,\n          fontWeight: '500',\n          paddingRight: '56px',\n          paddingLeft: '52px',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          width: '100%',\n          boxSizing: 'content-box!important',\n          '&:focus': {\n            background: 'transparent',\n          },\n          '& > div.MuiListItemText-root': {\n            marginTop: '14px',\n          },\n        },\n        '&::after': {\n          display: 'none',\n        },\n        '&::before': {\n          display: 'none',\n        },\n        '& > .MuiIcon-root': {\n          ...styleIcon,\n          right: '12.5px',\n          width: '24px',\n          top: '19px',\n\n          '&:hovered': {},\n        },\n      },\n    };\n  }\n\n  if (props.disabled) {\n    labelStyle.color = theme.palette.disabled.primary;\n    styles = {\n      ...styles,\n      borderBottom: `1px solid ${theme.palette.disabled.primary}`,\n\n      '& > .MuiIcon-root': {\n        ...styleIcon,\n        width: '50px',\n        height: '56px',\n        display: 'inline-flex',\n        top: '0',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingBottom: '8px',\n        color: theme.palette.disabled.primary,\n      },\n      '& > .MuiInputBase-root': {\n        ...styles['& > .MuiInputBase-root'],\n        '& > .MuiIcon-root': {\n          ...styleIcon,\n          right: '12.5px',\n          top: '19px',\n          color: theme.palette.disabled.primary,\n        },\n      },\n    };\n  }\n\n  if (props.error) {\n    const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n    labelStyle.color = errorColor;\n    styles = {\n      ...styles,\n      borderBottom: `2px solid ${theme.palette.alert['main']}`,\n      '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n        ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n        color: errorColor,\n      },\n    };\n  }\n\n  return styles;\n});\n"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}

package/cjs/components/selectInput/hook/useSelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":[null],"names":["inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,EAAWA,aAAC,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,KAEjB,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}
+{"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useSelectInput = (\n  inputRef,\n  setParentInputWidth,\n  setHelpTextState,\n  fullWidth,\n  helpText,\n  value,\n  setCurrentValue,\n  required,\n  setIsRequired,\n) => {\n  //-Set the current value from select\n  const handleOnChange = useCallback((e, onChange, _setCurrentValue) => {\n    const inputValue = e.target.value;\n    _setCurrentValue(inputValue);\n    onChange && onChange(e);\n  }, []);\n\n  //Call the onBlur callback from the outside, reset the focused state\n  const handleOnBlur = useCallback((setIsFocused, onBlur) => {\n    setIsFocused(false);\n    onBlur && onBlur();\n  }, []);\n\n  //Call the onFocus callback from outside, set the focus style to true\n  const handleOnFocus = useCallback((setIsFocused, onFocus) => {\n    setIsFocused(true);\n    onFocus && onFocus();\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n    setParentInputWidth(inputRef.current.offsetWidth + 'px');\n  }, [inputRef, fullWidth, setParentInputWidth]);\n\n  useEffect(() => {\n    setHelpTextState(helpText);\n  }, [inputRef, helpText, setHelpTextState]);\n\n  //If value passed from outside exists\n  useEffect(() => {\n    if (value && value.length > 0) {\n      setCurrentValue(value);\n    }\n  }, [setCurrentValue, value]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n\n  return {\n    handleOnChange,\n    handleOnBlur,\n    handleOnFocus,\n  };\n};\n"],"names":["inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,EAAWA,aAAC,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,KAEjB,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}

package/cjs/components/selectInput/inputLabelSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":[null],"names":["staticLabel","currentValue","opened","label","_jsx","jsx","InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,IAAAC,EAAUA,WAAC,CAAAC,UAAQN,IAAgBC,GAAuBM,GAAIL,EAC5DM,SAAAN"}
+{"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { InputLabel } from '@mui/material';\nimport React from 'react';\n\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n  if (staticLabel && currentValue) {\n    return null;\n  } else {\n    return (\n      <InputLabel shrink={currentValue || opened ? true : false} id={label}>\n        {label}\n      </InputLabel>\n    );\n  }\n};\n\nexport default InputLabelSelect;\n"],"names":["staticLabel","currentValue","opened","label","_jsx","jsx","InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,IAAAC,EAAUA,WAAC,CAAAC,UAAQN,IAAgBC,GAAuBM,GAAIL,EAC5DM,SAAAN"}

package/cjs/components/selectInput/selectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":[null],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","jsx","MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","default","maxChars"],"mappings":"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"}
+{"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n  FormHelperText,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n  styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/**\n * @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n */\nexport interface SelectInputProps {\n  /**\n   * The label referenced to the text input field\n   */\n  label?: string;\n  /**\n   * The label referenced to the text input field\n   */\n  staticLabel?: boolean;\n\n  /**\n   * Show the \"white\" background or nnot\n   */\n  hideBg?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n  /**\n   * Disabled, not clickable button\n   */\n  disabled?: boolean;\n\n  /**\n   * If TextField required field in form\n   */\n  required?: boolean;\n\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   *Boolean to check if the input returns an error or not\n   */\n  hasError?: boolean;\n\n  /**\n   *name of the input element\n   */\n  name?: string;\n\n  /**\n   *id of the input element\n   */\n  id?: string;\n\n  /**\n   *classes for FormControl component\n   */\n  classes?: unknown;\n\n  /**\n   *Props for the Input element\n   */\n  InputProps?: any;\n\n  /**\n   * Child element of the component.\n   */\n  children?: any;\n\n  /**\n   *set the full width for the select input\n   */\n  fullWidth?: boolean;\n\n  /**\n   * If true, the select menu items would not be trimmed by max width.\n   */\n  removeSelectMenuMaxWidth?: boolean;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (event: SelectChangeEvent<string>) => void;\n\n  onBlur?: () => void;\n\n  onFocus?: () => void;\n}\n\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\n\nexport const SelectInput: FC<SelectInputProps> = ({\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  children,\n  staticLabel,\n  InputProps,\n  fullWidth = true,\n  removeSelectMenuMaxWidth,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [inputWidth, setInputWidth] = useState(null);\n\n  const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n    isFocused,\n    () => {},\n    () => {},\n    fullWidth,\n    props.helpText,\n    value,\n    setCurrentValue,\n    props.required,\n    setIsRequired,\n  );\n\n  const inputRef = useRef(null);\n  const formControlSelectRef = useRef(null);\n\n  const menuProps = {\n    sx: inputWidth\n      ? {\n          maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        }\n      : {\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        },\n  };\n\n  return (\n    <>\n      <FormControlSelectStyled\n        {...props}\n        ref={formControlSelectRef}\n        staticLabel={staticLabel}\n        sx={!fullWidth ? { width: '200px' } : {}}\n        disabled={props.disabled}\n        error={props.hasError}\n        value={currentValue}\n        hideBg={props.hideBg}\n        onMouseEnter={() => {\n          !hovered && !opened && setHovered(true);\n        }}\n        onMouseLeave={() => {\n          hovered && !opened && setHovered(false);\n        }}\n        onMouseDown={(e) => {\n          const elemWidth = e.currentTarget.offsetWidth;\n          setInputWidth(elemWidth);\n        }}\n        icon={props.icon}\n        hovered={hovered}\n        focused={isFocused}\n        variant=\"filled\"\n        fullWidth={fullWidth}\n      >\n        {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n        <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n        <SelectInputStyled\n          variant=\"filled\"\n          MenuProps={menuProps}\n          required={isRequired}\n          onOpen={() => {\n            setOpened(true);\n          }}\n          onClose={() => {\n            setIsFocused(false);\n            setHovered(false);\n            setOpened(false);\n          }}\n          onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n          onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n          IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n          labelId={label}\n          id={props.id}\n          name={props.name}\n          value={currentValue}\n          onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n          ref={inputRef}\n          hasIcon={!!props.icon}\n          fullWidth={fullWidth}\n        >\n          {children}\n        </SelectInputStyled>\n        <FormHelperText>\n          <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n        </FormHelperText>\n      </FormControlSelectStyled>\n    </>\n  );\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n  shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n  if (!args.fullWidth) return null;\n\n  const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n  return {\n    '& > .MuiSelect-filled': {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      width: width,\n    },\n  };\n});\n"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","jsx","MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","default","maxChars"],"mappings":"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"}

package/cjs/components/shortcut/shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":[null],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","jsx","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQa,MAAAA,EAAoCC,EAAUA,YAAC,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAWC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,EAAUA,YAAC,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAW,IAACC,EAAGA,IAAAV,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAU,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLb,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}
+{"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","jsx","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQa,MAAAA,EAAoCC,EAAUA,YAAC,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAWC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,EAAUA,YAAC,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAW,IAACC,EAAGA,IAAAV,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAU,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLb,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}

package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":[null],"names":["CacheContainer","children","direction","widget","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","default","containerPlugin","_jsx","jsx","CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","Object","assign","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XA6DA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,IAMA,MAAMC,EAAQC,EAAAA,SAAQ,KAEpB,GAAkB,QAAdH,GAAwBC,EAI5B,OAAOG,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGL,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DO,cAAe,CACbC,EAAQA,YAEU,QAAdR,EAAsB,CAACS,EAASC,SAAI,MAEpCT,EAAS,CAACU,WAAmB,KAEnC,GACD,CAACX,EAAWC,IAEf,OAAOC,EAAQU,EAACC,IAAAC,EAAaA,eAACC,MAAOb,EAAQH,SAAAA,IAA4Ba,EAAAA,IAAGI,EAAAA,SAAA,CAAAjB,SAAAA,GAC9E,CAKA,SAASkB,EAAgBC,OAAAnB,SAAEA,EAAQoB,GAAEA,EAAElB,OAAEA,KAAWmB,EAA3BC,EAAAA,OAAAH,EAAA,CAAA,WAAA,KAAA,WACvB,OAAOjB,EACLW,EAAAA,IAACU,EAAGA,IAAAC,OAAAC,OAAA,CAACL,GAAEI,OAAAC,OAAA,CAAIC,cAAe,eAAkBN,IAAUC,EAAI,CAAArB,SACvDA,KAGHa,EAAAC,IAAAG,WAAA,CAAAjB,SAAGA,GAEP,4BAxEsEmB,QAAAnB,SACpEA,EACA2B,MAAAA,EAAQC,EAAUD,MAAAE,eAClBA,GAAiB,EAAK3B,OACtBA,GAAS,EAAK4B,eACdA,GAAcX,EACXE,EAAIC,EAAAA,OAAAH,EAN6D,iEAQpE,OACEN,MAACd,EAAc,CAACE,UAAW0B,EAAM1B,UAAWC,OAAQA,EAAMF,SACxDa,EAAAA,IAACkB,EAAaA,cAAA,CAACJ,MAAOA,EAAK3B,SACzBa,EAACC,IAAAI,iBAAgBhB,OAAQA,GAAY4B,EAClC,CAAA9B,SAAA6B,IAGChB,MAACmB,EAAAA,kBAAsBR,OAAAC,OAAA,CAAA,EAAAJ,EAA+B,QAApBM,EAAM1B,UAAsB,CAAEgC,IAAK,OAAU,GAC5E,CAAAjC,SAAAA,WAKM"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n    });\n  }, [direction, widget]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["CacheContainer","children","direction","widget","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","default","containerPlugin","_jsx","jsx","CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","Object","assign","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XA6DA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,IAMA,MAAMC,EAAQC,EAAAA,SAAQ,KAEpB,GAAkB,QAAdH,GAAwBC,EAI5B,OAAOG,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGL,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DO,cAAe,CACbC,EAAQA,YAEU,QAAdR,EAAsB,CAACS,EAASC,SAAI,MAEpCT,EAAS,CAACU,WAAmB,KAEnC,GACD,CAACX,EAAWC,IAEf,OAAOC,EAAQU,EAACC,IAAAC,EAAaA,eAACC,MAAOb,EAAQH,SAAAA,IAA4Ba,EAAAA,IAAGI,EAAAA,SAAA,CAAAjB,SAAAA,GAC9E,CAKA,SAASkB,EAAgBC,OAAAnB,SAAEA,EAAQoB,GAAEA,EAAElB,OAAEA,KAAWmB,EAA3BC,EAAAA,OAAAH,EAAA,CAAA,WAAA,KAAA,WACvB,OAAOjB,EACLW,EAAAA,IAACU,EAAGA,IAAAC,OAAAC,OAAA,CAACL,GAAEI,OAAAC,OAAA,CAAIC,cAAe,eAAkBN,IAAUC,EAAI,CAAArB,SACvDA,KAGHa,EAAAC,IAAAG,WAAA,CAAAjB,SAAGA,GAEP,4BAxEsEmB,QAAAnB,SACpEA,EACA2B,MAAAA,EAAQC,EAAUD,MAAAE,eAClBA,GAAiB,EAAK3B,OACtBA,GAAS,EAAK4B,eACdA,GAAcX,EACXE,EAAIC,EAAAA,OAAAH,EAN6D,iEAQpE,OACEN,MAACd,EAAc,CAACE,UAAW0B,EAAM1B,UAAWC,OAAQA,EAAMF,SACxDa,EAAAA,IAACkB,EAAaA,cAAA,CAACJ,MAAOA,EAAK3B,SACzBa,EAACC,IAAAI,iBAAgBhB,OAAQA,GAAY4B,EAClC,CAAA9B,SAAA6B,IAGChB,MAACmB,EAAAA,kBAAsBR,OAAAC,OAAA,CAAA,EAAAJ,EAA+B,QAApBM,EAAM1B,UAAsB,CAAEgC,IAAK,OAAU,GAC5E,CAAAjC,SAAAA,WAKM"}

package/cjs/components/skodaThemeProvider/SkodaThemeWidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":[null],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"qRAgCa,MA4BPA,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,EAAiBA,kBAACC,EAAeA,kBAAG,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,WAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAMG,EAAeC,EAAMA,OAAC,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,SACf,IACE,IAAIQ,OAAOW,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,EAAAA,iBAAgB,MACdT,aAAA,EAAAA,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACZ,aAAA,EAAAA,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,aACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,GAA0B,GAE9D,CAAChC,IAEGwC,EAAuBvC,EAAOA,SAAC,IAAMwC,EAAQA,SAACb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,EAAAA,iBAAgB,KACdgB,EAAqBjC,EAAaU,EAAe,GAChD,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,eAAc,mCAlFN2B,QACvCC,MAAAA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAJoCC,EAAAA,OAAAL,EAAA,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,SAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,aAAA,EAAAA,EAAmBO,KACzBC,UAAWR,aAAA,EAAAA,EAAmBQ,YAGhC,OAAIV,EACKW,EAAWA,YAACL,EAAgBN,GAE9BM,CAAc,GACpB,CAACN,EAAOvC,IAEX,OACEmD,MAACC,MAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAgB,CAAAe,IAAK5C,EAAY6C,SACxCL,MAACM,qBAAkBJ,OAAAC,OAAA,GAAKZ,EAAM,CAAAH,MAAOK,OACjC"}
+{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n  /**\n   * Theme overrides\n   */\n  theme?: object;\n  /**\n   * Props passed to container\n   */\n  containerProps?: BoxProps<ElementType>;\n  /**\n   * Options for Škoda theme generation\n   */\n  skodaThemeOptions?: {\n    mode?: PaletteMode;\n    direction?: Direction;\n  };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n *\n * @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n *  use regular SkodaThemeProvider with widget property that utilizes @container queries:\n *  <SkodaThemeProvider widget />\n */\nexport const SkodaThemeWidgetProvider = ({\n  theme,\n  containerProps,\n  skodaThemeOptions,\n  ...rest\n}: SkodaThemeWidgetProviderProps) => {\n  const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n  const composedTheme = useMemo(() => {\n    const containerTheme = createSkodaTheme({\n      breakpointsOptions: containerBreakpoints,\n      mode: skodaThemeOptions?.mode,\n      direction: skodaThemeOptions?.direction,\n    });\n    // in case theme is provided, make composition\n    if (theme) {\n      return createTheme(containerTheme, theme);\n    }\n    return containerTheme;\n  }, [theme, containerBreakpoints]);\n\n  return (\n    <Box {...containerProps} ref={containerRef}>\n      <SkodaThemeProvider {...rest} theme={composedTheme} />\n    </Box>\n  );\n};\n\nconst useContainerBreakpoints = () => {\n  const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n  const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n  // monitor window width\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n  useEffect(() => {\n    const windowResizeFn = () => {\n      setWindowWidth(window.innerWidth);\n    };\n\n    window.addEventListener('resize', windowResizeFn);\n    return () => {\n      window.removeEventListener('resize', windowResizeFn);\n    };\n  }, []);\n  // measure container size\n  const containerRef = useRef(null);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const observer = useMemo(\n    () =>\n      new window.ResizeObserver((entries) => {\n        setContainerWidth(entries[0].contentRect.width || 0);\n      }),\n    [],\n  );\n  useLayoutEffect(() => {\n    containerRef?.current && observer.observe(containerRef.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [containerRef?.current]);\n\n  // generate container breakpoints\n  const handleResize = useCallback(\n    (window: number, container: number) => {\n      const difference = window - container;\n      const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n        (prev, curr) => ({\n          ...prev,\n          // round to two decimal places\n          [curr]: Math.round((windowBreakpoints.values[curr] + difference) * 100) / 100,\n        }),\n        {} as { [key in Breakpoint]: number },\n      );\n      setContainerBreakpoints({ values: newContainerBreakpoints });\n    },\n    [windowBreakpoints],\n  );\n  const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n  useLayoutEffect(() => {\n    debounceHandleResize(windowWidth, containerWidth);\n  }, [windowWidth, containerWidth]);\n\n  return { containerBreakpoints, containerRef };\n};\n"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"qRAgCa,MA4BPA,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,EAAiBA,kBAACC,EAAeA,kBAAG,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,WAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAMG,EAAeC,EAAMA,OAAC,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,SACf,IACE,IAAIQ,OAAOW,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,EAAAA,iBAAgB,MACdT,aAAA,EAAAA,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACZ,aAAA,EAAAA,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,aACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,GAA0B,GAE9D,CAAChC,IAEGwC,EAAuBvC,EAAOA,SAAC,IAAMwC,EAAQA,SAACb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,EAAAA,iBAAgB,KACdgB,EAAqBjC,EAAaU,EAAe,GAChD,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,eAAc,mCAlFN2B,QACvCC,MAAAA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAJoCC,EAAAA,OAAAL,EAAA,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,SAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,aAAA,EAAAA,EAAmBO,KACzBC,UAAWR,aAAA,EAAAA,EAAmBQ,YAGhC,OAAIV,EACKW,EAAWA,YAACL,EAAgBN,GAE9BM,CAAc,GACpB,CAACN,EAAOvC,IAEX,OACEmD,MAACC,MAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAgB,CAAAe,IAAK5C,EAAY6C,SACxCL,MAACM,qBAAkBJ,OAAAC,OAAA,GAAKZ,EAAM,CAAAH,MAAOK,OACjC"}

package/cjs/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":[null],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"4FAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,UACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}
+{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/**\n * Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n  // check if we are dealing with @media query\n  if (element.type === MEDIA) {\n    element.value = element.value.replace('@media', '@container');\n  }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"4FAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,UACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}

package/cjs/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","default","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;\n\nexport type SliderThousandsSeparatorType = '.' | ',' | ' ';\n\n/**\n * @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n */\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   * The default values of the slider. Use array in order to have more than 1 thumb.\n   */\n  defaultValue?: number | number[];\n\n  /**\n   * Use valueLabelDisplay for hovered thumb with value text.\n   * - `auto` the value label will display when the thumb is hovered or focused.\n   * - `on` will display persistently.\n   * - `off` will never display.\n   * @default 'off'\n   */\n  valueLabelDisplay?: 'on' | 'auto' | 'off';\n\n  /**\n   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n   * @default false\n   */\n  disableSwap?: boolean;\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n   * This is important for screen reader users.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaLabel?: (index: number) => string;\n\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n   * This is important for screen reader users.\n   * @param {number} value The thumb label's value to format.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaValueText?: (value: number, index: number) => string;\n\n  /**\n   * The maximum allowed value of the slider.\n   * Should not be equal to min.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The minimum allowed value of the slider.\n   * Should not be equal to max.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * Callback function that is fired when the slider's value changed.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement> | Event,\n    value: number | number[],\n    activeThumb?: number,\n  ) => void;\n\n  /**\n   * Callback function that is fired on input blur.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;\n\n  /**\n   * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n   *\n   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   */\n  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;\n\n  /**\n   * Marks indicate predetermined values to which the user can move the slider.\n   * If `true` the marks are spaced according the value of the `step` prop.\n   * If an array, it should contain objects with `value` and an optional `label` keys.\n   * @default false\n   */\n  marks?:\n    | 'auto'\n    | boolean\n    | {\n        value: number;\n        label?: React.ReactNode;\n      }[];\n\n  /**\n   * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n   * The `min` prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   *\n   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n   * @default 1\n   */\n  step?: number | null;\n\n  /**\n   * Left side/min label of the value input.\n   */\n\n  leftSideLabel?: string;\n  /**\n   * Right side/max label of the value input.\n   */\n  rightSideLabel?: string;\n\n  /**\n   * Left side/min text description of the value input.\n   */\n  minTextDescription?: string;\n\n  /**\n   * Right side/max text description of the value input.\n   */\n  maxTextDescription?: string;\n\n  /**\n   * The type of the value input.\n   */\n  valueComponentType?: ValueComponentType;\n\n  /**\n   * The value of the slider. For ranged sliders, provide an array with two values.\n   */\n  value?: number | number[];\n\n  /**\n   * If true the currency is displayed in front of the value.\n   */\n  isCurrencyInFront?: boolean;\n\n  /**\n   * Thousands separator variants for formatting currency\n   */\n  thousandsSeparator?: SliderThousandsSeparatorType;\n\n  /**\n   * Decimal separator variants for formatting currency\n   */\n  decimalSeparator?: '.' | ',';\n\n  /**\n   * to hide or show decimals. Default value true\n   */\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n  type: ValueComponentType,\n  values: number[] | '',\n  leftSideLabel?: string,\n  rightSideLabel?: string,\n  minTextDescription?: string,\n  maxTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const minVal = getFormattedString(\n      typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    const maxVal = getFormattedString(\n      typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div className=\"range-values\">\n        <div data-testid=\"Slider.minVal\">\n          {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n        </div>\n        <div className=\"middle-side\"></div>\n        <div data-testid=\"Slider.maxVal\">\n          {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"range-values\">\n      <ResizableSliderInput\n        id=\"slider-double-value-left-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[0]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={0}\n        disabled={disabled}\n        textDescription={minTextDescription}\n        labelText={type === 'input' ? null : leftSideLabel}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.minVal\"\n      />\n      <div className=\"middle-side\"></div>\n      <ResizableSliderInput\n        id=\"slider-double-value-right-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[1]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={1}\n        disabled={disabled}\n        textDescription={maxTextDescription}\n        labelText={type === 'labeledInput' ? rightSideLabel : null}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.maxVal\"\n      />\n    </div>\n  );\n};\n\nconst getSingleValueComponent = (\n  type: ValueComponentType,\n  values: number | '',\n  leftSideLabel?: string,\n  minTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const val = getFormattedString(\n      typeof values === 'number' ? values : parseInt(values),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div data-testid=\"Slider.minVal\">\n        {minTextDescription && isCurrencyInFront\n          ? `${minTextDescription} ${val}`\n          : minTextDescription\n            ? `${val} ${minTextDescription}`\n            : val}{' '}\n      </div>\n    );\n  }\n\n  return (\n    <ResizableSliderInput\n      id=\"slider-single-value-label-input\"\n      value={values}\n      thousandsSeparator={thousandsSeparator}\n      decimalSeparator={decimalSeparator}\n      hiddenDecimalSeparator={hiddenDecimalSeparator}\n      onChange={onChange}\n      onBlur={onBlur}\n      disabled={disabled}\n      textDescription={minTextDescription}\n      labelText={type === 'labeledInput' ? leftSideLabel : null}\n      isCurrencyInFront={isCurrencyInFront}\n    />\n  );\n};\n\nconst getFormattedValue = (value: string) => {\n  let result = value ? parseInt(value) : -1;\n  if (isNaN(result)) result = -1;\n\n  return result;\n};\n\nconst getInitialValue = (\n  min: number,\n  max: number,\n  defaultValue: number | number[],\n  value?: number | number[],\n): number | number[] => {\n  if (value !== undefined) return value;\n  if (defaultValue !== undefined) return defaultValue;\n  if (max && !min) return [0, max];\n  if (!max && min) return min;\n\n  return 0;\n};\n\n/**\n * @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      min,\n      max,\n      defaultValue,\n      valueComponentType,\n      leftSideLabel,\n      rightSideLabel,\n      disabled,\n      disableSwap,\n      step,\n      value,\n      isCurrencyInFront,\n      minTextDescription = '',\n      maxTextDescription = '',\n      onChange,\n      onInputBlur,\n      thousandsSeparator = ' ',\n      decimalSeparator = ',',\n      hiddenDecimalSeparator = true,\n      marks,\n      ...props\n    },\n    ref,\n  ) => {\n    const getInitialValueWithUseCallBack = useMemo(() => {\n      return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n\n    const [values, setValues] = useState<number | number[] | ''>(getInitialValueWithUseCallBack);\n\n    useEffect(() => {\n      if (value) setValues(() => value);\n    }, [value]);\n\n    const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n      return getFormattedValue(_value);\n    }, []);\n\n    const onChangeHandler = useCallback(\n      (event: Event, _value: number | number[], activeThumb: number) => {\n        if (!Array.isArray(_value)) {\n          setValues(_value);\n          onChange && onChange(event, _value, activeThumb);\n          return;\n        }\n        if (activeThumb === 0) {\n          setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n        } else {\n          setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n      },\n      [onChange, step],\n    );\n\n    const onChangeSingleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max) newValue = max;\n\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n      },\n      [getFormattedValueWithUseCallBack, max, onChange],\n    );\n\n    const onChangeDoubleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max) newValue = max;\n        else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n        setValues((curr: number[]) => {\n          let newArrayValue = [...curr];\n          newArrayValue[thumb] = newValue;\n          if (newArrayValue[0] > newArrayValue[1]) {\n            newArrayValue = [0, step];\n          }\n          onChange && onChange(e, newArrayValue, thumb);\n          return newArrayValue;\n        });\n      },\n      [getFormattedValueWithUseCallBack, max, onChange, step, values],\n    );\n\n    const valuesComponent = useMemo(() => {\n      return Array.isArray(values)\n        ? getDoubleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            rightSideLabel,\n            minTextDescription,\n            maxTextDescription,\n            onChangeDoubleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          )\n        : getSingleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            minTextDescription,\n            onChangeSingleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          );\n    }, [\n      disabled,\n      isCurrencyInFront,\n      leftSideLabel,\n      maxTextDescription,\n      minTextDescription,\n      onChangeDoubleValue,\n      onChangeSingleValue,\n      onInputBlur,\n      rightSideLabel,\n      valueComponentType,\n      values,\n      thousandsSeparator,\n      decimalSeparator,\n      hiddenDecimalSeparator,\n    ]);\n\n    const marksValue = useMemo(() => {\n      if (marks === 'auto') {\n        return getSliderMarks(min || 0, max || 100);\n      } else {\n        return marks;\n      }\n    }, [marks, min || 0, max || 100]);\n\n    return (\n      <Box>\n        <SliderContainer>\n          <MuiSlider\n            {...props}\n            data-testid=\"Slider\"\n            disabled={disabled}\n            ref={ref}\n            onChange={onChangeHandler}\n            min={min}\n            max={max}\n            step={step}\n            disableSwap={disableSwap}\n            marks={marksValue}\n            valueLabelFormat={(v) =>\n              getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n            }\n            value={values as any}\n          />\n        </SliderContainer>\n        <Box sx={{ pt: 1 }} />\n        <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n      </Box>\n    );\n  },\n);\n\nconst getFormattedString = (\n  num: number,\n  decimalSeparator: string,\n  thousandsSeparator: string,\n  hiddenDecimalSeparator: boolean,\n) => {\n  if (hiddenDecimalSeparator) 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};\n"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","default","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}