@skodaflow/web-library 7.13.1 → 7.14.0

package/layout/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":["import {\n  AppBar,\n  Box,\n  Toolbar,\n  Collapse,\n  useMediaQuery,\n  useTheme,\n  Breakpoint,\n  AppBarProps,\n  Backdrop,\n} from '@mui/material';\nimport { Container } from '@mui/system';\nimport { FC, ReactNode, useState, useMemo, Fragment } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { HeaderContext } from './HeaderContext';\n\nexport interface HeaderProps extends AppBarProps {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n\n  /**\n   * Main navigation items\n   */\n  navigationItems?: ReactNode;\n\n  /**\n   * Right-side buttons\n   */\n  buttons?: ReactNode;\n\n  /**\n   * Right-side buttons that are visible on toolbar even on mobile/tablet resolution\n   */\n  visibleButtons?: ReactNode;\n\n  /**\n   * Breakpoint to hide the navigation into mobile collapse and show hamburger menu icon\n   */\n  breakpoint?: number | Breakpoint;\n\n  /**\n   * Wrap the navigation into container\n   */\n  inContainer?: boolean;\n\n  /**\n   * React node that renders all overhead navigation items\n   * @default undefined\n   * @deprecated\n   */\n  overheadItems?: React.ReactNode;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  logo,\n  navigationItems,\n  buttons,\n  sx,\n  visibleButtons,\n  breakpoint = 'lg',\n  inContainer = false,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  const [activeItem, setActiveItem] = useState(null);\n  const [defaultActive, setDefaultActive] = useState(null);\n  const theme = useTheme();\n  const matches = useMediaQuery(theme.breakpoints.down(breakpoint));\n\n  const WrapperComponent = useMemo(() => {\n    return inContainer && !matches ? Container : Fragment;\n  }, [inContainer]);\n\n  return (\n    <>\n      <AppBar\n        component=\"nav\"\n        elevation={0}\n        sx={{\n          backgroundColor: 'common.white',\n          color: 'text.primary',\n          borderBottom: '1px solid',\n          borderBottomColor: 'surface.secondary',\n          paddingLeft: '0px',\n          paddingRight: '0px',\n          minHeight: { xs: '64px', [breakpoint]: 'auto' },\n          justifyContent: 'center',\n          postion: 'relative',\n          zIndex: theme.zIndex.appBar,\n          ...sx,\n        }}\n        breakpoint={breakpoint}\n      >\n        <WrapperComponent>\n          <Toolbar\n            sx={{\n              paddingLeft: { xs: '16px' },\n              paddingRight: { xs: '8px' },\n              flexWrap: 'nowrap',\n              minHeight: { xs: 'auto' },\n            }}\n          >\n            <Box\n              data-testid=\"Header.logo\"\n              sx={{\n                marginRight: { xs: 'auto', [breakpoint]: '48px' },\n                '&, & > .MuiLink-root': { color: 'brand.tertiary' },\n                '& svg': { maxWidth: '120px' },\n              }}\n            >\n              {logo}\n            </Box>\n            <Collapse\n              in={expanded || !matches}\n              sx={{\n                order: { xs: 1, [breakpoint]: 'unset' },\n                height: { xs: 0, [breakpoint]: 'auto' },\n                width: { xs: '100%', md: '500px', [breakpoint]: '100%' },\n                position: { xs: 'absolute', [breakpoint]: 'relative' },\n                top: { xs: 'calc(100% + 7px)', [breakpoint]: 'auto' },\n                right: { xs: '0px', [breakpoint]: 'auto' },\n                backgroundColor: 'common.white',\n                padding: { xs: '24px 12px 0px 12px', [breakpoint]: '0px' },\n              }}\n            >\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexWrap: 'no-wrap',\n                  minHeight: { xs: 'calc(100vh - 65px)', [breakpoint]: '64px' },\n                  gap: { xs: '16px', [breakpoint]: '32px' },\n                  flexDirection: { xs: 'column', [breakpoint]: 'row' },\n                  alignItems: { xs: 'start', [breakpoint]: 'stretch' },\n                }}\n                data-testid=\"Header.nav\"\n              >\n                <HeaderContext.Provider value={{ activeItem, setActiveItem, defaultActive, setDefaultActive, matches }}>\n                  {navigationItems}\n                  {buttons && (\n                    <Box\n                      className=\"FlowHeaderButtons\"\n                      sx={{\n                        display: 'flex',\n                        borderTopWidth: { xs: '1px', [breakpoint]: '0px' },\n                        borderTopStyle: 'solid',\n                        borderTopColor: 'surface.secondary',\n                        gap: { xs: '0px', [breakpoint]: '4px' },\n                        alignItems: { xs: 'start', [breakpoint]: 'center' },\n                        marginLeft: { xs: '0px', [breakpoint]: 'auto' },\n                        marginTop: { xs: 'auto', [breakpoint]: '0px' },\n                        width: { xs: '100%', [breakpoint]: 'auto' },\n                        flexDirection: { xs: 'column', [breakpoint]: 'row' },\n                        padding: { xs: '12px 10px', [breakpoint]: '8px 0px' },\n                      }}\n                      data-testid=\"Header.btns\"\n                    >\n                      {buttons}\n                    </Box>\n                  )}\n                </HeaderContext.Provider>\n              </Box>\n            </Collapse>\n            <Box sx={{ display: 'flex', gap: '4px', marginLeft: '4px' }}>\n              {visibleButtons}\n              <Box sx={{ display: { xs: 'flex', [breakpoint]: 'none', order: 10 } }}>\n                <HeaderButton\n                  aria-label=\"Toggle menu\"\n                  icon={expanded ? 'close' : 'hamburger'}\n                  onClick={() => {\n                    setExpanded(!expanded);\n                  }}\n                />\n              </Box>\n            </Box>\n          </Toolbar>\n        </WrapperComponent>\n      </AppBar>\n      {matches && (\n        <Backdrop\n          sx={{ zIndex: theme.zIndex.appBar - 1 }}\n          open={expanded}\n          onClick={() => setExpanded(false)}\n        ></Backdrop>\n      )}\n    </>\n  );\n};\n"],"names":["Header","logo","navigationItems","buttons","sx","visibleButtons","breakpoint","inContainer","expanded","setExpanded","useState","activeItem","setActiveItem","defaultActive","setDefaultActive","theme","useTheme","matches","useMediaQuery","breakpoints","down","WrapperComponent","useMemo","Container","Fragment","_jsxs","_Fragment","children","_jsx","AppBar","component","elevation","Object","assign","backgroundColor","color","borderBottom","borderBottomColor","paddingLeft","paddingRight","minHeight","xs","justifyContent","postion","zIndex","appBar","Toolbar","flexWrap","Box","marginRight","maxWidth","Collapse","in","order","height","width","md","position","top","right","padding","display","gap","flexDirection","alignItems","HeaderContext","Provider","value","className","borderTopWidth","borderTopStyle","borderTopColor","marginLeft","marginTop","HeaderButton","icon","onClick","Backdrop","open"],"mappings":"kYAuDa,MAAAA,EAA0B,EACrCC,OACAC,kBACAC,UACAC,KACAC,iBACAC,aAAa,KACbC,eAAc,MAEd,MAAOC,EAAUC,GAAeC,GAAS,IAClCC,EAAYC,GAAiBF,EAAS,OACtCG,EAAeC,GAAoBJ,EAAS,MAC7CK,EAAQC,IACRC,EAAUC,EAAcH,EAAMI,YAAYC,KAAKd,IAE/Ce,EAAmBC,GAAQ,IACxBf,IAAgBU,EAAUM,EAAYC,GAC5C,CAACjB,IAEJ,OACEkB,EACEC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAM,CACLC,UAAU,MACVC,UAAW,EACX3B,GACE4B,OAAAC,OAAA,CAAAC,gBAAiB,eACjBC,MAAO,eACPC,aAAc,YACdC,kBAAmB,oBACnBC,YAAa,MACbC,aAAc,MACdC,UAAW,CAAEC,GAAI,OAAQnC,CAACA,GAAa,QACvCoC,eAAgB,SAChBC,QAAS,WACTC,OAAQ7B,EAAM6B,OAAOC,QAClBzC,GAELE,WAAYA,EAAUqB,SAEtBC,EAACP,EAAgB,CAAAM,SACfF,EAACqB,EAAO,CACN1C,GAAI,CACFkC,YAAa,CAAEG,GAAI,QACnBF,aAAc,CAAEE,GAAI,OACpBM,SAAU,SACVP,UAAW,CAAEC,GAAI,SAClBd,SAAA,CAEDC,EAACoB,EAAG,CAAA,cACU,cACZ5C,GAAI,CACF6C,YAAa,CAAER,GAAI,OAAQnC,CAACA,GAAa,QACzC,uBAAwB,CAAE6B,MAAO,kBACjC,QAAS,CAAEe,SAAU,UACtBvB,SAEA1B,IAEH2B,EAACuB,EACC,CAAAC,GAAI5C,IAAaS,EACjBb,GAAI,CACFiD,MAAO,CAAEZ,GAAI,EAAGnC,CAACA,GAAa,SAC9BgD,OAAQ,CAAEb,GAAI,EAAGnC,CAACA,GAAa,QAC/BiD,MAAO,CAAEd,GAAI,OAAQe,GAAI,QAASlD,CAACA,GAAa,QAChDmD,SAAU,CAAEhB,GAAI,WAAYnC,CAACA,GAAa,YAC1CoD,IAAK,CAAEjB,GAAI,mBAAoBnC,CAACA,GAAa,QAC7CqD,MAAO,CAAElB,GAAI,MAAOnC,CAACA,GAAa,QAClC4B,gBAAiB,eACjB0B,QAAS,CAAEnB,GAAI,qBAAsBnC,CAACA,GAAa,QACpDqB,SAEDC,EAACoB,EACC,CAAA5C,GAAI,CACFyD,QAAS,OACTd,SAAU,UACVP,UAAW,CAAEC,GAAI,qBAAsBnC,CAACA,GAAa,QACrDwD,IAAK,CAAErB,GAAI,OAAQnC,CAACA,GAAa,QACjCyD,cAAe,CAAEtB,GAAI,SAAUnC,CAACA,GAAa,OAC7C0D,WAAY,CAAEvB,GAAI,QAASnC,CAACA,GAAa,YAC1C,cACW,aAAYqB,SAExBF,EAACwC,EAAcC,SAAQ,CAACC,MAAO,CAAExD,aAAYC,gBAAeC,gBAAeC,mBAAkBG,WAASU,SAAA,CACnGzB,EACAC,GACCyB,EAACoB,GACCoB,UAAU,oBACVhE,GAAI,CACFyD,QAAS,OACTQ,eAAgB,CAAE5B,GAAI,MAAOnC,CAACA,GAAa,OAC3CgE,eAAgB,QAChBC,eAAgB,oBAChBT,IAAK,CAAErB,GAAI,MAAOnC,CAACA,GAAa,OAChC0D,WAAY,CAAEvB,GAAI,QAASnC,CAACA,GAAa,UACzCkE,WAAY,CAAE/B,GAAI,MAAOnC,CAACA,GAAa,QACvCmE,UAAW,CAAEhC,GAAI,OAAQnC,CAACA,GAAa,OACvCiD,MAAO,CAAEd,GAAI,OAAQnC,CAACA,GAAa,QACnCyD,cAAe,CAAEtB,GAAI,SAAUnC,CAACA,GAAa,OAC7CsD,QAAS,CAAEnB,GAAI,YAAanC,CAACA,GAAa,YAC3C,cACW,cAAaqB,SAExBxB,WAMXsB,EAACuB,EAAG,CAAC5C,GAAI,CAAEyD,QAAS,OAAQC,IAAK,MAAOU,WAAY,OACjD7C,SAAA,CAAAtB,EACDuB,EAACoB,EAAI,CAAA5C,GAAI,CAAEyD,QAAS,CAAEpB,GAAI,OAAQnC,CAACA,GAAa,OAAQ+C,MAAO,cAC7DzB,EAAC8C,EACY,CAAA,aAAA,cACXC,KAAMnE,EAAW,QAAU,YAC3BoE,QAAS,KACPnE,GAAaD,EAAS,gBAQnCS,GACCW,EAACiD,EAAQ,CACPzE,GAAI,CAAEwC,OAAQ7B,EAAM6B,OAAOC,OAAS,GACpCiC,KAAMtE,EACNoE,QAAS,IAAMnE,GAAY,OAG9B"}
+{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":["import {\n  AppBar,\n  Box,\n  Container,\n  Toolbar,\n  Collapse,\n  useMediaQuery,\n  useTheme,\n  Breakpoint,\n  AppBarProps,\n  Backdrop,\n} from '@mui/material';\nimport { FC, ReactNode, useState, useMemo, Fragment } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { HeaderContext } from './HeaderContext';\n\nexport interface HeaderProps extends AppBarProps {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n\n  /**\n   * Main navigation items\n   */\n  navigationItems?: ReactNode;\n\n  /**\n   * Right-side buttons\n   */\n  buttons?: ReactNode;\n\n  /**\n   * Right-side buttons that are visible on toolbar even on mobile/tablet resolution\n   */\n  visibleButtons?: ReactNode;\n\n  /**\n   * Breakpoint to hide the navigation into mobile collapse and show hamburger menu icon\n   */\n  breakpoint?: number | Breakpoint;\n\n  /**\n   * Wrap the navigation into container\n   */\n  inContainer?: boolean;\n\n  /**\n   * React node that renders all overhead navigation items\n   * @default undefined\n   * @deprecated\n   */\n  overheadItems?: React.ReactNode;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  logo,\n  navigationItems,\n  buttons,\n  sx,\n  visibleButtons,\n  breakpoint = 'lg',\n  inContainer = false,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  const [activeItem, setActiveItem] = useState(null);\n  const [defaultActive, setDefaultActive] = useState(null);\n  const theme = useTheme();\n  const matches = useMediaQuery(theme.breakpoints.down(breakpoint));\n\n  const WrapperComponent = useMemo(() => {\n    return inContainer && !matches ? Container : Fragment;\n  }, [inContainer]);\n\n  return (\n    <>\n      <AppBar\n        component=\"nav\"\n        elevation={0}\n        sx={{\n          backgroundColor: 'common.white',\n          color: 'text.primary',\n          borderBottom: '1px solid',\n          borderBottomColor: 'surface.secondary',\n          paddingLeft: '0px',\n          paddingRight: '0px',\n          minHeight: { xs: '64px', [breakpoint]: 'auto' },\n          justifyContent: 'center',\n          postion: 'relative',\n          zIndex: theme.zIndex.appBar,\n          ...sx,\n        }}\n        breakpoint={breakpoint}\n      >\n        <WrapperComponent>\n          <Toolbar\n            sx={{\n              paddingLeft: { xs: '16px' },\n              paddingRight: { xs: '8px' },\n              flexWrap: 'nowrap',\n              minHeight: { xs: 'auto' },\n            }}\n          >\n            <Box\n              data-testid=\"Header.logo\"\n              sx={{\n                marginRight: { xs: 'auto', [breakpoint]: '48px' },\n                '&, & > .MuiLink-root': { color: 'brand.tertiary' },\n                '& svg': { maxWidth: '120px' },\n              }}\n            >\n              {logo}\n            </Box>\n            <Collapse\n              in={expanded || !matches}\n              sx={{\n                order: { xs: 1, [breakpoint]: 'unset' },\n                height: { xs: 0, [breakpoint]: 'auto' },\n                width: { xs: '100%', md: '500px', [breakpoint]: '100%' },\n                position: { xs: 'absolute', [breakpoint]: 'relative' },\n                top: { xs: 'calc(100% + 7px)', [breakpoint]: 'auto' },\n                right: { xs: '0px', [breakpoint]: 'auto' },\n                backgroundColor: 'common.white',\n                padding: { xs: '24px 12px 0px 12px', [breakpoint]: '0px' },\n              }}\n            >\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexWrap: 'no-wrap',\n                  minHeight: { xs: 'calc(100vh - 65px)', [breakpoint]: '64px' },\n                  gap: { xs: '16px', [breakpoint]: '32px' },\n                  flexDirection: { xs: 'column', [breakpoint]: 'row' },\n                  alignItems: { xs: 'start', [breakpoint]: 'stretch' },\n                }}\n                data-testid=\"Header.nav\"\n              >\n                <HeaderContext.Provider value={{ activeItem, setActiveItem, defaultActive, setDefaultActive, matches }}>\n                  {navigationItems}\n                  {buttons && (\n                    <Box\n                      className=\"FlowHeaderButtons\"\n                      sx={{\n                        display: 'flex',\n                        borderTopWidth: { xs: '1px', [breakpoint]: '0px' },\n                        borderTopStyle: 'solid',\n                        borderTopColor: 'surface.secondary',\n                        gap: { xs: '0px', [breakpoint]: '4px' },\n                        alignItems: { xs: 'start', [breakpoint]: 'center' },\n                        marginLeft: { xs: '0px', [breakpoint]: 'auto' },\n                        marginTop: { xs: 'auto', [breakpoint]: '0px' },\n                        width: { xs: '100%', [breakpoint]: 'auto' },\n                        flexDirection: { xs: 'column', [breakpoint]: 'row' },\n                        padding: { xs: '12px 10px', [breakpoint]: '8px 0px' },\n                      }}\n                      data-testid=\"Header.btns\"\n                    >\n                      {buttons}\n                    </Box>\n                  )}\n                </HeaderContext.Provider>\n              </Box>\n            </Collapse>\n            <Box sx={{ display: 'flex', gap: '4px', marginLeft: '4px' }}>\n              {visibleButtons}\n              <Box sx={{ display: { xs: 'flex', [breakpoint]: 'none', order: 10 } }}>\n                <HeaderButton\n                  aria-label=\"Toggle menu\"\n                  icon={expanded ? 'close' : 'hamburger'}\n                  onClick={() => {\n                    setExpanded(!expanded);\n                  }}\n                />\n              </Box>\n            </Box>\n          </Toolbar>\n        </WrapperComponent>\n      </AppBar>\n      {matches && (\n        <Backdrop\n          sx={{ zIndex: theme.zIndex.appBar - 1 }}\n          open={expanded}\n          onClick={() => setExpanded(false)}\n        ></Backdrop>\n      )}\n    </>\n  );\n};\n"],"names":["Header","logo","navigationItems","buttons","sx","visibleButtons","breakpoint","inContainer","expanded","setExpanded","useState","activeItem","setActiveItem","defaultActive","setDefaultActive","theme","useTheme","matches","useMediaQuery","breakpoints","down","WrapperComponent","useMemo","Container","Fragment","_jsxs","_Fragment","children","_jsx","AppBar","component","elevation","Object","assign","backgroundColor","color","borderBottom","borderBottomColor","paddingLeft","paddingRight","minHeight","xs","justifyContent","postion","zIndex","appBar","Toolbar","flexWrap","Box","marginRight","maxWidth","Collapse","in","order","height","width","md","position","top","right","padding","display","gap","flexDirection","alignItems","HeaderContext","Provider","value","className","borderTopWidth","borderTopStyle","borderTopColor","marginLeft","marginTop","HeaderButton","icon","onClick","Backdrop","open"],"mappings":"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"}

package/layout/Header/HeaderLanguageSelect.d.ts

@@ -1,4 +1,4 @@
-import { SxProps } from '@mui/system';
+import { SxProps } from '@mui/material';
 export type HeaderLanguageType = {
     short: string;
     full: string;

package/layout/Header/HeaderLanguageSelect.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as e,Fragment as n}from"react/jsx-runtime";import{Box as t}from"@mui/system";import{useState as r,useRef as i,useEffect as l}from"react";import{HeaderButton as a}from"./HeaderButton.js";import{Accordion as c,AccordionSummary as s,Typography as m,AccordionDetails as p,Menu as d,MenuItem as u}from"@mui/material";import{useHeaderContext as h}from"./HeaderContext.js";import{Icon as f}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const x=({languages:x,defaultLanguage:g,sx:b,onSelect:j})=>{const[v,w]=r(null),[S,C]=r(!1),[I,k]=r(x[g]),y=i(null),{matches:z}=h();l((()=>{z&&S&&setTimeout((()=>{y.current.scrollIntoView({behavior:"smooth",block:"end"})}),250)}),[S,z]);const M=o=>{k(o),j&&j(o)};return o(t,{onClick:o=>{C(!S),w(o.currentTarget)},ref:y,sx:Object.assign({display:"flex",alignItems:"center",order:z?99:0,marginLeft:"auto",width:z?"100%":"auto"},b),children:z?e(c,{sx:{border:"none",width:"100%","& .MuiSvgIcon-root":{fontSize:"16px"}},children:[o(s,{sx:{padding:0},children:e(m,{variant:"list",component:"div",sx:{display:"flex",gap:"8px",cursor:"pointer",alignItems:"center",width:"100%"},children:[o(f,{name:"globe"}),I.full]})}),o(p,{sx:{"& .MuiMenuItem-root":{fontWeight:300},padding:"0px 24px",display:"flex",flexFlow:"column",gap:"8px",cursor:"pointer"},children:x.map(((e,n)=>o(t,{onClick:()=>M(e),sx:{fontSize:"16px",fontWeight:300},children:e.full},n)))})]}):e(n,{children:[o(a,{icon:"globe",label:I.short,"aria-label":I.short}),o(f,{name:"chevron-down",fontSize:"extraSmall"}),o(d,{anchorEl:v,open:S,onClose:()=>{w(null)},children:x.map(((e,n)=>o(u,{onClick:()=>M(e),children:o(m,{variant:"list",children:e.short})},n)))})]})})};export{x as HeaderLanguageSelect};
+import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as i}from"react";import{HeaderButton as l}from"./HeaderButton.js";import{Box as a,Accordion as c,AccordionSummary as s,Typography as m,AccordionDetails as d,Menu as p,MenuItem as h}from"@mui/material";import{useHeaderContext as u}from"./HeaderContext.js";import{Icon as f}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const x=({languages:x,defaultLanguage:g,sx:b,onSelect:j})=>{const[v,w]=t(null),[S,C]=t(!1),[I,k]=t(x[g]),y=r(null),{matches:z}=u();i((()=>{z&&S&&setTimeout((()=>{y.current.scrollIntoView({behavior:"smooth",block:"end"})}),250)}),[S,z]);const M=e=>{k(e),j&&j(e)};return e(a,{onClick:e=>{C(!S),w(e.currentTarget)},ref:y,sx:Object.assign({display:"flex",alignItems:"center",order:z?99:0,marginLeft:"auto",width:z?"100%":"auto"},b),children:z?o(c,{sx:{border:"none",width:"100%","& .MuiSvgIcon-root":{fontSize:"16px"}},children:[e(s,{sx:{padding:0},children:o(m,{variant:"list",component:"div",sx:{display:"flex",gap:"8px",cursor:"pointer",alignItems:"center",width:"100%"},children:[e(f,{name:"globe"}),I.full]})}),e(d,{sx:{"& .MuiMenuItem-root":{fontWeight:300},padding:"0px 24px",display:"flex",flexFlow:"column",gap:"8px",cursor:"pointer"},children:x.map(((o,n)=>e(a,{onClick:()=>M(o),sx:{fontSize:"16px",fontWeight:300},children:o.full},n)))})]}):o(n,{children:[e(l,{icon:"globe",label:I.short,"aria-label":I.short}),e(f,{name:"chevron-down",fontSize:"extraSmall"}),e(p,{anchorEl:v,open:S,onClose:()=>{w(null)},children:x.map(((o,n)=>e(h,{onClick:()=>M(o),children:e(m,{variant:"list",children:o.short})},n)))})]})})};export{x as HeaderLanguageSelect};
 //# sourceMappingURL=HeaderLanguageSelect.js.map

package/layout/Header/HeaderLanguageSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../src/layout/Header/HeaderLanguageSelect.tsx"],"sourcesContent":["import { Box, SxProps } from '@mui/system';\nimport { useEffect, useState, useRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { Accordion, AccordionDetails, AccordionSummary, Menu, MenuItem, Typography } from '@mui/material';\nimport { useHeaderContext } from './HeaderContext';\nimport { Icon } from '@/src/components/icon';\n\nexport type HeaderLanguageType = {\n  short: string;\n  full: string;\n};\n\nexport interface HeaderLanguageSelectProps {\n  languages?: Array<HeaderLanguageType>;\n  defaultLanguage?: number;\n  sx?: SxProps;\n  onSelect?: (e: HeaderLanguageType) => void;\n}\n\nexport const HeaderLanguageSelect = ({ languages, defaultLanguage, sx, onSelect }: HeaderLanguageSelectProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const [label, setLabel] = useState(languages[defaultLanguage]);\n  const ref = useRef(null);\n\n  const { matches } = useHeaderContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setOpen(!open);\n    setAnchorEl(event.currentTarget);\n  };\n\n  useEffect(() => {\n    if (matches && open) {\n      setTimeout(() => {\n        ref.current.scrollIntoView({ behavior: 'smooth', block: 'end' });\n      }, 250);\n    }\n  }, [open, matches]);\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSelect = (language: HeaderLanguageType) => {\n    setLabel(language);\n\n    if (onSelect) {\n      onSelect(language);\n    }\n  };\n\n  return (\n    <Box\n      onClick={handleClick}\n      ref={ref}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        order: matches ? 99 : 0,\n        marginLeft: 'auto',\n        width: matches ? '100%' : 'auto',\n        ...sx,\n      }}\n    >\n      {matches ? (\n        <Accordion\n          sx={{\n            border: 'none',\n            width: '100%',\n            '& .MuiSvgIcon-root': { fontSize: '16px' },\n          }}\n        >\n          <AccordionSummary sx={{ padding: 0 }}>\n            <Typography\n              variant=\"list\"\n              component=\"div\"\n              sx={{\n                display: 'flex',\n                gap: '8px',\n                cursor: 'pointer',\n                alignItems: 'center',\n                width: '100%',\n              }}\n            >\n              <Icon name=\"globe\" />\n              {label.full}\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails\n            sx={{\n              '& .MuiMenuItem-root': { fontWeight: 300 },\n              padding: '0px 24px',\n              display: 'flex',\n              flexFlow: 'column',\n              gap: '8px',\n              cursor: 'pointer',\n            }}\n          >\n            {languages.map((language: HeaderLanguageType, index: number) => (\n              <Box onClick={() => handleSelect(language)} key={index} sx={{ fontSize: '16px', fontWeight: 300 }}>\n                {language.full}\n              </Box>\n            ))}\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <>\n          <HeaderButton icon=\"globe\" label={label.short} aria-label={label.short} />\n          <Icon name=\"chevron-down\" fontSize=\"extraSmall\" />\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            {languages.map((language: HeaderLanguageType, index: number) => (\n              <MenuItem onClick={() => handleSelect(language)} key={index}>\n                <Typography variant=\"list\">{language.short}</Typography>\n              </MenuItem>\n            ))}\n          </Menu>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":["HeaderLanguageSelect","languages","defaultLanguage","sx","onSelect","anchorEl","setAnchorEl","useState","open","setOpen","label","setLabel","ref","useRef","matches","useHeaderContext","useEffect","setTimeout","current","scrollIntoView","behavior","block","handleSelect","language","_jsx","Box","onClick","event","currentTarget","Object","assign","display","alignItems","order","marginLeft","width","children","_jsxs","Accordion","border","fontSize","AccordionSummary","padding","Typography","variant","component","gap","cursor","Icon","name","full","AccordionDetails","fontWeight","flexFlow","map","index","_Fragment","HeaderButton","icon","short","Menu","onClose","MenuItem"],"mappings":"0eAmBO,MAAMA,EAAuB,EAAGC,YAAWC,kBAAiBC,KAAIC,eACrE,MAAOC,EAAUC,GAAeC,EAA6B,OACtDC,EAAMC,GAAWF,GAAS,IAC1BG,EAAOC,GAAYJ,EAASN,EAAUC,IACvCU,EAAMC,EAAO,OAEbC,QAAEA,GAAYC,IAOpBC,GAAU,KACJF,GAAWN,GACbS,YAAW,KACTL,EAAIM,QAAQC,eAAe,CAAEC,SAAU,SAAUC,MAAO,OAAQ,GAC/D,OAEJ,CAACb,EAAMM,IAEV,MAIMQ,EAAgBC,IACpBZ,EAASY,GAELnB,GACFA,EAASmB,IAIb,OACEC,EAACC,EAAG,CACFC,QA3BiBC,IACnBlB,GAASD,GACTF,EAAYqB,EAAMC,cAAc,EA0B9BhB,IAAKA,EACLT,GAAE0B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZC,MAAOnB,EAAU,GAAK,EACtBoB,WAAY,OACZC,MAAOrB,EAAU,OAAS,QACvBX,GAAEiC,SAGNtB,EACCuB,EAACC,EAAS,CACRnC,GAAI,CACFoC,OAAQ,OACRJ,MAAO,OACP,qBAAsB,CAAEK,SAAU,SAGpCJ,SAAA,CAAAZ,EAACiB,EAAiB,CAAAtC,GAAI,CAAEuC,QAAS,GAAGN,SAClCC,EAACM,EAAU,CACTC,QAAQ,OACRC,UAAU,MACV1C,GAAI,CACF4B,QAAS,OACTe,IAAK,MACLC,OAAQ,UACRf,WAAY,SACZG,MAAO,QACRC,SAAA,CAEDZ,EAACwB,EAAI,CAACC,KAAK,UACVvC,EAAMwC,UAGX1B,EAAC2B,EAAgB,CACfhD,GAAI,CACF,sBAAuB,CAAEiD,WAAY,KACrCV,QAAS,WACTX,QAAS,OACTsB,SAAU,SACVP,IAAK,MACLC,OAAQ,WACTX,SAEAnC,EAAUqD,KAAI,CAAC/B,EAA8BgC,IAC5C/B,EAACC,EAAI,CAAAC,QAAS,IAAMJ,EAAaC,GAAuBpB,GAAI,CAAEqC,SAAU,OAAQY,WAAY,KAAKhB,SAC9Fb,EAAS2B,MADqCK,UAOvDlB,EAAAmB,EAAA,CAAApB,SAAA,CACEZ,EAACiC,EAAa,CAAAC,KAAK,QAAQhD,MAAOA,EAAMiD,MAAmB,aAAAjD,EAAMiD,QACjEnC,EAACwB,EAAI,CAACC,KAAK,eAAeT,SAAS,eACnChB,EAACoC,EAAK,CAAAvD,SAAUA,EAAUG,KAAMA,EAAMqD,QAtE1B,KAClBvD,EAAY,KAAK,EAsER8B,SAAAnC,EAAUqD,KAAI,CAAC/B,EAA8BgC,IAC5C/B,EAACsC,EAAQ,CAACpC,QAAS,IAAMJ,EAAaC,GACpCa,SAAAZ,EAACmB,EAAW,CAAAC,QAAQ,OAAQR,SAAAb,EAASoC,SADeJ,WAO1D"}
+{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../src/layout/Header/HeaderLanguageSelect.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { Box, SxProps, Accordion, AccordionDetails, AccordionSummary, Menu, MenuItem, Typography } from '@mui/material';\nimport { useHeaderContext } from './HeaderContext';\nimport { Icon } from '@/src/components/icon';\n\nexport type HeaderLanguageType = {\n  short: string;\n  full: string;\n};\n\nexport interface HeaderLanguageSelectProps {\n  languages?: Array<HeaderLanguageType>;\n  defaultLanguage?: number;\n  sx?: SxProps;\n  onSelect?: (e: HeaderLanguageType) => void;\n}\n\nexport const HeaderLanguageSelect = ({ languages, defaultLanguage, sx, onSelect }: HeaderLanguageSelectProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const [label, setLabel] = useState(languages[defaultLanguage]);\n  const ref = useRef(null);\n\n  const { matches } = useHeaderContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setOpen(!open);\n    setAnchorEl(event.currentTarget);\n  };\n\n  useEffect(() => {\n    if (matches && open) {\n      setTimeout(() => {\n        ref.current.scrollIntoView({ behavior: 'smooth', block: 'end' });\n      }, 250);\n    }\n  }, [open, matches]);\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSelect = (language: HeaderLanguageType) => {\n    setLabel(language);\n\n    if (onSelect) {\n      onSelect(language);\n    }\n  };\n\n  return (\n    <Box\n      onClick={handleClick}\n      ref={ref}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        order: matches ? 99 : 0,\n        marginLeft: 'auto',\n        width: matches ? '100%' : 'auto',\n        ...sx,\n      }}\n    >\n      {matches ? (\n        <Accordion\n          sx={{\n            border: 'none',\n            width: '100%',\n            '& .MuiSvgIcon-root': { fontSize: '16px' },\n          }}\n        >\n          <AccordionSummary sx={{ padding: 0 }}>\n            <Typography\n              variant=\"list\"\n              component=\"div\"\n              sx={{\n                display: 'flex',\n                gap: '8px',\n                cursor: 'pointer',\n                alignItems: 'center',\n                width: '100%',\n              }}\n            >\n              <Icon name=\"globe\" />\n              {label.full}\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails\n            sx={{\n              '& .MuiMenuItem-root': { fontWeight: 300 },\n              padding: '0px 24px',\n              display: 'flex',\n              flexFlow: 'column',\n              gap: '8px',\n              cursor: 'pointer',\n            }}\n          >\n            {languages.map((language: HeaderLanguageType, index: number) => (\n              <Box onClick={() => handleSelect(language)} key={index} sx={{ fontSize: '16px', fontWeight: 300 }}>\n                {language.full}\n              </Box>\n            ))}\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <>\n          <HeaderButton icon=\"globe\" label={label.short} aria-label={label.short} />\n          <Icon name=\"chevron-down\" fontSize=\"extraSmall\" />\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            {languages.map((language: HeaderLanguageType, index: number) => (\n              <MenuItem onClick={() => handleSelect(language)} key={index}>\n                <Typography variant=\"list\">{language.short}</Typography>\n              </MenuItem>\n            ))}\n          </Menu>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":["HeaderLanguageSelect","languages","defaultLanguage","sx","onSelect","anchorEl","setAnchorEl","useState","open","setOpen","label","setLabel","ref","useRef","matches","useHeaderContext","useEffect","setTimeout","current","scrollIntoView","behavior","block","handleSelect","language","_jsx","Box","onClick","event","currentTarget","Object","assign","display","alignItems","order","marginLeft","width","children","_jsxs","Accordion","border","fontSize","AccordionSummary","padding","Typography","variant","component","gap","cursor","Icon","name","full","AccordionDetails","fontWeight","flexFlow","map","index","_Fragment","HeaderButton","icon","short","Menu","onClose","MenuItem"],"mappings":"idAkBO,MAAMA,EAAuB,EAAGC,YAAWC,kBAAiBC,KAAIC,eACrE,MAAOC,EAAUC,GAAeC,EAA6B,OACtDC,EAAMC,GAAWF,GAAS,IAC1BG,EAAOC,GAAYJ,EAASN,EAAUC,IACvCU,EAAMC,EAAO,OAEbC,QAAEA,GAAYC,IAOpBC,GAAU,KACJF,GAAWN,GACbS,YAAW,KACTL,EAAIM,QAAQC,eAAe,CAAEC,SAAU,SAAUC,MAAO,OAAQ,GAC/D,OAEJ,CAACb,EAAMM,IAEV,MAIMQ,EAAgBC,IACpBZ,EAASY,GAELnB,GACFA,EAASmB,IAIb,OACEC,EAACC,EAAG,CACFC,QA3BiBC,IACnBlB,GAASD,GACTF,EAAYqB,EAAMC,cAAc,EA0B9BhB,IAAKA,EACLT,GAAE0B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZC,MAAOnB,EAAU,GAAK,EACtBoB,WAAY,OACZC,MAAOrB,EAAU,OAAS,QACvBX,GAAEiC,SAGNtB,EACCuB,EAACC,EAAS,CACRnC,GAAI,CACFoC,OAAQ,OACRJ,MAAO,OACP,qBAAsB,CAAEK,SAAU,SAGpCJ,SAAA,CAAAZ,EAACiB,EAAiB,CAAAtC,GAAI,CAAEuC,QAAS,GAAGN,SAClCC,EAACM,EAAU,CACTC,QAAQ,OACRC,UAAU,MACV1C,GAAI,CACF4B,QAAS,OACTe,IAAK,MACLC,OAAQ,UACRf,WAAY,SACZG,MAAO,QACRC,SAAA,CAEDZ,EAACwB,EAAI,CAACC,KAAK,UACVvC,EAAMwC,UAGX1B,EAAC2B,EAAgB,CACfhD,GAAI,CACF,sBAAuB,CAAEiD,WAAY,KACrCV,QAAS,WACTX,QAAS,OACTsB,SAAU,SACVP,IAAK,MACLC,OAAQ,WACTX,SAEAnC,EAAUqD,KAAI,CAAC/B,EAA8BgC,IAC5C/B,EAACC,EAAI,CAAAC,QAAS,IAAMJ,EAAaC,GAAuBpB,GAAI,CAAEqC,SAAU,OAAQY,WAAY,KAAKhB,SAC9Fb,EAAS2B,MADqCK,UAOvDlB,EAAAmB,EAAA,CAAApB,SAAA,CACEZ,EAACiC,EAAa,CAAAC,KAAK,QAAQhD,MAAOA,EAAMiD,MAAmB,aAAAjD,EAAMiD,QACjEnC,EAACwB,EAAI,CAACC,KAAK,eAAeT,SAAS,eACnChB,EAACoC,EAAK,CAAAvD,SAAUA,EAAUG,KAAMA,EAAMqD,QAtE1B,KAClBvD,EAAY,KAAK,EAsER8B,SAAAnC,EAAUqD,KAAI,CAAC/B,EAA8BgC,IAC5C/B,EAACsC,EAAQ,CAACpC,QAAS,IAAMJ,EAAaC,GACpCa,SAAAZ,EAACmB,EAAW,CAAAC,QAAQ,OAAQR,SAAAb,EAASoC,SADeJ,WAO1D"}

package/layout/Header/HeaderNavigationHero.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{styled as r,Box as i,Popper as n,ClickAwayListener as t,Fade as l,Container as a}from"@mui/material";import{useRef as s}from"react";import{Icon as p}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{Button as m}from"@mui/base";function d(r){const{label:p,heroElement:m}=r,{isOpen:d,onToggle:b,onClose:f}=c(),x=s(null);return o(i,{ref:x,display:"flex",alignItems:"center",children:[o(h,{onClick:b,children:[e(u,{className:"FwlNavigationItem-label",children:p}),e(g,{name:d?"chevron-up":"chevron-down"})]}),e(n,{open:d,anchorEl:null==x?void 0:x.current,transition:!0,children:({TransitionProps:o})=>e(t,{onClickAway:f,children:e(l,Object.assign({},o,{timeout:350,children:e(a,{sx:{backgroundColor:"common.white",color:"text.primary",padding:"48px 0 40px 0"},children:m})}))})})]})}const h=r(m)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),u=r(i)((({theme:o})=>Object.assign(Object.assign({},o.typography.body),{color:"inherit",[o.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),g=r(p)((()=>({fontSize:"16px",marginLeft:"5px"})));export{d as HeaderNavigationHero};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{styled as r,ButtonBase as i,Box as n,Popper as t,ClickAwayListener as l,Fade as a,Container as s}from"@mui/material";import{useRef as p}from"react";import{Icon as c}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as m}from"../../utils/useClosure/useClosure.js";function d(r){const{label:i,heroElement:c}=r,{isOpen:d,onToggle:b,onClose:f}=m(),x=p(null);return o(n,{ref:x,display:"flex",alignItems:"center",children:[o(h,{onClick:b,children:[e(g,{className:"FwlNavigationItem-label",children:i}),e(u,{name:d?"chevron-up":"chevron-down"})]}),e(t,{open:d,anchorEl:null==x?void 0:x.current,transition:!0,children:({TransitionProps:o})=>e(l,{onClickAway:f,children:e(a,Object.assign({},o,{timeout:350,children:e(s,{sx:{backgroundColor:"common.white",color:"text.primary",padding:"48px 0 40px 0"},children:c})}))})})]})}const h=r(i)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),g=r(n)((({theme:o})=>Object.assign(Object.assign({},o.typography.body),{color:"inherit",[o.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),u=r(c)((()=>({fontSize:"16px",marginLeft:"5px"})));export{d as HeaderNavigationHero};
 //# sourceMappingURL=HeaderNavigationHero.js.map

package/layout/Header/HeaderNavigationHero.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { ReactNode, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\n\nexport type HeaderNavigationHeroProps = {\n  label: string;\n  heroElement: ReactNode;\n};\n\nexport function HeaderNavigationHero(props: HeaderNavigationHeroProps) {\n  const { label, heroElement } = props;\n  const { isOpen, onToggle, onClose } = useClosure();\n  const anchor = useRef<HTMLDivElement>(null);\n\n  return (\n    <Box ref={anchor} display=\"flex\" alignItems=\"center\">\n      <ItemButton onClick={onToggle}>\n        <ItemLabel className=\"FwlNavigationItem-label\">{label}</ItemLabel>\n        <ItemIcon name={isOpen ? 'chevron-up' : 'chevron-down'} />\n      </ItemButton>\n      <Popper open={isOpen} anchorEl={anchor?.current} transition>\n        {({ TransitionProps }) => (\n          <ClickAwayListener onClickAway={onClose}>\n            <Fade {...TransitionProps} timeout={350}>\n              <Container\n                sx={{\n                  backgroundColor: 'common.white',\n                  color: 'text.primary',\n                  padding: '48px 0 40px 0',\n                }}\n              >\n                {heroElement}\n              </Container>\n            </Fade>\n          </ClickAwayListener>\n        )}\n      </Popper>\n    </Box>\n  );\n}\n\nconst ItemButton = styled(Button)(() => ({\n  paddingLeft: 6,\n  paddingRight: 6,\n  '&:hover .FwlNavigationItem-label': {\n    borderBottomColor: 'currentColor',\n  },\n  appearance: 'inherit',\n  border: 'inherit',\n  background: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  color: 'inherit',\n}));\n\nconst ItemLabel = styled(Box)(({ theme }) => ({\n  ...theme.typography.body,\n  color: 'inherit',\n  [theme.breakpoints.up('xs')]: {\n    fontWeight: '400',\n    fontSize: '16px',\n    lineHeight: '24px',\n  },\n  paddingLeft: 2,\n  paddingRight: 2,\n  borderTop: '2px solid',\n  borderBottom: '2px solid',\n  borderColor: 'transparent',\n  transition: 'border 300ms ease-out 150ms',\n}));\n\nconst ItemIcon = styled(Icon)(() => ({\n  fontSize: '16px',\n  marginLeft: '5px',\n}));\n"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","backgroundColor","color","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","theme","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","Icon","marginLeft"],"mappings":"mXAWM,SAAUA,EAAqBC,GACnC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAuB,MAEtC,OACEC,EAACC,EAAG,CAACC,IAAKJ,EAAQK,QAAQ,OAAOC,WAAW,SAAQC,SAAA,CAClDL,EAACM,EAAU,CAACC,QAASZ,EAAQU,SAAA,CAC3BG,EAACC,EAAS,CAACC,UAAU,mCAA2BlB,IAChDgB,EAACG,GAASC,KAAMlB,EAAS,aAAe,oBAE1Cc,EAACK,EAAO,CAAAC,KAAMpB,EAAQqB,SAAUjB,aAAM,EAANA,EAAQkB,QAASC,YAAU,EAAAZ,SACxD,EAAGa,qBACFV,EAACW,GAAkBC,YAAaxB,EAAOS,SACrCG,EAACa,mBAASH,EAAe,CAAEI,QAAS,aAClCd,EAACe,EACC,CAAAC,GAAI,CACFC,gBAAiB,eACjBC,MAAO,eACPC,QAAS,iBAGVtB,SAAAZ,aAQjB,CAEA,MAAMa,EAAasB,EAAOC,EAAPD,EAAe,KAAO,CACvCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRjC,QAAS,OACTC,WAAY,SACZsB,MAAO,cAGHjB,EAAYmB,EAAO3B,EAAP2B,EAAY,EAAGS,0CAC5BA,EAAMC,WAAWC,MACpB,CAAAb,MAAO,UACP,CAACW,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,MACZC,SAAU,OACVC,WAAY,QAEdd,YAAa,EACbC,aAAc,EACdc,UAAW,YACXC,aAAc,YACdC,YAAa,cACb9B,WAAY,kCAGRN,EAAWiB,EAAOoB,EAAPpB,EAAa,KAAO,CACnCe,SAAU,OACVM,WAAY"}
+{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { Box, ClickAwayListener, Container, Fade, Popper, styled, ButtonBase } from '@mui/material';\nimport { ReactNode, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\n\nexport type HeaderNavigationHeroProps = {\n  label: string;\n  heroElement: ReactNode;\n};\n\nexport function HeaderNavigationHero(props: HeaderNavigationHeroProps) {\n  const { label, heroElement } = props;\n  const { isOpen, onToggle, onClose } = useClosure();\n  const anchor = useRef<HTMLDivElement>(null);\n\n  return (\n    <Box ref={anchor} display=\"flex\" alignItems=\"center\">\n      <ItemButton onClick={onToggle}>\n        <ItemLabel className=\"FwlNavigationItem-label\">{label}</ItemLabel>\n        <ItemIcon name={isOpen ? 'chevron-up' : 'chevron-down'} />\n      </ItemButton>\n      <Popper open={isOpen} anchorEl={anchor?.current} transition>\n        {({ TransitionProps }) => (\n          <ClickAwayListener onClickAway={onClose}>\n            <Fade {...TransitionProps} timeout={350}>\n              <Container\n                sx={{\n                  backgroundColor: 'common.white',\n                  color: 'text.primary',\n                  padding: '48px 0 40px 0',\n                }}\n              >\n                {heroElement}\n              </Container>\n            </Fade>\n          </ClickAwayListener>\n        )}\n      </Popper>\n    </Box>\n  );\n}\n\nconst ItemButton = styled(ButtonBase)(() => ({\n  paddingLeft: 6,\n  paddingRight: 6,\n  '&:hover .FwlNavigationItem-label': {\n    borderBottomColor: 'currentColor',\n  },\n  appearance: 'inherit',\n  border: 'inherit',\n  background: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  color: 'inherit',\n}));\n\nconst ItemLabel = styled(Box)(({ theme }) => ({\n  ...theme.typography.body,\n  color: 'inherit',\n  [theme.breakpoints.up('xs')]: {\n    fontWeight: '400',\n    fontSize: '16px',\n    lineHeight: '24px',\n  },\n  paddingLeft: 2,\n  paddingRight: 2,\n  borderTop: '2px solid',\n  borderBottom: '2px solid',\n  borderColor: 'transparent',\n  transition: 'border 300ms ease-out 150ms',\n}));\n\nconst ItemIcon = styled(Icon)(() => ({\n  fontSize: '16px',\n  marginLeft: '5px',\n}));\n"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","backgroundColor","color","padding","styled","ButtonBase","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","theme","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","Icon","marginLeft"],"mappings":"gWAUM,SAAUA,EAAqBC,GACnC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAuB,MAEtC,OACEC,EAACC,EAAG,CAACC,IAAKJ,EAAQK,QAAQ,OAAOC,WAAW,SAAQC,SAAA,CAClDL,EAACM,EAAU,CAACC,QAASZ,EAAQU,SAAA,CAC3BG,EAACC,EAAS,CAACC,UAAU,mCAA2BlB,IAChDgB,EAACG,GAASC,KAAMlB,EAAS,aAAe,oBAE1Cc,EAACK,EAAO,CAAAC,KAAMpB,EAAQqB,SAAUjB,aAAM,EAANA,EAAQkB,QAASC,YAAU,EAAAZ,SACxD,EAAGa,qBACFV,EAACW,GAAkBC,YAAaxB,EAAOS,SACrCG,EAACa,mBAASH,EAAe,CAAEI,QAAS,aAClCd,EAACe,EACC,CAAAC,GAAI,CACFC,gBAAiB,eACjBC,MAAO,eACPC,QAAS,iBAGVtB,SAAAZ,aAQjB,CAEA,MAAMa,EAAasB,EAAOC,EAAPD,EAAmB,KAAO,CAC3CE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRjC,QAAS,OACTC,WAAY,SACZsB,MAAO,cAGHjB,EAAYmB,EAAO3B,EAAP2B,EAAY,EAAGS,0CAC5BA,EAAMC,WAAWC,MACpB,CAAAb,MAAO,UACP,CAACW,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,MACZC,SAAU,OACVC,WAAY,QAEdd,YAAa,EACbC,aAAc,EACdc,UAAW,YACXC,aAAc,YACdC,YAAa,cACb9B,WAAY,kCAGRN,EAAWiB,EAAOoB,EAAPpB,EAAa,KAAO,CACnCe,SAAU,OACVM,WAAY"}

package/layout/Header/HeaderOverheadItem.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material";import{Button as o}from"@mui/base";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};
+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 +1 @@
-{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { styled } from '@mui/material';\nimport React from 'react';\nimport { Button } from '@mui/base';\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(Button)(({ 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","Button","theme","padding","height","breakpoints","up","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAoBM,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,EAAe,EAAGE,YAAa,CAChDC,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"}
+{"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/materialui/accordion/AccordionSummaryExpandIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useContext as i}from"react";import e from"@mui/material/Accordion/AccordionContext";import{IconButton as t}from"@mui/material";import{ChevronDownIcon as c}from"../../components/icon/stroke/ChevronDownIcon.js";const n=r(((r,n)=>{const{disabled:m=!1}=i(e);return o(t,Object.assign({"aria-label":"Toggle accordion",className:"MuiAccordion-IconButton",color:"inherit",size:"medium",ref:n,disabled:m},r,{children:o(c,{})}))}));export{n as AccordionSummaryExpandIcon};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useContext as e}from"react";import i from"@mui/material/Accordion/AccordionContext";import{IconButton as n}from"@mui/material";import{ChevronDownIcon as t}from"../../components/icon/stroke/ChevronDownIcon.js";const c=r(((r,c)=>{const{expanded:a,disabled:m}=e(i);return o(n,Object.assign({"aria-label":"Toggle accordion","aria-expanded":a,className:"MuiAccordion-IconButton",color:"inherit",size:"medium",ref:c,disabled:m},r,{children:o(t,{})}))}));export{c as AccordionSummaryExpandIcon};
 //# sourceMappingURL=AccordionSummaryExpandIcon.js.map

package/materialui/accordion/AccordionSummaryExpandIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionSummaryExpandIcon.js","sources":["../../../src/materialui/accordion/AccordionSummaryExpandIcon.tsx"],"sourcesContent":["import React, { FC, useContext, forwardRef } from 'react';\nimport AccordionContext from '@mui/material/Accordion/AccordionContext';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\n/**\n * AccordionSummary.expandIcon that is replaced with IconButton\n */\nexport const AccordionSummaryExpandIcon: FC<IconButtonProps> = forwardRef((props, ref) => {\n  // access accordion context to pass down the disabled property\n  const { disabled = false } = useContext(\n    AccordionContext as unknown as React.Context<{ expanded: boolean; disabled: boolean; toggle: () => void }>,\n  );\n\n  return (\n    <IconButton\n      aria-label=\"Toggle accordion\"\n      className=\"MuiAccordion-IconButton\"\n      color=\"inherit\"\n      size=\"medium\"\n      ref={ref}\n      disabled={disabled}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </IconButton>\n  );\n});\n"],"names":["AccordionSummaryExpandIcon","forwardRef","props","ref","disabled","useContext","AccordionContext","_jsx","IconButton","Object","assign","className","color","size","ChevronDownIcon"],"mappings":"gRAQa,MAAAA,EAAkDC,GAAW,CAACC,EAAOC,KAEhF,MAAMC,SAAEA,GAAW,GAAUC,EAC3BC,GAGF,OACEC,EAACC,EAAUC,OAAAC,OAAA,CAAA,aACE,mBACXC,UAAU,0BACVC,MAAM,UACNC,KAAK,SACLV,IAAKA,EACLC,SAAUA,GACNF,YAEJK,EAACO,EAAkB,CAAA,KACR"}
+{"version":3,"file":"AccordionSummaryExpandIcon.js","sources":["../../../src/materialui/accordion/AccordionSummaryExpandIcon.tsx"],"sourcesContent":["import React, { FC, useContext, forwardRef } from 'react';\nimport AccordionContext from '@mui/material/Accordion/AccordionContext';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\n/**\n * AccordionSummary.expandIcon that is replaced with IconButton\n */\nexport const AccordionSummaryExpandIcon: FC<IconButtonProps> = forwardRef((props, ref) => {\n  // access accordion context to pass down the disabled property\n  const { expanded, disabled } = useContext(\n    AccordionContext as unknown as React.Context<{ expanded: boolean; disabled: boolean; toggle: () => void }>,\n  );\n\n  return (\n    <IconButton\n      aria-label=\"Toggle accordion\"\n      aria-expanded={expanded}\n      className=\"MuiAccordion-IconButton\"\n      color=\"inherit\"\n      size=\"medium\"\n      ref={ref}\n      disabled={disabled}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </IconButton>\n  );\n});\n"],"names":["AccordionSummaryExpandIcon","forwardRef","props","ref","expanded","disabled","useContext","AccordionContext","_jsx","IconButton","Object","assign","className","color","size","ChevronDownIcon"],"mappings":"gRAQa,MAAAA,EAAkDC,GAAW,CAACC,EAAOC,KAEhF,MAAMC,SAAEA,EAAQC,SAAEA,GAAaC,EAC7BC,GAGF,OACEC,EAACC,EAAUC,OAAAC,OAAA,CAAA,aACE,mBACI,gBAAAP,EACfQ,UAAU,0BACVC,MAAM,UACNC,KAAK,SACLX,IAAKA,EACLE,SAAUA,GACNH,YAEJM,EAACO,EAAkB,CAAA,KACR"}

package/materialui/accordion/accordionSummary.theme.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{AccordionSummaryExpandIcon as o}from"./AccordionSummaryExpandIcon.js";const r={defaultProps:{tabIndex:-1,component:"div",expandIcon:e(o,{})},styleOverrides:{root:({theme:e})=>Object.assign(Object.assign({},e.typography.subheadline),{overflow:"hidden",userSelect:"text",padding:"12px 0","&.Mui-focusVisible":{backgroundColor:"transparent"},transition:"color 0.3s ease-out","&:hover":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .MuiAccordion-IconButton":{backgroundColor:e.palette.surface.primary}},"&.Mui-disabled":{opacity:"1","&, & .MuiAccordionSummary-expandIconWrapper":{color:e.palette.disabled.tertiary}}}),expandIconWrapper:({theme:e})=>({color:e.palette.text.primary,marginRight:"4px"})}};export{r as flowAccordionSummary};
+import{jsx as e}from"react/jsx-runtime";import{AccordionSummaryExpandIcon as o}from"./AccordionSummaryExpandIcon.js";const r={defaultProps:{tabIndex:-1,component:"div",role:void 0,"aria-expanded":void 0,expandIcon:e(o,{})},styleOverrides:{root:({theme:e})=>Object.assign(Object.assign({},e.typography.subheadline),{overflow:"hidden",userSelect:"text",padding:"12px 0","&.Mui-focusVisible":{backgroundColor:"transparent"},transition:"color 0.3s ease-out","&:hover":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .MuiAccordion-IconButton":{backgroundColor:e.palette.transparent.secondary}},"&.Mui-disabled":{opacity:"1","&, & .MuiAccordionSummary-expandIconWrapper":{color:e.palette.disabled.tertiary}}}),expandIconWrapper:({theme:e})=>({color:e.palette.text.primary,marginRight:"4px"})}};export{r as flowAccordionSummary};
 //# sourceMappingURL=accordionSummary.theme.js.map

package/materialui/accordion/accordionSummary.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionSummary.theme.js","sources":["../../../src/materialui/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { AccordionSummaryExpandIcon } from './AccordionSummaryExpandIcon';\n\nexport const flowAccordionSummary: Components<Theme>['MuiAccordionSummary'] = {\n  defaultProps: {\n    // prevent focusing AccordionSummary with tab, we focus IconButton\n    tabIndex: -1,\n    // changed to div to prevent Button in Button invalid html\n    component: 'div',\n    // change icon with our IconButton and Icon\n    expandIcon: <AccordionSummaryExpandIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      ...theme.typography.subheadline,\n      // expanding/collapsing icon may cause overflow while transform rotation (45° angle)\n      overflow: 'hidden',\n      // allow selecting text\n      userSelect: 'text',\n      // proportions\n      padding: '12px 0',\n      // focused state\n      '&.Mui-focusVisible': {\n        backgroundColor: 'transparent',\n      },\n      // hover effect\n      transition: 'color 0.3s ease-out',\n      '&:hover': {\n        // recolor text\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n        // hover over IconButton\n        '& .MuiAccordion-IconButton': {\n          backgroundColor: theme.palette.surface.primary,\n        },\n      },\n      // disabled state\n      '&.Mui-disabled': {\n        opacity: '1',\n        '&, & .MuiAccordionSummary-expandIconWrapper': {\n          color: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n    expandIconWrapper: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      // extra space to fit focus\n      marginRight: '4px',\n    }),\n  },\n};\n"],"names":["flowAccordionSummary","defaultProps","tabIndex","component","expandIcon","_jsx","AccordionSummaryExpandIcon","styleOverrides","root","theme","Object","assign","typography","subheadline","overflow","userSelect","padding","backgroundColor","transition","color","palette","mode","onSurface","os300","os700","surface","primary","opacity","disabled","tertiary","expandIconWrapper","text","marginRight"],"mappings":"qHAIa,MAAAA,EAAiE,CAC5EC,aAAc,CAEZC,UAAY,EAEZC,UAAW,MAEXC,WAAYC,EAACC,EAA6B,KAE5CC,eAAgB,CACdC,KAAM,EAAGC,WACJC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,EAAMG,WAAWC,aAAW,CAE/BC,SAAU,SAEVC,WAAY,OAEZC,QAAS,SAET,qBAAsB,CACpBC,gBAAiB,eAGnBC,WAAY,sBACZ,UAAW,CAETC,MAA8B,SAAvBV,EAAMW,QAAQC,KAAkBZ,EAAMW,QAAQE,UAAUC,MAAQd,EAAMW,QAAQE,UAAUE,MAE/F,6BAA8B,CAC5BP,gBAAiBR,EAAMW,QAAQK,QAAQC,UAI3C,iBAAkB,CAChBC,QAAS,IACT,8CAA+C,CAC7CR,MAAOV,EAAMW,QAAQQ,SAASC,aAIpCC,kBAAmB,EAAGrB,YAAa,CACjCU,MAAOV,EAAMW,QAAQW,KAAKL,QAE1BM,YAAa"}
+{"version":3,"file":"accordionSummary.theme.js","sources":["../../../src/materialui/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { AccordionSummaryExpandIcon } from './AccordionSummaryExpandIcon';\n\nexport const flowAccordionSummary: Components<Theme>['MuiAccordionSummary'] = {\n  defaultProps: {\n    // prevent focusing AccordionSummary with tab, we focus IconButton\n    tabIndex: -1,\n    // changed to div to prevent Button in Button invalid html\n    component: 'div',\n    role: undefined,\n    ['aria-expanded']: undefined,\n    // change icon with our IconButton and Icon\n    expandIcon: <AccordionSummaryExpandIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      ...theme.typography.subheadline,\n      // expanding/collapsing icon may cause overflow while transform rotation (45° angle)\n      overflow: 'hidden',\n      // allow selecting text\n      userSelect: 'text',\n      // proportions\n      padding: '12px 0',\n      // focused state\n      '&.Mui-focusVisible': {\n        backgroundColor: 'transparent',\n      },\n      // hover effect\n      transition: 'color 0.3s ease-out',\n      // no need to use interactive style as actual toggle is happening on the IconButton\n      '&:hover': {\n        // recolor text\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n        // hover over IconButton\n        '& .MuiAccordion-IconButton': {\n          backgroundColor: theme.palette.transparent.secondary,\n        },\n      },\n      // disabled state\n      '&.Mui-disabled': {\n        opacity: '1',\n        '&, & .MuiAccordionSummary-expandIconWrapper': {\n          color: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n    expandIconWrapper: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      // extra space to fit focus\n      marginRight: '4px',\n    }),\n  },\n};\n"],"names":["flowAccordionSummary","defaultProps","tabIndex","component","role","undefined","expandIcon","_jsx","AccordionSummaryExpandIcon","styleOverrides","root","theme","Object","assign","typography","subheadline","overflow","userSelect","padding","backgroundColor","transition","color","palette","mode","onSurface","os300","os700","transparent","secondary","opacity","disabled","tertiary","expandIconWrapper","text","primary","marginRight"],"mappings":"qHAIa,MAAAA,EAAiE,CAC5EC,aAAc,CAEZC,UAAY,EAEZC,UAAW,MACXC,UAAMC,EACN,qBAAmBA,EAEnBC,WAAYC,EAACC,EAA6B,KAE5CC,eAAgB,CACdC,KAAM,EAAGC,WACJC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,EAAMG,WAAWC,aAAW,CAE/BC,SAAU,SAEVC,WAAY,OAEZC,QAAS,SAET,qBAAsB,CACpBC,gBAAiB,eAGnBC,WAAY,sBAEZ,UAAW,CAETC,MAA8B,SAAvBV,EAAMW,QAAQC,KAAkBZ,EAAMW,QAAQE,UAAUC,MAAQd,EAAMW,QAAQE,UAAUE,MAE/F,6BAA8B,CAC5BP,gBAAiBR,EAAMW,QAAQK,YAAYC,YAI/C,iBAAkB,CAChBC,QAAS,IACT,8CAA+C,CAC7CR,MAAOV,EAAMW,QAAQQ,SAASC,aAIpCC,kBAAmB,EAAGrB,YAAa,CACjCU,MAAOV,EAAMW,QAAQW,KAAKC,QAE1BC,YAAa"}

package/materialui/button/button.theme.js

@@ -1,2 +1,2 @@
-import{updateFocusRingStyle as o,getFocusRingStyle as e}from"../../components/focusring/focusring.js";import{getInteractiveStyle as r}from"./interactive.js";const t={defaultProps:{disableRipple:!0,disableElevation:!0,variant:"contained"},styleOverrides:{root:({theme:o,ownerState:r})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",textRendering:"geometricPrecision",outline:"none",minWidth:"44px",padding:"14px 24px",flexShrink:"0"},o.typography.button),{"& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"20px"}}}),"small"===r.size&&{padding:"8px 14px",fontSize:"14px",lineHeight:"16px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"17px"}}}),"large"===r.size&&{padding:"15px 25px",fontSize:"18px",lineHeight:"20px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"22px"}}}),{backgroundClip:"padding-box",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out",borderRadius:"1000px","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}}),e(o)),{"&.Mui-disabled":{opacity:"1"}}),startIcon:({ownerState:o})=>Object.assign(Object.assign({flexShrink:"0",marginRight:"10px",marginLeft:"0"},"small"===o.size&&{marginRight:"5px"}),"large"===o.size&&{marginRight:"15px"}),endIcon:({ownerState:o})=>Object.assign(Object.assign({flexShrink:"0",marginRight:"0",marginLeft:"10px"},"small"===o.size&&{marginLeft:"5px"}),"large"===o.size&&{marginLeft:"15px"}),contained:({theme:o,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},("primary"===e.color||"success"===e.color)&&Object.assign({},r({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900},{backgroundColor:o.palette.brandHover.secondary,color:o.palette.onSurface.os900}))),"secondary"===e.color&&Object.assign({},r({backgroundColor:o.palette.secondary.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.onSurface.os600,color:o.palette.onSurface.os0}))),"white"===e.color&&Object.assign({},r({backgroundColor:"transparent",color:o.palette.onSurface.os0},{backgroundColor:o.palette.transparent.tertiary,color:o.palette.onSurface.os0}))),"error"===e.color&&Object.assign({},r({backgroundColor:o.palette.error.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.error.dark,color:o.palette.onSurface.os0}))),"warning"===e.color&&Object.assign({},r({backgroundColor:o.palette.warning.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.warning.dark,color:o.palette.onSurface.os0}))),"info"===e.color&&Object.assign({},r({backgroundColor:o.palette.info.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.info.dark,color:o.palette.onSurface.os0}))),"inherit"===e.color&&Object.assign({},r({backgroundColor:o.palette.transparent.secondary,color:"currentColor"},{backgroundColor:o.palette.surface.primary}))),{"&.Mui-disabled":Object.assign({color:o.palette.disabled.tertiary,backgroundColor:o.palette.disabled.secondary},"dark"===o.palette.mode&&{backgroundColor:o.palette.onSurface.os800})}),text:({theme:o,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r({backgroundColor:"transparent"},{backgroundColor:["white","inherit"].includes(e.color)?o.palette.transparent.tertiary:o.palette.surface.primary})),("primary"===e.color||"success"===e.color)&&{color:o.palette.brand.secondary}),"secondary"===e.color&&{color:o.palette.text.primary}),"white"===e.color&&{color:o.palette.onSurface.os0}),{"&.Mui-disabled":{color:o.palette.disabled.primary}}),outlined:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"&, &:hover, &.Mui-disabled":{borderWidth:"2px"}},o(2)),{borderStyle:"solid",padding:"12px 22px"}),"small"===t.size&&Object.assign(Object.assign({"&, &:hover, &.Mui-disabled":{borderWidth:"1px"}},o(1)),{padding:"7px 13px"})),"large"===t.size&&{padding:"13px 23px"}),("primary"===t.color||"success"===t.color)&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.brand.secondary,borderColor:e.palette.brand.secondary},{backgroundColor:e.palette.surface.primary,color:e.palette.brand.secondary}))),"secondary"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.text.primary,borderColor:e.palette.text.primary},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary}))),"white"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.onSurface.os0,borderColor:e.palette.onSurface.os0},{backgroundColor:e.palette.transparent.tertiary,color:e.palette.onSurface.os0}))),"error"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.error.main,borderColor:e.palette.error.main},{backgroundColor:e.palette.surface.primary,color:e.palette.error.main}))),"warning"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.warning.main,borderColor:e.palette.warning.main},{backgroundColor:e.palette.surface.primary,color:e.palette.warning.main}))),"info"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.info.main,borderColor:e.palette.info.main},{backgroundColor:e.palette.surface.primary,color:e.palette.info.main}))),"inherit"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:"currentColor",borderColor:"currentColor"},{backgroundColor:e.palette.surface.primary}))),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})},variants:[{props:{color:"surface"},style:({theme:e})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===e.palette.mode?e.palette.transparent.quarternary:e.palette.onSurface.os100}`},o(1)),r({backgroundColor:e.palette.surface.primary,color:e.palette.text.primary},{backgroundColor:e.palette.surface.secondary,color:e.palette.text.primary})),{"&.Mui-disabled":{backgroundColor:e.palette.surface.secondary,borderColor:e.palette.surface.secondary,color:e.palette.disabled.primary}})},{props:{variant:"contained",color:"surface"},style:()=>({padding:"13px 23px"})},{props:{variant:"contained",color:"surface",size:"small"},style:()=>({padding:"7px 13px"})},{props:{variant:"contained",color:"surface",size:"large"},style:()=>({padding:"14px 24px"})},{props:{variant:"outlined",color:"surface"},style:()=>Object.assign({borderWidth:2},o(2))},{props:{variant:"text",color:"surface"},style:()=>Object.assign({borderWidth:0,backgroundColor:"transparent"},o())},{props:{variant:"navigation"},style:({theme:o})=>Object.assign(Object.assign({padding:"0",fontSize:"14px",borderRadius:"2px",letterSpacing:"0.02em",fontWeight:"400",lineHeight:"20px","& .MuiButton-icon":{transition:"transform 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"17px"}},"& .MuiButton-startIcon":{marginRight:"6px"},"& .MuiButton-endIcon":{marginLeft:"6px"},"&::before":{inset:"-4px -8px"}},r({backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os0:o.palette.onSurface.os900,"& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-startIcon":{transform:"translateX(-8px)"},"& .MuiButton-endIcon":{transform:"translateX(8px)"}})),{"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"navigation",color:"primary"},style:({theme:o})=>Object.assign({},r({color:o.palette.primary.main},{color:o.palette.brandHover.primary}))},{props:{variant:"navigation",color:"surface"},style:{border:"none","&&::before":{inset:"-4px -8px"}}},{props:{variant:"navigation",color:"white"},style:({theme:o})=>Object.assign({},r({color:o.palette.onSurface.os0},{color:o.palette.onSurface.os300}))},{props:{variant:"navigation",color:"error"},style:({theme:o})=>Object.assign({},r({color:o.palette.error.main},{color:o.palette.error.dark}))},{props:{variant:"shortcut"},style:({theme:o})=>Object.assign(Object.assign({"&, &:active":{color:o.palette.text.primary,backgroundColor:"transparent"},borderRadius:"3px",padding:"2px 8px",textAlign:"left",fontWeight:"300",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em","&&":{textDecoration:"underline",textDecorationColor:"currentColor",textDecorationThickness:"1px",textUnderlineOffset:"2px"},"&& .MuiButton-icon":{transition:"transform 0.3s ease-out"}},r({backgroundColor:"transparent",color:o.palette.text.primary,"& .MuiButton-icon":{transform:"scale(1.0)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-icon":{transform:"scale(1.1)"}})),{[o.breakpoints.down("md")]:{fontSize:"14px","& .MuiButton-icon":{"& .MuiSvgIcon-root":{fontSize:"18px"}}},"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"shortcut",fullWidth:!0},style:{justifyContent:"flex-start",textAlign:"left"}},{props:{variant:"shortcut",color:"inherit"},style:{"&, &:active, &:hover":{color:"currentColor"}}}]};export{t as flowButton};
+import{updateFocusRingStyle as o,getFocusRingStyle as e}from"../../components/focusring/focusring.js";import{getInteractiveStyle as r}from"./interactive.js";const t={defaultProps:{disableRipple:!0,disableElevation:!0,variant:"contained"},styleOverrides:{root:({theme:o,ownerState:r})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",textRendering:"geometricPrecision",outline:"none",minWidth:"44px",padding:"14px 24px",flexShrink:"0"},o.typography.button),{"& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"20px"}}}),"small"===r.size&&{padding:"8px 14px",fontSize:"14px",lineHeight:"16px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"17px"}}}),"large"===r.size&&{padding:"15px 25px",fontSize:"18px",lineHeight:"20px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"22px"}}}),{backgroundClip:"padding-box",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out",borderRadius:"1000px","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}}),e(o)),{"&.Mui-disabled":{opacity:"1"}}),startIcon:({ownerState:o})=>Object.assign(Object.assign({flexShrink:"0",marginRight:"10px",marginLeft:"0"},"small"===o.size&&{marginRight:"5px"}),"large"===o.size&&{marginRight:"15px"}),endIcon:({ownerState:o})=>Object.assign(Object.assign({flexShrink:"0",marginRight:"0",marginLeft:"10px"},"small"===o.size&&{marginLeft:"5px"}),"large"===o.size&&{marginLeft:"15px"}),contained:({theme:o,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},("primary"===e.color||"success"===e.color)&&Object.assign({},r({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900},{backgroundColor:o.palette.brandHover.secondary,color:o.palette.onSurface.os900}))),"secondary"===e.color&&Object.assign({},r({backgroundColor:o.palette.secondary.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.onSurface.os600,color:o.palette.onSurface.os0}))),"white"===e.color&&Object.assign({},r({backgroundColor:"transparent",color:o.palette.onSurface.os0},{backgroundColor:o.palette.transparent.tertiary,color:o.palette.onSurface.os0}))),"error"===e.color&&Object.assign({},r({backgroundColor:o.palette.error.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.error.dark,color:o.palette.onSurface.os0}))),"warning"===e.color&&Object.assign({},r({backgroundColor:o.palette.warning.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.warning.dark,color:o.palette.onSurface.os0}))),"info"===e.color&&Object.assign({},r({backgroundColor:o.palette.info.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.info.dark,color:o.palette.onSurface.os0}))),"inherit"===e.color&&Object.assign({},r({backgroundColor:o.palette.transparent.secondary,color:"currentColor"},{backgroundColor:o.palette.surface.primary}))),{"&.Mui-disabled":Object.assign({color:o.palette.disabled.tertiary,backgroundColor:o.palette.disabled.secondary},"dark"===o.palette.mode&&{backgroundColor:o.palette.onSurface.os800})}),text:({theme:o,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r({backgroundColor:"transparent"},{backgroundColor:["white","inherit"].includes(e.color)?o.palette.transparent.tertiary:o.palette.transparent.secondary})),("primary"===e.color||"success"===e.color)&&{color:o.palette.brand.secondary}),"secondary"===e.color&&{color:o.palette.text.primary}),"white"===e.color&&{color:o.palette.onSurface.os0}),{"&.Mui-disabled":{color:o.palette.disabled.primary}}),outlined:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"&, &:hover, &.Mui-disabled":{borderWidth:"2px"}},o(2)),{borderStyle:"solid",padding:"12px 22px"}),"small"===t.size&&Object.assign(Object.assign({"&, &:hover, &.Mui-disabled":{borderWidth:"1px"}},o(1)),{padding:"7px 13px"})),"large"===t.size&&{padding:"13px 23px"}),("primary"===t.color||"success"===t.color)&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.brand.secondary,borderColor:e.palette.brand.secondary},{backgroundColor:e.palette.transparent.secondary,color:e.palette.brand.secondary}))),"secondary"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.text.primary,borderColor:e.palette.text.primary},{backgroundColor:e.palette.transparent.secondary,color:e.palette.text.primary}))),"white"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.onSurface.os0,borderColor:e.palette.onSurface.os0},{backgroundColor:e.palette.transparent.tertiary,color:e.palette.onSurface.os0}))),"error"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.error.main,borderColor:e.palette.error.main},{backgroundColor:e.palette.transparent.secondary,color:e.palette.error.main}))),"warning"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.warning.main,borderColor:e.palette.warning.main},{backgroundColor:e.palette.transparent.secondary,color:e.palette.warning.main}))),"info"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.info.main,borderColor:e.palette.info.main},{backgroundColor:e.palette.transparent.secondary,color:e.palette.info.main}))),"inherit"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:"currentColor",borderColor:"currentColor"},{backgroundColor:e.palette.transparent.secondary}))),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})},variants:[{props:{color:"surface"},style:({theme:e})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===e.palette.mode?e.palette.transparent.quarternary:e.palette.onSurface.os100}`},o(1)),r({backgroundColor:e.palette.surface.primary,color:e.palette.text.primary},{backgroundColor:e.palette.surface.secondary,color:e.palette.text.primary})),{"&.Mui-disabled":{backgroundColor:e.palette.surface.secondary,borderColor:e.palette.surface.secondary,color:e.palette.disabled.primary}})},{props:{variant:"contained",color:"surface"},style:()=>({padding:"13px 23px"})},{props:{variant:"contained",color:"surface",size:"small"},style:()=>({padding:"7px 13px"})},{props:{variant:"contained",color:"surface",size:"large"},style:()=>({padding:"14px 24px"})},{props:{variant:"outlined",color:"surface"},style:()=>Object.assign({borderWidth:2},o(2))},{props:{variant:"text",color:"surface"},style:()=>Object.assign({borderWidth:0,backgroundColor:"transparent"},o())},{props:{variant:"navigation"},style:({theme:o})=>Object.assign(Object.assign({padding:"0",fontSize:"14px",borderRadius:"2px",letterSpacing:"0.02em",fontWeight:"400",lineHeight:"20px","& .MuiButton-icon":{transition:"transform 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"17px"}},"& .MuiButton-startIcon":{marginRight:"6px"},"& .MuiButton-endIcon":{marginLeft:"6px"},"&::before":{inset:"-4px -8px"}},r({backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os0:o.palette.onSurface.os900,"& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-startIcon":{transform:"translateX(-8px)"},"& .MuiButton-endIcon":{transform:"translateX(8px)"}})),{"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"navigation",color:"primary"},style:({theme:o})=>Object.assign({},r({color:o.palette.primary.main},{color:o.palette.brandHover.primary}))},{props:{variant:"navigation",color:"surface"},style:{border:"none","&&::before":{inset:"-4px -8px"}}},{props:{variant:"navigation",color:"white"},style:({theme:o})=>Object.assign({},r({color:o.palette.onSurface.os0},{color:o.palette.onSurface.os300}))},{props:{variant:"navigation",color:"error"},style:({theme:o})=>Object.assign({},r({color:o.palette.error.main},{color:o.palette.error.dark}))},{props:{variant:"shortcut"},style:({theme:o})=>Object.assign(Object.assign({"&, &:active":{color:o.palette.text.primary,backgroundColor:"transparent"},borderRadius:"3px",padding:"2px 8px",textAlign:"left",fontWeight:"300",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em","&&":{textDecoration:"underline",textDecorationColor:"currentColor",textDecorationThickness:"1px",textUnderlineOffset:"2px"},"&& .MuiButton-icon":{transition:"transform 0.3s ease-out"}},r({backgroundColor:"transparent",color:o.palette.text.primary,"& .MuiButton-icon":{transform:"scale(1.0)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-icon":{transform:"scale(1.1)"}})),{[o.breakpoints.down("md")]:{fontSize:"14px","& .MuiButton-icon":{"& .MuiSvgIcon-root":{fontSize:"18px"}}},"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"shortcut",fullWidth:!0},style:{justifyContent:"flex-start",textAlign:"left"}},{props:{variant:"shortcut",color:"inherit"},style:{"&, &:active, &:hover":{color:"currentColor"}}}]};export{t as flowButton};
 //# sourceMappingURL=button.theme.js.map

package/materialui/button/button.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.theme.js","sources":["../../../src/materialui/button/button.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowButton: Components<Theme>['MuiButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableElevation: true,\n    variant: 'contained',\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      boxShadow: 'none',\n      textRendering: 'geometricPrecision',\n      outline: 'none',\n      minWidth: '44px',\n      padding: '14px 24px',\n      flexShrink: '0',\n      // font\n      ...theme.typography.button,\n      // startIcon / endIcon\n      '& .MuiButton-icon': {\n        // make sure not to increase size of the Button due to padding\n        marginTop: '-2px',\n        marginBottom: '-2px',\n        // icon itself\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n      },\n      ...(ownerState.size === 'small' && {\n        padding: '8px 14px',\n        fontSize: '14px',\n        lineHeight: '16px',\n        // startIcon / endIcon\n        '& .MuiButton-icon': {\n          // make sure not to increase size of the Button due to padding\n          marginTop: '-2px',\n          marginBottom: '-2px',\n          // icon itself\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n        },\n      }),\n      ...(ownerState.size === 'large' && {\n        padding: '15px 25px',\n        fontSize: '18px',\n        lineHeight: '20px',\n        // startIcon / endIcon\n        '& .MuiButton-icon': {\n          // make sure not to increase size of the Button due to padding\n          marginTop: '-2px',\n          marginBottom: '-2px',\n          // icon itself\n          '& .MuiSvgIcon-root': {\n            fontSize: '22px',\n          },\n        },\n      }),\n      backgroundClip: 'padding-box',\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      '&:hover': {\n        boxShadow: 'none',\n      },\n      '&&:active': {\n        boxShadow: 'none',\n      },\n      // focused style\n      ...getFocusRingStyle(theme),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n      },\n    }),\n    startIcon: ({ ownerState }) => ({\n      flexShrink: '0',\n      // space between text and icon\n      marginRight: '10px',\n      marginLeft: '0',\n      ...(ownerState.size === 'small' && {\n        marginRight: '5px',\n      }),\n      ...(ownerState.size === 'large' && {\n        marginRight: '15px',\n      }),\n    }),\n    endIcon: ({ ownerState }) => ({\n      flexShrink: '0',\n      // space between text and icon\n      marginRight: '0',\n      marginLeft: '10px',\n      ...(ownerState.size === 'small' && {\n        marginLeft: '5px',\n      }),\n      ...(ownerState.size === 'large' && {\n        marginLeft: '15px',\n      }),\n    }),\n    contained: ({ theme, ownerState }) => ({\n      ...((ownerState.color === 'primary' || ownerState.color === 'success') && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.brand.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n          {\n            backgroundColor: theme.palette.brandHover.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'secondary' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.secondary.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.onSurface.os600,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'white' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.transparent.tertiary,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'error' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.error.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.error.dark,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'warning' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.warning.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.warning.dark,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.info.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.info.dark,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'inherit' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: 'currentColor',\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n        backgroundColor: theme.palette.disabled.secondary,\n        ...(theme.palette.mode === 'dark' && {\n          backgroundColor: theme.palette.onSurface.os800,\n        }),\n      },\n    }),\n    text: ({ theme, ownerState }) => ({\n      ...getInteractiveStyle(\n        {\n          backgroundColor: 'transparent',\n        },\n        {\n          backgroundColor: ['white', 'inherit'].includes(ownerState.color)\n            ? theme.palette.transparent.tertiary\n            : theme.palette.surface.primary,\n        },\n      ),\n      ...((ownerState.color === 'primary' || ownerState.color === 'success') && {\n        color: theme.palette.brand.secondary,\n      }),\n      ...(ownerState.color === 'secondary' && {\n        color: theme.palette.text.primary,\n      }),\n      ...(ownerState.color === 'white' && {\n        color: theme.palette.onSurface.os0,\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    outlined: ({ theme, ownerState }) => ({\n      '&, &:hover, &.Mui-disabled': {\n        borderWidth: '2px',\n      },\n      ...updateFocusRingStyle(2),\n      borderStyle: 'solid',\n      // remove 2px border from each side and move focusRing\n      padding: '12px 22px',\n      ...(ownerState.size === 'small' && {\n        '&, &:hover, &.Mui-disabled': {\n          borderWidth: '1px',\n        },\n        ...updateFocusRingStyle(1),\n        padding: '7px 13px',\n      }),\n      ...(ownerState.size === 'large' && {\n        padding: '13px 23px',\n      }),\n      // electric green variant\n      ...((ownerState.color === 'primary' || ownerState.color === 'success') && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.brand.secondary,\n            borderColor: theme.palette.brand.secondary,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.brand.secondary,\n          },\n        ),\n      }),\n      // secondary used as text color\n      ...(ownerState.color === 'secondary' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            borderColor: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'white' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n            borderColor: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.transparent.tertiary,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'error' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.error.main,\n            borderColor: theme.palette.error.main,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.error.main,\n          },\n        ),\n      }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'warning' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.warning.main,\n            borderColor: theme.palette.warning.main,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.warning.main,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.info.main,\n            borderColor: theme.palette.info.main,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.info.main,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'inherit' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: 'currentColor',\n            borderColor: 'currentColor',\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        borderColor: theme.palette.disabled.primary,\n        color: theme.palette.disabled.primary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { color: 'surface' },\n      style: ({ theme }) => ({\n        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n        ...updateFocusRingStyle(1),\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          backgroundColor: theme.palette.surface.secondary,\n          borderColor: theme.palette.surface.secondary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'contained', color: 'surface' },\n      style: () => ({\n        // remove 1px border from each side\n        padding: '13px 23px',\n      }),\n    },\n    {\n      props: { variant: 'contained', color: 'surface', size: 'small' },\n      style: () => ({\n        // remove 1px border from each side\n        padding: '7px 13px',\n      }),\n    },\n    {\n      props: { variant: 'contained', color: 'surface', size: 'large' },\n      style: () => ({\n        // remove 1px border from each side\n        padding: '14px 24px',\n      }),\n    },\n    {\n      props: { variant: 'outlined', color: 'surface' },\n      style: () => ({\n        borderWidth: 2,\n        ...updateFocusRingStyle(2),\n      }),\n    },\n    {\n      props: { variant: 'text', color: 'surface' },\n      style: () => ({\n        borderWidth: 0,\n        backgroundColor: 'transparent',\n        ...updateFocusRingStyle(),\n      }),\n    },\n    {\n      props: { variant: 'navigation' },\n      style: ({ theme }) => ({\n        padding: '0',\n        fontSize: '14px',\n        borderRadius: '2px',\n        letterSpacing: '0.02em',\n        fontWeight: '400',\n        lineHeight: '20px',\n        '& .MuiButton-icon': {\n          transition: 'transform 0.3s ease-out',\n          // icon itself\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n        },\n        '& .MuiButton-startIcon': {\n          marginRight: '6px',\n        },\n        '& .MuiButton-endIcon': {\n          marginLeft: '6px',\n        },\n        // prepare pseudo-element for focus effect\n        '&::before': {\n          inset: '-4px -8px',\n        },\n        // same style is used in the quickLink interactive effect\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os0 : theme.palette.onSurface.os900,\n            '& .MuiButton-startIcon': {\n              transform: 'translateX(0px)',\n            },\n            '& .MuiButton-endIcon': {\n              transform: 'translateX(0px)',\n            },\n          },\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n            '& .MuiButton-startIcon': {\n              transform: 'translateX(-8px)',\n            },\n            '& .MuiButton-endIcon': {\n              transform: 'translateX(8px)',\n            },\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'navigation', color: 'primary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.primary.main,\n          },\n          {\n            color: theme.palette.brandHover.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'navigation', color: 'surface' },\n      style: {\n        border: 'none',\n        '&&::before': {\n          inset: '-4px -8px',\n        },\n      },\n    },\n    {\n      props: { variant: 'navigation', color: 'white' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            color: theme.palette.onSurface.os300,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'navigation', color: 'error' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.error.main,\n          },\n          {\n            color: theme.palette.error.dark,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'shortcut' },\n      style: ({ theme }) => ({\n        '&, &:active': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'transparent',\n        },\n        // adjust proportions\n        borderRadius: '3px',\n        padding: '2px 8px',\n        // font\n        textAlign: 'left',\n        fontWeight: '300',\n        fontSize: '16px',\n        lineHeight: '24px',\n        letterSpacing: '0.02em',\n        '&&': {\n          textDecoration: 'underline',\n          textDecorationColor: 'currentColor',\n          textDecorationThickness: '1px',\n          textUnderlineOffset: '2px',\n        },\n        // startIcon / endIcon\n        '&& .MuiButton-icon': {\n          transition: 'transform 0.3s ease-out',\n        },\n        // style\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            '& .MuiButton-icon': {\n              transform: 'scale(1.0)',\n            },\n          },\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n            '& .MuiButton-icon': {\n              transform: 'scale(1.1)',\n            },\n          },\n        ),\n        // responsive scale\n        [theme.breakpoints.down('md')]: {\n          fontSize: '14px',\n          // startIcon / endIcon\n          '& .MuiButton-icon': {\n            // icon itself\n            '& .MuiSvgIcon-root': {\n              fontSize: '18px',\n            },\n          },\n        },\n        // disabled style\n        '&.Mui-disabled': {\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'shortcut', fullWidth: true },\n      style: {\n        // move content to left side from the center\n        justifyContent: 'flex-start',\n        textAlign: 'left',\n      },\n    },\n    {\n      props: { variant: 'shortcut', color: 'inherit' },\n      style: {\n        '&, &:active, &:hover': {\n          color: 'currentColor',\n        },\n      },\n    },\n  ],\n};\n"],"names":["flowButton","defaultProps","disableRipple","disableElevation","variant","styleOverrides","root","theme","ownerState","Object","assign","position","boxShadow","textRendering","outline","minWidth","padding","flexShrink","typography","button","marginTop","marginBottom","fontSize","size","lineHeight","backgroundClip","transition","borderRadius","getFocusRingStyle","opacity","startIcon","marginRight","marginLeft","endIcon","contained","color","getInteractiveStyle","backgroundColor","palette","brand","secondary","onSurface","os900","brandHover","main","os0","os600","transparent","tertiary","error","dark","warning","info","surface","primary","disabled","mode","os800","text","includes","outlined","borderWidth","updateFocusRingStyle","borderStyle","borderColor","variants","props","style","border","quarternary","os100","letterSpacing","fontWeight","inset","transform","os300","os700","textAlign","textDecoration","textDecorationColor","textDecorationThickness","textUnderlineOffset","breakpoints","down","fullWidth","justifyContent"],"mappings":"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"}
+{"version":3,"file":"button.theme.js","sources":["../../../src/materialui/button/button.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowButton: Components<Theme>['MuiButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableElevation: true,\n    variant: 'contained',\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      boxShadow: 'none',\n      textRendering: 'geometricPrecision',\n      outline: 'none',\n      minWidth: '44px',\n      padding: '14px 24px',\n      flexShrink: '0',\n      // font\n      ...theme.typography.button,\n      // startIcon / endIcon\n      '& .MuiButton-icon': {\n        // make sure not to increase size of the Button due to padding\n        marginTop: '-2px',\n        marginBottom: '-2px',\n        // icon itself\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n      },\n      ...(ownerState.size === 'small' && {\n        padding: '8px 14px',\n        fontSize: '14px',\n        lineHeight: '16px',\n        // startIcon / endIcon\n        '& .MuiButton-icon': {\n          // make sure not to increase size of the Button due to padding\n          marginTop: '-2px',\n          marginBottom: '-2px',\n          // icon itself\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n        },\n      }),\n      ...(ownerState.size === 'large' && {\n        padding: '15px 25px',\n        fontSize: '18px',\n        lineHeight: '20px',\n        // startIcon / endIcon\n        '& .MuiButton-icon': {\n          // make sure not to increase size of the Button due to padding\n          marginTop: '-2px',\n          marginBottom: '-2px',\n          // icon itself\n          '& .MuiSvgIcon-root': {\n            fontSize: '22px',\n          },\n        },\n      }),\n      backgroundClip: 'padding-box',\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      '&:hover': {\n        boxShadow: 'none',\n      },\n      '&&:active': {\n        boxShadow: 'none',\n      },\n      // focused style\n      ...getFocusRingStyle(theme),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n      },\n    }),\n    startIcon: ({ ownerState }) => ({\n      flexShrink: '0',\n      // space between text and icon\n      marginRight: '10px',\n      marginLeft: '0',\n      ...(ownerState.size === 'small' && {\n        marginRight: '5px',\n      }),\n      ...(ownerState.size === 'large' && {\n        marginRight: '15px',\n      }),\n    }),\n    endIcon: ({ ownerState }) => ({\n      flexShrink: '0',\n      // space between text and icon\n      marginRight: '0',\n      marginLeft: '10px',\n      ...(ownerState.size === 'small' && {\n        marginLeft: '5px',\n      }),\n      ...(ownerState.size === 'large' && {\n        marginLeft: '15px',\n      }),\n    }),\n    contained: ({ theme, ownerState }) => ({\n      ...((ownerState.color === 'primary' || ownerState.color === 'success') && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.brand.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n          {\n            backgroundColor: theme.palette.brandHover.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'secondary' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.secondary.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.onSurface.os600,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'white' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.transparent.tertiary,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'error' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.error.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.error.dark,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'warning' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.warning.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.warning.dark,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.info.main,\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.info.dark,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'inherit' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: 'currentColor',\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n        backgroundColor: theme.palette.disabled.secondary,\n        ...(theme.palette.mode === 'dark' && {\n          backgroundColor: theme.palette.onSurface.os800,\n        }),\n      },\n    }),\n    text: ({ theme, ownerState }) => ({\n      ...getInteractiveStyle(\n        {\n          backgroundColor: 'transparent',\n        },\n        {\n          backgroundColor: ['white', 'inherit'].includes(ownerState.color)\n            ? theme.palette.transparent.tertiary\n            : theme.palette.transparent.secondary,\n        },\n      ),\n      ...((ownerState.color === 'primary' || ownerState.color === 'success') && {\n        color: theme.palette.brand.secondary,\n      }),\n      ...(ownerState.color === 'secondary' && {\n        color: theme.palette.text.primary,\n      }),\n      ...(ownerState.color === 'white' && {\n        color: theme.palette.onSurface.os0,\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    outlined: ({ theme, ownerState }) => ({\n      '&, &:hover, &.Mui-disabled': {\n        borderWidth: '2px',\n      },\n      ...updateFocusRingStyle(2),\n      borderStyle: 'solid',\n      // remove 2px border from each side and move focusRing\n      padding: '12px 22px',\n      ...(ownerState.size === 'small' && {\n        '&, &:hover, &.Mui-disabled': {\n          borderWidth: '1px',\n        },\n        ...updateFocusRingStyle(1),\n        padding: '7px 13px',\n      }),\n      ...(ownerState.size === 'large' && {\n        padding: '13px 23px',\n      }),\n      // electric green variant\n      ...((ownerState.color === 'primary' || ownerState.color === 'success') && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.brand.secondary,\n            borderColor: theme.palette.brand.secondary,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: theme.palette.brand.secondary,\n          },\n        ),\n      }),\n      // secondary used as text color\n      ...(ownerState.color === 'secondary' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            borderColor: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'white' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n            borderColor: theme.palette.onSurface.os0,\n          },\n          {\n            backgroundColor: theme.palette.transparent.tertiary,\n            color: theme.palette.onSurface.os0,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'error' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.error.main,\n            borderColor: theme.palette.error.main,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: theme.palette.error.main,\n          },\n        ),\n      }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'warning' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.warning.main,\n            borderColor: theme.palette.warning.main,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: theme.palette.warning.main,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.info.main,\n            borderColor: theme.palette.info.main,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n            color: theme.palette.info.main,\n          },\n        ),\n      }),\n      ...(ownerState.color === 'inherit' && {\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: 'currentColor',\n            borderColor: 'currentColor',\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n        ),\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        borderColor: theme.palette.disabled.primary,\n        color: theme.palette.disabled.primary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { color: 'surface' },\n      style: ({ theme }) => ({\n        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n        ...updateFocusRingStyle(1),\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          backgroundColor: theme.palette.surface.secondary,\n          borderColor: theme.palette.surface.secondary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'contained', color: 'surface' },\n      style: () => ({\n        // remove 1px border from each side\n        padding: '13px 23px',\n      }),\n    },\n    {\n      props: { variant: 'contained', color: 'surface', size: 'small' },\n      style: () => ({\n        // remove 1px border from each side\n        padding: '7px 13px',\n      }),\n    },\n    {\n      props: { variant: 'contained', color: 'surface', size: 'large' },\n      style: () => ({\n        // remove 1px border from each side\n        padding: '14px 24px',\n      }),\n    },\n    {\n      props: { variant: 'outlined', color: 'surface' },\n      style: () => ({\n        borderWidth: 2,\n        ...updateFocusRingStyle(2),\n      }),\n    },\n    {\n      props: { variant: 'text', color: 'surface' },\n      style: () => ({\n        borderWidth: 0,\n        backgroundColor: 'transparent',\n        ...updateFocusRingStyle(),\n      }),\n    },\n    {\n      props: { variant: 'navigation' },\n      style: ({ theme }) => ({\n        padding: '0',\n        fontSize: '14px',\n        borderRadius: '2px',\n        letterSpacing: '0.02em',\n        fontWeight: '400',\n        lineHeight: '20px',\n        '& .MuiButton-icon': {\n          transition: 'transform 0.3s ease-out',\n          // icon itself\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n        },\n        '& .MuiButton-startIcon': {\n          marginRight: '6px',\n        },\n        '& .MuiButton-endIcon': {\n          marginLeft: '6px',\n        },\n        // prepare pseudo-element for focus effect\n        '&::before': {\n          inset: '-4px -8px',\n        },\n        // same style is used in the quickLink interactive effect\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os0 : theme.palette.onSurface.os900,\n            '& .MuiButton-startIcon': {\n              transform: 'translateX(0px)',\n            },\n            '& .MuiButton-endIcon': {\n              transform: 'translateX(0px)',\n            },\n          },\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n            '& .MuiButton-startIcon': {\n              transform: 'translateX(-8px)',\n            },\n            '& .MuiButton-endIcon': {\n              transform: 'translateX(8px)',\n            },\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'navigation', color: 'primary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.primary.main,\n          },\n          {\n            color: theme.palette.brandHover.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'navigation', color: 'surface' },\n      style: {\n        border: 'none',\n        '&&::before': {\n          inset: '-4px -8px',\n        },\n      },\n    },\n    {\n      props: { variant: 'navigation', color: 'white' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            color: theme.palette.onSurface.os300,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'navigation', color: 'error' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.error.main,\n          },\n          {\n            color: theme.palette.error.dark,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'shortcut' },\n      style: ({ theme }) => ({\n        '&, &:active': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'transparent',\n        },\n        // adjust proportions\n        borderRadius: '3px',\n        padding: '2px 8px',\n        // font\n        textAlign: 'left',\n        fontWeight: '300',\n        fontSize: '16px',\n        lineHeight: '24px',\n        letterSpacing: '0.02em',\n        '&&': {\n          textDecoration: 'underline',\n          textDecorationColor: 'currentColor',\n          textDecorationThickness: '1px',\n          textUnderlineOffset: '2px',\n        },\n        // startIcon / endIcon\n        '&& .MuiButton-icon': {\n          transition: 'transform 0.3s ease-out',\n        },\n        // style\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.text.primary,\n            '& .MuiButton-icon': {\n              transform: 'scale(1.0)',\n            },\n          },\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n            '& .MuiButton-icon': {\n              transform: 'scale(1.1)',\n            },\n          },\n        ),\n        // responsive scale\n        [theme.breakpoints.down('md')]: {\n          fontSize: '14px',\n          // startIcon / endIcon\n          '& .MuiButton-icon': {\n            // icon itself\n            '& .MuiSvgIcon-root': {\n              fontSize: '18px',\n            },\n          },\n        },\n        // disabled style\n        '&.Mui-disabled': {\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'shortcut', fullWidth: true },\n      style: {\n        // move content to left side from the center\n        justifyContent: 'flex-start',\n        textAlign: 'left',\n      },\n    },\n    {\n      props: { variant: 'shortcut', color: 'inherit' },\n      style: {\n        '&, &:active, &:hover': {\n          color: 'currentColor',\n        },\n      },\n    },\n  ],\n};\n"],"names":["flowButton","defaultProps","disableRipple","disableElevation","variant","styleOverrides","root","theme","ownerState","Object","assign","position","boxShadow","textRendering","outline","minWidth","padding","flexShrink","typography","button","marginTop","marginBottom","fontSize","size","lineHeight","backgroundClip","transition","borderRadius","getFocusRingStyle","opacity","startIcon","marginRight","marginLeft","endIcon","contained","color","getInteractiveStyle","backgroundColor","palette","brand","secondary","onSurface","os900","brandHover","main","os0","os600","transparent","tertiary","error","dark","warning","info","surface","primary","disabled","mode","os800","text","includes","outlined","borderWidth","updateFocusRingStyle","borderStyle","borderColor","variants","props","style","border","quarternary","os100","letterSpacing","fontWeight","inset","transform","os300","os700","textAlign","textDecoration","textDecorationColor","textDecorationThickness","textUnderlineOffset","breakpoints","down","fullWidth","justifyContent"],"mappings":"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"}

package/materialui/button/interactive.d.ts

@@ -11,5 +11,6 @@ import { CSSObject } from '@mui/material';
  * @param hoverStyle - style applied on hover, focus, and selected (desktop only)
  * @param clickedStyle - (optional) style applied with click, defaults to defaultStyle
  * @param mobileStyle - (optional) extra style applied on mobile
+ * @param focusSelector - focus visible selector
  */
-export declare const getInteractiveStyle: (defaultStyle: CSSObject, hoverStyle: CSSObject, clickedStyle?: CSSObject, mobileStyle?: CSSObject) => CSSObject;
+export declare const getInteractiveStyle: (defaultStyle: CSSObject, hoverStyle: CSSObject, clickedStyle?: CSSObject, mobileStyle?: CSSObject, focusSelector?: string) => CSSObject;

package/materialui/button/interactive.js

@@ -1,2 +1,2 @@
-const e=(e,i,s,t)=>Object.assign(Object.assign({},e),{"&:hover, &.Mui-focusVisible, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected.Mui-focusVisible":Object.assign({},i),"&:active, &.Mui-selected:active":Object.assign({},s||e),"@media (pointer: coarse)":Object.assign(Object.assign({"&:hover:not(:active):not(.Mui-focusVisible):not(.Mui-selected)":Object.assign({},e)},!s&&{"&:active, &.Mui-selected:active":Object.assign({},i)}),t)});export{e as getInteractiveStyle};
+const e=(e,s,t,i,c=".Mui-focusVisible")=>Object.assign(Object.assign({},e),{[`&:hover, &${c}, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected${c}`]:Object.assign({},s),"&:active, &.Mui-selected:active":Object.assign({},t||e),"@media (pointer: coarse)":Object.assign(Object.assign({[`&:hover:not(:active):not(${c}):not(.Mui-selected)`]:Object.assign({},e)},!t&&{"&:active, &.Mui-selected:active":Object.assign({},s)}),i)});export{e as getInteractiveStyle};
 //# sourceMappingURL=interactive.js.map

package/materialui/button/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","sources":["../../../src/materialui/button/interactive.ts"],"sourcesContent":["import { CSSObject } from '@mui/material';\n\n/**\n * Style for interactive elements like list and buttons. Usage in theme as:\n *  ...getInteractiveStyle(\n *   { backgroundColor: 'transparent' },\n *   { backgroundColor: theme.palette.surface.primary },\n *   { backgroundColor: theme.palette.surface.secondary },\n *  ),\n *\n * @param defaultStyle - default applied style\n * @param hoverStyle - style applied on hover, focus, and selected (desktop only)\n * @param clickedStyle - (optional) style applied with click, defaults to defaultStyle\n * @param mobileStyle - (optional) extra style applied on mobile\n */\nexport const getInteractiveStyle = (\n  defaultStyle: CSSObject,\n  hoverStyle: CSSObject,\n  clickedStyle?: CSSObject,\n  mobileStyle?: CSSObject,\n): CSSObject => ({\n  ...defaultStyle,\n  // hover, focus, selected\n  '&:hover, &.Mui-focusVisible, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected.Mui-focusVisible': {\n    ...hoverStyle,\n  },\n  // click effect\n  '&:active, &.Mui-selected:active': {\n    ...(clickedStyle || defaultStyle),\n  },\n  // mobile behavior (detected by pointer to include most of the devices)\n  '@media (pointer: coarse)': {\n    // remove hover state\n    '&:hover:not(:active):not(.Mui-focusVisible):not(.Mui-selected)': {\n      ...defaultStyle,\n    },\n    // in case of no clickedStyle, use hover style\n    ...(!clickedStyle && {\n      '&:active, &.Mui-selected:active': {\n        ...hoverStyle,\n      },\n    }),\n    // optional extra styling\n    ...mobileStyle,\n  },\n});\n"],"names":["getInteractiveStyle","defaultStyle","hoverStyle","clickedStyle","mobileStyle","Object","assign"],"mappings":"AAea,MAAAA,EAAsB,CACjCC,EACAC,EACAC,EACAC,mCAEGH,GAAY,CAEf,sHACKC,GAGL,kCACKG,OAAAC,OAAA,CAAA,EAACH,GAAgBF,GAGtB,2BAA0BI,OAAAC,OAAAD,OAAAC,OAAA,CAExB,kFACKL,KAGAE,GAAgB,CACnB,kCAAiCE,OAAAC,OAAA,CAAA,EAC5BJ,KAIJE"}
+{"version":3,"file":"interactive.js","sources":["../../../src/materialui/button/interactive.ts"],"sourcesContent":["import { CSSObject } from '@mui/material';\n\n/**\n * Style for interactive elements like list and buttons. Usage in theme as:\n *  ...getInteractiveStyle(\n *   { backgroundColor: 'transparent' },\n *   { backgroundColor: theme.palette.surface.primary },\n *   { backgroundColor: theme.palette.surface.secondary },\n *  ),\n *\n * @param defaultStyle - default applied style\n * @param hoverStyle - style applied on hover, focus, and selected (desktop only)\n * @param clickedStyle - (optional) style applied with click, defaults to defaultStyle\n * @param mobileStyle - (optional) extra style applied on mobile\n * @param focusSelector - focus visible selector\n */\nexport const getInteractiveStyle = (\n  defaultStyle: CSSObject,\n  hoverStyle: CSSObject,\n  clickedStyle?: CSSObject,\n  mobileStyle?: CSSObject,\n  focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n  ...defaultStyle,\n  // hover, focus, selected\n  [`&:hover, &${focusSelector}, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected${focusSelector}`]: {\n    ...hoverStyle,\n  },\n  // click effect\n  '&:active, &.Mui-selected:active': {\n    ...(clickedStyle || defaultStyle),\n  },\n  // mobile behavior (detected by pointer to include most of the devices)\n  '@media (pointer: coarse)': {\n    // remove hover state\n    [`&:hover:not(:active):not(${focusSelector}):not(.Mui-selected)`]: {\n      ...defaultStyle,\n    },\n    // in case of no clickedStyle, use hover style\n    ...(!clickedStyle && {\n      '&:active, &.Mui-selected:active': {\n        ...hoverStyle,\n      },\n    }),\n    // optional extra styling\n    ...mobileStyle,\n  },\n});\n"],"names":["getInteractiveStyle","defaultStyle","hoverStyle","clickedStyle","mobileStyle","focusSelector","Object","assign"],"mappings":"MAgBaA,EAAsB,CACjCC,EACAC,EACAC,EACAC,EACAC,EAAgB,qDAEbJ,GAAY,CAEf,CAAC,aAAaI,0DAAsEA,sBAC/EH,GAGL,kCACKI,OAAAC,OAAA,CAAA,EAACJ,GAAgBF,GAGtB,2BAA0BK,OAAAC,OAAAD,OAAAC,OAAA,CAExB,CAAC,4BAA4BF,yBAAoCC,OAAAC,OAAA,GAC5DN,KAGAE,GAAgB,CACnB,kCAAiCG,OAAAC,OAAA,CAAA,EAC5BL,KAIJE"}

package/materialui/card/Card.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as s,useMemo as i,Fragment as r}from"react";import{CardActionArea as c,Paper as t,Box as a}from"@mui/material";import{CheckIcon as l}from"../../components/icon/stroke/CheckIcon.js";import{PlusIcon as p}from"../../components/icon/stroke/PlusIcon.js";import{MinusIcon as d}from"../../components/icon/stroke/MinusIcon.js";import{FlippingCardContent as b}from"./FlippingCardContent.js";import{updateFocusRingStyle as g}from"../../components/focusring/focusring.js";const f=s(((s,f)=>{var{children:m,isSelected:u,disableIcon:h=!0,iconSlots:j,iconPlacement:x="top-end",iconProps:O,hoverIconProps:v,iconWrapperProps:C,contentWrapperProps:I,flippingContent:k,isFlipped:y,flipOnHover:S,onClick:P,disabled:H,color:F,sx:z,flipping:M,selectable:W,cardSizing:w,link:B,href:R,handleSelection:N}=s,V=o(s,["children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","flippingContent","isFlipped","flipOnHover","onClick","disabled","color","sx","flipping","selectable","cardSizing","link","href","handleSelection"]);const q=I||{},{sx:A}=q,D=o(q,["sx"]),E=C||{},{sx:G}=E,J=o(E,["sx"]),K=O||{},{sx:L}=K,Q=o(K,["sx"]),T=v||{},{sx:U}=T,X=o(T,["sx"]),[Y,Z]=i((()=>B?[c,Object.assign({href:R,disabled:H},R?{component:"a"}:{})]:[r,{}]),[B]),{icon:$,selectedIcon:_,hoverIcon:oo,hoverSelectedIcon:eo}=Object.assign({icon:p,selectedIcon:l,hoverIcon:p,hoverSelectedIcon:d},j||{}),no=!H&&u?_:$,so=!H&&u?eo:oo;return e(t,Object.assign({color:F,sx:Object.assign(Object.assign({},"content"===w?{display:"inline-flex"}:{}),z),onClick:H?void 0:P},V,{ref:f,children:e(a,Object.assign({sx:Object.assign({borderRadius:"inherit",overflow:"hidden",height:"100%"},A)},D,{children:n(Y,Object.assign({},Z,{children:[!h&&n(a,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({border:1,borderColor:"onSurface.os100",backgroundColor:"secondary"===F?"surface.primary":"background.primary",borderRadius:"555px",p:"5px",width:"auto",height:"auto",transition:"none",position:"absolute"},x.includes("top")?{top:"16px"}:{}),x.includes("bottom")?{bottom:"16px"}:{}),x.includes("start")?{left:"16px"}:{}),x.includes("end")?{right:"16px"}:{}),G),{"&.MuiButtonBase-root":Object.assign(Object.assign({},g(1)),{"&:active":{transform:"none"},"&:hover":Object.assign(Object.assign({backgroundColor:"surface.primary"},"secondary"===F&&{backgroundColor:"surface.secondary",borderColor:"onSurface.os200"}),u&&{backgroundColor:"brandHover.primary",borderColor:"brandHover.primary"}),"&:hover, &.Mui-focusVisible":{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}}})}),className:"FlowCard-Icon-root"},J,{children:[e(no,Object.assign({"data-testid":"Card.Icon",sx:Object.assign({display:"block",fontSize:"20px"},L)},Q)),e(so,Object.assign({"data-testid":"Card.HoverIcon",sx:Object.assign({display:"none",fontSize:"20px"},U)},X))]})),m,M&&k&&e(b,{isFlipped:y,flipOnHover:S,disabled:H,children:k})]}))}))}))}));export{f as Card};
+import{__rest as o}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as r,useMemo as s,Fragment as i}from"react";import{CardActionArea as c,Paper as t,Box as a}from"@mui/material";import{CheckIcon as l}from"../../components/icon/stroke/CheckIcon.js";import{PlusIcon as p}from"../../components/icon/stroke/PlusIcon.js";import{MinusIcon as d}from"../../components/icon/stroke/MinusIcon.js";import{FlippingCardContent as b}from"./FlippingCardContent.js";import{updateFocusRingStyle as g}from"../../components/focusring/focusring.js";import{getInteractiveStyle as m}from"../button/interactive.js";const f=r(((r,f)=>{var{children:j,isSelected:u,disableIcon:O=!0,iconSlots:h,iconPlacement:x="top-end",iconProps:y,hoverIconProps:k,iconWrapperProps:C,contentWrapperProps:v,flippingContent:I,isFlipped:S,flipOnHover:P,onClick:H,disabled:w,color:F,sx:z,flipping:M,selectable:W,cardSizing:B,link:N,href:R,handleSelection:q}=r,A=o(r,["children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","flippingContent","isFlipped","flipOnHover","onClick","disabled","color","sx","flipping","selectable","cardSizing","link","href","handleSelection"]);const D=v||{},{sx:E}=D,G=o(D,["sx"]),J=C||{},{sx:K,className:L}=J,Q=o(J,["sx","className"]),T=y||{},{sx:U}=T,V=o(T,["sx"]),X=k||{},{sx:Y}=X,Z=o(X,["sx"]),[$,_]=s((()=>N?[c,Object.assign({href:R,disabled:w},R?{component:"a"}:{})]:[i,{}]),[N]),{icon:oo,selectedIcon:eo,hoverIcon:no,hoverSelectedIcon:ro}=Object.assign({icon:p,selectedIcon:l,hoverIcon:p,hoverSelectedIcon:d},h||{}),so=!w&&u?eo:oo,io=!w&&u?ro:no;return e(t,Object.assign({color:F,sx:Object.assign(Object.assign({},"content"===B?{display:"inline-flex"}:{}),z),onClick:w?void 0:H},A,{ref:f,children:e(a,Object.assign({sx:Object.assign({borderRadius:"inherit",overflow:"hidden",height:"100%"},E)},G,{children:n($,Object.assign({},_,{children:[!O&&n(a,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({border:1,borderColor:"onSurface.os100",backgroundColor:"background.primary"},"secondary"===F&&{backgroundColor:"surface.primary"}),{borderRadius:"555px",p:"5px",width:"auto",height:"auto",transition:"none",position:"absolute"}),x.includes("top")?{top:"16px"}:{}),x.includes("bottom")?{bottom:"16px"}:{}),x.includes("start")?{left:"16px"}:{}),x.includes("end")?{right:"16px"}:{}),K),{"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign({},g(1)),{"&:before":{transition:"none"}}),m(Object.assign(Object.assign(Object.assign({backgroundColor:"background.primary"},"secondary"===F&&{backgroundColor:"surface.primary"}),u&&{backgroundColor:"brand.primary",borderColor:"brand.primary",color:"common.white"}),{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}}),Object.assign(Object.assign(Object.assign({backgroundColor:"surface.primary"},"secondary"===F&&{backgroundColor:"surface.secondary"}),u&&{backgroundColor:"brandHover.primary",borderColor:"brandHover.primary",color:"common.white"}),{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}})))}),className:["FlowCard-Icon-root",L].filter(Boolean).join(", ")},Q,{children:[e(so,Object.assign({"data-testid":"Card.Icon",sx:Object.assign({display:"block",fontSize:"20px"},U)},V)),e(io,Object.assign({"data-testid":"Card.HoverIcon",sx:Object.assign({display:"none",fontSize:"20px"},Y)},Z))]})),j,M&&I&&e(b,{isFlipped:S,flipOnHover:P,disabled:w,children:I})]}))}))}))}));export{f as Card};
 //# sourceMappingURL=Card.js.map

package/materialui/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef, Fragment, useMemo } from 'react';\nimport { Paper, Box, CardProps, CardActionArea } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { FlippingCardContent } from '@/src/materialui/card/FlippingCardContent';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/**\n * Standard MUI Card extended with custom properties\n * Maintaining support for deprecated API\n */\nexport const Card: FC<CardProps> = forwardRef(\n  (\n    {\n      children,\n      isSelected,\n      disableIcon = true,\n      iconSlots,\n      iconPlacement = 'top-end',\n      iconProps,\n      hoverIconProps,\n      iconWrapperProps,\n      contentWrapperProps,\n      flippingContent,\n      isFlipped,\n      flipOnHover,\n      onClick,\n      disabled,\n      color,\n      sx,\n      // deprecated props\n      flipping,\n      selectable,\n      cardSizing,\n      link,\n      href,\n      handleSelection,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = contentWrapperProps || {};\n    const { sx: iconWrapperSx, ...restIconWrapper } = iconWrapperProps || {};\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps || {};\n    const [LinkWrapper, linkWrapperProps] = useMemo(\n      () => (link ? [CardActionArea, { href, disabled, ...(href ? { component: 'a' } : {}) }] : [Fragment, {}]),\n      [link],\n    );\n    const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n      icon: PlusIcon,\n      selectedIcon: CheckIcon,\n      hoverIcon: PlusIcon,\n      hoverSelectedIcon: MinusIcon,\n      ...(iconSlots || {}),\n    };\n    const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n    const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n\n    return (\n      <Paper\n        color={color}\n        sx={{ ...(cardSizing === 'content' ? { display: 'inline-flex' } : {}), ...sx }}\n        onClick={!disabled ? onClick : undefined}\n        {...rest}\n        ref={ref}\n      >\n        <Box sx={{ borderRadius: 'inherit', overflow: 'hidden', height: '100%', ...wrapperSx }} {...restWrapper}>\n          <LinkWrapper {...linkWrapperProps}>\n            {!disableIcon && (\n              <Box\n                sx={{\n                  // circle\n                  border: 1,\n                  borderColor: 'onSurface.os100',\n                  backgroundColor: color === 'secondary' ? 'surface.primary' : 'background.primary',\n                  borderRadius: '555px',\n                  p: '5px',\n                  // overwrite IconButton style\n                  width: 'auto',\n                  height: 'auto',\n                  transition: 'none',\n                  // hover effect is controlled by card.theme\n                  // placement\n                  position: 'absolute',\n                  ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n                  ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n                  ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n                  ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n                  ...iconWrapperSx,\n                  // Box overwritten to button\n                  '&.MuiButtonBase-root': {\n                    ...updateFocusRingStyle(1),\n                    '&:active': {\n                      transform: 'none',\n                    },\n                    '&:hover': {\n                      backgroundColor: 'surface.primary',\n                      ...(color === 'secondary' && {\n                        backgroundColor: 'surface.secondary',\n                        borderColor: 'onSurface.os200',\n                      }),\n                      ...(isSelected && {\n                        backgroundColor: 'brandHover.primary',\n                        borderColor: 'brandHover.primary',\n                      }),\n                    },\n                    '&:hover, &.Mui-focusVisible': {\n                      // flip icon being shown\n                      '& .MuiSvgIcon-root': {\n                        '&:first-of-type': {\n                          display: 'none',\n                        },\n                        '&:last-of-type': {\n                          display: 'block',\n                        },\n                      },\n                    },\n                  },\n                }}\n                className=\"FlowCard-Icon-root\"\n                {...restIconWrapper}\n              >\n                <IconComponent\n                  data-testid=\"Card.Icon\"\n                  sx={{ display: 'block', fontSize: '20px', ...iconSx }}\n                  {...restIcon}\n                />\n                <HoverIconComponent\n                  data-testid=\"Card.HoverIcon\"\n                  sx={{ display: 'none', fontSize: '20px', ...hoverIconSx }}\n                  {...restHoverIcon}\n                />\n              </Box>\n            )}\n            {children}\n            {flipping && flippingContent && (\n              <FlippingCardContent isFlipped={isFlipped} flipOnHover={flipOnHover} disabled={disabled}>\n                {flippingContent}\n              </FlippingCardContent>\n            )}\n          </LinkWrapper>\n        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["Card","forwardRef","_a","ref","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","flippingContent","isFlipped","flipOnHover","onClick","disabled","color","sx","flipping","selectable","cardSizing","link","href","handleSelection","rest","__rest","_b","wrapperSx","restWrapper","_c","iconWrapperSx","restIconWrapper","_d","iconSx","restIcon","_e","hoverIconSx","restHoverIcon","LinkWrapper","linkWrapperProps","useMemo","CardActionArea","Object","assign","component","Fragment","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","display","undefined","Box","borderRadius","overflow","height","_jsxs","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","transform","className","fontSize","FlippingCardContent"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef, Fragment, useMemo } from 'react';\nimport { Paper, Box, CardProps, CardActionArea } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { FlippingCardContent } from '@/src/materialui/card/FlippingCardContent';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Standard MUI Card extended with custom properties\n * Maintaining support for deprecated API\n */\nexport const Card: FC<CardProps> = forwardRef(\n  (\n    {\n      children,\n      isSelected,\n      disableIcon = true,\n      iconSlots,\n      iconPlacement = 'top-end',\n      iconProps,\n      hoverIconProps,\n      iconWrapperProps,\n      contentWrapperProps,\n      flippingContent,\n      isFlipped,\n      flipOnHover,\n      onClick,\n      disabled,\n      color,\n      sx,\n      // deprecated props\n      flipping,\n      selectable,\n      cardSizing,\n      link,\n      href,\n      handleSelection,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = contentWrapperProps || {};\n    const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps || {};\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps || {};\n    const [LinkWrapper, linkWrapperProps] = useMemo(\n      () => (link ? [CardActionArea, { href, disabled, ...(href ? { component: 'a' } : {}) }] : [Fragment, {}]),\n      [link],\n    );\n    const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n      icon: PlusIcon,\n      selectedIcon: CheckIcon,\n      hoverIcon: PlusIcon,\n      hoverSelectedIcon: MinusIcon,\n      ...(iconSlots || {}),\n    };\n    const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n    const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n\n    return (\n      <Paper\n        color={color}\n        sx={{ ...(cardSizing === 'content' ? { display: 'inline-flex' } : {}), ...sx }}\n        onClick={!disabled ? onClick : undefined}\n        {...rest}\n        ref={ref}\n      >\n        <Box sx={{ borderRadius: 'inherit', overflow: 'hidden', height: '100%', ...wrapperSx }} {...restWrapper}>\n          <LinkWrapper {...linkWrapperProps}>\n            {!disableIcon && (\n              <Box\n                sx={{\n                  // circle\n                  border: 1,\n                  borderColor: 'onSurface.os100',\n                  backgroundColor: 'background.primary',\n                  ...(color === 'secondary' && {\n                    backgroundColor: 'surface.primary',\n                  }),\n                  borderRadius: '555px',\n                  p: '5px',\n                  // reset IconButton style\n                  width: 'auto',\n                  height: 'auto',\n                  transition: 'none',\n                  // interactive and selected effect is controlled by card.theme\n                  // placement\n                  position: 'absolute',\n                  ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n                  ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n                  ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n                  ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n                  ...iconWrapperSx,\n                  // Box overwritten to button\n                  '&.MuiButtonBase-root': {\n                    ...updateFocusRingStyle(1),\n                    // remove smooth transition effect to match card behavior\n                    '&:before': {\n                      transition: 'none',\n                    },\n                    // same style is also applied in card.theme\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'background.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.primary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brand.primary',\n                          borderColor: 'brand.primary',\n                          color: 'common.white',\n                        }),\n                        '& .MuiSvgIcon-root': {\n                          '&:first-of-type': {\n                            display: 'block',\n                          },\n                          '&:last-of-type': {\n                            display: 'none',\n                          },\n                        },\n                      },\n                      {\n                        backgroundColor: 'surface.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.secondary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brandHover.primary',\n                          borderColor: 'brandHover.primary',\n                          color: 'common.white',\n                        }),\n                        // flip icon being shown\n                        '& .MuiSvgIcon-root': {\n                          '&:first-of-type': {\n                            display: 'none',\n                          },\n                          '&:last-of-type': {\n                            display: 'block',\n                          },\n                        },\n                      },\n                    ),\n                  },\n                }}\n                className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(', ')}\n                {...restIconWrapper}\n              >\n                <IconComponent\n                  data-testid=\"Card.Icon\"\n                  sx={{ display: 'block', fontSize: '20px', ...iconSx }}\n                  {...restIcon}\n                />\n                <HoverIconComponent\n                  data-testid=\"Card.HoverIcon\"\n                  sx={{ display: 'none', fontSize: '20px', ...hoverIconSx }}\n                  {...restHoverIcon}\n                />\n              </Box>\n            )}\n            {children}\n            {flipping && flippingContent && (\n              <FlippingCardContent isFlipped={isFlipped} flipOnHover={flipOnHover} disabled={disabled}>\n                {flippingContent}\n              </FlippingCardContent>\n            )}\n          </LinkWrapper>\n        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["Card","forwardRef","_a","ref","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","flippingContent","isFlipped","flipOnHover","onClick","disabled","color","sx","flipping","selectable","cardSizing","link","href","handleSelection","rest","__rest","_b","wrapperSx","restWrapper","_c","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","_d","iconSx","restIcon","_e","hoverIconSx","restHoverIcon","LinkWrapper","linkWrapperProps","useMemo","CardActionArea","Object","assign","component","Fragment","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","display","undefined","Box","borderRadius","overflow","height","_jsxs","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","filter","Boolean","join","fontSize","FlippingCardContent"],"mappings":"+mBAaa,MAAAA,EAAsBC,GACjC,CACEC,EA0BAC,KA1BA,IAAAC,SACEA,EAAQC,WACRA,EAAUC,YACVA,GAAc,EAAIC,UAClBA,EAASC,cACTA,EAAgB,UAASC,UACzBA,EAASC,eACTA,EAAcC,iBACdA,EAAgBC,oBAChBA,EAAmBC,gBACnBA,EAAeC,UACfA,EAASC,YACTA,EAAWC,QACXA,EAAOC,SACPA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,SAEFA,EAAQC,WACRA,EAAUC,WACVA,EAAUC,KACVA,EAAIC,KACJA,EAAIC,gBACJA,GAEDvB,EADIwB,EAAIC,EAAAzB,EAxBT,8RA4BA,MAAM0B,EAAoChB,GAAuB,IAAzDO,GAAIU,KAAcC,EAApBH,EAAAC,EAAA,CAAA,OACAG,EAA6EpB,GAAoB,CAAA,GAA/FQ,GAAIa,EAAeC,UAAWC,GAAmEH,EAA1CI,EAAzDR,EAAAI,EAAA,CAAA,KAAA,cACAK,EAA8B3B,GAAa,IAAzCU,GAAIkB,KAAWC,EAAjBX,EAAAS,EAAA,CAAA,OACAG,EAAwC7B,GAAkB,IAAxDS,GAAIqB,KAAgBC,EAAtBd,EAAAY,EAAA,CAAA,QACCG,EAAaC,GAAoBC,GACtC,IAAOrB,EAAO,CAACsB,EAAcC,OAAAC,OAAA,CAAIvB,OAAMP,YAAcO,EAAO,CAAEwB,UAAW,KAAQ,CAAA,IAAS,CAACC,EAAU,CAAE,IACvG,CAAC1B,KAEG2B,KAAEA,GAAIC,aAAEA,GAAYC,UAAEA,GAASC,kBAAEA,IACrCP,OAAAC,OAAA,CAAAG,KAAMI,EACNH,aAAcI,EACdH,UAAWE,EACXD,kBAAmBG,GACfjD,GAAa,IAEbkD,IAAiBxC,GAAYZ,EAAa8C,GAAeD,GACzDQ,IAAsBzC,GAAYZ,EAAagD,GAAoBD,GAEzE,OACEO,EAACC,EACCd,OAAAC,OAAA,CAAA7B,MAAOA,EACPC,GAAE2B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAuB,YAAfzB,EAA2B,CAAEuC,QAAS,eAAkB,IAAQ1C,GAC1EH,QAAUC,OAAqB6C,EAAV9C,GACjBU,EACJ,CAAAvB,IAAKA,WAELwD,EAACI,EAAIjB,OAAAC,OAAA,CAAA5B,kBAAM6C,aAAc,UAAWC,SAAU,SAAUC,OAAQ,QAAWrC,IAAiBC,EAAW,CAAA1B,SACrG+D,EAACzB,EAAWI,OAAAC,OAAA,GAAKJ,EAAgB,CAAAvC,SAAA,EAC7BE,GACA6D,EAACJ,iBACC5C,GAAE2B,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAqB,OAAQ,EACRC,YAAa,kBACbC,gBAAiB,sBACH,cAAVpD,GAAyB,CAC3BoD,gBAAiB,qBAEnBN,aAAc,QACdO,EAAG,MAEHC,MAAO,OACPN,OAAQ,OACRO,WAAY,OAGZC,SAAU,aACNlE,EAAcmE,SAAS,OAAS,CAAEC,IAAK,QAAW,CAAE,GACpDpE,EAAcmE,SAAS,UAAY,CAAEE,OAAQ,QAAW,CAAA,GACxDrE,EAAcmE,SAAS,SAAW,CAAEG,KAAM,QAAW,CAAA,GACrDtE,EAAcmE,SAAS,OAAS,CAAEI,MAAO,QAAW,CAAE,GACvD/C,GAAa,CAEhB,uBACKc,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAiC,EAAqB,IAAE,CAE1B,WAAY,CACVP,WAAY,UAGXQ,EAECnC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAuB,gBAAiB,sBACH,cAAVpD,GAAyB,CAC3BoD,gBAAiB,oBAEfjE,GAAc,CAChBiE,gBAAiB,gBACjBD,YAAa,gBACbnD,MAAO,iBACP,CACF,qBAAsB,CACpB,kBAAmB,CACjB2C,QAAS,SAEX,iBAAkB,CAChBA,QAAS,WAKbf,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAuB,gBAAiB,mBACH,cAAVpD,GAAyB,CAC3BoD,gBAAiB,sBAEfjE,GAAc,CAChBiE,gBAAiB,qBACjBD,YAAa,qBACbnD,MAAO,iBACP,CAEF,qBAAsB,CACpB,kBAAmB,CACjB2C,QAAS,QAEX,iBAAkB,CAChBA,QAAS,gBAOrB5B,UAAW,CAAC,qBAAsBC,GAAsBgD,OAAOC,SAASC,KAAK,OACzEjD,EAEJ,CAAA/B,SAAA,CAAAuD,EAACF,GACaX,OAAAC,OAAA,CAAA,cAAA,YACZ5B,GAAE2B,OAAAC,OAAA,CAAIc,QAAS,QAASwB,SAAU,QAAWhD,IACzCC,IAENqB,EAACD,gCACa,iBACZvC,GAAM2B,OAAAC,OAAA,CAAAc,QAAS,OAAQwB,SAAU,QAAW7C,IACxCC,QAITrC,EACAgB,GAAYP,GACX8C,EAAC2B,EAAmB,CAACxE,UAAWA,EAAWC,YAAaA,EAAaE,SAAUA,EAAQb,SACpFS,aAKH"}

package/materialui/card/FlippingCardContent.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BoxProps, SlideProps, CardContentProps } from '@mui/material';
+import { SlideProps, CardContentProps, ButtonBaseProps } from '@mui/material';
 export interface FlippingCardContentProps extends CardContentProps {
     disabled?: boolean;
     /**
@@ -15,7 +15,7 @@ export interface FlippingCardContentProps extends CardContentProps {
     /**
      * Properties applied to wrapper component
      */
-    containerProps?: BoxProps;
+    containerProps?: ButtonBaseProps;
     /**
      * Properties applied to <Slide /> component
      */