@skodaflow/web-library 8.3.0 → 8.3.2

package/components/promptBar/PromptAttachments.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as i,ButtonBase as n,Typography as s}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{getFocusRingStyle as p}from"../focusring/focusring.js";import{CircleCloseFilledIcon as c}from"../icon/filled/CircleCloseFilledIcon.js";import{FileIcon as l}from"../icon/stroke/FileIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";const d=t(({attachments:t,setAttachments:d,IconComponent:m,iconWrapperProps:u,iconProps:f,textProps:g,removeIconProps:b,removeIconWrapperProps:h,imageProps:y,buttonBaseProps:I,sx:k,...v},C)=>{const{sx:S,...j}=u??{},{sx:z,...w}=g??{},{sx:P,...R}=b??{},{sx:W,...O}=h??{},{sx:F,...M}=y??{},{sx:A,...B}=I??{},E=m??l;return e(i,{ref:C,sx:a({display:"flex",alignItems:"center",justifyContent:"flex-start",overflow:"auto",gap:.5,mb:1},k),...v,children:t.map((l,m)=>r(n,{"aria-label":l.name,disabled:!d,sx:a(e=>({position:"relative",borderRadius:"8px","&.Mui-disabled":{pointerEvents:"all",cursor:"text",userSelect:"text"},...l.src?{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0",zIndex:"10"}}:{padding:"6px 8px",gap:1,display:"flex",alignItems:"center",justifyContent:"flex-start"},backgroundColor:"surface.primary",...p(e,!0,"2px"),"&&:before":{zIndex:"20"},...d&&{...x({...l.src?{"&:after":{opacity:"0"}}:{backgroundColor:"surface.primary"}},{...l.src?{"&:after":{opacity:"1"}}:{backgroundColor:"surface.secondary"}})}}),A),onClick:()=>d?.(t.filter((e,r)=>r!==m)),...B,children:[l.src?e(i,{sx:a({borderRadius:"inherit",backgroundImage:`url(${l.src})`,backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center",width:"40px",height:"40px",...1===t.length&&{width:"72px",height:"72px"}},F),...M}):r(o,{children:[e(i,{sx:a({display:"flex",borderRadius:"4px",padding:"6px",backgroundColor:"transparent.primary",color:"onSurface.os700","& .MuiSvgIcon-root":{fontSize:"16px"}},S),...j,children:e(E,{...f})}),e(s,{component:"span",sx:a({fontWeight:{xs:"400"},fontSize:{xs:"14px"},lineHeight:{xs:"20px"},letterSpacing:{xs:"0.02em"},color:"#000",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"120px"},z),...w,children:l.name})]}),d&&e(i,{component:"span",sx:a({display:"flex",alignItems:"center",justifyContent:"center",color:"onSurface.os900",zIndex:"30",...l.src?{position:"absolute",top:"3px",right:"3px"}:{position:"relative",top:"-10px",right:"-7px",mr:"2px"},"&:after":{position:"absolute",zIndex:"10",inset:"0",margin:"2px",display:"block",content:'""',borderRadius:"50%",backgroundColor:"common.white"}},W),...O,children:e(c,{sx:a({position:"relative",zIndex:"20",fontSize:"14px"},P),...R})})]},m))})});export{d as PromptAttachments};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as i,ButtonBase as n,Typography as s}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{getFocusRingStyle as p}from"../focusring/focusring.js";import{CircleCloseFilledIcon as c}from"../icon/filled/CircleCloseFilledIcon.js";import{FileIcon as l}from"../icon/stroke/FileIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";const d=t(({attachments:t,setAttachments:d,IconComponent:m,iconWrapperProps:u,iconProps:f,textProps:g,removeIconProps:b,removeIconWrapperProps:h,imageProps:y,buttonBaseProps:I,sx:k,...v},C)=>{const{sx:S,...j}=u??{},{sx:z,...w}=g??{},{sx:P,...R}=b??{},{sx:W,...O}=h??{},{sx:F,...M}=y??{},{sx:A,...B}=I??{},E=m??l;return e(i,{ref:C,sx:a({display:"flex",alignItems:"center",justifyContent:"flex-start",overflow:"auto",gap:.5,mb:1},k),...v,children:t.map((l,m)=>r(n,{"aria-label":l.name,disabled:!d,sx:a(e=>({position:"relative",borderRadius:"8px","&.Mui-disabled":{pointerEvents:"all",cursor:"text",userSelect:"text"},...l.src?{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0",zIndex:"10"}}:{padding:"6px 8px",gap:1,display:"flex",alignItems:"center",justifyContent:"flex-start"},backgroundColor:"surface.primary",...p(e,!0,"2px"),"&&:before":{zIndex:"20"},...d&&{...x({...l.src?{"&:after":{opacity:"0"}}:{backgroundColor:"surface.primary"}},{...l.src?{"&:after":{opacity:"1"}}:{backgroundColor:"surface.secondary"}})}}),A),onClick:()=>d?.(t.filter((e,r)=>r!==m)),...B,children:[l.src?e(i,{sx:a({borderRadius:"inherit",backgroundImage:`url(${l.src})`,backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center",width:"40px",height:"40px",...1===t.length&&{width:"72px",height:"72px"}},F),...M}):r(o,{children:[e(i,{sx:a({display:"flex",borderRadius:"4px",padding:"6px",backgroundColor:"transparent.primary",color:"onSurface.os700","& .MuiSvgIcon-root":{fontSize:"16px"}},S),...j,children:e(E,{...f})}),e(s,{component:"span",sx:a({fontWeight:{xs:"400"},fontSize:{xs:"14px"},lineHeight:{xs:"20px"},letterSpacing:{xs:"0.02em"},color:"text.primary",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"120px"},z),...w,children:l.name})]}),d&&e(i,{component:"span",sx:a({display:"flex",alignItems:"center",justifyContent:"center",color:"onSurface.os900",zIndex:"30",...l.src?{position:"absolute",top:"3px",right:"3px"}:{position:"relative",top:"-10px",right:"-7px",mr:"2px"},"&:after":{position:"absolute",zIndex:"10",inset:"0",margin:"2px",display:"block",content:'""',borderRadius:"50%",backgroundColor:"common.white"}},W),...O,children:e(c,{sx:a({position:"relative",zIndex:"20",fontSize:"14px"},P),...R})})]},m))})});export{d as PromptAttachments};
 //# sourceMappingURL=PromptAttachments.js.map

package/components/promptBar/PromptAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptAttachments.js","sources":["../../../src/components/promptBar/PromptAttachments.tsx"],"sourcesContent":["import React, { ComponentType, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, ButtonBase, ButtonBaseProps, SvgIconProps, Typography } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\nimport { FileIcon } from '@/src/components/icon/stroke/FileIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface PromptAttachment {\n  /**\n   * Display name of the attachment.\n   */\n  name: string;\n  /**\n   * URL of the attachment image.\n   */\n  src?: string;\n}\n\nexport interface PromptAttachmentsProps extends BoxProps<ElementType> {\n  /**\n   * List of attachments to display.\n   */\n  attachments: PromptAttachment[];\n  /**\n   * Callback to update the attachments list.\n   */\n  setAttachments?: (attachments: PromptAttachment[]) => void;\n  /**\n   * Custom component to be used for the file icon.\n   */\n  IconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Properties applied to the icon wrapper Box.\n   */\n  iconWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the file icon.\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Properties applied to the text wrapper Box.\n   */\n  textProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the remove icon.\n   */\n  removeIconProps?: SvgIconProps;\n  /**\n   * Properties applied to the remove icon wrapper Box.\n   */\n  removeIconWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the image preview Box (rendered when attachment has src).\n   */\n  imageProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the ButtonBase wrapping each attachment item.\n   */\n  buttonBaseProps?: ButtonBaseProps;\n}\n\n/**\n * Shows list of attachments in PromptBar\n */\nexport const PromptAttachments: React.FC<PromptAttachmentsProps> = forwardRef(\n  (\n    {\n      attachments,\n      setAttachments,\n      IconComponent,\n      iconWrapperProps,\n      iconProps,\n      textProps,\n      removeIconProps,\n      removeIconWrapperProps,\n      imageProps,\n      buttonBaseProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconWrapperSx, ...restIconWrapper } = iconWrapperProps ?? {};\n    const { sx: textSx, ...restText } = textProps ?? {};\n    const { sx: removeIconSx, ...restRemoveIcon } = removeIconProps ?? {};\n    const { sx: removeIconWrapperSx, ...restRemoveIconWrapper } = removeIconWrapperProps ?? {};\n    const { sx: imageSx, ...restImage } = imageProps ?? {};\n    const { sx: buttonBaseSx, ...restButtonBase } = buttonBaseProps ?? {};\n    const AttachmentFileIcon = IconComponent ?? FileIcon;\n\n    return (\n      <Box\n        ref={ref}\n        sx={sxOverride(\n          {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            overflow: 'auto',\n            gap: 0.5,\n            mb: 1,\n          },\n          sx,\n        )}\n        {...rest}\n      >\n        {attachments.map((attachment: PromptAttachment, idx: number) => (\n          <ButtonBase\n            aria-label={attachment.name}\n            key={idx}\n            disabled={!setAttachments}\n            sx={sxOverride(\n              (theme) => ({\n                position: 'relative',\n                borderRadius: '8px',\n                '&.Mui-disabled': {\n                  pointerEvents: 'all',\n                  cursor: 'text',\n                  userSelect: 'text',\n                },\n                ...(attachment.src\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                        zIndex: '10',\n                      },\n                    }\n                  : {\n                      padding: '6px 8px',\n                      gap: 1,\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                    }),\n                backgroundColor: 'surface.primary',\n                ...getFocusRingStyle(theme, true, '2px'),\n                '&&:before': {\n                  zIndex: '20',\n                },\n                ...(setAttachments && {\n                  ...getInteractiveStyle(\n                    {\n                      ...(attachment.src\n                        ? {\n                            '&:after': {\n                              opacity: '0',\n                            },\n                          }\n                        : {\n                            backgroundColor: 'surface.primary',\n                          }),\n                    },\n                    {\n                      ...(attachment.src\n                        ? {\n                            '&:after': {\n                              opacity: '1',\n                            },\n                          }\n                        : {\n                            backgroundColor: 'surface.secondary',\n                          }),\n                    },\n                  ),\n                }),\n              }),\n              buttonBaseSx,\n            )}\n            onClick={() => setAttachments?.(attachments.filter((_: PromptAttachment, i: number) => i !== idx))}\n            {...restButtonBase}\n          >\n            {attachment.src ? (\n              <Box\n                sx={sxOverride(\n                  {\n                    borderRadius: 'inherit',\n                    backgroundImage: `url(${attachment.src})`,\n                    backgroundSize: 'cover',\n                    backgroundRepeat: 'no-repeat',\n                    backgroundPosition: 'center',\n                    width: '40px',\n                    height: '40px',\n                    ...(attachments.length === 1 && {\n                      width: '72px',\n                      height: '72px',\n                    }),\n                  },\n                  imageSx,\n                )}\n                {...restImage}\n              />\n            ) : (\n              <>\n                <Box\n                  sx={sxOverride(\n                    {\n                      display: 'flex',\n                      borderRadius: '4px',\n                      padding: '6px',\n                      backgroundColor: 'transparent.primary',\n                      color: 'onSurface.os700',\n                      '& .MuiSvgIcon-root': {\n                        fontSize: '16px',\n                      },\n                    },\n                    iconWrapperSx,\n                  )}\n                  {...restIconWrapper}\n                >\n                  <AttachmentFileIcon {...iconProps} />\n                </Box>\n                <Typography\n                  component=\"span\"\n                  sx={sxOverride(\n                    {\n                      fontWeight: { xs: '400' },\n                      fontSize: { xs: '14px' },\n                      lineHeight: { xs: '20px' },\n                      letterSpacing: { xs: '0.02em' },\n                      color: '#000',\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                      maxWidth: '120px',\n                    },\n                    textSx,\n                  )}\n                  {...restText}\n                >\n                  {attachment.name}\n                </Typography>\n              </>\n            )}\n            {setAttachments && (\n              <Box\n                component=\"span\"\n                sx={sxOverride(\n                  {\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    color: 'onSurface.os900',\n                    zIndex: '30',\n                    ...(attachment.src\n                      ? {\n                          position: 'absolute',\n                          top: '3px',\n                          right: '3px',\n                        }\n                      : {\n                          position: 'relative',\n                          top: '-10px',\n                          right: '-7px',\n                          mr: '2px',\n                        }),\n                    // fill of the 'x' inside the icon\n                    '&:after': {\n                      position: 'absolute',\n                      zIndex: '10',\n                      inset: '0',\n                      margin: '2px',\n                      display: 'block',\n                      content: '\"\"',\n                      borderRadius: '50%',\n                      backgroundColor: 'common.white',\n                    },\n                  },\n                  removeIconWrapperSx,\n                )}\n                {...restRemoveIconWrapper}\n              >\n                <CircleCloseFilledIcon\n                  sx={sxOverride(\n                    {\n                      position: 'relative',\n                      zIndex: '20',\n                      fontSize: '14px',\n                    },\n                    removeIconSx,\n                  )}\n                  {...restRemoveIcon}\n                />\n              </Box>\n            )}\n          </ButtonBase>\n        ))}\n      </Box>\n    );\n  },\n);\n"],"names":["PromptAttachments","forwardRef","attachments","setAttachments","IconComponent","iconWrapperProps","iconProps","textProps","removeIconProps","removeIconWrapperProps","imageProps","buttonBaseProps","sx","rest","ref","iconWrapperSx","restIconWrapper","textSx","restText","removeIconSx","restRemoveIcon","removeIconWrapperSx","restRemoveIconWrapper","imageSx","restImage","buttonBaseSx","restButtonBase","AttachmentFileIcon","FileIcon","_jsx","Box","sxOverride","display","alignItems","justifyContent","overflow","gap","mb","children","map","attachment","idx","_jsxs","ButtonBase","name","disabled","theme","position","borderRadius","pointerEvents","cursor","userSelect","src","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","zIndex","padding","getFocusRingStyle","getInteractiveStyle","onClick","filter","_","i","backgroundImage","backgroundSize","backgroundRepeat","backgroundPosition","width","height","length","color","fontSize","Typography","component","fontWeight","xs","lineHeight","letterSpacing","whiteSpace","textOverflow","maxWidth","top","right","mr","margin","CircleCloseFilledIcon"],"mappings":"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"}
+{"version":3,"file":"PromptAttachments.js","sources":["../../../src/components/promptBar/PromptAttachments.tsx"],"sourcesContent":["import React, { ComponentType, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, ButtonBase, ButtonBaseProps, SvgIconProps, Typography } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\nimport { FileIcon } from '@/src/components/icon/stroke/FileIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface PromptAttachment {\n  /**\n   * Display name of the attachment.\n   */\n  name: string;\n  /**\n   * URL of the attachment image.\n   */\n  src?: string;\n}\n\nexport interface PromptAttachmentsProps extends BoxProps<ElementType> {\n  /**\n   * List of attachments to display.\n   */\n  attachments: PromptAttachment[];\n  /**\n   * Callback to update the attachments list.\n   */\n  setAttachments?: (attachments: PromptAttachment[]) => void;\n  /**\n   * Custom component to be used for the file icon.\n   */\n  IconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Properties applied to the icon wrapper Box.\n   */\n  iconWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the file icon.\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Properties applied to the text wrapper Box.\n   */\n  textProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the remove icon.\n   */\n  removeIconProps?: SvgIconProps;\n  /**\n   * Properties applied to the remove icon wrapper Box.\n   */\n  removeIconWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the image preview Box (rendered when attachment has src).\n   */\n  imageProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the ButtonBase wrapping each attachment item.\n   */\n  buttonBaseProps?: ButtonBaseProps;\n}\n\n/**\n * Shows list of attachments in PromptBar\n */\nexport const PromptAttachments: React.FC<PromptAttachmentsProps> = forwardRef(\n  (\n    {\n      attachments,\n      setAttachments,\n      IconComponent,\n      iconWrapperProps,\n      iconProps,\n      textProps,\n      removeIconProps,\n      removeIconWrapperProps,\n      imageProps,\n      buttonBaseProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconWrapperSx, ...restIconWrapper } = iconWrapperProps ?? {};\n    const { sx: textSx, ...restText } = textProps ?? {};\n    const { sx: removeIconSx, ...restRemoveIcon } = removeIconProps ?? {};\n    const { sx: removeIconWrapperSx, ...restRemoveIconWrapper } = removeIconWrapperProps ?? {};\n    const { sx: imageSx, ...restImage } = imageProps ?? {};\n    const { sx: buttonBaseSx, ...restButtonBase } = buttonBaseProps ?? {};\n    const AttachmentFileIcon = IconComponent ?? FileIcon;\n\n    return (\n      <Box\n        ref={ref}\n        sx={sxOverride(\n          {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            overflow: 'auto',\n            gap: 0.5,\n            mb: 1,\n          },\n          sx,\n        )}\n        {...rest}\n      >\n        {attachments.map((attachment: PromptAttachment, idx: number) => (\n          <ButtonBase\n            aria-label={attachment.name}\n            key={idx}\n            disabled={!setAttachments}\n            sx={sxOverride(\n              (theme) => ({\n                position: 'relative',\n                borderRadius: '8px',\n                '&.Mui-disabled': {\n                  pointerEvents: 'all',\n                  cursor: 'text',\n                  userSelect: 'text',\n                },\n                ...(attachment.src\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                        zIndex: '10',\n                      },\n                    }\n                  : {\n                      padding: '6px 8px',\n                      gap: 1,\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'flex-start',\n                    }),\n                backgroundColor: 'surface.primary',\n                ...getFocusRingStyle(theme, true, '2px'),\n                '&&:before': {\n                  zIndex: '20',\n                },\n                ...(setAttachments && {\n                  ...getInteractiveStyle(\n                    {\n                      ...(attachment.src\n                        ? {\n                            '&:after': {\n                              opacity: '0',\n                            },\n                          }\n                        : {\n                            backgroundColor: 'surface.primary',\n                          }),\n                    },\n                    {\n                      ...(attachment.src\n                        ? {\n                            '&:after': {\n                              opacity: '1',\n                            },\n                          }\n                        : {\n                            backgroundColor: 'surface.secondary',\n                          }),\n                    },\n                  ),\n                }),\n              }),\n              buttonBaseSx,\n            )}\n            onClick={() => setAttachments?.(attachments.filter((_: PromptAttachment, i: number) => i !== idx))}\n            {...restButtonBase}\n          >\n            {attachment.src ? (\n              <Box\n                sx={sxOverride(\n                  {\n                    borderRadius: 'inherit',\n                    backgroundImage: `url(${attachment.src})`,\n                    backgroundSize: 'cover',\n                    backgroundRepeat: 'no-repeat',\n                    backgroundPosition: 'center',\n                    width: '40px',\n                    height: '40px',\n                    ...(attachments.length === 1 && {\n                      width: '72px',\n                      height: '72px',\n                    }),\n                  },\n                  imageSx,\n                )}\n                {...restImage}\n              />\n            ) : (\n              <>\n                <Box\n                  sx={sxOverride(\n                    {\n                      display: 'flex',\n                      borderRadius: '4px',\n                      padding: '6px',\n                      backgroundColor: 'transparent.primary',\n                      color: 'onSurface.os700',\n                      '& .MuiSvgIcon-root': {\n                        fontSize: '16px',\n                      },\n                    },\n                    iconWrapperSx,\n                  )}\n                  {...restIconWrapper}\n                >\n                  <AttachmentFileIcon {...iconProps} />\n                </Box>\n                <Typography\n                  component=\"span\"\n                  sx={sxOverride(\n                    {\n                      fontWeight: { xs: '400' },\n                      fontSize: { xs: '14px' },\n                      lineHeight: { xs: '20px' },\n                      letterSpacing: { xs: '0.02em' },\n                      color: 'text.primary',\n                      whiteSpace: 'nowrap',\n                      overflow: 'hidden',\n                      textOverflow: 'ellipsis',\n                      maxWidth: '120px',\n                    },\n                    textSx,\n                  )}\n                  {...restText}\n                >\n                  {attachment.name}\n                </Typography>\n              </>\n            )}\n            {setAttachments && (\n              <Box\n                component=\"span\"\n                sx={sxOverride(\n                  {\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    color: 'onSurface.os900',\n                    zIndex: '30',\n                    ...(attachment.src\n                      ? {\n                          position: 'absolute',\n                          top: '3px',\n                          right: '3px',\n                        }\n                      : {\n                          position: 'relative',\n                          top: '-10px',\n                          right: '-7px',\n                          mr: '2px',\n                        }),\n                    // fill of the 'x' inside the icon\n                    '&:after': {\n                      position: 'absolute',\n                      zIndex: '10',\n                      inset: '0',\n                      margin: '2px',\n                      display: 'block',\n                      content: '\"\"',\n                      borderRadius: '50%',\n                      backgroundColor: 'common.white',\n                    },\n                  },\n                  removeIconWrapperSx,\n                )}\n                {...restRemoveIconWrapper}\n              >\n                <CircleCloseFilledIcon\n                  sx={sxOverride(\n                    {\n                      position: 'relative',\n                      zIndex: '20',\n                      fontSize: '14px',\n                    },\n                    removeIconSx,\n                  )}\n                  {...restRemoveIcon}\n                />\n              </Box>\n            )}\n          </ButtonBase>\n        ))}\n      </Box>\n    );\n  },\n);\n"],"names":["PromptAttachments","forwardRef","attachments","setAttachments","IconComponent","iconWrapperProps","iconProps","textProps","removeIconProps","removeIconWrapperProps","imageProps","buttonBaseProps","sx","rest","ref","iconWrapperSx","restIconWrapper","textSx","restText","removeIconSx","restRemoveIcon","removeIconWrapperSx","restRemoveIconWrapper","imageSx","restImage","buttonBaseSx","restButtonBase","AttachmentFileIcon","FileIcon","_jsx","Box","sxOverride","display","alignItems","justifyContent","overflow","gap","mb","children","map","attachment","idx","_jsxs","ButtonBase","name","disabled","theme","position","borderRadius","pointerEvents","cursor","userSelect","src","content","inset","backgroundColor","palette","transparent","primary","transition","opacity","zIndex","padding","getFocusRingStyle","getInteractiveStyle","onClick","filter","_","i","backgroundImage","backgroundSize","backgroundRepeat","backgroundPosition","width","height","length","color","fontSize","Typography","component","fontWeight","xs","lineHeight","letterSpacing","whiteSpace","textOverflow","maxWidth","top","right","mr","margin","CircleCloseFilledIcon"],"mappings":"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"}

package/components/promptBar/PromptSubmitIconButton.d.ts

@@ -1,6 +1,6 @@
 import { FC, ComponentType, ReactNode } from 'react';
 import { IconButtonProps, SvgIconProps } from '@mui/material';
-import { PromptAttachment } from '@/src';
+import { PromptAttachment } from './PromptAttachments';
 export interface PromptSubmitIconButtonProps extends Omit<IconButtonProps, 'value'> {
     /**
      * Current input value. Switches the button from voice to submit variant.

package/components/promptBar/PromptSubmitIconButton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useMemo as o}from"react";import{Button as n,IconButton as a}from"@mui/material";import{SendIcon as i}from"../icon/stroke/SendIcon.js";import{SoundwaveIcon as t}from"../icon/stroke/SoundwaveIcon.js";import{ShapeSquareFilledIcon as s}from"../icon/filled/ShapeSquareFilledIcon.js";import{sxOverride as l}from"../../utils/sxOverride/sxOverride.js";const c=e(({value:e,setValue:c,attachments:m,processing:f,recording:d,label:u,disableVoice:p,SendIconComponent:g,VoiceIconComponent:b,ProcessingIconComponent:h,RecordingIconComponent:v,sx:I,disabled:S,...y},w)=>{const Y=b??t,x=g??i,j=v??t,k=h??s,C=o(()=>f?"processing":d?"recording":p||e||m?.length?"submit":"voice",[f,d,e,p,m?.length]),V=o(()=>u?n:a,[u]),O=o(()=>{switch(C){case"processing":return k;case"recording":return j;case"submit":return x;default:return Y}},[C,k,j,x,Y]);return r(V,{ref:w,color:"primary",size:"small",disabled:S,...u?{variant:"contained",startIcon:r(O,{})}:{variant:"filled"},..."voice"===C&&{"aria-label":"Voice input",color:"surface"},..."submit"===C&&{"aria-label":"Submit",...void 0===S&&p&&!e&&!m?.length&&{disabled:!0}},..."recording"===C&&{"aria-label":"Stop recording"},..."processing"===C&&{"aria-label":"Stop"},...y,sx:l({..."recording"===C&&!v&&{"@keyframes flow-soundbar-small":{"0%":{transform:"scaleY(1)"},"25%":{transform:"scaleY(3.15)"},"50%, 100%":{transform:"scaleY(1)"}},"@keyframes flow-soundbar-large":{"0%":{transform:"scaleY(0.35)"},"25%":{transform:"scaleY(1)"},"50%, 100%":{transform:"scaleY(0.35)"}},"& .MuiSvgIcon-root":{path:{transformOrigin:"center 60%",transition:"transform 0.3s ease-out","&:nth-of-type(1)":{animation:"1.2s linear infinite flow-soundbar-small"},"&:nth-of-type(2)":{transform:"scaleY(0.35)",animation:"1.2s linear infinite flow-soundbar-large",animationDelay:"0.2s"},"&:nth-of-type(3)":{animation:"1.2s linear infinite flow-soundbar-small",animationDelay:"0.4s"}}}}},I),children:u??r(O,{})},C)});export{c as PromptSubmitIconButton};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useMemo as o}from"react";import{Button as n,IconButton as a}from"@mui/material";import{SendIcon as i}from"../icon/stroke/SendIcon.js";import{SoundwaveIcon as t}from"../icon/stroke/SoundwaveIcon.js";import{ShapeSquareFilledIcon as s}from"../icon/filled/ShapeSquareFilledIcon.js";import{sxOverride as l}from"../../utils/sxOverride/sxOverride.js";const c=e(({value:e,setValue:c,attachments:m,processing:f,recording:d,label:u,disableVoice:p,SendIconComponent:g,VoiceIconComponent:b,ProcessingIconComponent:h,RecordingIconComponent:v,sx:I,disabled:S,...y},w)=>{const Y=b??t,x=g??i,j=v??t,k=h??s,C=o(()=>f?"processing":d?"recording":p||e||m?.length?"submit":"voice",[f,d,e,p,m?.length]),V=o(()=>u?n:a,[u]),O=o(()=>{switch(C){case"processing":return k;case"recording":return j;case"submit":return x;default:return Y}},[C,k,j,x,Y]);return r(V,{ref:w,color:"primary",size:"small",disabled:S,...u?{variant:"contained",startIcon:r(O,{})}:{variant:"filled"},..."voice"===C&&{"aria-label":"Voice input",color:"surface"},..."submit"===C&&{"aria-label":"Submit",...void 0===S&&p&&!e&&!m?.length&&{disabled:!0}},..."recording"===C&&{"aria-label":"Stop recording"},..."processing"===C&&{"aria-label":"Stop"},...y,sx:l({..."recording"===C&&!v&&{"@keyframes flow-soundbar-small":{"0%":{transform:"scaleY(1)"},"25%":{transform:"scaleY(3.15)"},"50%, 100%":{transform:"scaleY(1)"}},"@keyframes flow-soundbar-large":{"0%":{transform:"scaleY(0.35)"},"25%":{transform:"scaleY(1)"},"50%, 100%":{transform:"scaleY(0.35)"}},"& .MuiSvgIcon-root":{path:{transformOrigin:"center 60%",transition:"transform 0.3s ease-out","&:nth-of-type(1)":{animation:"1.2s linear infinite flow-soundbar-small"},"&:nth-of-type(2)":{transform:"scaleY(0.35)",animation:"1.2s linear infinite flow-soundbar-large",animationDelay:"0.2s"},"&:nth-of-type(3)":{animation:"1.2s linear infinite flow-soundbar-small",animationDelay:"0.4s"}}}}},I),children:u||r(O,{})},C)});export{c as PromptSubmitIconButton};
 //# sourceMappingURL=PromptSubmitIconButton.js.map

package/components/promptBar/PromptSubmitIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptSubmitIconButton.js","sources":["../../../src/components/promptBar/PromptSubmitIconButton.tsx"],"sourcesContent":["import { FC, ComponentType, forwardRef, useMemo, ReactNode } from 'react';\nimport { Button, ButtonBaseProps, IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { SendIcon } from '@/src/components/icon/stroke/SendIcon';\nimport { SoundwaveIcon } from '@/src/components/icon/stroke/SoundwaveIcon';\nimport { ShapeSquareFilledIcon } from '@/src/components/icon/filled/ShapeSquareFilledIcon';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { PromptAttachment } from '@/src';\n\nexport interface PromptSubmitIconButtonProps extends Omit<IconButtonProps, 'value'> {\n  /**\n   * Current input value. Switches the button from voice to submit variant.\n   */\n  value?: string;\n  /**\n   * Setter for the input value.\n   */\n  setValue?: (value: string) => void;\n  /**\n   * List of attachments displayed above the text input.\n   */\n  attachments?: PromptAttachment[];\n  /**\n   * Indicates that a request is being processed. Shows the processing (stop) icon.\n   */\n  processing?: boolean;\n  /**\n   * Indicates that voice recording is in progress.\n   */\n  recording?: boolean;\n  /**\n   * Label that changes IconButton to Button.\n   */\n  label?: ReactNode;\n  /**\n   * Do not show voice button. Use when speech input is unavailable or unsupported.\n   */\n  disableVoice?: boolean;\n  /**\n   * Custom component for the send icon, shown in submit state.\n   */\n  SendIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Custom component for the voice icon, shown when input is empty and not recording.\n   */\n  VoiceIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Custom component for the processing icon, shown while a request is processing.\n   */\n  ProcessingIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Custom component for the recording icon, shown as startIcon on the recording stop button.\n   */\n  RecordingIconComponent?: ComponentType<SvgIconProps>;\n}\n\n/**\n * Submit button for the PromptBar. Switches between voice and submit variants\n * depending on the current state.\n */\nexport const PromptSubmitIconButton: FC<PromptSubmitIconButtonProps> = forwardRef(\n  (\n    {\n      value,\n      setValue,\n      attachments,\n      processing,\n      recording,\n      label,\n      disableVoice,\n      SendIconComponent,\n      VoiceIconComponent,\n      ProcessingIconComponent,\n      RecordingIconComponent,\n      sx,\n      disabled,\n      ...rest\n    },\n    ref,\n  ) => {\n    const VoiceIcon = VoiceIconComponent ?? SoundwaveIcon;\n    const SubmitIcon = SendIconComponent ?? SendIcon;\n    const RecordingIcon = RecordingIconComponent ?? SoundwaveIcon;\n    const ProcessingIcon = ProcessingIconComponent ?? ShapeSquareFilledIcon;\n\n    const state = useMemo<'voice' | 'recording' | 'submit' | 'processing'>(() => {\n      if (processing) return 'processing';\n      if (recording) return 'recording';\n      if (disableVoice || value || attachments?.length) return 'submit';\n      return 'voice';\n    }, [processing, recording, value, disableVoice, attachments?.length]);\n\n    const Component = useMemo<ComponentType<ButtonBaseProps>>(() => {\n      if (label) {\n        return Button;\n      }\n      return IconButton;\n    }, [label]);\n\n    const Icon = useMemo(() => {\n      switch (state) {\n        case 'processing':\n          return ProcessingIcon;\n        case 'recording':\n          return RecordingIcon;\n        case 'submit':\n          return SubmitIcon;\n        case 'voice':\n        default:\n          return VoiceIcon;\n      }\n    }, [state, ProcessingIcon, RecordingIcon, SubmitIcon, VoiceIcon]);\n\n    return (\n      <Component\n        ref={ref}\n        key={state}\n        color=\"primary\"\n        size=\"small\"\n        disabled={disabled}\n        {...(label ? { variant: 'contained', startIcon: <Icon /> } : { variant: 'filled' })}\n        {...(state === 'voice' && { 'aria-label': 'Voice input', color: 'surface' })}\n        {...(state === 'submit' && {\n          'aria-label': 'Submit',\n          ...(disabled === undefined && disableVoice && !value && !attachments?.length && { disabled: true }),\n        })}\n        {...(state === 'recording' && { 'aria-label': 'Stop recording' })}\n        {...(state === 'processing' && { 'aria-label': 'Stop' })}\n        {...rest}\n        sx={sxOverride(\n          {\n            // soundwave animation during voice recordin\n            ...(state === 'recording' &&\n              !RecordingIconComponent && {\n                '@keyframes flow-soundbar-small': {\n                  '0%': { transform: 'scaleY(1)' },\n                  '25%': { transform: 'scaleY(3.15)' },\n                  '50%, 100%': { transform: 'scaleY(1)' },\n                },\n                '@keyframes flow-soundbar-large': {\n                  '0%': { transform: 'scaleY(0.35)' },\n                  '25%': { transform: 'scaleY(1)' },\n                  '50%, 100%': { transform: 'scaleY(0.35)' },\n                },\n                '& .MuiSvgIcon-root': {\n                  path: {\n                    transformOrigin: 'center 60%',\n                    transition: 'transform 0.3s ease-out',\n                    '&:nth-of-type(1)': { animation: '1.2s linear infinite flow-soundbar-small' },\n                    '&:nth-of-type(2)': {\n                      transform: 'scaleY(0.35)',\n                      animation: '1.2s linear infinite flow-soundbar-large',\n                      animationDelay: '0.2s',\n                    },\n                    '&:nth-of-type(3)': {\n                      animation: '1.2s linear infinite flow-soundbar-small',\n                      animationDelay: '0.4s',\n                    },\n                  },\n                },\n              }),\n          },\n          sx,\n        )}\n      >\n        {label ?? <Icon />}\n      </Component>\n    );\n  },\n);\n"],"names":["PromptSubmitIconButton","forwardRef","value","setValue","attachments","processing","recording","label","disableVoice","SendIconComponent","VoiceIconComponent","ProcessingIconComponent","RecordingIconComponent","sx","disabled","rest","ref","VoiceIcon","SoundwaveIcon","SubmitIcon","SendIcon","RecordingIcon","ProcessingIcon","ShapeSquareFilledIcon","state","useMemo","length","Component","Button","IconButton","Icon","_jsx","color","size","variant","startIcon","undefined","sxOverride","transform","path","transformOrigin","transition","animation","animationDelay","children"],"mappings":"uZA2DO,MAAMA,EAA0DC,EACrE,EAEIC,QACAC,WACAC,cACAC,aACAC,YACAC,QACAC,eACAC,oBACAC,qBACAC,0BACAC,yBACAC,KACAC,cACGC,GAELC,KAEA,MAAMC,EAAYP,GAAsBQ,EAClCC,EAAaV,GAAqBW,EAClCC,EAAgBT,GAA0BM,EAC1CI,EAAiBX,GAA2BY,EAE5CC,EAAQC,EAAyD,IACjEpB,EAAmB,aACnBC,EAAkB,YAClBE,GAAgBN,GAASE,GAAasB,OAAe,SAClD,QACN,CAACrB,EAAYC,EAAWJ,EAAOM,EAAcJ,GAAasB,SAEvDC,EAAYF,EAAwC,IACpDlB,EACKqB,EAEFC,EACN,CAACtB,IAEEuB,EAAOL,EAAQ,KACnB,OAAQD,GACN,IAAK,aACH,OAAOF,EACT,IAAK,YACH,OAAOD,EACT,IAAK,SACH,OAAOF,EAET,QACE,OAAOF,IAEV,CAACO,EAAOF,EAAgBD,EAAeF,EAAYF,IAEtD,OACEc,EAACJ,EAAS,CACRX,IAAKA,EAELgB,MAAM,UACNC,KAAK,QACLnB,SAAUA,KACLP,EAAQ,CAAE2B,QAAS,YAAaC,UAAWJ,EAACD,EAAI,CAAA,IAAQ,CAAEI,QAAS,aACzD,UAAVV,GAAqB,CAAE,aAAc,cAAeQ,MAAO,cACjD,WAAVR,GAAsB,CACzB,aAAc,iBACGY,IAAbtB,GAA0BN,IAAiBN,IAAUE,GAAasB,QAAU,CAAEZ,UAAU,OAE/E,cAAVU,GAAyB,CAAE,aAAc,qBAC/B,eAAVA,GAA0B,CAAE,aAAc,WAC3CT,EACJF,GAAIwB,EACF,IAEgB,cAAVb,IACDZ,GAA0B,CACzB,iCAAkC,CAChC,KAAM,CAAE0B,UAAW,aACnB,MAAO,CAAEA,UAAW,gBACpB,YAAa,CAAEA,UAAW,cAE5B,iCAAkC,CAChC,KAAM,CAAEA,UAAW,gBACnB,MAAO,CAAEA,UAAW,aACpB,YAAa,CAAEA,UAAW,iBAE5B,qBAAsB,CACpBC,KAAM,CACJC,gBAAiB,aACjBC,WAAY,0BACZ,mBAAoB,CAAEC,UAAW,4CACjC,mBAAoB,CAClBJ,UAAW,eACXI,UAAW,2CACXC,eAAgB,QAElB,mBAAoB,CAClBD,UAAW,2CACXC,eAAgB,YAM5B9B,GACD+B,SAEArC,GAASwB,EAACD,EAAI,CAAA,IAjDVN"}
+{"version":3,"file":"PromptSubmitIconButton.js","sources":["../../../src/components/promptBar/PromptSubmitIconButton.tsx"],"sourcesContent":["import { FC, ComponentType, forwardRef, useMemo, ReactNode } from 'react';\nimport { Button, ButtonBaseProps, IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { SendIcon } from '@/src/components/icon/stroke/SendIcon';\nimport { SoundwaveIcon } from '@/src/components/icon/stroke/SoundwaveIcon';\nimport { ShapeSquareFilledIcon } from '@/src/components/icon/filled/ShapeSquareFilledIcon';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { PromptAttachment } from './PromptAttachments';\n\nexport interface PromptSubmitIconButtonProps extends Omit<IconButtonProps, 'value'> {\n  /**\n   * Current input value. Switches the button from voice to submit variant.\n   */\n  value?: string;\n  /**\n   * Setter for the input value.\n   */\n  setValue?: (value: string) => void;\n  /**\n   * List of attachments displayed above the text input.\n   */\n  attachments?: PromptAttachment[];\n  /**\n   * Indicates that a request is being processed. Shows the processing (stop) icon.\n   */\n  processing?: boolean;\n  /**\n   * Indicates that voice recording is in progress.\n   */\n  recording?: boolean;\n  /**\n   * Label that changes IconButton to Button.\n   */\n  label?: ReactNode;\n  /**\n   * Do not show voice button. Use when speech input is unavailable or unsupported.\n   */\n  disableVoice?: boolean;\n  /**\n   * Custom component for the send icon, shown in submit state.\n   */\n  SendIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Custom component for the voice icon, shown when input is empty and not recording.\n   */\n  VoiceIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Custom component for the processing icon, shown while a request is processing.\n   */\n  ProcessingIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Custom component for the recording icon, shown as startIcon on the recording stop button.\n   */\n  RecordingIconComponent?: ComponentType<SvgIconProps>;\n}\n\n/**\n * Submit button for the PromptBar. Switches between voice and submit variants\n * depending on the current state.\n */\nexport const PromptSubmitIconButton: FC<PromptSubmitIconButtonProps> = forwardRef(\n  (\n    {\n      value,\n      setValue,\n      attachments,\n      processing,\n      recording,\n      label,\n      disableVoice,\n      SendIconComponent,\n      VoiceIconComponent,\n      ProcessingIconComponent,\n      RecordingIconComponent,\n      sx,\n      disabled,\n      ...rest\n    },\n    ref,\n  ) => {\n    const VoiceIcon = VoiceIconComponent ?? SoundwaveIcon;\n    const SubmitIcon = SendIconComponent ?? SendIcon;\n    const RecordingIcon = RecordingIconComponent ?? SoundwaveIcon;\n    const ProcessingIcon = ProcessingIconComponent ?? ShapeSquareFilledIcon;\n\n    const state = useMemo<'voice' | 'recording' | 'submit' | 'processing'>(() => {\n      if (processing) return 'processing';\n      if (recording) return 'recording';\n      if (disableVoice || value || attachments?.length) return 'submit';\n      return 'voice';\n    }, [processing, recording, value, disableVoice, attachments?.length]);\n\n    const Component = useMemo<ComponentType<ButtonBaseProps>>(() => {\n      if (label) {\n        return Button;\n      }\n      return IconButton;\n    }, [label]);\n\n    const Icon = useMemo(() => {\n      switch (state) {\n        case 'processing':\n          return ProcessingIcon;\n        case 'recording':\n          return RecordingIcon;\n        case 'submit':\n          return SubmitIcon;\n        case 'voice':\n        default:\n          return VoiceIcon;\n      }\n    }, [state, ProcessingIcon, RecordingIcon, SubmitIcon, VoiceIcon]);\n\n    return (\n      <Component\n        ref={ref}\n        key={state}\n        color=\"primary\"\n        size=\"small\"\n        disabled={disabled}\n        {...(label ? { variant: 'contained', startIcon: <Icon /> } : { variant: 'filled' })}\n        {...(state === 'voice' && { 'aria-label': 'Voice input', color: 'surface' })}\n        {...(state === 'submit' && {\n          'aria-label': 'Submit',\n          ...(disabled === undefined && disableVoice && !value && !attachments?.length && { disabled: true }),\n        })}\n        {...(state === 'recording' && { 'aria-label': 'Stop recording' })}\n        {...(state === 'processing' && { 'aria-label': 'Stop' })}\n        {...rest}\n        sx={sxOverride(\n          {\n            // soundwave animation during voice recordin\n            ...(state === 'recording' &&\n              !RecordingIconComponent && {\n                '@keyframes flow-soundbar-small': {\n                  '0%': { transform: 'scaleY(1)' },\n                  '25%': { transform: 'scaleY(3.15)' },\n                  '50%, 100%': { transform: 'scaleY(1)' },\n                },\n                '@keyframes flow-soundbar-large': {\n                  '0%': { transform: 'scaleY(0.35)' },\n                  '25%': { transform: 'scaleY(1)' },\n                  '50%, 100%': { transform: 'scaleY(0.35)' },\n                },\n                '& .MuiSvgIcon-root': {\n                  path: {\n                    transformOrigin: 'center 60%',\n                    transition: 'transform 0.3s ease-out',\n                    '&:nth-of-type(1)': { animation: '1.2s linear infinite flow-soundbar-small' },\n                    '&:nth-of-type(2)': {\n                      transform: 'scaleY(0.35)',\n                      animation: '1.2s linear infinite flow-soundbar-large',\n                      animationDelay: '0.2s',\n                    },\n                    '&:nth-of-type(3)': {\n                      animation: '1.2s linear infinite flow-soundbar-small',\n                      animationDelay: '0.4s',\n                    },\n                  },\n                },\n              }),\n          },\n          sx,\n        )}\n      >\n        {label || <Icon />}\n      </Component>\n    );\n  },\n);\n"],"names":["PromptSubmitIconButton","forwardRef","value","setValue","attachments","processing","recording","label","disableVoice","SendIconComponent","VoiceIconComponent","ProcessingIconComponent","RecordingIconComponent","sx","disabled","rest","ref","VoiceIcon","SoundwaveIcon","SubmitIcon","SendIcon","RecordingIcon","ProcessingIcon","ShapeSquareFilledIcon","state","useMemo","length","Component","Button","IconButton","Icon","_jsx","color","size","variant","startIcon","undefined","sxOverride","transform","path","transformOrigin","transition","animation","animationDelay","children"],"mappings":"uZA2DO,MAAMA,EAA0DC,EACrE,EAEIC,QACAC,WACAC,cACAC,aACAC,YACAC,QACAC,eACAC,oBACAC,qBACAC,0BACAC,yBACAC,KACAC,cACGC,GAELC,KAEA,MAAMC,EAAYP,GAAsBQ,EAClCC,EAAaV,GAAqBW,EAClCC,EAAgBT,GAA0BM,EAC1CI,EAAiBX,GAA2BY,EAE5CC,EAAQC,EAAyD,IACjEpB,EAAmB,aACnBC,EAAkB,YAClBE,GAAgBN,GAASE,GAAasB,OAAe,SAClD,QACN,CAACrB,EAAYC,EAAWJ,EAAOM,EAAcJ,GAAasB,SAEvDC,EAAYF,EAAwC,IACpDlB,EACKqB,EAEFC,EACN,CAACtB,IAEEuB,EAAOL,EAAQ,KACnB,OAAQD,GACN,IAAK,aACH,OAAOF,EACT,IAAK,YACH,OAAOD,EACT,IAAK,SACH,OAAOF,EAET,QACE,OAAOF,IAEV,CAACO,EAAOF,EAAgBD,EAAeF,EAAYF,IAEtD,OACEc,EAACJ,EAAS,CACRX,IAAKA,EAELgB,MAAM,UACNC,KAAK,QACLnB,SAAUA,KACLP,EAAQ,CAAE2B,QAAS,YAAaC,UAAWJ,EAACD,EAAI,CAAA,IAAQ,CAAEI,QAAS,aACzD,UAAVV,GAAqB,CAAE,aAAc,cAAeQ,MAAO,cACjD,WAAVR,GAAsB,CACzB,aAAc,iBACGY,IAAbtB,GAA0BN,IAAiBN,IAAUE,GAAasB,QAAU,CAAEZ,UAAU,OAE/E,cAAVU,GAAyB,CAAE,aAAc,qBAC/B,eAAVA,GAA0B,CAAE,aAAc,WAC3CT,EACJF,GAAIwB,EACF,IAEgB,cAAVb,IACDZ,GAA0B,CACzB,iCAAkC,CAChC,KAAM,CAAE0B,UAAW,aACnB,MAAO,CAAEA,UAAW,gBACpB,YAAa,CAAEA,UAAW,cAE5B,iCAAkC,CAChC,KAAM,CAAEA,UAAW,gBACnB,MAAO,CAAEA,UAAW,aACpB,YAAa,CAAEA,UAAW,iBAE5B,qBAAsB,CACpBC,KAAM,CACJC,gBAAiB,aACjBC,WAAY,0BACZ,mBAAoB,CAAEC,UAAW,4CACjC,mBAAoB,CAClBJ,UAAW,eACXI,UAAW,2CACXC,eAAgB,QAElB,mBAAoB,CAClBD,UAAW,2CACXC,eAAgB,YAM5B9B,GACD+B,SAEArC,GAASwB,EAACD,EAAI,CAAA,IAjDVN"}

package/components/quickLink/QuickLink.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Box as i,Typography as e,Button as n}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{ArrowRightIcon as s}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";const d=o(({IconComponent:o,iconProps:d,title:x,titleTypographyProps:l,subtitle:c,subtitleTypographyProps:m,dividerWrapperProps:u,dividerProps:h,contentWrapperProps:f,titleWrapperProps:k,buttonTitle:b,buttonProps:g,buttonIconProps:y,onClick:v,sx:I,...P},C)=>{const{sx:B,...L}=d||{},{sx:M,...Q}=u||{},{sx:w,...S}=h||{},{sx:W,...j}=f||{},{sx:T,...X}=k||{},{sx:D,...O}=l||{},{sx:z,...A}=m||{};return t(i,{sx:a({display:"flex",flexDirection:"column",alignItems:"flex-start",minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"},...p({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})},I),"data-testid":"QuickLink",ref:C,...v&&{onClick:v,role:"button"},tabIndex:-1,...P,children:[r(i,{sx:a({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:o?0:2}}},M),...Q,children:r(i,{component:"hr",sx:a({border:"none",position:"absolute",inset:"0",m:0},w),...S})}),t(i,{sx:a({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},W),...j,children:[t(i,{sx:a({display:"flex",flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},T),...X,children:[o&&r(o,{sx:a({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},B),"data-testid":"QuickLink.icon",...L}),x&&r(e,{variant:"h4","data-testid":"QuickLink.title",sx:a({display:"block",mb:{xs:0,md:.5}},D),...O,children:x})]}),c&&r(e,{variant:"disclaimer1","data-testid":"QuickLink.subtitle",sx:a({display:"block"},z),...A,children:c})]}),b&&r(n,{variant:"navigation",color:"secondary",endIcon:r(s,{}),"data-testid":"QuickLink.button",...g,children:b})]})}),x=o(({sx:t,children:o,...e},n)=>r(i,{sx:a({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},t),ref:n,"data-testid":"QuickLink.wrapper",...e,children:o}));export{d as QuickLink,x as QuickLinkWrapper};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Box as i,Typography as e,Button as n}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{ArrowRightIcon as s}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";const d=o(({IconComponent:o,iconProps:d,title:x,titleTypographyProps:l,subtitle:c,subtitleTypographyProps:m,dividerWrapperProps:u,dividerProps:h,contentWrapperProps:f,titleWrapperProps:k,buttonTitle:b,buttonProps:g,onClick:y,sx:v,...I},C)=>{const{sx:P,...B}=d||{},{sx:L,...M}=u||{},{sx:Q,...w}=h||{},{sx:S,...W}=f||{},{sx:j,...T}=k||{},{sx:X,...D}=l||{},{sx:O,...z}=m||{};return t(i,{sx:a({display:"flex",flexDirection:"column",alignItems:"flex-start",minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"},...p({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})},v),"data-testid":"QuickLink",ref:C,...y&&{onClick:y,role:"button"},tabIndex:-1,...I,children:[r(i,{sx:a({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:o?0:2}}},L),...M,children:r(i,{component:"hr",sx:a({border:"none",position:"absolute",inset:"0",m:0},Q),...w})}),t(i,{sx:a({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},S),...W,children:[t(i,{sx:a({display:"flex",flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},j),...T,children:[o&&r(o,{sx:a({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},P),"data-testid":"QuickLink.icon",...B}),x&&r(e,{variant:"h4","data-testid":"QuickLink.title",sx:a({display:"block",mb:{xs:0,md:.5}},X),...D,children:x})]}),c&&r(e,{variant:"disclaimer1","data-testid":"QuickLink.subtitle",sx:a({display:"block"},O),...z,children:c})]}),b&&r(n,{variant:"navigation",color:"secondary",endIcon:r(s,{}),"data-testid":"QuickLink.button",...g,children:b})]})}),x=o(({sx:t,children:o,...e},n)=>r(i,{sx:a({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},t),ref:n,"data-testid":"QuickLink.wrapper",...e,children:o}));export{d as QuickLink,x as QuickLinkWrapper};
 //# sourceMappingURL=QuickLink.js.map

package/components/quickLink/QuickLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickLink.js","sources":["../../../src/components/quickLink/QuickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef, ComponentType } from 'react';\nimport { Box, Button, Typography, TypographyProps, ButtonProps, BoxProps, SvgIconProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<BoxProps<ElementType>, 'title'> {\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      IconComponent,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n    const { sx: titleSx, ...restTitleTypographyProps } = titleTypographyProps || {};\n    const { sx: subtitleSx, ...restSubtitleTypographyProps } = subtitleTypographyProps || {};\n\n    return (\n      <Box\n        sx={sxOverride(\n          {\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n            minWidth: '0',\n            cursor: 'pointer',\n            color: 'inherit',\n            textDecoration: 'unset',\n            gap: { xs: '8px', md: '16px' },\n            ...getInteractiveStyle(\n              {\n                hr: {\n                  backgroundColor: 'text.primary',\n                  height: '1px',\n                },\n                // interactive style from button.theme\n                '.MuiButton-navigation': {\n                  backgroundColor: 'transparent',\n                  color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                  '& .MuiButton-startIcon': {\n                    transform: 'translateX(0px)',\n                  },\n                  '& .MuiButton-endIcon': {\n                    transform: 'translateX(0px)',\n                  },\n                },\n              },\n              {\n                hr: {\n                  backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                  height: '2px',\n                },\n                '.MuiButton-navigation': {\n                  backgroundColor: 'transparent',\n                  color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                  '.MuiButton-startIcon': {\n                    transform: 'translateX(-8px)',\n                  },\n                  '.MuiButton-endIcon': {\n                    transform: 'translateX(8px)',\n                  },\n                },\n              },\n            ),\n          },\n          sx,\n        )}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={sxOverride(\n            {\n              position: 'relative',\n              width: '100%',\n              height: '2px',\n              // 32px gap from top if icon is hidden\n              '&&': { mb: { xs: 0, md: IconComponent ? 0 : 2 } },\n            },\n            dividerWrapperSx,\n          )}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={sxOverride(\n              {\n                border: 'none',\n                position: 'absolute',\n                inset: '0',\n                m: 0,\n                // style is set via interactive parent\n              },\n              dividerSx,\n            )}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={sxOverride({ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' } }, contentWrapperSx)}\n          {...restContentWrapperProps}\n        >\n          <Box\n            sx={sxOverride(\n              {\n                display: 'flex',\n                flexDirection: { xs: 'row', md: 'column' },\n                alignItems: { xs: 'center', md: 'flex-start' },\n                gap: { xs: '4px', md: '18px' },\n                mb: { xs: '4px', md: 0 },\n              },\n              titleWrapperSx,\n            )}\n            {...restTitleWrapperProps}\n          >\n            {IconComponent && (\n              <IconComponent\n                sx={sxOverride(\n                  {\n                    display: 'block',\n                    fontSize: { xs: '20px', md: '35px' },\n                    mx: { xs: '2px', md: '0px' },\n                    my: { xs: '0px', md: '2px' },\n                  },\n                  iconSx,\n                )}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                data-testid=\"QuickLink.title\"\n                sx={sxOverride({ display: 'block', mb: { xs: 0, md: 0.5 } }, titleSx)}\n                {...restTitleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Box>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              data-testid=\"QuickLink.subtitle\"\n              sx={sxOverride({ display: 'block' }, subtitleSx)}\n              {...restSubtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={sxOverride(\n        {\n          display: 'grid',\n          gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n          gap: 3,\n        },\n        sx,\n      )}\n      ref={ref}\n      data-testid=\"QuickLink.wrapper\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","IconComponent","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","ref","iconSx","restIconProps","dividerWrapperSx","restDividerWrapperProps","dividerSx","restDividerProps","contentWrapperSx","restContentWrapperProps","titleWrapperSx","restTitleWrapperProps","titleSx","restTitleTypographyProps","subtitleSx","restSubtitleTypographyProps","_jsxs","Box","sxOverride","display","flexDirection","alignItems","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","position","width","mb","component","border","inset","m","maxWidth","pr","pt","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}
+{"version":3,"file":"QuickLink.js","sources":["../../../src/components/quickLink/QuickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef, ComponentType } from 'react';\nimport { Box, Button, Typography, TypographyProps, ButtonProps, BoxProps, SvgIconProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<BoxProps<ElementType>, 'title'> {\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      IconComponent,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n    const { sx: titleSx, ...restTitleTypographyProps } = titleTypographyProps || {};\n    const { sx: subtitleSx, ...restSubtitleTypographyProps } = subtitleTypographyProps || {};\n\n    return (\n      <Box\n        sx={sxOverride(\n          {\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n            minWidth: '0',\n            cursor: 'pointer',\n            color: 'inherit',\n            textDecoration: 'unset',\n            gap: { xs: '8px', md: '16px' },\n            ...getInteractiveStyle(\n              {\n                hr: {\n                  backgroundColor: 'text.primary',\n                  height: '1px',\n                },\n                // interactive style from button.theme\n                '.MuiButton-navigation': {\n                  backgroundColor: 'transparent',\n                  color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                  '& .MuiButton-startIcon': {\n                    transform: 'translateX(0px)',\n                  },\n                  '& .MuiButton-endIcon': {\n                    transform: 'translateX(0px)',\n                  },\n                },\n              },\n              {\n                hr: {\n                  backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                  height: '2px',\n                },\n                '.MuiButton-navigation': {\n                  backgroundColor: 'transparent',\n                  color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                  '.MuiButton-startIcon': {\n                    transform: 'translateX(-8px)',\n                  },\n                  '.MuiButton-endIcon': {\n                    transform: 'translateX(8px)',\n                  },\n                },\n              },\n            ),\n          },\n          sx,\n        )}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={sxOverride(\n            {\n              position: 'relative',\n              width: '100%',\n              height: '2px',\n              // 32px gap from top if icon is hidden\n              '&&': { mb: { xs: 0, md: IconComponent ? 0 : 2 } },\n            },\n            dividerWrapperSx,\n          )}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={sxOverride(\n              {\n                border: 'none',\n                position: 'absolute',\n                inset: '0',\n                m: 0,\n                // style is set via interactive parent\n              },\n              dividerSx,\n            )}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={sxOverride({ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' } }, contentWrapperSx)}\n          {...restContentWrapperProps}\n        >\n          <Box\n            sx={sxOverride(\n              {\n                display: 'flex',\n                flexDirection: { xs: 'row', md: 'column' },\n                alignItems: { xs: 'center', md: 'flex-start' },\n                gap: { xs: '4px', md: '18px' },\n                mb: { xs: '4px', md: 0 },\n              },\n              titleWrapperSx,\n            )}\n            {...restTitleWrapperProps}\n          >\n            {IconComponent && (\n              <IconComponent\n                sx={sxOverride(\n                  {\n                    display: 'block',\n                    fontSize: { xs: '20px', md: '35px' },\n                    mx: { xs: '2px', md: '0px' },\n                    my: { xs: '0px', md: '2px' },\n                  },\n                  iconSx,\n                )}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                data-testid=\"QuickLink.title\"\n                sx={sxOverride({ display: 'block', mb: { xs: 0, md: 0.5 } }, titleSx)}\n                {...restTitleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Box>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              data-testid=\"QuickLink.subtitle\"\n              sx={sxOverride({ display: 'block' }, subtitleSx)}\n              {...restSubtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={sxOverride(\n        {\n          display: 'grid',\n          gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n          gap: 3,\n        },\n        sx,\n      )}\n      ref={ref}\n      data-testid=\"QuickLink.wrapper\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","IconComponent","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","onClick","sx","rest","ref","iconSx","restIconProps","dividerWrapperSx","restDividerWrapperProps","dividerSx","restDividerProps","contentWrapperSx","restContentWrapperProps","titleWrapperSx","restTitleWrapperProps","titleSx","restTitleTypographyProps","subtitleSx","restSubtitleTypographyProps","_jsxs","Box","sxOverride","display","flexDirection","alignItems","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","position","width","mb","component","border","inset","m","maxWidth","pr","pt","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/components/search/Search.js

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

package/components/search/Search.js.map

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

package/components/secondaryNavigation/SecondaryNavigationCta.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{useMediaQuery as t,Button as a}from"@mui/material";const i=o((o,i)=>{const m=t(r=>r.breakpoints.down("lg"));return r(a,{ref:i,color:o.variant&&"contained"!==o.variant?"secondary":"primary",size:m?"small":"medium",...o})});export{i as SecondaryNavigationCta};
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useTheme as t,Button as o}from"@mui/material";import{sxOverride as n}from"../../utils/sxOverride/sxOverride.js";const e=r(({sx:r,size:e,...a},m)=>{const p=t();return i(o,{ref:m,color:a.variant&&"contained"!==a.variant?"secondary":"primary",size:e??"medium",sx:n({...!e&&{[p.breakpoints.down("lg")]:{padding:"8px 14px",fontSize:"14px",lineHeight:"16px","& .MuiButton-icon .MuiSvgIcon-root":{fontSize:"17px"},"& .MuiButton-startIcon":{marginRight:"5px"},"& .MuiButton-endIcon":{marginLeft:"5px"}}}},r),...a})});export{e as SecondaryNavigationCta};
 //# sourceMappingURL=SecondaryNavigationCta.js.map

package/components/secondaryNavigation/SecondaryNavigationCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n  const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n  return (\n    <Button\n      ref={ref}\n      color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n      size={downLg ? 'small' : 'medium'}\n      {...props}\n    />\n  );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","color","variant","size"],"mappings":"qIAQO,MAAMA,EAAgEC,EAAW,CAACC,EAAOC,KAC9F,MAAMC,EAASC,EAAsBC,GAAUA,EAAMC,YAAYC,KAAK,OAEtE,OACEC,EAACC,EAAM,CACLP,IAAKA,EACLQ,MAAQT,EAAMU,SAA6B,cAAlBV,EAAMU,QAAsC,YAAZ,UACzDC,KAAMT,EAAS,QAAU,YACrBF"}
+{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, useTheme } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef(\n  ({ sx, size, ...rest }, ref) => {\n    const theme = useTheme();\n\n    return (\n      <Button\n        ref={ref}\n        color={!rest.variant || rest.variant === 'contained' ? 'primary' : 'secondary'}\n        size={size ?? 'medium'}\n        sx={sxOverride(\n          {\n            ...(!size && {\n              // switch to small size in mobile with CSS only to keep SSR output correct,\n              [theme.breakpoints.down('lg')]: {\n                padding: '8px 14px',\n                fontSize: '14px',\n                lineHeight: '16px',\n                '& .MuiButton-icon .MuiSvgIcon-root': {\n                  fontSize: '17px',\n                },\n                '& .MuiButton-startIcon': {\n                  marginRight: '5px',\n                },\n                '& .MuiButton-endIcon': {\n                  marginLeft: '5px',\n                },\n              },\n            }),\n          },\n          sx,\n        )}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SecondaryNavigationCta","forwardRef","sx","size","rest","ref","theme","useTheme","_jsx","Button","color","variant","sxOverride","breakpoints","down","padding","fontSize","lineHeight","marginRight","marginLeft"],"mappings":"kMASO,MAAMA,EAAgEC,EAC3E,EAAGC,KAAIC,UAASC,GAAQC,KACtB,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAM,CACLJ,IAAKA,EACLK,MAAQN,EAAKO,SAA4B,cAAjBP,EAAKO,QAAsC,YAAZ,UACvDR,KAAMA,GAAQ,SACdD,GAAIU,EACF,KACOT,GAAQ,CAEX,CAACG,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,QAAS,WACTC,SAAU,OACVC,WAAY,OACZ,qCAAsC,CACpCD,SAAU,QAEZ,yBAA0B,CACxBE,YAAa,OAEf,uBAAwB,CACtBC,WAAY,UAKpBjB,MAEEE"}

package/components/skodaThemeProvider/SkodaThemeProvider.js

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

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 { sxOverride } from '@/src/utils/sxOverride';\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   * 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={sxOverride({ containerType: 'inline-size' }, sx)} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["SkodaThemeProvider","children","theme","skodaTheme","globalBaseline","widget","createCacheOptions","containerProps","rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","ScopedCssBaseline","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","CacheProvider","value","_Fragment","sx","Box","sxOverride","containerType"],"mappings":"geAsCO,MAAMA,EAAwD,EACnEC,iBACAC,EAAQC,EACRC,kBAAiB,EACjBC,UAAS,EACTC,qBACAC,oBACGC,KAGDC,EAACC,EAAc,CAACC,UAAWT,EAAMS,UAAWN,OAAQA,EAAQC,mBAAoBA,EAAkBL,SAChGQ,EAACG,GAAcV,MAAOA,EAAKD,SACzBQ,EAACI,EAAe,CAACR,OAAQA,KAAYE,EAAcN,SAChDG,IAGCK,EAACK,EAAiB,IAAKN,KAA+B,QAApBN,EAAMS,UAAsB,CAAEI,IAAK,OAAU,CAAA,EAAGd,SAC/EA,UAYf,SAASS,GAAeT,SACtBA,EAAQU,UACRA,EAASN,OACTA,EAAMC,mBACNA,IAOA,MAAMU,EAAQC,EAAQ,KAEpB,GAAkB,QAAdN,GAAwBN,EAG5B,OAAOa,EAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGf,EAAS,IAAM,KAAmB,QAAdM,EAAsB,MAAQ,QAC1DU,cAAe,CACbC,KAEkB,QAAdX,EAAsB,CAACY,GAAa,MAEpClB,EAAS,CAACmB,GAAmB,OAE/BlB,GAAsB,CAAA,KAE3B,CAACK,EAAWN,EAAQC,GAAoBc,MAE3C,OAAOJ,EAAQP,EAACgB,GAAcC,MAAOV,EAAKf,SAAGA,IAA4BQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAC9E,CAKA,SAASY,GAAgBZ,SAAEA,EAAQ2B,GAAEA,EAAEvB,OAAEA,KAAWG,IAClD,OAAOH,EACLI,EAACoB,EAAG,CAACD,GAAIE,EAAW,CAAEC,cAAe,eAAiBH,MAASpB,EAAIP,SAChEA,IAGHQ,EAAAkB,EAAA,CAAA1B,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 { sxOverride } from '@/src/utils/sxOverride';\nimport { CacheProvider } from '@emotion/react';\nimport createCache, { Options } from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport { stylisContainerPlugin } from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '@/src/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   * 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 ? [stylisContainerPlugin] : []),\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={sxOverride({ containerType: 'inline-size' }, sx)} {...rest}>\n      {children}\n    </Box>\n  ) : (\n    <>{children}</>\n  );\n}\n"],"names":["SkodaThemeProvider","children","theme","skodaTheme","globalBaseline","widget","createCacheOptions","containerProps","rest","_jsx","CacheContainer","direction","ThemeProvider","WidgetContainer","ScopedCssBaseline","dir","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","stylisContainerPlugin","CacheProvider","value","_Fragment","sx","Box","sxOverride","containerType"],"mappings":"yfAsCO,MAAMA,EAAwD,EACnEC,iBACAC,EAAQC,EACRC,kBAAiB,EACjBC,UAAS,EACTC,qBACAC,oBACGC,KAGDC,EAACC,EAAc,CAACC,UAAWT,EAAMS,UAAWN,OAAQA,EAAQC,mBAAoBA,EAAkBL,SAChGQ,EAACG,GAAcV,MAAOA,EAAKD,SACzBQ,EAACI,EAAe,CAACR,OAAQA,KAAYE,EAAcN,SAChDG,IAGCK,EAACK,EAAiB,IAAKN,KAA+B,QAApBN,EAAMS,UAAsB,CAAEI,IAAK,OAAU,CAAA,EAAGd,SAC/EA,UAYf,SAASS,GAAeT,SACtBA,EAAQU,UACRA,EAASN,OACTA,EAAMC,mBACNA,IAOA,MAAMU,EAAQC,EAAQ,KAEpB,GAAkB,QAAdN,GAAwBN,EAG5B,OAAOa,EAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGf,EAAS,IAAM,KAAmB,QAAdM,EAAsB,MAAQ,QAC1DU,cAAe,CACbC,KAEkB,QAAdX,EAAsB,CAACY,GAAa,MAEpClB,EAAS,CAACmB,GAAyB,OAErClB,GAAsB,CAAA,KAE3B,CAACK,EAAWN,EAAQC,GAAoBc,MAE3C,OAAOJ,EAAQP,EAACgB,GAAcC,MAAOV,EAAKf,SAAGA,IAA4BQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAC9E,CAKA,SAASY,GAAgBZ,SAAEA,EAAQ2B,GAAEA,EAAEvB,OAAEA,KAAWG,IAClD,OAAOH,EACLI,EAACoB,EAAG,CAACD,GAAIE,EAAW,CAAEC,cAAe,eAAiBH,MAASpB,EAAIP,SAChEA,IAGHQ,EAAAkB,EAAA,CAAA1B,SAAGA,GAEP"}

package/components/skodaThemeProvider/plugins/stylisContainerPlugin.d.ts

@@ -2,5 +2,4 @@ import { Middleware } from 'stylis';
 /**
  * Replaces @media queries with @container queries
  */
-declare const stylisContainerPlugin: Middleware;
-export default stylisContainerPlugin;
+export declare const stylisContainerPlugin: Middleware;

package/components/skodaThemeProvider/plugins/stylisContainerPlugin.js

@@ -1,2 +1,2 @@
-import{MEDIA as e}from"stylis";const t=t=>{t.type===e&&(t.value=t.value.replace("@media","@container"))};Object.defineProperty(t,"name",{value:"stylisContainerPlugin"});export{t as default};
+import{MEDIA as e}from"stylis";const t=t=>{t.type===e&&(t.value=t.value.replace("@media","@container"))};Object.defineProperty(t,"name",{value:"stylisContainerPlugin"});export{t as stylisContainerPlugin};
 //# sourceMappingURL=stylisContainerPlugin.js.map

package/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/**\n * Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n  // check if we are dealing with @media query\n  if (element.type === MEDIA) {\n    element.value = element.value.replace('@media', '@container');\n  }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"+BAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,IACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}
+{"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/**\n * Replaces @media queries with @container queries\n */\nexport const stylisContainerPlugin: Middleware = (element) => {\n  // check if we are dealing with @media query\n  if (element.type === MEDIA) {\n    element.value = element.value.replace('@media', '@container');\n  }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"+BAKO,MAAMA,EAAqCC,IAE5CA,EAAQC,OAASC,IACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,gBAIpDC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}

package/components/textAndCta/AppStoreButton.js

@@ -1,2 +1,2 @@
-import{jsx as h,jsxs as f}from"react/jsx-runtime";import{forwardRef as a,useMemo as l}from"react";import{ButtonBase as c,SvgIcon as t}from"@mui/material";import{sxOverride as i}from"../../utils/sxOverride/sxOverride.js";import{getFocusRingStyle as v}from"../focusring/focusring.js";import{getInteractiveStyle as r}from"../../materialui/button/interactive.js";const e=a(({variant:f,sx:a,...t},e)=>{const p=l(()=>"apple-store"===f?d:m,[f]);return h(c,{sx:i(h=>({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"},...r({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}})}),a),ref:e,...t,children:h(p,{})})});function m(a){return f(t,{viewBox:"0 0 180 53.333",sx:{height:"36px",width:"auto"},...a,children:[h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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 d(a){return f(t,{viewBox:"0 0 119.66407 40",sx:{height:"36px",width:"auto"},...a,children:[h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("path",{d:"M59.09377,8.437h.88867v6.26074h-.88867Z",fill:"#fff"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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{e as AppStoreButton};
+import{jsx as h,jsxs as f}from"react/jsx-runtime";import{forwardRef as a,useMemo as l}from"react";import{ButtonBase as c,SvgIcon as t}from"@mui/material";import{sxOverride as i}from"../../utils/sxOverride/sxOverride.js";import{getFocusRingStyle as v}from"../focusring/focusring.js";import{getInteractiveStyle as r}from"../../materialui/button/interactive.js";const e=a(({variant:f,sx:a,...t},e)=>{const p=l(()=>"apple-store"===f?o:m,[f]);return h(c,{sx:i(h=>({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"},...r({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}})}),a),ref:e,...t,children:h(p,{})})});function m(a){return f(t,{viewBox:"0 0 180 53.333",sx:{height:"36px",width:"auto"},"aria-label":"Google Play",...a,children:[h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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 o(a){return f(t,{viewBox:"0 0 119.66407 40",sx:{height:"36px",width:"auto"},"aria-label":"Apple Store",...a,children:[h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("path",{d:"M59.09377,8.437h.88867v6.26074h-.88867Z",fill:"#fff"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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"}),h("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{e as AppStoreButton};
 //# sourceMappingURL=AppStoreButton.js.map