@skodaflow/web-library 7.16.1 → 8.0.1

package/cjs/materialui/accordion/AccordionSummaryExpandWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSummaryExpandWrapper.js","sources":["../../../../../src/materialui/accordion/AccordionSummaryExpandWrapper.tsx"],"sourcesContent":["import React, { FC, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, IconButton, useTheme, AccordionSummaryOwnerState } from '@mui/material';\n\n/**\n * AccordionSummary.slots.expandIconWrapper that replaces expand icon\n * Wrapper is used instead of expandIcon to gain access to ownerState\n */\nexport const FlowAccordionSummaryExpandWrapper: FC<\n  BoxProps<ElementType> & {\n    // @mui extend ownerState with expanded and disabled properties\n    // https://github.com/mui/material-ui/blob/master/packages/mui-material/src/AccordionSummary/AccordionSummary.js#L132\n    ownerState: AccordionSummaryOwnerState & { expanded: boolean; disabled: boolean; disableGutters: boolean };\n  }\n> = forwardRef(({ ownerState, children, ...rest }, ref) => {\n  const { expanded, disabled } = ownerState;\n  const theme = useTheme();\n\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        mr: '6px',\n        transform: 'rotate(0deg)',\n        transition: theme.transitions.create('transform', {\n          duration: theme.transitions.duration.shortest,\n        }),\n        '&.Mui-expanded': {\n          transform: 'rotate(180deg)',\n        },\n      }}\n      ref={ref}\n      {...rest}\n    >\n      <IconButton\n        aria-label=\"Toggle accordion\"\n        aria-expanded={expanded}\n        className=\"MuiAccordion-IconButton\"\n        color={theme.palette.mode === 'dark' ? 'white' : 'secondary'}\n        size=\"medium\"\n        disabled={disabled}\n      >\n        {children}\n      </IconButton>\n    </Box>\n  );\n});\n"],"names":["FlowAccordionSummaryExpandWrapper","forwardRef","_a","ref","ownerState","children","rest","__rest","expanded","disabled","theme","useTheme","_jsx","Box","Object","assign","component","sx","mr","transform","transition","transitions","create","duration","shortest","IconButton","className","color","palette","mode","size"],"mappings":"iHAOO,MAAMA,EAMTC,EAAAA,WAAW,CAACC,EAAmCC,SAAnCC,WAAEA,EAAUC,SAAEA,GAAQH,EAAKI,EAAIC,EAAAA,OAAAL,EAA/B,2BACd,MAAMM,SAAEA,EAAQC,SAAEA,GAAaL,EACzBM,EAAQC,EAAAA,WAEd,OACEC,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,OACVC,GAAI,CACFC,GAAI,MACJC,UAAW,eACXC,WAAYV,EAAMW,YAAYC,OAAO,YAAa,CAChDC,SAAUb,EAAMW,YAAYE,SAASC,WAEvC,iBAAkB,CAChBL,UAAW,mBAGfhB,IAAKA,GACDG,EAAI,CAAAD,SAERO,EAAAA,IAACa,aAAU,CAAA,aACE,mCACIjB,EACfkB,UAAU,0BACVC,MAA8B,SAAvBjB,EAAMkB,QAAQC,KAAkB,QAAU,YACjDC,KAAK,SACLrB,SAAUA,WAETJ"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("./AccordionSummaryExpandIcon.js");const o={defaultProps:{tabIndex:-1,component:"div",role:void 0,"aria-expanded":void 0,expandIcon:e.jsx(r.AccordionSummaryExpandIcon,{})},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:"dark"===e.palette.mode?e.palette.transparent.tertiary:e.palette.transparent.secondary}},"&.Mui-disabled":{opacity:"1","&, & .MuiAccordionSummary-expandIconWrapper":{color:e.palette.disabled.tertiary}}}),expandIconWrapper:{marginRight:"6px"}}};exports.flowAccordionSummary=o;
+"use strict";var e=require("react/jsx-runtime"),o=require("./AccordionSummaryExpandWrapper.js"),r=require("../../components/icon/stroke/ChevronDownIcon.js");const a={defaultProps:{tabIndex:-1,component:"div",role:void 0,"aria-expanded":void 0,expandIcon:e.jsx(r.ChevronDownIcon,{}),slots:{expandIconWrapper:o.FlowAccordionSummaryExpandWrapper}},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:"dark"===e.palette.mode?e.palette.transparent.tertiary:e.palette.transparent.secondary}},"&.Mui-disabled":{opacity:"1","&, & .MuiAccordionSummary-expandIconWrapper":{color:e.palette.disabled.tertiary}}})}};exports.flowAccordionSummary=a;
 //# sourceMappingURL=accordionSummary.theme.js.map

package/cjs/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    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:\n            theme.palette.mode === 'dark' ? theme.palette.transparent.tertiary : 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: {\n      // extra space to fit focus ring\n      marginRight: '6px',\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","tertiary","secondary","opacity","disabled","expandIconWrapper","marginRight"],"mappings":"6FAIO,MAAMA,EAAiE,CAC5EC,aAAc,CAEZC,UAAU,EAEVC,UAAW,MACXC,UAAMC,EACN,qBAAmBA,EAEnBC,WAAYC,EAAAA,IAACC,EAAAA,2BAA0B,KAEzCC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,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,gBACyB,SAAvBR,EAAMW,QAAQC,KAAkBZ,EAAMW,QAAQK,YAAYC,SAAWjB,EAAMW,QAAQK,YAAYE,YAIrG,iBAAkB,CAChBC,QAAS,IACT,8CAA+C,CAC7CT,MAAOV,EAAMW,QAAQS,SAASH,aAIpCI,kBAAmB,CAEjBC,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 { FlowAccordionSummaryExpandWrapper } from './AccordionSummaryExpandWrapper';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\nexport const flowAccordionSummary: Components<Theme>['MuiAccordionSummary'] = {\n  defaultProps: {\n    // prevent focusing AccordionSummary with tab, we focus IconButton inside\n    tabIndex: -1,\n    // changed to div to prevent Button in Button invalid html\n    component: 'div',\n    // removed unwanted a11y properties that are part of IconButton in wrapper\n    role: undefined,\n    ['aria-expanded']: undefined,\n    // change to Flow icon\n    expandIcon: <ChevronDownIcon />,\n    // extend wrapper with IconButton\n    slots: {\n      expandIconWrapper: FlowAccordionSummaryExpandWrapper,\n    },\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:\n            theme.palette.mode === 'dark' ? theme.palette.transparent.tertiary : 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  },\n};\n"],"names":["flowAccordionSummary","defaultProps","tabIndex","component","role","undefined","expandIcon","_jsx","ChevronDownIcon","slots","expandIconWrapper","FlowAccordionSummaryExpandWrapper","styleOverrides","root","theme","Object","assign","typography","subheadline","overflow","userSelect","padding","backgroundColor","transition","color","palette","mode","onSurface","os300","os700","transparent","tertiary","secondary","opacity","disabled"],"mappings":"6JAKO,MAAMA,EAAiE,CAC5EC,aAAc,CAEZC,UAAU,EAEVC,UAAW,MAEXC,UAAMC,EACN,qBAAmBA,EAEnBC,WAAYC,EAAAA,IAACC,EAAAA,gBAAe,IAE5BC,MAAO,CACLC,kBAAmBC,EAAAA,oCAGvBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,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,gBACyB,SAAvBR,EAAMW,QAAQC,KAAkBZ,EAAMW,QAAQK,YAAYC,SAAWjB,EAAMW,QAAQK,YAAYE,YAIrG,iBAAkB,CAChBC,QAAS,IACT,8CAA+C,CAC7CT,MAAOV,EAAMW,QAAQS,SAASH"}

package/cjs/materialui/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion, AccordionSummary, AccordionDetails, AccordionActions } from '@mui/material';
+export type { AccordionProps, AccordionSummaryProps, AccordionDetailsProps, AccordionActionsProps, } from '@mui/material';

package/cjs/materialui/alert/alert.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("../../components/icon/filled/CircleCheckFilledIcon.js"),t=require("../../components/icon/filled/CircleExclamationFilledIcon.js"),o=require("../../components/icon/filled/WarningFilledIcon.js"),n=require("../../components/icon/stroke/CloseIcon.js"),a=require("../../components/label/label.js");const r={defaultProps:{severity:"info",variant:"filled",iconMapping:{info:e.jsx(e.Fragment,{}),success:e.jsx(i.CircleCheckFilledIcon,{}),warning:e.jsx(t.CircleExclamationFilledIcon,{}),error:e.jsx(o.WarningFilledIcon,{}),notification:e.jsx(a.Label,{type:"indicator",variant:"neutral"})},slotProps:{closeIcon:{fontSize:"extraSmall"}},slots:{closeIcon:n.CloseIcon}},styleOverrides:{root:({theme:e,ownerState:i})=>Object.assign({display:"flex",alignItems:"stretch",justifyContent:"flex-start",flexWrap:"nowrap",textAlign:"left",backgroundColor:e.palette.onSurface.os900,color:e.palette.common.white,boxShadow:e.flowShadows.xs,[e.breakpoints.up("md")]:{minWidth:"0",boxShadow:e.flowShadows.m},[e.breakpoints.up("xl")]:{boxShadow:e.flowShadows.xl},borderRadius:"4px",padding:"8px 16px",minWidth:"0",width:"auto",maxWidth:"544px","&:has(.MuiAlert-message .MuiAlertTitle-root), &:has(.MuiAlert-message .MuiTypography-caption1)":{"& .MuiAlert-icon":{alignSelf:"flex-start"}}},"notification"===i.severity&&{backgroundColor:e.palette.background.primary,color:e.palette.text.primary}),outlined:{border:"none"},icon:({theme:e,ownerState:i})=>Object.assign(Object.assign(Object.assign({alignSelf:"center",display:"block",flexShrink:"0",position:"relative",opacity:"1",padding:"0",margin:"0",marginRight:"8px"},"info"===i.severity&&{display:"none"}),"notification"===i.severity&&{lineHeight:"14px"}),{"& .MuiSvgIcon-root":Object.assign(Object.assign(Object.assign({display:"block",fontSize:"18px"},"success"===i.severity&&{color:e.palette.brand.secondary}),"warning"===i.severity&&{color:e.palette.warning.main}),"error"===i.severity&&{color:e.palette.error.main})}),message:({theme:e})=>Object.assign(Object.assign({alignSelf:"center",flexGrow:"1"},e.typography.disclaimer1),{padding:"0",overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:"2","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"3"},[e.breakpoints.down("md")]:{WebkitLineClamp:"3","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"4"}}}),action:({theme:e})=>({flexShrink:"0",alignItems:"center",padding:"0",margin:"0",paddingLeft:"8px",marginLeft:"16px",marginRight:"-4px",borderLeft:`1px solid ${e.palette.onSurface.os600}`})}};exports.flowAlert=r;
+"use strict";var e=require("react/jsx-runtime"),i=require("../../components/icon/filled/CircleCheckFilledIcon.js"),t=require("../../components/icon/filled/CircleExclamationFilledIcon.js"),o=require("../../components/icon/filled/WarningFilledIcon.js"),n=require("../../components/icon/stroke/CloseIcon.js"),a=require("../../components/label/Label.js");const r={defaultProps:{severity:"info",variant:"filled",iconMapping:{info:e.jsx(e.Fragment,{}),success:e.jsx(i.CircleCheckFilledIcon,{}),warning:e.jsx(t.CircleExclamationFilledIcon,{}),error:e.jsx(o.WarningFilledIcon,{}),notification:e.jsx(a.Label,{type:"indicator",variant:"neutral"})},slotProps:{closeIcon:{fontSize:"extraSmall"}},slots:{closeIcon:n.CloseIcon}},styleOverrides:{root:({theme:e,ownerState:i})=>Object.assign({display:"flex",alignItems:"stretch",justifyContent:"flex-start",flexWrap:"nowrap",textAlign:"left",backgroundColor:e.palette.onSurface.os900,color:e.palette.common.white,boxShadow:e.flowShadows.xs,[e.breakpoints.up("md")]:{minWidth:"0",boxShadow:e.flowShadows.m},[e.breakpoints.up("xl")]:{boxShadow:e.flowShadows.xl},borderRadius:"4px",padding:"8px 16px",minWidth:"0",width:"auto",maxWidth:"544px","&:has(.MuiAlert-message .MuiAlertTitle-root), &:has(.MuiAlert-message .MuiTypography-caption1)":{"& .MuiAlert-icon":{alignSelf:"flex-start"}}},"notification"===i.severity&&{backgroundColor:e.palette.background.primary,color:e.palette.text.primary}),outlined:{border:"none"},icon:({theme:e,ownerState:i})=>Object.assign(Object.assign(Object.assign({alignSelf:"center",display:"block",flexShrink:"0",position:"relative",opacity:"1",padding:"0",margin:"0",marginRight:"8px"},"info"===i.severity&&{display:"none"}),"notification"===i.severity&&{lineHeight:"14px"}),{"& .MuiSvgIcon-root":Object.assign(Object.assign(Object.assign({display:"block",fontSize:"18px"},"success"===i.severity&&{color:e.palette.brand.secondary}),"warning"===i.severity&&{color:e.palette.warning.main}),"error"===i.severity&&{color:e.palette.error.main})}),message:({theme:e})=>Object.assign(Object.assign({alignSelf:"center",flexGrow:"1"},e.typography.disclaimer1),{padding:"0",overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:"2","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"3"},[e.breakpoints.down("md")]:{WebkitLineClamp:"3","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"4"}}}),action:({theme:e})=>({flexShrink:"0",alignItems:"center",padding:"0",margin:"0",paddingLeft:"8px",marginLeft:"16px",marginRight:"-4px",borderLeft:`1px solid ${e.palette.onSurface.os600}`})}};exports.flowAlert=r;
 //# sourceMappingURL=alert.theme.js.map

package/cjs/materialui/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert, AlertTitle } from '@mui/material';
+export type { AlertProps, AlertTitleProps } from '@mui/material';

package/cjs/materialui/appbar/appbar.theme.js

@@ -1,2 +1,2 @@
-"use strict";exports.flowAppBar={defaultProps:{position:"relative",elevation:0},styleOverrides:{root:({theme:o})=>({zIndex:o.zIndex.appBar,backgroundColor:"dark"===o.palette.mode?o.palette.surface.primary:o.palette.background.primary,color:o.palette.text.primary,borderBottom:`1px solid ${"dark"===o.palette.mode?o.palette.onSurface.os700:o.palette.surface.secondary}`,[o.breakpoints.up("xs")]:{minHeight:o.mixins.toolbar.minHeight},"& .MuiContainer-root, & .MuiToolbar-root":{flexGrow:"1"}}),positionStatic:{position:"relative"},positionFixed:({theme:o})=>({"& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root":{position:"fixed",zIndex:o.zIndex.appBar-20,top:o.mixins.toolbar.minHeight,left:"0",right:"0"}}),positionAbsolute:({theme:o})=>({"& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root":{position:"absolute",zIndex:o.zIndex.appBar-20,top:o.mixins.toolbar.minHeight,left:"0",right:"0"}}),positionSticky:({theme:o})=>({"& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root":{position:"sticky",zIndex:o.zIndex.appBar-20,top:o.mixins.toolbar.minHeight,left:"0",right:"0"}})}};
+"use strict";const t=(t,e)=>({"& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root":{position:e,zIndex:t.zIndex.appBar-20,top:t.mixins.toolbar.minHeight,left:"0",right:"0"}}),e={defaultProps:{position:"relative",elevation:0},styleOverrides:{root:({theme:t})=>({zIndex:t.zIndex.appBar,backgroundColor:"dark"===t.palette.mode?t.palette.surface.primary:t.palette.background.primary,color:t.palette.text.primary,borderBottom:`1px solid ${"dark"===t.palette.mode?t.palette.onSurface.os700:t.palette.surface.secondary}`,[t.breakpoints.up("xs")]:{minHeight:t.mixins.toolbar.minHeight},"& .MuiContainer-root, & .MuiToolbar-root":{flexGrow:"1"}}),positionStatic:{position:"relative"},positionFixed:({theme:e})=>t(e,"fixed"),positionAbsolute:({theme:e})=>t(e,"absolute"),positionSticky:({theme:e})=>t(e,"sticky")}};exports.flowAppBar=e;
 //# sourceMappingURL=appbar.theme.js.map

package/cjs/materialui/appbar/appbar.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"appbar.theme.js","sources":["../../../../../src/materialui/appbar/appbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowAppBar: Components<Theme>['MuiAppBar'] = {\n  defaultProps: {\n    position: 'relative',\n    elevation: 0,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      zIndex: theme.zIndex.appBar,\n      backgroundColor: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.background.primary,\n      color: theme.palette.text.primary,\n      // also in Header in 'shortcuts' mobile section inside the drawer\n      borderBottom: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.surface.secondary}`,\n      [theme.breakpoints.up('xs')]: {\n        minHeight: theme.mixins.toolbar.minHeight,\n      },\n      // containers inside\n      '& .MuiContainer-root, & .MuiToolbar-root': {\n        // take all space\n        flexGrow: '1',\n      },\n    }),\n    positionStatic: {\n      // static position might break navigation inside, therefore it is same as relative\n      position: 'relative',\n    },\n    // affect SecondaryNavigation with AppBar position\n    positionFixed: ({ theme }) => ({\n      '& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root': {\n        position: 'fixed',\n        zIndex: theme.zIndex.appBar - 20,\n        top: theme.mixins.toolbar.minHeight,\n        left: '0',\n        right: '0',\n      },\n    }),\n    positionAbsolute: ({ theme }) => ({\n      '& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root': {\n        position: 'absolute',\n        zIndex: theme.zIndex.appBar - 20,\n        top: theme.mixins.toolbar.minHeight,\n        left: '0',\n        right: '0',\n      },\n    }),\n    positionSticky: ({ theme }) => ({\n      '& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root': {\n        position: 'sticky',\n        zIndex: theme.zIndex.appBar - 20,\n        top: theme.mixins.toolbar.minHeight,\n        left: '0',\n        right: '0',\n      },\n    }),\n  },\n};\n"],"names":["defaultProps","position","elevation","styleOverrides","root","theme","zIndex","appBar","backgroundColor","palette","mode","surface","primary","background","color","text","borderBottom","onSurface","os700","secondary","breakpoints","up","minHeight","mixins","toolbar","flexGrow","positionStatic","positionFixed","top","left","right","positionAbsolute","positionSticky"],"mappings":"gCAG0D,CACxDA,aAAc,CACZC,SAAU,WACVC,UAAW,GAEbC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQD,EAAMC,OAAOC,OACrBC,gBAAwC,SAAvBH,EAAMI,QAAQC,KAAkBL,EAAMI,QAAQE,QAAQC,QAAUP,EAAMI,QAAQI,WAAWD,QAC1GE,MAAOT,EAAMI,QAAQM,KAAKH,QAE1BI,aAAc,aAAoC,SAAvBX,EAAMI,QAAQC,KAAkBL,EAAMI,QAAQQ,UAAUC,MAAQb,EAAMI,QAAQE,QAAQQ,YACjH,CAACd,EAAMe,YAAYC,GAAG,OAAQ,CAC5BC,UAAWjB,EAAMkB,OAAOC,QAAQF,WAGlC,2CAA4C,CAE1CG,SAAU,OAGdC,eAAgB,CAEdzB,SAAU,YAGZ0B,cAAe,EAAGtB,YAAO,CACvB,6DAA8D,CAC5DJ,SAAU,QACVK,OAAQD,EAAMC,OAAOC,OAAS,GAC9BqB,IAAKvB,EAAMkB,OAAOC,QAAQF,UAC1BO,KAAM,IACNC,MAAO,OAGXC,iBAAkB,EAAG1B,YAAO,CAC1B,6DAA8D,CAC5DJ,SAAU,WACVK,OAAQD,EAAMC,OAAOC,OAAS,GAC9BqB,IAAKvB,EAAMkB,OAAOC,QAAQF,UAC1BO,KAAM,IACNC,MAAO,OAGXE,eAAgB,EAAG3B,YAAO,CACxB,6DAA8D,CAC5DJ,SAAU,SACVK,OAAQD,EAAMC,OAAOC,OAAS,GAC9BqB,IAAKvB,EAAMkB,OAAOC,QAAQF,UAC1BO,KAAM,IACNC,MAAO"}
+{"version":3,"file":"appbar.theme.js","sources":["../../../../../src/materialui/appbar/appbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nconst notStaticPositionStyle = (theme, position) => ({\n  // affect SecondaryNavigation with AppBar position\n  '& + .MuiAppBar-root, & + .MuiDrawer-root + .MuiAppBar-root': {\n    position: position,\n    zIndex: theme.zIndex.appBar - 20,\n    top: theme.mixins.toolbar.minHeight,\n    left: '0',\n    right: '0',\n  },\n});\n\nexport const flowAppBar: Components<Theme>['MuiAppBar'] = {\n  defaultProps: {\n    position: 'relative',\n    elevation: 0,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      zIndex: theme.zIndex.appBar,\n      backgroundColor: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.background.primary,\n      color: theme.palette.text.primary,\n      // also in Header in 'shortcuts' mobile section inside the drawer\n      borderBottom: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.surface.secondary}`,\n      [theme.breakpoints.up('xs')]: {\n        minHeight: theme.mixins.toolbar.minHeight,\n      },\n      // containers inside\n      '& .MuiContainer-root, & .MuiToolbar-root': {\n        // take all space\n        flexGrow: '1',\n      },\n    }),\n    positionStatic: {\n      // static position might break navigation inside, therefore it is same as relative\n      position: 'relative',\n    },\n    positionFixed: ({ theme }) => notStaticPositionStyle(theme, 'fixed'),\n    positionAbsolute: ({ theme }) => notStaticPositionStyle(theme, 'absolute'),\n    positionSticky: ({ theme }) => notStaticPositionStyle(theme, 'sticky'),\n  },\n};\n"],"names":["notStaticPositionStyle","theme","position","zIndex","appBar","top","mixins","toolbar","minHeight","left","right","flowAppBar","defaultProps","elevation","styleOverrides","root","backgroundColor","palette","mode","surface","primary","background","color","text","borderBottom","onSurface","os700","secondary","breakpoints","up","flexGrow","positionStatic","positionFixed","positionAbsolute","positionSticky"],"mappings":"aAGA,MAAMA,EAAyB,CAACC,EAAOC,KAAQ,CAE7C,6DAA8D,CAC5DA,SAAUA,EACVC,OAAQF,EAAME,OAAOC,OAAS,GAC9BC,IAAKJ,EAAMK,OAAOC,QAAQC,UAC1BC,KAAM,IACNC,MAAO,OAIEC,EAA6C,CACxDC,aAAc,CACZV,SAAU,WACVW,UAAW,GAEbC,eAAgB,CACdC,KAAM,EAAGd,YAAO,CACdE,OAAQF,EAAME,OAAOC,OACrBY,gBAAwC,SAAvBf,EAAMgB,QAAQC,KAAkBjB,EAAMgB,QAAQE,QAAQC,QAAUnB,EAAMgB,QAAQI,WAAWD,QAC1GE,MAAOrB,EAAMgB,QAAQM,KAAKH,QAE1BI,aAAc,aAAoC,SAAvBvB,EAAMgB,QAAQC,KAAkBjB,EAAMgB,QAAQQ,UAAUC,MAAQzB,EAAMgB,QAAQE,QAAQQ,YACjH,CAAC1B,EAAM2B,YAAYC,GAAG,OAAQ,CAC5BrB,UAAWP,EAAMK,OAAOC,QAAQC,WAGlC,2CAA4C,CAE1CsB,SAAU,OAGdC,eAAgB,CAEd7B,SAAU,YAEZ8B,cAAe,EAAG/B,WAAYD,EAAuBC,EAAO,SAC5DgC,iBAAkB,EAAGhC,WAAYD,EAAuBC,EAAO,YAC/DiC,eAAgB,EAAGjC,WAAYD,EAAuBC,EAAO"}

package/cjs/materialui/appbar/index.d.ts

@@ -0,0 +1,2 @@
+export { AppBar, Toolbar } from '@mui/material';
+export type { AppBarProps, ToolbarProps } from '@mui/material';

package/cjs/materialui/autocomplete/autocomplete.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../../components/icon/stroke/ChevronDownIcon.js"),o=require("../../components/icon/stroke/CloseIcon.js"),r=require("../menu/menu.theme.js"),s=require("../menu/menuItem.theme.js"),p=require("../button/interactive.js");const a={defaultProps:{popupIcon:n.jsx(i.ChevronDownIcon,{}),clearIcon:n.jsx(o.CloseIcon,{}),noOptionsText:"No matching results",slots:{listbox:t.MenuList},renderOption:(i,o,r,s)=>{var p,{key:a}=i,l=e.__rest(i,["key"]);return n.jsxs(t.MenuItem,Object.assign({},l,{children:[(null==s?void 0:s.multiple)&&n.jsx(t.Checkbox,{checked:r.selected,tabIndex:-1}),n.jsx(t.ListItemText,{children:null!==(p=null==o?void 0:o.label)&&void 0!==p?p:o})]}),a)},renderTags:e=>(Array.isArray(e)?e:[e]).map((i,o)=>n.jsx(t.Box,{component:"span",children:`${i}${(Array.isArray(e)?e:[e]).length!==o+1?", ":""}`},i))},styleOverrides:{root:({theme:e})=>({"& .MuiFilledInput-root":{gap:e.spacing(.5),padding:"24px 12px 8px","&.MuiInputBase-hiddenLabel":{padding:"18px 12px 14px"},"&.MuiInputBase-sizeSmall":{padding:"22px 12px 4px","&.MuiInputBase-hiddenLabel":{padding:"14px 12px 12px"}},"&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel":{"& .MuiFilledInput-input":{padding:"0"}}}}),popupIndicator:Object.assign(Object.assign({transition:"none"},p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"})),{svg:{fontSize:"17px",flexShrink:"0"}}),clearIndicator:Object.assign(Object.assign({visibility:"visible",transition:"none"},p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"})),{svg:{fontSize:"17px",flexShrink:"0"},"& + .MuiAutocomplete-popupIndicator":{display:"none"}}),tag:{margin:"0","&.MuiChip-root":{padding:"0px 8px","& .MuiChip-deleteIcon":{"&, &:last-of-type":{marginLeft:"2px"}}}},popper:{"& .MuiAutocomplete-listbox":{padding:"0",maxHeight:"240px",overflow:"auto"}},paper:r.flowMenu.styleOverrides.paper,option:s.flowMenuItem.styleOverrides.root,noOptions:[s.flowMenuItem.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};exports.flowAutocomplete=a;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronDownIcon.js"),r=require("../../components/icon/stroke/CloseIcon.js"),i=require("../menu/menu.theme.js"),s=require("../menu/menuItem.theme.js"),p=require("../button/interactive.js");const a={defaultProps:{onPointerDown:e=>{const n=e.currentTarget.querySelector(".MuiFormControl-root");n&&!n.contains(e.target)&&n.dispatchEvent(new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,pointerType:e.pointerType}))},popupIcon:n.jsx(o.ChevronDownIcon,{}),clearIcon:n.jsx(r.CloseIcon,{}),noOptionsText:"No matching results",slots:{listbox:t.MenuList},renderOption:(o,r,i,s)=>{var p,{key:a}=o,l=e.__rest(o,["key"]);return n.jsxs(t.MenuItem,Object.assign({},l,{children:[(null==s?void 0:s.multiple)&&n.jsx(t.Checkbox,{checked:i.selected,tabIndex:-1}),n.jsx(t.ListItemText,{children:null!==(p=null==r?void 0:r.label)&&void 0!==p?p:r})]}),a)},renderTags:e=>(Array.isArray(e)?e:[e]).map((o,r)=>n.jsx(t.Box,{component:"span",children:`${o}${(Array.isArray(e)?e:[e]).length!==r+1?", ":""}`},o))},styleOverrides:{root:({theme:e})=>({"& .MuiFilledInput-root":{gap:e.spacing(.5),padding:"24px 12px 8px","&.MuiInputBase-hiddenLabel":{padding:"18px 12px 14px"},"&.MuiInputBase-sizeSmall":{padding:"22px 12px 4px","&.MuiInputBase-hiddenLabel":{padding:"14px 12px 12px"}},"&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel":{"& .MuiFilledInput-input":{padding:"0"}}}}),popupIndicator:Object.assign(Object.assign({transition:"none"},p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"})),{"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}}),clearIndicator:Object.assign(Object.assign({visibility:"visible",transition:"none"},p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"})),{"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"},"& + .MuiAutocomplete-popupIndicator":{display:"none"}}),tag:{margin:"0","&.MuiChip-root":{padding:"0px 8px","& .MuiChip-deleteIcon":{"&, &:last-of-type":{marginLeft:"2px"}}}},popper:{"& .MuiAutocomplete-listbox":{padding:"0",maxHeight:"240px",overflow:"auto"}},paper:i.flowMenu.styleOverrides.paper,option:s.flowMenuItem.styleOverrides.root,noOptions:[s.flowMenuItem.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};exports.flowAutocomplete=a;
 //# sourceMappingURL=autocomplete.theme.js.map

package/cjs/materialui/autocomplete/autocomplete.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.theme.js","sources":["../../../../../src/materialui/autocomplete/autocomplete.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { Box, MenuList, MenuItem, ListItemText, Checkbox } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { ComponentsOverrides } from '@mui/material/styles/overrides';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAutocomplete: Components<Theme>['MuiAutocomplete'] = {\n  defaultProps: {\n    popupIcon: <ChevronDownIcon />,\n    clearIcon: <CloseIcon />,\n    noOptionsText: 'No matching results',\n    slots: {\n      // we are replacing listbox to remove Autocomplete styling and match with Menu design\n      listbox: MenuList,\n    },\n    // option matched with design of menu with Checkbox for multiple choices\n    renderOption: ({ key, ...rest }, option, state, ownerState) => {\n      return (\n        <MenuItem key={key} {...rest}>\n          {ownerState?.multiple && <Checkbox checked={state.selected} tabIndex={-1} />}\n          <ListItemText>{option?.label ?? option}</ListItemText>\n        </MenuItem>\n      );\n    },\n    // in @mui v7 renamed to renderValue\n    renderTags: (value) =>\n      (Array.isArray(value) ? value : [value]).map((v, idx) => (\n        <Box key={v} component=\"span\">\n          {`${v}${(Array.isArray(value) ? value : [value]).length !== idx + 1 ? ', ' : ''}`}\n        </Box>\n      )),\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // overwrite autoComplete default styling and match with TextField\n      '& .MuiFilledInput-root': {\n        // gap between tags and input\n        gap: theme.spacing(0.5),\n        // field proportions matched with textfield\n        padding: '24px 12px 8px',\n        // hidden label for variant with placeholder\n        '&.MuiInputBase-hiddenLabel': {\n          padding: '18px 12px 14px',\n        },\n        // small\n        '&.MuiInputBase-sizeSmall': {\n          padding: '22px 12px 4px',\n          '&.MuiInputBase-hiddenLabel': {\n            padding: '14px 12px 12px',\n          },\n        },\n        // moved padding from input to allow wrap with too many tags\n        '&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel': {\n          '& .MuiFilledInput-input': {\n            padding: '0',\n          },\n        },\n      },\n    }),\n    // select arrow\n    popupIndicator: {\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      svg: {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n    },\n    // 'x' clear button\n    clearIndicator: {\n      // keep always visible once the value is selected\n      visibility: 'visible',\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      svg: {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n      // select arrow next to it\n      '& + .MuiAutocomplete-popupIndicator': {\n        // hide it\n        display: 'none',\n      },\n    },\n    // chip tags, no longer used as we overwrite renderTags fn\n    tag: {\n      // space between multiple chips and limit tags text\n      margin: '0',\n      '&.MuiChip-root': {\n        // reduce size\n        padding: '0px 8px',\n        '& .MuiChip-deleteIcon': {\n          '&, &:last-of-type': {\n            marginLeft: '2px',\n          },\n        },\n      },\n    },\n    // select popover\n    popper: {\n      // direct style of listBox is not used, as it is overwritten via slots property to remove default styling\n      '& .MuiAutocomplete-listbox': {\n        padding: '0',\n        maxHeight: '240px',\n        // necessary to make scroll with keyboard navigation work\n        overflow: 'auto',\n      },\n    },\n    // holder of list\n    paper: flowMenu.styleOverrides.paper as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // list options\n    option: flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // no matching result\n    noOptions: [\n      flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n      {\n        pointerEvents: 'none',\n        cursor: 'auto',\n      },\n    ],\n  },\n};\n"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","ChevronDownIcon","clearIcon","CloseIcon","noOptionsText","slots","listbox","MenuList","renderOption","_a","option","state","ownerState","key","rest","__rest","_jsxs","MenuItem","Object","assign","children","multiple","Checkbox","checked","selected","tabIndex","ListItemText","_b","label","renderTags","value","Array","isArray","map","v","idx","Box","component","length","styleOverrides","root","theme","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","color","backgroundColor","svg","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","marginLeft","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents","cursor"],"mappings":"kUASO,MAAMA,EAAyD,CACpEC,aAAc,CACZC,UAAWC,EAAAA,IAACC,EAAAA,gBAAe,IAC3BC,UAAWF,EAAAA,IAACG,EAAAA,UAAS,IACrBC,cAAe,sBACfC,MAAO,CAELC,QAASC,EAAAA,UAGXC,aAAc,CAACC,EAAkBC,EAAQC,EAAOC,YAAjCC,IAAEA,GAAGJ,EAAKK,EAAIC,EAAAA,OAAAN,EAAd,SACb,OACEO,EAAAA,KAACC,WAAQC,OAAAC,OAAA,GAAeL,EAAI,CAAAM,SAAA,EACzBR,aAAU,EAAVA,EAAYS,WAAYrB,MAACsB,EAAAA,UAASC,QAASZ,EAAMa,SAAUC,UAAU,IACtEzB,MAAC0B,EAAAA,aAAY,CAAAN,SAAe,QAAbO,EAAAjB,eAAAA,EAAQkB,aAAK,IAAAD,EAAAA,EAAIjB,OAFnBG,IAOnBgB,WAAaC,IACVC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/CnC,EAAAA,IAACoC,MAAG,CAASC,UAAU,OAAMjB,SAC1B,GAAGc,KAAKH,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQQ,SAAWH,EAAM,EAAI,KAAO,MADrED,KAKhBK,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,yBAA0B,CAExBC,IAAKD,EAAME,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,SAMjBC,eAAc3B,OAAAC,OAAAD,OAAAC,OAAA,CAEZ2B,WAAY,QACTC,EAAAA,oBACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,CAEDC,IAAK,CACHC,SAAU,OACVC,WAAY,OAIhBC,eAAcnC,OAAAC,OAAAD,OAAAC,OAAA,CAEZmC,WAAY,UAEZR,WAAY,QACTC,EAAAA,oBACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,CAEDC,IAAK,CACHC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,UAIbC,IAAK,CAEHC,OAAQ,IACR,iBAAkB,CAEhBb,QAAS,UACT,wBAAyB,CACvB,oBAAqB,CACnBc,WAAY,UAMpBC,OAAQ,CAEN,6BAA8B,CAC5Bf,QAAS,IACTgB,UAAW,QAEXC,SAAU,SAIdC,MAAOC,EAAAA,SAASxB,eAAeuB,MAE/BpD,OAAQsD,EAAAA,aAAazB,eAAeC,KAEpCyB,UAAW,CACTD,EAAAA,aAAazB,eAAeC,KAC5B,CACE0B,cAAe,OACfC,OAAQ"}
+{"version":3,"file":"autocomplete.theme.js","sources":["../../../../../src/materialui/autocomplete/autocomplete.theme.tsx"],"sourcesContent":["import { Components, Theme, ComponentsOverrides } from '@mui/material/styles';\nimport { Box, MenuList, MenuItem, ListItemText, Checkbox } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAutocomplete: Components<Theme>['MuiAutocomplete'] = {\n  defaultProps: {\n    // ensure clicking on AutoComplete sent event to FormControl to correctly handle FocusRing\n    onPointerDown: (e) => {\n      const formControlEl = e.currentTarget.querySelector('.MuiFormControl-root');\n      // we have formControl and click is outside of it (clicking on margin from helperText)\n      if (formControlEl && !formControlEl.contains(e.target as Node)) {\n        // sent pointerDown event to it\n        formControlEl.dispatchEvent(\n          new PointerEvent('pointerdown', {\n            bubbles: true,\n            cancelable: true,\n            pointerType: e.pointerType,\n          }),\n        );\n      }\n    },\n    popupIcon: <ChevronDownIcon />,\n    clearIcon: <CloseIcon />,\n    noOptionsText: 'No matching results',\n    slots: {\n      // we are replacing listbox to remove Autocomplete styling and match with Menu design\n      listbox: MenuList,\n    },\n    // option matched with design of menu with Checkbox for multiple choices\n    renderOption: ({ key, ...rest }, option, state, ownerState) => {\n      return (\n        <MenuItem key={key} {...rest}>\n          {ownerState?.multiple && <Checkbox checked={state.selected} tabIndex={-1} />}\n          <ListItemText>{option?.label ?? option}</ListItemText>\n        </MenuItem>\n      );\n    },\n    // in @mui v7 renamed to renderValue, but it changes behavior for single value input\n    renderTags: (value) =>\n      (Array.isArray(value) ? value : [value]).map((v, idx) => (\n        <Box key={v} component=\"span\">\n          {`${v}${(Array.isArray(value) ? value : [value]).length !== idx + 1 ? ', ' : ''}`}\n        </Box>\n      )),\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // overwrite autoComplete default styling and match with TextField\n      '& .MuiFilledInput-root': {\n        // gap between tags and input\n        gap: theme.spacing(0.5),\n        // field proportions matched with textfield\n        padding: '24px 12px 8px',\n        // hidden label for variant with placeholder\n        '&.MuiInputBase-hiddenLabel': {\n          padding: '18px 12px 14px',\n        },\n        // small\n        '&.MuiInputBase-sizeSmall': {\n          padding: '22px 12px 4px',\n          '&.MuiInputBase-hiddenLabel': {\n            padding: '14px 12px 12px',\n          },\n        },\n        // moved padding from input to allow wrap with too many tags\n        '&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel': {\n          '& .MuiFilledInput-input': {\n            padding: '0',\n          },\n        },\n      },\n    }),\n    // select arrow\n    popupIndicator: {\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n    },\n    // 'x' clear button\n    clearIndicator: {\n      // keep always visible once the value is selected\n      visibility: 'visible',\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n      // select arrow next to it\n      '& + .MuiAutocomplete-popupIndicator': {\n        // hide it\n        display: 'none',\n      },\n    },\n    // chip tags, no longer used as we overwrite renderTags fn\n    tag: {\n      // space between multiple chips and limit tags text\n      margin: '0',\n      '&.MuiChip-root': {\n        // reduce size\n        padding: '0px 8px',\n        '& .MuiChip-deleteIcon': {\n          '&, &:last-of-type': {\n            marginLeft: '2px',\n          },\n        },\n      },\n    },\n    // select popover\n    popper: {\n      // direct style of listBox is not used, as it is overwritten via slots property to remove default styling\n      '& .MuiAutocomplete-listbox': {\n        padding: '0',\n        maxHeight: '240px',\n        // necessary to make scroll with keyboard navigation work\n        overflow: 'auto',\n      },\n    },\n    // holder of list\n    paper: flowMenu.styleOverrides.paper as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // list options\n    option: flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // no matching result\n    noOptions: [\n      flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n      {\n        pointerEvents: 'none',\n        cursor: 'auto',\n      },\n    ],\n  },\n};\n"],"names":["flowAutocomplete","defaultProps","onPointerDown","e","formControlEl","currentTarget","querySelector","contains","target","dispatchEvent","PointerEvent","bubbles","cancelable","pointerType","popupIcon","_jsx","ChevronDownIcon","clearIcon","CloseIcon","noOptionsText","slots","listbox","MenuList","renderOption","_a","option","state","ownerState","key","rest","__rest","_jsxs","MenuItem","Object","assign","children","multiple","Checkbox","checked","selected","tabIndex","ListItemText","_b","label","renderTags","value","Array","isArray","map","v","idx","Box","component","length","styleOverrides","root","theme","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","color","backgroundColor","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","marginLeft","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents","cursor"],"mappings":"kUAQO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,cAAgBC,IACd,MAAMC,EAAgBD,EAAEE,cAAcC,cAAc,wBAEhDF,IAAkBA,EAAcG,SAASJ,EAAEK,SAE7CJ,EAAcK,cACZ,IAAIC,aAAa,cAAe,CAC9BC,SAAS,EACTC,YAAY,EACZC,YAAaV,EAAEU,gBAKvBC,UAAWC,EAAAA,IAACC,EAAAA,gBAAe,IAC3BC,UAAWF,EAAAA,IAACG,EAAAA,UAAS,IACrBC,cAAe,sBACfC,MAAO,CAELC,QAASC,EAAAA,UAGXC,aAAc,CAACC,EAAkBC,EAAQC,EAAOC,YAAjCC,IAAEA,GAAGJ,EAAKK,EAAIC,EAAAA,OAAAN,EAAd,SACb,OACEO,EAAAA,KAACC,WAAQC,OAAAC,OAAA,GAAeL,EAAI,CAAAM,SAAA,EACzBR,aAAU,EAAVA,EAAYS,WAAYrB,MAACsB,EAAAA,UAASC,QAASZ,EAAMa,SAAUC,UAAU,IACtEzB,MAAC0B,EAAAA,aAAY,CAAAN,SAAe,QAAbO,EAAAjB,eAAAA,EAAQkB,aAAK,IAAAD,EAAAA,EAAIjB,OAFnBG,IAOnBgB,WAAaC,IACVC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/CnC,EAAAA,IAACoC,MAAG,CAASC,UAAU,OAAMjB,SAC1B,GAAGc,KAAKH,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQQ,SAAWH,EAAM,EAAI,KAAO,MADrED,KAKhBK,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,yBAA0B,CAExBC,IAAKD,EAAME,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,SAMjBC,eAAc3B,OAAAC,OAAAD,OAAAC,OAAA,CAEZ2B,WAAY,QACTC,EAAAA,oBACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,CAED,qBAAsB,CACpBC,SAAU,OACVC,WAAY,OAIhBC,eAAclC,OAAAC,OAAAD,OAAAC,OAAA,CAEZkC,WAAY,UAEZP,WAAY,QACTC,EAAAA,oBACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,CAED,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,UAIbC,IAAK,CAEHC,OAAQ,IACR,iBAAkB,CAEhBZ,QAAS,UACT,wBAAyB,CACvB,oBAAqB,CACnBa,WAAY,UAMpBC,OAAQ,CAEN,6BAA8B,CAC5Bd,QAAS,IACTe,UAAW,QAEXC,SAAU,SAIdC,MAAOC,EAAAA,SAASvB,eAAesB,MAE/BnD,OAAQqD,EAAAA,aAAaxB,eAAeC,KAEpCwB,UAAW,CACTD,EAAAA,aAAaxB,eAAeC,KAC5B,CACEyB,cAAe,OACfC,OAAQ"}

package/cjs/materialui/avatar/avatar.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../components/icon/filled/UserFilledIcon.js"),r=require("../../components/focusring/focusring.js"),i=require("../button/interactive.js");const o={defaultProps:{variant:"circular",size:"md",children:e.jsx(t.UserFilledIcon,{})},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({overflow:"visible",color:e.palette.brand.tertiary,backgroundColor:e.palette.brand.quarternary,"&:has(.MuiAvatar-img)":Object.assign({color:e.palette.onSurface.os500,backgroundColor:e.palette.surface.primary},(!t.border||"auto"===t.border)&&{border:"1px solid currentColor"}),letterSpacing:"0.02em",fontWeight:"700"},t.background&&{background:t.background}),"on"===t.border&&{border:"1px solid currentColor"}),t.disabled&&{"&, &:has(.MuiAvatar-img)":{color:e.palette.disabled.tertiary,backgroundColor:e.palette.surface.secondary}}),{"& .MuiAvatar-img":Object.assign({borderRadius:"inherit"},t.disabled&&{opacity:"0.65"}),"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign({},r.getFocusRingStyle(e,!0,0)),{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"}}),i.getInteractiveStyle({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}}))}),rounded:{borderRadius:"4px"}},variants:[{props:{size:"sm"},style:{width:"24px",height:"24px",lineHeight:"24px",fontSize:"10px"}},{props:{size:"md"},style:{width:"44px",height:"44px",lineHeight:"44px",fontSize:"14px"}},{props:{size:"lg"},style:{width:"56px",height:"56px",lineHeight:"56px",fontSize:"20px"}}]};exports.flowAvatar=o;
+"use strict";var e=require("react/jsx-runtime"),t=require("../../components/icon/filled/UserFilledIcon.js"),r=require("../../components/focusring/focusring.js"),i=require("../button/interactive.js");const o={defaultProps:{variant:"circular",size:"md",children:e.jsx(t.UserFilledIcon,{})},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign({overflow:"visible",color:e.palette.brand.tertiary,backgroundColor:e.palette.brand.quarternary,"&:has(.MuiAvatar-img)":Object.assign({color:e.palette.onSurface.os500,backgroundColor:e.palette.surface.primary},(!t.border||"auto"===t.border)&&{border:"1px solid currentColor"}),letterSpacing:"0.02em",fontWeight:"700"},"on"===t.border&&{border:"1px solid currentColor"}),t.disabled&&{"&, &:has(.MuiAvatar-img)":{color:e.palette.disabled.tertiary,backgroundColor:e.palette.surface.secondary}}),{"& .MuiAvatar-img":Object.assign({borderRadius:"inherit"},t.disabled&&{opacity:"0.65"}),"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.getFocusRingStyle(e,!0,0)),{"&:has(.MuiAvatar-img)":Object.assign({},(!t.border||"auto"===t.border)&&Object.assign({},r.updateFocusRingStyle(1)))}),"on"===t.border&&Object.assign({},r.updateFocusRingStyle(1))),{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"}}),i.getInteractiveStyle({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}}))}),rounded:{borderRadius:"4px"}},variants:[{props:{size:"sm"},style:{width:"24px",height:"24px",lineHeight:"24px",fontSize:"10px"}},{props:{size:"md"},style:{width:"44px",height:"44px",lineHeight:"44px",fontSize:"14px"}},{props:{size:"lg"},style:{width:"56px",height:"56px",lineHeight:"56px",fontSize:"20px"}}]};exports.flowAvatar=o;
 //# sourceMappingURL=avatar.theme.js.map

package/cjs/materialui/avatar/avatar.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.theme.js","sources":["../../../../../src/materialui/avatar/avatar.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { UserFilledIcon } from '@/src/components/icon/filled/UserFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAvatar: Components<Theme>['MuiAvatar'] = {\n  defaultProps: {\n    variant: 'circular',\n    size: 'md',\n    // default avatar\n    children: <UserFilledIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      overflow: 'visible',\n      color: theme.palette.brand.tertiary,\n      backgroundColor: theme.palette.brand.quarternary,\n      '&:has(.MuiAvatar-img)': {\n        color: theme.palette.onSurface.os500,\n        backgroundColor: theme.palette.surface.primary,\n        ...((!ownerState.border || ownerState.border === 'auto') && {\n          border: `1px solid currentColor`,\n        }),\n      },\n      // font, rest is set in the variants bellow\n      letterSpacing: '0.02em',\n      fontWeight: '700',\n      // set custom background prop value\n      ...(ownerState.background && { background: ownerState.background }),\n      // optional border\n      ...(ownerState.border === 'on' && {\n        border: `1px solid currentColor`,\n      }),\n      // custom 'disabled' state\n      ...(ownerState.disabled && {\n        '&, &:has(.MuiAvatar-img)': {\n          color: theme.palette.disabled.tertiary,\n          backgroundColor: theme.palette.surface.secondary,\n        },\n      }),\n      // avatar img\n      '& .MuiAvatar-img': {\n        borderRadius: 'inherit',\n        // custom 'disabled' state\n        ...(ownerState.disabled && {\n          opacity: '0.65',\n        }),\n      },\n      // button\n      '&.MuiButtonBase-root': {\n        // focused style\n        ...getFocusRingStyle(theme, true, 0),\n        // pseudo background for hover\n        ':after': {\n          display: 'block',\n          content: '\"\"',\n          position: 'absolute',\n          inset: '0',\n          borderRadius: 'inherit',\n          backgroundColor: theme.palette.transparent.primary,\n          transition: 'opacity 0.3s ease-out',\n          opacity: '0',\n        },\n        // interactive style\n        ...getInteractiveStyle(\n          {\n            '&:after': {\n              opacity: '0',\n            },\n          },\n          {\n            '&:after': {\n              opacity: '1',\n            },\n          },\n        ),\n      },\n    }),\n    rounded: {\n      // rounded variant is used in listItemAvatar\n      borderRadius: '4px',\n    },\n  },\n  variants: [\n    // size property\n    {\n      props: { size: 'sm' },\n      style: {\n        width: '24px',\n        height: '24px',\n        lineHeight: '24px',\n        fontSize: '10px',\n      },\n    },\n    {\n      props: { size: 'md' },\n      style: {\n        width: '44px',\n        height: '44px',\n        lineHeight: '44px',\n        fontSize: '14px',\n      },\n    },\n    {\n      props: { size: 'lg' },\n      style: {\n        width: '56px',\n        height: '56px',\n        lineHeight: '56px',\n        fontSize: '20px',\n      },\n    },\n  ],\n};\n"],"names":["flowAvatar","defaultProps","variant","size","children","_jsx","UserFilledIcon","styleOverrides","root","theme","ownerState","Object","assign","overflow","color","palette","brand","tertiary","backgroundColor","quarternary","onSurface","os500","surface","primary","border","letterSpacing","fontWeight","background","disabled","secondary","borderRadius","opacity","getFocusRingStyle","display","content","position","inset","transparent","transition","getInteractiveStyle","rounded","variants","props","style","width","height","lineHeight","fontSize"],"mappings":"uMAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,QAAS,WACTC,KAAM,KAENC,SAAUC,EAAAA,IAACC,EAAAA,eAAc,KAE3BC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,SAAU,UACVC,MAAOL,EAAMM,QAAQC,MAAMC,SAC3BC,gBAAiBT,EAAMM,QAAQC,MAAMG,YACrC,wBAAuBR,OAAAC,OAAA,CACrBE,MAAOL,EAAMM,QAAQK,UAAUC,MAC/BH,gBAAiBT,EAAMM,QAAQO,QAAQC,WACjCb,EAAWc,QAAgC,SAAtBd,EAAWc,SAAsB,CAC1DA,OAAQ,2BAIZC,cAAe,SACfC,WAAY,OAERhB,EAAWiB,YAAc,CAAEA,WAAYjB,EAAWiB,aAE5B,OAAtBjB,EAAWc,QAAmB,CAChCA,OAAQ,2BAGNd,EAAWkB,UAAY,CACzB,2BAA4B,CAC1Bd,MAAOL,EAAMM,QAAQa,SAASX,SAC9BC,gBAAiBT,EAAMM,QAAQO,QAAQO,aAEzC,CAEF,mBAAkBlB,OAAAC,OAAA,CAChBkB,aAAc,WAEVpB,EAAWkB,UAAY,CACzBG,QAAS,SAIb,uBAAsBpB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEjBoB,EAAAA,kBAAkBvB,GAAO,EAAM,IAAE,CAEpC,SAAU,CACRwB,QAAS,QACTC,QAAS,KACTC,SAAU,WACVC,MAAO,IACPN,aAAc,UACdZ,gBAAiBT,EAAMM,QAAQsB,YAAYd,QAC3Ce,WAAY,wBACZP,QAAS,OAGRQ,EAAAA,oBACD,CACE,UAAW,CACTR,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,UAMnBS,QAAS,CAEPV,aAAc,QAGlBW,SAAU,CAER,CACEC,MAAO,CAAEvC,KAAM,MACfwC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAEvC,KAAM,MACfwC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAEvC,KAAM,MACfwC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU"}
+{"version":3,"file":"avatar.theme.js","sources":["../../../../../src/materialui/avatar/avatar.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { UserFilledIcon } from '@/src/components/icon/filled/UserFilledIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAvatar: Components<Theme>['MuiAvatar'] = {\n  defaultProps: {\n    variant: 'circular',\n    size: 'md',\n    // default avatar\n    children: <UserFilledIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      overflow: 'visible',\n      color: theme.palette.brand.tertiary,\n      backgroundColor: theme.palette.brand.quarternary,\n      '&:has(.MuiAvatar-img)': {\n        color: theme.palette.onSurface.os500,\n        backgroundColor: theme.palette.surface.primary,\n        ...((!ownerState.border || ownerState.border === 'auto') && {\n          border: `1px solid currentColor`,\n        }),\n      },\n      // font, rest is set in the variants bellow\n      letterSpacing: '0.02em',\n      fontWeight: '700',\n      // optional border\n      ...(ownerState.border === 'on' && {\n        border: `1px solid currentColor`,\n      }),\n      // custom 'disabled' state\n      ...(ownerState.disabled && {\n        '&, &:has(.MuiAvatar-img)': {\n          color: theme.palette.disabled.tertiary,\n          backgroundColor: theme.palette.surface.secondary,\n        },\n      }),\n      // avatar img\n      '& .MuiAvatar-img': {\n        borderRadius: 'inherit',\n        // custom 'disabled' state\n        ...(ownerState.disabled && {\n          opacity: '0.65',\n        }),\n      },\n      // button\n      '&.MuiButtonBase-root': {\n        // focused style\n        ...getFocusRingStyle(theme, true, 0),\n        '&:has(.MuiAvatar-img)': {\n          ...((!ownerState.border || ownerState.border === 'auto') && {\n            ...updateFocusRingStyle(1),\n          }),\n        },\n        ...(ownerState.border === 'on' && {\n          ...updateFocusRingStyle(1),\n        }),\n        // pseudo background for hover\n        ':after': {\n          display: 'block',\n          content: '\"\"',\n          position: 'absolute',\n          inset: '0',\n          borderRadius: 'inherit',\n          backgroundColor: theme.palette.transparent.primary,\n          transition: 'opacity 0.3s ease-out',\n          opacity: '0',\n        },\n        // interactive style\n        ...getInteractiveStyle(\n          {\n            '&:after': {\n              opacity: '0',\n            },\n          },\n          {\n            '&:after': {\n              opacity: '1',\n            },\n          },\n        ),\n      },\n    }),\n    rounded: {\n      // rounded variant is used in listItemAvatar\n      borderRadius: '4px',\n    },\n  },\n  variants: [\n    // size property\n    {\n      props: { size: 'sm' },\n      style: {\n        width: '24px',\n        height: '24px',\n        lineHeight: '24px',\n        fontSize: '10px',\n      },\n    },\n    {\n      props: { size: 'md' },\n      style: {\n        width: '44px',\n        height: '44px',\n        lineHeight: '44px',\n        fontSize: '14px',\n      },\n    },\n    {\n      props: { size: 'lg' },\n      style: {\n        width: '56px',\n        height: '56px',\n        lineHeight: '56px',\n        fontSize: '20px',\n      },\n    },\n  ],\n};\n"],"names":["flowAvatar","defaultProps","variant","size","children","_jsx","UserFilledIcon","styleOverrides","root","theme","ownerState","Object","assign","overflow","color","palette","brand","tertiary","backgroundColor","quarternary","onSurface","os500","surface","primary","border","letterSpacing","fontWeight","disabled","secondary","borderRadius","opacity","getFocusRingStyle","updateFocusRingStyle","display","content","position","inset","transparent","transition","getInteractiveStyle","rounded","variants","props","style","width","height","lineHeight","fontSize"],"mappings":"uMAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,QAAS,WACTC,KAAM,KAENC,SAAUC,EAAAA,IAACC,EAAAA,eAAc,KAE3BC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,SAAU,UACVC,MAAOL,EAAMM,QAAQC,MAAMC,SAC3BC,gBAAiBT,EAAMM,QAAQC,MAAMG,YACrC,wBAAuBR,OAAAC,OAAA,CACrBE,MAAOL,EAAMM,QAAQK,UAAUC,MAC/BH,gBAAiBT,EAAMM,QAAQO,QAAQC,WACjCb,EAAWc,QAAgC,SAAtBd,EAAWc,SAAsB,CAC1DA,OAAQ,2BAIZC,cAAe,SACfC,WAAY,OAEc,OAAtBhB,EAAWc,QAAmB,CAChCA,OAAQ,2BAGNd,EAAWiB,UAAY,CACzB,2BAA4B,CAC1Bb,MAAOL,EAAMM,QAAQY,SAASV,SAC9BC,gBAAiBT,EAAMM,QAAQO,QAAQM,aAEzC,CAEF,mBAAkBjB,OAAAC,OAAA,CAChBiB,aAAc,WAEVnB,EAAWiB,UAAY,CACzBG,QAAS,SAIb,uBAAsBnB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEjBmB,EAAAA,kBAAkBtB,GAAO,EAAM,IAAE,CACpC,wBAAuBE,OAAAC,OAAA,KACfF,EAAWc,QAAgC,SAAtBd,EAAWc,0BACjCQ,uBAAqB,OAGF,OAAtBtB,EAAWc,QAAeb,OAAAC,OAAA,CAAA,EACzBoB,EAAAA,qBAAqB,KACxB,CAEF,SAAU,CACRC,QAAS,QACTC,QAAS,KACTC,SAAU,WACVC,MAAO,IACPP,aAAc,UACdX,gBAAiBT,EAAMM,QAAQsB,YAAYd,QAC3Ce,WAAY,wBACZR,QAAS,OAGRS,EAAAA,oBACD,CACE,UAAW,CACTT,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,UAMnBU,QAAS,CAEPX,aAAc,QAGlBY,SAAU,CAER,CACEC,MAAO,CAAEvC,KAAM,MACfwC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAEvC,KAAM,MACfwC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAEvC,KAAM,MACfwC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU"}

package/cjs/materialui/backdrop/backdrop.theme.d.ts

@@ -1,3 +1,3 @@
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
 export declare const flowBackdrop: Components<Theme>['MuiBackdrop'];

package/cjs/materialui/backdrop/backdrop.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.theme.js","sources":["../../../../../src/materialui/backdrop/backdrop.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowBackdrop: Components<Theme>['MuiBackdrop'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      backgroundColor: theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.6)' : theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(4px)',\n    }),\n    invisible: {\n      backgroundColor: 'transparent',\n      backdropFilter: 'none',\n    },\n  },\n};\n"],"names":["styleOverrides","root","theme","backgroundColor","palette","mode","transparent","backdrop","backdropFilter","invisible"],"mappings":"kCAG8D,CAC5DA,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,gBAAwC,SAAvBD,EAAME,QAAQC,KAAkB,kBAAoBH,EAAME,QAAQE,YAAYC,SAC/FC,eAAgB,cAElBC,UAAW,CACTN,gBAAiB,cACjBK,eAAgB"}
+{"version":3,"file":"backdrop.theme.js","sources":["../../../../../src/materialui/backdrop/backdrop.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowBackdrop: Components<Theme>['MuiBackdrop'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      backgroundColor: theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.6)' : theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(4px)',\n    }),\n    invisible: {\n      backgroundColor: 'transparent',\n      backdropFilter: 'none',\n    },\n  },\n};\n"],"names":["styleOverrides","root","theme","backgroundColor","palette","mode","transparent","backdrop","backdropFilter","invisible"],"mappings":"kCAG8D,CAC5DA,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,gBAAwC,SAAvBD,EAAME,QAAQC,KAAkB,kBAAoBH,EAAME,QAAQE,YAAYC,SAC/FC,eAAgB,cAElBC,UAAW,CACTN,gBAAiB,cACjBK,eAAgB"}

package/cjs/materialui/backdrop/index.d.ts

@@ -0,0 +1,2 @@
+export { Backdrop } from '@mui/material';
+export type { BackdropProps } from '@mui/material';

package/cjs/materialui/button/button.theme.d.ts

@@ -1,3 +1,3 @@
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
 export declare const flowButton: Components<Theme>['MuiButton'];

package/cjs/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        // spinner inside\n        '& .FlowSpinner-root': {\n          marginTop: '-2px',\n          marginBottom: '-2px',\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        // 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        ...getInteractiveStyle(\n          {\n            color: 'currentColor',\n          },\n          {\n            color: 'currentColor',\n          },\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';\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        // spinner inside\n        '& .FlowSpinner-root': {\n          marginTop: '-2px',\n          marginBottom: '-2px',\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, used by Production team\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        // 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        ...getInteractiveStyle(\n          {\n            color: 'currentColor',\n          },\n          {\n            color: 'currentColor',\n          },\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/cjs/materialui/button/index.d.ts

@@ -1 +1,3 @@
 export * from './interactive';
+export { Button, ButtonBase } from '@mui/material';
+export type { ButtonProps, ButtonBaseProps } from '@mui/material';

package/cjs/materialui/card/Card.d.ts

@@ -2,6 +2,5 @@ import { FC } from 'react';
 import { CardProps } from '@mui/material';
 /**
  * Standard MUI Card extended with custom properties
- * Maintaining support for deprecated API
  */
-export declare const Card: FC<CardProps>;
+export declare const FlowCard: FC<CardProps>;

package/cjs/materialui/card/Card.js

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

package/cjs/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';\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":"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"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } 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 { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Standard MUI Card extended with custom properties\n */\nexport const FlowCard: 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      onClick,\n      disabled,\n      color,\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 { 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 color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n        <Box sx={{ borderRadius: 'inherit', overflow: 'hidden', height: '100%', ...wrapperSx }} {...restWrapper}>\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        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["FlowCard","forwardRef","_a","ref","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","rest","__rest","_b","sx","wrapperSx","restWrapper","_c","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","_d","iconSx","restIcon","_e","hoverIconSx","restHoverIcon","icon","selectedIcon","hoverIcon","hoverSelectedIcon","Object","assign","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","undefined","_jsxs","Box","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","fontSize"],"mappings":"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"}

package/cjs/materialui/card/FlippingCardContent.d.ts

@@ -1,6 +1,9 @@
 import { FC } from 'react';
 import { SlideProps, CardContentProps, ButtonBaseProps } from '@mui/material';
 export interface FlippingCardContentProps extends CardContentProps {
+    /**
+     * Disabled state
+     */
     disabled?: boolean;
     /**
      * Specifies if detail should be flipped on card hover
@@ -19,7 +22,7 @@ export interface FlippingCardContentProps extends CardContentProps {
     /**
      * Properties applied to <Slide /> component
      */
-    slideProps?: SlideProps;
+    slideProps?: Omit<SlideProps, 'children'>;
 }
 /**
  * Sub-element for Card component for flipping content

package/cjs/materialui/card/FlippingCardContent.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material");exports.FlippingCardContent=r=>{var{children:t,disabled:o,isFlipped:a=!1,flipOnHover:l=!0,sx:c,className:d,containerProps:u,slideProps:p}=r,b=e.__rest(r,["children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps"]);const x=u||{},{sx:f}=x,j=e.__rest(x,["sx"]),g=i.useRef(null),[v,h]=i.useState(a);i.useEffect(()=>{h(a)},[a]);const m=()=>!o&&l&&h(!0),O=()=>!o&&l&&h(!1);return s.jsx(n.ButtonBase,Object.assign({sx:Object.assign(Object.assign({display:"block",textAlign:"left",position:"absolute",inset:"0px",overflow:"hidden",borderRadius:"inherit"},l||a?{}:{pointerEvents:"none"}),f),component:"div",ref:g,onFocus:m,onBlur:O,onMouseEnter:m,onMouseLeave:O,"aria-hidden":!v,className:["FlowFlippingCardContent-root",d].filter(Boolean).join(", ")},j,{children:s.jsx(n.Slide,Object.assign({in:v,direction:"up",container:g.current},p,{children:s.jsx(n.CardContent,Object.assign({sx:Object.assign({position:"absolute",inset:"0",backgroundColor:"surface.primary",overflow:"auto"},c)},b,{children:t}))}))}))};
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material");exports.FlippingCardContent=r=>{var{children:t,disabled:o,isFlipped:a=!1,flipOnHover:l=!0,sx:c,className:d,containerProps:u,slideProps:p}=r,b=e.__rest(r,["children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps"]);const x=u||{},{sx:f}=x,j=e.__rest(x,["sx"]),g=i.useRef(null),[v,h]=i.useState(a);i.useEffect(()=>{h(a)},[a]);const m=()=>!o&&l&&h(!0),O=()=>!o&&l&&h(!1);return s.jsx(n.ButtonBase,Object.assign({sx:Object.assign(Object.assign({display:"block",textAlign:"left",position:"absolute",inset:"0px",overflow:"hidden",borderRadius:"inherit"},l||a?{}:{pointerEvents:"none"}),f),component:"div",ref:g,onFocus:m,onBlur:O,onMouseEnter:m,onMouseLeave:O,"aria-hidden":!v,className:["FlowFlippingCardContent-root",d].filter(Boolean).join(" ")},j,{children:s.jsx(n.Slide,Object.assign({in:v,direction:"up",container:g.current},p,{children:s.jsx(n.CardContent,Object.assign({sx:Object.assign({position:"absolute",inset:"0",backgroundColor:"surface.primary",overflow:"auto"},c)},b,{children:t}))}))}))};
 //# sourceMappingURL=FlippingCardContent.js.map

package/cjs/materialui/card/FlippingCardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlippingCardContent.js","sources":["../../../../../src/materialui/card/FlippingCardContent.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { Slide, SlideProps, CardContent, CardContentProps, ButtonBase, ButtonBaseProps } from '@mui/material';\n\nexport interface FlippingCardContentProps extends CardContentProps {\n  disabled?: boolean;\n  /**\n   * Specifies if detail should be flipped on card hover\n   * @default true\n   */\n  flipOnHover?: boolean;\n  /**\n   * Specifies if detail should be flipped\n   * @default false\n   */\n  isFlipped?: boolean;\n  /**\n   * Properties applied to wrapper component\n   */\n  containerProps?: ButtonBaseProps;\n  /**\n   * Properties applied to <Slide /> component\n   */\n  slideProps?: SlideProps;\n}\n\n/**\n * Sub-element for Card component for flipping content\n */\nexport const FlippingCardContent: FC<FlippingCardContentProps> = ({\n  children,\n  disabled,\n  isFlipped = false,\n  flipOnHover = true,\n  sx,\n  className,\n  containerProps,\n  slideProps,\n  ...rest\n}) => {\n  const { sx: containerSx, ...restContainer } = containerProps || {};\n  const containerRef = useRef(null);\n\n  const [flipped, setFlipped] = useState(isFlipped);\n  /**\n   * Detect controlled state\n   */\n  useEffect(() => {\n    setFlipped(isFlipped);\n  }, [isFlipped]);\n\n  const handleMouseEnter = () => !disabled && flipOnHover && setFlipped(true);\n  const handleMouseLeave = () => !disabled && flipOnHover && setFlipped(false);\n\n  return (\n    <ButtonBase\n      sx={{\n        display: 'block',\n        textAlign: 'left',\n        position: 'absolute',\n        inset: '0px',\n        overflow: 'hidden',\n        borderRadius: 'inherit',\n        ...(!flipOnHover && !isFlipped\n          ? {\n              pointerEvents: 'none',\n            }\n          : {}),\n        ...containerSx,\n      }}\n      component=\"div\"\n      ref={containerRef}\n      onFocus={handleMouseEnter}\n      onBlur={handleMouseLeave}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-hidden={!flipped}\n      className={['FlowFlippingCardContent-root', className].filter(Boolean).join(', ')}\n      {...restContainer}\n    >\n      <Slide in={flipped} direction=\"up\" container={containerRef.current} {...slideProps}>\n        <CardContent\n          sx={{\n            position: 'absolute',\n            inset: '0',\n            backgroundColor: 'surface.primary',\n            overflow: 'auto',\n            ...sx,\n          }}\n          {...rest}\n        >\n          {children}\n        </CardContent>\n      </Slide>\n    </ButtonBase>\n  );\n};\n"],"names":["_a","children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps","rest","__rest","_b","containerSx","restContainer","containerRef","useRef","flipped","setFlipped","useState","useEffect","handleMouseEnter","handleMouseLeave","_jsx","ButtonBase","Object","assign","display","textAlign","position","inset","overflow","borderRadius","pointerEvents","component","ref","onFocus","onBlur","onMouseEnter","onMouseLeave","filter","Boolean","join","Slide","in","direction","container","current","CardContent","backgroundColor"],"mappings":"6IA4BkEA,QAAAC,SAChEA,EAAQC,SACRA,EAAQC,UACRA,GAAY,EAAKC,YACjBA,GAAc,EAAIC,GAClBA,EAAEC,UACFA,EAASC,eACTA,EAAcC,WACdA,KACGC,EAAIC,SAAAV,EATyD,CAAA,WAAA,WAAA,YAAA,cAAA,KAAA,YAAA,iBAAA,eAWhE,MAAMW,EAAwCJ,GAAkB,IAAxDF,GAAIO,KAAgBC,EAAaH,EAAAA,OAAAC,EAAnC,CAAA,OACAG,EAAeC,EAAAA,OAAO,OAErBC,EAASC,GAAcC,EAAAA,SAASf,GAIvCgB,EAAAA,UAAU,KACRF,EAAWd,IACV,CAACA,IAEJ,MAAMiB,EAAmB,KAAOlB,GAAYE,GAAea,GAAW,GAChEI,EAAmB,KAAOnB,GAAYE,GAAea,GAAW,GAEtE,OACEK,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CACTpB,GAAEmB,OAAAC,OAAAD,OAAAC,OAAA,CACAC,QAAS,QACTC,UAAW,OACXC,SAAU,WACVC,MAAO,MACPC,SAAU,SACVC,aAAc,WACT3B,GAAgBD,EAIjB,CAAA,EAHA,CACE6B,cAAe,SAGlBpB,GAELqB,UAAU,MACVC,IAAKpB,EACLqB,QAASf,EACTgB,OAAQf,EACRgB,aAAcjB,EACdkB,aAAcjB,EAAgB,eAChBL,EACdV,UAAW,CAAC,+BAAgCA,GAAWiC,OAAOC,SAASC,KAAK,OACxE5B,EAAa,CAAAZ,SAEjBqB,EAAAA,IAACoB,EAAAA,MAAKlB,OAAAC,OAAA,CAACkB,GAAI3B,EAAS4B,UAAU,KAAKC,UAAW/B,EAAagC,SAAatC,EAAU,CAAAP,SAChFqB,EAAAA,IAACyB,EAAAA,YAAWvB,OAAAC,OAAA,CACVpB,GAAEmB,OAAAC,OAAA,CACAG,SAAU,WACVC,MAAO,IACPmB,gBAAiB,kBACjBlB,SAAU,QACPzB,IAEDI,EAAI,CAAAR,SAEPA"}
+{"version":3,"file":"FlippingCardContent.js","sources":["../../../../../src/materialui/card/FlippingCardContent.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { Slide, SlideProps, CardContent, CardContentProps, ButtonBase, ButtonBaseProps } from '@mui/material';\n\nexport interface FlippingCardContentProps extends CardContentProps {\n  /**\n   * Disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Specifies if detail should be flipped on card hover\n   * @default true\n   */\n  flipOnHover?: boolean;\n  /**\n   * Specifies if detail should be flipped\n   * @default false\n   */\n  isFlipped?: boolean;\n  /**\n   * Properties applied to wrapper component\n   */\n  containerProps?: ButtonBaseProps;\n  /**\n   * Properties applied to <Slide /> component\n   */\n  slideProps?: Omit<SlideProps, 'children'>;\n}\n\n/**\n * Sub-element for Card component for flipping content\n */\nexport const FlippingCardContent: FC<FlippingCardContentProps> = ({\n  children,\n  disabled,\n  isFlipped = false,\n  flipOnHover = true,\n  sx,\n  className,\n  containerProps,\n  slideProps,\n  ...rest\n}) => {\n  const { sx: containerSx, ...restContainer } = containerProps || {};\n  const containerRef = useRef(null);\n\n  const [flipped, setFlipped] = useState(isFlipped);\n  /**\n   * Detect controlled state\n   */\n  useEffect(() => {\n    setFlipped(isFlipped);\n  }, [isFlipped]);\n\n  const handleMouseEnter = () => !disabled && flipOnHover && setFlipped(true);\n  const handleMouseLeave = () => !disabled && flipOnHover && setFlipped(false);\n\n  return (\n    <ButtonBase\n      sx={{\n        display: 'block',\n        textAlign: 'left',\n        position: 'absolute',\n        inset: '0px',\n        overflow: 'hidden',\n        borderRadius: 'inherit',\n        ...(!flipOnHover && !isFlipped\n          ? {\n              pointerEvents: 'none',\n            }\n          : {}),\n        ...containerSx,\n      }}\n      component=\"div\"\n      ref={containerRef}\n      onFocus={handleMouseEnter}\n      onBlur={handleMouseLeave}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-hidden={!flipped}\n      className={['FlowFlippingCardContent-root', className].filter(Boolean).join(' ')}\n      {...restContainer}\n    >\n      <Slide in={flipped} direction=\"up\" container={containerRef.current} {...slideProps}>\n        <CardContent\n          sx={{\n            position: 'absolute',\n            inset: '0',\n            backgroundColor: 'surface.primary',\n            overflow: 'auto',\n            ...sx,\n          }}\n          {...rest}\n        >\n          {children}\n        </CardContent>\n      </Slide>\n    </ButtonBase>\n  );\n};\n"],"names":["_a","children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps","rest","__rest","_b","containerSx","restContainer","containerRef","useRef","flipped","setFlipped","useState","useEffect","handleMouseEnter","handleMouseLeave","_jsx","ButtonBase","Object","assign","display","textAlign","position","inset","overflow","borderRadius","pointerEvents","component","ref","onFocus","onBlur","onMouseEnter","onMouseLeave","filter","Boolean","join","Slide","in","direction","container","current","CardContent","backgroundColor"],"mappings":"6IA+BkEA,QAAAC,SAChEA,EAAQC,SACRA,EAAQC,UACRA,GAAY,EAAKC,YACjBA,GAAc,EAAIC,GAClBA,EAAEC,UACFA,EAASC,eACTA,EAAcC,WACdA,KACGC,EAAIC,SAAAV,EATyD,CAAA,WAAA,WAAA,YAAA,cAAA,KAAA,YAAA,iBAAA,eAWhE,MAAMW,EAAwCJ,GAAkB,IAAxDF,GAAIO,KAAgBC,EAAaH,EAAAA,OAAAC,EAAnC,CAAA,OACAG,EAAeC,EAAAA,OAAO,OAErBC,EAASC,GAAcC,EAAAA,SAASf,GAIvCgB,EAAAA,UAAU,KACRF,EAAWd,IACV,CAACA,IAEJ,MAAMiB,EAAmB,KAAOlB,GAAYE,GAAea,GAAW,GAChEI,EAAmB,KAAOnB,GAAYE,GAAea,GAAW,GAEtE,OACEK,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CACTpB,GAAEmB,OAAAC,OAAAD,OAAAC,OAAA,CACAC,QAAS,QACTC,UAAW,OACXC,SAAU,WACVC,MAAO,MACPC,SAAU,SACVC,aAAc,WACT3B,GAAgBD,EAIjB,CAAA,EAHA,CACE6B,cAAe,SAGlBpB,GAELqB,UAAU,MACVC,IAAKpB,EACLqB,QAASf,EACTgB,OAAQf,EACRgB,aAAcjB,EACdkB,aAAcjB,EAAgB,eAChBL,EACdV,UAAW,CAAC,+BAAgCA,GAAWiC,OAAOC,SAASC,KAAK,MACxE5B,EAAa,CAAAZ,SAEjBqB,EAAAA,IAACoB,EAAAA,MAAKlB,OAAAC,OAAA,CAACkB,GAAI3B,EAAS4B,UAAU,KAAKC,UAAW/B,EAAagC,SAAatC,EAAU,CAAAP,SAChFqB,EAAAA,IAACyB,EAAAA,YAAWvB,OAAAC,OAAA,CACVpB,GAAEmB,OAAAC,OAAA,CACAG,SAAU,WACVC,MAAO,IACPmB,gBAAiB,kBACjBlB,SAAU,QACPzB,IAEDI,EAAI,CAAAR,SAEPA"}