@skodaflow/web-library 7.13.1 → 7.15.0

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, Theme } from '@mui/material';\nimport { SystemStyleObject } from '@mui/system';\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<SystemStyleObject<Theme>>(() => {\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.os900',\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: '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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"}

package/components/secondaryNavigation/SecondaryNavigation.d.ts

@@ -0,0 +1,51 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AppBarProps, TabsProps, BoxProps, ToolbarProps, TypographyProps } from '@mui/material';
+export interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {
+    /**
+     * Headline
+     */
+    title?: ReactNode;
+    /**
+     * Items in the menu
+     * @deprecated place links directly as children
+     */
+    navigationItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    color?: 'light' | 'dark';
+    /**
+     * Wrap the navigation into container
+     * @default false
+     */
+    inContainer?: boolean;
+    /**
+     * ActionButtons on the right side
+     */
+    buttons?: ReactNode;
+    /**
+     * ActionButtons on the right side
+     * @deprecated rename property to buttons
+     */
+    cta?: ReactNode;
+    /**
+     * Properties applied to toolbar container
+     */
+    toolbarProps?: ToolbarProps<ElementType>;
+    /**
+     * Properties applied to title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Properties applied to content wrapper
+     */
+    contentProps?: TabsProps;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonsProps?: BoxProps<ElementType>;
+}
+/**
+ * Additional navigation intended to be shown bellow the Header
+ */
+export declare const SecondaryNavigation: FC<SecondaryNavigationProps>;

package/components/secondaryNavigation/SecondaryNavigation.js

@@ -0,0 +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};
+//# sourceMappingURL=SecondaryNavigation.js.map

package/components/secondaryNavigation/SecondaryNavigation.js.map

@@ -0,0 +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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"}

package/components/secondaryNavigation/SecondaryNavigationCta.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface SecondaryNavigationCtaProps extends ButtonProps {
+}
+/**
+ * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size
+ */
+export declare const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps>;

package/components/secondaryNavigation/SecondaryNavigationCta.js

@@ -0,0 +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};
+//# sourceMappingURL=SecondaryNavigationCta.js.map

package/components/secondaryNavigation/SecondaryNavigationCta.js.map

@@ -0,0 +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"}

package/components/secondaryNavigation/SecondaryNavigationItem.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { TabProps } from '@mui/material';
+export interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {
+    /**
+     * Displayed navigation text, can be provided as children as well
+     */
+    label?: ReactNode;
+    /**
+     * Displayed navigation text
+     */
+    children?: ReactNode;
+    /**
+     * Marks item currently active
+     * @deprecated
+     */
+    isActive?: boolean;
+}
+/**
+ * Component to render styled button in the header
+ */
+export declare const SecondaryNavigationItem: FC<SecondaryNavigationItemProps>;

package/components/secondaryNavigation/SecondaryNavigationItem.js

@@ -0,0 +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};
+//# sourceMappingURL=SecondaryNavigationItem.js.map

package/components/secondaryNavigation/SecondaryNavigationItem.js.map

@@ -0,0 +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"}

package/components/segmentedControls/{segmentedControls.js → 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};
-//# sourceMappingURL=segmentedControls.js.map
+//# sourceMappingURL=SegmentedControls.js.map

package/components/segmentedControls/{segmentedControls.js.map → 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":"gHAQa,MAAAA,EAAsDC,GAAW,CAACC,EAAOC,IAC7EC,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}

package/components/segmentedControls/index.d.ts

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

package/components/stepper/model.d.ts

@@ -1,6 +1,4 @@
-import { Theme } from '@mui/material';
-import { TooltipProps } from '@mui/material/Tooltip/Tooltip';
-import { SxProps } from '@mui/system';
+import { Theme, SxProps, TooltipProps } from '@mui/material';
 import { HTMLAttributes } from 'react';
 type Location = 'top' | 'bottom';
 /**

package/components/stepper/model.js.map

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

package/components/textAndCta/textAndCta.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Box as n,Typography as l}from"@mui/material";import{Label as a}from"../label/label.js";const r=i(((i,r)=>{var{sx:o,children:b,label:c,labelProps:d,headline:x,headlineProps:m,subheadline:p,subheadlineProps:h,body:j,bodyProps:u,buttons:g,buttonsProps:f}=i,O=s(i,["sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps"]);const y=d||{},{sx:P}=y,k=s(y,["sx"]),v=m||{},{sx:w}=v,C=s(v,["sx"]),D=h||{},{sx:I}=D,W=s(D,["sx"]),q=u||{},{sx:z}=q,A=s(q,["sx"]),B=f||{},{sx:E}=B,F=s(B,["sx"]);return e(n,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%"},o),ref:r},O,{children:[c&&t(a,Object.assign({sx:Object.assign({mb:1},P)},k,{children:c})),x&&t(l,Object.assign({variant:"h4",sx:Object.assign({display:"block",mb:1},w)},C,{children:x})),p&&t(l,Object.assign({variant:"subheadline",sx:Object.assign({display:"block",mb:1},I)},W,{children:p})),j&&t(l,Object.assign({sx:Object.assign({display:"block",mb:2},z)},A,{children:j})),b,g&&t(n,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",gap:1},E)},F,{children:g}))]}))}));export{r as TextAndCta};
+import{__rest as s}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Box as l,Typography as n}from"@mui/material";import{Label as a}from"../label/label.js";const r=i(((i,r)=>{var{sx:o,children:b,label:c,labelProps:d,headline:x,headlineProps:m,subheadline:p,subheadlineProps:h,body:g,bodyProps:j,buttons:u,buttonsProps:f}=i,O=s(i,["sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps"]);const y=d||{},{sx:P}=y,k=s(y,["sx"]),v=m||{},{sx:w}=v,C=s(v,["sx"]),D=h||{},{sx:I}=D,S=s(D,["sx"]),W=j||{},{sx:q}=W,z=s(W,["sx"]),A=f||{},{sx:B}=A,E=s(A,["sx"]);return e(l,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%"},o),ref:r},O,{children:[c&&t(a,Object.assign({sx:Object.assign({mb:1},P)},k,{children:c})),x&&t(n,Object.assign({variant:"h4",sx:Object.assign({display:"block",mb:1},w)},C,{children:x})),p&&t(n,Object.assign({variant:"subheadline",sx:Object.assign({display:"block",mb:1},I)},S,{children:p})),g&&t(n,Object.assign({sx:Object.assign({display:"block",mb:2},q)},z,{children:g})),b,u&&t(l,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1},B)},E,{children:u}))]}))}));export{r as TextAndCta};
 //# sourceMappingURL=textAndCta.js.map

package/components/textAndCta/textAndCta.js.map

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

package/components/upload/UploadPreviewList.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as r,Fragment as i}from"react/jsx-runtime";import{formatFileSize as t}from"../../utils/formatFileSize/formatFileSize.js";import{Box as n,List as s,ListItem as c,ListItemIcon as e,ListItemText as p,Typography as m,Divider as k}from"@mui/material";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/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.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{FileIcon as I}from"../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{UploadBox as j}from"./UploadBox.js";const a=({files:a,actions:l})=>o(j,{color:"white",children:o(n,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:o(s,{children:a.map(((n,s)=>r(i,{children:[r(c,{secondaryAction:null==l?void 0:l(n),disableGutters:!0,children:[o(e,{sx:{fontSize:"30px"},children:o(I,{fontSize:"inherit",name:"file"})}),o(p,{primary:o(m,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:n.name}),secondary:o(m,{color:"disabled.tertiary",children:t(n.size)})})]},n.name),s<a.length-1&&o(k,{})]})))})})});export{a as UploadPreviewList};
+import{jsx as o,jsxs as r,Fragment as i}from"react/jsx-runtime";import{formatFileSize as t}from"../../utils/formatFileSize/formatFileSize.js";import{Box as n,List as s,ListItem as c,ListItemIcon as e,ListItemText as p,Typography as m,Divider as k}from"@mui/material";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{FileIcon as I}from"../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{UploadBox as j}from"./UploadBox.js";const a=({files:a,actions:l})=>o(j,{color:"white",children:o(n,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:o(s,{children:a.map(((n,s)=>r(i,{children:[r(c,{secondaryAction:null==l?void 0:l(n),disableGutters:!0,children:[o(e,{sx:{fontSize:"30px"},children:o(I,{fontSize:"inherit",name:"file"})}),o(p,{primary:o(m,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:n.name}),secondary:o(m,{color:"disabled.tertiary",children:t(n.size)})})]},n.name),s<a.length-1&&o(k,{})]})))})})});export{a as UploadPreviewList};
 //# sourceMappingURL=UploadPreviewList.js.map

package/components/upload/UploadPreviewList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { FileIcon } from '../icon/stroke';\nimport { UploadBox } from './UploadBox';\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n */\nexport type UploadPreviewListProps = {\n  /**\n   * Array of files that should be previewed.\n   * @requires\n   */\n  files: Array<File>;\n  /**\n   * Function that renders actions for each file.\n   * @param file\n   * @returns ReactNode\n   * @default undefined\n   * @example\n   * import {IconButton} from '@mui/material';\n   * import {Icon} from '@skodaflow/web-library';\n   * ...\n   * <UploadPreviewList ...\n   *  actions={\n   *    (file) =>\n   *      <IconButton aria-label=\"...\" onClick={...}>\n   *        <TraschanIcon />\n   *      </IconButton>\n   *  }\n   * />\n   */\n  actions?: (file: File) => ReactNode;\n};\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n *\n * @param files\n * @param actions\n * @constructor\n */\nexport const UploadPreviewList: FC<UploadPreviewListProps> = ({ files, actions }) => {\n  return (\n    <UploadBox color=\"white\">\n      <Box sx={{ width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }}>\n        <List>\n          {files.map((file, index) => (\n            <>\n              <ListItem key={file.name} secondaryAction={actions?.(file)} disableGutters>\n                <ListItemIcon sx={{ fontSize: '30px' }}>\n                  <FileIcon fontSize=\"inherit\" name=\"file\" />\n                </ListItemIcon>\n                <ListItemText\n                  primary={\n                    <Typography\n                      sx={{\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        paddingRight: '15px',\n                      }}\n                    >\n                      {file.name}\n                    </Typography>\n                  }\n                  secondary={<Typography color=\"disabled.tertiary\">{formatFileSize(file.size)}</Typography>}\n                />\n              </ListItem>\n              {index < files.length - 1 && <Divider />}\n            </>\n          ))}\n        </List>\n      </Box>\n    </UploadBox>\n  );\n};\n"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","Box","sx","width","height","padding","overflow","children","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","disableGutters","ListItemIcon","fontSize","FileIcon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"07cA6Ca,MAAAA,EAAgD,EAAGC,QAAOC,aAEnEC,EAACC,EAAS,CAACC,MAAM,iBACfF,EAACG,GAAIC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QACrEC,SAAAT,EAACU,EACE,CAAAD,SAAAX,EAAMa,KAAI,CAACC,EAAMC,IAChBC,EACEC,EAAA,CAAAN,SAAA,CAAAK,EAACE,EAAyB,CAAAC,gBAAiBlB,aAAA,EAAAA,EAAUa,GAAOM,gBAAc,EAAAT,SAAA,CACxET,EAACmB,EAAY,CAACf,GAAI,CAAEgB,SAAU,iBAC5BpB,EAACqB,GAASD,SAAS,UAAUE,KAAK,WAEpCtB,EAACuB,EACC,CAAAC,QACExB,EAACyB,EACC,CAAArB,GAAI,CACFsB,WAAY,SACZlB,SAAU,SACVmB,aAAc,WACdC,aAAc,QAGfnB,SAAAG,EAAKU,OAGVO,UAAW7B,EAACyB,EAAU,CAACvB,MAAM,6BAAqB4B,EAAelB,EAAKmB,YAjB3DnB,EAAKU,MAoBnBT,EAAQf,EAAMkC,OAAS,GAAKhC,EAACiC"}
+{"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { FileIcon } from '../icon/stroke';\nimport { UploadBox } from './UploadBox';\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n */\nexport type UploadPreviewListProps = {\n  /**\n   * Array of files that should be previewed.\n   * @requires\n   */\n  files: Array<File>;\n  /**\n   * Function that renders actions for each file.\n   * @param file\n   * @returns ReactNode\n   * @default undefined\n   * @example\n   * import {IconButton} from '@mui/material';\n   * import {Icon} from '@skodaflow/web-library';\n   * ...\n   * <UploadPreviewList ...\n   *  actions={\n   *    (file) =>\n   *      <IconButton aria-label=\"...\" onClick={...}>\n   *        <TraschanIcon />\n   *      </IconButton>\n   *  }\n   * />\n   */\n  actions?: (file: File) => ReactNode;\n};\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n *\n * @param files\n * @param actions\n * @constructor\n */\nexport const UploadPreviewList: FC<UploadPreviewListProps> = ({ files, actions }) => {\n  return (\n    <UploadBox color=\"white\">\n      <Box sx={{ width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }}>\n        <List>\n          {files.map((file, index) => (\n            <>\n              <ListItem key={file.name} secondaryAction={actions?.(file)} disableGutters>\n                <ListItemIcon sx={{ fontSize: '30px' }}>\n                  <FileIcon fontSize=\"inherit\" name=\"file\" />\n                </ListItemIcon>\n                <ListItemText\n                  primary={\n                    <Typography\n                      sx={{\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        paddingRight: '15px',\n                      }}\n                    >\n                      {file.name}\n                    </Typography>\n                  }\n                  secondary={<Typography color=\"disabled.tertiary\">{formatFileSize(file.size)}</Typography>}\n                />\n              </ListItem>\n              {index < files.length - 1 && <Divider />}\n            </>\n          ))}\n        </List>\n      </Box>\n    </UploadBox>\n  );\n};\n"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","Box","sx","width","height","padding","overflow","children","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","disableGutters","ListItemIcon","fontSize","FileIcon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"imdA6Ca,MAAAA,EAAgD,EAAGC,QAAOC,aAEnEC,EAACC,EAAS,CAACC,MAAM,iBACfF,EAACG,GAAIC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QACrEC,SAAAT,EAACU,EACE,CAAAD,SAAAX,EAAMa,KAAI,CAACC,EAAMC,IAChBC,EACEC,EAAA,CAAAN,SAAA,CAAAK,EAACE,EAAyB,CAAAC,gBAAiBlB,aAAA,EAAAA,EAAUa,GAAOM,gBAAc,EAAAT,SAAA,CACxET,EAACmB,EAAY,CAACf,GAAI,CAAEgB,SAAU,iBAC5BpB,EAACqB,GAASD,SAAS,UAAUE,KAAK,WAEpCtB,EAACuB,EACC,CAAAC,QACExB,EAACyB,EACC,CAAArB,GAAI,CACFsB,WAAY,SACZlB,SAAU,SACVmB,aAAc,WACdC,aAAc,QAGfnB,SAAAG,EAAKU,OAGVO,UAAW7B,EAACyB,EAAU,CAACvB,MAAM,6BAAqB4B,EAAelB,EAAKmB,YAjB3DnB,EAAKU,MAoBnBT,EAAQf,EAAMkC,OAAS,GAAKhC,EAACiC"}