@skodaflow/web-library 7.14.0 → 7.15.0

package/cjs/layout/Header/HeaderNavigationLink.d.ts

@@ -1,34 +0,0 @@
-import { ButtonBaseProps, TypographyProps } from '@mui/material';
-import { ReactNode } from 'react';
-export interface HeaderLinkProps extends ButtonBaseProps {
-    /**
-     * Displayed navigation text label of item
-     */
-    label?: string;
-    /**
-     * Displayed navigation text label of item
-     */
-    children?: ReactNode;
-    /**
-     * Href link
-     */
-    href?: string;
-    /**
-     * Name of the icon
-     */
-    icon?: string;
-    /**
-     * Index number of item in navigation (used for switching the active item)
-     */
-    index?: number;
-    /**
-     * Indicates if the current link is active by default
-     */
-    active?: boolean;
-    /**
-     * Link points to external page. This gets automatically a "top-right" arrow
-     */
-    external?: boolean;
-    typographyProps?: TypographyProps;
-}
-export declare const HeaderNavigationLink: ({ href, label, children, icon, active, external, index, }: HeaderLinkProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderNavigationLink.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),n=require("./HeaderContext.js"),i=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var a=require("./HeaderNavigationLinkLabel.js");exports.HeaderNavigationLink=({href:o,label:s,children:c,icon:l,active:d,external:u,index:x=null})=>{const{activeItem:p,setActiveItem:m,defaultActive:h,setDefaultActive:v,matches:f}=n.useHeaderContext();return t.useEffect((()=>{d&&m(x)}),[d]),e.jsx(r.ButtonBase,{href:o,onClick:()=>{u||(m(x),v(!1))},target:u&&"_blank",className:"FlowHeaderNavigationLink",sx:{borderBottom:"2px solid transparent",borderWidth:f?"1px":"2px",borderBottomColor:null===x||p!==x&&!h||f?"transparent.transparent":"onSurface.os900",whiteSpace:"nowrap","&:hover":{borderBottomColor:f?"transparent":"onSurface.os900"}},children:e.jsx(r.Typography,{sx:{display:"block",fontSize:"inherit"},children:e.jsx(a.HeaderNavigationLinkLabel,{active:null!==x&&p===x||h,children:e.jsxs(r.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center"},children:[s||c,l&&e.jsx(i.Icon,{fontSize:"inherit",name:l,sx:{ml:"8px"}})]})})})})};
-//# sourceMappingURL=HeaderNavigationLink.js.map

package/cjs/layout/Header/HeaderNavigationLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { Box, ButtonBase, ButtonBaseProps, Typography, TypographyProps } from '@mui/material';\nimport { MouseEventHandler, ReactNode, useEffect } from 'react';\nimport { useHeaderContext } from './HeaderContext';\nimport { Icon } from '@/src/components/icon';\nimport { HeaderNavigationLinkLabel } from './HeaderNavigationLinkLabel';\n\nexport interface HeaderLinkProps extends ButtonBaseProps {\n  /**\n   * Displayed navigation text label of item\n   */\n  label?: string;\n\n  /**\n   * Displayed navigation text label of item\n   */\n  children?: ReactNode;\n\n  /**\n   * Href link\n   */\n  href?: string;\n\n  /**\n   * Name of the icon\n   */\n  icon?: string;\n\n  /**\n   * Index number of item in navigation (used for switching the active item)\n   */\n  index?: number;\n\n  /**\n   * Indicates if the current link is active by default\n   */\n  active?: boolean;\n\n  /**\n   * Link points to external page. This gets automatically a \"top-right\" arrow\n   */\n  external?: boolean;\n\n  typographyProps?: TypographyProps;\n}\n\nexport const HeaderNavigationLink = ({\n  href,\n  label,\n  children,\n  icon,\n  active,\n  external,\n  index = null,\n}: HeaderLinkProps) => {\n  const { activeItem, setActiveItem, defaultActive, setDefaultActive, matches } = useHeaderContext();\n\n  const handleClick: MouseEventHandler<HTMLAnchorElement> = () => {\n    if (!external) {\n      setActiveItem(index);\n      setDefaultActive(false);\n    }\n  };\n\n  useEffect(() => {\n    if (active) {\n      setActiveItem(index);\n    }\n  }, [active]);\n\n  return (\n    <ButtonBase\n      href={href}\n      onClick={handleClick}\n      target={external && '_blank'}\n      className=\"FlowHeaderNavigationLink\"\n      sx={{\n        borderBottom: '2px solid transparent',\n        borderWidth: matches ? '1px' : '2px',\n        borderBottomColor:\n          index !== null && (activeItem === index || defaultActive) && !matches\n            ? 'onSurface.os900'\n            : 'transparent.transparent',\n        whiteSpace: 'nowrap',\n\n        '&:hover': {\n          borderBottomColor: matches ? 'transparent' : `onSurface.os900`,\n        },\n      }}\n    >\n      <Typography sx={{ display: 'block', fontSize: 'inherit' }}>\n        <HeaderNavigationLinkLabel active={(index !== null && activeItem === index) || defaultActive}>\n          <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n            {label || children}\n            {icon && <Icon fontSize=\"inherit\" name={icon} sx={{ ml: '8px' }} />}\n          </Box>\n        </HeaderNavigationLinkLabel>\n      </Typography>\n    </ButtonBase>\n  );\n};\n"],"names":["href","label","children","icon","active","external","index","activeItem","setActiveItem","defaultActive","setDefaultActive","matches","useHeaderContext","useEffect","_jsx","ButtonBase","onClick","target","className","sx","borderBottom","borderWidth","borderBottomColor","whiteSpace","Typography","display","fontSize","jsx","HeaderNavigationLinkLabel","_jsxs","jsxs","Box","component","alignItems","Icon","name","ml"],"mappings":"2SA6CoC,EAClCA,OACAC,QACAC,WAAQC,KACRA,EACAC,SACAC,WACAC,QAAQ,SAER,MAAMC,WAAEA,EAAUC,cAAEA,EAAaC,cAAEA,EAAaC,iBAAEA,EAAgBC,QAAEA,GAAYC,qBAehF,OANAC,EAAAA,WAAU,KACJT,GACFI,EAAcF,KAEf,CAACF,IAGFU,MAACC,EAAUA,WAAA,CACTf,KAAMA,EACNgB,QAhBsD,KACnDX,IACHG,EAAcF,GACdI,GAAiB,KAcjBO,OAAQZ,GAAY,SACpBa,UAAU,2BACVC,GAAI,CACFC,aAAc,wBACdC,YAAaV,EAAU,MAAQ,MAC/BW,kBACY,OAAVhB,GAAmBC,IAAeD,IAASG,GAAmBE,EAE1D,0BADA,kBAENY,WAAY,SAEZ,UAAW,CACTD,kBAAmBX,EAAU,cAAgB,oBAEhDT,SAEDY,EAAAA,IAACU,EAAUA,WAAA,CAACL,GAAI,CAAEM,QAAS,QAASC,SAAU,WAC5CxB,SAAAY,EAAAa,IAACC,4BAA0B,CAAAxB,OAAmB,OAAVE,GAAkBC,IAAeD,GAAUG,WAC7EoB,EAACC,KAAAC,OAAIC,UAAU,OAAOb,GAAI,CAAEM,QAAS,cAAeQ,WAAY,UAC7D/B,SAAA,CAAAD,GAASC,EACTC,GAAQW,EAAAA,IAACoB,EAAAA,KAAK,CAAAR,SAAS,UAAUS,KAAMhC,EAAMgB,GAAI,CAAEiB,GAAI,iBAInD"}

package/cjs/layout/Header/HeaderNavigationLinkLabel.d.ts

@@ -1,13 +0,0 @@
-import { BoxProps } from '@mui/material';
-import { ReactNode } from 'react';
-export interface HeaderNavigationLinkLabelProps extends BoxProps {
-    /**
-     * ReactNode children
-     */
-    children?: ReactNode;
-    /**
-     * Item is active (selected)
-     */
-    active?: boolean;
-}
-export declare const HeaderNavigationLinkLabel: ({ children, active, sx }: HeaderNavigationLinkLabelProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderNavigationLinkLabel.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("./HeaderContext.js");exports.HeaderNavigationLinkLabel=({children:n,active:r,sx:s})=>{const{matches:a}=t.useHeaderContext();return e.jsxs(e.Fragment,{children:[e.jsx(i.Box,{component:"span",sx:Object.assign({display:"block",fontWeight:r?700:300,textAlign:"left",paddingLeft:a?"8px":"0px",paddingRight:a?"8px":"0px"},s),children:n}),e.jsx(i.Box,{component:"span",sx:{display:"block",fontWeight:700,height:0,visibility:"hidden",overflow:"hidden"},children:n})]})};
-//# sourceMappingURL=HeaderNavigationLinkLabel.js.map

package/cjs/layout/Header/HeaderNavigationLinkLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderNavigationLinkLabel.js","sources":["../../../../../src/layout/Header/HeaderNavigationLinkLabel.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { ReactNode } from 'react';\nimport { useHeaderContext } from './HeaderContext';\n\nexport interface HeaderNavigationLinkLabelProps extends BoxProps {\n  /**\n   * ReactNode children\n   */\n  children?: ReactNode;\n\n  /**\n   * Item is active (selected)\n   */\n  active?: boolean;\n}\n\nexport const HeaderNavigationLinkLabel = ({ children, active, sx }: HeaderNavigationLinkLabelProps) => {\n  const { matches } = useHeaderContext();\n\n  return (\n    <>\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'block',\n          fontWeight: active ? 700 : 300,\n          textAlign: 'left',\n          paddingLeft: matches ? '8px' : '0px',\n          paddingRight: matches ? '8px' : '0px',\n          ...sx,\n        }}\n      >\n        {children}\n      </Box>\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'block',\n          fontWeight: 700,\n          height: 0,\n          visibility: 'hidden',\n          overflow: 'hidden',\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n"],"names":["children","active","sx","matches","useHeaderContext","_jsxs","jsxs","_Fragment","Fragment","_jsx","Box","component","Object","assign","display","fontWeight","textAlign","paddingLeft","paddingRight","height","visibility","overflow"],"mappings":"6IAgByC,EAAGA,WAAUC,SAAQC,SAC5D,MAAMC,QAAEA,GAAYC,qBAEpB,OACEC,EAAAC,KAAAC,EAAAC,SAAA,CAAAR,SAAA,CACES,EAAAA,IAACC,EAAGA,KACFC,UAAU,OACVT,GAAEU,OAAAC,OAAA,CACAC,QAAS,QACTC,WAAYd,EAAS,IAAM,IAC3Be,UAAW,OACXC,YAAad,EAAU,MAAQ,MAC/Be,aAAcf,EAAU,MAAQ,OAC7BD,GAGJF,SAAAA,IAEHS,EAAAA,IAACC,EAAAA,IAAG,CACFC,UAAU,OACVT,GAAI,CACFY,QAAS,QACTC,WAAY,IACZI,OAAQ,EACRC,WAAY,SACZC,SAAU,UACXrB,SAEAA,MAEF"}

package/cjs/layout/Header/HeaderNavigationMenu.d.ts

@@ -1,42 +0,0 @@
-import { IconProps } from '@/src/components/icon';
-import { BoxProps, ButtonBaseProps, MenuProps, TypographyProps } from '@mui/material';
-import { FC, ReactNode } from 'react';
-export interface HeaderNavigationMenuProps extends ButtonBaseProps {
-    /**
-     * Link to page
-     */
-    href?: string;
-    /**
-     * Text label (name of item)
-     */
-    label?: ReactNode;
-    /**
-     * Menu item list that shows after click on label
-     */
-    menuItems?: ReactNode;
-    /**
-     * ReactNode children provided instead of `label`
-     */
-    children?: ReactNode;
-    /**
-     * Typograhy properties
-     */
-    typographyProps?: TypographyProps;
-    /**
-     * Doprdown menu properties
-     */
-    menuProps?: Omit<MenuProps, 'open' | 'onClose' | 'anchorEl '>;
-    /**
-     * Item wrapper properties
-     */
-    boxProps?: BoxProps;
-    /**
-     * Icon properties
-     */
-    iconProps?: IconProps;
-    /**
-     * Index number of item in navigation (used for switching the active item)
-     */
-    index?: number;
-}
-export declare const HeaderNavigationMenu: FC<HeaderNavigationMenuProps>;

package/cjs/layout/Header/HeaderNavigationMenu.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),r=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var i=require("@mui/material"),s=require("react"),t=require("./HeaderNavigationLinkLabel.js"),o=require("./HeaderContext.js");exports.HeaderNavigationMenu=({label:a,menuItems:c,children:l,typographyProps:d,boxProps:x,iconProps:p,index:u})=>{const h=d||{},{sx:g}=h,j=e.__rest(h,["sx"]),m=x||{},{sx:b}=m,v=e.__rest(m,["sx"]),y=p||{},{sx:f}=y,B=e.__rest(y,["sx"]),{matches:S,activeItem:C,setActiveItem:q}=o.useHeaderContext(),[I,O]=s.useState(null),[k,M]=s.useState(!1),H=e=>{M(!k),O(e.currentTarget)};return S?n.jsxs(i.Accordion,{sx:{border:"none","& .MuiSvgIcon-root":{fontSize:"16px"}},onChange:()=>q(u),children:[n.jsx(i.AccordionSummary,{sx:{paddingTop:0,paddingBottom:0,border:"none"},children:n.jsx(i.ButtonBase,{onClick:H,children:n.jsx(i.Typography,Object.assign({sx:Object.assign({display:"block",fontSize:"inherit"},g)},j,{children:n.jsx(t.HeaderNavigationLinkLabel,{sx:{fontWeight:C===u?700:300},children:a})}))})}),n.jsx(i.AccordionDetails,{sx:{"& .MuiMenuItem-root":{fontWeight:300},"&:last-of-type":{paddingBottom:"0px"}},children:c||l})]}):n.jsxs(i.ButtonBase,{onClick:H,sx:{borderBottom:"2px solid transparent",borderBottomColor:C===u?"onSurface.os900":"transparent.transparent","&:hover":{borderBottomColor:"onSurface.os900"}},children:[n.jsx(i.Typography,Object.assign({variant:"list",sx:Object.assign({display:"block"},g)},j,{children:n.jsx(t.HeaderNavigationLinkLabel,{children:n.jsxs(i.Box,Object.assign({sx:Object.assign({display:"inline-flex",alignItems:"center",gap:1},b)},v,{children:[a,n.jsx(r.Icon,Object.assign({fontSize:"inherit",name:"chevron-down",sx:Object.assign({},f)},B))]}))})})),n.jsx(i.Menu,{anchorEl:I,open:k,onClose:()=>{O(null)},children:c?s.isValidElement(c)&&c.props.children.map((e=>e)):s.Children.map(l,(e=>n.jsx(i.Typography,{variant:"list",component:"li",sx:{"& .MuiMenuItem-root":{fontSize:{xs:"unset"}}},children:e})))})]})};
-//# sourceMappingURL=HeaderNavigationMenu.js.map

package/cjs/layout/Header/HeaderNavigationMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { Icon, IconProps } from '@/src/components/icon';\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Box,\n  BoxProps,\n  ButtonBase,\n  ButtonBaseProps,\n  Menu,\n  MenuProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { Children, FC, isValidElement, ReactNode, useState } from 'react';\nimport { HeaderNavigationLinkLabel } from './HeaderNavigationLinkLabel';\nimport { useHeaderContext } from './HeaderContext';\n\nexport interface HeaderNavigationMenuProps extends ButtonBaseProps {\n  /**\n   * Link to page\n   */\n  href?: string;\n\n  /**\n   * Text label (name of item)\n   */\n  label?: ReactNode;\n\n  /**\n   * Menu item list that shows after click on label\n   */\n  menuItems?: ReactNode;\n\n  /**\n   * ReactNode children provided instead of `label`\n   */\n  children?: ReactNode;\n\n  /**\n   * Typograhy properties\n   */\n  typographyProps?: TypographyProps;\n\n  /**\n   * Doprdown menu properties\n   */\n  menuProps?: Omit<MenuProps, 'open' | 'onClose' | 'anchorEl '>;\n\n  /**\n   * Item wrapper properties\n   */\n  boxProps?: BoxProps;\n\n  /**\n   * Icon properties\n   */\n  iconProps?: IconProps;\n\n  /**\n   * Index number of item in navigation (used for switching the active item)\n   */\n  index?: number;\n}\n\nexport const HeaderNavigationMenu: FC<HeaderNavigationMenuProps> = ({\n  label,\n  menuItems,\n  children,\n  typographyProps,\n  boxProps,\n  iconProps,\n  index,\n}) => {\n  const { sx: typographySx, ...restTypography } = typographyProps || {};\n  const { sx: boxSx, ...restBox } = boxProps || {};\n  const { sx: iconSx, ...restIcon } = iconProps || {};\n\n  const { matches, activeItem, setActiveItem } = useHeaderContext();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setOpen(!open);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  return matches ? (\n    <Accordion\n      sx={{\n        border: 'none',\n        '& .MuiSvgIcon-root': { fontSize: '16px' },\n      }}\n      onChange={() => setActiveItem(index)}\n    >\n      <AccordionSummary\n        sx={{\n          paddingTop: 0,\n          paddingBottom: 0,\n          border: 'none',\n        }}\n      >\n        <ButtonBase onClick={handleClick}>\n          <Typography sx={{ display: 'block', fontSize: 'inherit', ...typographySx }} {...restTypography}>\n            <HeaderNavigationLinkLabel sx={{ fontWeight: activeItem === index ? 700 : 300 }}>\n              {label}\n            </HeaderNavigationLinkLabel>\n          </Typography>\n        </ButtonBase>\n      </AccordionSummary>\n      <AccordionDetails sx={{ '& .MuiMenuItem-root': { fontWeight: 300 }, '&:last-of-type': { paddingBottom: '0px' } }}>\n        {menuItems || children}\n      </AccordionDetails>\n    </Accordion>\n  ) : (\n    <ButtonBase\n      onClick={handleClick}\n      sx={{\n        borderBottom: '2px solid transparent',\n        borderBottomColor: activeItem === index ? 'onSurface.os900' : 'transparent.transparent',\n\n        '&:hover': {\n          borderBottomColor: 'onSurface.os900',\n        },\n      }}\n    >\n      <Typography variant=\"list\" sx={{ display: 'block', ...typographySx }} {...restTypography}>\n        <HeaderNavigationLinkLabel>\n          <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 1, ...boxSx }} {...restBox}>\n            {label}\n            <Icon fontSize=\"inherit\" name=\"chevron-down\" sx={{ ...iconSx }} {...restIcon} />\n          </Box>\n        </HeaderNavigationLinkLabel>\n      </Typography>\n      <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n        {menuItems\n          ? isValidElement(menuItems) && menuItems.props.children.map((child: ReactNode) => child)\n          : Children.map(children, (child) => (\n              <Typography variant=\"list\" component=\"li\" sx={{ '& .MuiMenuItem-root': { fontSize: { xs: 'unset' } } }}>\n                {child}\n              </Typography>\n            ))}\n      </Menu>\n    </ButtonBase>\n  );\n};\n"],"names":["label","menuItems","children","typographyProps","boxProps","iconProps","index","_a","sx","typographySx","restTypography","__rest","_b","boxSx","restBox","_c","iconSx","restIcon","matches","activeItem","setActiveItem","useHeaderContext","anchorEl","setAnchorEl","useState","open","setOpen","handleClick","event","currentTarget","_jsxs","Accordion","border","fontSize","onChange","_jsx","jsx","AccordionSummary","paddingTop","paddingBottom","ButtonBase","onClick","Typography","Object","assign","display","HeaderNavigationLinkLabel","fontWeight","AccordionDetails","borderBottom","borderBottomColor","variant","Box","alignItems","gap","Icon","name","Menu","onClose","isValidElement","props","map","child","Children","component","xs"],"mappings":"8TAiEmE,EACjEA,QACAC,YACAC,WACAC,kBACAC,WACAC,YACAC,YAEA,MAAMC,EAA0CJ,GAAmB,IAA3DK,GAAIC,KAAiBC,EAAvBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA4BR,GAAY,IAAtCI,GAAIK,KAAUC,EAAhBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA8BV,GAAa,IAAzCG,GAAIQ,KAAWC,EAAjBN,EAAAA,OAAAI,EAAA,CAAA,QAEAG,QAAEA,EAAOC,WAAEA,EAAUC,cAAEA,GAAkBC,EAAAA,oBAExCC,EAAUC,GAAeC,EAAAA,SAA6B,OACtDC,EAAMC,GAAWF,EAAAA,UAAS,GAE3BG,EAAeC,IACnBF,GAASD,GACTF,EAAYK,EAAMC,cAAc,EAOlC,OAAOX,EACLY,EAAAA,KAACC,EAASA,UACR,CAAAvB,GAAI,CACFwB,OAAQ,OACR,qBAAsB,CAAEC,SAAU,SAEpCC,SAAU,IAAMd,EAAcd,GAE9BJ,SAAA,CAAAiC,EAAAC,IAACC,mBAAgB,CACf7B,GAAI,CACF8B,WAAY,EACZC,cAAe,EACfP,OAAQ,QAGV9B,SAAAiC,EAAAA,IAACK,EAAAA,WAAW,CAAAC,QAASd,EAAWzB,SAC9BiC,MAACO,EAAUA,WAAAC,OAAAC,OAAA,CAACpC,GAAMmC,OAAAC,OAAA,CAAAC,QAAS,QAASZ,SAAU,WAAcxB,IAAoBC,EAC9E,CAAAR,SAAAiC,EAAAC,IAACU,EAAyBA,0BAAC,CAAAtC,GAAI,CAAEuC,WAAY5B,IAAeb,EAAQ,IAAM,KACvEJ,SAAAF,WAKTmC,EAAAA,IAACa,EAAAA,iBAAiB,CAAAxC,GAAI,CAAE,sBAAuB,CAAEuC,WAAY,KAAO,iBAAkB,CAAER,cAAe,iBACpGtC,GAAaC,OAIlB4B,EAAAA,KAACU,EAAAA,WACC,CAAAC,QAASd,EACTnB,GAAI,CACFyC,aAAc,wBACdC,kBAAmB/B,IAAeb,EAAQ,kBAAoB,0BAE9D,UAAW,CACT4C,kBAAmB,oBAEtBhD,SAAA,CAEDiC,MAACO,EAAAA,WAAUC,OAAAC,OAAA,CAACO,QAAQ,OAAO3C,GAAMmC,OAAAC,OAAA,CAAAC,QAAS,SAAYpC,IAAoBC,EACxE,CAAAR,SAAAiC,EAAAA,IAACW,EAAAA,0BAAyB,CAAA5C,SACxB4B,EAAAA,KAACsB,EAAGA,IAAAT,OAAAC,OAAA,CAACpC,GAAEmC,OAAAC,OAAA,CAAIC,QAAS,cAAeQ,WAAY,SAAUC,IAAK,GAAMzC,IAAaC,EAAO,CAAAZ,SAAA,CACrFF,EACDmC,EAAAC,IAACmB,OAAIZ,OAAAC,OAAA,CAACX,SAAS,UAAUuB,KAAK,eAAehD,GAASmC,OAAAC,OAAA,CAAA,EAAA5B,IAAcC,aAI1EkB,EAAAA,IAACsB,EAAAA,KAAI,CAACnC,SAAUA,EAAUG,KAAMA,EAAMiC,QAnDtB,KAClBnC,EAAY,KAAK,WAmDZtB,EACG0D,iBAAe1D,IAAcA,EAAU2D,MAAM1D,SAAS2D,KAAKC,GAAqBA,IAChFC,EAAAA,SAASF,IAAI3D,GAAW4D,GACtB3B,MAACO,aAAU,CAACS,QAAQ,OAAOa,UAAU,KAAKxD,GAAI,CAAE,sBAAuB,CAAEyB,SAAU,CAAEgC,GAAI,oBACtFH,UAKd"}

package/cjs/layout/Header/HeaderOverheadItem.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@mui/material/OverridableComponent';
-export interface HeaderOverheadItemTypeMap<P = unknown, C extends React.ElementType = 'button'> {
-    props: P & {
-        label: string;
-        active?: boolean;
-    };
-    defaultComponent: C;
-}
-export type HeaderOverheadItemProps<C extends React.ElementType, P = unknown> = OverrideProps<HeaderOverheadItemTypeMap<P, C>, C> & {
-    component?: C;
-};
-export declare function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderOverheadItem.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material");const i=t.styled(t.ButtonBase)((({theme:e})=>({padding:"0 55px",height:"32px",[e.breakpoints.up("xs")]:{fontWeight:"700",fontSize:"16px"},lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:e.palette.text.primary,display:"flex",alignItems:"center"})));exports.HeaderOverheadItem=function(t){const{active:a,label:n}=t,o=e.__rest(t,["active","label"]);return r.jsx(i,Object.assign({component:"a"},o,{sx:{background:a?"var(--active-background)":"transparent",color:a?"var(--active-color)":"inherit"},children:n}))};
-//# sourceMappingURL=HeaderOverheadItem.js.map

package/cjs/layout/Header/HeaderOverheadItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { styled, ButtonBase } from '@mui/material';\nimport React from 'react';\nimport { OverrideProps } from '@mui/material/OverridableComponent';\n\nexport interface HeaderOverheadItemTypeMap<P = unknown, C extends React.ElementType = 'button'> {\n  props: P & {\n    label: string;\n    active?: boolean;\n  };\n  defaultComponent: C;\n}\n\nexport type HeaderOverheadItemProps<C extends React.ElementType, P = unknown> = OverrideProps<\n  HeaderOverheadItemTypeMap<P, C>,\n  C\n> & {\n  component?: C;\n};\n\nexport function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>) {\n  const { active, label, ...rest } = props;\n\n  return (\n    <ItemButton\n      component=\"a\"\n      {...rest}\n      sx={{\n        background: active ? 'var(--active-background)' : 'transparent',\n        color: active ? 'var(--active-color)' : 'inherit',\n      }}\n    >\n      {label}\n    </ItemButton>\n  );\n}\n\nconst ItemButton = styled(ButtonBase)(({ theme }) => ({\n  padding: '0 55px',\n  height: '32px',\n  [theme.breakpoints.up('xs')]: {\n    fontWeight: '700',\n    fontSize: '16px',\n  },\n  lineHeight: '21px',\n  '&:hover .FwlNavigationItem-label': {\n    borderBottomColor: 'currentColor',\n  },\n  appearance: 'inherit',\n  border: 'inherit',\n  background: 'inherit',\n  cursor: 'pointer',\n  color: theme.palette.text.primary,\n  display: 'flex',\n  alignItems: 'center',\n}));\n"],"names":["ItemButton","styled","ButtonBase","theme","padding","height","breakpoints","up","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"8FAoCA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,WAAPD,EAAmB,EAAGE,YAAa,CACpDC,QAAS,SACTC,OAAQ,OACR,CAACF,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,MACZC,SAAU,QAEZC,WAAY,OACZ,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCAlCR,SAAqEC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAA,OAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAACC,IAAA5B,EACC6B,OAAAC,OAAA,CAAAC,UAAU,KACNN,EACJ,CAAAO,GAAI,CACFlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WAGzCU,SAAAT,IAGP"}

package/cjs/layout/Header/HeaderSkodaLogo.d.ts

@@ -1,8 +0,0 @@
-import { LinkProps } from '@mui/material';
-export type HeaderSkodaLogoProps = LinkProps & {
-    alt?: string;
-};
-/**
- * @deprecated Use <Logo /> with <Link /> instead.
- */
-export declare function HeaderSkodaLogo(props: HeaderSkodaLogoProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderSkodaLogo.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../components/logo/Logo.js");exports.HeaderSkodaLogo=function(i){return e.jsx(r.Link,Object.assign({},i,{children:e.jsx(o.Logo,{})}))};
-//# sourceMappingURL=HeaderSkodaLogo.js.map

package/cjs/layout/Header/HeaderSkodaLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":["import React from 'react';\nimport { Link, LinkProps } from '@mui/material';\nimport { Logo } from '@/src/components/logo';\n\nexport type HeaderSkodaLogoProps = LinkProps & { alt?: string };\n\n/**\n * @deprecated Use <Logo /> with <Link /> instead.\n */\nexport function HeaderSkodaLogo(props: HeaderSkodaLogoProps) {\n  return (\n    <Link {...props}>\n      <Logo />\n    </Link>\n  );\n}\n"],"names":["props","_jsx","jsx","Link","Object","assign","children","Logo"],"mappings":"8IASM,SAA0BA,GAC9B,OACEC,EAACC,IAAAC,EAAIA,KAAKC,OAAAC,OAAA,CAAA,EAAAL,EACR,CAAAM,SAAAL,EAAAA,IAACM,EAAAA,KAAI,CAAA,KAGX"}

package/cjs/layout/Header/PredefinedHeaderButtons.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { IconButtonProps } from '@mui/material';
-export type PredefinedHeaderButtonProps<C extends React.ElementType> = {
-    label?: string;
-} & IconButtonProps<C, {
-    component?: C;
-}>;
-export declare const HeaderBellButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderSearchButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderProfileButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderHeartButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderCartButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderLanguageButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderLoginButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderLogoutButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderCloseButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderFaqButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderMenuButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/cjs/layout/Header/PredefinedHeaderButtons.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./HeaderButton.js");const o=(o,a)=>t.forwardRef((function(t,n){var u;return e.jsx(r.HeaderButton,Object.assign({},t,{ref:n,icon:o,label:null!==(u=t.label)&&void 0!==u?u:a,"aria-label":a}))})),a=o("bell","Notifications"),n=o("search","Search"),u=o("profile","User Profile"),s=o("heart","Wish List"),i=o("shopping-bag","ShoppingCart"),l=o("globe","Language"),g=o("login","Log In"),p=o("logout","Log Out"),d=o("close","Close"),c=o("circle-question","FAQ"),B=o("hamburger","Menu");exports.HeaderBellButton=a,exports.HeaderCartButton=i,exports.HeaderCloseButton=d,exports.HeaderFaqButton=c,exports.HeaderHeartButton=s,exports.HeaderLanguageButton=l,exports.HeaderLoginButton=g,exports.HeaderLogoutButton=p,exports.HeaderMenuButton=B,exports.HeaderProfileButton=u,exports.HeaderSearchButton=n;
-//# sourceMappingURL=PredefinedHeaderButtons.js.map

package/cjs/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { IconButtonProps } from '@mui/material';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type PredefinedHeaderButtonProps<C extends React.ElementType> = {\n  label?: string;\n} & IconButtonProps<C, { component?: C }>;\n\nconst createPredefinedHeaderButton = (defaultIcon: IconNameProp, defaultLabel: string) => {\n  function HeaderButtonBase<C extends React.ElementType>(\n    props: PredefinedHeaderButtonProps<C>,\n    ref: React.Ref<HTMLButtonElement>,\n  ) {\n    return (\n      <HeaderButton\n        {...props}\n        ref={ref}\n        icon={defaultIcon}\n        label={props.label ?? defaultLabel}\n        aria-label={defaultLabel}\n      />\n    );\n  }\n\n  return forwardRef(HeaderButtonBase);\n};\n\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('profile', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping-bag', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('close', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('hamburger', 'Menu');\n"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabel","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"kGASA,MAAMA,EAA+B,CAACC,EAA2BC,IAgBxDC,EAAAA,YAfP,SACEC,EACAC,SAEA,OACEC,MAACC,EAAAA,aACKC,OAAAC,OAAA,CAAA,EAAAL,EACJ,CAAAC,IAAKA,EACLK,KAAMT,EACNU,MAAsB,QAAfC,EAAAR,EAAMO,aAAS,IAAAC,EAAAA,EAAAV,EACV,aAAAA,QAQPW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,UAAW,gBAC9DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,eAAgB,gBAChEkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,QAAS,SAC1DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,YAAa"}

package/cjs/layout/PageLayout/PageLayout.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react");exports.PageLayout=r=>{const{children:o,header:a,footer:n,headerPosition:d="static",headerSlideThreshold:s=250,wrapContent:c=!1}=r,l=i.useRef(null),[x,h]=i.useState(0);i.useEffect((()=>{l.current&&h(l.current.getBoundingClientRect().height)}),[l.current]);const u=t.useScrollTrigger({target:window,threshold:s});return e.jsxs(t.Box,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:e=>e.palette.surface.primary},"data-testid":"PageLayout",children:[a&&e.jsxs(e.Fragment,{children:[e.jsx(t.Box,{ref:l,sx:{position:"static"===d?"static":"fixed",top:0,left:0,right:0,zIndex:e=>e.zIndex.appBar},component:"slide"===d?t.Slide:void 0,appear:"slide"!==d&&void 0,direction:"slide"===d?"down":void 0,in:"slide"===d?!u:void 0,children:e.jsx(t.Box,{"data-testid":"PageLayout.header",children:a})}),"static"!==d&&e.jsx(t.Box,{sx:{height:x}})]}),e.jsx(t.Box,{sx:{flexGrow:1},component:c?t.Container:void 0,"data-testid":"Container",children:o}),n&&e.jsx(t.Box,{"data-testid":"PageLayout.footer",children:n})]})};
-//# sourceMappingURL=PageLayout.js.map

package/cjs/layout/PageLayout/PageLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":["import { Box, useScrollTrigger, Slide, Container } from '@mui/material';\nimport React, { useEffect, useRef, useState } from 'react';\n\nexport type PageLayoutProps = {\n  /**\n   * Content of an page\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * React node that renders layout header\n   * @default undefined\n   */\n  header?: React.ReactNode;\n  /**\n   * React node that renders layout footer\n   * @default undefined\n   */\n  footer?: React.ReactNode;\n  /**\n   * Specifies position of header\n   * - static: header is fixed on top of the content\n   * - fixed: header is visible while user scrolls the content\n   * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up\n   * @default static\n   */\n  headerPosition?: 'static' | 'fixed' | 'slide';\n  /**\n   * Specifies threshold that is used to hide header\n   * @default 250\n   */\n  headerSlideThreshold?: number;\n  /**\n   * Specifies if content should be automatically wrapped into container component\n   * @default false\n   */\n  wrapContent?: boolean;\n};\n\nexport const PageLayout: React.FC<PageLayoutProps> = (props) => {\n  const {\n    children,\n    header,\n    footer,\n    headerPosition = 'static',\n    headerSlideThreshold = 250,\n    wrapContent = false,\n  } = props;\n\n  const headerContainerRef = useRef<HTMLDivElement>(null);\n  const [headerHeight, setHeaderHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (headerContainerRef.current) {\n      setHeaderHeight(headerContainerRef.current.getBoundingClientRect().height);\n    }\n  }, [headerContainerRef.current]);\n\n  const trigger = useScrollTrigger({\n    target: window,\n    threshold: headerSlideThreshold,\n  });\n\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        minHeight: '100vh',\n        minWidth: '300px',\n        display: 'flex',\n        flexDirection: 'column',\n        background: (theme) => theme.palette.surface.primary,\n      }}\n      data-testid=\"PageLayout\"\n    >\n      {header && (\n        <>\n          <Box\n            ref={headerContainerRef}\n            sx={{\n              position: headerPosition === 'static' ? 'static' : 'fixed',\n              top: 0,\n              left: 0,\n              right: 0,\n              zIndex: (theme) => theme.zIndex.appBar,\n            }}\n            component={headerPosition === 'slide' ? Slide : undefined}\n            appear={headerPosition === 'slide' ? false : undefined}\n            direction={headerPosition === 'slide' ? 'down' : undefined}\n            in={headerPosition === 'slide' ? !trigger : undefined}\n          >\n            <Box data-testid=\"PageLayout.header\">{header}</Box>\n          </Box>\n          {headerPosition !== 'static' && <Box sx={{ height: headerHeight }} />}\n        </>\n      )}\n\n      <Box\n        sx={{\n          flexGrow: 1,\n        }}\n        component={wrapContent ? Container : undefined}\n        data-testid=\"Container\"\n      >\n        {children}\n      </Box>\n\n      {footer && <Box data-testid=\"PageLayout.footer\">{footer}</Box>}\n    </Box>\n  );\n};\n"],"names":["props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","Fragment","_jsx","jsx","ref","top","left","right","zIndex","appBar","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"iHAuCsDA,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,EAAMA,OAAiB,OAC3CC,EAAcC,GAAmBC,EAAAA,SAAiB,GAEzDC,EAAAA,WAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,UAEpE,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAAA,iBAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAAAC,KAACC,MAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYjC,SAAA,CAEvBC,GACCmB,EACEC,KAAAa,EAAAC,SAAA,CAAAnC,SAAA,CAAAoC,EAAAC,IAACf,EAAGA,IAAA,CACFgB,IAAKhC,EACLiB,GAAI,CACFC,SAA6B,WAAnBrB,EAA8B,SAAW,QACnDoC,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAASZ,GAAUA,EAAMY,OAAOC,QAElCC,UAA8B,UAAnBzC,EAA6B0C,EAAKA,WAAGC,EAChDC,OAA2B,UAAnB5C,QAAqC2C,EAC7CE,UAA8B,UAAnB7C,EAA6B,YAAS2C,EACjDG,GAAuB,UAAnB9C,GAA8BY,OAAU+B,EAE5C9C,SAAAoC,EAAAA,IAACd,EAAAA,IAAgB,CAAA,cAAA,6BAAqBrB,MAEpB,WAAnBE,GAA+BiC,MAACd,EAAAA,KAAIC,GAAI,CAAET,OAAQN,QAIvD4B,MAACd,MAAG,CACFC,GAAI,CACF2B,SAAU,GAEZN,UAAWvC,EAAc8C,iBAAYL,EAAS,cAClC,YAAW9C,SAEtBA,IAGFE,GAAUkC,EAAAC,IAACf,EAAGA,IAAA,CAAA,cAAa,oBAAmBtB,SAAEE,MAC7C"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type SecondaryNavigationProps = {
-    title: string;
-    color?: 'dark' | 'light';
-    cta?: React.ReactNode;
-    navigationItems?: React.ReactNode;
-    /** Defines if content should be rendered inside Container component */
-    inContainer?: boolean;
-};
-export declare const SecondaryNavigation: React.FC<SecondaryNavigationProps>;

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("../../utils/useElementScrollable/useElementScrollable.js");exports.SecondaryNavigation=({title:i,color:a,cta:n,navigationItems:o,inContainer:s})=>{const{isScrollable:l,elementRef:c}=t.useElementScrollable("x");return e.jsx(r.Box,{component:s&&r.Container,sx:{padding:!s&&{xs:"0 16px",md:"0 16px"},backgroundColor:"dark"===a?"onSurface.os900":"common.white",color:"dark"===a?"common.white":"text.primary",borderBottom:e=>`1px solid ${e.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:e.jsxs(r.Box,{sx:{display:"flex",flexWrap:{xs:"wrap",md:"nowrap"},justifyContent:"space-between",minHeight:"64px",gap:{xs:"12px",md:"0"},pt:o&&{xs:2,md:0},"& > *":{minWidth:"0"}},children:[e.jsx(r.Typography,{variant:"subheadline",sx:{mr:{xs:0,md:4},flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:i}),o&&e.jsx(r.Box,{ref:c,sx:{flexGrow:1,overflow:"auto",order:{xs:"3",md:"0"},flexBasis:{xs:"100%",md:"auto"},minHeight:"48px",msOverflowStyle:"none",scrollbarWidth:"none","::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer":{width:0,height:0,display:"none"}},"data-testid":"SecondaryNavigation.items",children:e.jsx(r.Stack,{direction:"row",alignItems:"center",sx:Object.assign({height:"100%",borderColor:"dark"===a?"brand.secondary":"brand.primary"},l&&{"& > :first-child":{ml:{xs:"36px",md:0}}}),children:o})}),e.jsx(r.Stack,{direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{ml:2,flexShrink:"0"},"data-testid":"SecondaryNavigation.cta",children:n})]})})};
-//# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { Box, Container, Stack, Typography } from '@mui/material';\nimport React from 'react';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport type SecondaryNavigationProps = {\n  title: string;\n  color?: 'dark' | 'light';\n  cta?: React.ReactNode;\n  navigationItems?: React.ReactNode;\n  /** Defines if content should be rendered inside Container component */\n  inContainer?: boolean;\n};\n\nexport const SecondaryNavigation: React.FC<SecondaryNavigationProps> = ({\n  title,\n  color,\n  cta,\n  navigationItems,\n  inContainer,\n}) => {\n  const { isScrollable, elementRef } = useElementScrollable('x');\n\n  return (\n    <Box\n      component={inContainer && Container}\n      sx={{\n        padding: !inContainer && { xs: '0 16px', md: '0 16px' },\n        backgroundColor: color === 'dark' ? 'onSurface.os900' : 'common.white',\n        color: color === 'dark' ? 'common.white' : 'text.primary',\n        borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n      }}\n      data-testid=\"SecondaryNavigation\"\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: { xs: 'wrap', md: 'nowrap' },\n          justifyContent: 'space-between',\n          minHeight: '64px',\n          gap: { xs: '12px', md: '0' },\n          pt: navigationItems && { xs: 2, md: 0 },\n          '& > *': {\n            // prevent overflows\n            minWidth: '0',\n          },\n        }}\n      >\n        <Typography\n          variant=\"subheadline\"\n          sx={{\n            mr: { xs: 0, md: 4 },\n            flexShrink: 0,\n            display: 'flex',\n            alignItems: 'center',\n          }}\n          data-testid=\"SecondaryNavigation.title\"\n        >\n          {title}\n        </Typography>\n        {navigationItems && (\n          <Box\n            ref={elementRef}\n            sx={{\n              flexGrow: 1,\n              overflow: 'auto',\n              order: { xs: '3', md: '0' },\n              flexBasis: { xs: '100%', md: 'auto' },\n              minHeight: '48px',\n              msOverflowStyle: 'none',\n              scrollbarWidth: 'none',\n              '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer':\n                {\n                  width: 0,\n                  height: 0,\n                  display: 'none',\n                },\n            }}\n            data-testid=\"SecondaryNavigation.items\"\n          >\n            <Stack\n              direction=\"row\"\n              alignItems=\"center\"\n              sx={{\n                height: '100%',\n                borderColor: color === 'dark' ? 'brand.secondary' : 'brand.primary',\n                ...(isScrollable && {\n                  '& > :first-child': {\n                    ml: { xs: '36px', md: 0 },\n                  },\n                }),\n              }}\n            >\n              {navigationItems}\n            </Stack>\n          </Box>\n        )}\n        <Stack\n          direction=\"row\"\n          spacing={2}\n          alignItems=\"center\"\n          justifyContent=\"flex-end\"\n          sx={{ ml: 2, flexShrink: '0' }}\n          data-testid=\"SecondaryNavigation.cta\"\n        >\n          {cta}\n        </Stack>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["title","color","cta","navigationItems","inContainer","isScrollable","elementRef","useElementScrollable","_jsx","Box","component","Container","sx","padding","xs","md","backgroundColor","borderBottom","theme","palette","surface","secondary","children","_jsxs","display","flexWrap","justifyContent","minHeight","gap","pt","minWidth","Typography","variant","mr","flexShrink","alignItems","ref","flexGrow","overflow","order","flexBasis","msOverflowStyle","scrollbarWidth","width","height","jsx","Stack","direction","borderColor","ml","spacing"],"mappings":"6KAauE,EACrEA,QACAC,QACAC,MACAC,kBACAC,kBAEA,MAAMC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,IAACC,EAAAA,IACC,CAAAC,UAAWN,GAAeO,EAASA,UACnCC,GAAI,CACFC,SAAUT,GAAe,CAAEU,GAAI,SAAUC,GAAI,UAC7CC,gBAA2B,SAAVf,EAAmB,kBAAoB,eACxDA,MAAiB,SAAVA,EAAmB,eAAiB,eAC3CgB,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,sBAEZC,SAAAC,EAAAA,KAACd,EAAAA,IAAG,CACFG,GAAI,CACFY,QAAS,OACTC,SAAU,CAAEX,GAAI,OAAQC,GAAI,UAC5BW,eAAgB,gBAChBC,UAAW,OACXC,IAAK,CAAEd,GAAI,OAAQC,GAAI,KACvBc,GAAI1B,GAAmB,CAAEW,GAAI,EAAGC,GAAI,GACpC,QAAS,CAEPe,SAAU,MAIdR,SAAA,CAAAd,MAACuB,EAAAA,WACC,CAAAC,QAAQ,cACRpB,GAAI,CACFqB,GAAI,CAAEnB,GAAI,EAAGC,GAAI,GACjBmB,WAAY,EACZV,QAAS,OACTW,WAAY,UACb,cACW,4BAEXb,SAAAtB,IAEFG,GACCK,EAAAA,IAACC,EAAAA,KACC2B,IAAK9B,EACLM,GAAI,CACFyB,SAAU,EACVC,SAAU,OACVC,MAAO,CAAEzB,GAAI,IAAKC,GAAI,KACtByB,UAAW,CAAE1B,GAAI,OAAQC,GAAI,QAC7BY,UAAW,OACXc,gBAAiB,OACjBC,eAAgB,OAChB,wLACE,CACEC,MAAO,EACPC,OAAQ,EACRpB,QAAS,SAEd,cACW,4BAA2BF,SAEvCd,EAACqC,IAAAC,SACCC,UAAU,MACVZ,WAAW,SACXvB,kBACEgC,OAAQ,OACRI,YAAuB,SAAV/C,EAAmB,kBAAoB,iBAChDI,GAAgB,CAClB,mBAAoB,CAClB4C,GAAI,CAAEnC,GAAI,OAAQC,GAAI,MAExBO,SAGHnB,MAIPK,EAAAqC,IAACC,QACC,CAAAC,UAAU,MACVG,QAAS,EACTf,WAAW,SACXT,eAAe,WACfd,GAAI,CAAEqC,GAAI,EAAGf,WAAY,KAAK,cAClB,0BAEXZ,SAAApB,QAGD"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from '@mui/material';
-import React from 'react';
-export declare const SecondaryNavigationCta: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");const t=require("react").forwardRef((function(t,a){const i=r.useMediaQuery((e=>e.breakpoints.down("md")));return e.jsx(r.Button,Object.assign({"data-testid":"SecondaryNavigationCta",size:i?"small":"medium"},t,{ref:a}))}));exports.SecondaryNavigationCta=t;
-//# sourceMappingURL=SecondaryNavigationCta.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nfunction SecondaryNavigationCtaBase(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {\n  const isSmallButton = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n  return <Button data-testid=\"SecondaryNavigationCta\" size={isSmallButton ? 'small' : 'medium'} {...props} ref={ref} />;\n}\n\nexport const SecondaryNavigationCta = forwardRef(SecondaryNavigationCtaBase);\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","isSmallButton","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","size"],"mappings":"iFAQaA,mBAAmCC,YALhD,SAAoCC,EAAoBC,GACtD,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAC7E,OAAOC,EAAAA,IAACC,EAAAA,OAAmBC,OAAAC,OAAA,CAAA,cAAA,yBAAyBC,KAAMT,EAAgB,QAAU,UAAcF,GAAOC,IAAKA,IAChH"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@mui/material/OverridableComponent';
-export interface SecondaryNavigationItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {
-    props: P & {
-        label: string;
-        isActive?: boolean;
-    };
-    defaultComponent: C;
-}
-export type SecondaryNavigationItemProps<C extends React.ElementType, P = unknown> = OverrideProps<SecondaryNavigationItemTypeMap<P, C>, C> & {
-    component?: C;
-};
-export declare function SecondaryNavigationItem<C extends React.ElementType = 'a'>(props: SecondaryNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("@mui/material"),i=require("react");exports.SecondaryNavigationItem=function(o){const{label:r,onClick:s,isActive:n}=o,l=e.__rest(o,["label","onClick","isActive"]),c=i.useCallback((e=>{var t;if(null===(t=o.href)||void 0===t?void 0:t.startsWith("#")){const t=o.href.replace(/^#/,""),a=document.querySelector(`[id="${t}"]`);a&&(e.preventDefault(),a.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",o.href))}null==s||s()}),[s,o.href]),d=i.useMemo((()=>({display:"flex",alignItems:"center",height:"100%",borderBottom:"2px solid transparent",borderColor:n&&"inherit"})),[n]);return t.jsx(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",height:"100%",left:{xs:"-12px",md:"0"},borderColor:"inherit"},"data-testid":"SecondaryNavigationItem",children:t.jsxs(a.ButtonBase,Object.assign({onClick:c,component:"a",sx:e=>Object.assign(Object.assign({position:"relative"},e.typography.body),{whiteSpace:"nowrap",borderColor:"inherit",background:"transparent",height:"100%",px:{xs:"12px",md:"16px"},"&:hover":{".FlowSecondaryNavigationItem-label":{opacity:0},".FlowSecondaryNavigationItem-selectedLabel":{opacity:1}}})},l,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:[t.jsx(a.Box,{className:"FlowSecondaryNavigationItem-label",sx:Object.assign(Object.assign({},d),{position:"absolute",opacity:n?"0":"1"}),children:r}),t.jsx(a.Box,{className:"FlowSecondaryNavigationItem-selectedLabel",sx:Object.assign(Object.assign({},d),{fontWeight:"700",opacity:n?"1":"0"}),children:r})]}))})};
-//# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import { Box, ButtonBase } from '@mui/material';\nimport React, { useCallback, useMemo } from 'react';\nimport { OverrideProps } from '@mui/material/OverridableComponent';\n\nexport interface SecondaryNavigationItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {\n  props: P & {\n    label: string;\n    isActive?: boolean;\n  };\n  defaultComponent: C;\n}\n\nexport type SecondaryNavigationItemProps<C extends React.ElementType, P = unknown> = OverrideProps<\n  SecondaryNavigationItemTypeMap<P, C>,\n  C\n> & {\n  component?: C;\n};\n\nexport function SecondaryNavigationItem<C extends React.ElementType = 'a'>(props: SecondaryNavigationItemProps<C>) {\n  const { label, onClick, isActive, ...rest } = props;\n\n  const onItemClick = useCallback(\n    (event: React.MouseEvent) => {\n      const shouldScroll = props.href?.startsWith('#');\n      if (shouldScroll) {\n        const selector = props.href.replace(/^#/, '');\n        const element = document.querySelector(`[id=\"${selector}\"]`);\n        if (element) {\n          event.preventDefault();\n          element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          history.pushState({}, '', props.href);\n        }\n      }\n      onClick?.();\n    },\n    [onClick, props.href],\n  );\n\n  const sharedItemSx = useMemo(\n    () => ({\n      display: 'flex',\n      alignItems: 'center',\n      height: '100%',\n      borderBottom: '2px solid transparent',\n      borderColor: isActive && 'inherit',\n    }),\n    [isActive],\n  );\n\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        display: 'flex',\n        alignItems: 'center',\n        height: '100%',\n        // on mobile move by item left padding to align with top bar\n        left: { xs: '-12px', md: '0' },\n        borderColor: 'inherit',\n      }}\n      data-testid=\"SecondaryNavigationItem\"\n    >\n      <ButtonBase\n        onClick={onItemClick}\n        component=\"a\"\n        sx={(theme) => ({\n          position: 'relative',\n          ...theme.typography.body,\n          whiteSpace: 'nowrap',\n          borderColor: 'inherit',\n          background: 'transparent',\n          height: '100%',\n          px: { xs: '12px', md: '16px' },\n          '&:hover': {\n            '.FlowSecondaryNavigationItem-label': {\n              opacity: 0,\n            },\n            '.FlowSecondaryNavigationItem-selectedLabel': {\n              opacity: 1,\n            },\n          },\n        })}\n        {...rest}\n        draggable=\"false\"\n        data-testid=\"SecondaryNavigationItem.button\"\n      >\n        <Box\n          className=\"FlowSecondaryNavigationItem-label\"\n          sx={{\n            ...sharedItemSx,\n            position: 'absolute',\n            opacity: isActive ? '0' : '1',\n          }}\n        >\n          {label}\n        </Box>\n        <Box\n          className=\"FlowSecondaryNavigationItem-selectedLabel\"\n          sx={{\n            ...sharedItemSx,\n            fontWeight: '700',\n            opacity: isActive ? '1' : '0',\n          }}\n        >\n          {label}\n        </Box>\n      </ButtonBase>\n    </Box>\n  );\n}\n"],"names":["props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","sharedItemSx","useMemo","display","alignItems","height","borderBottom","borderColor","_jsx","jsx","Box","sx","position","left","xs","md","children","_jsxs","ButtonBase","Object","assign","component","theme","typography","body","whiteSpace","background","px","opacity","draggable","className","fontWeight"],"mappings":"iJAmBM,SAAqEA,GACzE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAsBH,EAATI,EAASC,EAAAA,OAAAL,EAAxC,CAAA,QAAA,UAAA,aAEAM,EAAcC,eACjBC,UAEC,GAD+B,QAAVC,EAAAT,EAAMU,YAAI,IAAAD,OAAA,EAAAA,EAAEE,WAAW,KAC1B,CAChB,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,KAAM,IACpCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACFN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAA,EAAI,GAAItB,EAAMU,OAGpCR,SAAAA,GAAW,GAEb,CAACA,EAASF,EAAMU,OAGZa,EAAeC,EAAAA,SACnB,KAAO,CACLC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,aAAc,wBACdC,YAAa1B,GAAY,aAE3B,CAACA,IAGH,OACE2B,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,SAAU,WACVT,QAAS,OACTC,WAAY,SACZC,OAAQ,OAERQ,KAAM,CAAEC,GAAI,QAASC,GAAI,KACzBR,YAAa,WACd,cACW,0BAAyBS,SAErCC,EAAAA,KAACC,EAAAA,WACCC,OAAAC,OAAA,CAAAxC,QAASI,EACTqC,UAAU,IACVV,GAAKW,GACHH,OAAAC,OAAAD,OAAAC,OAAA,CAAAR,SAAU,YACPU,EAAMC,WAAWC,MACpB,CAAAC,WAAY,SACZlB,YAAa,UACbmB,WAAY,cACZrB,OAAQ,OACRsB,GAAI,CAAEb,GAAI,OAAQC,GAAI,QACtB,UAAW,CACT,qCAAsC,CACpCa,QAAS,GAEX,6CAA8C,CAC5CA,QAAS,OAIX9C,EACJ,CAAA+C,UAAU,QAAO,cACL,iCAAgCb,SAAA,CAE5CR,EAACC,IAAAC,EAAGA,IACF,CAAAoB,UAAU,oCACVnB,GAAEQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGnB,GAAY,CACfW,SAAU,WACVgB,QAAS/C,EAAW,IAAM,MAG3BmC,SAAArC,IAEH6B,EAACC,IAAAC,EAAGA,KACFoB,UAAU,4CACVnB,GACKQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAnB,GACH,CAAA8B,WAAY,MACZH,QAAS/C,EAAW,IAAM,eAG3BF,SAKX"}

package/cjs/organisms/notification/Notification.d.ts

@@ -1,11 +0,0 @@
-export type NotificationProps = {
-    color?: 'white' | 'grey';
-    isNew?: boolean;
-    headline: string;
-    description: React.ReactNode;
-    icon?: React.ReactNode;
-    footer?: string;
-    buttons?: React.ReactNode;
-    onDismiss?: () => void;
-};
-export declare const Notification: React.FC<NotificationProps>;

package/cjs/organisms/notification/Notification.js

@@ -1,2 +0,0 @@
-"use strict";var i=require("react/jsx-runtime"),e=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var t=require("../../components/indicator/indicator.js"),o=require("@mui/material");const n=o.styled(o.Box)((({theme:i})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:i.palette.onSurface.os200,flexShrink:0})));exports.Notification=s=>{const a=o.useTheme();return i.jsxs(o.Box,{sx:{background:"grey"===s.color?a.palette.surface.primary:a.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[s.icon&&i.jsx(n,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:s.icon}),i.jsxs(o.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column",padding:"4px"},children:[i.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},children:[s.isNew&&i.jsx(t.Indicator,{color:"neutral"}),i.jsx(o.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexGrow:"1",minWidth:"0"},children:i.jsx(o.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:s.headline})})]}),i.jsx(o.Box,{"data-testid":"Notification.description",children:"string"==typeof s.description?i.jsx(o.Typography,{sx:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer1",children:s.description}):s.description}),s.footer&&i.jsx(o.Typography,{variant:"disclaimer1",color:a.palette.onSurface.os600,"data-testid":"Notification.footer",children:s.footer}),s.buttons&&i.jsx(o.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:s.buttons})]}),s.onDismiss&&i.jsx(o.IconButton,{"aria-label":"Dismiss notification",onClick:s.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px"},"data-testid":"Notification.dismiss",children:i.jsx(e.Icon,{fontSize:"small",className:"ballotx",name:"close"})})]})};
-//# sourceMappingURL=Notification.js.map

package/cjs/organisms/notification/Notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Indicator } from '@/src/components/indicator';\nimport { Box, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\n\nexport type NotificationProps = {\n  color?: 'white' | 'grey';\n  isNew?: boolean;\n\n  headline: string;\n  description: React.ReactNode;\n\n  icon?: React.ReactNode;\n\n  footer?: string;\n  buttons?: React.ReactNode;\n\n  onDismiss?: () => void;\n};\n\nexport const Notification: React.FC<NotificationProps> = (props) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n        padding: '24px 32px',\n        display: 'flex',\n        flexDirection: 'row',\n        gap: '24px',\n        alignItems: 'center',\n        position: 'relative',\n      }}\n      data-testid=\"Notification\"\n    >\n      {props.icon && (\n        <IconBox\n          sx={{\n            display: { sm: 'flex', xs: 'none' },\n            overflow: 'hidden',\n            img: { width: '100%', height: '100%', objectFit: 'cover' },\n          }}\n          data-testid=\"Notification.icon\"\n        >\n          {props.icon}\n        </IconBox>\n      )}\n\n      <Box\n        sx={{\n          width: '100%',\n          maxWidth: '100%',\n          overflow: 'hidden',\n          display: 'flex',\n          gap: '8px',\n          flexDirection: 'column',\n          // Small padding to prevent focus ring trimming\n          padding: '4px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1 }}>\n          {props.isNew && <Indicator color=\"neutral\" />}\n          <Box\n            sx={{\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              flexGrow: '1',\n              minWidth: '0',\n            }}\n          >\n            <Typography variant=\"subheadline\" data-testid=\"Notification.headline\">\n              {props.headline}\n            </Typography>\n          </Box>\n        </Box>\n        <Box data-testid=\"Notification.description\">\n          {typeof props.description === 'string' ? (\n            <Typography\n              sx={{\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                display: '-webkit-box',\n                WebkitLineClamp: '2',\n                WebkitBoxOrient: 'vertical',\n              }}\n              variant=\"disclaimer1\"\n            >\n              {props.description}\n            </Typography>\n          ) : (\n            props.description\n          )}\n        </Box>\n        {props.footer && (\n          <Typography variant=\"disclaimer1\" color={theme.palette.onSurface.os600} data-testid=\"Notification.footer\">\n            {props.footer}\n          </Typography>\n        )}\n        {props.buttons && (\n          <Stack direction=\"row\" spacing={1} data-testid=\"Notification.buttons\">\n            {props.buttons}\n          </Stack>\n        )}\n      </Box>\n\n      {props.onDismiss && (\n        <IconButton\n          aria-label=\"Dismiss notification\"\n          onClick={props.onDismiss}\n          size=\"small\"\n          sx={{\n            position: 'absolute',\n            right: '8px',\n            top: '8px',\n          }}\n          data-testid=\"Notification.dismiss\"\n        >\n          <Icon fontSize=\"small\" className=\"ballotx\" name=\"close\" />\n        </IconButton>\n      )}\n    </Box>\n  );\n};\n\nconst IconBox = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '50%',\n  width: '56px',\n  height: '56px',\n  background: theme.palette.onSurface.os200,\n  flexShrink: 0,\n}));\n"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","flexGrow","minWidth","Typography","variant","headline","description","WebkitLineClamp","WebkitBoxOrient","footer","os600","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","name"],"mappings":"oOAmBa,MA0GPA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CAC1CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlH4CC,IACxD,MAAMZ,EAAQa,EAAAA,WAEd,OACEC,EAAAC,KAAChB,MAAG,CACFiB,GAAI,CACFT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAb,EAAMc,MACLC,EAACC,IAAA/B,EACC,CAAAmB,GAAI,CACFf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cACW,oBAAmBR,SAE9Bb,EAAMc,OAIXZ,EAACC,KAAAhB,MACC,CAAAiB,GAAI,CACFX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,SAEfD,QAAS,OACVI,SAAA,CAEDX,EAAAA,KAACf,EAAGA,IAAA,CAACiB,GAAI,CAAEf,QAAS,OAAQE,WAAY,SAAUD,eAAgB,aAAcqB,IAAK,GAClFE,SAAA,CAAAb,EAAMuB,OAASR,MAACS,EAASA,UAAA,CAACnB,MAAM,YACjCU,MAAC5B,EAAGA,IAAA,CACFiB,GAAI,CACFqB,WAAY,SACZN,SAAU,SACVO,aAAc,WACdC,SAAU,IACVC,SAAU,KACXf,SAEDE,EAACC,IAAAa,aAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBjB,SAClEb,EAAM+B,gBAIbhB,EAAAC,IAAC7B,EAAGA,IAAA,CAAA,cAAa,2BACd0B,SAA6B,iBAAtBb,EAAMgC,YACZjB,EAAAC,IAACa,EAAUA,WAAA,CACTzB,GAAI,CACFe,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,cAAajB,SAEpBb,EAAMgC,cAGThC,EAAiB,cAGpBA,EAAMmC,QACLpB,EAAAA,IAACc,EAAAA,WAAW,CAAAC,QAAQ,cAAczB,MAAOjB,EAAMQ,QAAQC,UAAUuC,oBAAmB,sBAAqBvB,SACtGb,EAAMmC,SAGVnC,EAAMqC,SACLtB,EAAAA,IAACuB,EAAAA,OAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C3B,SAAAb,EAAMqC,aAKZrC,EAAMyC,WACL1B,EAAAA,IAAC2B,EAAAA,yBACY,uBACXC,QAAS3C,EAAMyC,UACfG,KAAK,QACLxC,GAAI,CACFQ,SAAU,WACViC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZ/B,EAAAA,IAACgC,EAAAA,MAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD"}

package/cjs/organisms/notification/NotificationCenter.d.ts

@@ -1,8 +0,0 @@
-export type NotificationCenterProps = {
-    children?: React.ReactNode;
-    title?: string;
-    dismissAllText?: string;
-    onDismissAll?: () => void;
-    height?: number | string;
-};
-export declare const NotificationCenter: import("react").ForwardRefExoticComponent<NotificationCenterProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/organisms/notification/NotificationCenter.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),i=require("react");const r=i.forwardRef((function(r,s){var n,o,a;const l=i.useRef(null),c=i.useRef(null);return i.useEffect((()=>{if(l.current&&c.current){const t=l.current.clientHeight;c.current.style.height=`calc(100% - ${t}px)`}}),[l.current,c.current]),t.jsxs(e.Box,{ref:s,sx:{width:{md:"400px",sm:"360px",xs:"100%"},borderRadius:{sm:"8px",xs:"0px"},background:t=>t.palette.surface.tertiary,boxShadow:"0px 24px 64px 0px rgba(0, 0, 0, 0.15)",overflow:"hidden",height:null!==(n=r.height)&&void 0!==n?n:"600px",maxHeight:"100vh"},"data-testid":"NotificationCenter",children:[t.jsxs(e.Box,{ref:l,sx:{padding:"14px 8px 22px 16px",display:"flex",justifyContent:"space-between"},children:[t.jsx(e.Typography,{variant:"h4",component:"span","data-testid":"NotificationCenter.title",children:null!==(o=r.title)&&void 0!==o?o:"Notifications"}),r.onDismissAll&&t.jsx(e.Button,{onClick:r.onDismissAll,size:"small",color:"secondary",variant:"text","data-testid":"NotificationCenter.dismiss",children:null!==(a=r.dismissAllText)&&void 0!==a?a:"Dismiss All"})]}),t.jsx(e.Box,{ref:c,sx:{height:"100%",overflow:"auto","& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},"data-testid":"NotificationCenter.content",children:r.children})]})}));exports.NotificationCenter=r;
-//# sourceMappingURL=NotificationCenter.js.map

package/cjs/organisms/notification/NotificationCenter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCenter.js","sources":["../../../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nexport type NotificationCenterProps = {\n  children?: React.ReactNode;\n\n  title?: string;\n  dismissAllText?: string;\n  onDismissAll?: () => void;\n\n  height?: number | string;\n};\n\nfunction NotificationCenterBase(props: NotificationCenterProps, ref: React.Ref<HTMLDivElement>) {\n  const headerRef = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (headerRef.current && bodyRef.current) {\n      const height = headerRef.current.clientHeight;\n      bodyRef.current.style.height = `calc(100% - ${height}px)`;\n    }\n  }, [headerRef.current, bodyRef.current]);\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        width: { md: '400px', sm: '360px', xs: '100%' },\n        borderRadius: { sm: '8px', xs: '0px' },\n        background: (theme) => theme.palette.surface.tertiary,\n        boxShadow: '0px 24px 64px 0px rgba(0, 0, 0, 0.15)',\n        overflow: 'hidden',\n        height: props.height ?? '600px',\n        maxHeight: '100vh',\n      }}\n      data-testid=\"NotificationCenter\"\n    >\n      <Box\n        ref={headerRef}\n        sx={{\n          padding: '14px 8px 22px 16px',\n          display: 'flex',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography variant=\"h4\" component=\"span\" data-testid=\"NotificationCenter.title\">\n          {props.title ?? 'Notifications'}\n        </Typography>\n        {props.onDismissAll && (\n          <Button\n            onClick={props.onDismissAll}\n            size=\"small\"\n            color=\"secondary\"\n            variant=\"text\"\n            data-testid=\"NotificationCenter.dismiss\"\n          >\n            {props.dismissAllText ?? 'Dismiss All'}\n          </Button>\n        )}\n      </Box>\n      <Box\n        ref={bodyRef}\n        sx={{\n          height: '100%',\n          overflow: 'auto',\n          '& > *:not(:last-of-type)': {\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n          },\n        }}\n        data-testid=\"NotificationCenter.content\"\n      >\n        {props.children}\n      </Box>\n    </Box>\n  );\n}\n\nexport const NotificationCenter = forwardRef(NotificationCenterBase);\n"],"names":["NotificationCenter","forwardRef","props","ref","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","_a","maxHeight","children","padding","display","justifyContent","_jsx","Typography","variant","component","_b","title","onDismissAll","Button","onClick","size","color","_c","dismissAllText","borderBottom","secondary"],"mappings":"oGA8EaA,EAAqBC,EAAUA,YAjE5C,SAAgCC,EAAgCC,aAC9D,MAAMC,EAAYC,EAAMA,OAAiB,MACnCC,EAAUD,EAAMA,OAAiB,MASvC,OAPAE,EAAAA,WAAU,KACR,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACxC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,UAE/C,CAACL,EAAUI,QAASF,EAAQE,UAG7BI,OAACC,EAAGA,IAAA,CACFV,IAAKA,EACLW,GAAI,CACFC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVjB,eAAQkB,EAAAzB,EAAMO,sBAAU,QACxBmB,UAAW,SAED,cAAA,qBAEZC,SAAA,CAAAjB,EAAAA,KAACC,EAAAA,IAAG,CACFV,IAAKC,EACLU,GAAI,CACFgB,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAA,CAEDI,EAAAA,IAACC,EAAUA,WAAC,CAAAC,QAAQ,KAAKC,UAAU,OAAmB,cAAA,oCACpC,QAAfC,EAAAnC,EAAMoC,aAAS,IAAAD,EAAAA,EAAA,kBAEjBnC,EAAMqC,cACLN,EAAAA,IAACO,EAAMA,OACL,CAAAC,QAASvC,EAAMqC,aACfG,KAAK,QACLC,MAAM,YACNR,QAAQ,OACI,cAAA,sCAEa,QAAxBS,EAAA1C,EAAM2C,sBAAkB,IAAAD,EAAAA,EAAA,mBAI/BX,EAAAA,IAACpB,EAAAA,IAAG,CACFV,IAAKG,EACLQ,GAAI,CACFL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CAC1BoB,aAAezB,GAAU,aAAaA,EAAMC,QAAQC,QAAQwB,cAGpD,cAAA,sCAEX7C,EAAM2B,aAIf"}

package/cjs/organisms/notification/NotificationCenterCategory.d.ts

@@ -1,5 +0,0 @@
-export type NotificationCenterCategoryProps = {
-    title: string;
-    children?: React.ReactNode;
-};
-export declare const NotificationCenterCategory: React.FC<NotificationCenterCategoryProps>;

package/cjs/organisms/notification/NotificationCenterCategory.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");exports.NotificationCenterCategory=i=>t.jsxs(e.Box,{"data-testid":"NotificationCenterCategory",children:[t.jsx(e.Box,{sx:{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`},"data-testid":"NotificationCenterCategory.title",children:t.jsx(e.Typography,{variant:"caption2",sx:{paddingLeft:"8px"},children:i.title})}),t.jsx(e.Box,{"data-testid":"NotificationCenterCategory.content",sx:{"& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},children:i.children})]});
-//# sourceMappingURL=NotificationCenterCategory.js.map

package/cjs/organisms/notification/NotificationCenterCategory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCenterCategory.js","sources":["../../../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material';\n\nexport type NotificationCenterCategoryProps = {\n  title: string;\n  children?: React.ReactNode;\n};\n\nexport const NotificationCenterCategory: React.FC<NotificationCenterCategoryProps> = (props) => {\n  return (\n    <Box data-testid=\"NotificationCenterCategory\">\n      <Box\n        sx={{\n          borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n        }}\n        data-testid=\"NotificationCenterCategory.title\"\n      >\n        <Typography variant=\"caption2\" sx={{ paddingLeft: '8px' }}>\n          {props.title}\n        </Typography>\n      </Box>\n\n      <Box\n        data-testid=\"NotificationCenterCategory.content\"\n        sx={{\n          '& > *:not(:last-of-type)': {\n            borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n          },\n        }}\n      >\n        {props.children}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["props","_jsxs","jsxs","Box","_jsx","jsx","sx","borderBottom","theme","palette","surface","secondary","children","Typography","variant","paddingLeft","title"],"mappings":"8GAOsFA,GAElFC,EAACC,KAAAC,MAAgB,CAAA,cAAA,uCACfC,EAACC,IAAAF,MACC,CAAAG,GAAI,CACFC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,mCAAkCC,SAE9CR,MAACS,EAAAA,WAAW,CAAAC,QAAQ,WAAWR,GAAI,CAAES,YAAa,OAC/CH,SAAAZ,EAAMgB,UAIXZ,MAACD,EAAAA,IAAG,CAAA,cACU,qCACZG,GAAI,CACF,2BAA4B,CAC1BC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAE/DC,SAEAZ,EAAMY"}

package/cjs/organisms/notification/NotificationCenterHeaderButton.d.ts

@@ -1,6 +0,0 @@
-import { NotificationCenterProps } from './NotificationCenter';
-import { IndicatorProps } from '@/src/components/indicator';
-export type NotificationCenterHeaderButtonProps = NotificationCenterProps & {
-    indicator?: IndicatorProps['color'];
-};
-export declare const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps>;

package/cjs/organisms/notification/NotificationCenterHeaderButton.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderContext.js"),require("../../components/icon/icon.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderOverheadItem.js");var o=require("../../layout/Header/PredefinedHeaderButtons.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),s=require("./NotificationCenter.js");exports.NotificationCenterHeaderButton=a=>{const{isOpen:u,onToggle:c,onClose:d}=n.useClosure(!1),l=t.useRef(null),{indicator:j}=a,q=e.__rest(a,["indicator"]);return r.jsxs(r.Fragment,{children:[r.jsx(o.HeaderBellButton,{ref:l,onClick:c,color:u&&"grey",indicator:a.indicator,"data-testid":"NotificationCenterHeaderButton"}),r.jsx(i.Popper,{open:u,anchorEl:l.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:r.jsx(i.ClickAwayListener,{onClickAway:d,children:r.jsx(i.Box,{children:r.jsx(s.NotificationCenter,Object.assign({},q))})})})]})};
-//# sourceMappingURL=NotificationCenterHeaderButton.js.map

package/cjs/organisms/notification/NotificationCenterHeaderButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import { HeaderBellButton } from '@/src/layout/Header';\nimport { useClosure } from '@/src/utils';\nimport { Box, ClickAwayListener, Popper } from '@mui/material';\nimport { NotificationCenter, NotificationCenterProps } from './NotificationCenter';\nimport { useRef } from 'react';\nimport { IndicatorProps } from '@/src/components/indicator';\n\nexport type NotificationCenterHeaderButtonProps = NotificationCenterProps & {\n  indicator?: IndicatorProps['color'];\n};\n\nexport const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps> = (props) => {\n  const { isOpen, onToggle, onClose } = useClosure(false);\n  const buttonRef = useRef(null);\n  const { indicator, ...notificationCenterProps } = props;\n  return (\n    <>\n      <HeaderBellButton\n        ref={buttonRef}\n        onClick={onToggle}\n        color={isOpen && 'grey'}\n        indicator={props.indicator}\n        data-testid=\"NotificationCenterHeaderButton\"\n      />\n      <Popper\n        open={isOpen}\n        anchorEl={buttonRef.current}\n        placement=\"bottom-end\"\n        modifiers={[\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 28],\n            },\n          },\n        ]}\n      >\n        <ClickAwayListener onClickAway={onClose}>\n          <Box>\n            <NotificationCenter {...notificationCenterProps} />\n          </Box>\n        </ClickAwayListener>\n      </Popper>\n    </>\n  );\n};\n"],"names":["props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","indicator","notificationCenterProps","__rest","_jsxs","_jsx","HeaderBellButton","ref","onClick","color","jsx","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","children","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"2nBAW8FA,IAC5F,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,YAAW,GAC3CC,EAAYC,EAAMA,OAAC,OACnBC,UAAEA,GAA0CP,EAA5BQ,EAAuBC,EAAAA,OAAKT,EAA5C,CAAyC,cAC/C,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,kBACCC,IAAKR,EACLS,QAASZ,EACTa,MAAOd,GAAU,OACjBM,UAAWP,EAAMO,UACL,cAAA,mCAEdI,EAAAK,IAACC,EAAMA,OACL,CAAAC,KAAMjB,EACNkB,SAAUd,EAAUe,QACpBC,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAKlBC,SAAAf,MAACgB,EAAAA,kBAAkB,CAAAC,YAAazB,EAAOuB,SACrCf,EAAAA,IAACkB,EAAGA,IAAA,CAAAH,SACFf,MAACmB,qBAAkBC,OAAAC,OAAA,GAAKxB,YAI7B"}

package/layout/Error/ErrorContent.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type ErrorContentProps = {
-    /**
-     * Error Status, eg. 404 or 500
-     * @requires
-     */
-    status: ReactNode;
-    /**
-     * Short message describing the error
-     * @default undefined
-     */
-    message?: ReactNode;
-    /**
-     * Longer description of the error
-     * @default undefined
-     */
-    description?: ReactNode;
-    /**
-     * Actions that user can interact with
-     * @default undefined
-     */
-    actions?: ReactNode;
-    /**
-     * Stacktrace of an error
-     * @default undefined
-     */
-    stacktrace?: string;
-};
-/**
- * Component that simplifies rendering of the error
- * @param props ErrorContentProps
- */
-export declare const ErrorContent: FC<ErrorContentProps>;

package/layout/Error/ErrorContent.js

@@ -1,2 +0,0 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Typography as r,Box as n,Stack as o,Container as i}from"@mui/material";import{useMemo as s}from"react";const a=a=>{const{status:l,message:d,actions:c,description:m,stacktrace:x}=a,p=s((()=>"string"==typeof l||"number"==typeof l?t(r,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:l}):l),[l]),f=s((()=>d?"string"==typeof d||"number"==typeof d?t(r,{variant:"h3",children:d}):d:null),[d]),g=s((()=>m?"string"==typeof m||"number"==typeof m?t(r,{children:m}):m:null),[m]),h=s((()=>null==x?void 0:x.split("\n").map((e=>t(n,{children:e},e)))),[x]);return e(n,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[e(n,{sx:{maxWidth:"612px"},children:[t(n,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:p}),f&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:f})]}),t(n,{sx:{maxWidth:"450px"},children:g&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:g})}),c&&t(o,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:c}),h&&t(i,{children:t(n,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:h})})]})};export{a as ErrorContent};
-//# sourceMappingURL=ErrorContent.js.map

package/layout/Error/ErrorContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorContent.js","sources":["../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { Box, Container, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode, useMemo } from 'react';\n\nexport type ErrorContentProps = {\n  /**\n   * Error Status, eg. 404 or 500\n   * @requires\n   */\n  status: ReactNode;\n  /**\n   * Short message describing the error\n   * @default undefined\n   */\n  message?: ReactNode;\n  /**\n   * Longer description of the error\n   * @default undefined\n   */\n  description?: ReactNode;\n  /**\n   * Actions that user can interact with\n   * @default undefined\n   */\n  actions?: ReactNode;\n  /**\n   * Stacktrace of an error\n   * @default undefined\n   */\n  stacktrace?: string;\n};\n\n/**\n * Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent: FC<ErrorContentProps> = (props) => {\n  const { status, message, actions, description, stacktrace } = props;\n\n  const statusNode = useMemo(() => {\n    if (typeof status === 'string' || typeof status === 'number') {\n      return (\n        <Typography\n          sx={{\n            fontWeight: { xs: '700' },\n            fontSize: { xs: '72px' },\n            lineHeight: { xs: '72px' },\n            color: (theme) => theme.palette.onSurface.os900,\n          }}\n        >\n          {status}\n        </Typography>\n      );\n    }\n\n    return status;\n  }, [status]);\n\n  const messageNode = useMemo(() => {\n    if (!message) {\n      return null;\n    }\n    if (typeof message === 'string' || typeof message === 'number') {\n      return <Typography variant=\"h3\">{message}</Typography>;\n    }\n    return message;\n  }, [message]);\n\n  const descriptionNode = useMemo(() => {\n    if (!description) {\n      return null;\n    }\n    if (typeof description === 'string' || typeof description === 'number') {\n      return <Typography>{description}</Typography>;\n    }\n    return description;\n  }, [description]);\n\n  const stackTraceNode = useMemo(\n    () => stacktrace?.split('\\n').map((frame) => <Box key={frame}>{frame}</Box>),\n    [stacktrace],\n  );\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        textAlign: 'center',\n        paddingTop: {\n          xl: 12,\n          xs: 10,\n        },\n      }}\n    >\n      <Box\n        sx={{\n          maxWidth: '612px',\n        }}\n      >\n        <Box sx={{ marginBottom: { lg: 8, md: 7, xs: 6 } }} data-testid=\"ErrorContent.status\">\n          {statusNode}\n        </Box>\n\n        {messageNode && (\n          <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.message\">\n            {messageNode}\n          </Box>\n        )}\n      </Box>\n\n      <Box\n        sx={{\n          maxWidth: '450px',\n        }}\n      >\n        {descriptionNode && (\n          <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.description\">\n            {descriptionNode}\n          </Box>\n        )}\n      </Box>\n\n      {actions && (\n        <Stack direction=\"row\" spacing={2} sx={{ marginBottom: 4 }} data-testid=\"ErrorContent.actions\">\n          {actions}\n        </Stack>\n      )}\n\n      {stackTraceNode && (\n        <Container>\n          <Box\n            sx={{\n              border: '1px solid',\n              borderColor: (theme) => theme.palette.onSurface.os300,\n              py: 1,\n              px: 2,\n              borderRadius: 2,\n              fontFamily: 'monospace',\n              fontSize: 11,\n              lineHeight: '18px',\n              marginBottom: 4,\n              textAlign: 'left',\n              overflow: 'auto',\n              '& > div:not(:first-of-type)': {\n                marginLeft: 4,\n              },\n            }}\n            data-testid=\"ErrorContent.stacktrace\"\n          >\n            {stackTraceNode}\n          </Box>\n        </Container>\n      )}\n    </Box>\n  );\n};\n"],"names":["ErrorContent","props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"gKAmCa,MAAAA,EAAuCC,IAClD,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EAExDM,EAAaC,GAAQ,IACH,iBAAXN,GAAyC,iBAAXA,EAErCO,EAACC,EAAU,CACTC,GAAI,CACFC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAG3CC,SAAAnB,IAKAA,GACN,CAACA,IAEEoB,EAAcd,GAAQ,IACrBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EACjCM,EAACC,EAAW,CAAAa,QAAQ,KAAIF,SAAElB,IAE5BA,EALE,MAMR,CAACA,IAEEqB,EAAkBhB,GAAQ,IACzBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACrCI,EAACC,EAAY,CAAAW,SAAAhB,IAEfA,EALE,MAMR,CAACA,IAEEoB,EAAiBjB,GACrB,IAAMF,eAAAA,EAAYoB,MAAM,MAAMC,KAAKC,GAAUnB,EAACoB,EAAiB,CAAAR,SAAAO,GAARA,MACvD,CAACtB,IAGH,OACEwB,EAACD,EAAG,CACFlB,GAAI,CACFoB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACVC,GAAI,GACJvB,GAAI,KAEPQ,SAAA,CAEDS,EAACD,EACC,CAAAlB,GAAI,CACF0B,SAAU,SACXhB,SAAA,CAEDZ,EAACoB,EAAI,CAAAlB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAK,cAAc,sBAAqBQ,SAClFd,IAGFe,GACCb,EAACoB,EAAG,CAAClB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAmB,cAAA,gCAC7DS,OAKPb,EAACoB,EAAG,CACFlB,GAAI,CACF0B,SAAU,SACXhB,SAEAG,GACCf,EAACoB,EAAI,CAAAlB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAmB,cAAA,oCAC7DW,MAKNpB,GACCK,EAACgC,EAAK,CAACC,UAAU,MAAMC,QAAS,EAAGhC,GAAI,CAAE2B,aAAc,GAAiB,cAAA,uBACrEjB,SAAAjB,IAIJqB,GACChB,EAACmC,EACC,CAAAvB,SAAAZ,EAACoB,EAAG,CACFlB,GAAI,CACFkC,OAAQ,YACRC,YAAc7B,GAAUA,EAAMC,QAAQC,UAAU4B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZrC,SAAU,GACVC,WAAY,OACZuB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC7BC,WAAY,IAGJ,cAAA,mCAEX5B,QAIH"}

package/layout/Footer/Footer.d.ts

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterProps = {
-    children: ReactNode;
-};
-export declare const Footer: FC<FooterProps>;

package/layout/Footer/Footer.js

@@ -1,2 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{Box as r,Container as e,Stack as t}from"@mui/material";const i=i=>o(r,{"data-testid":"Footer",sx:{background:o=>o.palette.onSurface.os800,color:o=>o.palette.common.white,padding:{lg:"80px 0",xs:"48px 0"},"& hr":{borderColor:o=>o.palette.onSurface.os700}},children:o(e,{maxWidth:"xl",children:o(t,{direction:"column",spacing:4,children:i.children})})});export{i as Footer};
-//# sourceMappingURL=Footer.js.map

package/layout/Footer/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sources":["../../../src/layout/Footer/Footer.tsx"],"sourcesContent":["import { Box, Container, Stack } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterProps = {\n  children: ReactNode;\n};\n\nexport const Footer: FC<FooterProps> = (props) => (\n  <Box\n    data-testid=\"Footer\"\n    sx={{\n      background: (theme) => theme.palette.onSurface.os800,\n      color: (theme) => theme.palette.common.white,\n      padding: {\n        lg: '80px 0',\n        xs: '48px 0',\n      },\n      '& hr': {\n        borderColor: (theme) => theme.palette.onSurface.os700,\n      },\n    }}\n  >\n    <Container maxWidth=\"xl\">\n      <Stack direction=\"column\" spacing={4}>\n        {props.children}\n      </Stack>\n    </Container>\n  </Box>\n);\n"],"names":["Footer","props","_jsx","Box","sx","background","theme","palette","onSurface","os800","color","common","white","padding","lg","xs","borderColor","os700","children","Container","maxWidth","Stack","direction","spacing"],"mappings":"sGAOa,MAAAA,EAA2BC,GACtCC,EAACC,EAAG,CAAA,cACU,SACZC,GAAI,CACFC,WAAaC,GAAUA,EAAMC,QAAQC,UAAUC,MAC/CC,MAAQJ,GAAUA,EAAMC,QAAQI,OAAOC,MACvCC,QAAS,CACPC,GAAI,SACJC,GAAI,UAEN,OAAQ,CACNC,YAAcV,GAAUA,EAAMC,QAAQC,UAAUS,QAIpDC,SAAAhB,EAACiB,EAAS,CAACC,SAAS,KAClBF,SAAAhB,EAACmB,EAAK,CAACC,UAAU,SAASC,QAAS,EAChCL,SAAAjB,EAAMiB"}

package/layout/Footer/FooterAccordion.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterAccordionProps = {
-    /**
-     * Label of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    label: ReactNode;
-    /**
-     * Content of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    children: ReactNode;
-};
-export declare const FooterAccordion: FC<FooterAccordionProps>;