@skodaflow/web-library 7.14.0 → 7.15.1

package/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/layout/Header/HeaderNavigationLinkLabel.js

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

package/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":["HeaderNavigationLinkLabel","children","active","sx","matches","useHeaderContext","_jsxs","_Fragment","_jsx","Box","component","Object","assign","display","fontWeight","textAlign","paddingLeft","paddingRight","height","visibility","overflow"],"mappings":"0JAgBO,MAAMA,EAA4B,EAAGC,WAAUC,SAAQC,SAC5D,MAAMC,QAAEA,GAAYC,IAEpB,OACEC,EAAAC,EAAA,CAAAN,SAAA,CACEO,EAACC,GACCC,UAAU,OACVP,GAAEQ,OAAAC,OAAA,CACAC,QAAS,QACTC,WAAYZ,EAAS,IAAM,IAC3Ba,UAAW,OACXC,YAAaZ,EAAU,MAAQ,MAC/Ba,aAAcb,EAAU,MAAQ,OAC7BD,GAGJF,SAAAA,IAEHO,EAACC,EAAG,CACFC,UAAU,OACVP,GAAI,CACFU,QAAS,QACTC,WAAY,IACZI,OAAQ,EACRC,WAAY,SACZC,SAAU,UACXnB,SAEAA,MAEF"}

package/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/layout/Header/HeaderNavigationMenu.js

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

package/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":["HeaderNavigationMenu","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","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":"2gBAiEaA,EAAsD,EACjEC,QACAC,YACAC,WACAC,kBACAC,WACAC,YACAC,YAEA,MAAMC,EAA0CJ,GAAmB,IAA3DK,GAAIC,KAAiBC,EAAvBC,EAAAJ,EAAA,CAAA,OACAK,EAA4BR,GAAY,IAAtCI,GAAIK,KAAUC,EAAhBH,EAAAC,EAAA,CAAA,OACAG,EAA8BV,GAAa,IAAzCG,GAAIQ,KAAWC,EAAjBN,EAAAI,EAAA,CAAA,QAEAG,QAAEA,EAAOC,WAAEA,EAAUC,cAAEA,GAAkBC,KAExCC,EAAUC,GAAeC,EAA6B,OACtDC,EAAMC,GAAWF,GAAS,GAE3BG,EAAeC,IACnBF,GAASD,GACTF,EAAYK,EAAMC,cAAc,EAOlC,OAAOX,EACLY,EAACC,EACC,CAAAvB,GAAI,CACFwB,OAAQ,OACR,qBAAsB,CAAEC,SAAU,SAEpCC,SAAU,IAAMd,EAAcd,GAE9BJ,SAAA,CAAAiC,EAACC,EAAgB,CACf5B,GAAI,CACF6B,WAAY,EACZC,cAAe,EACfN,OAAQ,QAGV9B,SAAAiC,EAACI,EAAW,CAAAC,QAASb,EAAWzB,SAC9BiC,EAACM,EAAUC,OAAAC,OAAA,CAACnC,GAAMkC,OAAAC,OAAA,CAAAC,QAAS,QAASX,SAAU,WAAcxB,IAAoBC,EAC9E,CAAAR,SAAAiC,EAACU,EAA0B,CAAArC,GAAI,CAAEsC,WAAY3B,IAAeb,EAAQ,IAAM,KACvEJ,SAAAF,WAKTmC,EAACY,EAAiB,CAAAvC,GAAI,CAAE,sBAAuB,CAAEsC,WAAY,KAAO,iBAAkB,CAAER,cAAe,iBACpGrC,GAAaC,OAIlB4B,EAACS,EACC,CAAAC,QAASb,EACTnB,GAAI,CACFwC,aAAc,wBACdC,kBAAmB9B,IAAeb,EAAQ,kBAAoB,0BAE9D,UAAW,CACT2C,kBAAmB,oBAEtB/C,SAAA,CAEDiC,EAACM,EAAUC,OAAAC,OAAA,CAACO,QAAQ,OAAO1C,GAAMkC,OAAAC,OAAA,CAAAC,QAAS,SAAYnC,IAAoBC,EACxE,CAAAR,SAAAiC,EAACU,EAAyB,CAAA3C,SACxB4B,EAACqB,EAAGT,OAAAC,OAAA,CAACnC,GAAEkC,OAAAC,OAAA,CAAIC,QAAS,cAAeQ,WAAY,SAAUC,IAAK,GAAMxC,IAAaC,EAAO,CAAAZ,SAAA,CACrFF,EACDmC,EAACmB,EAAIZ,OAAAC,OAAA,CAACV,SAAS,UAAUsB,KAAK,eAAe/C,GAASkC,OAAAC,OAAA,CAAA,EAAA3B,IAAcC,aAI1EkB,EAACqB,EAAI,CAAClC,SAAUA,EAAUG,KAAMA,EAAMgC,QAnDtB,KAClBlC,EAAY,KAAK,WAmDZtB,EACGyD,EAAezD,IAAcA,EAAU0D,MAAMzD,SAAS0D,KAAKC,GAAqBA,IAChFC,EAASF,IAAI1D,GAAW2D,GACtB1B,EAACM,EAAU,CAACS,QAAQ,OAAOa,UAAU,KAAKvD,GAAI,CAAE,sBAAuB,CAAEyB,SAAU,CAAE+B,GAAI,oBACtFH,UAKd"}

package/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/layout/Header/HeaderOverheadItem.js

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

package/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":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","ButtonBase","theme","padding","height","breakpoints","up","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"8HAmBM,SAAUA,EAA2DC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAU,KACNN,EACJ,CAAAO,GAAI,CACFC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WAGzCY,SAAAX,IAGP,CAEA,MAAMI,EAAaQ,EAAOC,EAAPD,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,UACRf,WAAY,UACZgB,OAAQ,UACRf,MAAOI,EAAMY,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}

package/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/layout/Header/HeaderSkodaLogo.js

@@ -1,2 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{Link as r}from"@mui/material";import{Logo as t}from"../../components/logo/Logo.js";function m(m){return o(r,Object.assign({},m,{children:o(t,{})}))}export{m as HeaderSkodaLogo};
-//# sourceMappingURL=HeaderSkodaLogo.js.map

package/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":["HeaderSkodaLogo","props","_jsx","Link","Object","assign","children","Logo"],"mappings":"kIASM,SAAUA,EAAgBC,GAC9B,OACEC,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAJ,EACR,CAAAK,SAAAJ,EAACK,EAAI,CAAA,KAGX"}

package/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/layout/Header/PredefinedHeaderButtons.js

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

package/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":"4HASA,MAAMA,EAA+B,CAACC,EAA2BC,IAgBxDC,GAfP,SACEC,EACAC,SAEA,OACEC,EAACC,EACKC,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/layout/PageLayout/PageLayout.js

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

package/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":["PageLayout","props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","_jsx","ref","top","left","right","zIndex","appBar","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"gNAuCa,MAAAA,EAAyCC,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,EAAuB,OAC3CC,EAAcC,GAAmBC,EAAiB,GAEzDC,GAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,UAEpE,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAACC,EAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYhC,SAAA,CAEvBC,GACCmB,EACEa,EAAA,CAAAjC,SAAA,CAAAkC,EAACb,EAAG,CACFc,IAAK7B,EACLgB,GAAI,CACFC,SAA6B,WAAnBpB,EAA8B,SAAW,QACnDiC,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAASV,GAAUA,EAAMU,OAAOC,QAElCC,UAA8B,UAAnBtC,EAA6BuC,OAAQC,EAChDC,OAA2B,UAAnBzC,QAAqCwC,EAC7CE,UAA8B,UAAnB1C,EAA6B,YAASwC,EACjDG,GAAuB,UAAnB3C,GAA8BY,OAAU4B,EAE5C3C,SAAAkC,EAACb,EAAgB,CAAA,cAAA,6BAAqBpB,MAEpB,WAAnBE,GAA+B+B,EAACb,GAAIC,GAAI,CAAER,OAAQN,QAIvD0B,EAACb,EAAG,CACFC,GAAI,CACFyB,SAAU,GAEZN,UAAWpC,EAAc2C,OAAYL,EAAS,cAClC,YAAW3C,SAEtBA,IAGFE,GAAUgC,EAACb,EAAG,CAAA,cAAa,oBAAmBrB,SAAEE,MAC7C"}

package/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/layout/SecondaryNavigation/SecondaryNavigation.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r,Container as i,Typography as a,Stack as o}from"@mui/material";import{useElementScrollable as n}from"../../utils/useElementScrollable/useElementScrollable.js";const l=({title:l,color:s,cta:d,navigationItems:c,inContainer:m})=>{const{isScrollable:x,elementRef:b}=n("x");return e(r,{component:m&&i,sx:{padding:!m&&{xs:"0 16px",md:"0 16px"},backgroundColor:"dark"===s?"onSurface.os900":"common.white",color:"dark"===s?"common.white":"text.primary",borderBottom:e=>`1px solid ${e.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:t(r,{sx:{display:"flex",flexWrap:{xs:"wrap",md:"nowrap"},justifyContent:"space-between",minHeight:"64px",gap:{xs:"12px",md:"0"},pt:c&&{xs:2,md:0},"& > *":{minWidth:"0"}},children:[e(a,{variant:"subheadline",sx:{mr:{xs:0,md:4},flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:l}),c&&e(r,{ref:b,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(o,{direction:"row",alignItems:"center",sx:Object.assign({height:"100%",borderColor:"dark"===s?"brand.secondary":"brand.primary"},x&&{"& > :first-child":{ml:{xs:"36px",md:0}}}),children:c})}),e(o,{direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{ml:2,flexShrink:"0"},"data-testid":"SecondaryNavigation.cta",children:d})]})})};export{l as SecondaryNavigation};
-//# sourceMappingURL=SecondaryNavigation.js.map

package/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":["SecondaryNavigation","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","Stack","direction","borderColor","ml","spacing"],"mappings":"gOAaa,MAAAA,EAA0D,EACrEC,QACAC,QACAC,MACAC,kBACAC,kBAEA,MAAMC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1D,OACEC,EAACC,EACC,CAAAC,UAAWN,GAAeO,EAC1BC,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,EAACd,EAAG,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,EAACuB,EACC,CAAAC,QAAQ,cACRpB,GAAI,CACFqB,GAAI,CAAEnB,GAAI,EAAGC,GAAI,GACjBmB,WAAY,EACZV,QAAS,OACTW,WAAY,UACb,cACW,4BAEXb,SAAAtB,IAEFG,GACCK,EAACC,GACC2B,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,GACCC,UAAU,MACVX,WAAW,SACXvB,kBACEgC,OAAQ,OACRG,YAAuB,SAAV9C,EAAmB,kBAAoB,iBAChDI,GAAgB,CAClB,mBAAoB,CAClB2C,GAAI,CAAElC,GAAI,OAAQC,GAAI,MAExBO,SAGHnB,MAIPK,EAACqC,EACC,CAAAC,UAAU,MACVG,QAAS,EACTd,WAAW,SACXT,eAAe,WACfd,GAAI,CAAEoC,GAAI,EAAGd,WAAY,KAAK,cAClB,0BAEXZ,SAAApB,QAGD"}

package/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/layout/SecondaryNavigation/SecondaryNavigationCta.js

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

package/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":"2IAQaA,EAAyBC,GALtC,SAAoCC,EAAoBC,GACtD,MAAMC,EAAgBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAC7E,OAAOC,EAACC,EAAmBC,OAAAC,OAAA,CAAA,cAAA,yBAAyBC,KAAMT,EAAgB,QAAU,UAAcF,GAAOC,IAAKA,IAChH"}

package/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/layout/SecondaryNavigation/SecondaryNavigationItem.js

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

package/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":["SecondaryNavigationItem","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","Box","sx","position","left","xs","md","children","_jsxs","ButtonBase","Object","assign","component","theme","typography","body","whiteSpace","background","px","opacity","draggable","className","fontWeight"],"mappings":"sLAmBM,SAAUA,EAA2DC,GACzE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAsBH,EAATI,EAASC,EAAAL,EAAxC,CAAA,QAAA,UAAA,aAEAM,EAAcC,GACjBC,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,GACnB,KAAO,CACLC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,aAAc,wBACdC,YAAa1B,GAAY,aAE3B,CAACA,IAGH,OACE2B,EAACC,EAAG,CACFC,GAAI,CACFC,SAAU,WACVR,QAAS,OACTC,WAAY,SACZC,OAAQ,OAERO,KAAM,CAAEC,GAAI,QAASC,GAAI,KACzBP,YAAa,WACd,cACW,0BAAyBQ,SAErCC,EAACC,EACCC,OAAAC,OAAA,CAAAvC,QAASI,EACToC,UAAU,IACVV,GAAKW,GACHH,OAAAC,OAAAD,OAAAC,OAAA,CAAAR,SAAU,YACPU,EAAMC,WAAWC,MACpB,CAAAC,WAAY,SACZjB,YAAa,UACbkB,WAAY,cACZpB,OAAQ,OACRqB,GAAI,CAAEb,GAAI,OAAQC,GAAI,QACtB,UAAW,CACT,qCAAsC,CACpCa,QAAS,GAEX,6CAA8C,CAC5CA,QAAS,OAIX7C,EACJ,CAAA8C,UAAU,QAAO,cACL,iCAAgCb,SAAA,CAE5CP,EAACC,EACC,CAAAoB,UAAU,oCACVnB,GAAEQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGlB,GAAY,CACfU,SAAU,WACVgB,QAAS9C,EAAW,IAAM,MAG3BkC,SAAApC,IAEH6B,EAACC,GACCoB,UAAU,4CACVnB,GACKQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAA6B,WAAY,MACZH,QAAS9C,EAAW,IAAM,eAG3BF,SAKX"}

package/materialui/theme/theme.typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.typography.js","sources":["../../../src/materialui/theme/theme.typography.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n  const screen = size ?? 'small';\n  const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n  if (typo)\n    return {\n      ...typo['style'],\n      // replace font for rtl variant\n      ...(rtl\n        ? {\n            fontFamily: 'SKODA Next R2L',\n          }\n        : {}),\n    } as CSSProperties;\n  else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n  const breakpoints = createBreakpoints(breakpointsOptions);\n\n  return {\n    ...getTypography(element, rtl, 'small'),\n    [breakpoints.up('md')]: {\n      ...getTypography(element, rtl, 'medium'),\n    },\n    [breakpoints.up('xl')]: {\n      ...getTypography(element, rtl, 'large'),\n    },\n  };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n  const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n  return {\n    fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n    body: bodyTypo,\n    ...Object.fromEntries(\n      [\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'subheadline',\n        'subtitle1',\n        'subtitle2',\n        'display',\n        'list',\n        'disclaimer',\n        'disclaimer1',\n        'disclaimer2',\n        'caption1',\n        'caption2',\n      ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n    ),\n    // original @mui properties\n    body1: bodyTypo,\n    body2: bodyTypo,\n    h5: generateTypography('subheadline', breakpointsOptions, rtl),\n    h6: generateTypography('caption1', breakpointsOptions, rtl),\n    caption: generateTypography('caption2', breakpointsOptions, rtl),\n    overline: generateTypography('caption1', breakpointsOptions, rtl),\n    // button, later this definition should come from @skodaflow/web-tokens\n    button: {\n      fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n      letterSpacing: '0.75px',\n      textTransform: 'none',\n      textDecoration: 'none',\n      fontSize: '16px',\n      fontWeight: '700',\n      lineHeight: '16px',\n    },\n  };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","getTypographyOptions","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGAUa,MAAAA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,MAC7E,OAAII,EACKK,+BACFL,EAAY,OAEXH,EACA,CACES,WAAY,kBAEd,IAEI,IAAI,EAMLC,EAAqB,CAACX,EAAiBY,EAAwCX,KAC1F,MAAMY,EAAcC,EAAkBF,GAEtC,OACKH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAhB,EAAcC,EAASC,EAAK,UAC/B,CAAA,CAACY,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAhB,EAAcC,EAASC,EAAK,WAEjC,CAACY,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAhB,EAAcC,EAASC,EAAK,WAEjC,EAMSgB,EAAuB,CAACL,EAAwCX,KAC3E,MAAMiB,EAAWP,EAAmB,OAAQC,EAAoBX,GAEhE,OAAAQ,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaT,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHT,OAAOY,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,KAAKtB,GAAY,CAACA,EAASW,EAAmBX,EAASY,EAAoBX,QAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAId,EAAmB,cAAeC,EAAoBX,GAC1DyB,GAAIf,EAAmB,WAAYC,EAAoBX,GACvD0B,QAAShB,EAAmB,WAAYC,EAAoBX,GAC5D2B,SAAUjB,EAAmB,WAAYC,EAAoBX,GAE7D4B,OAAQ,CACNnB,WAAYT,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY,SAEd"}

package/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/organisms/notification/Notification.js

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

package/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":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","justifyContent","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","styled","borderRadius","os200","flexShrink"],"mappings":"sUAmBa,MAAAA,EAA6CC,IACxD,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAnB,EAAMoB,MACLC,EAACC,EACC,CAAAjB,GAAI,CACFS,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cACW,oBAAmBV,SAE9BnB,EAAMoB,OAIXjB,EAACC,EACC,CAAAC,GAAI,CACFsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,SAEfF,QAAS,OACVM,SAAA,CAEDhB,EAACC,EAAG,CAACC,GAAI,CAAES,QAAS,OAAQG,WAAY,SAAUc,eAAgB,aAAcf,IAAK,GAClFG,SAAA,CAAAnB,EAAMgC,OAASX,EAACY,EAAS,CAAC1B,MAAM,YACjCc,EAACjB,EAAG,CACFC,GAAI,CACF6B,WAAY,SACZT,SAAU,SACVU,aAAc,WACdC,SAAU,IACVC,SAAU,KACXlB,SAEDE,EAACiB,EAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBpB,SAClEnB,EAAMwC,gBAIbnB,EAACjB,EAAG,CAAA,cAAa,2BACde,SAA6B,iBAAtBnB,EAAMyC,YACZpB,EAACiB,EAAU,CACTjC,GAAI,CACFoB,SAAU,SACVU,aAAc,WACdrB,QAAS,cACT4B,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,cAAapB,SAEpBnB,EAAMyC,cAGTzC,EAAiB,cAGpBA,EAAM4C,QACLvB,EAACiB,EAAW,CAAAC,QAAQ,cAAchC,MAAON,EAAMO,QAAQG,UAAUkC,oBAAmB,sBAAqB1B,SACtGnB,EAAM4C,SAGV5C,EAAM8C,SACLzB,EAAC0B,GAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C9B,SAAAnB,EAAM8C,aAKZ9C,EAAMkD,WACL7B,EAAC8B,gBACY,uBACXC,QAASpD,EAAMkD,UACfG,KAAK,QACLhD,GAAI,CACFa,SAAU,WACVoC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZlC,EAACmC,GAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD,EAIJrC,EAAUsC,EAAOxD,EAAPwD,EAAY,EAAG3D,YAAa,CAC1Ca,QAAS,OACTiB,eAAgB,SAChBd,WAAY,SACZ4C,aAAc,MACdlC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUmD,MACpCC,WAAY"}

package/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/organisms/notification/NotificationCenter.js

@@ -1,2 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Box as i,Typography as r,Button as n}from"@mui/material";import{forwardRef as o,useRef as s,useEffect as a}from"react";const l=o((function(o,l){var c,d,p;const x=s(null),h=s(null);return a((()=>{if(x.current&&h.current){const t=x.current.clientHeight;h.current.style.height=`calc(100% - ${t}px)`}}),[x.current,h.current]),t(i,{ref:l,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!==(c=o.height)&&void 0!==c?c:"600px",maxHeight:"100vh"},"data-testid":"NotificationCenter",children:[t(i,{ref:x,sx:{padding:"14px 8px 22px 16px",display:"flex",justifyContent:"space-between"},children:[e(r,{variant:"h4",component:"span","data-testid":"NotificationCenter.title",children:null!==(d=o.title)&&void 0!==d?d:"Notifications"}),o.onDismissAll&&e(n,{onClick:o.onDismissAll,size:"small",color:"secondary",variant:"text","data-testid":"NotificationCenter.dismiss",children:null!==(p=o.dismissAllText)&&void 0!==p?p:"Dismiss All"})]}),e(i,{ref:h,sx:{height:"100%",overflow:"auto","& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},"data-testid":"NotificationCenter.content",children:o.children})]})}));export{l as NotificationCenter};
-//# sourceMappingURL=NotificationCenter.js.map

package/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":"sLA8EaA,EAAqBC,GAjElC,SAAgCC,EAAgCC,aAC9D,MAAMC,EAAYC,EAAuB,MACnCC,EAAUD,EAAuB,MASvC,OAPAE,GAAU,KACR,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACxC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,UAE/C,CAACL,EAAUI,QAASF,EAAQE,UAG7BI,EAACC,EAAG,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,EAACC,EAAG,CACFV,IAAKC,EACLU,GAAI,CACFgB,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAA,CAEDI,EAACC,EAAW,CAAAC,QAAQ,KAAKC,UAAU,OAAmB,cAAA,oCACpC,QAAfC,EAAAnC,EAAMoC,aAAS,IAAAD,EAAAA,EAAA,kBAEjBnC,EAAMqC,cACLN,EAACO,EACC,CAAAC,QAASvC,EAAMqC,aACfG,KAAK,QACLC,MAAM,YACNR,QAAQ,OACI,cAAA,sCAEa,QAAxBS,EAAA1C,EAAM2C,sBAAkB,IAAAD,EAAAA,EAAA,mBAI/BX,EAACpB,EAAG,CACFV,IAAKG,EACLQ,GAAI,CACFL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CAC1BoB,aAAezB,GAAU,aAAaA,EAAMC,QAAQC,QAAQwB,cAGpD,cAAA,sCAEX7C,EAAM2B,aAIf"}

package/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/organisms/notification/NotificationCenterCategory.js

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

package/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":["NotificationCenterCategory","props","_jsxs","Box","_jsx","sx","borderBottom","theme","palette","surface","secondary","children","Typography","variant","paddingLeft","title"],"mappings":"sGAOa,MAAAA,EAAyEC,GAElFC,EAACC,EAAgB,CAAA,cAAA,uCACfC,EAACD,EACC,CAAAE,GAAI,CACFC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,mCAAkCC,SAE9CP,EAACQ,EAAW,CAAAC,QAAQ,WAAWR,GAAI,CAAES,YAAa,OAC/CH,SAAAV,EAAMc,UAIXX,EAACD,EAAG,CAAA,cACU,qCACZE,GAAI,CACF,2BAA4B,CAC1BC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAE/DC,SAEAV,EAAMU"}

package/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/organisms/notification/NotificationCenterHeaderButton.js

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

package/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":["NotificationCenterHeaderButton","props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","indicator","notificationCenterProps","__rest","_jsxs","_jsx","HeaderBellButton","ref","onClick","color","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","children","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"ysBAWa,MAAAA,EAAiFC,IAC5F,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,GAAW,GAC3CC,EAAYC,EAAO,OACnBC,UAAEA,GAA0CP,EAA5BQ,EAAuBC,EAAKT,EAA5C,CAAyC,cAC/C,OACEU,eACEC,EAACC,GACCC,IAAKR,EACLS,QAASZ,EACTa,MAAOd,GAAU,OACjBM,UAAWP,EAAMO,UACL,cAAA,mCAEdI,EAACK,EACC,CAAAC,KAAMhB,EACNiB,SAAUb,EAAUc,QACpBC,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAKlBC,SAAAd,EAACe,EAAkB,CAAAC,YAAaxB,EAAOsB,SACrCd,EAACiB,EAAG,CAAAH,SACFd,EAACkB,EAAkBC,OAAAC,OAAA,GAAKvB,YAI7B"}

package/cjs/{layout/SecondaryNavigation → components/secondaryNavigation}/index.d.ts

@@ -1,3 +1,3 @@
 export * from './SecondaryNavigation';
-export * from './SecondaryNavigationCta';
 export * from './SecondaryNavigationItem';
+export * from './SecondaryNavigationCta';

package/{layout/SecondaryNavigation → components/secondaryNavigation}/index.d.ts

@@ -1,3 +1,3 @@
 export * from './SecondaryNavigation';
-export * from './SecondaryNavigationCta';
 export * from './SecondaryNavigationItem';
+export * from './SecondaryNavigationCta';