@skodaflow/web-library 7.16.1 → 8.0.1

package/components/search/Search.js

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

package/components/search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sources":["../../../src/components/search/Search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, {\n  forwardRef,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useDeferredValue,\n  ComponentType,\n} 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   * When debounce is 0, Search uses useDeferredValue instead.\n   *\n   * @see useDeferedValue\n   * @default 0\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?: ComponentType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ComponentType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 0,\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    const deferredValue = useDeferredValue(search);\n    const debouncedValue = useDebounce(search, debounce);\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n          py: '5px',\n          pl: '14px',\n          pr: '4px',\n          mb: 0,\n          // focus ring\n          '&&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '0',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","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/search/index.d.ts

@@ -1,2 +1,2 @@
-export * from './search';
-export * from './collapsableSearch';
+export * from './Search';
+export * from './CollapsableSearch';

package/components/secondaryNavigation/SecondaryNavigation.d.ts

@@ -5,15 +5,6 @@ export interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 't
      * 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
@@ -23,11 +14,6 @@ export interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 't
      * ActionButtons on the right side
      */
     buttons?: ReactNode;
-    /**
-     * ActionButtons on the right side
-     * @deprecated rename property to buttons
-     */
-    cta?: ReactNode;
     /**
      * Properties applied to toolbar container
      */

package/components/secondaryNavigation/SecondaryNavigation.js

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

package/components/secondaryNavigation/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side\n   * @deprecated rename property to buttons\n   */\n  cta?: ReactNode;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: TabsProps;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title,\n      navigationItems,\n      cta,\n      buttons,\n      color: __,\n      inContainer = false,\n      toolbarProps,\n      titleProps,\n      contentProps,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const [activeNav, setActiveNav] = useState(0);\n\n    /**\n     * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n     */\n    const navigation = useMemo(() => {\n      function flatten(nodes) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n            // backward compatible api\n            if (child.props?.isActive) {\n              setActiveNav(idx);\n            }\n          }\n        });\n        return result;\n      }\n      return flatten(children || navigationItems);\n    }, [children, navigationItems]);\n\n    return (\n      <AppBar\n        sx={{\n          // bellow Header, also defined in appbar.theme.ts\n          zIndex: (theme) => theme.zIndex.appBar - 20,\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"SecondaryNavigation\"\n        aria-label=\"Secondary Navigation\"\n        role=\"group\"\n        {...rest}\n      >\n        <Toolbar\n          sx={{\n            ...(!!navigation?.length && {\n              flexWrap: { xs: 'wrap', lg: 'nowrap' },\n              pt: { xs: 2, lg: 0 },\n            }),\n            ...toolbarSx,\n          }}\n          disableGutters={!inContainer}\n          data-testid=\"SecondaryNavigation.wrapper\"\n          {...restToolbar}\n        >\n          {title && (\n            <Typography\n              data-testid=\"SecondaryNavigation.title\"\n              variant=\"subheadline\"\n              sx={{\n                display: 'block',\n                // on mobile push the button to the right side\n                flexGrow: { xs: '1', lg: '0' },\n                flexShrink: '0',\n                ...titleSx,\n              }}\n              {...restTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {!!navigation?.length && (\n            <Tabs\n              value={activeNav}\n              onChange={(_, v) => setActiveNav(v)}\n              template=\"navigation\"\n              sx={{\n                flexGrow: '1',\n                // on mobile move to 2nd row\n                flexBasis: { xs: '100%', lg: 'auto' },\n                order: { xs: '3', lg: '0' },\n                // center on mobile\n                justifyContent: { xs: 'center', lg: 'flex-start' },\n                alignSelf: { xs: 'flex-end', lg: 'center' },\n                ...(title && {\n                  // increase size between title and nav\n                  pl: { lg: 4 },\n                }),\n                marginTop: { xs: '-10px', lg: '0' },\n                // move directly into border\n                marginBottom: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"SecondaryNavigation.items\"\n              {...restContent}\n            >\n              {navigation}\n            </Tabs>\n          )}\n          {(buttons || cta) && (\n            <Box\n              sx={{\n                flexShrink: '0',\n                flexGrow: '1',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: 0.25,\n                ...buttonsSx,\n              }}\n              data-testid=\"SecondaryNavigation.cta\"\n              {...restButtons}\n            >\n              {buttons || cta}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","navigationItems","cta","buttons","color","__","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","__rest","_b","titleSx","restTitle","_c","toolbarSx","restToolbar","_d","contentSx","restContent","_e","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","idx","type","Fragment","push","props","isActive","_jsx","AppBar","Object","assign","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","Box","alignItems","gap"],"mappings":"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"}
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * 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   * 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      buttons,\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) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n          }\n        });\n        return result;\n      }\n      return flatten(children);\n    }, [children]);\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 && (\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}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","buttons","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","type","Fragment","push","props","_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":"kQAiDO,MAAMA,EAAoDC,EAC/D,CACEC,EAYAC,SAZAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAKC,QACLA,EAAOC,YACPA,GAAc,EAAKC,aACnBA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,aACZA,KACGC,EAAIC,EAAAZ,EAVT,CAAA,WAAA,KAAA,QAAA,UAAA,cAAA,eAAA,aAAA,eAAA,iBAcA,MAAMa,EAAgCL,QAAAA,EAAc,IAA5CL,GAAIW,GAAOD,EAAKE,EAASH,EAAAC,EAA3B,CAAA,OACAG,EAAoCT,QAAAA,EAAgB,IAAlDJ,GAAIc,GAASD,EAAKE,EAAWN,EAAAI,EAA/B,CAAA,OACAG,EAAoCV,QAAAA,EAAgB,IAAlDN,GAAIiB,GAASD,EAAKE,EAAWT,EAAAO,EAA/B,CAAA,OACAG,EAAoCZ,QAAAA,EAAgB,IAAlDP,GAAIoB,GAASD,EAAKE,EAAWZ,EAAAU,EAA/B,CAAA,QACCG,EAAWC,GAAgBC,EAAS,GAKrCC,EAAaC,EAAQ,IACzB,SAASC,EAAQC,GACf,MAAMC,EAAS,GAQf,OAPAC,EAASC,QAAQH,EAAQI,KACnBA,aAAK,EAALA,EAAOC,QAASC,EAClBL,EAAOM,QAAQR,EAAQK,EAAMI,MAAMrC,WAEnC8B,EAAOM,KAAKH,KAGTH,CACT,CACOF,CAAQ5B,GACd,CAACA,IAEJ,OACEsC,EAACC,EAAMC,OAAAC,OAAA,CACLxC,GAAEuC,OAAAC,OAAA,CAEAC,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IACtC3C,GAELF,IAAKA,EAAG,cACI,sBAAqB,aACtB,uBACX8C,KAAK,SACDpC,YAEJqC,EAACC,EAAOP,OAAAC,OAAA,CACNxC,GAAEuC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,KACMf,eAAAA,EAAYsB,SAAU,CAC1BC,SAAU,CAAEC,GAAI,OAAQC,GAAI,UAC5BC,GAAI,CAAEF,GAAI,EAAGC,GAAI,KAEhBpC,GAELsC,gBAAiBjD,EAAW,cAChB,+BACRY,EAAW,CAAAhB,SAAA,CAEdE,GACCoC,EAACgB,EAAUd,OAAAC,OAAA,CAAA,cACG,4BACZc,QAAQ,cACRtD,GAAEuC,OAAAC,OAAA,CACAe,QAAS,QAETC,SAAU,CAAEP,GAAI,IAAKC,GAAI,KACzBO,WAAY,KACT9C,IAEDC,EAAS,CAAAb,SAEZE,QAGFwB,eAAAA,EAAYsB,SACbV,EAACqB,EAAInB,OAAAC,OAAA,CACHmB,MAAOrC,EACPsC,SAAU,CAACC,EAAGC,IAAMvC,EAAauC,GACjCC,SAAS,aACT/D,GAAEuC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAgB,SAAU,IAEVQ,UAAW,CAAEf,GAAI,OAAQC,GAAI,QAC7Be,MAAO,CAAEhB,GAAI,IAAKC,GAAI,KAEtBgB,eAAgB,CAAEjB,GAAI,SAAUC,GAAI,cACpCiB,UAAW,CAAElB,GAAI,WAAYC,GAAI,WAC7BjD,GAAS,CAEXmE,GAAI,CAAElB,GAAI,KACV,CACFmB,UAAW,CAAEpB,GAAI,QAASC,GAAI,KAE9BoB,aAAc,SACXrD,GAAS,cAEF,6BACRC,EAAW,CAAAnB,SAEd0B,KAGJvB,GACCmC,EAACkC,EAAGhC,OAAAC,OAAA,CACFxC,GAAEuC,OAAAC,OAAA,CACAiB,WAAY,IACZD,SAAU,IACVD,QAAS,OACTiB,WAAY,SACZN,eAAgB,WAChBO,IAAK,KACFrD,GAAS,cAEF,2BACRC,EAAW,CAAAtB,SAEdG"}

package/components/secondaryNavigation/SecondaryNavigationItem.d.ts

@@ -9,11 +9,6 @@ export interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>
      * Displayed navigation text
      */
     children?: ReactNode;
-    /**
-     * Marks item currently active
-     * @deprecated
-     */
-    isActive?: boolean;
 }
 /**
  * Component to render styled button in the header

package/components/secondaryNavigation/SecondaryNavigationItem.js

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

package/components/secondaryNavigation/SecondaryNavigationItem.js.map

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

package/components/shortcut/Shortcut.js

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

package/components/shortcut/Shortcut.js.map

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

package/components/shortcut/index.d.ts

@@ -1 +1 @@
-export * from './shortcut';
+export * from './Shortcut';

package/components/skodaThemeProvider/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache, { Options } from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Options for the cache creation function by Emotion\n   */\n  createCacheOptions?: Options;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  createCacheOptions,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget} createCacheOptions={createCacheOptions}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n  createCacheOptions,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n  createCacheOptions?: Options;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n      ...(createCacheOptions || {}),\n    });\n  }, [direction, widget, createCacheOptions?.key]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["SkodaThemeProvider","_a","children","theme","skodaTheme","globalBaseline","widget","createCacheOptions","containerProps","rest","__rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","Object","assign","ScopedCssBaseline","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","containerType"],"mappings":"6bAsCO,MAAMA,EAAyDC,QAAAC,SACpEA,QACAC,EAAQC,EAAUC,eAClBA,GAAiB,EAAKC,OACtBA,GAAS,EAAKC,mBACdA,EAAkBC,eAClBA,KACGC,EAAIC,EAAAT,EAP6D,CAAA,WAAA,QAAA,iBAAA,SAAA,qBAAA,mBASpE,OACEU,EAACC,EAAc,CAACC,UAAWV,EAAMU,UAAWP,OAAQA,EAAQC,mBAAoBA,EAAkBL,SAChGS,EAACG,GAAcX,MAAOA,EAAKD,SACzBS,EAACI,EAAeC,OAAAC,OAAA,CAACX,OAAQA,GAAYE,EAAc,CAAAN,SAChDG,EAAc,EAGbM,EAACO,EAAiBF,OAAAC,OAAA,CAAA,EAAKR,EAA+B,QAApBN,EAAMU,UAAsB,CAAEM,IAAK,OAAU,CAAA,EAAG,CAAAjB,SAC/EA,aAYf,SAASU,GAAeV,SACtBA,EAAQW,UACRA,EAASP,OACTA,EAAMC,mBACNA,IAOA,MAAMa,EAAQC,EAAQ,KAEpB,GAAkB,QAAdR,GAAwBP,EAI5B,OAAOgB,EAAWN,OAAAC,OAAA,CAEhBM,SAAS,EAETC,IAAK,GAAGlB,EAAS,IAAM,KAAmB,QAAdO,EAAsB,MAAQ,QAC1DY,cAAe,CACbC,KAEkB,QAAdb,EAAsB,CAACc,GAAa,MAEpCrB,EAAS,CAACsB,GAAmB,KAE/BrB,GAAsB,CAAA,KAE3B,CAACM,EAAWP,EAAQC,eAAAA,EAAoBiB,MAE3C,OAAOJ,EAAQT,EAACkB,GAAcC,MAAOV,EAAKlB,SAAGA,IAA4BS,EAAAoB,EAAA,CAAA7B,SAAGA,GAC9E,CAKA,SAASa,EAAgBd,OAAAC,SAAEA,EAAQ8B,GAAEA,EAAE1B,OAAEA,KAAWG,EAAIC,EAAAT,EAA/B,CAAA,WAAA,KAAA,WACvB,OAAOK,EACLK,EAACsB,EAAGjB,OAAAC,OAAA,CAACe,GAAEhB,OAAAC,OAAA,CAAIiB,cAAe,eAAkBF,IAAUvB,EAAI,CAAAP,SACvDA,KAGHS,EAAAoB,EAAA,CAAA7B,SAAGA,GAEP"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache, { Options } from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n  children?: React.ReactNode;\n  /**\n   * Theme to be used\n   */\n  theme?: Partial<Theme>;\n\n  /**\n   * Disable adding extra ScopedCssBaseline as CssBaseline is being used\n   */\n  globalBaseline?: boolean;\n  /**\n   * Changes @media queries to @container queries,\n   */\n  widget?: boolean;\n  /**\n   * Options for the cache creation function by Emotion\n   */\n  createCacheOptions?: Options;\n  /**\n   * Props passed to container used by the widget\n   */\n  containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n  children,\n  theme = skodaTheme,\n  globalBaseline = false,\n  widget = false,\n  createCacheOptions,\n  containerProps,\n  ...rest\n}) => {\n  return (\n    <CacheContainer direction={theme.direction} widget={widget} createCacheOptions={createCacheOptions}>\n      <ThemeProvider theme={theme}>\n        <WidgetContainer widget={widget} {...containerProps}>\n          {globalBaseline ? (\n            children\n          ) : (\n            <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n              {children}\n            </ScopedCssBaseline>\n          )}\n        </WidgetContainer>\n      </ThemeProvider>\n    </CacheContainer>\n  );\n};\n\n/**\n * Wrapper providing CacheProvider necessary for the stylis plugin optimization\n */\nfunction CacheContainer({\n  children,\n  direction,\n  widget,\n  createCacheOptions,\n}: {\n  children: React.ReactNode;\n  direction: Theme['direction'];\n  widget: boolean;\n  createCacheOptions?: Options;\n}) {\n  const cache = useMemo(() => {\n    // in case we are not using RTL or widget, we don't need to generate cache\n    if (direction !== 'rtl' && !widget) {\n      return undefined;\n    }\n    return createCache({\n      // inject first\n      prepend: true,\n      // cache based on the plugins\n      key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n      stylisPlugins: [\n        prefixer,\n        // transform left to right\n        ...(direction === 'rtl' ? [rtlPlugin] : []),\n        // transform @media to @container queries\n        ...(widget ? [containerPlugin] : []),\n      ],\n      ...(createCacheOptions || {}),\n    });\n  }, [direction, widget, createCacheOptions?.key]);\n\n  return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/**\n * Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n  return widget ? (\n    <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["SkodaThemeProvider","_a","children","theme","skodaTheme","globalBaseline","widget","createCacheOptions","containerProps","rest","__rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","Object","assign","ScopedCssBaseline","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","containerType"],"mappings":"6bAsCO,MAAMA,EAAyDC,QAAAC,SACpEA,QACAC,EAAQC,EAAUC,eAClBA,GAAiB,EAAKC,OACtBA,GAAS,EAAKC,mBACdA,EAAkBC,eAClBA,KACGC,EAAIC,EAAAT,EAP6D,CAAA,WAAA,QAAA,iBAAA,SAAA,qBAAA,mBASpE,OACEU,EAACC,EAAc,CAACC,UAAWV,EAAMU,UAAWP,OAAQA,EAAQC,mBAAoBA,EAAkBL,SAChGS,EAACG,GAAcX,MAAOA,EAAKD,SACzBS,EAACI,EAAeC,OAAAC,OAAA,CAACX,OAAQA,GAAYE,EAAc,CAAAN,SAChDG,EAAc,EAGbM,EAACO,EAAiBF,OAAAC,OAAA,CAAA,EAAKR,EAA+B,QAApBN,EAAMU,UAAsB,CAAEM,IAAK,OAAU,CAAA,EAAG,CAAAjB,SAC/EA,aAYf,SAASU,GAAeV,SACtBA,EAAQW,UACRA,EAASP,OACTA,EAAMC,mBACNA,IAOA,MAAMa,EAAQC,EAAQ,KAEpB,GAAkB,QAAdR,GAAwBP,EAG5B,OAAOgB,EAAWN,OAAAC,OAAA,CAEhBM,SAAS,EAETC,IAAK,GAAGlB,EAAS,IAAM,KAAmB,QAAdO,EAAsB,MAAQ,QAC1DY,cAAe,CACbC,KAEkB,QAAdb,EAAsB,CAACc,GAAa,MAEpCrB,EAAS,CAACsB,GAAmB,KAE/BrB,GAAsB,CAAA,KAE3B,CAACM,EAAWP,EAAQC,eAAAA,EAAoBiB,MAE3C,OAAOJ,EAAQT,EAACkB,GAAcC,MAAOV,EAAKlB,SAAGA,IAA4BS,EAAAoB,EAAA,CAAA7B,SAAGA,GAC9E,CAKA,SAASa,EAAgBd,OAAAC,SAAEA,EAAQ8B,GAAEA,EAAE1B,OAAEA,KAAWG,EAAIC,EAAAT,EAA/B,CAAA,WAAA,KAAA,WACvB,OAAOK,EACLK,EAACsB,EAAGjB,OAAAC,OAAA,CAACe,GAAEhB,OAAAC,OAAA,CAAIiB,cAAe,eAAkBF,IAAUvB,EAAI,CAAAP,SACvDA,KAGHS,EAAAoB,EAAA,CAAA7B,SAAGA,GAEP"}

package/components/skodaThemeProvider/index.d.ts

@@ -1,2 +1 @@
 export * from './SkodaThemeProvider';
-export * from './SkodaThemeWidgetProvider';

package/components/spacing/Spacing.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Box as i}from"@mui/material";const a=o((o,a)=>{var{sx:e,value:m=2,horizontal:s=!1}=o,l=r(o,["sx","value","horizontal"]);return t(i,Object.assign({ref:a,sx:Object.assign({pl:s?m:0,pt:s?0:m},e)},l))});export{a as Spacing};
+//# sourceMappingURL=Spacing.js.map

package/components/spacing/Spacing.js.map

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

package/components/spacing/index.d.ts

@@ -1 +1 @@
-export * from './spacing';
+export * from './Spacing';

package/components/textAndCta/AppStoreButton.js

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

package/components/textAndCta/AppStoreButton.js.map

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

package/components/textAndCta/TextAndCta.d.ts

@@ -0,0 +1,46 @@
+import React, { ReactNode, ElementType } from 'react';
+import { BoxProps, TypographyProps } from '@mui/material';
+import { LabelProps } from '@/src/components/label';
+export interface TextAndCtaProps extends BoxProps<ElementType> {
+    /**
+     * Top label above the headlines
+     */
+    label?: ReactNode;
+    /**
+     * Label customization
+     */
+    labelProps?: LabelProps;
+    /**
+     * Main Headline at the top
+     */
+    headline?: ReactNode;
+    /**
+     * Headline customization
+     */
+    headlineProps?: TypographyProps<ElementType>;
+    /**
+     * Main Headline at the top
+     */
+    subheadline?: ReactNode;
+    /**
+     * Subheading customization
+     */
+    subheadlineProps?: TypographyProps<ElementType>;
+    /**
+     * Main text body
+     */
+    body?: ReactNode;
+    /**
+     * Body text customization
+     */
+    bodyProps?: TypographyProps<ElementType>;
+    /**
+     * Bottom CTA buttons
+     */
+    buttons?: ReactNode;
+    /**
+     * Body text customization
+     */
+    buttonsProps?: BoxProps<ElementType>;
+}
+export declare const TextAndCta: React.FC<TextAndCtaProps>;

package/components/textAndCta/TextAndCta.js

@@ -0,0 +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: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,L=s(D,["sx"]),S=j||{},{sx:W}=S,q=s(S,["sx"]),z=f||{},{sx:A}=z,B=s(z,["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)},L,{children:p})),g&&t(l,Object.assign({sx:Object.assign({display:"block",mb:2},W)},q,{children:g})),b,u&&t(n,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1},A)},B,{children:u}))]}))});export{r as TextAndCta};
+//# sourceMappingURL=TextAndCta.js.map

package/components/textAndCta/TextAndCta.js.map

@@ -0,0 +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<ElementType>;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps<ElementType>;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps<ElementType>;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps<ElementType>;\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+CO,MAAMA,EAAwCC,EACnD,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,EAAIC,EAAAf,EAbT,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAcH,EAAAC,EAAhC,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAAiBN,EAAAI,EAAtC,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAoBT,EAAAO,EAA5C,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAaZ,EAAAU,EAA9B,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAAgBf,EAAAa,EAApC,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFhC,GAAE+B,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCsC,EAACC,EAAKV,OAAAC,OAAA,CAAChC,kBAAM0C,GAAI,GAAM3B,IAAeC,EAAc,CAAAf,SACjDC,KAGJE,GACCoC,EAACG,iBAAWC,QAAQ,KAAK5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,EAAiB,CAAAlB,SAC3FG,KAGJE,GACCkC,EAACG,EAAUZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,EAAoB,CAAArB,SAEvBK,KAGJE,GACCgC,EAACG,EAAUZ,OAAAC,OAAA,CAAChC,kBAAMiC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,EAACV,EAAGC,OAAAC,OAAA,CACFhC,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"}

package/components/textAndCta/index.d.ts

@@ -1,2 +1,2 @@
-export * from './textAndCta';
-export * from './appStoreButton';
+export * from './TextAndCta';
+export * from './AppStoreButton';

package/components/upload/Upload.d.ts

@@ -0,0 +1,35 @@
+import { HTMLProps, ReactNode } from 'react';
+import { UploadWrapperProps } from './components/uploadWrapper';
+type UploadError = {
+    type: 'maxFilesExceeded' | 'invalidFileType';
+    files?: File[];
+} | null;
+export interface UploadProps extends Omit<UploadWrapperProps, 'children'> {
+    /**
+     * Properties that will be passed to the input element.
+     */
+    inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' | 'type' | 'multiple'>;
+    /**
+     * Sets maximum files that are available.
+     * If maxFiles is bigger than 1 the input is type multiple.
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Handler that is called when user provide files.
+     */
+    onFileChange?: (files: Array<File>) => void;
+    /**
+     * Children as a render function that gets error and dragging state.
+     */
+    children?: ReactNode | ((params: {
+        error: UploadError;
+        dragging: boolean;
+    }) => ReactNode);
+    /**
+     * Current number of uploaded files.
+     */
+    currentFilesCount?: number;
+}
+export declare function Upload({ children, currentFilesCount, onFileChange, inputProps, maxFiles, state, ...restProps }: UploadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/upload/Upload.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as n,useState as i,useMemo as l,useCallback as o}from"react";import"@mui/material";import{UploadWrapper as a}from"./components/uploadWrapper/UploadWrapper.js";function s(e,t){if(!e.type)return!1;if("*"===t.trim())return!0;return t.split(",").some(t=>{if(t.includes("/*")){const r=t.split("/")[0];return e.type.startsWith(`${r}/`)}if(e.type.trim()===t.trim())return!0;if(t.startsWith(".")){const r=t.trim().toLowerCase();return e.name.toLowerCase().endsWith(r)}return!1})}function p(p){var{children:u,currentFilesCount:f=0,onFileChange:c,inputProps:d={},maxFiles:m=1,state:g}=p,h=e(p,["children","currentFilesCount","onFileChange","inputProps","maxFiles","state"]);const v=n(null),[y,F]=i(!1),[x,C]=i(null),D=(null==d?void 0:d.accept)||"*",b=l(()=>y?"dragdropping":x?"error":g||"default",[y,x,g]),P=o(e=>{e.stopPropagation(),e.preventDefault()},[]),W=o(e=>e.filter(e=>s(e,D)),[D,m]),j=o(()=>{c&&(x&&C(null),F(!0))},[F]),E=o(()=>{F(!1)},[F]),T=o(()=>{var e;x&&C(null),null===(e=v.current)||void 0===e||e.click()},[]),k=o(e=>{e.preventDefault(),e.stopPropagation(),x&&C(null);const t=[...e.dataTransfer.files];if(f+t.length>m)return F(!1),void C({type:"maxFilesExceeded"});const r=t.filter(e=>!s(e,D));if(r.length>0)return F(!1),void C({type:"invalidFileType",files:r});const n=W([...e.dataTransfer.files]);F(!1),n.length>0&&(null==c||c(n))},[F,x,C,D,c,f]),w=o(e=>{e.preventDefault(),e.stopPropagation(),x&&C(null);const t=[...e.target.files];if(f+t.length>m)return F(!1),void C({type:"maxFilesExceeded"});const r=t.filter(e=>!s(e,D));if(r.length>0)return void C({type:"invalidFileType",files:r});const n=W(t);n.length>0&&(null==c||c(n),v.current&&(v.current.value=""))},[F,x,C,D,c,f]);return t(a,Object.assign({role:"button",tabIndex:0,"aria-label":"Upload file",state:b,onClick:T,onDragOver:P,onDrop:k,onDragEnter:j,onDragLeave:E,onKeyDown:e=>{"Enter"===e.key&&T()}},h,{children:["function"==typeof u?u({error:x,dragging:y}):u,r("input",Object.assign({ref:v,onChange:w},d,{hidden:!0,type:"file",multiple:m>1}))]}))}export{p as Upload};
+//# sourceMappingURL=Upload.js.map

package/components/upload/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","sources":["../../../src/components/upload/Upload.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLProps, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from './components/uploadWrapper';\n\nfunction isAcceptedFileType(file: File, acceptedTypes: string) {\n  if (!file.type) return false; // Avoid issues where file.type is empty\n\n  // If '*' is used, accept all files\n  if (acceptedTypes.trim() === '*') return true;\n\n  // Split the accepted types into an array\n  const accepted = acceptedTypes.split(',');\n\n  return accepted.some((type) => {\n    // Check for wildcards (image/*, video/*)\n    if (type.includes('/*')) {\n      const typePrefix = type.split('/')[0];\n      return file.type.startsWith(`${typePrefix}/`);\n    }\n    // Check for exact MIME types (image/jpeg, video/mp4)\n    if (file.type.trim() === type.trim()) {\n      return true;\n    }\n    // Check for file extension matches (e.g., .pdf, .csv)\n    if (type.startsWith('.')) {\n      const extension = type.trim().toLowerCase();\n      return file.name.toLowerCase().endsWith(extension);\n    }\n    return false;\n  });\n}\n\ntype UploadError = {\n  type: 'maxFilesExceeded' | 'invalidFileType';\n  files?: File[];\n} | null;\n\nexport interface UploadProps extends Omit<UploadWrapperProps, 'children'> {\n  /**\n   * Properties that will be passed to the input element.\n   */\n  inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' | 'type' | 'multiple'>;\n\n  /**\n   * Sets maximum files that are available.\n   * If maxFiles is bigger than 1 the input is type multiple.\n   * @default 1\n   */\n  maxFiles?: number;\n\n  /**\n   * Handler that is called when user provide files.\n   */\n  onFileChange?: (files: Array<File>) => void;\n\n  /**\n   * Children as a render function that gets error and dragging state.\n   */\n  children?: ReactNode | ((params: { error: UploadError; dragging: boolean }) => ReactNode);\n\n  /**\n   * Current number of uploaded files.\n   */\n  currentFilesCount?: number;\n}\n\nexport function Upload({\n  children,\n  currentFilesCount = 0,\n  onFileChange,\n  inputProps = {},\n  maxFiles = 1,\n  state,\n  ...restProps\n}: UploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState<boolean>(false);\n  const [error, setError] = useState<UploadError>(null);\n\n  const accept = inputProps?.accept || '*';\n\n  const currentState = useMemo(() => {\n    return dragging ? 'dragdropping' : error ? 'error' : state ? state : 'default';\n  }, [dragging, error, state]);\n\n  const preventDragOver = useCallback((event: DragEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  }, []);\n\n  const getFilteredFiles = useCallback(\n    (inputFiles: File[]) => inputFiles.filter((file) => isAcceptedFileType(file, accept)),\n    [accept, maxFiles],\n  );\n\n  const handleDragEnter = useCallback(() => {\n    if (!onFileChange) return;\n\n    error && setError(null); // reset error state if needed\n    setDragging(true);\n  }, [setDragging]);\n\n  const handleDragLeave = useCallback(() => {\n    setDragging(false);\n  }, [setDragging]);\n\n  const handleClick = useCallback(() => {\n    error && setError(null); // reset error state if needed\n    inputRef.current?.click();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.dataTransfer.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setDragging(false);\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles([...event.dataTransfer.files]);\n      setDragging(false);\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.target.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles(files);\n\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  return (\n    <UploadWrapper\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"Upload file\"\n      state={currentState}\n      onClick={handleClick}\n      onDragOver={preventDragOver}\n      onDrop={handleDrop}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') handleClick();\n      }}\n      {...restProps}\n    >\n      {typeof children === 'function' ? children({ error, dragging }) : children}\n      <input ref={inputRef} onChange={handleInputChange} {...inputProps} hidden type=\"file\" multiple={maxFiles > 1} />\n    </UploadWrapper>\n  );\n}\n"],"names":["isAcceptedFileType","file","acceptedTypes","type","trim","split","some","includes","typePrefix","startsWith","extension","toLowerCase","name","endsWith","Upload","_a","children","currentFilesCount","onFileChange","inputProps","maxFiles","state","restProps","__rest","inputRef","useRef","dragging","setDragging","useState","error","setError","accept","currentState","useMemo","preventDragOver","useCallback","event","stopPropagation","preventDefault","getFilteredFiles","inputFiles","filter","handleDragEnter","handleDragLeave","handleClick","current","click","handleDrop","files","dataTransfer","length","permittedFiles","filteredFiles","handleInputChange","target","value","_jsxs","UploadWrapper","role","tabIndex","onClick","onDragOver","onDrop","onDragEnter","onDragLeave","onKeyDown","key","_jsx","Object","assign","ref","onChange","hidden","multiple"],"mappings":"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"}

package/components/upload/components/uploadList/UploadList.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as i}from"react/jsx-runtime";import{List as t}from"@mui/material";const e=e=>{var{children:o,sx:s}=e,m=r(e,["children","sx"]);return i(t,Object.assign({sx:Object.assign({padding:"4px",width:"100%",height:"100%",overflowY:"auto"},s)},m,{children:o}))};export{e as UploadList};
+//# sourceMappingURL=UploadList.js.map

package/components/upload/components/uploadList/UploadList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadList.js","sources":["../../../../../src/components/upload/components/uploadList/UploadList.tsx"],"sourcesContent":["import { List, ListProps } from '@mui/material';\nimport { FC } from 'react';\n\n/**\n * Styled List component for Upload component.\n *\n * @see List\n * @see Upload\n */\nexport const UploadList: FC<ListProps> = ({ children, sx, ...restProps }) => {\n  return (\n    <List sx={{ padding: '4px', width: '100%', height: '100%', overflowY: 'auto', ...sx }} {...restProps}>\n      {children}\n    </List>\n  );\n};\n"],"names":["UploadList","_a","children","sx","restProps","__rest","_jsx","List","Object","assign","padding","width","height","overflowY"],"mappings":"4GASO,MAAMA,EAA6BC,QAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAJ,EAA5B,mBACxC,OACEK,EAACC,EAAIC,OAAAC,OAAA,CAACN,GAAEK,OAAAC,OAAA,CAAIC,QAAS,MAAOC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,QAAWV,IAAUC,EAAS,CAAAF,SACjGA"}

package/components/upload/components/uploadList/UploadListItem.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{ListItem as e,LinearProgress as r}from"@mui/material";function s(s){var{children:n,linearProgressProps:a={},sx:l}=s,c=t(s,["children","linearProgressProps","sx"]);const{sx:u}=a,d=t(a,["sx"]);return i(e,Object.assign({component:"li",sx:Object.assign({position:"relative",margin:0,py:1,px:2,borderRadius:"4px",outline:"0","&:not(:last-child):after":{content:'""',position:"absolute",left:0,bottom:0,height:"1px",width:"100%",backgroundColor:"surface.secondary"},"&:focus-visible":{backgroundColor:"surface.primary"}},l),disableGutters:!0},c,{children:[n,void 0!==(null==a?void 0:a.value)&&null!==(null==a?void 0:a.value)&&o(r,Object.assign({variant:"determinate",sx:Object.assign({position:"absolute",bottom:0,left:0,width:"100%",height:"2px",zIndex:"1"},u)},d))]}))}export{s as UploadListItem};
+//# sourceMappingURL=UploadListItem.js.map

package/components/upload/components/uploadList/UploadListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadListItem.js","sources":["../../../../../src/components/upload/components/uploadList/UploadListItem.tsx"],"sourcesContent":["import { LinearProgress, LinearProgressProps, ListItem, ListItemProps } from '@mui/material';\n\nexport interface UploadListItemProps extends ListItemProps {\n  /**\n   * Properties that will be passed to LinearProgress\n   */\n  linearProgressProps?: LinearProgressProps;\n}\n\n/**\n * ListItem component styled for UploadList.\n *\n * @param children\n * @param linearProgressProps\n * @param sx\n * @param restProps\n *\n * @see UploadList\n * @see ListItem\n */\nexport function UploadListItem({ children, linearProgressProps = {}, sx, ...restProps }: UploadListItemProps) {\n  const { sx: linearProgressSx, ...restLinearProgressProps } = linearProgressProps;\n\n  return (\n    <ListItem\n      component=\"li\"\n      sx={{\n        position: 'relative',\n        margin: 0,\n        py: 1,\n        px: 2,\n        borderRadius: '4px',\n        outline: '0',\n        // every child except the last child has 'border' on the bottom\n        '&:not(:last-child):after': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          bottom: 0,\n          height: '1px',\n          width: '100%',\n          backgroundColor: 'surface.secondary',\n        },\n        '&:focus-visible': {\n          backgroundColor: 'surface.primary',\n        },\n        ...sx,\n      }}\n      disableGutters\n      {...restProps}\n    >\n      {children}\n\n      {typeof linearProgressProps?.value !== 'undefined' && linearProgressProps?.value !== null && (\n        <LinearProgress\n          variant=\"determinate\"\n          sx={{\n            position: 'absolute',\n            bottom: 0,\n            left: 0,\n            width: '100%',\n            height: '2px',\n            zIndex: '1',\n            ...linearProgressSx,\n          }}\n          {...restLinearProgressProps}\n        />\n      )}\n    </ListItem>\n  );\n}\n"],"names":["UploadListItem","_a","children","linearProgressProps","sx","restProps","__rest","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","Object","assign","component","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"8IAoBM,SAAUA,EAAeC,GAAA,IAAAC,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,GAAEH,EAAKI,EAASC,EAAAL,EAAtD,CAAA,WAAA,sBAAA,OAC7B,MAAQG,GAAIG,GAAiDJ,EAA5BK,EAAuBF,EAAKH,EAAvD,CAAA,OAEN,OACEM,EAACC,EAAQC,OAAAC,OAAA,CACPC,UAAU,KACVT,GAAEO,OAAAC,OAAA,CACAE,SAAU,WACVC,OAAQ,EACRC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,QAAS,IAET,2BAA4B,CAC1BC,QAAS,KACTN,SAAU,WACVO,KAAM,EACNC,OAAQ,EACRC,OAAQ,MACRC,MAAO,OACPC,gBAAiB,qBAEnB,kBAAmB,CACjBA,gBAAiB,oBAEhBrB,GAELsB,gBAAc,GACVrB,EAAS,CAAAH,SAAA,CAEZA,OAEsC,KAA/BC,aAAmB,EAAnBA,EAAqBwB,QAAwD,QAA/BxB,aAAmB,EAAnBA,EAAqBwB,QACzEC,EAACC,EAAclB,OAAAC,OAAA,CACbkB,QAAQ,cACR1B,GAAEO,OAAAC,OAAA,CACAE,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,KACLxB,IAEDC,OAKd"}

package/components/upload/components/uploadList/index.d.ts

@@ -1 +1,2 @@
-export * from './uploadList';
+export * from './UploadList';
+export * from './UploadListItem';

package/components/upload/components/uploadPreview/UploadPreview.d.ts

@@ -0,0 +1,27 @@
+import { IconButtonProps, SvgIconProps } from '@mui/material';
+import { FC, ReactNode } from 'react';
+import { UploadWrapperProps } from '../uploadWrapper';
+export interface UploadPreviewProps extends UploadWrapperProps {
+    /**
+     * Previews the item.
+     */
+    children: ReactNode;
+    /**
+     * Properties that will be passed to the IconButton
+     */
+    iconButtonProps?: IconButtonProps;
+    /**
+     * Properties that will be passed to the Icon
+     */
+    iconProps?: SvgIconProps;
+    /**
+     * Custom Icon component that will be rendered in default action in IconButton
+     */
+    customIcon?: ReactNode;
+}
+/**
+ * Previews single uploaded item and adds an IconButton on top of it on hover.
+ *
+ * @see Upload
+ */
+export declare const UploadPreview: FC<UploadPreviewProps>;

package/components/upload/components/uploadPreview/UploadPreview.js

@@ -0,0 +1,2 @@
+import{__rest as o}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{CloseIcon as i}from"../../../icon/stroke/CloseIcon.js";import{IconButton as s}from"@mui/material";import{UploadWrapper as e}from"../uploadWrapper/UploadWrapper.js";const n=n=>{var{children:c,iconButtonProps:p,iconProps:a,customIcon:d}=n;const l=o(n,["children","iconButtonProps","iconProps","customIcon"])||{},{sx:x}=l,m=o(l,["sx"]),u=p||{},{sx:h}=u,b=o(u,["sx"]);return r(e,Object.assign({sx:Object.assign({borderStyle:"solid",borderColor:"onSurface.os500",borderRadius:"4px",cursor:"default",width:"100px",height:"100px",padding:"0"},x)},m,{children:[t(s,Object.assign({sx:Object.assign({position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px","& .MuiSvgIcon-root":{fontSize:"17px"}},h),variant:"filled",color:"surface"},b,{children:d||t(i,Object.assign({},a))})),c]}))};export{n as UploadPreview};
+//# sourceMappingURL=UploadPreview.js.map

package/components/upload/components/uploadPreview/UploadPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreview.js","sources":["../../../../../src/components/upload/components/uploadPreview/UploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from '../uploadWrapper';\n\nexport interface UploadPreviewProps extends UploadWrapperProps {\n  /**\n   * Previews the item.\n   */\n  children: ReactNode;\n\n  /**\n   * Properties that will be passed to the IconButton\n   */\n  iconButtonProps?: IconButtonProps;\n\n  /**\n   * Properties that will be passed to the Icon\n   */\n  iconProps?: SvgIconProps;\n\n  /**\n   * Custom Icon component that will be rendered in default action in IconButton\n   */\n  customIcon?: ReactNode;\n}\n\n/**\n * Previews single uploaded item and adds an IconButton on top of it on hover.\n *\n * @see Upload\n */\nexport const UploadPreview: FC<UploadPreviewProps> = ({\n  children,\n  iconButtonProps,\n  iconProps,\n  customIcon,\n  ...props\n}) => {\n  const { sx, ...restProps } = props || {};\n  const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps || {};\n\n  return (\n    <UploadWrapper\n      sx={{\n        borderStyle: 'solid',\n        borderColor: 'onSurface.os500',\n        borderRadius: '4px',\n        cursor: 'default',\n        width: '100px',\n        height: '100px',\n        padding: '0',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      <IconButton\n        sx={{\n          position: 'absolute',\n          right: '4px',\n          top: '4px',\n          zIndex: '1',\n          width: '24px',\n          height: '24px',\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n          ...iconButtonSx,\n        }}\n        variant=\"filled\"\n        color=\"surface\"\n        {...restIconButtonProps}\n      >\n        {customIcon || <CloseIcon {...iconProps} />}\n      </IconButton>\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["UploadPreview","_a","children","iconButtonProps","iconProps","customIcon","_b","__rest","sx","restProps","_c","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","Object","assign","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"4PAgCO,MAAMA,EAAyCC,IAAA,IAAAC,SACpDA,EAAQC,gBACRA,EAAeC,UACfA,EAASC,WACTA,GAAUJ,EAGV,MAAMK,EAFEC,EAAAN,EAL4C,CAAA,WAAA,kBAAA,YAAA,gBAOd,CAAA,GAAhCO,GAAEA,GAAEF,EAAKG,EAASF,EAAAD,EAAlB,CAAA,OACAI,EAA+CP,GAAmB,IAAhEK,GAAIG,KAAiBC,EAAmBL,EAAAG,EAA1C,CAAA,OAEN,OACEG,EAACC,EAAaC,OAAAC,OAAA,CACZR,GAAEO,OAAAC,OAAA,CACAC,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,KACNf,IAEDC,EAAS,CAAAP,SAAA,CAEbsB,EAACC,iBACCjB,GAAEO,OAAAC,OAAA,CACAU,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,SAETnB,GAELoB,QAAQ,SACRC,MAAM,WACFpB,EAAmB,CAAAV,SAEtBG,GAAcmB,EAACS,EAASlB,OAAAC,OAAA,GAAKZ,OAE/BF"}