@skodaflow/web-library 7.15.0 → 7.16.0

package/components/search/search.js

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

package/components/search/search.js.map

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

package/components/secondaryNavigation/SecondaryNavigation.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as s,useState as a,useMemo as i,Children as o,Fragment as r}from"react";import{AppBar as l,Toolbar as c,Typography as g,Tabs as x,Box as d}from"@mui/material";const p=s(((s,p)=>{var{children:u,sx:b,title:f,navigationItems:m,cta:v,buttons:h,color:j,inContainer:O=!1,toolbarProps:y,titleProps:S,contentProps:P,buttonsProps:w}=s,N=t(s,["children","sx","title","navigationItems","cta","buttons","color","inContainer","toolbarProps","titleProps","contentProps","buttonsProps"]);const C=null!=S?S:{},{sx:I}=C,G=t(C,["sx"]),k=null!=y?y:{},{sx:B}=k,z=t(k,["sx"]),A=null!=P?P:{},{sx:E}=A,T=t(A,["sx"]),W=null!=w?w:{},{sx:q}=W,D=t(W,["sx"]),[F,H]=a(0),J=i((()=>function t(e){const n=[];return o.forEach(e,((e,s)=>{var a;(null==e?void 0:e.type)===r?n.push(...t(e.props.children)):(n.push(e),(null===(a=e.props)||void 0===a?void 0:a.isActive)&&H(s))})),n}(u||m)),[u,m]);return e(l,Object.assign({sx:Object.assign({zIndex:t=>t.zIndex.appBar-20},b),ref:p,"data-testid":"SecondaryNavigation","aria-label":"Secondary Navigation",role:"group"},N,{children:n(c,Object.assign({sx:Object.assign(Object.assign({},!!(null==J?void 0:J.length)&&{flexWrap:{xs:"wrap",lg:"nowrap"},pt:{xs:2,lg:0}}),B),disableGutters:!O,"data-testid":"SecondaryNavigation.wrapper"},z,{children:[f&&e(g,Object.assign({"data-testid":"SecondaryNavigation.title",variant:"subheadline",sx:Object.assign({display:"block",flexGrow:{xs:"1",lg:"0"},flexShrink:"0"},I)},G,{children:f})),!!(null==J?void 0:J.length)&&e(x,Object.assign({value:F,onChange:(t,e)=>H(e),template:"navigation",sx:Object.assign(Object.assign(Object.assign({flexGrow:"1",flexBasis:{xs:"100%",lg:"auto"},order:{xs:"3",lg:"0"},justifyContent:{xs:"center",lg:"flex-start"},alignSelf:{xs:"flex-end",lg:"center"}},f&&{pl:{lg:4}}),{marginTop:{xs:"-10px",lg:"0"},marginBottom:"-1px"}),E),"data-testid":"SecondaryNavigation.items"},T,{children:J})),(h||v)&&e(d,Object.assign({sx:Object.assign({flexShrink:"0",flexGrow:"1",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25},q),"data-testid":"SecondaryNavigation.cta"},D,{children:h||v}))]}))}))}));export{p as SecondaryNavigation};
+import{__rest as t}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as s,useState as a,useMemo as i,Children as o,Fragment as r}from"react";import{AppBar as l,Toolbar as c,Typography as g,Tabs as x,Box as d}from"@mui/material";const p=s((s,p)=>{var{children:u,sx:b,title:f,navigationItems:m,cta:v,buttons:h,color:j,inContainer:O=!1,toolbarProps:y,titleProps:S,contentProps:P,buttonsProps:w}=s,N=t(s,["children","sx","title","navigationItems","cta","buttons","color","inContainer","toolbarProps","titleProps","contentProps","buttonsProps"]);const C=null!=S?S:{},{sx:I}=C,G=t(C,["sx"]),k=null!=y?y:{},{sx:B}=k,z=t(k,["sx"]),A=null!=P?P:{},{sx:E}=A,T=t(A,["sx"]),W=null!=w?w:{},{sx:q}=W,D=t(W,["sx"]),[F,H]=a(0),J=i(()=>function t(e){const n=[];return o.forEach(e,(e,s)=>{var a;(null==e?void 0:e.type)===r?n.push(...t(e.props.children)):(n.push(e),(null===(a=e.props)||void 0===a?void 0:a.isActive)&&H(s))}),n}(u||m),[u,m]);return e(l,Object.assign({sx:Object.assign({zIndex:t=>t.zIndex.appBar-20},b),ref:p,"data-testid":"SecondaryNavigation","aria-label":"Secondary Navigation",role:"group"},N,{children:n(c,Object.assign({sx:Object.assign(Object.assign({},!!(null==J?void 0:J.length)&&{flexWrap:{xs:"wrap",lg:"nowrap"},pt:{xs:2,lg:0}}),B),disableGutters:!O,"data-testid":"SecondaryNavigation.wrapper"},z,{children:[f&&e(g,Object.assign({"data-testid":"SecondaryNavigation.title",variant:"subheadline",sx:Object.assign({display:"block",flexGrow:{xs:"1",lg:"0"},flexShrink:"0"},I)},G,{children:f})),!!(null==J?void 0:J.length)&&e(x,Object.assign({value:F,onChange:(t,e)=>H(e),template:"navigation",sx:Object.assign(Object.assign(Object.assign({flexGrow:"1",flexBasis:{xs:"100%",lg:"auto"},order:{xs:"3",lg:"0"},justifyContent:{xs:"center",lg:"flex-start"},alignSelf:{xs:"flex-end",lg:"center"}},f&&{pl:{lg:4}}),{marginTop:{xs:"-10px",lg:"0"},marginBottom:"-1px"}),E),"data-testid":"SecondaryNavigation.items"},T,{children:J})),(h||v)&&e(d,Object.assign({sx:Object.assign({flexShrink:"0",flexGrow:"1",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25},q),"data-testid":"SecondaryNavigation.cta"},D,{children:h||v}))]}))}))});export{p as SecondaryNavigation};
 //# sourceMappingURL=SecondaryNavigation.js.map

package/components/secondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side\n   * @deprecated rename property to buttons\n   */\n  cta?: ReactNode;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: TabsProps;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title,\n      navigationItems,\n      cta,\n      buttons,\n      color: __,\n      inContainer = false,\n      toolbarProps,\n      titleProps,\n      contentProps,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const [activeNav, setActiveNav] = useState(0);\n\n    /**\n     * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n     */\n    const navigation = useMemo(() => {\n      function flatten(nodes) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n            // backward compatible api\n            if (child.props?.isActive) {\n              setActiveNav(idx);\n            }\n          }\n        });\n        return result;\n      }\n      return flatten(children || navigationItems);\n    }, [children, navigationItems]);\n\n    return (\n      <AppBar\n        sx={{\n          // bellow Header, also defined in appbar.theme.ts\n          zIndex: (theme) => theme.zIndex.appBar - 20,\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"SecondaryNavigation\"\n        aria-label=\"Secondary Navigation\"\n        role=\"group\"\n        {...rest}\n      >\n        <Toolbar\n          sx={{\n            ...(!!navigation?.length && {\n              flexWrap: { xs: 'wrap', lg: 'nowrap' },\n              pt: { xs: 2, lg: 0 },\n            }),\n            ...toolbarSx,\n          }}\n          disableGutters={!inContainer}\n          data-testid=\"SecondaryNavigation.wrapper\"\n          {...restToolbar}\n        >\n          {title && (\n            <Typography\n              data-testid=\"SecondaryNavigation.title\"\n              variant=\"subheadline\"\n              sx={{\n                display: 'block',\n                // on mobile push the button to the right side\n                flexGrow: { xs: '1', lg: '0' },\n                flexShrink: '0',\n                ...titleSx,\n              }}\n              {...restTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {!!navigation?.length && (\n            <Tabs\n              value={activeNav}\n              onChange={(_, v) => setActiveNav(v)}\n              template=\"navigation\"\n              sx={{\n                flexGrow: '1',\n                // on mobile move to 2nd row\n                flexBasis: { xs: '100%', lg: 'auto' },\n                order: { xs: '3', lg: '0' },\n                // center on mobile\n                justifyContent: { xs: 'center', lg: 'flex-start' },\n                alignSelf: { xs: 'flex-end', lg: 'center' },\n                ...(title && {\n                  // increase size between title and nav\n                  pl: { lg: 4 },\n                }),\n                marginTop: { xs: '-10px', lg: '0' },\n                // move directly into border\n                marginBottom: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"SecondaryNavigation.items\"\n              {...restContent}\n            >\n              {navigation}\n            </Tabs>\n          )}\n          {(buttons || cta) && (\n            <Box\n              sx={{\n                flexShrink: '0',\n                flexGrow: '1',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: 0.25,\n                ...buttonsSx,\n              }}\n              data-testid=\"SecondaryNavigation.cta\"\n              {...restButtons}\n            >\n              {buttons || cta}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","navigationItems","cta","buttons","color","__","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","__rest","_b","titleSx","restTitle","_c","toolbarSx","restToolbar","_d","contentSx","restContent","_e","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","idx","type","Fragment","push","props","isActive","_jsx","AppBar","Object","assign","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","Box","alignItems","gap"],"mappings":"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"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side\n   * @deprecated rename property to buttons\n   */\n  cta?: ReactNode;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: TabsProps;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title,\n      navigationItems,\n      cta,\n      buttons,\n      color: __,\n      inContainer = false,\n      toolbarProps,\n      titleProps,\n      contentProps,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const [activeNav, setActiveNav] = useState(0);\n\n    /**\n     * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n     */\n    const navigation = useMemo(() => {\n      function flatten(nodes) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n            // backward compatible api\n            if (child.props?.isActive) {\n              setActiveNav(idx);\n            }\n          }\n        });\n        return result;\n      }\n      return flatten(children || navigationItems);\n    }, [children, navigationItems]);\n\n    return (\n      <AppBar\n        sx={{\n          // bellow Header, also defined in appbar.theme.ts\n          zIndex: (theme) => theme.zIndex.appBar - 20,\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"SecondaryNavigation\"\n        aria-label=\"Secondary Navigation\"\n        role=\"group\"\n        {...rest}\n      >\n        <Toolbar\n          sx={{\n            ...(!!navigation?.length && {\n              flexWrap: { xs: 'wrap', lg: 'nowrap' },\n              pt: { xs: 2, lg: 0 },\n            }),\n            ...toolbarSx,\n          }}\n          disableGutters={!inContainer}\n          data-testid=\"SecondaryNavigation.wrapper\"\n          {...restToolbar}\n        >\n          {title && (\n            <Typography\n              data-testid=\"SecondaryNavigation.title\"\n              variant=\"subheadline\"\n              sx={{\n                display: 'block',\n                // on mobile push the button to the right side\n                flexGrow: { xs: '1', lg: '0' },\n                flexShrink: '0',\n                ...titleSx,\n              }}\n              {...restTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {!!navigation?.length && (\n            <Tabs\n              value={activeNav}\n              onChange={(_, v) => setActiveNav(v)}\n              template=\"navigation\"\n              sx={{\n                flexGrow: '1',\n                // on mobile move to 2nd row\n                flexBasis: { xs: '100%', lg: 'auto' },\n                order: { xs: '3', lg: '0' },\n                // center on mobile\n                justifyContent: { xs: 'center', lg: 'flex-start' },\n                alignSelf: { xs: 'flex-end', lg: 'center' },\n                ...(title && {\n                  // increase size between title and nav\n                  pl: { lg: 4 },\n                }),\n                marginTop: { xs: '-10px', lg: '0' },\n                // move directly into border\n                marginBottom: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"SecondaryNavigation.items\"\n              {...restContent}\n            >\n              {navigation}\n            </Tabs>\n          )}\n          {(buttons || cta) && (\n            <Box\n              sx={{\n                flexShrink: '0',\n                flexGrow: '1',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: 0.25,\n                ...buttonsSx,\n              }}\n              data-testid=\"SecondaryNavigation.cta\"\n              {...restButtons}\n            >\n              {buttons || cta}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","navigationItems","cta","buttons","color","__","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","__rest","_b","titleSx","restTitle","_c","toolbarSx","restToolbar","_d","contentSx","restContent","_e","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","idx","type","Fragment","push","props","isActive","_jsx","AppBar","Object","assign","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","Box","alignItems","gap"],"mappings":"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"}

package/components/secondaryNavigation/SecondaryNavigationCta.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useMediaQuery as o,Button as a}from"@mui/material";const i=t(((t,i)=>{const e=o((r=>r.breakpoints.down("lg")));return r(a,Object.assign({ref:i,color:t.variant&&"contained"!==t.variant?"secondary":"primary",size:e?"small":"medium"},t))}));export{i as SecondaryNavigationCta};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useMediaQuery as o,Button as a}from"@mui/material";const i=t((t,i)=>{const e=o(r=>r.breakpoints.down("lg"));return r(a,Object.assign({ref:i,color:t.variant&&"contained"!==t.variant?"secondary":"primary",size:e?"small":"medium"},t))});export{i as SecondaryNavigationCta};
 //# sourceMappingURL=SecondaryNavigationCta.js.map

package/components/secondaryNavigation/SecondaryNavigationCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n  const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n  return (\n    <Button\n      ref={ref}\n      color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n      size={downLg ? 'small' : 'medium'}\n      {...props}\n    />\n  );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","color","variant","size"],"mappings":"qIAQa,MAAAA,EAAgEC,GAAW,CAACC,EAAOC,KAC9F,MAAMC,EAASC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAEtE,OACEC,EAACC,EAAMC,OAAAC,OAAA,CACLT,IAAKA,EACLU,MAAQX,EAAMY,SAA6B,cAAlBZ,EAAMY,QAAsC,YAAZ,UACzDC,KAAMX,EAAS,QAAU,UACrBF,GACJ"}
+{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n  const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n  return (\n    <Button\n      ref={ref}\n      color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n      size={downLg ? 'small' : 'medium'}\n      {...props}\n    />\n  );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","color","variant","size"],"mappings":"qIAQO,MAAMA,EAAgEC,EAAW,CAACC,EAAOC,KAC9F,MAAMC,EAASC,EAAsBC,GAAUA,EAAMC,YAAYC,KAAK,OAEtE,OACEC,EAACC,EAAMC,OAAAC,OAAA,CACLT,IAAKA,EACLU,MAAQX,EAAMY,SAA6B,cAAlBZ,EAAMY,QAAsC,YAAZ,UACzDC,KAAMX,EAAS,QAAU,UACrBF"}

package/components/secondaryNavigation/SecondaryNavigationItem.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Tab as i}from"@mui/material";const a=e(((e,a)=>{var{children:m,label:o,isActive:l}=e,c=r(e,["children","label","isActive"]);return t(i,Object.assign({label:m||o,ref:a,"data-testid":"SecondaryNavigationItem"},c))}));export{a as SecondaryNavigationItem};
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Tab as i}from"@mui/material";const a=e((e,a)=>{var{children:m,label:o,isActive:l}=e,c=r(e,["children","label","isActive"]);return t(i,Object.assign({label:m||o,ref:a,"data-testid":"SecondaryNavigationItem"},c))});export{a as SecondaryNavigationItem};
 //# sourceMappingURL=SecondaryNavigationItem.js.map

package/components/secondaryNavigation/SecondaryNavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ForwardedRef, ElementType } from 'react';\nimport { Tab, TabProps } from '@mui/material';\n\nexport interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Displayed navigation text\n   */\n  children?: ReactNode;\n  /**\n   * Marks item currently active\n   * @deprecated\n   */\n  isActive?: boolean;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const SecondaryNavigationItem: FC<SecondaryNavigationItemProps> = forwardRef(\n  ({ children, label, isActive: _, ...rest }, ref) => {\n    // isActive is handled in SecondaryNavigation\n\n    return (\n      <Tab\n        label={children || label}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        data-testid=\"SecondaryNavigationItem\"\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SecondaryNavigationItem","forwardRef","_a","ref","children","label","isActive","_","rest","__rest","_jsx","Tab"],"mappings":"8IAsBa,MAAAA,EAA4DC,GACvE,CAACC,EAA2CC,KAA3C,IAAAC,SAAEA,EAAQC,MAAEA,EAAOC,SAAUC,GAACL,EAAKM,EAAnCC,EAAAP,EAAA,CAAA,WAAA,QAAA,aAGC,OACEQ,EAACC,iBACCN,MAAOD,GAAYC,EACnBF,IAAKA,EACO,cAAA,2BACRK,GACJ"}
+{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ForwardedRef, ElementType } from 'react';\nimport { Tab, TabProps } from '@mui/material';\n\nexport interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Displayed navigation text\n   */\n  children?: ReactNode;\n  /**\n   * Marks item currently active\n   * @deprecated\n   */\n  isActive?: boolean;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const SecondaryNavigationItem: FC<SecondaryNavigationItemProps> = forwardRef(\n  ({ children, label, isActive: _, ...rest }, ref) => {\n    // isActive is handled in SecondaryNavigation\n\n    return (\n      <Tab\n        label={children || label}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        data-testid=\"SecondaryNavigationItem\"\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SecondaryNavigationItem","forwardRef","_a","ref","children","label","isActive","_","rest","__rest","_jsx","Tab"],"mappings":"8IAsBO,MAAMA,EAA4DC,EACvE,CAACC,EAA2CC,KAA3C,IAAAC,SAAEA,EAAQC,MAAEA,EAAOC,SAAUC,GAACL,EAAKM,EAAIC,EAAAP,EAAvC,CAAA,WAAA,QAAA,aAGC,OACEQ,EAACC,iBACCN,MAAOD,GAAYC,EACnBF,IAAKA,EAAmC,cAC5B,2BACRK"}

package/components/segmentedControls/SegmentedControls.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Tabs as r}from"@mui/material";const m=e(((e,m)=>t(r,Object.assign({},e,{ref:m,template:"segmented"}))));export{m as SegmentedControls};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Tabs as r}from"@mui/material";const m=e((e,m)=>t(r,Object.assign({},e,{ref:m,template:"segmented"})));export{m as SegmentedControls};
 //# sourceMappingURL=SegmentedControls.js.map

package/components/segmentedControls/SegmentedControls.js.map

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

package/components/selectInput/formControlSelectStyled.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{styled as e,FormControl as o}from"@mui/material";const i=e(o,{shouldForwardProp:t=>"helpText"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"value"!==t&&"staticLabel"!==t})((e=>{var{theme:o}=e,i=t(e,["theme"]);let a={};const n=(t=>({fontSize:"24px !important",position:"absolute",flexShrink:0,pointerEvents:"none",display:"block",color:t.focused||t.value||t.hovered?"inherit":"rgba(0, 0, 0, 0.54)"}))(i),r={paddingBottom:i.staticLabel?"16px":"6px",paddingTop:i.staticLabel?"16px":"26px"};a={height:"56px",minWidth:"200px !important",background:o.palette.transparent.primary,borderRadius:"4px 4px 0px 0px",borderBottom:i.focused?`2px solid ${o.palette.brand.primary}`:i.value?`1px solid ${o.palette.onSurface.os900}`:`1px solid ${o.palette.onSurface.os500}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",top:"16px"}),"& > .MuiFilledInput-root":{position:"relative",height:"56px"},"& > label.MuiInputLabel-root":{paddingLeft:0,fontWeight:400,marginLeft:"0px",transform:"translate(12, 18px) scale(1)",color:i.hovered||i.focused?o.palette.text.primary:o.palette.onSurface.os500,maxWidth:"calc(100% - 56px)","&:hover":{color:o.palette.text.primary}},"& > label.MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(14px, 8px) scale(0.75)",paddingLeft:0,fontWeight:400,color:i.focused?o.palette.brand.primary:o.palette.onSurface.os500},"& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled":{color:o.palette.disabled.primary},"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","&::after":{display:"none"},"&::before":{display:"none"},"& > div.MuiSelect-select":Object.assign(Object.assign({},r),{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"50px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:0}}),"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"15.5px",width:"24px",top:"19px"})}};const p=a["& > label.MuiInputLabel-root"];if(i.icon&&(a=Object.assign(Object.assign({},a),{"& > label.MuiInputLabel-root":Object.assign(Object.assign({},p),{paddingLeft:"40px"}),"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{transform:"translate(24px, 8px) scale(0.75)",paddingLeft:"40px"}),"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","& > div.MuiSelect-select":Object.assign(Object.assign({},r),{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"56px",paddingLeft:"52px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:"14px"}}),"&::after":{display:"none"},"&::before":{display:"none"},"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",width:"24px",top:"19px","&:hovered":{}})}})),i.disabled&&(p.color=o.palette.disabled.primary,a=Object.assign(Object.assign({},a),{borderBottom:`1px solid ${o.palette.disabled.primary}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",height:"56px",display:"inline-flex",top:"0",alignItems:"center",justifyContent:"center",paddingBottom:"8px",color:o.palette.disabled.primary}),"& > .MuiInputBase-root":Object.assign(Object.assign({},a["& > .MuiInputBase-root"]),{"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",top:"19px",color:o.palette.disabled.primary})})})),i.error){const t=i.focused||i.hovered?o.palette.alert.main:o.palette.onSurface.os500;p.color=t,a=Object.assign(Object.assign({},a),{borderBottom:`2px solid ${o.palette.alert.main}`,"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{color:t})})}return a}));export{i as FormControlSelectStyled};
+import{__rest as t}from"tslib";import{styled as e,FormControl as o}from"@mui/material";const i=e(o,{shouldForwardProp:t=>"helpText"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"value"!==t&&"staticLabel"!==t})(e=>{var{theme:o}=e,i=t(e,["theme"]);let a={};const n=(t=>({fontSize:"24px !important",position:"absolute",flexShrink:0,pointerEvents:"none",display:"block",color:t.focused||t.value||t.hovered?"inherit":"rgba(0, 0, 0, 0.54)"}))(i),r={paddingBottom:i.staticLabel?"16px":"6px",paddingTop:i.staticLabel?"16px":"26px"};a={height:"56px",minWidth:"200px !important",background:o.palette.transparent.primary,borderRadius:"4px 4px 0px 0px",borderBottom:i.focused?`2px solid ${o.palette.brand.primary}`:i.value?`1px solid ${o.palette.onSurface.os900}`:`1px solid ${o.palette.onSurface.os500}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",top:"16px"}),"& > .MuiFilledInput-root":{position:"relative",height:"56px"},"& > label.MuiInputLabel-root":{paddingLeft:0,fontWeight:400,marginLeft:"0px",transform:"translate(12, 18px) scale(1)",color:i.hovered||i.focused?o.palette.text.primary:o.palette.onSurface.os500,maxWidth:"calc(100% - 56px)","&:hover":{color:o.palette.text.primary}},"& > label.MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(14px, 8px) scale(0.75)",paddingLeft:0,fontWeight:400,color:i.focused?o.palette.brand.primary:o.palette.onSurface.os500},"& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled":{color:o.palette.disabled.primary},"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","&::after":{display:"none"},"&::before":{display:"none"},"& > div.MuiSelect-select":Object.assign(Object.assign({},r),{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"50px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:0}}),"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"15.5px",width:"24px",top:"19px"})}};const p=a["& > label.MuiInputLabel-root"];if(i.icon&&(a=Object.assign(Object.assign({},a),{"& > label.MuiInputLabel-root":Object.assign(Object.assign({},p),{paddingLeft:"40px"}),"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{transform:"translate(24px, 8px) scale(0.75)",paddingLeft:"40px"}),"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","& > div.MuiSelect-select":Object.assign(Object.assign({},r),{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"56px",paddingLeft:"52px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:"14px"}}),"&::after":{display:"none"},"&::before":{display:"none"},"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",width:"24px",top:"19px","&:hovered":{}})}})),i.disabled&&(p.color=o.palette.disabled.primary,a=Object.assign(Object.assign({},a),{borderBottom:`1px solid ${o.palette.disabled.primary}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",height:"56px",display:"inline-flex",top:"0",alignItems:"center",justifyContent:"center",paddingBottom:"8px",color:o.palette.disabled.primary}),"& > .MuiInputBase-root":Object.assign(Object.assign({},a["& > .MuiInputBase-root"]),{"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",top:"19px",color:o.palette.disabled.primary})})})),i.error){const t=i.focused||i.hovered?o.palette.alert.main:o.palette.onSurface.os500;p.color=t,a=Object.assign(Object.assign({},a),{borderBottom:`2px solid ${o.palette.alert.main}`,"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{color:t})})}return a});export{i as FormControlSelectStyled};
 //# sourceMappingURL=formControlSelectStyled.js.map

package/components/selectInput/formControlSelectStyled.js.map

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

package/components/selectInput/hook/useSelectInput.js

@@ -1,2 +1,2 @@
-import{useCallback as e,useEffect as n}from"react";const t=(t,r,a,o,c,h,l,u,d)=>{const s=e(((e,n,t)=>{t(e.target.value),n&&n(e)}),[]),f=e(((e,n)=>{e(!1),n&&n()}),[]),g=e(((e,n)=>{e(!0),n&&n()}),[]);return n((()=>{t&&t.current&&r(t.current.offsetWidth+"px")}),[t,o,r]),n((()=>{}),[t,c,a]),n((()=>{h&&h.length>0&&l(h)}),[l,h]),n((()=>{d(u)}),[u,d]),{handleOnChange:s,handleOnBlur:f,handleOnFocus:g}};export{t as useSelectInput};
+import{useCallback as e,useEffect as n}from"react";const t=(t,r,a,o,c,h,l,u,d)=>{const s=e((e,n,t)=>{t(e.target.value),n&&n(e)},[]),f=e((e,n)=>{e(!1),n&&n()},[]),g=e((e,n)=>{e(!0),n&&n()},[]);return n(()=>{t&&t.current&&r(t.current.offsetWidth+"px")},[t,o,r]),n(()=>{},[t,c,a]),n(()=>{h&&h.length>0&&l(h)},[l,h]),n(()=>{d(u)},[u,d]),{handleOnChange:s,handleOnBlur:f,handleOnFocus:g}};export{t as useSelectInput};
 //# sourceMappingURL=useSelectInput.js.map

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

@@ -1 +1 @@
-{"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":["useSelectInput","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":"yDAEaA,EAAiB,CAC5BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,GAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,GAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,GAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,GAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,GAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,GAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,KAEjB,CAACC,EAAiBD,IAErBe,GAAU,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":["useSelectInput","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":"yDAEaA,EAAiB,CAC5BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,EAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,IACpB,IAGGI,EAAeL,EAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,KACT,IAGGC,EAAgBR,EAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,KACV,IAsBH,OApBAC,EAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,OAClD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAU,OAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,IAEjB,CAACC,EAAiBD,IAErBe,EAAU,KACRZ,EAAcD,IACb,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG"}

package/components/selectInput/inputLabelSelect.js.map

@@ -1 +1 @@
-{"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":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAGA,MAAMA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,EAAW,CAAAC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAC5DK,SAAAL"}
+{"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":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAGA,MAAMA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,EAAU,CAACC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAAKK,SACjEL"}

package/components/selectInput/selectInput.js

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

package/components/selectInput/selectInput.js.map

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

package/components/shortcut/shortcut.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Button as e,Box as i}from"@mui/material";import{forwardRef as s}from"react";const m=s(((r,i)=>t(e,Object.assign({},r,{ref:i,variant:"shortcut"})))),o=s(((e,s)=>{var{sx:m,children:o}=e,a=r(e,["sx","children"]);return t(i,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},columnGap:{xs:2,md:3.5,lg:6.5},rowGap:2},m),ref:s},a,{children:o}))}));export{m as Shortcut,o as ShortcutWrapper};
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Button as e,Box as i}from"@mui/material";import{forwardRef as s}from"react";const m=s((r,i)=>t(e,Object.assign({},r,{ref:i,variant:"shortcut"}))),o=s((e,s)=>{var{sx:m,children:o}=e,a=r(e,["sx","children"]);return t(i,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},columnGap:{xs:2,md:3.5,lg:6.5},rowGap:2},m),ref:s},a,{children:o}))});export{m as Shortcut,o as ShortcutWrapper};
 //# sourceMappingURL=shortcut.js.map

package/components/shortcut/shortcut.js.map

@@ -1 +1 @@
-{"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","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"0JAQa,MAAAA,EAAoCC,GAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,GAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAAvB,mBACzE,OACEN,EAACW,EAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,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","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"0JAQO,MAAMA,EAAoCC,EAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,QAAQ,eAQjCC,EAAkDR,EAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAAvB,mBACzE,OACEN,EAACW,EAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA"}

package/components/skodaThemeProvider/SkodaThemeProvider.d.ts

@@ -1,5 +1,6 @@
 import React, { ElementType } from 'react';
 import { ScopedCssBaselineProps, BoxProps, Theme } from '@mui/material';
+import { Options } from '@emotion/cache';
 import '../../materialui/theme/theme.extensions';
 export type SkodaThemeProviderProps = {
     children?: React.ReactNode;
@@ -15,6 +16,10 @@ export type SkodaThemeProviderProps = {
      * Changes @media queries to @container queries,
      */
     widget?: boolean;
+    /**
+     * Options for the cache creation function by Emotion
+     */
+    createCacheOptions?: Options;
     /**
      * Props passed to container used by the widget
      */

package/components/skodaThemeProvider/SkodaThemeProvider.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{ThemeProvider as n,ScopedCssBaseline as o,Box as l}from"@mui/material";import{CacheProvider as c}from"@emotion/react";import s from"@emotion/cache";import{prefixer as m}from"stylis";import d from"stylis-plugin-rtl";import a from"./plugins/stylisContainerPlugin.js";import{theme as h}from"../../materialui/theme/theme.js";const p=e=>{var{children:t,theme:l=h,globalBaseline:c=!1,widget:s=!1,containerProps:m}=e,d=i(e,["children","theme","globalBaseline","widget","containerProps"]);return r(g,{direction:l.direction,widget:s,children:r(n,{theme:l,children:r(u,Object.assign({widget:s},m,{children:c?t:r(o,Object.assign({},d,"rtl"===l.direction?{dir:"rtl"}:{},{children:t}))}))})})};function g({children:i,direction:n,widget:o}){const l=t((()=>{if("rtl"===n||o)return s({prepend:!0,key:`${o?"w":""}${"rtl"===n?"rtl":"css"}`,stylisPlugins:[m,..."rtl"===n?[d]:[],...o?[a]:[]]})}),[n,o]);return l?r(c,{value:l,children:i}):r(e,{children:i})}function u(t){var{children:n,sx:o,widget:c}=t,s=i(t,["children","sx","widget"]);return c?r(l,Object.assign({sx:Object.assign({containerType:"inline-size"},o)},s,{children:n})):r(e,{children:n})}export{p as SkodaThemeProvider};
+import{__rest as e}from"tslib";import{jsx as i,Fragment as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{ThemeProvider as n,ScopedCssBaseline as o,Box as c}from"@mui/material";import{CacheProvider as l}from"@emotion/react";import s from"@emotion/cache";import{prefixer as a}from"stylis";import m from"stylis-plugin-rtl";import d from"./plugins/stylisContainerPlugin.js";import{theme as h}from"../../materialui/theme/theme.js";const p=r=>{var{children:t,theme:c=h,globalBaseline:l=!1,widget:s=!1,createCacheOptions:a,containerProps:m}=r,d=e(r,["children","theme","globalBaseline","widget","createCacheOptions","containerProps"]);return i(g,{direction:c.direction,widget:s,createCacheOptions:a,children:i(n,{theme:c,children:i(u,Object.assign({widget:s},m,{children:l?t:i(o,Object.assign({},d,"rtl"===c.direction?{dir:"rtl"}:{},{children:t}))}))})})};function g({children:e,direction:n,widget:o,createCacheOptions:c}){const h=t(()=>{if("rtl"===n||o)return s(Object.assign({prepend:!0,key:`${o?"w":""}${"rtl"===n?"rtl":"css"}`,stylisPlugins:[a,..."rtl"===n?[m]:[],...o?[d]:[]]},c||{}))},[n,o,null==c?void 0:c.key]);return h?i(l,{value:h,children:e}):i(r,{children:e})}function u(t){var{children:n,sx:o,widget:l}=t,s=e(t,["children","sx","widget"]);return l?i(c,Object.assign({sx:Object.assign({containerType:"inline-size"},o)},s,{children:n})):i(r,{children:n})}export{p as SkodaThemeProvider};
 //# sourceMappingURL=SkodaThemeProvider.js.map