@skodaflow/web-library 7.16.1 → 8.0.0

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":"oUAgBO,MAAMA,EAAgDC,EAAW,CAACC,EAA0BC,SAA1BC,QAAEA,EAAOC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAtB,kBACvE,MAAMM,EAAoBC,EAAQ,IAEzB,gBADCL,EAEGM,EAGAC,EAEV,CAACP,IAEJ,OACEQ,EAACC,EAAUC,OAAAC,OAAA,CACTV,GAAKW,4DACHC,SAAU,YACPC,EAAkBF,IAAM,CAC3B,YAAa,CACXG,aAAc,OAGhB,SAAU,CACRC,QAAS,QACTC,QAAS,KACTJ,SAAU,WACVK,MAAO,IACPH,aAAc,UACdI,gBAAiBP,EAAMQ,QAAQC,YAAYC,QAC3CC,WAAY,wBACZC,QAAS,OAGRC,EACD,CACE,UAAW,CACTD,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,QAIZvB,GAELF,IAAKA,GACDG,YAEJM,EAACJ,EAAiB,CAAA,QAKxB,SAASG,EAAWmB,GAClB,OACEC,EAACC,EAAOlB,OAAAC,OAAA,CAACkB,QAAQ,iBAAiB5B,GAAI,CAAE6B,OAAQ,OAAQC,MAAO,SAAcL,EAAK,CAAAM,SAAA,CAChFxB,UACEyB,EAAE,oMACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,+XACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,g6FACFC,KAAK,OACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,mMACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,qKACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,8IACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,yLACFC,KAAK,UACLC,YAAY,WAEd3B,EAAA,OAAA,CACEyB,EAAE,s2DACFC,KAAK,OACLE,OAAO,OACPC,iBAAiB,KACjBF,YAAY,cAIpB,CAEA,SAAS7B,EAAWoB,GAClB,OACEC,EAACC,EAAOlB,OAAAC,OAAA,CAACkB,QAAQ,mBAAmB5B,GAAI,CAAE6B,OAAQ,OAAQC,MAAO,SAAcL,EAAK,CAAAM,SAAA,CAClFxB,EAAA,OAAA,CACEyB,EAAE,qyCACFC,KAAK,YAEP1B,EAAA,OAAA,CAAMyB,EAAE,ooCACRzB,EAAA,OAAA,CACEyB,EAAE,+fACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,gLACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,kJACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qaACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,saACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,0hBACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qQACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,8VACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,6MACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,+XACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,iNACFC,KAAK,SAEP1B,UACEyB,EAAE,kQACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,sLACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,kOACFC,KAAK,SAEP1B,EAAA,OAAA,CAAMyB,EAAE,0CAA0CC,KAAK,SACvD1B,EAAA,OAAA,CACEyB,EAAE,8PACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,4eACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qZACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,2PACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,iOACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,qPACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,6NACFC,KAAK,SAEP1B,EAAA,OAAA,CACEyB,EAAE,wWACFC,KAAK,YAIb"}

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":"8PAGA,SAASA,EAAmBC,EAAYC,GACtC,IAAKD,EAAKE,KAAM,OAAO,EAGvB,GAA6B,MAAzBD,EAAcE,OAAgB,OAAO,EAKzC,OAFiBF,EAAcG,MAAM,KAErBC,KAAMH,IAEpB,GAAIA,EAAKI,SAAS,MAAO,CACvB,MAAMC,EAAaL,EAAKE,MAAM,KAAK,GACnC,OAAOJ,EAAKE,KAAKM,WAAW,GAAGD,KACjC,CAEA,GAAIP,EAAKE,KAAKC,SAAWD,EAAKC,OAC5B,OAAO,EAGT,GAAID,EAAKM,WAAW,KAAM,CACxB,MAAMC,EAAYP,EAAKC,OAAOO,cAC9B,OAAOV,EAAKW,KAAKD,cAAcE,SAASH,EAC1C,CACA,OAAO,GAEX,CAoCM,SAAUI,EAAOC,OAAAC,SACrBA,EAAQC,kBACRA,EAAoB,EAACC,aACrBA,EAAYC,WACZA,EAAa,GAAEC,SACfA,EAAW,EAACC,MACZA,KACGC,EAASC,EAAAR,EAPS,CAAA,WAAA,oBAAA,eAAA,aAAA,WAAA,UASrB,MAAMS,EAAWC,EAAyB,OACnCC,EAAUC,GAAeC,GAAkB,IAC3CC,EAAOC,GAAYF,EAAsB,MAE1CG,GAASZ,aAAU,EAAVA,EAAYY,SAAU,IAE/BC,EAAeC,EAAQ,IACpBP,EAAW,eAAiBG,EAAQ,QAAUR,GAAgB,UACpE,CAACK,EAAUG,EAAOR,IAEfa,EAAkBC,EAAaC,IACnCA,EAAMC,kBACND,EAAME,kBACL,IAEGC,EAAmBJ,EACtBK,GAAuBA,EAAWC,OAAQxC,GAASD,EAAmBC,EAAM8B,IAC7E,CAACA,EAAQX,IAGLsB,EAAkBP,EAAY,KAC7BjB,IAELW,GAASC,EAAS,MAClBH,GAAY,KACX,CAACA,IAEEgB,EAAkBR,EAAY,KAClCR,GAAY,IACX,CAACA,IAEEiB,EAAcT,EAAY,WAC9BN,GAASC,EAAS,MACF,QAAhBf,EAAAS,EAASqB,eAAO,IAAA9B,GAAAA,EAAE+B,SACjB,IAEGC,EAAaZ,EAChBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMa,aAAaD,OAErC,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP3B,KAAM,qBAKV,MAAMgD,EAAiBH,EAAMP,OAAQxC,IAAUD,EAAmBC,EAAM8B,IAExE,GAAIoB,EAAeD,OAAS,EAM1B,OALAvB,GAAY,QACZG,EAAS,CACP3B,KAAM,kBACN6C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiB,IAAIH,EAAMa,aAAaD,QAC9DrB,GAAY,GACRyB,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,KAGnB,CAACzB,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGjDoC,EAAoBlB,EACvBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMkB,OAAON,OAE/B,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP3B,KAAM,qBAKV,MAAMgD,EAAiBH,EAAMP,OAAQxC,IAAUD,EAAmBC,EAAM8B,IAExE,GAAIoB,EAAeD,OAAS,EAK1B,YAJApB,EAAS,CACP3B,KAAM,kBACN6C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiBS,GAEnCI,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,GAEX5B,EAASqB,UACXrB,EAASqB,QAAQU,MAAQ,MAI/B,CAAC5B,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGvD,OACEuC,EAACC,iBACCC,KAAK,SACLC,SAAU,EAAC,aACA,cACXtC,MAAOW,EACP4B,QAAShB,EACTiB,WAAY3B,EACZ4B,OAAQf,EACRgB,YAAarB,EACbsB,YAAarB,EACbsB,UAAY7B,IACQ,UAAdA,EAAM8B,KAAiBtB,MAEzBtB,EAAS,CAAAN,SAAA,CAEQ,mBAAbA,EAA0BA,EAAS,CAAEa,QAAOH,aAAcV,EAClEmD,EAAA,QAAAC,OAAAC,OAAA,CAAOC,IAAK9C,EAAU+C,SAAUlB,GAAuBlC,EAAU,CAAEqD,QAAM,EAACrE,KAAK,OAAOsE,SAAUrD,EAAW,QAGjH"}

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"}

package/components/upload/components/uploadPreview/UploadPreviewImage.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{Box as o}from"@mui/material";function r(r){var{sx:e}=r,s=t(r,["sx"]);return i(o,Object.assign({component:"img",sx:Object.assign({display:"block",position:"absolute",width:"100%",height:"100%",objectFit:"cover",borderRadius:"4px"},e)},s))}export{r as UploadPreviewImage};
+//# sourceMappingURL=UploadPreviewImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreviewImage.js","sources":["../../../../../src/components/upload/components/uploadPreview/UploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\n\nexport type UploadPreviewImageProps = BoxProps<'img'>;\n\n/**\n * Component that should be used along with UploadPreview to preview the uploaded image.\n *\n * @see UploadPreview\n */\nexport function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps) {\n  return (\n    <Box\n      component=\"img\"\n      sx={{\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        objectFit: 'cover',\n        borderRadius: '4px',\n        ...sx,\n      }}\n      {...restProps}\n    />\n  );\n}\n"],"names":["UploadPreviewImage","_a","sx","restProps","__rest","_jsx","Box","Object","assign","component","display","position","width","height","objectFit","borderRadius"],"mappings":"2GASM,SAAUA,EAAmBC,GAAA,IAAAC,GAAEA,GAAED,EAAKE,EAASC,EAAAH,EAAlB,QACjC,OACEI,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAU,MACVP,GAAEK,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,OACXb,IAEDC,GAGV"}

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

@@ -1,2 +1,2 @@
-export * from './uploadPreview';
-export * from './uploadPreviewImage';
+export * from './UploadPreview';
+export * from './UploadPreviewImage';

package/components/upload/components/uploadWrapper/UploadContent.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as n}from"react/jsx-runtime";import{Box as t}from"@mui/material";function i(i){var{children:r,sx:o}=i,s=e(i,["children","sx"]);return n(t,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"auto",gap:e=>e.spacing(),"& .MuiSvgIcon-root":{fontSize:"20px"}},o)},s,{children:r}))}function r(t){var{children:r,sx:o}=t,s=e(t,["children","sx"]);return n(i,Object.assign({sx:Object.assign({position:"absolute",width:"100%",height:"100%",borderRadius:"inherit",left:0,top:0,zIndex:2,pointerEvents:"none",userSelect:"none",backgroundColor:"success.light"},o)},s,{children:r}))}export{i as UploadContent,r as UploadContentDragging};
+//# sourceMappingURL=UploadContent.js.map

package/components/upload/components/uploadWrapper/UploadContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadContent.js","sources":["../../../../../src/components/upload/components/uploadWrapper/UploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\n\ninterface UploadContentProps extends PropsWithChildren<BoxProps> {}\n\n/**\n * Content of UploadWrapper.\n *\n * @see UploadWrapper\n */\nexport function UploadContent({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        textAlign: 'center',\n        margin: 'auto',\n        gap: (theme) => theme.spacing(),\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * Content of UploadWrapper when user drags over Upload.\n *\n * @see UploadWrapper\n */\nexport function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <UploadContent\n      sx={{\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        borderRadius: 'inherit',\n        left: 0,\n        top: 0,\n        zIndex: 2,\n        pointerEvents: 'none',\n        userSelect: 'none',\n        backgroundColor: 'success.light',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </UploadContent>\n  );\n}\n"],"names":["UploadContent","_a","children","sx","restProps","__rest","_jsx","Box","Object","assign","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","UploadContentDragging","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"2GAUM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAJ,EAA5B,mBAC5B,OACEK,EAACC,iBACCJ,GAAEK,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,SAEThB,IAEDC,YAEHF,IAGP,CAOM,SAAUkB,EAAsBnB,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAJ,EAA5B,mBACpC,OACEK,EAACN,EAAaQ,OAAAC,OAAA,CACZN,kBACEkB,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,iBACd3B,IAEDC,EAAS,CAAAF,SAEZA,IAGP"}

package/components/upload/components/uploadWrapper/UploadWrapper.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as o}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{getFocusRingStyle as s}from"../../../focusring/focusring.js";function i(i){var{state:a="default",sx:t}=i,n=r(i,["state","sx"]);return o(e,Object.assign({sx:r=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"center",cursor:"pointer",position:"relative",borderRadius:"8px",width:"100px",height:"100px",borderWidth:"1px",borderStyle:"dashed",borderColor:"onSurface.os200",backgroundColor:"surface.primary","&:hover":{borderColor:"onSurface.os500"},transition:"background-color .3s ease, border-color .3s ease",outline:"none"},"dragdropping"===a&&{borderColor:"primary.main",backgroundColor:"success.light"}),"error"===a&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}}),"solid"===a&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"}),s(r,!1,1,":focus-visible")),t)},n))}export{i as UploadWrapper};
+//# sourceMappingURL=UploadWrapper.js.map

package/components/upload/components/uploadWrapper/UploadWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadWrapper.js","sources":["../../../../../src/components/upload/components/uploadWrapper/UploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '../../../focusring';\n\nexport interface UploadWrapperProps extends BoxProps {\n  /**\n   * Variant that adjusts look of the component\n   */\n  state?: 'dragdropping' | 'error' | 'default' | 'solid';\n}\n\n/**\n * Base wrapper for Upload components\n *\n * @see Upload\n * @see UploadPreview\n */\nexport function UploadWrapper({ state = 'default', sx, ...restProps }: UploadWrapperProps) {\n  return (\n    <Box\n      sx={(theme) => ({\n        display: 'flex',\n        alignItems: 'flex-start',\n        justifyContent: 'center',\n        cursor: 'pointer',\n        position: 'relative',\n        borderRadius: '8px',\n        width: '100px',\n        height: '100px',\n        borderWidth: '1px',\n        borderStyle: 'dashed',\n        borderColor: 'onSurface.os200',\n        backgroundColor: 'surface.primary',\n        '&:hover': {\n          borderColor: 'onSurface.os500',\n        },\n        transition: 'background-color .3s ease, border-color .3s ease',\n        outline: 'none',\n        ...(state === 'dragdropping' && {\n          borderColor: 'primary.main',\n          backgroundColor: 'success.light',\n        }),\n        ...(state === 'error' && {\n          borderColor: 'error.main',\n          color: 'error.main',\n          '&:hover': {\n            borderColor: 'error.main',\n          },\n        }),\n        ...(state === 'solid' && {\n          borderColor: 'surface.secondary',\n          backgroundColor: 'background.primary',\n          borderStyle: 'solid',\n          '&:hover': {\n            borderColor: 'surface.secondary',\n          },\n          cursor: 'default',\n        }),\n        ...getFocusRingStyle(theme, false, 1, ':focus-visible'),\n        ...sx,\n      })}\n      {...restProps}\n    ></Box>\n  );\n}\n"],"names":["UploadWrapper","_a","state","sx","restProps","__rest","_jsx","Box","Object","assign","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"+KAgBM,SAAUA,EAAcC,OAAAC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,EAASC,EAAAJ,EAArC,CAAA,QAAA,OAC5B,OACEK,EAACC,EAAGC,OAAAC,OAAA,CACFN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACbE,QAAS,OACTC,WAAY,aACZC,eAAgB,SAChBC,OAAQ,UACRC,SAAU,WACVC,aAAc,MACdC,MAAO,QACPC,OAAQ,QACRC,YAAa,MACbC,YAAa,SACbC,YAAa,kBACbC,gBAAiB,kBACjB,UAAW,CACTD,YAAa,mBAEfE,WAAY,mDACZC,QAAS,QACK,iBAAVtB,GAA4B,CAC9BmB,YAAa,eACbC,gBAAiB,kBAEL,UAAVpB,GAAqB,CACvBmB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,gBAGH,UAAVnB,GAAqB,CACvBmB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,YAEPY,EAAkBhB,GAAO,EAAO,EAAG,mBACnCP,IAEDC,GAGV"}

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

@@ -1,2 +1,2 @@
-export * from './uploadContent';
-export * from './uploadWrapper';
+export * from './UploadContent';
+export * from './UploadWrapper';

package/components/upload/index.d.ts

@@ -1,6 +1,2 @@
 export * from './components';
-export * from './upload';
-export * from './UploadField';
-export * from './UploadBox';
-export * from './UploadPreviewList';
-export * from './UploadProgress';
+export * from './Upload';

package/components/video/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n  /** A boolean indicating if the video is muted. */\n  isMuted: boolean;\n  /** handleMuteToggle: A function to toggle the mute state. */\n  handleMuteToggle: () => void;\n  /** A number representing the current volume level (0 to 1). */\n  volume: number;\n  /** A function to change the volume level. */\n  handleVolumeChange: (newVolume: number) => void;\n}\n\n/**\n * A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n  const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n  const [volume, setVolume] = useState(1);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      if (typeof isMuted === 'undefined') {\n        setIsMuted(video?.muted);\n      }\n\n      videoRef.current.muted = isMuted;\n      videoRef.current.volume = volume;\n    }\n  }, [isMuted, volume, videoRef]);\n\n  const handleMuteToggle = useCallback(() => {\n    setIsMuted((prevMuted) => !prevMuted);\n  }, []);\n\n  const handleVolumeChange = useCallback((newVolume: number) => {\n    setVolume(newVolume);\n  }, []);\n\n  return {\n    isMuted,\n    handleMuteToggle,\n    volume,\n    handleVolumeChange,\n  };\n};\n\ninterface PlayPause {\n  /** A boolean indicating if the video is currently playing. */\n  isPlaying: boolean;\n  /** A function to toggle between play and pause states. */\n  handlePlayPause: () => void;\n}\n\n/**\n * A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n  const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n\n    if (video && typeof isPlaying === 'undefined') {\n      setIsPlaying(!video?.paused);\n    }\n\n    const handlePlay = () => {\n      // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n      !(video.autoplay && video.ended) && setIsPlaying(true);\n    };\n    const handlePause = () => setIsPlaying(false);\n\n    if (video) {\n      video.addEventListener('pause', handlePause);\n\n      // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n      setIsPlaying(!video.paused);\n\n      video.addEventListener('play', handlePlay);\n\n      return () => {\n        video.removeEventListener('play', handlePlay);\n        video.removeEventListener('pause', handlePause);\n      };\n    }\n  }, [videoRef]);\n\n  const handlePlayPause = useCallback(() => {\n    if (videoRef?.current) {\n      if (isPlaying) {\n        videoRef.current.pause();\n      } else {\n        videoRef.current.play();\n      }\n      setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n    }\n  }, [isPlaying, videoRef?.current]);\n\n  return {\n    isPlaying,\n    handlePlayPause,\n  };\n};\n\ninterface VideoTime {\n  /** The current playback time. */\n  currentTime: number;\n  /** The total duration of the video. */\n  duration: number;\n  /** A function to seek to a specific time. */\n  handleSeek: (newTime: number) => void;\n}\n\n/**\n * useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(videoRef.current?.duration);\n\n  const handleTimeUpdate = useCallback(() => {\n    if (videoRef.current?.currentTime) {\n      setCurrentTime(videoRef.current.currentTime);\n    }\n  }, [videoRef]);\n\n  const handleSeek = useCallback(\n    (newTime: number) => {\n      if (videoRef.current?.currentTime) {\n        videoRef.current.currentTime = newTime;\n      }\n      setCurrentTime(newTime);\n    },\n    [videoRef],\n  );\n\n  const handleLoadedMetadata = useCallback(() => {\n    if (videoRef.current?.duration) {\n      setDuration(videoRef.current.duration);\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      video.addEventListener('loadedmetadata', handleLoadedMetadata);\n      video.addEventListener('timeupdate', handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n        video.removeEventListener('timeupdate', handleTimeUpdate);\n      };\n    }\n  }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n  return {\n    currentTime,\n    duration,\n    handleSeek,\n  };\n};\n\n// TODO: MDX prepared, release it when we have production ready timeline\n// ### useVideoTime\n\n// Use the `useVideoTime` hook to manage the functionality of a custom video timeline, referencing the video element (videoRef in the example below).\n// The `handleSeek` function updates the current playback time of the video.\n// The `currentTime` state represents the current playback time, while the `duration` state indicates the total length of the video.\n\n// > The slider component in the example does not represent a custom control for production quality\n// > and it is included solely for demonstration purposes.\n\n// `currentTime`, `duration`, `handleSeek`\n// ```tsx\n// import { useVideoTime } from '@skodaflow/web-library';\n\n// const videoRef = useRef<HTMLVideoElement>(null);\n// const { currentTime, duration, handleSeek } = useVideoTime(videoRef);\n\n// <Box sx={{ display: 'grid', width: 'max-content' }}>\n//   <Video ref={videoRef} src={mp4ExampleVideo} style={{ gridArea: '1 / 1' }} />\n\n//   <Slider\n//     value={dragging ? tempValue : currentTime}\n//     max={duration}\n//     onChange={handleChange}\n//     onChangeCommitted={handleChangeCommitted}\n//     onMouseDown={handleDragStart}\n//     sx={{\n//       gridArea: '1 / 1',\n//       justifySelf: 'center',\n//       alignSelf: 'end',\n//       width: '95%',\n//     }}\n//   />\n// </Box>\n// ```\n\n// <Canvas of={VideoStories.WithTimeline} />\n"],"names":["useVideoSoundControls","videoRef","isMuted","setIsMuted","useState","_a","current","muted","volume","setVolume","useEffect","video","handleMuteToggle","useCallback","prevMuted","handleVolumeChange","newVolume","useVideoPlayPause","isPlaying","setIsPlaying","paused","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","pause","play","prevIsPlaying","useVideoTime","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"iEAiBO,MAAMA,EAAyBC,UACpC,MAAOC,EAASC,GAAcC,EAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEE,QAClDC,EAAQC,GAAaL,EAAS,GAErCM,EAAU,KACR,MAAMC,EAAQV,aAAQ,EAARA,EAAUK,QACpBK,SACqB,IAAZT,GACTC,EAAWQ,eAAAA,EAAOJ,OAGpBN,EAASK,QAAQC,MAAQL,EACzBD,EAASK,QAAQE,OAASA,IAE3B,CAACN,EAASM,EAAQP,IAErB,MAAMW,EAAmBC,EAAY,KACnCV,EAAYW,IAAeA,IAC1B,IAEGC,EAAqBF,EAAaG,IACtCP,EAAUO,IACT,IAEH,MAAO,CACLd,UACAU,mBACAJ,SACAO,uBAeSE,EAAqBhB,UAChC,MAAOiB,EAAWC,GAAgBf,YAAUC,EAAAJ,EAASK,8BAASc,SAE9DV,EAAU,KACR,MAAMC,EAAQV,aAAQ,EAARA,EAAUK,QAEpBK,QAA8B,IAAdO,GAClBC,IAAcR,aAAK,EAALA,EAAOS,SAGvB,MAAMC,EAAa,OAEfV,EAAMW,WAAYX,EAAMY,QAAUJ,GAAa,IAE7CK,EAAc,IAAML,GAAa,GAEvC,GAAIR,EAQF,OAPAA,EAAMc,iBAAiB,QAASD,GAGhCL,GAAcR,EAAMS,QAEpBT,EAAMc,iBAAiB,OAAQJ,GAExB,KACLV,EAAMe,oBAAoB,OAAQL,GAClCV,EAAMe,oBAAoB,QAASF,KAGtC,CAACvB,IAEJ,MAAM0B,EAAkBd,EAAY,MAC9BZ,aAAQ,EAARA,EAAUK,WACRY,EACFjB,EAASK,QAAQsB,QAEjB3B,EAASK,QAAQuB,OAEnBV,EAAcW,IAAmBA,KAElC,CAACZ,EAAWjB,aAAQ,EAARA,EAAUK,UAEzB,MAAO,CACLY,YACAS,oBAoBSI,EAAgB9B,UAC3B,MAAO+B,EAAaC,GAAkB7B,EAAS,IACxC8B,EAAUC,GAAe/B,EAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE6B,UAErDE,EAAmBvB,EAAY,YACf,UAAhBZ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,cACpBC,EAAehC,EAASK,QAAQ0B,cAEjC,CAAC/B,IAEEoC,EAAaxB,EAChByB,WACqB,UAAhBrC,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,eACpB/B,EAASK,QAAQ0B,YAAcM,GAEjCL,EAAeK,IAEjB,CAACrC,IAGGsC,EAAuB1B,EAAY,YACnB,UAAhBZ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE6B,WACpBC,EAAYlC,EAASK,QAAQ4B,WAE9B,CAACjC,IAeJ,OAbAS,EAAU,KACR,MAAMC,EAAQV,aAAQ,EAARA,EAAUK,QACxB,GAAIK,EAIF,OAHAA,EAAMc,iBAAiB,iBAAkBc,GACzC5B,EAAMc,iBAAiB,aAAcW,GAE9B,KACLzB,EAAMe,oBAAoB,iBAAkBa,GAC5C5B,EAAMe,oBAAoB,aAAcU,KAG3C,CAACG,EAAsBH,EAAkBnC,IAErC,CACL+B,cACAE,WACAG"}
+{"version":3,"file":"hooks.js","sources":["../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n  /** A boolean indicating if the video is muted. */\n  isMuted: boolean;\n  /** handleMuteToggle: A function to toggle the mute state. */\n  handleMuteToggle: () => void;\n  /** A number representing the current volume level (0 to 1). */\n  volume: number;\n  /** A function to change the volume level. */\n  handleVolumeChange: (newVolume: number) => void;\n}\n\n/**\n * A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n  const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n  const [volume, setVolume] = useState(1);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      if (typeof isMuted === 'undefined') {\n        setIsMuted(video?.muted);\n      }\n\n      videoRef.current.muted = isMuted;\n      videoRef.current.volume = volume;\n    }\n  }, [isMuted, volume, videoRef]);\n\n  const handleMuteToggle = useCallback(() => {\n    setIsMuted((prevMuted) => !prevMuted);\n  }, []);\n\n  const handleVolumeChange = useCallback((newVolume: number) => {\n    setVolume(newVolume);\n  }, []);\n\n  return {\n    isMuted,\n    handleMuteToggle,\n    volume,\n    handleVolumeChange,\n  };\n};\n\ninterface PlayPause {\n  /** A boolean indicating if the video is currently playing. */\n  isPlaying: boolean;\n  /** A function to toggle between play and pause states. */\n  handlePlayPause: () => void;\n}\n\n/**\n * A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n  const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n\n    if (video && typeof isPlaying === 'undefined') {\n      setIsPlaying(!video?.paused);\n    }\n\n    const handlePlay = () => {\n      // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n      !(video.autoplay && video.ended) && setIsPlaying(true);\n    };\n    const handlePause = () => setIsPlaying(false);\n\n    if (video) {\n      video.addEventListener('pause', handlePause);\n\n      // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n      setIsPlaying(!video.paused);\n\n      video.addEventListener('play', handlePlay);\n\n      return () => {\n        video.removeEventListener('play', handlePlay);\n        video.removeEventListener('pause', handlePause);\n      };\n    }\n  }, [videoRef]);\n\n  const handlePlayPause = useCallback(() => {\n    if (videoRef?.current) {\n      if (isPlaying) {\n        videoRef.current.pause();\n      } else {\n        videoRef.current.play();\n      }\n      setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n    }\n  }, [isPlaying, videoRef?.current]);\n\n  return {\n    isPlaying,\n    handlePlayPause,\n  };\n};\n\ninterface VideoTime {\n  /** The current playback time. */\n  currentTime: number;\n  /** The total duration of the video. */\n  duration: number;\n  /** A function to seek to a specific time. */\n  handleSeek: (newTime: number) => void;\n}\n\n/**\n * useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(videoRef.current?.duration);\n\n  const handleTimeUpdate = useCallback(() => {\n    if (videoRef.current?.currentTime) {\n      setCurrentTime(videoRef.current.currentTime);\n    }\n  }, [videoRef]);\n\n  const handleSeek = useCallback(\n    (newTime: number) => {\n      if (videoRef.current?.currentTime) {\n        videoRef.current.currentTime = newTime;\n      }\n      setCurrentTime(newTime);\n    },\n    [videoRef],\n  );\n\n  const handleLoadedMetadata = useCallback(() => {\n    if (videoRef.current?.duration) {\n      setDuration(videoRef.current.duration);\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      video.addEventListener('loadedmetadata', handleLoadedMetadata);\n      video.addEventListener('timeupdate', handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n        video.removeEventListener('timeupdate', handleTimeUpdate);\n      };\n    }\n  }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n  return {\n    currentTime,\n    duration,\n    handleSeek,\n  };\n};\n"],"names":["useVideoSoundControls","videoRef","isMuted","setIsMuted","useState","_a","current","muted","volume","setVolume","useEffect","video","handleMuteToggle","useCallback","prevMuted","handleVolumeChange","newVolume","useVideoPlayPause","isPlaying","setIsPlaying","paused","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","pause","play","prevIsPlaying","useVideoTime","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"iEAiBO,MAAMA,EAAyBC,UACpC,MAAOC,EAASC,GAAcC,EAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAEE,QAClDC,EAAQC,GAAaL,EAAS,GAErCM,EAAU,KACR,MAAMC,EAAQV,aAAQ,EAARA,EAAUK,QACpBK,SACqB,IAAZT,GACTC,EAAWQ,eAAAA,EAAOJ,OAGpBN,EAASK,QAAQC,MAAQL,EACzBD,EAASK,QAAQE,OAASA,IAE3B,CAACN,EAASM,EAAQP,IAErB,MAAMW,EAAmBC,EAAY,KACnCV,EAAYW,IAAeA,IAC1B,IAEGC,EAAqBF,EAAaG,IACtCP,EAAUO,IACT,IAEH,MAAO,CACLd,UACAU,mBACAJ,SACAO,uBAeSE,EAAqBhB,UAChC,MAAOiB,EAAWC,GAAgBf,YAAUC,EAAAJ,EAASK,8BAASc,SAE9DV,EAAU,KACR,MAAMC,EAAQV,aAAQ,EAARA,EAAUK,QAEpBK,QAA8B,IAAdO,GAClBC,IAAcR,aAAK,EAALA,EAAOS,SAGvB,MAAMC,EAAa,OAEfV,EAAMW,WAAYX,EAAMY,QAAUJ,GAAa,IAE7CK,EAAc,IAAML,GAAa,GAEvC,GAAIR,EAQF,OAPAA,EAAMc,iBAAiB,QAASD,GAGhCL,GAAcR,EAAMS,QAEpBT,EAAMc,iBAAiB,OAAQJ,GAExB,KACLV,EAAMe,oBAAoB,OAAQL,GAClCV,EAAMe,oBAAoB,QAASF,KAGtC,CAACvB,IAEJ,MAAM0B,EAAkBd,EAAY,MAC9BZ,aAAQ,EAARA,EAAUK,WACRY,EACFjB,EAASK,QAAQsB,QAEjB3B,EAASK,QAAQuB,OAEnBV,EAAcW,IAAmBA,KAElC,CAACZ,EAAWjB,aAAQ,EAARA,EAAUK,UAEzB,MAAO,CACLY,YACAS,oBAoBSI,EAAgB9B,UAC3B,MAAO+B,EAAaC,GAAkB7B,EAAS,IACxC8B,EAAUC,GAAe/B,EAAyB,QAAhBC,EAAAJ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE6B,UAErDE,EAAmBvB,EAAY,YACf,UAAhBZ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,cACpBC,EAAehC,EAASK,QAAQ0B,cAEjC,CAAC/B,IAEEoC,EAAaxB,EAChByB,WACqB,UAAhBrC,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE2B,eACpB/B,EAASK,QAAQ0B,YAAcM,GAEjCL,EAAeK,IAEjB,CAACrC,IAGGsC,EAAuB1B,EAAY,YACnB,UAAhBZ,EAASK,eAAO,IAAAD,OAAA,EAAAA,EAAE6B,WACpBC,EAAYlC,EAASK,QAAQ4B,WAE9B,CAACjC,IAeJ,OAbAS,EAAU,KACR,MAAMC,EAAQV,aAAQ,EAARA,EAAUK,QACxB,GAAIK,EAIF,OAHAA,EAAMc,iBAAiB,iBAAkBc,GACzC5B,EAAMc,iBAAiB,aAAcW,GAE9B,KACLzB,EAAMe,oBAAoB,iBAAkBa,GAC5C5B,EAAMe,oBAAoB,aAAcU,KAG3C,CAACG,EAAsBH,EAAkBnC,IAErC,CACL+B,cACAE,WACAG"}

package/index.d.ts

@@ -1,6 +1,3 @@
 export * from './components';
-export * from './layout';
 export * from './materialui';
-export * from './organisms';
-export * as Production from './production';
 export * from './utils';