@flipdish/portal-library 4.2.2 → 4.2.3

package/dist/components/ListItemLinkButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled?: boolean; selected: boolean }>(({ theme, borderBottom, selected }) => ({\n  borderBottom: borderBottom ?? '1px solid #cecece',\n  paddingLeft: theme.spacing(4),\n  paddingRight: theme.spacing(4),\n  '&:hover': {\n    backgroundColor: '#eaf2ff',\n  },\n  '&:focus': {\n    backgroundColor: '#eaf2ff',\n  },\n  // Override link color inheritance\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  backgroundColor: selected ? '#eaf2ff' : 'inherit',\n}));\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      selected={isSelected}\n      to={link}\n      onClick={onClick}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","ListItemLink","shouldForwardProp","prop","includes","theme","borderBottom","selected","paddingLeft","spacing","paddingRight","backgroundColor","color","palette","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","disabled","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"wZAeA,MAAMA,EAAqBC,EAAOC,EAAc,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAH,EAK0C,EAAGK,QAAOC,eAAcC,eAAgB,CAC3GD,aAAcA,GAAgB,oBAC9BE,YAAaH,EAAMI,QAAQ,GAC3BC,aAAcL,EAAMI,QAAQ,GAC5B,UAAW,CACTE,gBAAiB,WAEnB,UAAW,CACTA,gBAAiB,WAGnBC,MAAOP,EAAMQ,QAAQC,KAAKC,QAC1BC,eAAgB,OAChBL,gBAAiBJ,EAAW,UAAY,cAGpCU,EAAqBjB,EAAOkB,EAAc,CAC9ChB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BH,EAEK,EAAGmB,iBAAkB,CACnDC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,QAGNC,EAAqBxB,EAAOyB,EAAPzB,EAAqB,EAAGK,YAAa,CAC9D,6BAA8B,CAC5BO,MAAOP,EAAMQ,QAAQC,KAAKC,SAE5B,+BAAgC,CAC9BH,MAAOP,EAAMQ,QAAQC,KAAKY,eAuBjBC,EAAqB,EAChCrB,eACAsB,cACAC,iBACAC,YAAW,EACXC,UACAC,QACAC,WACAC,OACAf,aACAgB,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMpC,EAAQqC,IACRC,EAAWC,EAAcvC,EAAMwC,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYpB,GAAeI,EAC3BiB,EAAepB,GAAkBI,EAEvC,OACEiB,EAACnD,EAAkB,CACjBoD,QACA,EAAA7C,aAAcyC,EAAazC,EAAe,OAC1CwB,SAAUA,EACVsB,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCzB,SAAUkC,EACVa,GAAIlB,EACJL,QAASA,EAAOwB,SAAA,CAEfrB,GACCsB,EAACvC,EAAmB,CAAAE,WAAYA,EAAUoC,SACxCC,SAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAACvC,EAAmB,CAAAE,WAAYA,WAAaoB,IAE/DiB,EAAChC,GAAmBT,QAASiC,EAAWtB,UAAWuB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAACK,EAAU,CAAA,aAAa,eAAe7B,IACrCuB,SAAAC,EAACM,EAAqB,CAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled?: boolean; selected: boolean }>(({ theme, borderBottom, selected }) => ({\n  borderBottom: borderBottom ?? '1px solid #cecece',\n  paddingLeft: theme.spacing(4),\n  paddingRight: theme.spacing(4),\n  '&:hover': {\n    backgroundColor: '#eaf2ff',\n  },\n  '&:focus': {\n    backgroundColor: '#eaf2ff',\n  },\n  // Override link color inheritance\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  backgroundColor: selected ? '#eaf2ff' : 'inherit',\n}));\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      selected={isSelected}\n      to={link}\n      onClick={onClick}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","ListItemLink","shouldForwardProp","prop","includes","theme","borderBottom","selected","paddingLeft","spacing","paddingRight","backgroundColor","color","palette","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","disabled","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"wZAeA,MAAMA,EAAqBC,EAAOC,EAAc,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAH,EAK0C,EAAGK,QAAOC,eAAcC,eAAU,CACrGD,aAAcA,GAAgB,oBAC9BE,YAAaH,EAAMI,QAAQ,GAC3BC,aAAcL,EAAMI,QAAQ,GAC5B,UAAW,CACTE,gBAAiB,WAEnB,UAAW,CACTA,gBAAiB,WAGnBC,MAAOP,EAAMQ,QAAQC,KAAKC,QAC1BC,eAAgB,OAChBL,gBAAiBJ,EAAW,UAAY,cAGpCU,EAAqBjB,EAAOkB,EAAc,CAC9ChB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BH,EAEK,EAAGmB,iBAAY,CAC7CC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,QAGNC,EAAqBxB,EAAOyB,EAAPzB,EAAqB,EAAGK,YAAO,CACxD,6BAA8B,CAC5BO,MAAOP,EAAMQ,QAAQC,KAAKC,SAE5B,+BAAgC,CAC9BH,MAAOP,EAAMQ,QAAQC,KAAKY,eAuBjBC,EAAqB,EAChCrB,eACAsB,cACAC,iBACAC,YAAW,EACXC,UACAC,QACAC,WACAC,OACAf,aACAgB,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMpC,EAAQqC,IACRC,EAAWC,EAAcvC,EAAMwC,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYpB,GAAeI,EAC3BiB,EAAepB,GAAkBI,EAEvC,OACEiB,EAACnD,EAAkB,CACjBoD,QAAM,EACN7C,aAAcyC,EAAazC,EAAe,OAC1CwB,SAAUA,EACVsB,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCzB,SAAUkC,EACVa,GAAIlB,EACJL,QAASA,EAAOwB,SAAA,CAEfrB,GACCsB,EAACvC,EAAkB,CAACE,WAAYA,EAAUoC,SACxCC,SAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAACvC,EAAkB,CAACE,WAAYA,WAAaoB,IAE/DiB,EAAChC,GAAmBT,QAASiC,EAAWtB,UAAWuB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAACK,EAAU,CAAA,aAAa,eAAe7B,IAAOuB,SAC5CC,EAACM,EAAkB,CAAA"}

package/dist/components/NoResults/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    margin: theme.spacing(8, 'auto'),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n    padding: theme.spacing(2, 8),\n}));\n\ntype Props = {\n    title: string;\n    caption?: string;\n    hasCardBackground?: boolean;\n};\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n    const renderContent = () => {\n        return (\n            <StyledTextContainer>\n                <Typography variant=\"h6\" gutterBottom>\n                    {title}\n                </Typography>\n                {caption && <Typography variant=\"body2\">{caption}</Typography>}\n            </StyledTextContainer>\n        );\n    };\n\n    if (!hasCardBackground) {\n        return renderContent();\n    }\n\n    return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","variant","gutterBottom","jsx"],"mappings":"wJAIA,MAAMA,EAAsBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,aAGTC,EAAaT,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAa,CAC5CU,QAASV,EAAME,QAAQ,EAAG,sBASZ,EAAGS,QAAOC,UAASC,qBAAoB,MACrD,MAAMC,EAAgB,IAEdC,OAACjB,EAAmB,CAAAkB,SAAA,CAChBC,EAAAA,IAACC,EAAW,CAAAC,QAAQ,KAAKC,cACpB,EAAAJ,SAAAL,IAEJC,GAAWK,EAACI,IAAAH,EAAW,CAAAC,QAAQ,QAASH,SAAAJ,OAKrD,OAAKC,EAIEI,MAACT,EAAU,CAAAQ,SAAEF,MAHTA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    margin: theme.spacing(8, 'auto'),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n    padding: theme.spacing(2, 8),\n}));\n\ntype Props = {\n    title: string;\n    caption?: string;\n    hasCardBackground?: boolean;\n};\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n    const renderContent = () => {\n        return (\n            <StyledTextContainer>\n                <Typography variant=\"h6\" gutterBottom>\n                    {title}\n                </Typography>\n                {caption && <Typography variant=\"body2\">{caption}</Typography>}\n            </StyledTextContainer>\n        );\n    };\n\n    if (!hasCardBackground) {\n        return renderContent();\n    }\n\n    return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","variant","gutterBottom"],"mappings":"wJAIA,MAAMA,EAAsBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAChDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,aAGTC,EAAaT,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAO,CACtCU,QAASV,EAAME,QAAQ,EAAG,sBASZ,EAAGS,QAAOC,UAASC,qBAAoB,MACrD,MAAMC,EAAgB,IAEdC,OAACjB,EAAmB,CAAAkB,SAAA,CAChBC,EAAAA,IAACC,EAAU,CAACC,QAAQ,KAAKC,cAAY,EAAAJ,SAChCL,IAEJC,GAAWK,EAAAA,IAACC,EAAU,CAACC,QAAQ,QAAOH,SAAEJ,OAKrD,OAAKC,EAIEI,EAAAA,IAACT,EAAU,CAAAQ,SAAEF,MAHTA"}

package/dist/components/NoResults/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    margin: theme.spacing(8, 'auto'),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n    padding: theme.spacing(2, 8),\n}));\n\ntype Props = {\n    title: string;\n    caption?: string;\n    hasCardBackground?: boolean;\n};\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n    const renderContent = () => {\n        return (\n            <StyledTextContainer>\n                <Typography variant=\"h6\" gutterBottom>\n                    {title}\n                </Typography>\n                {caption && <Typography variant=\"body2\">{caption}</Typography>}\n            </StyledTextContainer>\n        );\n    };\n\n    if (!hasCardBackground) {\n        return renderContent();\n    }\n\n    return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","NoResults","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","variant","gutterBottom"],"mappings":"0KAIA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,aAGTC,EAAaT,EAAOU,EAAPV,EAAa,EAAGC,YAAa,CAC5CU,QAASV,EAAME,QAAQ,EAAG,OASxBS,EAAY,EAAGC,QAAOC,UAASC,qBAAoB,MACrD,MAAMC,EAAgB,IAEdC,EAAClB,EAAmB,CAAAmB,SAAA,CAChBC,EAACC,EAAW,CAAAC,QAAQ,KAAKC,cACpB,EAAAJ,SAAAL,IAEJC,GAAWK,EAACC,EAAW,CAAAC,QAAQ,QAASH,SAAAJ,OAKrD,OAAKC,EAIEI,EAACV,EAAU,CAAAS,SAAEF,MAHTA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/NoResults/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    margin: theme.spacing(8, 'auto'),\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    textAlign: 'center',\n}));\n\nconst StyledCard = styled(Card)(({ theme }) => ({\n    padding: theme.spacing(2, 8),\n}));\n\ntype Props = {\n    title: string;\n    caption?: string;\n    hasCardBackground?: boolean;\n};\n\nconst NoResults = ({ title, caption, hasCardBackground = false }: Props) => {\n    const renderContent = () => {\n        return (\n            <StyledTextContainer>\n                <Typography variant=\"h6\" gutterBottom>\n                    {title}\n                </Typography>\n                {caption && <Typography variant=\"body2\">{caption}</Typography>}\n            </StyledTextContainer>\n        );\n    };\n\n    if (!hasCardBackground) {\n        return renderContent();\n    }\n\n    return <StyledCard>{renderContent()}</StyledCard>;\n};\n\nexport default NoResults;\n"],"names":["StyledTextContainer","styled","theme","margin","spacing","display","flexDirection","justifyContent","alignItems","textAlign","StyledCard","Card","padding","NoResults","title","caption","hasCardBackground","renderContent","_jsxs","children","_jsx","Typography","variant","gutterBottom"],"mappings":"0KAIA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAChDC,OAAQD,EAAME,QAAQ,EAAG,QACzBC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,aAGTC,EAAaT,EAAOU,EAAPV,EAAa,EAAGC,YAAO,CACtCU,QAASV,EAAME,QAAQ,EAAG,OASxBS,EAAY,EAAGC,QAAOC,UAASC,qBAAoB,MACrD,MAAMC,EAAgB,IAEdC,EAAClB,EAAmB,CAAAmB,SAAA,CAChBC,EAACC,EAAU,CAACC,QAAQ,KAAKC,cAAY,EAAAJ,SAChCL,IAEJC,GAAWK,EAACC,EAAU,CAACC,QAAQ,QAAOH,SAAEJ,OAKrD,OAAKC,EAIEI,EAACV,EAAU,CAAAS,SAAEF,MAHTA"}

package/dist/components/NotFoundPage/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","pageNotFoundText","_jsx","jsx","children","Typography"],"mappings":"uJAIA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAOK,EAAGC,sBAEhBC,EAACC,IAAAX,EACG,CAAAY,SAAAF,EAAAA,IAACG,EAAU,CAAAD,SAAEH"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","pageNotFoundText","_jsx","children","Typography"],"mappings":"uJAIA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC9CC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAOK,EAAGC,sBAEhBC,EAAAA,IAACV,EAAmB,CAAAW,SAChBD,EAAAA,IAACE,EAAU,CAAAD,SAAEF"}

package/dist/components/NotFoundPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","pageNotFoundText","_jsx","children","Typography"],"mappings":"+JAIA,MAAMA,EAAsBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAe,EAAGC,sBAEhBC,EAACX,EACG,CAAAY,SAAAD,EAACE,EAAU,CAAAD,SAAEF"}
+{"version":3,"file":"index.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","pageNotFoundText","_jsx","children","Typography"],"mappings":"+JAIA,MAAMA,EAAsBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC9CC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAe,EAAGC,sBAEhBC,EAACX,EAAmB,CAAAY,SAChBD,EAACE,EAAU,CAAAD,SAAEF"}

package/dist/components/PageLayout/FullWidthContainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullWidthContainer.cjs.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n  className?: string;\n  children: ReactNode;\n  fullWidth?: boolean;\n  fullSize?: boolean;\n  noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n  const theme = useTheme<Theme>();\n\n  const FullWidthDiv = styled('div')(() => ({\n    // Base styles\n    ...(fullWidth && {\n      marginLeft: -20,\n      marginRight: -20,\n    }),\n    ...(fullSize && {\n      [theme.breakpoints.up('mobile')]: {\n        marginLeft: theme.spacing(-3),\n        marginRight: theme.spacing(-3),\n      },\n    }),\n    ...(noTopSpace && {\n      marginTop: `${theme.spacing(-3)} !important`,\n      [theme.breakpoints.only('base')]: {\n        marginTop: `${theme.spacing(-2)} !important`,\n      },\n    }),\n    [theme.breakpoints.only('mobile')]: {\n      marginLeft: theme.spacing(-3),\n      marginRight: theme.spacing(-3),\n    },\n    [theme.breakpoints.only('base')]: {\n      marginLeft: theme.spacing(-2),\n      marginRight: theme.spacing(-2),\n    },\n  }));\n\n  return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"sHAY2B,EAAGA,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,KAAO,IAEpCN,GAAa,CACfO,YAAe,GACfC,aAAgB,OAEdP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAU,gBAC9B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAU,kBAGlC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAIvB,OAAOG,EAAAA,IAACT,EAAa,CAAAN,UAAWA,EAASD,SAAGA"}
+{"version":3,"file":"FullWidthContainer.cjs.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n  className?: string;\n  children: ReactNode;\n  fullWidth?: boolean;\n  fullSize?: boolean;\n  noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n  const theme = useTheme<Theme>();\n\n  const FullWidthDiv = styled('div')(() => ({\n    // Base styles\n    ...(fullWidth && {\n      marginLeft: -20,\n      marginRight: -20,\n    }),\n    ...(fullSize && {\n      [theme.breakpoints.up('mobile')]: {\n        marginLeft: theme.spacing(-3),\n        marginRight: theme.spacing(-3),\n      },\n    }),\n    ...(noTopSpace && {\n      marginTop: `${theme.spacing(-3)} !important`,\n      [theme.breakpoints.only('base')]: {\n        marginTop: `${theme.spacing(-2)} !important`,\n      },\n    }),\n    [theme.breakpoints.only('mobile')]: {\n      marginLeft: theme.spacing(-3),\n      marginRight: theme.spacing(-3),\n    },\n    [theme.breakpoints.only('base')]: {\n      marginLeft: theme.spacing(-2),\n      marginRight: theme.spacing(-2),\n    },\n  }));\n\n  return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"sHAY2B,EAAGA,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,KAAA,IAE7BN,GAAa,CACfO,YAAY,GACZC,aAAa,OAEXP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAQ,gBAC5B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAQ,kBAGhC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAIvB,OAAOG,EAAAA,IAACT,EAAY,CAACN,UAAWA,EAASD,SAAGA"}

package/dist/components/PageLayout/FullWidthContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullWidthContainer.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n  className?: string;\n  children: ReactNode;\n  fullWidth?: boolean;\n  fullSize?: boolean;\n  noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n  const theme = useTheme<Theme>();\n\n  const FullWidthDiv = styled('div')(() => ({\n    // Base styles\n    ...(fullWidth && {\n      marginLeft: -20,\n      marginRight: -20,\n    }),\n    ...(fullSize && {\n      [theme.breakpoints.up('mobile')]: {\n        marginLeft: theme.spacing(-3),\n        marginRight: theme.spacing(-3),\n      },\n    }),\n    ...(noTopSpace && {\n      marginTop: `${theme.spacing(-3)} !important`,\n      [theme.breakpoints.only('base')]: {\n        marginTop: `${theme.spacing(-2)} !important`,\n      },\n    }),\n    [theme.breakpoints.only('mobile')]: {\n      marginLeft: theme.spacing(-3),\n      marginRight: theme.spacing(-3),\n    },\n    [theme.breakpoints.only('base')]: {\n      marginLeft: theme.spacing(-2),\n      marginRight: theme.spacing(-2),\n    },\n  }));\n\n  return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["FullWidthContainer","children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"kHAYA,MAAMA,EAAqB,EAAGC,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,IAERC,EAAeC,EAAO,MAAPA,EAAc,KAAO,IAEpCN,GAAa,CACfO,YAAe,GACfC,aAAgB,OAEdP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAU,gBAC9B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAU,kBAGlC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAIvB,OAAOG,EAACT,EAAa,CAAAN,UAAWA,EAASD,SAAGA"}
+{"version":3,"file":"FullWidthContainer.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n  className?: string;\n  children: ReactNode;\n  fullWidth?: boolean;\n  fullSize?: boolean;\n  noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n  const theme = useTheme<Theme>();\n\n  const FullWidthDiv = styled('div')(() => ({\n    // Base styles\n    ...(fullWidth && {\n      marginLeft: -20,\n      marginRight: -20,\n    }),\n    ...(fullSize && {\n      [theme.breakpoints.up('mobile')]: {\n        marginLeft: theme.spacing(-3),\n        marginRight: theme.spacing(-3),\n      },\n    }),\n    ...(noTopSpace && {\n      marginTop: `${theme.spacing(-3)} !important`,\n      [theme.breakpoints.only('base')]: {\n        marginTop: `${theme.spacing(-2)} !important`,\n      },\n    }),\n    [theme.breakpoints.only('mobile')]: {\n      marginLeft: theme.spacing(-3),\n      marginRight: theme.spacing(-3),\n    },\n    [theme.breakpoints.only('base')]: {\n      marginLeft: theme.spacing(-2),\n      marginRight: theme.spacing(-2),\n    },\n  }));\n\n  return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["FullWidthContainer","children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"kHAYA,MAAMA,EAAqB,EAAGC,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,IAERC,EAAeC,EAAO,MAAPA,EAAc,KAAA,IAE7BN,GAAa,CACfO,YAAY,GACZC,aAAa,OAEXP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAQ,gBAC5B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAQ,kBAGhC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAIvB,OAAOG,EAACT,EAAY,CAACN,UAAWA,EAASD,SAAGA"}

package/dist/components/PageLayout/GlobalSpacingStyles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSpacingStyles.cjs.js","sources":["../../../src/components/PageLayout/GlobalSpacingStyles.tsx"],"sourcesContent":["import GlobalStyles from '@mui/material/GlobalStyles';\nimport useTheme from '@mui/material/styles/useTheme';\n\nimport {\n  HORIZONTAL_SPACE_CLASSNAME,\n  LEFT_HORIZONTAL_SPACE_CLASSNAME,\n  RIGHT_HORIZONTAL_SPACE_CLASSNAME,\n  VERTICAL_SPACE_CLASSNAME,\n} from '.';\n\nconst GlobalSpacingStyles = () => {\n  const theme = useTheme();\n\n  return (\n    <GlobalStyles\n      styles={{\n        [`.${HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${LEFT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${RIGHT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${VERTICAL_SPACE_CLASSNAME}`]: {\n          paddingTop: `${theme.spacing(3)} !important`,\n          paddingBottom: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingTop: `${theme.spacing(2)} !important`,\n            paddingBottom: `${theme.spacing(2)} !important`,\n          },\n        },\n      }}\n    />\n  );\n};\n\nexport default GlobalSpacingStyles;\n"],"names":["theme","useTheme","_jsx","jsx","GlobalStyles","styles","HORIZONTAL_SPACE_CLASSNAME","paddingLeft","spacing","paddingRight","breakpoints","only","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","paddingTop","paddingBottom"],"mappings":"8KAU4B,KAC1B,MAAMA,EAAQC,IAEd,OACEC,EAAAC,IAACC,EAAY,CACXC,OAAQ,CACN,CAAC,IAAIC,EAA0BA,8BAAK,CAClCC,YAAa,GAAGP,EAAMQ,QAAQ,gBAC9BC,aAAc,GAAGT,EAAMQ,QAAQ,gBAC/B,CAACR,EAAMU,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGP,EAAMQ,QAAQ,gBAC9BC,aAAc,GAAGT,EAAMQ,QAAQ,kBAGnC,CAAC,IAAII,EAA+BA,mCAAK,CACvCL,YAAa,GAAGP,EAAMQ,QAAQ,gBAC9B,CAACR,EAAMU,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGP,EAAMQ,QAAQ,kBAGlC,CAAC,IAAIK,EAAgCA,oCAAK,CACxCJ,aAAc,GAAGT,EAAMQ,QAAQ,gBAC/B,CAACR,EAAMU,YAAYC,KAAK,SAAU,CAChCF,aAAc,GAAGT,EAAMQ,QAAQ,kBAGnC,CAAC,IAAIM,EAAwBA,4BAAK,CAChCC,WAAY,GAAGf,EAAMQ,QAAQ,gBAC7BQ,cAAe,GAAGhB,EAAMQ,QAAQ,gBAChC,CAACR,EAAMU,YAAYC,KAAK,SAAU,CAChCI,WAAY,GAAGf,EAAMQ,QAAQ,gBAC7BQ,cAAe,GAAGhB,EAAMQ,QAAQ"}
+{"version":3,"file":"GlobalSpacingStyles.cjs.js","sources":["../../../src/components/PageLayout/GlobalSpacingStyles.tsx"],"sourcesContent":["import GlobalStyles from '@mui/material/GlobalStyles';\nimport useTheme from '@mui/material/styles/useTheme';\n\nimport {\n  HORIZONTAL_SPACE_CLASSNAME,\n  LEFT_HORIZONTAL_SPACE_CLASSNAME,\n  RIGHT_HORIZONTAL_SPACE_CLASSNAME,\n  VERTICAL_SPACE_CLASSNAME,\n} from '.';\n\nconst GlobalSpacingStyles = () => {\n  const theme = useTheme();\n\n  return (\n    <GlobalStyles\n      styles={{\n        [`.${HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${LEFT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${RIGHT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${VERTICAL_SPACE_CLASSNAME}`]: {\n          paddingTop: `${theme.spacing(3)} !important`,\n          paddingBottom: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingTop: `${theme.spacing(2)} !important`,\n            paddingBottom: `${theme.spacing(2)} !important`,\n          },\n        },\n      }}\n    />\n  );\n};\n\nexport default GlobalSpacingStyles;\n"],"names":["theme","useTheme","_jsx","GlobalStyles","styles","HORIZONTAL_SPACE_CLASSNAME","paddingLeft","spacing","paddingRight","breakpoints","only","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","paddingTop","paddingBottom"],"mappings":"8KAU4B,KAC1B,MAAMA,EAAQC,IAEd,OACEC,EAAAA,IAACC,EAAY,CACXC,OAAQ,CACN,CAAC,IAAIC,EAAAA,8BAA+B,CAClCC,YAAa,GAAGN,EAAMO,QAAQ,gBAC9BC,aAAc,GAAGR,EAAMO,QAAQ,gBAC/B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGN,EAAMO,QAAQ,gBAC9BC,aAAc,GAAGR,EAAMO,QAAQ,kBAGnC,CAAC,IAAII,EAAAA,mCAAoC,CACvCL,YAAa,GAAGN,EAAMO,QAAQ,gBAC9B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGN,EAAMO,QAAQ,kBAGlC,CAAC,IAAIK,EAAAA,oCAAqC,CACxCJ,aAAc,GAAGR,EAAMO,QAAQ,gBAC/B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCF,aAAc,GAAGR,EAAMO,QAAQ,kBAGnC,CAAC,IAAIM,EAAAA,4BAA6B,CAChCC,WAAY,GAAGd,EAAMO,QAAQ,gBAC7BQ,cAAe,GAAGf,EAAMO,QAAQ,gBAChC,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCI,WAAY,GAAGd,EAAMO,QAAQ,gBAC7BQ,cAAe,GAAGf,EAAMO,QAAQ"}

package/dist/components/PageLayout/GlobalSpacingStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalSpacingStyles.js","sources":["../../../src/components/PageLayout/GlobalSpacingStyles.tsx"],"sourcesContent":["import GlobalStyles from '@mui/material/GlobalStyles';\nimport useTheme from '@mui/material/styles/useTheme';\n\nimport {\n  HORIZONTAL_SPACE_CLASSNAME,\n  LEFT_HORIZONTAL_SPACE_CLASSNAME,\n  RIGHT_HORIZONTAL_SPACE_CLASSNAME,\n  VERTICAL_SPACE_CLASSNAME,\n} from '.';\n\nconst GlobalSpacingStyles = () => {\n  const theme = useTheme();\n\n  return (\n    <GlobalStyles\n      styles={{\n        [`.${HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${LEFT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${RIGHT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${VERTICAL_SPACE_CLASSNAME}`]: {\n          paddingTop: `${theme.spacing(3)} !important`,\n          paddingBottom: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingTop: `${theme.spacing(2)} !important`,\n            paddingBottom: `${theme.spacing(2)} !important`,\n          },\n        },\n      }}\n    />\n  );\n};\n\nexport default GlobalSpacingStyles;\n"],"names":["GlobalSpacingStyles","theme","useTheme","_jsx","GlobalStyles","styles","HORIZONTAL_SPACE_CLASSNAME","paddingLeft","spacing","paddingRight","breakpoints","only","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","paddingTop","paddingBottom"],"mappings":"gSAUM,MAAAA,EAAsB,KAC1B,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAY,CACXC,OAAQ,CACN,CAAC,IAAIC,KAA+B,CAClCC,YAAa,GAAGN,EAAMO,QAAQ,gBAC9BC,aAAc,GAAGR,EAAMO,QAAQ,gBAC/B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGN,EAAMO,QAAQ,gBAC9BC,aAAc,GAAGR,EAAMO,QAAQ,kBAGnC,CAAC,IAAII,KAAoC,CACvCL,YAAa,GAAGN,EAAMO,QAAQ,gBAC9B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGN,EAAMO,QAAQ,kBAGlC,CAAC,IAAIK,KAAqC,CACxCJ,aAAc,GAAGR,EAAMO,QAAQ,gBAC/B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCF,aAAc,GAAGR,EAAMO,QAAQ,kBAGnC,CAAC,IAAIM,KAA6B,CAChCC,WAAY,GAAGd,EAAMO,QAAQ,gBAC7BQ,cAAe,GAAGf,EAAMO,QAAQ,gBAChC,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCI,WAAY,GAAGd,EAAMO,QAAQ,gBAC7BQ,cAAe,GAAGf,EAAMO,QAAQ"}
+{"version":3,"file":"GlobalSpacingStyles.js","sources":["../../../src/components/PageLayout/GlobalSpacingStyles.tsx"],"sourcesContent":["import GlobalStyles from '@mui/material/GlobalStyles';\nimport useTheme from '@mui/material/styles/useTheme';\n\nimport {\n  HORIZONTAL_SPACE_CLASSNAME,\n  LEFT_HORIZONTAL_SPACE_CLASSNAME,\n  RIGHT_HORIZONTAL_SPACE_CLASSNAME,\n  VERTICAL_SPACE_CLASSNAME,\n} from '.';\n\nconst GlobalSpacingStyles = () => {\n  const theme = useTheme();\n\n  return (\n    <GlobalStyles\n      styles={{\n        [`.${HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${LEFT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingLeft: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingLeft: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${RIGHT_HORIZONTAL_SPACE_CLASSNAME}`]: {\n          paddingRight: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingRight: `${theme.spacing(2)} !important`,\n          },\n        },\n        [`.${VERTICAL_SPACE_CLASSNAME}`]: {\n          paddingTop: `${theme.spacing(3)} !important`,\n          paddingBottom: `${theme.spacing(3)} !important`,\n          [theme.breakpoints.only('base')]: {\n            paddingTop: `${theme.spacing(2)} !important`,\n            paddingBottom: `${theme.spacing(2)} !important`,\n          },\n        },\n      }}\n    />\n  );\n};\n\nexport default GlobalSpacingStyles;\n"],"names":["GlobalSpacingStyles","theme","useTheme","_jsx","GlobalStyles","styles","HORIZONTAL_SPACE_CLASSNAME","paddingLeft","spacing","paddingRight","breakpoints","only","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","paddingTop","paddingBottom"],"mappings":"gSAUA,MAAMA,EAAsB,KAC1B,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAY,CACXC,OAAQ,CACN,CAAC,IAAIC,KAA+B,CAClCC,YAAa,GAAGN,EAAMO,QAAQ,gBAC9BC,aAAc,GAAGR,EAAMO,QAAQ,gBAC/B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGN,EAAMO,QAAQ,gBAC9BC,aAAc,GAAGR,EAAMO,QAAQ,kBAGnC,CAAC,IAAII,KAAoC,CACvCL,YAAa,GAAGN,EAAMO,QAAQ,gBAC9B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCJ,YAAa,GAAGN,EAAMO,QAAQ,kBAGlC,CAAC,IAAIK,KAAqC,CACxCJ,aAAc,GAAGR,EAAMO,QAAQ,gBAC/B,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCF,aAAc,GAAGR,EAAMO,QAAQ,kBAGnC,CAAC,IAAIM,KAA6B,CAChCC,WAAY,GAAGd,EAAMO,QAAQ,gBAC7BQ,cAAe,GAAGf,EAAMO,QAAQ,gBAChC,CAACP,EAAMS,YAAYC,KAAK,SAAU,CAChCI,WAAY,GAAGd,EAAMO,QAAQ,gBAC7BQ,cAAe,GAAGf,EAAMO,QAAQ"}

package/dist/components/PageLayout/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n  maxWidth: fluid ? 'none' : maxWidth,\n  [theme.breakpoints.down('laptop')]: {\n    maxWidth: 'none',\n  },\n  padding: theme.spacing(2, 4),\n  position: 'relative',\n  minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n  [theme.breakpoints.down('laptop')]: {\n    width: '100%',\n    paddingTop: theme.spacing(2),\n  },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n  flexWrap: 'nowrap',\n  alignItems: 'flex-start',\n  paddingTop: theme.spacing(3),\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(3),\n  },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n  flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n  maxWidth,\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingBottom: theme.spacing(2),\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n  },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\n  },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n  maxWidth,\n  marginLeft: theme.spacing(6),\n  marginRight: theme.spacing(4),\n  paddingBottom: theme.spacing(2),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: 12,\n    marginRight: theme.spacing(3),\n  },\n\n  [theme.breakpoints.only('mobile')]: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    maxWidth: 'none',\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    maxWidth: 'none',\n  },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n  display: 'flex',\n  flexGrow: 1,\n  justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n  lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n  fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n  marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode | string }) => (\n  <StyledPageTitle component=\"h2\" variant=\"h5\">\n    {title}\n  </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n  ({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground\n      ? theme.palette.semantic.background['background-alternate']\n      : theme.palette.semantic.background['background-base'],\n    width: '100%',\n    height: '100%',\n  }),\n);\n\nexport interface Props {\n  actionBtnTitle?: string;\n  caption?: ReactNode;\n  children: ReactNode;\n  contextButtons?: ReactNode[];\n  documentTitle: string;\n  fluid?: boolean;\n  fullWidth?: boolean;\n  header?: ReactNode;\n  hideHeader?: boolean;\n  actionButtonLink?: string;\n  pageHeader?: ReactNode;\n  showActionButton?: boolean;\n  showAddIcon?: boolean;\n  title: ReactNode;\n  titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n  titleComponentAfter?: ReactNode;\n  toPrevious?: boolean;\n  toParent?: string;\n  strictToParent?: boolean;\n  openLinkInNewTab?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  navigate: (to: any) => void;\n  hideDivider?: boolean;\n  customActionButtons?: ReactNode[];\n  useAlternateBackground?: boolean;\n  errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n  const {\n    actionBtnTitle,\n    caption,\n    children,\n    contextButtons,\n    documentTitle,\n    fluid = false,\n    fullWidth,\n    header,\n    hideHeader,\n    actionButtonLink,\n    openLinkInNewTab = false,\n    pageHeader,\n    showActionButton,\n    showAddIcon,\n    title,\n    titleComponent: TitleComponent,\n    toPrevious,\n    toParent,\n    strictToParent,\n    navigate,\n    hideDivider = false,\n    customActionButtons,\n    useAlternateBackground = false,\n    titleComponentAfter,\n    errorBoundarySomethingWentWrongText,\n  } = props;\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n  const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n  const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n  const getActionButtonLink = () => {\n    if (actionButtonWithHttps) {\n      return actionButtonLink;\n    }\n    if (actionButtonLink !== undefined) {\n      return joinUrlPaths(baseUrl, actionButtonLink);\n    }\n    return '';\n  };\n  const actionButtonLinkFinal = getActionButtonLink();\n\n  return (\n    <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n      <StyledWrapper fluid={fluid}>\n        {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n        {pageHeader || null}\n        <StyledInnerWrapper>\n          {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n          {!hideHeader && (\n            <>\n              <StyledHeader container alignItems=\"center\" direction=\"column\">\n                <Grid container item alignContent=\"space-between\" direction=\"row\">\n                  <StyledHeaderContainer item>\n                    {contextButtons?.map((button) => (\n                      <div\n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                        key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                      >\n                        {button}\n                      </div>\n                    ))}\n                  </StyledHeaderContainer>\n                </Grid>\n                <StyledTitleContainer container item>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\n                        aria-label=\"Back\"\n                        component={'button'}\n                        data-testid=\"back_button\"\n                        hasTitleComponent={!!TitleComponent}\n                        onClick={() => {\n                          if (toPrevious) {\n                            navigate(-1);\n                          } else if (toParent && strictToParent) {\n                            navigate(toParent);\n                          } else if (toParent && history.length < historyMinLength) {\n                            navigate(toParent);\n                          } else {\n                            navigate(-1);\n                          }\n                        }}\n                      >\n                        <ArrowLeft02 />\n                      </StyledBackButton>\n                    </Box>\n                  )}\n\n                  <StyledTitleSection item>\n                    {TitleComponent ? (\n                      <TitleComponent />\n                    ) : (\n                      <Box alignItems=\"center\" display=\"flex\" gap={2}>\n                        <PageTitle title={title} />\n                        {titleComponentAfter}\n                      </Box>\n                    )}\n                    {caption && (\n                      <StyledCaption component=\"h3\" variant=\"caption\">\n                        {caption}\n                      </StyledCaption>\n                    )}\n                  </StyledTitleSection>\n\n                  {showActionButton && (\n                    <>\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>\n                        {/* @ts-expect-error - Button props type mismatch with href/target */}\n                        <Button\n                          data-testid={`Action-button-${actionBtnTitle}`}\n                          fullWidth={true}\n                          href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                          rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                          target={openLinkInNewTab ? '_blank' : undefined}\n                          variant=\"contained\"\n                          onClick={\n                            !openLinkInNewTab && !actionButtonWithHttps\n                              ? () => navigate(actionButtonLink)\n                              : () => {}\n                          }\n                        >\n                          {showAddIcon && <StyledAdd size=\"sm\" />}\n                          {actionBtnTitle}\n                        </Button>\n                      </StyledActionButtonGrid>\n                    </>\n                  )}\n                  {customActionButtons?.map((button) => (\n                    <div\n                      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                      key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                    >\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>{button}</StyledActionButtonGrid>\n                    </div>\n                  ))}\n                </StyledTitleContainer>\n              </StyledHeader>\n              {!hideDivider && <StyledPageDivider />}\n            </>\n          )}\n          <FullWidthContainer fullWidth={fullWidth}>\n            {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n            <FDErrorBoundary\n              identifier={documentTitle}\n              somethingWentWrongText={errorBoundarySomethingWentWrongText}\n            >\n              {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n              <>{children}</>\n            </FDErrorBoundary>\n          </FullWidthContainer>\n        </StyledInnerWrapper>\n      </StyledWrapper>\n    </StyledPageContainer>\n  );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","jsx","_jsxs","DocumentTitle","Spacer","size","_Fragment","jsxs","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n  maxWidth: fluid ? 'none' : maxWidth,\n  [theme.breakpoints.down('laptop')]: {\n    maxWidth: 'none',\n  },\n  padding: theme.spacing(2, 4),\n  position: 'relative',\n  minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n  [theme.breakpoints.down('laptop')]: {\n    width: '100%',\n    paddingTop: theme.spacing(2),\n  },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n  flexWrap: 'nowrap',\n  alignItems: 'flex-start',\n  paddingTop: theme.spacing(3),\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(3),\n  },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n  flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n  maxWidth,\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingBottom: theme.spacing(2),\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n  },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\n  },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n  maxWidth,\n  marginLeft: theme.spacing(6),\n  marginRight: theme.spacing(4),\n  paddingBottom: theme.spacing(2),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: 12,\n    marginRight: theme.spacing(3),\n  },\n\n  [theme.breakpoints.only('mobile')]: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    maxWidth: 'none',\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    maxWidth: 'none',\n  },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n  display: 'flex',\n  flexGrow: 1,\n  justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n  lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n  fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n  marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode | string }) => (\n  <StyledPageTitle component=\"h2\" variant=\"h5\">\n    {title}\n  </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n  ({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground\n      ? theme.palette.semantic.background['background-alternate']\n      : theme.palette.semantic.background['background-base'],\n    width: '100%',\n    height: '100%',\n  }),\n);\n\nexport interface Props {\n  actionBtnTitle?: string;\n  caption?: ReactNode;\n  children: ReactNode;\n  contextButtons?: ReactNode[];\n  documentTitle: string;\n  fluid?: boolean;\n  fullWidth?: boolean;\n  header?: ReactNode;\n  hideHeader?: boolean;\n  actionButtonLink?: string;\n  pageHeader?: ReactNode;\n  showActionButton?: boolean;\n  showAddIcon?: boolean;\n  title: ReactNode;\n  titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n  titleComponentAfter?: ReactNode;\n  toPrevious?: boolean;\n  toParent?: string;\n  strictToParent?: boolean;\n  openLinkInNewTab?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  navigate: (to: any) => void;\n  hideDivider?: boolean;\n  customActionButtons?: ReactNode[];\n  useAlternateBackground?: boolean;\n  errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n  const {\n    actionBtnTitle,\n    caption,\n    children,\n    contextButtons,\n    documentTitle,\n    fluid = false,\n    fullWidth,\n    header,\n    hideHeader,\n    actionButtonLink,\n    openLinkInNewTab = false,\n    pageHeader,\n    showActionButton,\n    showAddIcon,\n    title,\n    titleComponent: TitleComponent,\n    toPrevious,\n    toParent,\n    strictToParent,\n    navigate,\n    hideDivider = false,\n    customActionButtons,\n    useAlternateBackground = false,\n    titleComponentAfter,\n    errorBoundarySomethingWentWrongText,\n  } = props;\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n  const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n  const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n  const getActionButtonLink = () => {\n    if (actionButtonWithHttps) {\n      return actionButtonLink;\n    }\n    if (actionButtonLink !== undefined) {\n      return joinUrlPaths(baseUrl, actionButtonLink);\n    }\n    return '';\n  };\n  const actionButtonLinkFinal = getActionButtonLink();\n\n  return (\n    <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n      <StyledWrapper fluid={fluid}>\n        {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n        {pageHeader || null}\n        <StyledInnerWrapper>\n          {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n          {!hideHeader && (\n            <>\n              <StyledHeader container alignItems=\"center\" direction=\"column\">\n                <Grid container item alignContent=\"space-between\" direction=\"row\">\n                  <StyledHeaderContainer item>\n                    {contextButtons?.map((button) => (\n                      <div\n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                        key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                      >\n                        {button}\n                      </div>\n                    ))}\n                  </StyledHeaderContainer>\n                </Grid>\n                <StyledTitleContainer container item>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\n                        aria-label=\"Back\"\n                        component={'button'}\n                        data-testid=\"back_button\"\n                        hasTitleComponent={!!TitleComponent}\n                        onClick={() => {\n                          if (toPrevious) {\n                            navigate(-1);\n                          } else if (toParent && strictToParent) {\n                            navigate(toParent);\n                          } else if (toParent && history.length < historyMinLength) {\n                            navigate(toParent);\n                          } else {\n                            navigate(-1);\n                          }\n                        }}\n                      >\n                        <ArrowLeft02 />\n                      </StyledBackButton>\n                    </Box>\n                  )}\n\n                  <StyledTitleSection item>\n                    {TitleComponent ? (\n                      <TitleComponent />\n                    ) : (\n                      <Box alignItems=\"center\" display=\"flex\" gap={2}>\n                        <PageTitle title={title} />\n                        {titleComponentAfter}\n                      </Box>\n                    )}\n                    {caption && (\n                      <StyledCaption component=\"h3\" variant=\"caption\">\n                        {caption}\n                      </StyledCaption>\n                    )}\n                  </StyledTitleSection>\n\n                  {showActionButton && (\n                    <>\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>\n                        {/* @ts-expect-error - Button props type mismatch with href/target */}\n                        <Button\n                          data-testid={`Action-button-${actionBtnTitle}`}\n                          fullWidth={true}\n                          href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                          rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                          target={openLinkInNewTab ? '_blank' : undefined}\n                          variant=\"contained\"\n                          onClick={\n                            !openLinkInNewTab && !actionButtonWithHttps\n                              ? () => navigate(actionButtonLink)\n                              : () => {}\n                          }\n                        >\n                          {showAddIcon && <StyledAdd size=\"sm\" />}\n                          {actionBtnTitle}\n                        </Button>\n                      </StyledActionButtonGrid>\n                    </>\n                  )}\n                  {customActionButtons?.map((button) => (\n                    <div\n                      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                      key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                    >\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>{button}</StyledActionButtonGrid>\n                    </div>\n                  ))}\n                </StyledTitleContainer>\n              </StyledHeader>\n              {!hideDivider && <StyledPageDivider />}\n            </>\n          )}\n          <FullWidthContainer fullWidth={fullWidth}>\n            {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n            <FDErrorBoundary\n              identifier={documentTitle}\n              somethingWentWrongText={errorBoundarySomethingWentWrongText}\n            >\n              {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n              <>{children}</>\n            </FDErrorBoundary>\n          </FullWidthContainer>\n        </StyledInnerWrapper>\n      </StyledWrapper>\n    </StyledPageContainer>\n  );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}

package/dist/components/PageLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n  maxWidth: fluid ? 'none' : maxWidth,\n  [theme.breakpoints.down('laptop')]: {\n    maxWidth: 'none',\n  },\n  padding: theme.spacing(2, 4),\n  position: 'relative',\n  minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n  [theme.breakpoints.down('laptop')]: {\n    width: '100%',\n    paddingTop: theme.spacing(2),\n  },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n  flexWrap: 'nowrap',\n  alignItems: 'flex-start',\n  paddingTop: theme.spacing(3),\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(3),\n  },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n  flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n  maxWidth,\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingBottom: theme.spacing(2),\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n  },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\n  },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n  maxWidth,\n  marginLeft: theme.spacing(6),\n  marginRight: theme.spacing(4),\n  paddingBottom: theme.spacing(2),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: 12,\n    marginRight: theme.spacing(3),\n  },\n\n  [theme.breakpoints.only('mobile')]: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    maxWidth: 'none',\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    maxWidth: 'none',\n  },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n  display: 'flex',\n  flexGrow: 1,\n  justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n  lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n  fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n  marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode | string }) => (\n  <StyledPageTitle component=\"h2\" variant=\"h5\">\n    {title}\n  </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n  ({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground\n      ? theme.palette.semantic.background['background-alternate']\n      : theme.palette.semantic.background['background-base'],\n    width: '100%',\n    height: '100%',\n  }),\n);\n\nexport interface Props {\n  actionBtnTitle?: string;\n  caption?: ReactNode;\n  children: ReactNode;\n  contextButtons?: ReactNode[];\n  documentTitle: string;\n  fluid?: boolean;\n  fullWidth?: boolean;\n  header?: ReactNode;\n  hideHeader?: boolean;\n  actionButtonLink?: string;\n  pageHeader?: ReactNode;\n  showActionButton?: boolean;\n  showAddIcon?: boolean;\n  title: ReactNode;\n  titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n  titleComponentAfter?: ReactNode;\n  toPrevious?: boolean;\n  toParent?: string;\n  strictToParent?: boolean;\n  openLinkInNewTab?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  navigate: (to: any) => void;\n  hideDivider?: boolean;\n  customActionButtons?: ReactNode[];\n  useAlternateBackground?: boolean;\n  errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n  const {\n    actionBtnTitle,\n    caption,\n    children,\n    contextButtons,\n    documentTitle,\n    fluid = false,\n    fullWidth,\n    header,\n    hideHeader,\n    actionButtonLink,\n    openLinkInNewTab = false,\n    pageHeader,\n    showActionButton,\n    showAddIcon,\n    title,\n    titleComponent: TitleComponent,\n    toPrevious,\n    toParent,\n    strictToParent,\n    navigate,\n    hideDivider = false,\n    customActionButtons,\n    useAlternateBackground = false,\n    titleComponentAfter,\n    errorBoundarySomethingWentWrongText,\n  } = props;\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n  const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n  const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n  const getActionButtonLink = () => {\n    if (actionButtonWithHttps) {\n      return actionButtonLink;\n    }\n    if (actionButtonLink !== undefined) {\n      return joinUrlPaths(baseUrl, actionButtonLink);\n    }\n    return '';\n  };\n  const actionButtonLinkFinal = getActionButtonLink();\n\n  return (\n    <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n      <StyledWrapper fluid={fluid}>\n        {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n        {pageHeader || null}\n        <StyledInnerWrapper>\n          {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n          {!hideHeader && (\n            <>\n              <StyledHeader container alignItems=\"center\" direction=\"column\">\n                <Grid container item alignContent=\"space-between\" direction=\"row\">\n                  <StyledHeaderContainer item>\n                    {contextButtons?.map((button) => (\n                      <div\n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                        key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                      >\n                        {button}\n                      </div>\n                    ))}\n                  </StyledHeaderContainer>\n                </Grid>\n                <StyledTitleContainer container item>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\n                        aria-label=\"Back\"\n                        component={'button'}\n                        data-testid=\"back_button\"\n                        hasTitleComponent={!!TitleComponent}\n                        onClick={() => {\n                          if (toPrevious) {\n                            navigate(-1);\n                          } else if (toParent && strictToParent) {\n                            navigate(toParent);\n                          } else if (toParent && history.length < historyMinLength) {\n                            navigate(toParent);\n                          } else {\n                            navigate(-1);\n                          }\n                        }}\n                      >\n                        <ArrowLeft02 />\n                      </StyledBackButton>\n                    </Box>\n                  )}\n\n                  <StyledTitleSection item>\n                    {TitleComponent ? (\n                      <TitleComponent />\n                    ) : (\n                      <Box alignItems=\"center\" display=\"flex\" gap={2}>\n                        <PageTitle title={title} />\n                        {titleComponentAfter}\n                      </Box>\n                    )}\n                    {caption && (\n                      <StyledCaption component=\"h3\" variant=\"caption\">\n                        {caption}\n                      </StyledCaption>\n                    )}\n                  </StyledTitleSection>\n\n                  {showActionButton && (\n                    <>\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>\n                        {/* @ts-expect-error - Button props type mismatch with href/target */}\n                        <Button\n                          data-testid={`Action-button-${actionBtnTitle}`}\n                          fullWidth={true}\n                          href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                          rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                          target={openLinkInNewTab ? '_blank' : undefined}\n                          variant=\"contained\"\n                          onClick={\n                            !openLinkInNewTab && !actionButtonWithHttps\n                              ? () => navigate(actionButtonLink)\n                              : () => {}\n                          }\n                        >\n                          {showAddIcon && <StyledAdd size=\"sm\" />}\n                          {actionBtnTitle}\n                        </Button>\n                      </StyledActionButtonGrid>\n                    </>\n                  )}\n                  {customActionButtons?.map((button) => (\n                    <div\n                      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                      key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                    >\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>{button}</StyledActionButtonGrid>\n                    </div>\n                  ))}\n                </StyledTitleContainer>\n              </StyledHeader>\n              {!hideDivider && <StyledPageDivider />}\n            </>\n          )}\n          <FullWidthContainer fullWidth={fullWidth}>\n            {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n            <FDErrorBoundary\n              identifier={documentTitle}\n              somethingWentWrongText={errorBoundarySomethingWentWrongText}\n            >\n              {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n              <>{children}</>\n            </FDErrorBoundary>\n          </FullWidthContainer>\n        </StyledInnerWrapper>\n      </StyledWrapper>\n    </StyledPageContainer>\n  );\n};\n\nexport default PageLayout;\n"],"names":["HORIZONTAL_SPACE_CLASSNAME","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n  maxWidth: fluid ? 'none' : maxWidth,\n  [theme.breakpoints.down('laptop')]: {\n    maxWidth: 'none',\n  },\n  padding: theme.spacing(2, 4),\n  position: 'relative',\n  minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n  [theme.breakpoints.down('laptop')]: {\n    width: '100%',\n    paddingTop: theme.spacing(2),\n  },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n  flexWrap: 'nowrap',\n  alignItems: 'flex-start',\n  paddingTop: theme.spacing(3),\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(3),\n  },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n  flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n  maxWidth,\n  paddingBottom: theme.spacing(3),\n\n  [theme.breakpoints.down('laptop')]: {\n    paddingBottom: theme.spacing(2),\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n  },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n  marginRight: theme.spacing(1),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\n  },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n  maxWidth,\n  marginLeft: theme.spacing(6),\n  marginRight: theme.spacing(4),\n  paddingBottom: theme.spacing(2),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: 12,\n    marginRight: theme.spacing(3),\n  },\n\n  [theme.breakpoints.only('mobile')]: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(3),\n    maxWidth: 'none',\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(2),\n    marginRight: theme.spacing(2),\n    maxWidth: 'none',\n  },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n  display: 'flex',\n  flexGrow: 1,\n  justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n  lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n  fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n  marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode | string }) => (\n  <StyledPageTitle component=\"h2\" variant=\"h5\">\n    {title}\n  </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n  ({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground\n      ? theme.palette.semantic.background['background-alternate']\n      : theme.palette.semantic.background['background-base'],\n    width: '100%',\n    height: '100%',\n  }),\n);\n\nexport interface Props {\n  actionBtnTitle?: string;\n  caption?: ReactNode;\n  children: ReactNode;\n  contextButtons?: ReactNode[];\n  documentTitle: string;\n  fluid?: boolean;\n  fullWidth?: boolean;\n  header?: ReactNode;\n  hideHeader?: boolean;\n  actionButtonLink?: string;\n  pageHeader?: ReactNode;\n  showActionButton?: boolean;\n  showAddIcon?: boolean;\n  title: ReactNode;\n  titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n  titleComponentAfter?: ReactNode;\n  toPrevious?: boolean;\n  toParent?: string;\n  strictToParent?: boolean;\n  openLinkInNewTab?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  navigate: (to: any) => void;\n  hideDivider?: boolean;\n  customActionButtons?: ReactNode[];\n  useAlternateBackground?: boolean;\n  errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n  const {\n    actionBtnTitle,\n    caption,\n    children,\n    contextButtons,\n    documentTitle,\n    fluid = false,\n    fullWidth,\n    header,\n    hideHeader,\n    actionButtonLink,\n    openLinkInNewTab = false,\n    pageHeader,\n    showActionButton,\n    showAddIcon,\n    title,\n    titleComponent: TitleComponent,\n    toPrevious,\n    toParent,\n    strictToParent,\n    navigate,\n    hideDivider = false,\n    customActionButtons,\n    useAlternateBackground = false,\n    titleComponentAfter,\n    errorBoundarySomethingWentWrongText,\n  } = props;\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n  const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n  const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n  const getActionButtonLink = () => {\n    if (actionButtonWithHttps) {\n      return actionButtonLink;\n    }\n    if (actionButtonLink !== undefined) {\n      return joinUrlPaths(baseUrl, actionButtonLink);\n    }\n    return '';\n  };\n  const actionButtonLinkFinal = getActionButtonLink();\n\n  return (\n    <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n      <StyledWrapper fluid={fluid}>\n        {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n        {pageHeader || null}\n        <StyledInnerWrapper>\n          {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n          {!hideHeader && (\n            <>\n              <StyledHeader container alignItems=\"center\" direction=\"column\">\n                <Grid container item alignContent=\"space-between\" direction=\"row\">\n                  <StyledHeaderContainer item>\n                    {contextButtons?.map((button) => (\n                      <div\n                        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                        key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                      >\n                        {button}\n                      </div>\n                    ))}\n                  </StyledHeaderContainer>\n                </Grid>\n                <StyledTitleContainer container item>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\n                        aria-label=\"Back\"\n                        component={'button'}\n                        data-testid=\"back_button\"\n                        hasTitleComponent={!!TitleComponent}\n                        onClick={() => {\n                          if (toPrevious) {\n                            navigate(-1);\n                          } else if (toParent && strictToParent) {\n                            navigate(toParent);\n                          } else if (toParent && history.length < historyMinLength) {\n                            navigate(toParent);\n                          } else {\n                            navigate(-1);\n                          }\n                        }}\n                      >\n                        <ArrowLeft02 />\n                      </StyledBackButton>\n                    </Box>\n                  )}\n\n                  <StyledTitleSection item>\n                    {TitleComponent ? (\n                      <TitleComponent />\n                    ) : (\n                      <Box alignItems=\"center\" display=\"flex\" gap={2}>\n                        <PageTitle title={title} />\n                        {titleComponentAfter}\n                      </Box>\n                    )}\n                    {caption && (\n                      <StyledCaption component=\"h3\" variant=\"caption\">\n                        {caption}\n                      </StyledCaption>\n                    )}\n                  </StyledTitleSection>\n\n                  {showActionButton && (\n                    <>\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>\n                        {/* @ts-expect-error - Button props type mismatch with href/target */}\n                        <Button\n                          data-testid={`Action-button-${actionBtnTitle}`}\n                          fullWidth={true}\n                          href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                          rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                          target={openLinkInNewTab ? '_blank' : undefined}\n                          variant=\"contained\"\n                          onClick={\n                            !openLinkInNewTab && !actionButtonWithHttps\n                              ? () => navigate(actionButtonLink)\n                              : () => {}\n                          }\n                        >\n                          {showAddIcon && <StyledAdd size=\"sm\" />}\n                          {actionBtnTitle}\n                        </Button>\n                      </StyledActionButtonGrid>\n                    </>\n                  )}\n                  {customActionButtons?.map((button) => (\n                    <div\n                      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n                      key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                    >\n                      {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                      {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                      <StyledActionButtonGrid item>{button}</StyledActionButtonGrid>\n                    </div>\n                  ))}\n                </StyledTitleContainer>\n              </StyledHeader>\n              {!hideDivider && <StyledPageDivider />}\n            </>\n          )}\n          <FullWidthContainer fullWidth={fullWidth}>\n            {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n            <FDErrorBoundary\n              identifier={documentTitle}\n              somethingWentWrongText={errorBoundarySomethingWentWrongText}\n            >\n              {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n              <>{children}</>\n            </FDErrorBoundary>\n          </FullWidthContainer>\n        </StyledInnerWrapper>\n      </StyledWrapper>\n    </StyledPageContainer>\n  );\n};\n\nexport default PageLayout;\n"],"names":["HORIZONTAL_SPACE_CLASSNAME","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}

package/dist/components/PortalMock/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '65px',\n  color: theme.palette.semantic.text['text-weak'],\n  borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '100%',\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\n`;\n\nconst StyledDrawer = styled(Drawer)`\n  display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n  & .MuiDrawer-paper {\n    box-sizing: border-box;\n    width: ${drawerWidth}px;\n    border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n    border-width: 2px;\n  }\n`;\n\nconst StyledNavBox = styled(Box)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\n`;\n\nconst StyledBoldTypography = styled(Typography)`\n  font-weight: bold;\n`;\n\ninterface Props {\n  loadedFromPortal: boolean;\n  children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n  if (loadedFromPortal) {\n    /* eslint-disable-next-line react/jsx-no-useless-fragment */\n    return <>{children}</>;\n  }\n\n  const drawer = (\n    <StyledSidebar>\n      <StyledBoldTypography>Sidebar</StyledBoldTypography>\n    </StyledSidebar>\n  );\n\n  return (\n    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\n          <StyledBoldTypography>Header</StyledBoldTypography>\n        </StyledHeader>\n      </StyledAppBar>\n      <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n        <StyledDrawer open variant=\"permanent\">\n          {drawer}\n        </StyledDrawer>\n      </StyledNavBox>\n      <StyledMainBox as=\"main\">{children}</StyledMainBox>\n    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","jsx","_Fragment","Fragment","drawer","_jsxs","jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,qBAGrDC,EAAgBd,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CAClDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAAA,OAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAAA,OAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAAA,OAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAAA,OAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAAA,OAAOyB,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAL,SAAGA,IAGZ,MAAMM,EACJJ,EAAAA,IAACd,EACC,CAAAY,SAAAE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEO,EAAAC,KAACZ,EAAG,CAACa,GAAI,CAAEjC,QAAS,QAAQwB,SAAA,CAC1BE,MAACQ,EAAW,CAAA,GACZR,EAAAC,IAACd,EAAY,CAACsB,SAAS,QAAOX,SAC5BE,EAAAA,IAAC7B,EACC,CAAA2B,SAAAE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAACC,IAAAR,EAAwB,CAAA,aAAA,kBAAkBiB,GAAG,MAC5CZ,SAAAE,EAAAA,IAACT,EAAY,CAACoB,MAAI,EAACC,QAAQ,YACxBd,SAAAM,MAGLJ,EAAAA,IAACL,EAAc,CAAAe,GAAG,OAAQZ,SAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '65px',\n  color: theme.palette.semantic.text['text-weak'],\n  borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '100%',\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\n`;\n\nconst StyledDrawer = styled(Drawer)`\n  display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n  & .MuiDrawer-paper {\n    box-sizing: border-box;\n    width: ${drawerWidth}px;\n    border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n    border-width: 2px;\n  }\n`;\n\nconst StyledNavBox = styled(Box)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\n`;\n\nconst StyledBoldTypography = styled(Typography)`\n  font-weight: bold;\n`;\n\ninterface Props {\n  loadedFromPortal: boolean;\n  children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n  if (loadedFromPortal) {\n    /* eslint-disable-next-line react/jsx-no-useless-fragment */\n    return <>{children}</>;\n  }\n\n  const drawer = (\n    <StyledSidebar>\n      <StyledBoldTypography>Sidebar</StyledBoldTypography>\n    </StyledSidebar>\n  );\n\n  return (\n    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\n          <StyledBoldTypography>Header</StyledBoldTypography>\n        </StyledHeader>\n      </StyledAppBar>\n      <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n        <StyledDrawer open variant=\"permanent\">\n          {drawer}\n        </StyledDrawer>\n      </StyledNavBox>\n      <StyledMainBox as=\"main\">{children}</StyledMainBox>\n    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,qBAGrDC,EAAgBd,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAAA,OAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAAA,OAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAAA,OAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAAA,OAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAAA,OAAOyB,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAA,IAAAC,EAAAA,SAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAAAA,IAACd,EAAa,CAAAY,SACZE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEK,EAAAA,KAACT,EAAG,CAACU,GAAI,CAAE9B,QAAS,QAAQwB,SAAA,CAC1BE,EAAAA,IAACK,EAAW,CAAA,GACZL,EAAAA,IAACb,EAAY,CAACmB,SAAS,QAAOR,SAC5BE,EAAAA,IAAC7B,EAAY,CAAA2B,SACXE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAAAA,IAACP,EAAY,CAAA,aAAY,kBAAkBc,GAAG,MAAKT,SACjDE,EAAAA,IAACT,EAAY,CAACiB,MAAI,EAACC,QAAQ,YAAWX,SACnCI,MAGLF,EAAAA,IAACL,EAAa,CAACY,GAAG,OAAMT,SAAEA"}

package/dist/components/PortalMock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '65px',\n  color: theme.palette.semantic.text['text-weak'],\n  borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '100%',\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\n`;\n\nconst StyledDrawer = styled(Drawer)`\n  display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n  & .MuiDrawer-paper {\n    box-sizing: border-box;\n    width: ${drawerWidth}px;\n    border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n    border-width: 2px;\n  }\n`;\n\nconst StyledNavBox = styled(Box)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\n`;\n\nconst StyledBoldTypography = styled(Typography)`\n  font-weight: bold;\n`;\n\ninterface Props {\n  loadedFromPortal: boolean;\n  children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n  if (loadedFromPortal) {\n    /* eslint-disable-next-line react/jsx-no-useless-fragment */\n    return <>{children}</>;\n  }\n\n  const drawer = (\n    <StyledSidebar>\n      <StyledBoldTypography>Sidebar</StyledBoldTypography>\n    </StyledSidebar>\n  );\n\n  return (\n    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\n          <StyledBoldTypography>Header</StyledBoldTypography>\n        </StyledHeader>\n      </StyledAppBar>\n      <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n        <StyledDrawer open variant=\"permanent\">\n          {drawer}\n        </StyledDrawer>\n      </StyledNavBox>\n      <StyledMainBox as=\"main\">{children}</StyledMainBox>\n    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,qBAGrDC,EAAgBd,EAAO,MAAPA,EAAc,EAAGC,YAAa,CAClDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAOyB,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACf,EACC,CAAAa,SAAAE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACV,EAAG,CAACW,GAAI,CAAE/B,QAAS,QAAQyB,SAAA,CAC1BE,EAACK,EAAW,CAAA,GACZL,EAACd,EAAY,CAACoB,SAAS,QAAOR,SAC5BE,EAAC9B,EACC,CAAA4B,SAAAE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACR,EAAwB,CAAA,aAAA,kBAAkBe,GAAG,MAC5CT,SAAAE,EAACV,EAAY,CAACkB,MAAI,EAACC,QAAQ,YACxBX,SAAAI,MAGLF,EAACN,EAAc,CAAAa,GAAG,OAAQT,SAAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '65px',\n  color: theme.palette.semantic.text['text-weak'],\n  borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  backgroundColor: theme.palette.semantic.background['background-sunken'],\n  height: '100%',\n  color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\n`;\n\nconst StyledDrawer = styled(Drawer)`\n  display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n  & .MuiDrawer-paper {\n    box-sizing: border-box;\n    width: ${drawerWidth}px;\n    border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n    border-width: 2px;\n  }\n`;\n\nconst StyledNavBox = styled(Box)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\n`;\n\nconst StyledBoldTypography = styled(Typography)`\n  font-weight: bold;\n`;\n\ninterface Props {\n  loadedFromPortal: boolean;\n  children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n  if (loadedFromPortal) {\n    /* eslint-disable-next-line react/jsx-no-useless-fragment */\n    return <>{children}</>;\n  }\n\n  const drawer = (\n    <StyledSidebar>\n      <StyledBoldTypography>Sidebar</StyledBoldTypography>\n    </StyledSidebar>\n  );\n\n  return (\n    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\n          <StyledBoldTypography>Header</StyledBoldTypography>\n        </StyledHeader>\n      </StyledAppBar>\n      <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n        <StyledDrawer open variant=\"permanent\">\n          {drawer}\n        </StyledDrawer>\n      </StyledNavBox>\n      <StyledMainBox as=\"main\">{children}</StyledMainBox>\n    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,qBAGrDC,EAAgBd,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAOyB,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACf,EAAa,CAAAa,SACZE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACV,EAAG,CAACW,GAAI,CAAE/B,QAAS,QAAQyB,SAAA,CAC1BE,EAACK,EAAW,CAAA,GACZL,EAACd,EAAY,CAACoB,SAAS,QAAOR,SAC5BE,EAAC9B,EAAY,CAAA4B,SACXE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACR,EAAY,CAAA,aAAY,kBAAkBe,GAAG,MAAKT,SACjDE,EAACV,EAAY,CAACkB,MAAI,EAACC,QAAQ,YAAWX,SACnCI,MAGLF,EAACN,EAAa,CAACa,GAAG,OAAMT,SAAEA"}

package/dist/components/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Switch/index.tsx"],"sourcesContent":["import FormControlLabel, { type FormControlLabelProps } from '@mui/material/FormControlLabel';\nimport MuiSwitch, { type SwitchProps as MuiSwitchProps } from '@mui/material/Switch';\n\nexport type SwitchProps = {\n    label: string;\n    labelPlacement?: FormControlLabelProps['labelPlacement'];\n    checked?: boolean;\n    onChange?: MuiSwitchProps['onChange'];\n    size?: MuiSwitchProps['size'];\n    disabled?: boolean;\n    testId?: string;\n};\n\nconst Switch = ({ label, checked, onChange, labelPlacement = 'start', size = 'medium', disabled = false, testId = undefined }: SwitchProps) => {\n    return (\n        <FormControlLabel\n            label={label}\n            labelPlacement={labelPlacement}\n            control={<MuiSwitch checked={checked} onChange={onChange} color=\"primary\" size={size} disabled={disabled} data-fd={testId} />}\n        />\n    );\n};\n\nexport default Switch;\n"],"names":["Switch","label","checked","onChange","labelPlacement","size","disabled","testId","_jsx","FormControlLabel","control","MuiSwitch","color"],"mappings":"0HAaM,MAAAA,EAAS,EAAGC,QAAOC,UAASC,WAAUC,iBAAiB,QAASC,OAAO,SAAUC,YAAW,EAAOC,YAEjGC,EAACC,GACGR,MAAOA,EACPG,eAAgBA,EAChBM,QAASF,EAACG,EAAS,CAACT,QAASA,EAASC,SAAUA,EAAUS,MAAM,UAAUP,KAAMA,EAAMC,SAAUA,EAAQ,UAAWC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Switch/index.tsx"],"sourcesContent":["import FormControlLabel, { type FormControlLabelProps } from '@mui/material/FormControlLabel';\nimport MuiSwitch, { type SwitchProps as MuiSwitchProps } from '@mui/material/Switch';\n\nexport type SwitchProps = {\n    label: string;\n    labelPlacement?: FormControlLabelProps['labelPlacement'];\n    checked?: boolean;\n    onChange?: MuiSwitchProps['onChange'];\n    size?: MuiSwitchProps['size'];\n    disabled?: boolean;\n    testId?: string;\n};\n\nconst Switch = ({ label, checked, onChange, labelPlacement = 'start', size = 'medium', disabled = false, testId = undefined }: SwitchProps) => {\n    return (\n        <FormControlLabel\n            label={label}\n            labelPlacement={labelPlacement}\n            control={<MuiSwitch checked={checked} onChange={onChange} color=\"primary\" size={size} disabled={disabled} data-fd={testId} />}\n        />\n    );\n};\n\nexport default Switch;\n"],"names":["Switch","label","checked","onChange","labelPlacement","size","disabled","testId","_jsx","FormControlLabel","control","MuiSwitch","color"],"mappings":"0HAaA,MAAMA,EAAS,EAAGC,QAAOC,UAASC,WAAUC,iBAAiB,QAASC,OAAO,SAAUC,YAAW,EAAOC,YAEjGC,EAACC,GACGR,MAAOA,EACPG,eAAgBA,EAChBM,QAASF,EAACG,EAAS,CAACT,QAASA,EAASC,SAAUA,EAAUS,MAAM,UAAUP,KAAMA,EAAMC,SAAUA,EAAQ,UAAWC"}

package/dist/components/Tooltip/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport type { IconSize } from '../../icons/helpers/withSvgIcon';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport type TooltipProps = {\n    text: string;\n    iconSize?: TooltopIconSize;\n};\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n    small: 'sm',\n    medium: 'md',\n    large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n    <MuiTooltip title={text}>\n        <IconButton>\n            <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n        </IconButton>\n    </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["sizeMapping","small","medium","large","text","iconSize","_jsx","jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"wOAKa,MAQPA,EAAiD,CACnDC,MAAO,KACPC,OAAQ,KACRC,MAAO,yBAXe,CAAC,QAAS,SAAU,yBAc9B,EAAGC,OAAMC,WAAW,WAChCC,EAAAC,IAACC,EAAW,CAAAC,MAAOL,WACfE,MAACI,EACG,CAAAC,SAAAL,EAAAC,IAACK,EAAiB,CAAAC,KAAMb,EAAYK"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport type { IconSize } from '../../icons/helpers/withSvgIcon';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport type TooltipProps = {\n    text: string;\n    iconSize?: TooltopIconSize;\n};\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n    small: 'sm',\n    medium: 'md',\n    large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n    <MuiTooltip title={text}>\n        <IconButton>\n            <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n        </IconButton>\n    </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["sizeMapping","small","medium","large","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"wOAKO,MAQDA,EAAiD,CACnDC,MAAO,KACPC,OAAQ,KACRC,MAAO,yBAXe,CAAC,QAAS,SAAU,yBAc9B,EAAGC,OAAMC,WAAW,WAChCC,EAAAA,IAACC,EAAU,CAACC,MAAOJ,WACfE,MAACG,EAAU,CAAAC,SACPJ,EAAAA,IAACK,EAAgB,CAACC,KAAMZ,EAAYK"}

package/dist/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport type { IconSize } from '../../icons/helpers/withSvgIcon';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport type TooltipProps = {\n    text: string;\n    iconSize?: TooltopIconSize;\n};\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n    small: 'sm',\n    medium: 'md',\n    large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n    <MuiTooltip title={text}>\n        <IconButton>\n            <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n        </IconButton>\n    </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["ICON_SIZES","sizeMapping","small","medium","large","Tooltip","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"2KAKa,MAAAA,EAAa,CAAC,QAAS,SAAU,SAQxCC,EAAiD,CACnDC,MAAO,KACPC,OAAQ,KACRC,MAAO,MAGLC,EAAU,EAAGC,OAAMC,WAAW,WAChCC,EAACC,EAAW,CAAAC,MAAOJ,WACfE,EAACG,EACG,CAAAC,SAAAJ,EAACK,EAAiB,CAAAC,KAAMb,EAAYM"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport type { IconSize } from '../../icons/helpers/withSvgIcon';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport type TooltipProps = {\n    text: string;\n    iconSize?: TooltopIconSize;\n};\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n    small: 'sm',\n    medium: 'md',\n    large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n    <MuiTooltip title={text}>\n        <IconButton>\n            <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n        </IconButton>\n    </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["ICON_SIZES","sizeMapping","small","medium","large","Tooltip","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"2KAKO,MAAMA,EAAa,CAAC,QAAS,SAAU,SAQxCC,EAAiD,CACnDC,MAAO,KACPC,OAAQ,KACRC,MAAO,MAGLC,EAAU,EAAGC,OAAMC,WAAW,WAChCC,EAACC,EAAU,CAACC,MAAOJ,WACfE,EAACG,EAAU,CAAAC,SACPJ,EAACK,EAAgB,CAACC,KAAMb,EAAYM"}

package/dist/components/atoms/Badge/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon['icon-strong'] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"0cAMa,MAyBPA,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAMA,OAACC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,eAAiB,UACzEb,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAAA,IAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc,4BAvHO,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon['icon-strong'] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"0cAMO,MAyBDA,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAAA,OAAOC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAM,CACzCC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,eAAiB,UACzEb,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAAA,IAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc,4BAvHO,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe"}

package/dist/components/atoms/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon['icon-strong'] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["BADGE_TONES","getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"gJAMa,MAAAA,EAAc,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe,SAyB/EC,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAOC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,eAAiB,UACzEb,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon['icon-strong'] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["BADGE_TONES","getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"gJAMO,MAAMA,EAAc,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe,SAyB/EC,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAOC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAM,CACzCC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,eAAiB,UACzEb,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc"}

package/dist/components/atoms/BadgeCount/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n  children?: React.ReactNode;\n  className?: string;\n  emphasis?: 'strong' | 'weak';\n  'data-testid'?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n  minWidth: 24,\n  maxWidth: 'fit-content',\n  height: 24,\n  borderRadius: 16,\n  background: emphasis === 'strong' ? theme.palette.semantic.fill['fill-error-strong'] : theme.palette.semantic.fill['fill-error-weak'],\n  border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n  color: emphasis === 'strong' ? theme.palette.semantic.text['text-inverse-strong'] : theme.palette.semantic.text['text-error'],\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: '0 8px',\n  boxSizing: 'border-box',\n  pointerEvents: 'none',\n}));\n\nconst BadgeCount: React.FC<BadgeCountProps> = ({ children, className, emphasis = 'strong', 'data-testid': dataTestId }) => (\n  <StyledCount className={className} data-testid={dataTestId} emphasis={emphasis}>\n    <Typography variant=\"caption\">{children}</Typography>\n  </StyledCount>\n);\n\nexport default BadgeCount;"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","children","className","dataTestId","_jsx","Typography","variant"],"mappings":"wHAWA,MAAMA,EAAcC,EAAMA,OAAC,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAgB,CACvFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,WAAyB,WAAbL,EAAwBD,EAAMO,QAAQC,SAASC,KAAK,qBAAuBT,EAAMO,QAAQC,SAASC,KAAK,mBACnHC,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,MAAoB,WAAbX,EAAwBD,EAAMO,QAAQC,SAASK,KAAK,uBAAyBb,EAAMO,QAAQC,SAASK,KAAK,cAChHC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,0BAG6B,EAAGC,WAAUC,YAAWpB,WAAW,SAAU,cAAeqB,KACxGC,EAAAA,IAACzB,GAAYuB,UAAWA,EAAwB,cAAAC,EAAYrB,SAAUA,EACpEmB,SAAAG,EAAAA,IAACC,EAAW,CAAAC,QAAQ,UAASL,SAAEA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n  children?: React.ReactNode;\n  className?: string;\n  emphasis?: 'strong' | 'weak';\n  'data-testid'?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n  minWidth: 24,\n  maxWidth: 'fit-content',\n  height: 24,\n  borderRadius: 16,\n  background: emphasis === 'strong' ? theme.palette.semantic.fill['fill-error-strong'] : theme.palette.semantic.fill['fill-error-weak'],\n  border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n  color: emphasis === 'strong' ? theme.palette.semantic.text['text-inverse-strong'] : theme.palette.semantic.text['text-error'],\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: '0 8px',\n  boxSizing: 'border-box',\n  pointerEvents: 'none',\n}));\n\nconst BadgeCount: React.FC<BadgeCountProps> = ({ children, className, emphasis = 'strong', 'data-testid': dataTestId }) => (\n  <StyledCount className={className} data-testid={dataTestId} emphasis={emphasis}>\n    <Typography variant=\"caption\">{children}</Typography>\n  </StyledCount>\n);\n\nexport default BadgeCount;"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","children","className","dataTestId","_jsx","Typography","variant"],"mappings":"wHAWA,MAAMA,EAAcC,EAAAA,OAAO,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAU,CACjFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,WAAyB,WAAbL,EAAwBD,EAAMO,QAAQC,SAASC,KAAK,qBAAuBT,EAAMO,QAAQC,SAASC,KAAK,mBACnHC,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,MAAoB,WAAbX,EAAwBD,EAAMO,QAAQC,SAASK,KAAK,uBAAyBb,EAAMO,QAAQC,SAASK,KAAK,cAChHC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,0BAG6B,EAAGC,WAAUC,YAAWpB,WAAW,SAAU,cAAeqB,KACxGC,EAAAA,IAACzB,GAAYuB,UAAWA,EAAS,cAAeC,EAAYrB,SAAUA,EAAQmB,SAC5EG,EAAAA,IAACC,EAAU,CAACC,QAAQ,UAASL,SAAEA"}