@skodaflow/web-library 8.1.0 → 8.2.0

package/components/textAndCta/TextAndCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAndCta.js","sources":["../../../src/components/textAndCta/TextAndCta.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { Label, LabelProps } from '@/src/components/label';\n\nexport interface TextAndCtaProps extends BoxProps<ElementType> {\n  /**\n   * Top label above the headlines\n   */\n  label?: ReactNode;\n  /**\n   * Label customization\n   */\n  labelProps?: LabelProps;\n  /**\n   * Main Headline at the top\n   */\n  headline?: ReactNode;\n  /**\n   * Headline customization\n   */\n  headlineProps?: TypographyProps<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","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","ref","labelSx","restLabelProps","headlineSx","restHeadlineProps","subHeadlineSx","restSubHeadlineProps","bodySx","restBodyProps","buttonsSx","restButtonsProps","_jsxs","Box","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","xs","md","alignSelf","gap"],"mappings":"mLA+CO,MAAMA,EAAwCC,EACnD,EAEIC,KACAC,WACAC,QACAC,aACAC,WACAC,gBACAC,cACAC,mBACAC,OACAC,YACAC,UACAC,kBACGC,GAELC,KAEA,MAAQb,GAAIc,KAAYC,GAAmBZ,GAAc,CAAA,GACjDH,GAAIgB,KAAeC,GAAsBZ,GAAiB,CAAA,GAC1DL,GAAIkB,KAAkBC,GAAyBZ,GAAoB,CAAA,GACnEP,GAAIoB,KAAWC,GAAkBZ,GAAa,CAAA,GAC9CT,GAAIsB,KAAcC,GAAqBZ,GAAgB,CAAA,EAE/D,OACEa,EAACC,EAAG,CACFzB,GAAI,CACF0B,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,UACPhC,GAELa,IAAKA,KACDD,EAAIX,SAAA,CAEPC,GACC+B,EAACC,EAAK,CAAClC,GAAI,CAAEmC,GAAI,KAAMrB,MAAeC,EAAcd,SACjDC,IAGJE,GACC6B,EAACG,EAAU,CAACC,QAAQ,KAAKrC,GAAI,CAAE0B,QAAS,QAASS,GAAI,KAAMnB,MAAkBC,EAAiBhB,SAC3FG,IAGJE,GACC2B,EAACG,EAAU,CACTC,QAAQ,cACRrC,GAAI,CAAE0B,QAAS,QAASS,GAAI,KAAMjB,MAC9BC,EAAoBlB,SAEvBK,IAGJE,GACCyB,EAACG,EAAU,CAACpC,GAAI,CAAE0B,QAAS,QAASS,GAAI,KAAMf,MAAcC,EAAapB,SACtEO,IAGJP,EACAS,GACCuB,EAACR,EAAG,CACFzB,GAAI,CACF0B,QAAS,OACTC,cAAe,CAAEW,GAAI,SAAUC,GAAI,OACnCX,WAAY,CAAEU,GAAI,UAAWC,GAAI,UACjCV,eAAgB,UAChBW,UAAW,UACXC,IAAK,KACFnB,MAEDC,EAAgBtB,SAEnBS"}
+{"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 { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n          {\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            p: 3,\n            width: '320px',\n            maxWidth: '100%',\n          },\n          sx,\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <Label sx={sxOverride({ mb: 1 }, labelSx)} {...restLabelProps}>\n            {label}\n          </Label>\n        )}\n        {headline && (\n          <Typography variant=\"h4\" sx={sxOverride({ display: 'block', mb: 1 }, headlineSx)} {...restHeadlineProps}>\n            {headline}\n          </Typography>\n        )}\n        {subheadline && (\n          <Typography\n            variant=\"subheadline\"\n            sx={sxOverride({ display: 'block', mb: 1 }, subHeadlineSx)}\n            {...restSubHeadlineProps}\n          >\n            {subheadline}\n          </Typography>\n        )}\n        {body && (\n          <Typography sx={sxOverride({ display: 'block', mb: 2 }, bodySx)} {...restBodyProps}>\n            {body}\n          </Typography>\n        )}\n        {children}\n        {buttons && (\n          <Box\n            sx={sxOverride(\n              {\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              },\n              buttonsSx,\n            )}\n            {...restButtonsProps}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["TextAndCta","forwardRef","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","ref","labelSx","restLabelProps","headlineSx","restHeadlineProps","subHeadlineSx","restSubHeadlineProps","bodySx","restBodyProps","buttonsSx","restButtonsProps","_jsxs","Box","sxOverride","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","xs","md","alignSelf","gap"],"mappings":"qPAgDO,MAAMA,EAAwCC,EACnD,EAEIC,KACAC,WACAC,QACAC,aACAC,WACAC,gBACAC,cACAC,mBACAC,OACAC,YACAC,UACAC,kBACGC,GAELC,KAEA,MAAQb,GAAIc,KAAYC,GAAmBZ,GAAc,CAAA,GACjDH,GAAIgB,KAAeC,GAAsBZ,GAAiB,CAAA,GAC1DL,GAAIkB,KAAkBC,GAAyBZ,GAAoB,CAAA,GACnEP,GAAIoB,KAAWC,GAAkBZ,GAAa,CAAA,GAC9CT,GAAIsB,KAAcC,GAAqBZ,GAAgB,CAAA,EAE/D,OACEa,EAACC,GACCzB,GAAI0B,EACF,CACEC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QAEZjC,GAEFa,IAAKA,KACDD,EAAIX,SAAA,CAEPC,GACCgC,EAACC,EAAK,CAACnC,GAAI0B,EAAW,CAAEU,GAAI,GAAKtB,MAAcC,EAAcd,SAC1DC,IAGJE,GACC8B,EAACG,EAAU,CAACC,QAAQ,KAAKtC,GAAI0B,EAAW,CAAEC,QAAS,QAASS,GAAI,GAAKpB,MAAiBC,EAAiBhB,SACpGG,IAGJE,GACC4B,EAACG,EAAU,CACTC,QAAQ,cACRtC,GAAI0B,EAAW,CAAEC,QAAS,QAASS,GAAI,GAAKlB,MACxCC,EAAoBlB,SAEvBK,IAGJE,GACC0B,EAACG,EAAU,CAACrC,GAAI0B,EAAW,CAAEC,QAAS,QAASS,GAAI,GAAKhB,MAAaC,EAAapB,SAC/EO,IAGJP,EACAS,GACCwB,EAACT,EAAG,CACFzB,GAAI0B,EACF,CACEC,QAAS,OACTC,cAAe,CAAEW,GAAI,SAAUC,GAAI,OACnCX,WAAY,CAAEU,GAAI,UAAWC,GAAI,UACjCV,eAAgB,UAChBW,UAAW,UACXC,IAAK,GAEPpB,MAEEC,EAAgBtB,SAEnBS"}

package/components/tooltipHeader/TooltipHeader.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Typography as r}from"@mui/material";const e=({children:e,sx:i,className:a,...t})=>o(r,{sx:{display:"block",maxWidth:"none",mt:"-24px",mb:"12px",mx:"-24px",py:"16px",px:"24px",backgroundColor:"onSurface.os800",color:"onSurface.os0",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",...i},variant:"caption2",component:"h4",className:["FlowTooltip-header",a].filter(Boolean).join(" "),...t,children:e});export{e as TooltipHeader};
+import{jsx as o}from"react/jsx-runtime";import{Typography as r}from"@mui/material";import{sxOverride as e}from"../../utils/sxOverride/sxOverride.js";const i=({children:i,sx:t,className:a,...n})=>o(r,{sx:e({display:"block",maxWidth:"none",mt:"-24px",mb:"12px",mx:"-24px",py:"16px",px:"24px",backgroundColor:"onSurface.os800",color:"onSurface.os0",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"},t),variant:"caption2",component:"h4",className:["FlowTooltip-header",a].filter(Boolean).join(" "),...n,children:i});export{i as TooltipHeader};
 //# sourceMappingURL=TooltipHeader.js.map

package/components/tooltipHeader/TooltipHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipHeader.js","sources":["../../../src/components/tooltipHeader/TooltipHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport interface TooltipHeaderProps extends TypographyProps {}\n\n/**\n * Headline for @mui tooltip, that should be passed as first element in title:\n *  <Tooltip title={<>\n *    <TooltipHeader>Headline</TooltipHeader>\n *    {children}\n *  </>} />\n */\nexport const TooltipHeader = ({ children, sx, className, ...rest }: TooltipHeaderProps) => {\n  return (\n    <Typography\n      sx={{\n        display: 'block',\n        maxWidth: 'none',\n        // move to the sides of tooltip\n        mt: '-24px',\n        mb: '12px',\n        mx: '-24px',\n        // spacing\n        py: '16px',\n        px: '24px',\n        // style\n        backgroundColor: 'onSurface.os800',\n        color: 'onSurface.os0',\n        borderTopLeftRadius: 'inherit',\n        borderTopRightRadius: 'inherit',\n        // other variants are controlled from tooltip.theme.ts\n        ...sx,\n      }}\n      variant=\"caption2\"\n      component=\"h4\"\n      className={['FlowTooltip-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["TooltipHeader","children","sx","className","rest","_jsx","Typography","display","maxWidth","mt","mb","mx","py","px","backgroundColor","color","borderTopLeftRadius","borderTopRightRadius","variant","component","filter","Boolean","join"],"mappings":"mFAYO,MAAMA,EAAgB,EAAGC,WAAUC,KAAIC,eAAcC,KAExDC,EAACC,EAAU,CACTJ,GAAI,CACFK,QAAS,QACTC,SAAU,OAEVC,GAAI,QACJC,GAAI,OACJC,GAAI,QAEJC,GAAI,OACJC,GAAI,OAEJC,gBAAiB,kBACjBC,MAAO,gBACPC,oBAAqB,UACrBC,qBAAsB,aAEnBf,GAELgB,QAAQ,WACRC,UAAU,KACVhB,UAAW,CAAC,qBAAsBA,GAAWiB,OAAOC,SAASC,KAAK,QAC9DlB,EAAIH,SAEPA"}
+{"version":3,"file":"TooltipHeader.js","sources":["../../../src/components/tooltipHeader/TooltipHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface TooltipHeaderProps extends TypographyProps {}\n\n/**\n * Headline for @mui tooltip, that should be passed as first element in title:\n *  <Tooltip title={<>\n *    <TooltipHeader>Headline</TooltipHeader>\n *    {children}\n *  </>} />\n */\nexport const TooltipHeader = ({ children, sx, className, ...rest }: TooltipHeaderProps) => {\n  return (\n    <Typography\n      sx={sxOverride(\n        {\n          display: 'block',\n          maxWidth: 'none',\n          // move to the sides of tooltip\n          mt: '-24px',\n          mb: '12px',\n          mx: '-24px',\n          // spacing\n          py: '16px',\n          px: '24px',\n          // style\n          backgroundColor: 'onSurface.os800',\n          color: 'onSurface.os0',\n          borderTopLeftRadius: 'inherit',\n          borderTopRightRadius: 'inherit',\n          // other variants are controlled from tooltip.theme.ts\n        },\n        sx,\n      )}\n      variant=\"caption2\"\n      component=\"h4\"\n      className={['FlowTooltip-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </Typography>\n  );\n};\n"],"names":["TooltipHeader","children","sx","className","rest","_jsx","Typography","sxOverride","display","maxWidth","mt","mb","mx","py","px","backgroundColor","color","borderTopLeftRadius","borderTopRightRadius","variant","component","filter","Boolean","join"],"mappings":"qJAaO,MAAMA,EAAgB,EAAGC,WAAUC,KAAIC,eAAcC,KAExDC,EAACC,GACCJ,GAAIK,EACF,CACEC,QAAS,QACTC,SAAU,OAEVC,GAAI,QACJC,GAAI,OACJC,GAAI,QAEJC,GAAI,OACJC,GAAI,OAEJC,gBAAiB,kBACjBC,MAAO,gBACPC,oBAAqB,UACrBC,qBAAsB,WAGxBhB,GAEFiB,QAAQ,WACRC,UAAU,KACVjB,UAAW,CAAC,qBAAsBA,GAAWkB,OAAOC,SAASC,KAAK,QAC9DnB,EAAIH,SAEPA"}

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

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

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

@@ -1 +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","children","sx","restProps","_jsx","List","padding","width","height","overflowY"],"mappings":"6EASO,MAAMA,EAA4B,EAAGC,WAAUC,QAAOC,KAEzDC,EAACC,EAAI,CAACH,GAAI,CAAEI,QAAS,MAAOC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAAWP,MAAUC,EAASF,SACjGA"}
+{"version":3,"file":"UploadList.js","sources":["../../../../../src/components/upload/components/uploadList/UploadList.tsx"],"sourcesContent":["import { List, ListProps } from '@mui/material';\nimport { FC } from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride({ padding: '4px', width: '100%', height: '100%', overflowY: 'auto' }, sx)} {...restProps}>\n      {children}\n    </List>\n  );\n};\n"],"names":["UploadList","children","sx","restProps","_jsx","List","sxOverride","padding","width","height","overflowY"],"mappings":"qJAUO,MAAMA,EAA4B,EAAGC,WAAUC,QAAOC,KAEzDC,EAACC,EAAI,CAACH,GAAII,EAAW,CAAEC,QAAS,MAAOC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,QAAUR,MAASC,EAASF,SAC1GA"}

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

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{ListItem as e,LinearProgress as r}from"@mui/material";function i({children:i,linearProgressProps:n={},sx:s,...a}){const{sx:l,...u}=n;return t(e,{component:"li",sx:{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"},...s},disableGutters:!0,...a,children:[i,null!=n?.value&&o(r,{variant:"determinate",sx:{position:"absolute",bottom:0,left:0,width:"100%",height:"2px",zIndex:"1",...l},...u})]})}export{i as UploadListItem};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{ListItem as e,LinearProgress as o}from"@mui/material";import{sxOverride as i}from"../../../../utils/sxOverride/sxOverride.js";function s({children:s,linearProgressProps:n={},sx:a,...l}){const{sx:u,...d}=n;return r(e,{component:"li",sx:i({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"}},a),disableGutters:!0,...l,children:[s,null!=n?.value&&t(o,{variant:"determinate",sx:i({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

@@ -1 +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","children","linearProgressProps","sx","restProps","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","component","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"+GAoBM,SAAUA,GAAeC,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,KAAOC,IAC1E,MAAQD,GAAIE,KAAqBC,GAA4BJ,EAE7D,OACEK,EAACC,EAAQ,CACPC,UAAU,KACVN,GAAI,CACFO,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,sBAEhBlB,GAELmB,gBAAc,KACVlB,EAASH,SAAA,CAEZA,EAEA,MAAOC,GAAqBqB,OAC3BC,EAACC,EAAc,CACbC,QAAQ,cACRvB,GAAI,CACFO,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,OACLtB,MAEDC,MAKd"}
+{"version":3,"file":"UploadListItem.js","sources":["../../../../../src/components/upload/components/uploadList/UploadListItem.tsx"],"sourcesContent":["import { LinearProgress, LinearProgressProps, ListItem, ListItemProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        {\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        },\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={sxOverride(\n            {\n              position: 'absolute',\n              bottom: 0,\n              left: 0,\n              width: '100%',\n              height: '2px',\n              zIndex: '1',\n            },\n            linearProgressSx,\n          )}\n          {...restLinearProgressProps}\n        />\n      )}\n    </ListItem>\n  );\n}\n"],"names":["UploadListItem","children","linearProgressProps","sx","restProps","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","component","sxOverride","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"uLAqBM,SAAUA,GAAeC,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,KAAOC,IAC1E,MAAQD,GAAIE,KAAqBC,GAA4BJ,EAE7D,OACEK,EAACC,EAAQ,CACPC,UAAU,KACVN,GAAIO,EACF,CACEC,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,oBAGrBnB,GAEFoB,qBACInB,EAASH,SAAA,CAEZA,EAEA,MAAOC,GAAqBsB,OAC3BC,EAACC,EAAc,CACbC,QAAQ,cACRxB,GAAIO,EACF,CACEC,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,KAEVvB,MAEEC,MAKd"}

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

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

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

@@ -1 +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","children","iconButtonProps","iconProps","customIcon","props","sx","restProps","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"6NAgCO,MAAMA,EAAwC,EACnDC,WACAC,kBACAC,YACAC,gBACGC,MAEH,MAAMC,GAAEA,KAAOC,GAAcF,GAAS,CAAA,GAC9BC,GAAIE,KAAiBC,GAAwBP,GAAmB,CAAA,EAExE,OACEQ,EAACC,EAAa,CACZL,GAAI,CACFM,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,OACNZ,MAEDC,EAASN,SAAA,CAEbkB,EAACC,EAAU,CACTd,GAAI,CACFe,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,WAETjB,GAELkB,QAAQ,SACRC,MAAM,aACFlB,EAAmBR,SAEtBG,GAAce,EAACS,MAAczB,MAE/BF"}
+{"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 { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        {\n          borderStyle: 'solid',\n          borderColor: 'onSurface.os500',\n          borderRadius: '4px',\n          cursor: 'default',\n          width: '100px',\n          height: '100px',\n          padding: '0',\n        },\n        sx,\n      )}\n      {...restProps}\n    >\n      <IconButton\n        sx={sxOverride(\n          {\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          },\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","children","iconButtonProps","iconProps","customIcon","props","sx","restProps","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","sxOverride","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"qSAiCO,MAAMA,EAAwC,EACnDC,WACAC,kBACAC,YACAC,gBACGC,MAEH,MAAMC,GAAEA,KAAOC,GAAcF,GAAS,CAAA,GAC9BC,GAAIE,KAAiBC,GAAwBP,GAAmB,CAAA,EAExE,OACEQ,EAACC,GACCL,GAAIM,EACF,CACEC,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,KAEXb,MAEEC,EAASN,SAAA,CAEbmB,EAACC,EAAU,CACTf,GAAIM,EACF,CACEU,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,SAGdlB,GAEFmB,QAAQ,SACRC,MAAM,aACFnB,WAEHL,GAAcgB,EAACS,EAAS,IAAK1B,MAE/BF"}

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

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

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

@@ -1 +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","sx","restProps","_jsx","Box","component","display","position","width","height","objectFit","borderRadius"],"mappings":"4EASM,SAAUA,GAAmBC,GAAEA,KAAOC,IAC1C,OACEC,EAACC,EAAG,CACFC,UAAU,MACVJ,GAAI,CACFK,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,SACXV,MAEDC,GAGV"}
+{"version":3,"file":"UploadPreviewImage.js","sources":["../../../../../src/components/upload/components/uploadPreview/UploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        {\n          display: 'block',\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n          borderRadius: '4px',\n        },\n        sx,\n      )}\n      {...restProps}\n    />\n  );\n}\n"],"names":["UploadPreviewImage","sx","restProps","_jsx","Box","component","sxOverride","display","position","width","height","objectFit","borderRadius"],"mappings":"oJAUM,SAAUA,GAAmBC,GAAEA,KAAOC,IAC1C,OACEC,EAACC,EAAG,CACFC,UAAU,MACVJ,GAAIK,EACF,CACEC,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,OAEhBX,MAEEC,GAGV"}

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

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

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

@@ -1 +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","children","sx","restProps","_jsx","Box","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","UploadContentDragging","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"4EAUM,SAAUA,GAAcC,SAAEA,EAAQC,GAAEA,KAAOC,IAC/C,OACEC,EAACC,EAAG,CACFH,GAAI,CACFI,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,WAETb,MAEDC,EAASF,SAEZA,GAGP,CAOM,SAAUe,GAAsBf,SAAEA,EAAQC,GAAEA,KAAOC,IACvD,OACEC,EAACJ,EAAa,CACZE,GAAI,CACFe,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,mBACdxB,MAEDC,EAASF,SAEZA,GAGP"}
+{"version":3,"file":"UploadContent.js","sources":["../../../../../src/components/upload/components/uploadWrapper/UploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        {\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        },\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={sxOverride(\n        {\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        },\n        sx,\n      )}\n      {...restProps}\n    >\n      {children}\n    </UploadContent>\n  );\n}\n"],"names":["UploadContent","children","sx","restProps","_jsx","Box","sxOverride","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","UploadContentDragging","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"oJAWM,SAAUA,GAAcC,SAAEA,EAAQC,GAAEA,KAAOC,IAC/C,OACEC,EAACC,GACCH,GAAII,EACF,CACEC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,SAGdd,MAEEC,WAEHF,GAGP,CAOM,SAAUgB,GAAsBhB,SAAEA,EAAQC,GAAEA,KAAOC,IACvD,OACEC,EAACJ,GACCE,GAAII,EACF,CACEY,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,iBAEnBzB,MAEEC,WAEHF,GAGP"}

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{getFocusRingStyle as e}from"../../../focusring/focusring.js";function i({state:i="default",sx:a,...s}){return r(o,{sx:r=>({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"===i&&{borderColor:"primary.main",backgroundColor:"success.light"},..."error"===i&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}},..."solid"===i&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"},...e(r,!1,1,":focus-visible"),...a}),...s})}export{i as UploadWrapper};
+import{jsx as r}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{getFocusRingStyle as e}from"../../../focusring/focusring.js";import{sxOverride as i}from"../../../../utils/sxOverride/sxOverride.js";function s({state:s="default",sx:a,...t}){return r(o,{sx:i(r=>({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"===s&&{borderColor:"primary.main",backgroundColor:"success.light"},..."error"===s&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}},..."solid"===s&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"},...e(r,!1,1,":focus-visible")}),a),...t})}export{s as UploadWrapper};
 //# sourceMappingURL=UploadWrapper.js.map

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

@@ -1 +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","state","sx","restProps","_jsx","Box","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"gJAgBM,SAAUA,GAAcC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,IACxD,OACEC,EAACC,EAAG,CACFH,GAAKI,IAAK,CACRC,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,UACK,iBAAVnB,GAA4B,CAC9BgB,YAAa,eACbC,gBAAiB,oBAEL,UAAVjB,GAAqB,CACvBgB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,kBAGH,UAAVhB,GAAqB,CACvBgB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,cAEPY,EAAkBhB,GAAO,EAAO,EAAG,qBACnCJ,OAEDC,GAGV"}
+{"version":3,"file":"UploadWrapper.js","sources":["../../../../../src/components/upload/components/uploadWrapper/UploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        (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        }),\n        sx,\n      )}\n      {...restProps}\n    ></Box>\n  );\n}\n"],"names":["UploadWrapper","state","sx","restProps","_jsx","Box","sxOverride","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"wNAiBM,SAAUA,GAAcC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,IACxD,OACEC,EAACC,EAAG,CACFH,GAAII,EACDC,IAAK,CACJC,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,UACK,iBAAVpB,GAA4B,CAC9BiB,YAAa,eACbC,gBAAiB,oBAEL,UAAVlB,GAAqB,CACvBiB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,kBAGH,UAAVjB,GAAqB,CACvBiB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,cAEPY,EAAkBhB,GAAO,EAAO,EAAG,oBAExCL,MAEEC,GAGV"}

package/components/video/Video.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as r}from"@mui/material";import{FileMissingIcon as i}from"../icon/stroke/FileMissingIcon.js";const s=t(({src:t,type:s="video/mp4",noVidErrorMessage:n,sourceProps:c,poster:m,sx:p,autoPlay:l=!0,muted:a=!0,controls:d=!1,loop:u=!1,children:f,...h},x)=>o(r,{component:"video","data-testid":"Video",poster:m,ref:x,autoPlay:l,muted:a,controls:d,loop:u,sx:{display:"block",maxWidth:"100%",...p},...h,children:[f??e(r,{component:"source",src:t,type:s,...c}),n??e(r,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:e(i,{})})]}));export{s as Video};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as t}from"@mui/material";import{FileMissingIcon as i}from"../icon/stroke/FileMissingIcon.js";import{sxOverride as s}from"../../utils/sxOverride/sxOverride.js";const m=r(({src:r,type:m="video/mp4",noVidErrorMessage:n,sourceProps:c,poster:p,sx:d,autoPlay:l=!0,muted:a=!0,controls:u=!1,loop:x=!1,children:f,...h},y)=>o(t,{component:"video","data-testid":"Video",poster:p,ref:y,autoPlay:l,muted:a,controls:u,loop:x,sx:s({display:"block",maxWidth:"100%"},d),...h,children:[f??e(t,{component:"source",src:r,type:m,...c}),n??e(t,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:e(i,{})})]}));export{m as Video};
 //# sourceMappingURL=Video.js.map

package/components/video/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\n\nexport interface VideoProps extends BoxProps<'video'> {\n  /** The URL of the video to embed. */\n  src?: string;\n  /** video type property, @default \"video/mp4\" */\n  type?: string;\n  /** The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box  */\n  noVidErrorMessage?: React.ReactNode;\n  /** Custom source Box props. */\n  sourceProps?: BoxProps<'source'>;\n  /** Image to be shown while the video is downloading or until the user hits the play button. */\n  poster?: string;\n  /** Video element autoPlay, @default true */\n  autoPlay?: boolean;\n  /** Video element muted, @default true */\n  muted?: boolean;\n  /** Video element native browser controls, @default false */\n  controls?: boolean;\n  /** Video element loop, @default false */\n  loop?: boolean;\n}\n\n/**\n *  The Video component is a customizable video player built with React and Material-UI.\n *  It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n *  If children are provided, they are rendered inside the video element as source elements.\n *  If no children are provided, a default source element is used based on the src prop.\n *  @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n  (\n    {\n      src,\n      type = 'video/mp4',\n      noVidErrorMessage,\n      sourceProps,\n      poster,\n      sx,\n      autoPlay = true,\n      muted = true,\n      controls = false,\n      loop = false,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        component=\"video\"\n        data-testid=\"Video\"\n        poster={poster}\n        ref={ref}\n        autoPlay={autoPlay}\n        muted={muted}\n        controls={controls}\n        loop={loop}\n        sx={{\n          display: 'block',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n        {noVidErrorMessage ?? (\n          <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n            <FileMissingIcon />\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Video","forwardRef","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","ref","_jsxs","Box","component","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"mMAgCaA,EAA8BC,EACzC,EAEIC,MACAC,OAAO,YACPC,oBACAC,cACAC,SACAC,KACAC,YAAW,EACXC,SAAQ,EACRC,YAAW,EACXC,QAAO,EACPC,cACGC,GAELC,IAGEC,EAACC,EAAG,CACFC,UAAU,QAAO,cACL,QACZX,OAAQA,EACRQ,IAAKA,EACLN,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAI,CACFW,QAAS,QACTC,SAAU,UACPZ,MAEDM,EAAID,SAAA,CAEPA,GAAYQ,EAACJ,EAAG,CAACC,UAAU,SAASf,IAAKA,EAAKC,KAAMA,KAAUE,IAC9DD,GACCgB,EAACJ,EAAG,CAACT,GAAI,CAAEW,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQZ,SACzGQ,EAACK,EAAe,CAAA"}
+{"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface VideoProps extends BoxProps<'video'> {\n  /** The URL of the video to embed. */\n  src?: string;\n  /** video type property, @default \"video/mp4\" */\n  type?: string;\n  /** The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box  */\n  noVidErrorMessage?: React.ReactNode;\n  /** Custom source Box props. */\n  sourceProps?: BoxProps<'source'>;\n  /** Image to be shown while the video is downloading or until the user hits the play button. */\n  poster?: string;\n  /** Video element autoPlay, @default true */\n  autoPlay?: boolean;\n  /** Video element muted, @default true */\n  muted?: boolean;\n  /** Video element native browser controls, @default false */\n  controls?: boolean;\n  /** Video element loop, @default false */\n  loop?: boolean;\n}\n\n/**\n *  The Video component is a customizable video player built with React and Material-UI.\n *  It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n *  If children are provided, they are rendered inside the video element as source elements.\n *  If no children are provided, a default source element is used based on the src prop.\n *  @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n  (\n    {\n      src,\n      type = 'video/mp4',\n      noVidErrorMessage,\n      sourceProps,\n      poster,\n      sx,\n      autoPlay = true,\n      muted = true,\n      controls = false,\n      loop = false,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        component=\"video\"\n        data-testid=\"Video\"\n        poster={poster}\n        ref={ref}\n        autoPlay={autoPlay}\n        muted={muted}\n        controls={controls}\n        loop={loop}\n        sx={sxOverride(\n          {\n            display: 'block',\n            maxWidth: '100%',\n          },\n          sx,\n        )}\n        {...rest}\n      >\n        {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n        {noVidErrorMessage ?? (\n          <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n            <FileMissingIcon />\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Video","forwardRef","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","ref","_jsxs","Box","component","sxOverride","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"qQAiCaA,EAA8BC,EACzC,EAEIC,MACAC,OAAO,YACPC,oBACAC,cACAC,SACAC,KACAC,YAAW,EACXC,SAAQ,EACRC,YAAW,EACXC,QAAO,EACPC,cACGC,GAELC,IAGEC,EAACC,EAAG,CACFC,UAAU,QAAO,cACL,QACZX,OAAQA,EACRQ,IAAKA,EACLN,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAIW,EACF,CACEC,QAAS,QACTC,SAAU,QAEZb,MAEEM,EAAID,SAAA,CAEPA,GAAYS,EAACL,EAAG,CAACC,UAAU,SAASf,IAAKA,EAAKC,KAAMA,KAAUE,IAC9DD,GACCiB,EAACL,EAAG,CAACT,GAAI,CAAEY,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQb,SACzGS,EAACK,EAAe"}