@skodaflow/web-library 7.12.0 → 7.13.1

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":"iVAqHa,MAqHPA,EAAoBC,EAAMA,OAACC,SAAW,CAC1CC,kBAAoBC,GAAkB,YAATA,GAA+B,cAATA,GAD3BH,EAEuCI,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WAC/D,IAAKE,EAAKE,UAAW,OAAO,KAG5B,MAAO,CACL,wBAAyB,CACvBC,SAAU,WACVC,KAAM,EACNC,IAAK,EACLC,MANUN,EAAKO,QAAU,gCAAkC,gCAQ9D,wBAlI+CT,IAAA,IAAAU,MAChDA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,YACRA,EAAWC,WACXA,EAAUb,UACVA,GAAY,EAAIc,yBAChBA,GAAwBlB,EACrBmB,EAX6ChB,EAAAA,OAAAH,EAAA,CAAA,QAAA,WAAA,SAAA,UAAA,QAAA,WAAA,cAAA,aAAA,YAAA,6BAahD,MAAOoB,EAAcC,GAAmBC,EAAAA,SAAS,KAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpCG,EAASC,GAAcJ,EAAAA,UAAS,IAChCK,EAAYC,GAAiBN,EAAAA,UAAS,IACtCO,EAAQC,GAAaR,EAAAA,UAAS,IAC9BS,EAAYC,GAAiBV,EAAAA,SAAS,OAEvCW,aAAEA,EAAYC,eAAEA,EAAcC,cAAEA,GAAkBC,iBACtDb,GACA,SACA,QACAnB,EACAe,EAAMkB,SACNvB,EACAO,EACAF,EAAMmB,SACNV,GAGIW,EAAWC,EAAMA,OAAC,MAClBC,EAAuBD,EAAMA,OAAC,MAE9BE,EAAY,CAChBC,GAAIZ,EACA,CACEa,SAAU1B,EAA2B,QAAUa,EAC/C,sBAAuB,CACrBc,WAAY,cACZC,eAAgB,cAGpB,CACE,sBAAuB,CACrBD,WAAY,cACZC,eAAgB,eAK1B,OACEC,EAAAA,IACEC,EAAAA,SAAA,CAAAjC,SAAAkC,EAAAC,KAACC,EAAuBA,wBAAAC,OAAAC,OAAA,CAAA,EAClBlC,EAAK,CACTmC,IAAKb,EACLzB,YAAaA,EACb2B,GAAKvC,EAAiC,CAAA,EAArB,CAAEI,MAAO,SAC1B+C,SAAUpC,EAAMoC,SAChBC,MAAOrC,EAAMsC,SACb3C,MAAOM,EACPsC,OAAQvC,EAAMuC,OACdC,aAAc,MACXlC,IAAYI,GAAUH,GAAW,EAAK,EAEzCkC,aAAc,KACZnC,IAAYI,GAAUH,GAAW,EAAM,EAEzCmC,YAAcC,IACZ,MAAMC,EAAYD,EAAEE,cAAcC,YAClCjC,EAAc+B,EAAU,EAE1BG,KAAM/C,EAAM+C,KACZzC,QAASA,EACT0C,QAAS5C,EACT6C,QAAQ,SACRhE,UAAWA,EAASW,SAAA,CAEnBI,EAAM+C,MAAQnB,EAAAA,IAACsB,EAAIA,MAACC,MAAOnD,EAAMoC,SAAW,WAAa,UAAWgB,KAAMpD,EAAM+C,OACjFnB,MAACyB,EAAAA,QAAiB,CAAAxD,YAAaA,EAAaN,MAAOA,EAAOmB,OAAQA,EAAQT,aAAcA,IACxF2B,EAAC0B,IAAA9E,GACCyE,QAAQ,SACRM,UAAWhC,EACXJ,SAAUX,EACVgD,OAAQ,KACN7C,GAAU,EAAK,EAEjB8C,QAAS,KACPpD,GAAa,GACbE,GAAW,GACXI,GAAU,EAAM,EAElBlB,OAAQ,IAAMqB,EAAaT,EAAcZ,GACzCC,QAAS,IAAMsB,EAAcX,EAAcX,GAC3CgE,cAAe,IAAOhD,EAASkB,EAAA0B,IAACJ,EAAIA,KAAA,CAACE,KAAK,eAAkBxB,EAAA0B,IAACJ,OAAK,CAAAE,KAAK,iBACvEO,QAASpE,EACTqE,GAAI5D,EAAM4D,GACVR,KAAMpD,EAAMoD,KACZzD,MAAOM,EACPT,SAAWmD,GAAM5B,EAAe4B,EAAGnD,EAAUU,GAC7CiC,IAAKf,EACL9B,UAAWU,EAAM+C,KACjB9D,UAAWA,EAASW,SAEnBA,IAEHgC,EAAA0B,IAACO,EAAcA,eAAA,CAAAjE,SACbgC,EAAC0B,IAAAQ,EAAUC,SAACC,SAAU,EAAG/D,aAAcA,EAAciB,SAAUlB,EAAMkB,kBAGxE"}
+{"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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"}

package/cjs/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":[null],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","jsx","AlertTitle"],"mappings":"iHA4Ca,MAAAA,EAAoCC,EAAUA,YACzD,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAXLC,EAAAA,OAAAb,EAAA,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAMA,OAAA,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,IAAAC,EAAUA,WAAE,CAAAvB,SAAAP,IACZD,OAGO"}
+{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","jsx","AlertTitle"],"mappings":"iHA4Ca,MAAAA,EAAoCC,EAAUA,YACzD,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAXLC,EAAAA,OAAAb,EAAA,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAMA,OAAA,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,IAAAC,EAAUA,WAAE,CAAAvB,SAAAP,IACZD,OAGO"}

package/cjs/components/spacing/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":[null],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YAAC,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAgBJ,EAANK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}
+{"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: number;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YAAC,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAgBJ,EAANK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}

package/cjs/components/stepper/desktopStepperStepDescription.d.ts

@@ -1,6 +1,12 @@
-import { StepDescriptionDefinition, Location } from './model';
+import { Location, StepDescriptionDefinition } from './model';
+/**
+ * @deprecated
+ */
 declare const getStepDescriptionLocation: (location?: Location) => {
     marginTop: string;
 };
+/**
+ * @deprecated
+ */
 declare const StepDescription: (props: StepDescriptionDefinition) => import("react/jsx-runtime").JSX.Element;
 export { StepDescription, getStepDescriptionLocation };

package/cjs/components/stepper/desktopStepperStepDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":[null],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","jsx","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAKA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDAMDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAaA,cAACC,iCAAiCd,KACtDe,SAAAL,EAAAA,IAACM,EAAAA,QAAYC,OAAAC,OAAA,CAAA,EAAAX,YACXG,EAACS,IAAAC,EAAIA,KACH,CAAAR,oBACKC,EAAaA,cAACQ,sBAAsBf,IAEzCgB,MAAM,UACNC,MAAOlB,QAGP"}
+{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/**\n * @deprecated\n */\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n  const defaultLocation = { marginTop: '16px' };\n  switch (location) {\n    case 'bottom':\n      return defaultLocation;\n    case 'top':\n      return { marginTop: 'calc(-50% + -16px)' };\n    default:\n      return defaultLocation;\n  }\n};\n\n/**\n * @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n  if (!props) {\n    return null;\n  }\n  const { text, width, tooltipProps = { title: undefined } } = props;\n  return (\n    <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n      <Tooltip {...tooltipProps}>\n        <Chip\n          sx={{\n            ...stepperStyles.getMultilineChipStyle(width),\n          }}\n          color=\"primary\"\n          label={text}\n        />\n      </Tooltip>\n    </Box>\n  );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","jsx","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAaA,cAACC,iCAAiCd,KACtDe,SAAAL,EAAAA,IAACM,EAAAA,QAAYC,OAAAC,OAAA,CAAA,EAAAX,YACXG,EAACS,IAAAC,EAAIA,KACH,CAAAR,oBACKC,EAAaA,cAACQ,sBAAsBf,IAEzCgB,MAAM,UACNC,MAAOlB,QAGP"}

package/cjs/components/stepper/model.d.ts

@@ -1,22 +1,34 @@
-import { HTMLAttributes } from 'react';
-import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material';
 import { TooltipProps } from '@mui/material/Tooltip/Tooltip';
+import { SxProps } from '@mui/system';
+import { HTMLAttributes } from 'react';
 type Location = 'top' | 'bottom';
+/**
+ * @deprecated
+ */
 interface StepDescriptionDefinition {
     text?: string;
     width?: string;
     tooltipProps?: TooltipProps;
 }
+/**
+ * @deprecated
+ */
 interface StepDefinition {
     label: string;
     stepDescription?: StepDescriptionDefinition;
 }
+/**
+ * @deprecated
+ */
 declare const StepperIconsEnum: {
     default: string;
     active: string;
     completed: string;
 };
+/**
+ * @deprecated Use StepperProps from @mui/material instead
+ */
 interface StepperProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  The activeStep of a stepper.

package/cjs/components/stepper/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sources":["../../../../../src/components/stepper/model.ts"],"sourcesContent":[null],"names":["StepperIconsEnum","Object","seal","default","active","completed"],"mappings":"aAkBA,MAAMA,EAAmBC,OAAOC,KAAK,CACnCC,QAAS,uBACTC,OAAQ,uBACRC,UAAW"}
+{"version":3,"file":"model.js","sources":["../../../../../src/components/stepper/model.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { TooltipProps } from '@mui/material/Tooltip/Tooltip';\nimport { SxProps } from '@mui/system';\nimport { HTMLAttributes } from 'react';\n\ntype Location = 'top' | 'bottom';\n\n/**\n * @deprecated\n */\ninterface StepDescriptionDefinition {\n  text?: string;\n  width?: string;\n  tooltipProps?: TooltipProps;\n}\n\n/**\n * @deprecated\n */\ninterface StepDefinition {\n  label: string;\n  stepDescription?: StepDescriptionDefinition;\n}\n\n/**\n * @deprecated\n */\nconst StepperIconsEnum = Object.seal({\n  default: 'QontoStepIcon-circle',\n  active: 'QontoStepIcon-active',\n  completed: 'QontoStepIcon-completedIcon',\n});\n\n/**\n * @deprecated Use StepperProps from @mui/material instead\n */\ninterface StepperProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  The activeStep of a stepper.\n   */\n  activeStep?: number;\n  /**\n   *  if true, orientation is horizontal, then the step label will be positioned under the icon..\n   */\n  alternativeLabel?: boolean;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  An element to be placed between each step.\n   */\n  connector?: Element;\n  /**\n   *  If set the Stepper will not assist in controlling steps for linear flow.\n   */\n  nonLinear?: boolean;\n  /**\n   *  The component orientation (layout flow direction).\n   */\n  orientation?: 'horizontal';\n  /**\n   *  The total steps.\n   */\n  step?: Array<string | StepDefinition>;\n}\n\nexport { StepperIconsEnum };\nexport type { StepDescriptionDefinition, Location, StepDefinition, StepperProps };\n"],"names":["StepperIconsEnum","Object","seal","default","active","completed"],"mappings":"aA2BA,MAAMA,EAAmBC,OAAOC,KAAK,CACnCC,QAAS,uBACTC,OAAQ,uBACRC,UAAW"}

package/cjs/components/stepper/stepper.d.ts

@@ -1,4 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { StepperProps } from './model';
+/**
+ * @deprecated Use Stepper from @mui/material instead
+ *
+ * @see @mui/material/Stepper
+ */
 declare const Stepper: FC<PropsWithChildren<StepperProps>>;
 export { Stepper };

package/cjs/components/stepper/stepper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("./stepper.styles.js"),n=require("./desktopStepperStepDescription.js"),i=require("./model.js");const p=e=>{const{active:r,completed:s,className:n}=e;let p=i.StepperIconsEnum.default;return p=r?i.StepperIconsEnum.active:s?i.StepperIconsEnum.completed:p,t.jsx(c,{className:n,children:t.jsx("div",{className:p})})},c=r.styled("div")((({theme:e})=>s.stepperStyles.iconRootStylesGetter(e))),o=r.styled(r.StepConnector)((({theme:e})=>s.stepperStyles.qontoConnectorStylesGetter(e))),l=r.styled("div")((()=>s.stepperStyles.stepperContainer));exports.Stepper=i=>{var{activeStep:c,alternativeLabel:a,children:S,classes:d,connector:m,nonLinear:u,orientation:v,step:j}=i,y=e.__rest(i,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);return t.jsx(l,{children:t.jsx(r.Stepper,Object.assign({},y,{activeStep:c,alternativeLabel:a,connector:t.jsx(o,{}),children:S||j.map((e=>{const i="string"==typeof e||e instanceof String,c=i?e:e.label;return t.jsxs(r.Step,{children:[t.jsx(r.StepLabel,{style:s.stepperStyles.stepLabel,StepIconComponent:p,children:c}),!i&&a&&n.StepDescription(e.stepDescription)]},c+"")}))}))})};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("./desktopStepperStepDescription.js"),i=require("./stepper.styles.js");const n=r.styled("div")((()=>i.stepperStyles.stepperContainer));exports.Stepper=p=>{var{activeStep:a,alternativeLabel:l,children:c,classes:o,connector:S,nonLinear:u,orientation:d,step:v}=p,b=e.__rest(p,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);return t.jsx(n,{children:t.jsx(r.Stepper,Object.assign({},b,{activeStep:a,alternativeLabel:l,children:c||v.map((e=>{const n="string"==typeof e||e instanceof String,p=n?e:e.label;return t.jsxs(r.Step,{children:[t.jsx(r.StepLabel,{style:i.stepperStyles.stepLabel,children:p}),!n&&l&&s.StepDescription(e.stepDescription)]},p+"")}))}))})};
 //# sourceMappingURL=stepper.js.map

package/cjs/components/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":[null],"names":["QontoStepIcon","props","active","completed","className","stepIconClass","StepperIconsEnum","default","_jsx","QontoStepIconRoot","children","jsx","styled","theme","stepperStyles","iconRootStylesGetter","QontoConnector","StepConnector","qontoConnectorStylesGetter","StepperStyled","stepperContainer","_a","activeStep","alternativeLabel","classes","connector","nonLinear","orientation","step","__rest","MuiStepper","Stepper","Object","assign","map","item","isItemString","String","label","_jsxs","Step","StepLabel","style","stepLabel","StepIconComponent","StepDescription","stepDescription"],"mappings":"uMAMA,MAAMA,EAAiBC,IACrB,MAAMC,OAAEA,EAAMC,UAAEA,EAASC,UAAEA,GAAcH,EACzC,IAAII,EAAgBC,EAAAA,iBAAiBC,QAErC,OADAF,EAAgBH,EAASI,mBAAiBJ,OAASC,EAAYG,EAAAA,iBAAiBH,UAAYE,EAE1FG,MAACC,EAAiB,CAACL,UAAWA,EAC5BM,SAAAF,EAAAG,IAAA,MAAA,CAAKP,UAAWC,KACE,EAIlBI,EAAoBG,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,WAAYC,EAAaA,cAACC,qBAAqBF,KAErGG,EAAiBJ,EAAAA,OAAOK,EAAaA,cAApBL,EAAsB,EAAGC,WAAYC,EAAaA,cAACI,2BAA2BL,KAE/FM,EAAgBP,EAAAA,OAAO,MAAPA,EAA+B,IAC5CE,EAAaA,cAACM,mCAG+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBb,SAChBA,EAAQc,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIP,EACDpB,EAAK4B,EAAAA,OAAAR,EAT4C,qGA6BpD,OAAOb,MAACW,EAAa,CAAAT,SAjBnBF,EAAAA,IAACsB,EAAUC,QAAKC,OAAAC,OAAA,CAAA,EAAAhC,EAAO,CAAAqB,WAAYA,EAAYC,iBAAkBA,EAAkBE,UAAWjB,EAAAA,IAACQ,EAAiB,CAAA,GAAAN,SAC7GA,GACCkB,EAAKM,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,OAACC,EAAAA,KACC,CAAA9B,SAAA,CAAAF,EAAAA,IAACiC,EAASA,UAAC,CAAAC,MAAO5B,gBAAc6B,UAAWC,kBAAmB5C,EAC3DU,SAAA4B,KAEDF,GAAgBb,GAAoBsB,EAAAA,gBAAiBV,EAAwBW,mBAJtER,EAAQ,GAKZ,QAMuC"}
+{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n  return stepperStyles.stepperContainer;\n});\n\n/**\n * @deprecated Use Stepper from @mui/material instead\n *\n * @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n  activeStep,\n  alternativeLabel,\n  children,\n  classes,\n  connector,\n  nonLinear,\n  orientation,\n  step,\n  ...props\n}) => {\n  const desktopStepper = () => (\n    <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n      {children ||\n        step.map((item) => {\n          const isItemString = typeof item === 'string' || item instanceof String;\n          const label = isItemString ? item : (item as StepDefinition).label;\n          return (\n            <Step key={label + ''}>\n              <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n              {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n            </Step>\n          );\n        })}\n    </MuiStepper>\n  );\n\n  return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,EAA+B,IAC5CC,EAAaA,cAACC,mCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,MAACf,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAR,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAAAC,KAACC,OAAI,CAAAnB,SAAA,CACHQ,MAACY,EAAAA,UAAS,CAACC,MAAO1B,EAAaA,cAAC2B,UAAStB,SAAGgB,KAC1CF,GAAgBf,GAAoBwB,EAAeA,gBAAEV,EAAwBW,mBAFtER,EAAQ,GAGZ,QAMuC"}

package/cjs/components/stepper/stepper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.styles.js","sources":["../../../../../src/components/stepper/stepper.styles.ts"],"sourcesContent":[null],"names":["stepperStyles","getMultilineChipStyle","width","height","paddingTop","paddingBottom","display","whiteSpace","wordBreak","textAlign","stepLabel","lineHeight","fontSize","fontWeight","getStepDescriptionContainerStyle","locationStyle","Object","assign","justifyContent","stepperContainer","alignItems","fontStyle","iconRootStylesGetter","theme","color","palette","mode","grey","StepperIconsEnum","completed","onSurface","os700","borderRadius","backgroundColor","border","brand","secondary","active","marginRight","marginLeft","default","cursor","disabled","tertiary","qontoConnectorStylesGetter","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth"],"mappings":"oEAIA,MAAMA,EAAgB,CACpBC,sBAAwBC,IAAmB,CACzCC,OAAQ,OACRC,WAAY,MACZC,cAAe,MACfH,QACA,mBAAoB,CAClBI,QAAS,QACTC,WAAY,SACZC,UAAW,aACXC,UAAW,YAGfC,UAAW,CACTC,WAAY,OACZC,SAAU,OACVC,WAAY,OAEdC,iCAAmCC,GACjCC,OAAAC,OAAA,CAAAX,QAAS,OACTY,eAAgB,UACbH,GAELI,iBAAkB,CAChB,yBAA0B,CACxBb,QAAS,OACTc,WAAY,SACZC,UAAW,SACXR,WAAY,MACZD,SAAU,OACVD,WAAY,SAGhBW,qBAAuBC,IAAkB,CACvCC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjErB,QAAS,OACTH,OAAQ,GACRiB,WAAY,SACZ,CAAC,MAAMQ,mBAAiBC,aAAc,CACpCL,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBS,UAAW,CACjCb,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdM,YAAa,SACbC,WAAY,MACZN,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBY,WAAY,CAClCtC,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdE,OAAQ,sBACRV,MAAO,cACP,UAAW,CACTiB,OAAQ,UACRT,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQiB,SAASC,WAC9CV,gBAAiBV,EAAME,QAAQiB,SAASN,cAI9CQ,2BAA6BrB,IAAkB,CAC7C,CAAC,KAAKsB,uBAAqBC,oBAAqB,CAC9CC,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAET,CAAC,KAAKJ,uBAAqBR,UAAW,CACpC,CAAC,MAAMQ,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,MACrC7B,MAAO,QAGX,CAAC,KAAK2C,uBAAqBhB,aAAc,CACvC,CAAC,MAAMgB,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,QAGzC,CAAC,MAAMc,uBAAqBK,QAAS,CACnCC,YAAoC,SAAvB5B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOJ,EAAME,QAAQiB,SAASU,QAC9FC,eAAgB,EAChBrB,aAAc"}
+{"version":3,"file":"stepper.styles.js","sources":["../../../../../src/components/stepper/stepper.styles.ts"],"sourcesContent":["import { StepperIconsEnum } from './model';\nimport { Theme } from '@mui/material/styles';\nimport { CSSObject, stepConnectorClasses } from '@mui/material';\n\nconst stepperStyles = {\n  getMultilineChipStyle: (width: string) => ({\n    height: 'auto',\n    paddingTop: '2px',\n    paddingBottom: '2px',\n    width,\n    '& .MuiChip-label': {\n      display: 'block',\n      whiteSpace: 'normal',\n      wordBreak: 'break-word',\n      textAlign: 'center',\n    },\n  }),\n  stepLabel: {\n    lineHeight: '16px',\n    fontSize: '12px',\n    fontWeight: '400',\n  },\n  getStepDescriptionContainerStyle: (locationStyle: CSSObject) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    ...locationStyle,\n  }),\n  stepperContainer: {\n    '& .controllerContainer': {\n      display: 'flex',\n      alignItems: 'center',\n      fontStyle: 'normal',\n      fontWeight: '700',\n      fontSize: '12px',\n      lineHeight: '16px',\n    },\n  },\n  iconRootStylesGetter: (theme: Theme) => ({\n    color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n    display: 'flex',\n    height: 22,\n    alignItems: 'center',\n    [`& .${StepperIconsEnum.completed}`]: {\n      color: theme.palette.onSurface.os700,\n      width: 12,\n      height: 12,\n      borderRadius: '50%',\n      backgroundColor: 'currentColor',\n      '&:hover': {\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.onSurface.os700}`,\n        color: theme.palette.brand.secondary,\n      },\n    },\n    [`& .${StepperIconsEnum.active}`]: {\n      color: theme.palette.onSurface.os700,\n      width: 18,\n      height: 18,\n      borderRadius: '50%',\n      marginRight: '5.25px',\n      marginLeft: '0px',\n      backgroundColor: 'currentColor',\n      '&:hover': {\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.onSurface.os700}`,\n        color: theme.palette.brand.secondary,\n      },\n    },\n    [`& .${StepperIconsEnum.default}`]: {\n      width: 12,\n      height: 12,\n      borderRadius: '50%',\n      border: '1.5px solid #C4C6C7',\n      color: 'transparent',\n      '&:hover': {\n        cursor: 'pointer',\n        borderRadius: '50%',\n        border: `1.5px solid ${theme.palette.disabled.tertiary}`,\n        backgroundColor: theme.palette.disabled.secondary,\n      },\n    },\n  }),\n  qontoConnectorStylesGetter: (theme: Theme) => ({\n    [`&.${stepConnectorClasses.alternativeLabel}`]: {\n      top: 10,\n      left: 'calc(-50% + 9px)',\n      right: 'calc(50% + 9px)',\n    },\n    [`&.${stepConnectorClasses.active}`]: {\n      [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.onSurface.os700,\n        width: '99%',\n      },\n    },\n    [`&.${stepConnectorClasses.completed}`]: {\n      [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.onSurface.os700,\n      },\n    },\n    [`& .${stepConnectorClasses.line}`]: {\n      borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : theme.palette.disabled.primary,\n      borderTopWidth: 3,\n      borderRadius: 1,\n    },\n  }),\n};\n\nexport { stepperStyles };\n"],"names":["stepperStyles","getMultilineChipStyle","width","height","paddingTop","paddingBottom","display","whiteSpace","wordBreak","textAlign","stepLabel","lineHeight","fontSize","fontWeight","getStepDescriptionContainerStyle","locationStyle","Object","assign","justifyContent","stepperContainer","alignItems","fontStyle","iconRootStylesGetter","theme","color","palette","mode","grey","StepperIconsEnum","completed","onSurface","os700","borderRadius","backgroundColor","border","brand","secondary","active","marginRight","marginLeft","default","cursor","disabled","tertiary","qontoConnectorStylesGetter","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth"],"mappings":"oEAIA,MAAMA,EAAgB,CACpBC,sBAAwBC,IAAmB,CACzCC,OAAQ,OACRC,WAAY,MACZC,cAAe,MACfH,QACA,mBAAoB,CAClBI,QAAS,QACTC,WAAY,SACZC,UAAW,aACXC,UAAW,YAGfC,UAAW,CACTC,WAAY,OACZC,SAAU,OACVC,WAAY,OAEdC,iCAAmCC,GACjCC,OAAAC,OAAA,CAAAX,QAAS,OACTY,eAAgB,UACbH,GAELI,iBAAkB,CAChB,yBAA0B,CACxBb,QAAS,OACTc,WAAY,SACZC,UAAW,SACXR,WAAY,MACZD,SAAU,OACVD,WAAY,SAGhBW,qBAAuBC,IAAkB,CACvCC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjErB,QAAS,OACTH,OAAQ,GACRiB,WAAY,SACZ,CAAC,MAAMQ,mBAAiBC,aAAc,CACpCL,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBS,UAAW,CACjCb,MAAOD,EAAME,QAAQK,UAAUC,MAC/B7B,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdM,YAAa,SACbC,WAAY,MACZN,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQK,UAAUC,QAC/CP,MAAOD,EAAME,QAAQU,MAAMC,YAG/B,CAAC,MAAMR,mBAAiBY,WAAY,CAClCtC,MAAO,GACPC,OAAQ,GACR6B,aAAc,MACdE,OAAQ,sBACRV,MAAO,cACP,UAAW,CACTiB,OAAQ,UACRT,aAAc,MACdE,OAAQ,eAAeX,EAAME,QAAQiB,SAASC,WAC9CV,gBAAiBV,EAAME,QAAQiB,SAASN,cAI9CQ,2BAA6BrB,IAAkB,CAC7C,CAAC,KAAKsB,uBAAqBC,oBAAqB,CAC9CC,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAET,CAAC,KAAKJ,uBAAqBR,UAAW,CACpC,CAAC,MAAMQ,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,MACrC7B,MAAO,QAGX,CAAC,KAAK2C,uBAAqBhB,aAAc,CACvC,CAAC,MAAMgB,uBAAqBK,QAAS,CACnCC,YAAa5B,EAAME,QAAQK,UAAUC,QAGzC,CAAC,MAAMc,uBAAqBK,QAAS,CACnCC,YAAoC,SAAvB5B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOJ,EAAME,QAAQiB,SAASU,QAC9FC,eAAgB,EAChBrB,aAAc"}

package/cjs/components/textAndCta/appStoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"appStoreButton.js","sources":["../../../../../src/components/textAndCta/appStoreButton.tsx"],"sourcesContent":[null],"names":["AppStoreButton","forwardRef","_a","ref","variant","sx","rest","__rest","AppStoreComponent","useMemo","AppleStore","GooglePlay","_jsx","ButtonBase","Object","assign","theme","position","getFocusRingStyle","borderRadius","display","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","getInteractiveStyle","jsx","props","_jsxs","SvgIcon","viewBox","height","width","children","d","fill","strokeWidth","stroke","strokeMiterlimit"],"mappings":"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"}
+{"version":3,"file":"appStoreButton.js","sources":["../../../../../src/components/textAndCta/appStoreButton.tsx"],"sourcesContent":["import React, { ElementType, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { ButtonBase, ButtonBaseProps, SvgIcon } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface AppStoreButtonProps extends ButtonBaseProps<ElementType> {\n  /**\n   * store to be shown\n   * @default google-play\n   */\n  variant?: 'google-play' | 'apple-store';\n}\n\n/**\n * Simple button with the application store image\n */\nexport const AppStoreButton: React.FC<AppStoreButtonProps> = forwardRef(({ variant, sx, ...rest }, ref) => {\n  const AppStoreComponent = useMemo(() => {\n    switch (variant) {\n      case 'apple-store':\n        return AppleStore;\n      case 'google-play':\n      default:\n        return GooglePlay;\n    }\n  }, [variant]);\n\n  return (\n    <ButtonBase\n      sx={(theme) => ({\n        position: 'relative',\n        ...getFocusRingStyle(theme),\n        '&&:before': {\n          borderRadius: '4px',\n        },\n        // pseudo background for hover\n        ':after': {\n          display: 'block',\n          content: '\"\"',\n          position: 'absolute',\n          inset: '0',\n          borderRadius: 'inherit',\n          backgroundColor: theme.palette.transparent.primary,\n          transition: 'opacity 0.3s ease-out',\n          opacity: '0',\n        },\n        // interactive style\n        ...getInteractiveStyle(\n          {\n            '&:after': {\n              opacity: '0',\n            },\n          },\n          {\n            '&:after': {\n              opacity: '1',\n            },\n          },\n        ),\n        ...sx,\n      })}\n      ref={ref as ForwardedRef<HTMLButtonElement>}\n      {...rest}\n    >\n      <AppStoreComponent />\n    </ButtonBase>\n  );\n});\n\nfunction GooglePlay(props) {\n  return (\n    <SvgIcon viewBox=\"0 0 180 53.333\" sx={{ height: '36px', width: 'auto' }} {...props}>\n      <path\n        d=\"m173.33 53.333h-166.66c-3.6666 0-6.6665-2.9999-6.6665-6.6665v-39.999c0-3.6666 2.9999-6.6665 6.6665-6.6665h166.66c3.6666 0 6.6665 2.9999 6.6665 6.6665v39.999c0 3.6666-2.9999 6.6665-6.6665 6.6665\"\n        fill=\"#100f0d\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m173.33 1e-3h-166.66c-3.6666 0-6.6665 2.9999-6.6665 6.6665v39.999c0 3.6666 2.9999 6.6665 6.6665 6.6665h166.66c3.6666 0 6.6665-2.9999 6.6665-6.6665v-39.999c0-3.6666-2.9999-6.6665-6.6665-6.6665zm0 1.0661c3.0879 0 5.5999 2.5125 5.5999 5.6004v39.999c0 3.0879-2.5119 5.6004-5.5999 5.6004h-166.66c-3.0879 0-5.5993-2.5125-5.5993-5.6004v-39.999c0-3.0879 2.5114-5.6004 5.5993-5.6004h166.66\"\n        fill=\"#a2a2a1\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m142.58 40h2.4879v-16.669h-2.4879zm22.409-10.664-2.8519 7.2264h-0.0853l-2.9599-7.2264h-2.6799l4.4399 10.1-2.5319 5.6185h2.5946l6.8412-15.718zm-14.11 8.7706c-0.81331 0-1.9506-0.40786-1.9506-1.4156 0-1.2865 1.416-1.7797 2.6373-1.7797 1.0933 0 1.6093 0.23546 2.2733 0.55732-0.19333 1.5442-1.5226 2.6379-2.9599 2.6379zm0.30133-9.1352c-1.8013 0-3.6666 0.79371-4.4386 2.5521l2.208 0.92184c0.47198-0.92184 1.3506-1.2218 2.2733-1.2218 1.2866 0 2.5946 0.77131 2.6159 2.1442v0.17133c-0.45066-0.25733-1.416-0.64318-2.5946-0.64318-2.3813 0-4.8039 1.3077-4.8039 3.7524 0 2.2302 1.952 3.6671 4.1386 3.6671 1.672 0 2.5959-0.75054 3.1732-1.6301h0.0867v1.2874h2.4026v-6.391c0-2.9593-2.2106-4.6103-5.0612-4.6103zm-15.376 2.3937h-3.5386v-5.7133h3.5386c1.86 0 2.9159 1.5396 2.9159 2.8566 0 1.2917-1.056 2.8567-2.9159 2.8567zm-0.064-8.0337h-5.9614v16.669h2.4869v-6.3149h3.4746c2.7573 0 5.4679-1.9958 5.4679-5.1765 0-3.1801-2.7106-5.1769-5.4679-5.1769zm-32.507 14.778c-1.7188 0-3.1573-1.4396-3.1573-3.415 0-1.9984 1.4385-3.4583 3.1573-3.4583 1.6969 0 3.0286 1.46 3.0286 3.4583 0 1.9754-1.3317 3.415-3.0286 3.415zm2.8567-7.8403h-0.086c-0.55826-0.66572-1.6328-1.2672-2.9853-1.2672-2.8359 0-5.4348 2.4921-5.4348 5.6925 0 3.1786 2.5989 5.6488 5.4348 5.6488 1.3525 0 2.427-0.6016 2.9853-1.2885h0.086v0.81558c0 2.1703-1.1598 3.3296-3.0286 3.3296-1.5245 0-2.4697-1.0953-2.8567-2.0188l-2.1691 0.90206c0.62238 1.503 2.2759 3.351 5.0259 3.351 2.9218 0 5.392-1.7188 5.392-5.9077v-10.181h-2.3634zm4.0822 9.7304h2.4906v-16.669h-2.4906zm6.164-5.4988c-0.0641-2.1911 1.6978-3.3078 2.9645-3.3078 0.98851 0 1.8254 0.49425 2.1057 1.2026zm7.7326-1.8906c-0.47238-1.2666-1.9114-3.6082-4.8541-3.6082-2.9218 0-5.3488 2.2983-5.3488 5.6707 0 3.1791 2.4062 5.6707 5.6275 5.6707 2.5989 0 4.1031-1.589 4.7264-2.513l-1.9333-1.289c-0.64465 0.94531-1.5249 1.5682-2.7931 1.5682-1.2666 0-2.1692-0.58012-2.7483-1.7186l7.5815-3.1359zm-60.409-1.8682v2.4057h5.7565c-0.17186 1.3532-0.62292 2.3411-1.3104 3.0286-0.83798 0.83745-2.1483 1.7614-4.4462 1.7614-3.5443 0-6.315-2.8567-6.315-6.4009s2.7707-6.4013 6.315-6.4013c1.9118 0 3.3077 0.75198 4.3388 1.7186l1.6974-1.6973c-1.4396-1.3745-3.351-2.427-6.0362-2.427-4.8552 0-8.9363 3.9524-8.9363 8.807 0 4.8541 4.0811 8.8066 8.9363 8.8066 2.6202 0 4.5967-0.85932 6.143-2.4702 1.5896-1.5896 2.0838-3.8234 2.0838-5.628 0-0.55785-0.04333-1.0734-0.1292-1.5032zm14.772 7.3675c-1.7188 0-3.201-1.4177-3.201-3.4368 0-2.0406 1.4822-3.4364 3.201-3.4364 1.7181 0 3.2003 1.3958 3.2003 3.4364 0 2.0191-1.4822 3.4368-3.2003 3.4368zm0-9.1075c-3.137 0-5.6927 2.3842-5.6927 5.6707 0 3.265 2.5557 5.6707 5.6927 5.6707 3.1358 0 5.692-2.4057 5.692-5.6707 0-3.2865-2.5562-5.6707-5.692-5.6707zm12.417 9.1075c-1.7176 0-3.2003-1.4177-3.2003-3.4368 0-2.0406 1.4828-3.4364 3.2003-3.4364 1.7188 0 3.2005 1.3958 3.2005 3.4364 0 2.0191-1.4817 3.4368-3.2005 3.4368zm0-9.1075c-3.1358 0-5.6915 2.3842-5.6915 5.6707 0 3.265 2.5557 5.6707 5.6915 5.6707 3.137 0 5.6927-2.4057 5.6927-5.6707 0-3.2865-2.5557-5.6707-5.6927-5.6707\"\n        fill=\"#fff\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m27.622 25.899-14.194 15.066c5.34e-4 0.0031 0.0016 0.0057 0.0021 0.0089 0.43532 1.636 1.9296 2.8406 3.703 2.8406 0.70892 0 1.3745-0.19166 1.9453-0.52812l0.04533-0.02656 15.978-9.22-7.479-8.141\"\n        fill=\"#eb3131\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m41.983 23.334-0.0136-0.0093-6.8982-3.999-7.7717 6.9156 7.7987 7.7977 6.8618-3.9592c1.203-0.64945 2.0197-1.9177 2.0197-3.3802 0-1.452-0.80571-2.7139-1.9968-3.3655\"\n        fill=\"#f6b60b\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m13.426 12.37c-0.08533 0.31466-0.13018 0.64425-0.13018 0.98651v26.623c0 0.34162 0.04432 0.67233 0.13072 0.98587l14.684-14.681-14.684-13.914\"\n        fill=\"#5778c5\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m27.727 26.668 7.3473-7.3451-15.96-9.2534c-0.58012-0.34746-1.2572-0.54799-1.9817-0.54799-1.7734 0-3.2697 1.2068-3.7051 2.8447-5.34e-4 0.0016-5.34e-4 0.0027-5.34e-4 0.0041l14.3 14.298\"\n        fill=\"#3bad49\"\n        strokeWidth=\".13333\"\n      />\n      <path\n        d=\"m63.193 13.042h-3.8895v0.96251h2.9146c-0.0792 0.78545-0.39172 1.4021-0.91878 1.85-0.52705 0.44799-1.2 0.67292-1.9958 0.67292-0.87291 0-1.6125-0.30413-2.2186-0.90824-0.59385-0.61665-0.89584-1.3792-0.89584-2.2979 0-0.91864 0.30199-1.6812 0.89584-2.2978 0.60612-0.60412 1.3457-0.90624 2.2186-0.90624 0.44799 0 0.87504 0.07707 1.2666 0.24586 0.39172 0.16866 0.70625 0.40412 0.95211 0.70625l0.73958-0.73958c-0.33546-0.38132-0.76038-0.67292-1.2876-0.88544-0.52705-0.21253-1.077-0.31453-1.6708-0.31453-1.1645 0-2.1519 0.40412-2.9582 1.2104-0.80625 0.80825-1.2104 1.8041-1.2104 2.9811 0 1.177 0.40412 2.175 1.2104 2.9813 0.80625 0.80611 1.7937 1.2104 2.9582 1.2104 1.2229 0 2.1979-0.39172 2.9479-1.1876 0.66038-0.66238 0.99784-1.5582 0.99784-2.679 0-0.1896-0.02293-0.39172-0.05627-0.60425zm1.5068-3.7332v8.0249h4.6852v-0.98544h-3.654v-2.5457h3.2958v-0.96251h-3.2958v-2.5437h3.654v-0.98758zm11.255 0.98758v-0.98758h-5.5145v0.98758h2.2417v7.0373h1.0312v-7.0373zm4.9925-0.98758h-1.0312v8.0249h1.0312zm6.8066 0.98758v-0.98758h-5.5144v0.98758h2.2415v7.0373h1.0312v-7.0373zm10.406 0.05626c-0.79585-0.81877-1.7708-1.2229-2.9354-1.2229-1.1666 0-2.1415 0.40412-2.9374 1.2104-0.79585 0.79585-1.1874 1.7937-1.1874 2.9811s0.39159 2.1854 1.1874 2.9813c0.79585 0.80611 1.7708 1.2104 2.9374 1.2104 1.1541 0 2.1395-0.40426 2.9354-1.2104 0.79585-0.79585 1.1874-1.7938 1.1874-2.9813 0-1.177-0.39159-2.1729-1.1874-2.9686zm-5.1332 0.67078c0.59372-0.60412 1.3229-0.90624 2.1978-0.90624 0.87291 0 1.6021 0.30213 2.1854 0.90624 0.59372 0.59372 0.88531 1.3686 0.88531 2.2978 0 0.93131-0.29159 1.7041-0.88531 2.2979-0.58332 0.60412-1.3125 0.90824-2.1854 0.90824-0.87491 0-1.6041-0.30413-2.1978-0.90824-0.58132-0.60625-0.87291-1.3666-0.87291-2.2979 0-0.92918 0.29159-1.6916 0.87291-2.2978zm8.7706 1.3125-0.0437-1.548h0.0437l4.0791 6.5457h1.077v-8.0249h-1.0312v4.6957l0.0437 1.548h-0.0437l-3.8999-6.2437h-1.2562v8.0249h1.0312z\"\n        fill=\"#fff\"\n        stroke=\"#fff\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\".26666\"\n      />\n    </SvgIcon>\n  );\n}\n\nfunction AppleStore(props) {\n  return (\n    <SvgIcon viewBox=\"0 0 119.66407 40\" sx={{ height: '36px', width: 'auto' }} {...props}>\n      <path\n        d=\"M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z\"\n        fill=\"#a6a6a6\"\n      />\n      <path d=\"M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z\" />\n      <path\n        d=\"M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path d=\"M59.09377,8.437h.88867v6.26074h-.88867Z\" fill=\"#fff\" />\n      <path\n        d=\"M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z\"\n        fill=\"#fff\"\n      />\n    </SvgIcon>\n  );\n}\n"],"names":["AppStoreButton","forwardRef","_a","ref","variant","sx","rest","__rest","AppStoreComponent","useMemo","AppleStore","GooglePlay","_jsx","ButtonBase","Object","assign","theme","position","getFocusRingStyle","borderRadius","display","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","getInteractiveStyle","jsx","props","_jsxs","SvgIcon","viewBox","height","width","children","d","fill","strokeWidth","stroke","strokeMiterlimit"],"mappings":"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"}

package/cjs/components/textAndCta/textAndCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"textAndCta.js","sources":["../../../../../src/components/textAndCta/textAndCta.tsx"],"sourcesContent":[null],"names":["TextAndCta","forwardRef","_a","ref","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","__rest","_b","labelSx","restLabelProps","_c","headlineSx","restHeadlineProps","_d","subHeadlineSx","restSubHeadlineProps","_e","bodySx","restBodyProps","_f","buttonsSx","restButtonsProps","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","jsx","xs","md","gap"],"mappings":"gJA+Ca,MAAAA,EAAwCC,EAAUA,YAC7D,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,WACLA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,iBACXA,EAAgBC,KAChBA,EAAIC,UACJA,EAASC,QACTA,EAAOC,aACPA,GAAYb,EACTc,EAbLC,EAAAA,OAAAf,EAAA,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAlBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAxBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAjBZ,EAAAA,OAAAU,EAAA,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAApBf,EAAAA,OAAAa,EAAA,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhC,GACE+B,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,aAEHV,GACCsC,MAACC,EAAAA,MAAKV,OAAAC,OAAA,CAAChC,GAAM+B,OAAAC,OAAA,CAAAU,GAAI,GAAM3B,IAAeC,YACnCd,KAGJE,GACCoC,EAAAA,IAACG,EAAUA,WAACZ,OAAAC,OAAA,CAAAY,QAAQ,KAAK5C,kBAAMiC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,YAC1Ef,KAGJE,GACCkC,EAAAK,IAACF,EAAUA,WAAAZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,kBAAMiC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,YAEHhB,KAGJE,GACCgC,EAAAA,IAACG,EAAAA,0BAAW3C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,MAACV,EAAAA,IACCC,OAAAC,OAAA,CAAAhC,kBACEiC,QAAS,OACTC,cAAe,CAAEY,GAAI,SAAUC,GAAI,OACnCZ,WAAY,CAAEW,GAAI,UAAWC,GAAI,UACjCX,eAAgB,UAChBY,IAAK,GACFrB,IAEDC,EAAgB,CAAA3B,SAEnBS,QAGD"}
+{"version":3,"file":"textAndCta.js","sources":["../../../../../src/components/textAndCta/textAndCta.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { Label, LabelProps } from '@/src/components/label';\n\nexport interface TextAndCtaProps extends BoxProps<ElementType> {\n  /**\n   * Top label above the headlines\n   */\n  label?: ReactNode;\n  /**\n   * Label customization\n   */\n  labelProps?: LabelProps;\n  /**\n   * Main Headline at the top\n   */\n  headline?: ReactNode;\n  /**\n   * Headline customization\n   */\n  headlineProps?: TypographyProps;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps;\n}\n\nexport const TextAndCta: React.FC<TextAndCtaProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      labelProps,\n      headline,\n      headlineProps,\n      subheadline,\n      subheadlineProps,\n      body,\n      bodyProps,\n      buttons,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabelProps } = labelProps || {};\n    const { sx: headlineSx, ...restHeadlineProps } = headlineProps || {};\n    const { sx: subHeadlineSx, ...restSubHeadlineProps } = subheadlineProps || {};\n    const { sx: bodySx, ...restBodyProps } = bodyProps || {};\n    const { sx: buttonsSx, ...restButtonsProps } = buttonsProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          p: 3,\n          width: '320px',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <Label sx={{ mb: 1, ...labelSx }} {...restLabelProps}>\n            {label}\n          </Label>\n        )}\n        {headline && (\n          <Typography variant=\"h4\" sx={{ display: 'block', mb: 1, ...headlineSx }} {...restHeadlineProps}>\n            {headline}\n          </Typography>\n        )}\n        {subheadline && (\n          <Typography\n            variant=\"subheadline\"\n            sx={{ display: 'block', mb: 1, ...subHeadlineSx }}\n            {...restSubHeadlineProps}\n          >\n            {subheadline}\n          </Typography>\n        )}\n        {body && (\n          <Typography sx={{ display: 'block', mb: 2, ...bodySx }} {...restBodyProps}>\n            {body}\n          </Typography>\n        )}\n        {children}\n        {buttons && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: { xs: 'column', md: 'row' },\n              alignItems: { xs: 'stretch', md: 'center' },\n              justifyContent: 'stretch',\n              gap: 1,\n              ...buttonsSx,\n            }}\n            {...restButtonsProps}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["TextAndCta","forwardRef","_a","ref","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","__rest","_b","labelSx","restLabelProps","_c","headlineSx","restHeadlineProps","_d","subHeadlineSx","restSubHeadlineProps","_e","bodySx","restBodyProps","_f","buttonsSx","restButtonsProps","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","jsx","xs","md","gap"],"mappings":"gJA+Ca,MAAAA,EAAwCC,EAAUA,YAC7D,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,WACLA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,iBACXA,EAAgBC,KAChBA,EAAIC,UACJA,EAASC,QACTA,EAAOC,aACPA,GAAYb,EACTc,EAbLC,EAAAA,OAAAf,EAAA,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAlBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAxBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAjBZ,EAAAA,OAAAU,EAAA,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAApBf,EAAAA,OAAAa,EAAA,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhC,GACE+B,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,aAEHV,GACCsC,MAACC,EAAAA,MAAKV,OAAAC,OAAA,CAAChC,GAAM+B,OAAAC,OAAA,CAAAU,GAAI,GAAM3B,IAAeC,YACnCd,KAGJE,GACCoC,EAAAA,IAACG,EAAUA,WAACZ,OAAAC,OAAA,CAAAY,QAAQ,KAAK5C,kBAAMiC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,YAC1Ef,KAGJE,GACCkC,EAAAK,IAACF,EAAUA,WAAAZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,kBAAMiC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,YAEHhB,KAGJE,GACCgC,EAAAA,IAACG,EAAAA,0BAAW3C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,MAACV,EAAAA,IACCC,OAAAC,OAAA,CAAAhC,kBACEiC,QAAS,OACTC,cAAe,CAAEY,GAAI,SAAUC,GAAI,OACnCZ,WAAY,CAAEW,GAAI,UAAWC,GAAI,UACjCX,eAAgB,UAChBY,IAAK,GACFrB,IAEDC,EAAgB,CAAA3B,SAEnBS,QAGD"}

package/cjs/components/textArea/hook/useTextAreaEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":[null],"names":["currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"8DAEiC,CAC/BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,EAAAA,WAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,KAEb,CAACJ,EAAcC,EAAOG,IAGzBG,EAAAA,WAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,MAEb,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,EAAAA,WAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,GAAe"}
+{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useTextAreaEffect = (\n  currentValue: string,\n  value: string,\n  maxChars: number,\n  required: boolean,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  setIsRequired: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  //If the input text is filled make the label shrink\n  useEffect(() => {\n    if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n      setIsShrunk(true);\n    }\n  }, [currentValue, value, setIsShrunk]);\n\n  //If value passed from outside exists, set the label shrinked and set the current value to show\n  useEffect(() => {\n    if (value && value.length > 0 && value.length <= maxChars) {\n      setCurrentValue(value);\n      setIsShrunk(true);\n    }\n  }, [value, maxChars, setCurrentValue, setIsShrunk]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n};\n"],"names":["currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"8DAEiC,CAC/BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,EAAAA,WAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,KAEb,CAACJ,EAAcC,EAAOG,IAGzBG,EAAAA,WAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,MAEb,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,EAAAA,WAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,GAAe"}

package/cjs/components/textArea/textArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textArea.js","sources":["../../../../../src/components/textArea/textArea.tsx"],"sourcesContent":[null],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","jsx","HelperText","default","helpText"],"mappings":"+LAiBA,MA0CaA,EAAWC,EAAUA,YAChC,CAACC,EAAwEC,SAAxEC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAKR,EAAKS,EAAKC,SAAAV,EAApE,6DACC,MAAOW,EAAcC,GAAmBC,EAAAA,SAAS,KAC1CC,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAWC,GAAgBJ,EAAAA,UAAS,KAClCK,GAAiBL,EAAQA,UAAC,GAE7BM,EAAgCC,eACnCC,IAlDiB,EACtBA,EACAC,EACAV,EACAP,KAEA,MAAMkB,EAAaF,EAAEG,OAAOhB,QAEvBc,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KACjEV,EAAgBW,GAChBlB,GAAYA,EAASgB,KAyCjBK,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,GAE/D,CAACI,EAAMa,SAAUjB,IAGbsB,EAA8BP,eACjCQ,IAzCe,EACpBjB,EACAI,EACAE,EACAX,KAEAS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAkCZuB,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAAS,QAAU,GAEnG,CAACjB,EAAcL,IAGXwB,EAA+BV,eAClCQ,IAnCgB,EACrBb,EACAE,EACAV,KAEAU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EA6BdwB,CAAehB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAAS,QAAU,GAExF,CAACrB,IAKH,OAFAyB,oBAAkBrB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMwB,SAAUlB,EAAaH,EAAiBM,GAGnGgB,EAAAA,IAACC,EAAAA,UAASC,OAAAC,OAAA,CAAA,EACJ5B,EACJ,CAAAJ,SAAUc,EACVX,MAAOG,EACPJ,QAASuB,EACTQ,WACA,EAAAC,gBAAiB,CACfC,OAAQ1B,GAEVR,OAAQqB,EACRc,QAASzB,EACTZ,MAAOA,GAAgB,KACvBsC,aAActC,EACdF,KAAMA,EACND,IAAKA,EACLE,GAAIA,EACJwC,MAAOlC,EAAMmC,SACbC,SAAUpC,EAAMoC,SAChBC,WAAYZ,EAAAa,IAACC,EAAUC,QAAC,CAAA3B,SAAUb,EAAMa,SAAUX,aAAcA,EAAcuC,SAAUzC,EAAMyC,aAC9F"}
+{"version":3,"file":"textArea.js","sources":["../../../../../src/components/textArea/textArea.tsx"],"sourcesContent":["import { TextField } from '@mui/material';\nimport React, { forwardRef, useCallback, useState } from 'react';\nimport HelperText from '../common/helperText';\nimport { TextInputProps } from '../common/interface/textInputInterface';\nimport { useTextAreaEffect } from './hook/useTextAreaEffect';\n\n/**\n * @description SkodaFlow TextArea component.\n * Properties are inherited from HTML Div element.\n * @param props TextInputProps\n * @returns React Functional Component\n */\n\n//-Set the currentValue state useful for:\n//1. Count the number of the characters in the helpertext\n//2. make the label shrinked while the text input is filled\n//- trigger onChange callblack from outside\nconst onChangeHandler = (\n  e: React.ChangeEvent<HTMLInputElement>,\n  maxChars: number,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void,\n) => {\n  const inputValue = e.target.value;\n\n  if (!maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n    setCurrentValue(inputValue);\n    onChange && onChange(e);\n  }\n};\n\n//Set the label shrinked if there's value in the input\n//Then call the onBlur callback from the outside\nconst onBlurHandler = (\n  currentValue: string,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>,\n  onBlur: () => void,\n) => {\n  setIsShrunk(currentValue ? true : false);\n  setIsFocused(false);\n  onBlur && onBlur();\n};\n\n//Set the label shrinked\n//Then call the onFocus callback from outside\nconst onFocusHandler = (\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>,\n  onFocus: () => void,\n) => {\n  setIsFocused(true);\n  setIsShrunk(true);\n  onFocus && onFocus();\n};\n\n/**\n * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.\n */\nexport const TextArea = forwardRef<HTMLDivElement, TextInputProps>(\n  ({ name, id, label = null, onChange, onBlur, onFocus, value, ...props }, ref) => {\n    const [currentValue, setCurrentValue] = useState('');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [, setIsRequired] = useState(false);\n\n    const handleOnChangeWithUseCallback = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        onChangeHandler(e, props.maxChars, setCurrentValue, onChange);\n      },\n      [props.maxChars, onChange],\n    );\n\n    const handleOnBlurWithUseCallback = useCallback(\n      (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        onBlurHandler(currentValue, setIsShrunk, setIsFocused, () => (onBlur ? onBlur(event) : () => {}));\n      },\n      [currentValue, onBlur],\n    );\n\n    const handleOnFocusWithUseCallback = useCallback(\n      (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        onFocusHandler(setIsShrunk, setIsFocused, () => (onFocus ? onFocus(event) : () => {}));\n      },\n      [onFocus],\n    );\n\n    useTextAreaEffect(currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n\n    return (\n      <TextField\n        {...props}\n        onChange={handleOnChangeWithUseCallback}\n        value={currentValue}\n        onFocus={handleOnFocusWithUseCallback}\n        multiline\n        InputLabelProps={{\n          shrink: isShrunk,\n        }}\n        onBlur={handleOnBlurWithUseCallback}\n        focused={isFocused}\n        label={label ? label : null}\n        hiddenLabel={!label}\n        name={name}\n        ref={ref}\n        id={id}\n        error={props.hasError}\n        disabled={props.disabled}\n        helperText={<HelperText maxChars={props.maxChars} currentValue={currentValue} helpText={props.helpText} />}\n      />\n    );\n  },\n);\n"],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","jsx","HelperText","default","helpText"],"mappings":"+LAiBA,MA0CaA,EAAWC,EAAUA,YAChC,CAACC,EAAwEC,SAAxEC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAKR,EAAKS,EAAKC,SAAAV,EAApE,6DACC,MAAOW,EAAcC,GAAmBC,EAAAA,SAAS,KAC1CC,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAWC,GAAgBJ,EAAAA,UAAS,KAClCK,GAAiBL,EAAQA,UAAC,GAE7BM,EAAgCC,eACnCC,IAlDiB,EACtBA,EACAC,EACAV,EACAP,KAEA,MAAMkB,EAAaF,EAAEG,OAAOhB,QAEvBc,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KACjEV,EAAgBW,GAChBlB,GAAYA,EAASgB,KAyCjBK,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,GAE/D,CAACI,EAAMa,SAAUjB,IAGbsB,EAA8BP,eACjCQ,IAzCe,EACpBjB,EACAI,EACAE,EACAX,KAEAS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAkCZuB,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAAS,QAAU,GAEnG,CAACjB,EAAcL,IAGXwB,EAA+BV,eAClCQ,IAnCgB,EACrBb,EACAE,EACAV,KAEAU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EA6BdwB,CAAehB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAAS,QAAU,GAExF,CAACrB,IAKH,OAFAyB,oBAAkBrB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMwB,SAAUlB,EAAaH,EAAiBM,GAGnGgB,EAAAA,IAACC,EAAAA,UAASC,OAAAC,OAAA,CAAA,EACJ5B,EACJ,CAAAJ,SAAUc,EACVX,MAAOG,EACPJ,QAASuB,EACTQ,WACA,EAAAC,gBAAiB,CACfC,OAAQ1B,GAEVR,OAAQqB,EACRc,QAASzB,EACTZ,MAAOA,GAAgB,KACvBsC,aAActC,EACdF,KAAMA,EACND,IAAKA,EACLE,GAAIA,EACJwC,MAAOlC,EAAMmC,SACbC,SAAUpC,EAAMoC,SAChBC,WAAYZ,EAAAa,IAACC,EAAUC,QAAC,CAAA3B,SAAUb,EAAMa,SAAUX,aAAcA,EAAcuC,SAAUzC,EAAMyC,aAC9F"}

package/cjs/components/textInput/hook/useTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInput.js","sources":["../../../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":[null],"names":["label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"yDAE4B,CAACA,EAAOC,EAAYC,EAAaC,KAE3D,MAAMC,EAAeC,EAAAA,aACnB,CACEC,EACAC,EACAC,EACAC,EACAC,KAEAH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GAEzB,IAIIK,EAAgBN,EAAAA,aACpB,CAACC,EAAiEE,EAAcD,EAAaK,KAC3FJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAE3B,IAGIO,EAAoBC,EAAAA,SAAQ,IAC3Bd,EAES,KADLC,EAAa,GAAGC,KAAiBA,GAEzC,CAACD,EAAYD,EAAOE,IAcvB,MAAO,CACLE,eACAO,gBACAI,eAdqBV,EAAAA,aACrB,CAACW,EAA8DC,EAAUC,EAAUC,KACjF,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACtFE,EAAgBC,GAChBF,GAAYA,EAASF,MAGzB,CAACb,IAODU,oBACD"}
+{"version":3,"file":"useTextInput.js","sources":["../../../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nexport const useTextInput = (label, isRequired, placeholder, type: 'text' | 'number') => {\n  //Set the label shrinked if there's value in the input, then call the onBlur callback from the outside\n  const handleOnBlur = useCallback(\n    (\n      event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>,\n      setIsShrunk,\n      setIsFocused,\n      onBlur,\n      currentValue,\n    ) => {\n      setIsShrunk(!!currentValue);\n      setIsFocused(false);\n      onBlur && onBlur(event);\n    },\n    [],\n  );\n\n  //Set the label shrinked, then call the onFocus callback from outside\n  const handleOnFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsFocused, setIsShrunk, onFocus) => {\n      setIsFocused(true);\n      setIsShrunk(true);\n      onFocus && onFocus(event);\n    },\n    [],\n  );\n\n  const handlePlaceholder = useMemo(() => {\n    if (!label) {\n      return isRequired ? `${placeholder}*` : placeholder;\n    } else return null;\n  }, [isRequired, label, placeholder]);\n\n  //-Set the current value and make the labek shrink\n  const handleOnChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, maxChars, onChange, setCurrentValue) => {\n      const inputValue = e.target.value;\n      if (type === 'number' || !maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n        setCurrentValue(inputValue);\n        onChange && onChange(e);\n      }\n    },\n    [type],\n  );\n\n  return {\n    handleOnBlur,\n    handleOnFocus,\n    handleOnChange,\n    handlePlaceholder,\n  };\n};\n"],"names":["label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"yDAE4B,CAACA,EAAOC,EAAYC,EAAaC,KAE3D,MAAMC,EAAeC,EAAAA,aACnB,CACEC,EACAC,EACAC,EACAC,EACAC,KAEAH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GAEzB,IAIIK,EAAgBN,EAAAA,aACpB,CAACC,EAAiEE,EAAcD,EAAaK,KAC3FJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAE3B,IAGIO,EAAoBC,EAAAA,SAAQ,IAC3Bd,EAES,KADLC,EAAa,GAAGC,KAAiBA,GAEzC,CAACD,EAAYD,EAAOE,IAcvB,MAAO,CACLE,eACAO,gBACAI,eAdqBV,EAAAA,aACrB,CAACW,EAA8DC,EAAUC,EAAUC,KACjF,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACtFE,EAAgBC,GAChBF,GAAYA,EAASF,MAGzB,CAACb,IAODU,oBACD"}

package/cjs/components/textInput/hook/useTextInputEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInputEffect.js","sources":["../../../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":[null],"names":["inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"+DAEkC,CAChCA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,EAAAA,WAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,KAEb,CAACJ,EAAcI,EAAaH,IAG/BM,EAAAA,WAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,MAEb,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,EAAAA,WAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,IAEdC,EAAAA,WAAU,KACHX,GAAaA,EAASa,SAC3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACjD,CAACd,EAAUE,EAAWC,EAAOF,IAEhCU,EAAAA,WAAU,KACR,IAAKX,IAAaA,EAASa,QAAS,OAEpC,MAAME,EAAW,WAAM,OAAAd,WAAce,EAAAhB,EAASa,8BAASC,aAAc,KAAK,EAM1E,OAJAG,OAAOC,iBAAiB,QAAQ,WAC9BH,GACF,IAEO,KACLE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC7C,GACA,CAACf,EAAUC,GAAe"}
+{"version":3,"file":"useTextInputEffect.js","sources":["../../../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nexport const useTextInputEffect = (\n  inputRef: RefObject<HTMLDivElement>,\n  setInputWidth: React.Dispatch<React.SetStateAction<string>>,\n  fullWidth: boolean,\n  width: number,\n  currentValue: string,\n  value: string,\n  maxChars: number,\n  required: boolean,\n  setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string>>,\n  setIsRequired: React.Dispatch<React.SetStateAction<boolean>>,\n) => {\n  //If the input text is filled make the label shrink\n  useEffect(() => {\n    if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n      setIsShrunk(true);\n    }\n  }, [currentValue, setIsShrunk, value]);\n\n  //If value passed from outside exists, set the label shrinked and set the current value to show\n  useEffect(() => {\n    if (value && value.length > 0 && value.length <= maxChars) {\n      setCurrentValue(value);\n      setIsShrunk(true);\n    }\n  }, [value, maxChars, setCurrentValue, setIsShrunk]);\n\n  useEffect(() => {\n    setIsRequired(required);\n  }, [required, setIsRequired]);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n    setInputWidth(inputRef.current.offsetWidth + 'px');\n  }, [inputRef, fullWidth, width, setInputWidth]);\n\n  useEffect(() => {\n    if (!inputRef || !inputRef.current) return;\n\n    const setWidth = () => setInputWidth(inputRef.current?.offsetWidth + 'px');\n\n    window.addEventListener('load', function () {\n      setWidth();\n    });\n\n    return () => {\n      window.removeEventListener('load', setWidth);\n    };\n  }, [inputRef, setInputWidth]);\n};\n"],"names":["inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"+DAEkC,CAChCA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,EAAAA,WAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,KAEb,CAACJ,EAAcI,EAAaH,IAG/BM,EAAAA,WAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,MAEb,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,EAAAA,WAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,IAEdC,EAAAA,WAAU,KACHX,GAAaA,EAASa,SAC3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACjD,CAACd,EAAUE,EAAWC,EAAOF,IAEhCU,EAAAA,WAAU,KACR,IAAKX,IAAaA,EAASa,QAAS,OAEpC,MAAME,EAAW,WAAM,OAAAd,WAAce,EAAAhB,EAASa,8BAASC,aAAc,KAAK,EAM1E,OAJAG,OAAOC,iBAAiB,QAAQ,WAC9BH,GACF,IAEO,KACLE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC7C,GACA,CAACf,EAAUC,GAAe"}

package/cjs/components/textInput/textInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"textInput.js","sources":["../../../../../src/components/textInput/textInput.tsx"],"sourcesContent":[null],"names":["_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","maxChars","required","_jsx","children","jsx","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"4ZAiB8CA,IAAA,IAAAC,KAC5CA,EAAIC,GACJA,EAAEC,MACFA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,SACXA,EAAQC,UACRA,GAAY,EAAIC,aAChBA,GAEDX,EADIY,EAAKC,EAAAA,OAAAb,EAZoC,iHAc5C,MAAOc,EAAcC,GAAmBC,EAAAA,SAAST,GAAS,KACnDU,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAWC,GAAgBJ,EAAAA,UAAS,IACpCK,EAASC,GAAcN,EAAAA,UAAS,IAChCO,EAAYC,GAAiBR,EAAAA,UAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,eACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,EAAMA,OAAC,OAClBC,MAAEA,GAAUC,YAgBlB,OAdAC,EAAkBA,mBAChBJ,GACA,QACArB,EACAuB,EACAnB,EACAP,EACAK,EAAMwB,SACNxB,EAAMyB,SACNnB,EACAH,EACAS,GAIAc,MACE,MAAA,CAAAC,SAAAD,EAAAE,IAACC,UAAeC,OAAAC,OAAA,GACV/B,EACJ,CAAAgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KACtGC,gBAAiB,CACfC,OAAQ/B,GAEVgC,WACErC,EAAMiC,KACF,CACEK,eACEZ,EAAAA,IAACa,EAAAA,gBAAeC,SAAS,QAAOb,SAC9BD,EAACE,IAAAa,OAAK,CAAAC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWtD,KAAMW,EAAMiC,UAIxE,CAAE,EAERzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMwB,SAAUhC,EAAUW,GACrER,MAAOO,EACPR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GACpEmD,aAAc,IAAMnC,GAAW,GAC/BoC,aAAc,IAAMpC,GAAW,GAC/BD,QAASA,EACThB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAC1E6C,QAASxC,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5ByD,cAAepD,EACfP,KAAMA,EACN4D,IAAK9B,EACL7B,GAAIA,EACJ4D,MAAOrD,EACPC,UAAWA,EACXqD,UAAYP,IACN5C,EAAMoD,mBAAmBpD,EAAMoD,kBAAkBR,GACjD7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACzEX,EAAMY,kBAGVC,WAAY/B,EAAAA,IAACgC,EAAAA,SAAWlC,SAAUxB,EAAMwB,SAAUtB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAE5F"}
+{"version":3,"file":"textInput.js","sources":["../../../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport { TextInputProps } from '../common/interface/textInputInterface';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\n\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput: FC<TextInputProps> = ({\n  name,\n  id,\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  placeholder,\n  hasError,\n  fullWidth = true,\n  excludeChars,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState(value || '');\n  const [isShrunk, setIsShrunk] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(\n    label,\n    isRequired,\n    placeholder,\n    props.type,\n  );\n\n  const inputRef = useRef(null);\n  const { width } = useWindowSize();\n\n  useTextInputEffect(\n    inputRef,\n    () => {},\n    fullWidth,\n    width,\n    currentValue,\n    value,\n    props.maxChars,\n    props.required,\n    setIsShrunk,\n    setCurrentValue,\n    setIsRequired,\n  );\n\n  return (\n    <div>\n      <TextFieldStyled\n        {...props}\n        className={[props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' ')}\n        InputLabelProps={{\n          shrink: isShrunk,\n        }}\n        InputProps={\n          props.icon\n            ? {\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />\n                  </InputAdornment>\n                ),\n              }\n            : {}\n        }\n        onChange={(event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue)}\n        value={currentValue}\n        onFocus={(event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus)}\n        onMouseEnter={() => setHovered(true)}\n        onMouseLeave={() => setHovered(false)}\n        hovered={hovered}\n        onBlur={(event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue)}\n        focused={isFocused}\n        placeholder={handlePlaceholder}\n        label={placeholder ? null : label}\n        hiddenLabel={!!placeholder}\n        name={name}\n        ref={inputRef}\n        id={id}\n        error={hasError}\n        fullWidth={fullWidth}\n        onKeyDown={(event) => {\n          if (props.onKeyDownCallback) props.onKeyDownCallback(event);\n          if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n            event.preventDefault();\n          }\n        }}\n        helperText={<HelperText maxChars={props.maxChars} currentValue={currentValue} helpText={props.helpText} />}\n      />\n    </div>\n  );\n};\n"],"names":["_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","maxChars","required","_jsx","children","jsx","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"4ZAiB8CA,IAAA,IAAAC,KAC5CA,EAAIC,GACJA,EAAEC,MACFA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,SACXA,EAAQC,UACRA,GAAY,EAAIC,aAChBA,GAEDX,EADIY,EAAKC,EAAAA,OAAAb,EAZoC,iHAc5C,MAAOc,EAAcC,GAAmBC,EAAAA,SAAST,GAAS,KACnDU,EAAUC,GAAeF,EAAAA,UAAS,IAClCG,EAAWC,GAAgBJ,EAAAA,UAAS,IACpCK,EAASC,GAAcN,EAAAA,UAAS,IAChCO,EAAYC,GAAiBR,EAAAA,UAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,eACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,EAAMA,OAAC,OAClBC,MAAEA,GAAUC,YAgBlB,OAdAC,EAAkBA,mBAChBJ,GACA,QACArB,EACAuB,EACAnB,EACAP,EACAK,EAAMwB,SACNxB,EAAMyB,SACNnB,EACAH,EACAS,GAIAc,MACE,MAAA,CAAAC,SAAAD,EAAAE,IAACC,UAAeC,OAAAC,OAAA,GACV/B,EACJ,CAAAgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KACtGC,gBAAiB,CACfC,OAAQ/B,GAEVgC,WACErC,EAAMiC,KACF,CACEK,eACEZ,EAAAA,IAACa,EAAAA,gBAAeC,SAAS,QAAOb,SAC9BD,EAACE,IAAAa,OAAK,CAAAC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWtD,KAAMW,EAAMiC,UAIxE,CAAE,EAERzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMwB,SAAUhC,EAAUW,GACrER,MAAOO,EACPR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GACpEmD,aAAc,IAAMnC,GAAW,GAC/BoC,aAAc,IAAMpC,GAAW,GAC/BD,QAASA,EACThB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAC1E6C,QAASxC,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5ByD,cAAepD,EACfP,KAAMA,EACN4D,IAAK9B,EACL7B,GAAIA,EACJ4D,MAAOrD,EACPC,UAAWA,EACXqD,UAAYP,IACN5C,EAAMoD,mBAAmBpD,EAAMoD,kBAAkBR,GACjD7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACzEX,EAAMY,kBAGVC,WAAY/B,EAAAA,IAACgC,EAAAA,SAAWlC,SAAUxB,EAAMwB,SAAUtB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAE5F"}

package/cjs/components/toggleSwitch/toggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleSwitch.js","sources":["../../../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":[null],"names":["ToggleSwitch","forwardRef","_a","ref","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","_b","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","jsx","FormControlLabelStyled","default","control","disabled","styled","MuiSwitch","Switch"],"mappings":"mOA0Da,MAAAA,EAAeC,EAAUA,YACpC,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAA,OAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,EAAAA,UAAS,GAC3CC,EAAuB,QAAfC,EAAAN,EAAMK,aAAS,IAAAC,EAAAA,EAAAN,EAAMO,SAO7BC,EACJC,EAAAA,IAACC,EAAAA,QAAwB,CAACR,aAAcA,EAAcH,qBAAqB,EAAKQ,SAC9EE,EAAAA,IAACE,EACKC,OAAAC,OAAA,CAAA,EAAAb,EACJ,CAAAH,IAAKA,EACLiB,eAAgB,IAAMX,GAAgB,GACtCY,OAXUC,IACdb,GAAgB,GACZH,EAAMe,QAAQf,EAAMe,OAAOC,EAAE,EAU7BC,KAAMnB,EAAU,QAAU,SAC1BoB,UAAWhB,EAAe,mBAAqB,QAKrD,OAAOG,EACLI,EAAAU,IAACC,EAAsBC,QAAA,CAACC,QAASd,EAAcH,MAAOL,EAAMK,MAAOkB,SAAUvB,EAAMuB,WAEnF,CACD,IAOCZ,EAAqBa,EAAAA,OAAOC,EAASC,OAAhBF,EAAkC,IACpD"}
+{"version":3,"file":"toggleSwitch.js","sources":["../../../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":["import React, { FocusEvent, HTMLAttributes, forwardRef, useState } from 'react';\nimport { Switch as MuiSwitch, SwitchProps as MuiSwitchProps, styled } from '@mui/material';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/**\n * @interface ToggleSwitchProps\n * @description Base definition of SkodaFlow ToggleSwitch independent on core implementation.\n * Properties are inherited from HTML Button element.\n */\nexport interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {\n  /**\n   * Compact size, minimalistic design.\n   */\n  compact?: boolean;\n\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  /**\n   * The value referenced with ToggleSwitch element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string;\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>, value: boolean) => void;\n\n  isNavigationVariant?: boolean;\n}\n\n/**\n * @description SkodaFlow ToggleSwitch component.\n * Properties are inherited from HTML Button element.\n * @param props ToggleSwitchProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.\n */\nexport const ToggleSwitch = forwardRef<HTMLButtonElement, ToggleSwitchProps>(\n  ({ compact, isNavigationVariant, ...props }, ref) => {\n    const [focusVisible, setFocusVisible] = useState(false);\n    const label = props.label ?? props.children;\n\n    const onBlur = (e: FocusEvent<HTMLButtonElement, Element>) => {\n      setFocusVisible(false);\n      if (props.onBlur) props.onBlur(e);\n    };\n\n    const toggleSwitch = (\n      <ButtonFocusVisibleStyled focusVisible={focusVisible} isNavigationVariant={false}>\n        <ToggleSwitchStyled\n          {...props}\n          ref={ref}\n          onFocusVisible={() => setFocusVisible(true)}\n          onBlur={onBlur}\n          size={compact ? 'small' : 'medium'}\n          className={focusVisible ? 'Mui-focusVisible' : ''}\n        />\n      </ButtonFocusVisibleStyled>\n    );\n\n    return label ? (\n      <FormControlLabelStyled control={toggleSwitch} label={props.label} disabled={props.disabled} />\n    ) : (\n      toggleSwitch\n    );\n  },\n);\n\n/**\n * @description ToggleSwitch styling definition based on props\n */\nconst ToggleSwitchStyled = styled(MuiSwitch)<MuiSwitchProps>(() => {\n  return null;\n});\n"],"names":["ToggleSwitch","forwardRef","_a","ref","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","_b","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","jsx","FormControlLabelStyled","default","control","disabled","styled","MuiSwitch","Switch"],"mappings":"mOA0Da,MAAAA,EAAeC,EAAUA,YACpC,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAA,OAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,EAAAA,UAAS,GAC3CC,EAAuB,QAAfC,EAAAN,EAAMK,aAAS,IAAAC,EAAAA,EAAAN,EAAMO,SAO7BC,EACJC,EAAAA,IAACC,EAAAA,QAAwB,CAACR,aAAcA,EAAcH,qBAAqB,EAAKQ,SAC9EE,EAAAA,IAACE,EACKC,OAAAC,OAAA,CAAA,EAAAb,EACJ,CAAAH,IAAKA,EACLiB,eAAgB,IAAMX,GAAgB,GACtCY,OAXUC,IACdb,GAAgB,GACZH,EAAMe,QAAQf,EAAMe,OAAOC,EAAE,EAU7BC,KAAMnB,EAAU,QAAU,SAC1BoB,UAAWhB,EAAe,mBAAqB,QAKrD,OAAOG,EACLI,EAAAU,IAACC,EAAsBC,QAAA,CAACC,QAASd,EAAcH,MAAOL,EAAMK,MAAOkB,SAAUvB,EAAMuB,WAEnF,CACD,IAOCZ,EAAqBa,EAAAA,OAAOC,EAASC,OAAhBF,EAAkC,IACpD"}