@skodaflow/web-library 8.1.0 → 8.3.0

package/materialui/table/tablePagination.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.theme.js","sources":["../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n  defaultProps: {\n    // not recommended properties, <Pagination /> component should be utilized instead\n    showFirstButton: false,\n    showLastButton: false,\n    // adjust label\n    //  we are obtaining max page from the available params\n    //    - first page, calculated from 'from' and 'to'\n    //    - other pages, calculated from 'from' - 1 and diving by current page\n    labelDisplayedRows: ({ from, to, count, page }) => (\n      <>\n        <Box component=\"strong\">{page + 1}</Box>\n        <Box component=\"span\" className=\"divider\">{` / `}</Box>\n        <Box component=\"span\">{Math.round(count / (page >= 1 ? (from - 1) / page : to - from + 1)) || 1}</Box>\n      </>\n    ),\n    // correct icons\n    slots: {\n      actions: {\n        // navigation arrows\n        previousButtonIcon: ArrowLeftIcon,\n        nextButtonIcon: ArrowRightIcon,\n        // first & last extra arrow (hidden by default)\n        firstButtonIcon: ChevronPreviousIcon,\n        lastButtonIcon: ChevronNextIcon,\n      },\n    },\n    slotProps: {\n      actions: {\n        previousButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-previous',\n        },\n        nextButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-next',\n        },\n        firstButton: {\n          size: 'medium',\n        },\n        lastButton: {\n          size: 'medium',\n        },\n      },\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // we are outside table\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      // part of <TableFooter /> and <TableRow />\n      '&td': {\n        border: 'none',\n        borderRadius: '0',\n      },\n    }),\n    // wrapper under root\n    toolbar: ({ theme }) => ({\n      position: 'relative',\n      justifyContent: 'center',\n      // mimic style from tableCell.theme\n      [theme.breakpoints.up('md')]: {\n        minHeight: '80px',\n        // right padding also affect position of displayedRows\n        padding: '4px 24px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // support multiple rows\n        flexWrap: 'wrap',\n        // adjust proportions\n        minHeight: '0',\n        padding: '8px 16px',\n      },\n    }),\n    // first element on left side\n    spacer: ({ theme }) => ({\n      // make sure to keep most of the space on the left\n      flexGrow: '1',\n      flexBasis: 'auto',\n      // in case text is provided\n      ...theme.typography.body,\n      // tiny responsive\n      [theme.breakpoints.down('sm')]: {\n        // take whole row\n        flexBasis: '100%',\n        textAlign: 'center',\n      },\n    }),\n    // 'row per page:' text\n    selectLabel: {\n      margin: '0',\n    },\n    // input field for amount of rows\n    input: ({ theme }) => ({\n      margin: '0',\n      padding: '0',\n      borderRadius: '4px',\n      ...theme.typography.body,\n      ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      '&& .MuiSelect-select': {\n        padding: '4px 26px 4px 4px',\n      },\n    }),\n    // label of current page, 1/10\n    displayedRows: ({ theme, ownerState }) => ({\n      // move into actions\n      position: 'absolute',\n      // IconButton size + padding\n      right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n      // this requires fixed size, also prevents jumping\n      width: '90px',\n      textAlign: 'center',\n      whiteSpace: 'nowrap',\n      // match size of IconButtons\n      height: '44px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      // proportions and style\n      margin: '0',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n      strong: {\n        color: theme.palette.text.primary,\n      },\n      '.divider': {\n        fontWeight: '400',\n        margin: '0 4px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to 2nd row (matches new padding from toolbar)\n        bottom: '8px',\n        // move to center\n        right: '0',\n        left: '0',\n        margin: '0 auto',\n      },\n    }),\n    // navigation arrows, < >\n    actions: ({ theme }) => ({\n      margin: '0',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      // make sure to keep most of the space on the right\n      flexGrow: '1',\n      '& .MuiTablePagination-actions-next': {\n        // extra space for displayedRows\n        marginLeft: '90px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to new row\n        flexBasis: '100%',\n        // center content\n        justifyContent: 'center',\n      },\n    }),\n  },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","round","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"0fAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAACC,EAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAACC,EAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,MAAMV,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIlGa,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EACpBC,eAAgBC,EAEhBC,gBAAiBC,EACjBC,eAAgBC,IAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,YAAO,CAEhBgB,SAAU,IACVC,UAAW,UAERjB,EAAMkB,WAAWC,KAEpB,CAACnB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGvB,YAAO,CACfsB,OAAQ,IACRV,QAAS,IACTP,aAAc,SACXL,EAAMkB,WAAWC,QACjBK,EAAkBxB,GAAO,EAAO,MAAO,iBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5Be,WAAY,OAEd,uBAAwB,CACtBb,QAAS,sBAIbc,cAAe,EAAG1B,QAAO2B,iBAAY,CAEnCpB,SAAU,WAEVqB,MAAsD,IAA3CD,EAAW5D,eAAiB,GAAS,IAAzC,KAEP8D,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZzB,eAAgB,SAEhBc,OAAQ,IACRY,MAA8B,SAAvBlC,EAAME,QAAQiC,KAAkBnC,EAAME,QAAQkC,UAAUC,MAAQrC,EAAME,QAAQkC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOlC,EAAME,QAAQsC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACtB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B6B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZvC,QAAS,EAAGiB,YAAO,CACjBsB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZzB,eAAgB,WAEhBQ,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC5C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OAEXT,eAAgB"}
+{"version":3,"file":"tablePagination.theme.js","sources":["../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n  defaultProps: {\n    // not recommended properties, <Pagination /> component should be utilized instead\n    showFirstButton: false,\n    showLastButton: false,\n    // adjust label\n    //  we are obtaining max page from the available params\n    //    - first page, calculated from 'from' and 'to'\n    //    - other pages, calculated from 'from' - 1 and diving by current page\n    labelDisplayedRows: ({ from, to, count, page }) => (\n      <>\n        <Box component=\"strong\">{page + 1}</Box>\n        <Box component=\"span\" className=\"divider\">{` / `}</Box>\n        <Box component=\"span\">{Math.ceil(count / (page >= 1 ? (from - 1) / page : to - from + 1)) || 1}</Box>\n      </>\n    ),\n    // correct icons\n    slots: {\n      actions: {\n        // navigation arrows\n        previousButtonIcon: ArrowLeftIcon,\n        nextButtonIcon: ArrowRightIcon,\n        // first & last extra arrow (hidden by default)\n        firstButtonIcon: ChevronPreviousIcon,\n        lastButtonIcon: ChevronNextIcon,\n      },\n    },\n    slotProps: {\n      actions: {\n        previousButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-previous',\n        },\n        nextButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-next',\n        },\n        firstButton: {\n          size: 'medium',\n        },\n        lastButton: {\n          size: 'medium',\n        },\n      },\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // we are outside table\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      // part of <TableFooter /> and <TableRow />\n      '&td': {\n        border: 'none',\n        borderRadius: '0',\n      },\n    }),\n    // wrapper under root\n    toolbar: ({ theme }) => ({\n      position: 'relative',\n      justifyContent: 'center',\n      // mimic style from tableCell.theme\n      [theme.breakpoints.up('md')]: {\n        minHeight: '80px',\n        // right padding also affect position of displayedRows\n        padding: '4px 24px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // support multiple rows\n        flexWrap: 'wrap',\n        // adjust proportions\n        minHeight: '0',\n        padding: '8px 16px',\n      },\n    }),\n    // first element on left side\n    spacer: ({ theme }) => ({\n      // make sure to keep most of the space on the left\n      flexGrow: '1',\n      flexBasis: 'auto',\n      // in case text is provided\n      ...theme.typography.body,\n      // tiny responsive\n      [theme.breakpoints.down('sm')]: {\n        // take whole row\n        flexBasis: '100%',\n        textAlign: 'center',\n      },\n    }),\n    // 'row per page:' text\n    selectLabel: {\n      margin: '0',\n    },\n    // input field for amount of rows\n    input: ({ theme }) => ({\n      margin: '0',\n      padding: '0',\n      borderRadius: '4px',\n      ...theme.typography.body,\n      ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      '&& .MuiSelect-select': {\n        padding: '4px 26px 4px 4px',\n      },\n    }),\n    // label of current page, 1/10\n    displayedRows: ({ theme, ownerState }) => ({\n      // move into actions\n      position: 'absolute',\n      // IconButton size + padding\n      right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n      // this requires fixed size, also prevents jumping\n      width: '90px',\n      textAlign: 'center',\n      whiteSpace: 'nowrap',\n      // match size of IconButtons\n      height: '44px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      // proportions and style\n      margin: '0',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n      strong: {\n        color: theme.palette.text.primary,\n      },\n      '.divider': {\n        fontWeight: '400',\n        margin: '0 4px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to 2nd row (matches new padding from toolbar)\n        bottom: '8px',\n        // move to center\n        right: '0',\n        left: '0',\n        margin: '0 auto',\n      },\n    }),\n    // navigation arrows, < >\n    actions: ({ theme }) => ({\n      margin: '0',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      // make sure to keep most of the space on the right\n      flexGrow: '1',\n      '& .MuiTablePagination-actions-next': {\n        // extra space for displayedRows\n        marginLeft: '90px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to new row\n        flexBasis: '100%',\n        // center content\n        justifyContent: 'center',\n      },\n    }),\n  },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","ceil","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"0fAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAACC,EAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAACC,EAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,KAAKV,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIjGa,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EACpBC,eAAgBC,EAEhBC,gBAAiBC,EACjBC,eAAgBC,IAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,YAAO,CAEhBgB,SAAU,IACVC,UAAW,UAERjB,EAAMkB,WAAWC,KAEpB,CAACnB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGvB,YAAO,CACfsB,OAAQ,IACRV,QAAS,IACTP,aAAc,SACXL,EAAMkB,WAAWC,QACjBK,EAAkBxB,GAAO,EAAO,MAAO,iBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5Be,WAAY,OAEd,uBAAwB,CACtBb,QAAS,sBAIbc,cAAe,EAAG1B,QAAO2B,iBAAY,CAEnCpB,SAAU,WAEVqB,MAAsD,IAA3CD,EAAW5D,eAAiB,GAAS,IAAzC,KAEP8D,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZzB,eAAgB,SAEhBc,OAAQ,IACRY,MAA8B,SAAvBlC,EAAME,QAAQiC,KAAkBnC,EAAME,QAAQkC,UAAUC,MAAQrC,EAAME,QAAQkC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOlC,EAAME,QAAQsC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACtB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B6B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZvC,QAAS,EAAGiB,YAAO,CACjBsB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZzB,eAAgB,WAEhBQ,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC5C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OAEXT,eAAgB"}

package/materialui/tabs/tabs.theme.js

@@ -1,2 +1,2 @@
-import{TabsScrollButton as e}from"./TabsScrollButton.js";import{updateFocusRingStyle as t}from"../../components/focusring/focusring.js";import{getInteractiveStyle as r}from"../button/interactive.js";const o={defaultProps:{template:"underlined",scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e}},styleOverrides:{root:({ownerState:e})=>({minHeight:"0",alignItems:"center",gap:"0",...e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{},...e.centered?{justifyContent:"center"}:{},'&:not(:has(.MuiTab-root[aria-selected="true"]))':{"& .MuiTabs-indicator":{opacity:"0"}}}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,..."secondary"===t.indicatorColor&&{color:e.palette.text.primary},"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":{margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,...e.typography.subheadline,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}}})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{border:"1px solid transparent",padding:"6px 16px",borderRadius:"1000px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px",...t("0px",!1),...r({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary}),"&.Mui-selected":{...r({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})},[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}}})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":{marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"},...e.typography.list}})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"1000px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"1000px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":{margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"1000px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"},...e.typography.subheadline,color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}})}]};export{o as flowTabs};
+import{TabsScrollButton as e}from"./TabsScrollButton.js";import{updateFocusRingStyle as t}from"../../components/focusring/focusring.js";import{getInteractiveStyle as r}from"../button/interactive.js";import{getTypography as o}from"../typography/typography.theme.js";const a={defaultProps:{template:"underlined",scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e}},styleOverrides:{root:({theme:e,ownerState:t})=>({minHeight:"0",alignItems:"center",gap:"0",...t.fullWidth||"fullWidth"===t.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{},...t.centered?{justifyContent:"center"}:{},'&:not(:has(.MuiTab-root[aria-selected="true"]))':{"& .MuiTabs-indicator":{opacity:"0"}},"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}}),indicator:({theme:e,ownerState:t})=>({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,..."secondary"===t.indicatorColor&&{color:e.palette.text.primary},"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-list, & .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":{margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,...e.typography.subheadline,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}}})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{border:"1px solid transparent",padding:"6px 16px",borderRadius:"1000px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px",...t("0px",!1),...r({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary}),"&.Mui-selected":{...r({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})},[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}}})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":{marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"},...e.typography.list}})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"1000px"},"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"1000px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":{margin:"0",borderRadius:"1000px",transition:"all 0.3s ease-out",padding:"6px 16px",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"},color:e.palette.text.primary,...o("subheadline","rtl"===e.direction,"small"),[e.breakpoints.up("md")]:{...o("subheadline","rtl"===e.direction,"large"),padding:"8px 16px"},[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}})}]};export{a as flowTabs};
 //# sourceMappingURL=tabs.theme.js.map

package/materialui/tabs/tabs.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.theme.js","sources":["../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n  defaultProps: {\n    template: 'underlined',\n    // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n    scrollButtons: 'auto',\n    allowScrollButtonsMobile: true,\n    visibleScrollbar: false,\n    variant: 'scrollable',\n    slots: {\n      scrollButtons: TabsScrollButton,\n    },\n  },\n  styleOverrides: {\n    root: ({ ownerState }) => ({\n      minHeight: '0',\n      alignItems: 'center',\n      // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n      gap: '0',\n      ...(ownerState.fullWidth || ownerState.variant === 'fullWidth'\n        ? {\n            '& .MuiTab-root': {\n              flexGrow: '1',\n            },\n          }\n        : {}),\n      // @mui omits centered property with variant scrollable,\n      //  therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n      ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n      // check if we don't have any tab selected\n      '&:not(:has(.MuiTab-root[aria-selected=\"true\"]))': {\n        // hide indicator\n        '& .MuiTabs-indicator': {\n          opacity: '0',\n        },\n      },\n    }),\n    flexContainer: ({ theme }) => ({\n      gap: '16px',\n      [theme.breakpoints.up('md')]: {\n        gap: '28px',\n      },\n    }),\n    indicator: ({ theme, ownerState }) => ({\n      maxWidth: 'none',\n      background: 'transparent',\n      display: 'block',\n      height: '3px',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      ...(ownerState.indicatorColor === 'secondary' && {\n        color: theme.palette.text.primary,\n      }),\n      // actual indicator line\n      '&:before': {\n        display: 'block',\n        content: '\"\"',\n        position: 'absolute',\n        left: '8px',\n        right: '8px',\n        top: '0',\n        bottom: '0',\n        backgroundColor: 'currentColor',\n      },\n    }),\n    scroller: ({ ownerState }) => ({\n      flexGrow: ownerState.fullWidth || ownerState.variant === 'fullWidth' ? '1' : '0',\n      // restyle horizontal scrollbar\n      '&::-webkit-scrollbar:horizontal': {\n        height: '24px',\n      },\n      '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n        borderWidth: '10px',\n      },\n    }),\n    scrollButtons: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      // do not hide disabled scroll buttons\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { template: 'underlined' },\n      style: ({ theme }) => ({\n        // align with rest of the page, due to extra space\n        marginLeft: '-6px',\n        marginRight: '-6px',\n        maxWidth: 'none',\n        // scroll container\n        '& .MuiTabs-scroller': {\n          '&::-webkit-scrollbar:horizontal': {\n            height: '16px',\n          },\n          '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n            borderWidth: '6px',\n          },\n        },\n        // container\n        '& .MuiTabs-flexContainer': {\n          // extra space for the focus indicator\n          padding: '6px',\n          // remove gap between tabs\n          gap: '0',\n        },\n        // indicator line\n        '& .MuiTabs-indicator': {\n          // move directly into tab border\n          bottom: '6px',\n          '&:before': {\n            // make full-width\n            inset: '0',\n          },\n        },\n        // Tabs itself\n        '& .MuiTab-root': {\n          // remove space around tab in favor of padding\n          margin: '0',\n          // increase spacing\n          padding: '12px 24px',\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            paddingTop: '10px',\n            paddingBottom: '10px',\n          },\n          // style adjust\n          borderRadius: '0',\n          color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n          // font\n          ...theme.typography.subheadline,\n          [theme.breakpoints.up('xs')]: {\n            fontWeight: '300',\n          },\n          // bottom border\n          '&:after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            bottom: '0',\n            height: '1px',\n            backgroundColor: theme.palette.onSurface.os500,\n          },\n          // hover effect\n          '&:hover, &.Mui-focusVisible': {\n            // increase size of the border\n            '&:after': {\n              height: '2px',\n            },\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n          // focused style\n          '&.Mui-focusVisible': {\n            // higher z-index than others\n            zIndex: '10',\n            // extra white border\n            boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n            '&:before': {\n              // move outside\n              inset: '-2px',\n              // add extra border radius\n              borderRadius: '4px',\n            },\n          },\n        },\n      }),\n    },\n    {\n      props: { template: 'buttons' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // hide bottom line\n        '& .MuiTabs-indicator': {\n          display: 'none',\n        },\n        // restyle tabs to buttons\n        '& .MuiTab-root': {\n          border: '1px solid transparent',\n          padding: '6px 16px',\n          borderRadius: '1000px',\n          transition: 'all 0.3s ease-out',\n          fontSize: '14px',\n          fontWeight: '700',\n          marginBottom: '2px',\n          ...updateFocusRingStyle('0px', false),\n          ...getInteractiveStyle(\n            {\n              backgroundColor: 'transparent',\n              color: theme.palette.onSurface.os500,\n            },\n            {\n              backgroundColor: theme.palette.surface.primary,\n              color: theme.palette.text.primary,\n            },\n          ),\n          '&.Mui-selected': {\n            ...getInteractiveStyle(\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.text.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n            ),\n          },\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n        },\n      }),\n    },\n    {\n      // variant used in the SecondaryNavigation\n      props: { template: 'navigation' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '4px',\n        },\n        // manual align\n        paddingTop: '11px',\n        [theme.breakpoints.down('xl')]: {\n          paddingTop: '13px',\n        },\n        [theme.breakpoints.down('lg')]: {\n          paddingTop: '8px',\n        },\n        // restyle tabs typography\n        '& .MuiTab-root': {\n          marginBottom: '11px',\n          [theme.breakpoints.down('xl')]: {\n            marginBottom: '13px',\n          },\n          [theme.breakpoints.down('lg')]: {\n            marginBottom: '8px',\n          },\n          ...theme.typography.list,\n        },\n      }),\n    },\n    {\n      props: { template: 'segmented' },\n      style: ({ theme }) => ({\n        // used for background\n        color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n        // container\n        '& .MuiTabs-scroller': {\n          backgroundColor: 'currentColor',\n          borderRadius: '1000px',\n        },\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // restyle indicator to white bordered travelling background\n        '& .MuiTabs-indicator': {\n          color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n          // proportion\n          height: '100%',\n          // z-index bellow <Tab />\n          zIndex: '10',\n          borderRadius: '1000px',\n          // make sure border from :before is not visible when no tab is selected\n          overflow: 'hidden',\n          '&:before': {\n            inset: '0',\n            borderRadius: 'inherit',\n            border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n          },\n        },\n        // restyle tabs\n        '& .MuiTab-root': {\n          margin: '0',\n          padding: '6px 16px',\n          [theme.breakpoints.up('md')]: {\n            padding: '8px 16px',\n          },\n          borderRadius: '1000px',\n          transition: 'all 0.3s ease-out',\n          // space between icon and text\n          gap: '10px',\n          // z-index above indicator\n          zIndex: '20',\n          // icon inside\n          '& .MuiSvgIcon-root': {\n            fontSize: '20px',\n            marginTop: '4px',\n            marginBottom: '4px',\n          },\n          // change typography\n          ...theme.typography.subheadline,\n          color: theme.palette.text.primary,\n          [theme.breakpoints.up('xs')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n          // hover and focus\n          '&:hover, &.Mui-focusVisible': {\n            backgroundColor: theme.palette.surface.primary,\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n            '&:hover, &.Mui-focusVisible': {\n              backgroundColor: 'transparent',\n            },\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowTabs","defaultProps","template","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","ownerState","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","opacity","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","disabled","variants","props","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","overflow","marginTop"],"mappings":"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"}
+{"version":3,"file":"tabs.theme.js","sources":["../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n  defaultProps: {\n    template: 'underlined',\n    // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n    scrollButtons: 'auto',\n    allowScrollButtonsMobile: true,\n    visibleScrollbar: false,\n    variant: 'scrollable',\n    slots: {\n      scrollButtons: TabsScrollButton,\n    },\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      minHeight: '0',\n      alignItems: 'center',\n      // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n      gap: '0',\n      ...(ownerState.fullWidth || ownerState.variant === 'fullWidth'\n        ? {\n            '& .MuiTab-root': {\n              flexGrow: '1',\n            },\n          }\n        : {}),\n      // @mui omits centered property with variant scrollable,\n      //  therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n      ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n      // check if we don't have any tab selected\n      '&:not(:has(.MuiTab-root[aria-selected=\"true\"]))': {\n        // hide indicator\n        '& .MuiTabs-indicator': {\n          opacity: '0',\n        },\n      },\n      // container\n      // note: once we stop supporting @mui v7, can be moved directly under list: {}\n      '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n        gap: '16px',\n        [theme.breakpoints.up('md')]: {\n          gap: '28px',\n        },\n      },\n    }),\n    indicator: ({ theme, ownerState }) => ({\n      maxWidth: 'none',\n      background: 'transparent',\n      display: 'block',\n      height: '3px',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      ...(ownerState.indicatorColor === 'secondary' && {\n        color: theme.palette.text.primary,\n      }),\n      // actual indicator line\n      '&:before': {\n        display: 'block',\n        content: '\"\"',\n        position: 'absolute',\n        left: '8px',\n        right: '8px',\n        top: '0',\n        bottom: '0',\n        backgroundColor: 'currentColor',\n      },\n    }),\n    scroller: ({ ownerState }) => ({\n      flexGrow: ownerState.fullWidth || ownerState.variant === 'fullWidth' ? '1' : '0',\n      // restyle horizontal scrollbar\n      '&::-webkit-scrollbar:horizontal': {\n        height: '24px',\n      },\n      '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n        borderWidth: '10px',\n      },\n    }),\n    scrollButtons: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      // do not hide disabled scroll buttons\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { template: 'underlined' },\n      style: ({ theme }) => ({\n        // align with rest of the page, due to extra space\n        marginLeft: '-6px',\n        marginRight: '-6px',\n        maxWidth: 'none',\n        // scroll container\n        '& .MuiTabs-scroller': {\n          '&::-webkit-scrollbar:horizontal': {\n            height: '16px',\n          },\n          '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n            borderWidth: '6px',\n          },\n        },\n        // container\n        '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n          // extra space for the focus indicator\n          padding: '6px',\n          // remove gap between tabs\n          gap: '0',\n        },\n        // indicator line\n        '& .MuiTabs-indicator': {\n          // move directly into tab border\n          bottom: '6px',\n          '&:before': {\n            // make full-width\n            inset: '0',\n          },\n        },\n        // Tabs itself\n        '& .MuiTab-root': {\n          // remove space around tab in favor of padding\n          margin: '0',\n          // increase spacing\n          padding: '12px 24px',\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            paddingTop: '10px',\n            paddingBottom: '10px',\n          },\n          // style adjust\n          borderRadius: '0',\n          color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n          // font\n          ...theme.typography.subheadline,\n          [theme.breakpoints.up('xs')]: {\n            fontWeight: '300',\n          },\n          // bottom border\n          '&:after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            bottom: '0',\n            height: '1px',\n            backgroundColor: theme.palette.onSurface.os500,\n          },\n          // hover effect\n          '&:hover, &.Mui-focusVisible': {\n            // increase size of the border\n            '&:after': {\n              height: '2px',\n            },\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n          // focused style\n          '&.Mui-focusVisible': {\n            // higher z-index than others\n            zIndex: '10',\n            // extra white border\n            boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n            '&:before': {\n              // move outside\n              inset: '-2px',\n              // add extra border radius\n              borderRadius: '4px',\n            },\n          },\n        },\n      }),\n    },\n    {\n      props: { template: 'buttons' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // hide bottom line\n        '& .MuiTabs-indicator': {\n          display: 'none',\n        },\n        // restyle tabs to buttons\n        '& .MuiTab-root': {\n          border: '1px solid transparent',\n          padding: '6px 16px',\n          borderRadius: '1000px',\n          transition: 'all 0.3s ease-out',\n          fontSize: '14px',\n          fontWeight: '700',\n          marginBottom: '2px',\n          ...updateFocusRingStyle('0px', false),\n          ...getInteractiveStyle(\n            {\n              backgroundColor: 'transparent',\n              color: theme.palette.onSurface.os500,\n            },\n            {\n              backgroundColor: theme.palette.surface.primary,\n              color: theme.palette.text.primary,\n            },\n          ),\n          '&.Mui-selected': {\n            ...getInteractiveStyle(\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.text.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n            ),\n          },\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n        },\n      }),\n    },\n    {\n      // variant used in the SecondaryNavigation\n      props: { template: 'navigation' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '4px',\n        },\n        // manual align\n        paddingTop: '11px',\n        [theme.breakpoints.down('xl')]: {\n          paddingTop: '13px',\n        },\n        [theme.breakpoints.down('lg')]: {\n          paddingTop: '8px',\n        },\n        // restyle tabs typography\n        '& .MuiTab-root': {\n          marginBottom: '11px',\n          [theme.breakpoints.down('xl')]: {\n            marginBottom: '13px',\n          },\n          [theme.breakpoints.down('lg')]: {\n            marginBottom: '8px',\n          },\n          ...theme.typography.list,\n        },\n      }),\n    },\n    {\n      props: { template: 'segmented' },\n      style: ({ theme }) => ({\n        // used for background\n        color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n        // container\n        '& .MuiTabs-scroller': {\n          backgroundColor: 'currentColor',\n          borderRadius: '1000px',\n        },\n        '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // restyle indicator to white bordered travelling background\n        '& .MuiTabs-indicator': {\n          color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n          // proportion\n          height: '100%',\n          // z-index bellow <Tab />\n          zIndex: '10',\n          borderRadius: '1000px',\n          // make sure border from :before is not visible when no tab is selected\n          overflow: 'hidden',\n          '&:before': {\n            inset: '0',\n            borderRadius: 'inherit',\n            border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n          },\n        },\n        // restyle tabs\n        '& .MuiTab-root': {\n          margin: '0',\n          borderRadius: '1000px',\n          transition: 'all 0.3s ease-out',\n          // proportions\n          padding: '6px 16px',\n          // space between icon and text\n          gap: '10px',\n          // z-index above indicator\n          zIndex: '20',\n          // icon inside\n          '& .MuiSvgIcon-root': {\n            fontSize: '20px',\n            marginTop: '4px',\n            marginBottom: '4px',\n          },\n          // change typography\n          color: theme.palette.text.primary,\n          ...getTypography('subheadline', theme.direction === 'rtl', 'small'),\n          [theme.breakpoints.up('md')]: {\n            ...getTypography('subheadline', theme.direction === 'rtl', 'large'),\n            // update proportions\n            padding: '8px 16px',\n          },\n          [theme.breakpoints.up('xs')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n          // hover and focus\n          '&:hover, &.Mui-focusVisible': {\n            backgroundColor: theme.palette.surface.primary,\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n            '&:hover, &.Mui-focusVisible': {\n              backgroundColor: 'transparent',\n            },\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowTabs","defaultProps","template","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","theme","ownerState","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","opacity","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","disabled","variants","props","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","overflow","marginTop","getTypography","direction"],"mappings":"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"}

package/materialui/textfield/FormHelperText.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useImperativeHandle as l,useState as n}from"react";import{Tooltip as i,Box as s,ButtonBase as a}from"@mui/material";import{WarningFilledIcon as c}from"../../components/icon/filled/WarningFilledIcon.js";import{useElementScrollable as m}from"../../utils/useElementScrollable/useElementScrollable.js";import{getFocusRingStyle as p}from"../../components/focusring/focusring.js";const x=r(({children:r,sx:x,className:d,truncate:u,...f},h)=>{const b=o(null);l(h,()=>b.current);const[,w]=n(0),{isScrollable:g,elementRef:F}=m("x",e=>w(e?.offsetWidth||0)),S=d?.includes("Mui-error")&&!1!==u&&(g||!!b?.current?.querySelector(".Flow-scrollable"));return e(i,{title:r,placement:"bottom-start",slotProps:{tooltip:{sx:{maxWidth:b?.current?.getBoundingClientRect()?.width?b.current.getBoundingClientRect().width-24+"px":"398px","& .FlowHelperTextContent-textRight":{display:"none"}}},arrow:{sx:{transform:"none !important",left:"17px !important"}}},...!S&&{open:!1},children:t(s,{component:"p",className:d,sx:x,...d?.includes("Mui-error")&&{role:"alert",sx:{"&&":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",...!1!==u&&{overflow:"visible"}},...x}},ref:b,...f,children:[d?.includes("Mui-error")&&e(a,{sx:e=>({cursor:"default",borderRadius:"1px",ml:"2px",mr:"4px",...p(e,!0,"0px")}),"aria-label":"Error",className:"FlowHelperText-error-button-active",...!S&&{tabIndex:-1,className:"FlowHelperText-error-button"},children:e(c,{sx:{fontSize:"17px"}})}),e(s,{sx:{display:"block",overflow:!1!==u?"hidden":"inherit",textOverflow:"inherit",whiteSpace:"inherit",flexGrow:"1"},component:"span","data-testid":"FormHelperText-content",ref:F,children:r})]})},S?"long-error-message":"disabled-tooltip")});export{x as FormHelperText};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useImperativeHandle as l,useState as n}from"react";import{Tooltip as i,Box as s,ButtonBase as a}from"@mui/material";import{sxOverride as c}from"../../utils/sxOverride/sxOverride.js";import{WarningFilledIcon as m}from"../../components/icon/filled/WarningFilledIcon.js";import{useElementScrollable as p}from"../../utils/useElementScrollable/useElementScrollable.js";import{getFocusRingStyle as x}from"../../components/focusring/focusring.js";const d=t(({children:t,sx:d,className:u,truncate:f,...h},b)=>{const w=o(null);l(b,()=>w.current);const[,g]=n(0),{isScrollable:v,elementRef:j}=p("x",e=>g(e?.offsetWidth||0)),F=u?.includes("Mui-error")&&!1!==f&&(v||!!w?.current?.querySelector(".Flow-scrollable"));return e(i,{title:t,placement:"bottom-start",slotProps:{tooltip:{sx:{maxWidth:w?.current?.getBoundingClientRect()?.width?w.current.getBoundingClientRect().width-24+"px":"398px","& .FlowHelperTextContent-textRight":{display:"none"}}},arrow:{sx:{transform:"none !important",left:"17px !important"}}},...!F&&{open:!1},children:r(s,{component:"p",className:u,sx:d,...u?.includes("Mui-error")&&{role:"alert",sx:c({"&&":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",...!1!==f&&{overflow:"visible"}}},d)},ref:w,...h,children:[u?.includes("Mui-error")&&e(a,{sx:e=>({cursor:"default",borderRadius:"1px",ml:"2px",mr:"4px",...x(e,!0,"0px")}),"aria-label":"Error",className:"FlowHelperText-error-button-active",...!F&&{tabIndex:-1,className:"FlowHelperText-error-button"},children:e(m,{sx:{fontSize:"17px"}})}),e(s,{sx:{display:"block",overflow:!1!==f?"hidden":"inherit",textOverflow:"inherit",whiteSpace:"inherit",flexGrow:"1"},component:"span","data-testid":"FormHelperText-content",ref:j,children:t})]})},F?"long-error-message":"disabled-tooltip")});export{d as FormHelperText};
 //# sourceMappingURL=FormHelperText.js.map

package/materialui/textfield/FormHelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.js","sources":["../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/**\n * Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n  ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLParagraphElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current);\n    // changing width triggers re-render and updates max-width of tooltip that uses parent\n    const [, setWidth] = useState(0);\n    const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth || 0));\n    const tooltipActive =\n      // contains error\n      className?.includes('Mui-error') &&\n      // we are truncating\n      truncate !== false &&\n      // HelperText or HelperTextContent scrollable\n      (isScrollable || !!ref?.current?.querySelector('.Flow-scrollable'));\n\n    return (\n      <Tooltip\n        title={children}\n        placement=\"bottom-start\"\n        slotProps={{\n          tooltip: {\n            sx: {\n              // match size of helper text\n              maxWidth: ref?.current?.getBoundingClientRect()?.width\n                ? `${ref.current.getBoundingClientRect().width - 24}px`\n                : '398px',\n              // hide right side of HelperTextContent\n              '& .FlowHelperTextContent-textRight': {\n                display: 'none',\n              },\n            },\n          },\n          arrow: {\n            sx: {\n              // remove default transform\n              transform: 'none !important',\n              // align with icon\n              left: '17px !important',\n            },\n          },\n        }}\n        key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n        {...(!tooltipActive && {\n          open: false,\n        })}\n      >\n        <Box\n          component=\"p\"\n          className={className}\n          sx={sx}\n          {...(className?.includes('Mui-error') && {\n            role: 'alert',\n            sx: {\n              '&&': {\n                display: 'flex',\n                alignItems: 'flex-start',\n                justifyContent: 'flex-start',\n                ...(truncate !== false && {\n                  // make sure interactive FocusRing from error is visible\n                  overflow: 'visible',\n                }),\n              },\n              ...sx,\n            },\n          })}\n          ref={ref}\n          {...rest}\n        >\n          {className?.includes('Mui-error') && (\n            <ButtonBase\n              sx={(theme) => ({\n                cursor: 'default',\n                borderRadius: '1px',\n                ml: '2px',\n                mr: '4px',\n                ...getFocusRingStyle(theme, true, '0px'),\n              })}\n              aria-label=\"Error\"\n              className=\"FlowHelperText-error-button-active\"\n              {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n            >\n              <WarningFilledIcon sx={{ fontSize: '17px' }} />\n            </ButtonBase>\n          )}\n          <Box\n            sx={{\n              display: 'block',\n              overflow: truncate !== false ? 'hidden' : 'inherit',\n              textOverflow: 'inherit',\n              whiteSpace: 'inherit',\n              flexGrow: '1',\n            }}\n            component=\"span\"\n            data-testid=\"FormHelperText-content\"\n            ref={elementRef}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["FormHelperText","forwardRef","children","sx","className","truncate","rest","forwardedRef","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","querySelector","_jsx","Tooltip","title","placement","slotProps","tooltip","maxWidth","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"idASaA,EAA0CC,EACrD,EAAGC,WAAUC,KAAIC,YAAWC,cAAaC,GAAQC,KAC/C,MAAMC,EAAMC,EAA6B,MACzCC,EAAoBH,EAAc,IAAMC,EAAIG,SAE5C,OAASC,GAAYC,EAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,IAAMC,GAAOL,EAASK,GAAIC,aAAe,IAC7FC,EAEJf,GAAWgB,SAAS,eAEP,IAAbf,IAECS,KAAkBN,GAAKG,SAASU,cAAc,qBAEjD,OACEC,EAACC,EAAO,CACNC,MAAOtB,EACPuB,UAAU,eACVC,UAAW,CACTC,QAAS,CACPxB,GAAI,CAEFyB,SAAUpB,GAAKG,SAASkB,yBAAyBC,MAC1CtB,EAAIG,QAAQkB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACL7B,GAAI,CAEF8B,UAAW,kBAEXC,KAAM,yBAKNf,GAAiB,CACrBgB,MAAM,GACNjC,SAEFkC,EAACC,EAAG,CACFC,UAAU,IACVlC,UAAWA,EACXD,GAAIA,KACCC,GAAWgB,SAAS,cAAgB,CACvCmB,KAAM,QACNpC,GAAI,CACF,KAAM,CACJ4B,QAAS,OACTS,WAAY,aACZC,eAAgB,iBACC,IAAbpC,GAAsB,CAExBqC,SAAU,eAGXvC,IAGPK,IAAKA,KACDF,EAAIJ,SAAA,CAEPE,GAAWgB,SAAS,cACnBE,EAACqB,EAAU,CACTxC,GAAKyC,IAAK,CACRC,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,SACDC,EAAkBL,GAAO,EAAM,sBAEzB,QACXxC,UAAU,yCACJe,GAAiB,CAAE+B,UAAU,EAAI9C,UAAW,wCAElDkB,EAAC6B,GAAkBhD,GAAI,CAAEiD,SAAU,YAGvC9B,EAACe,EAAG,CACFlC,GAAI,CACF4B,QAAS,QACTW,UAAuB,IAAbrC,EAAqB,SAAW,UAC1CgD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZjB,UAAU,OAAM,cACJ,yBACZ9B,IAAKO,EAAUb,SAEdA,QAvDAiB,EAAgB,qBAAuB"}
+{"version":3,"file":"FormHelperText.js","sources":["../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/**\n * Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n  ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLParagraphElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current);\n    // changing width triggers re-render and updates max-width of tooltip that uses parent\n    const [, setWidth] = useState(0);\n    const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth || 0));\n    const tooltipActive =\n      // contains error\n      className?.includes('Mui-error') &&\n      // we are truncating\n      truncate !== false &&\n      // HelperText or HelperTextContent scrollable\n      (isScrollable || !!ref?.current?.querySelector('.Flow-scrollable'));\n\n    return (\n      <Tooltip\n        title={children}\n        placement=\"bottom-start\"\n        slotProps={{\n          tooltip: {\n            sx: {\n              // match size of helper text\n              maxWidth: ref?.current?.getBoundingClientRect()?.width\n                ? `${ref.current.getBoundingClientRect().width - 24}px`\n                : '398px',\n              // hide right side of HelperTextContent\n              '& .FlowHelperTextContent-textRight': {\n                display: 'none',\n              },\n            },\n          },\n          arrow: {\n            sx: {\n              // remove default transform\n              transform: 'none !important',\n              // align with icon\n              left: '17px !important',\n            },\n          },\n        }}\n        key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n        {...(!tooltipActive && {\n          open: false,\n        })}\n      >\n        <Box\n          component=\"p\"\n          className={className}\n          sx={sx}\n          {...(className?.includes('Mui-error') && {\n            role: 'alert',\n            sx: sxOverride(\n              {\n                '&&': {\n                  display: 'flex',\n                  alignItems: 'flex-start',\n                  justifyContent: 'flex-start',\n                  ...(truncate !== false && {\n                    // make sure interactive FocusRing from error is visible\n                    overflow: 'visible',\n                  }),\n                },\n              },\n              sx,\n            ),\n          })}\n          ref={ref}\n          {...rest}\n        >\n          {className?.includes('Mui-error') && (\n            <ButtonBase\n              sx={(theme) => ({\n                cursor: 'default',\n                borderRadius: '1px',\n                ml: '2px',\n                mr: '4px',\n                ...getFocusRingStyle(theme, true, '0px'),\n              })}\n              aria-label=\"Error\"\n              className=\"FlowHelperText-error-button-active\"\n              {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n            >\n              <WarningFilledIcon sx={{ fontSize: '17px' }} />\n            </ButtonBase>\n          )}\n          <Box\n            sx={{\n              display: 'block',\n              overflow: truncate !== false ? 'hidden' : 'inherit',\n              textOverflow: 'inherit',\n              whiteSpace: 'inherit',\n              flexGrow: '1',\n            }}\n            component=\"span\"\n            data-testid=\"FormHelperText-content\"\n            ref={elementRef}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["FormHelperText","forwardRef","children","sx","className","truncate","rest","forwardedRef","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","querySelector","_jsx","Tooltip","title","placement","slotProps","tooltip","maxWidth","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","sxOverride","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"mhBAUaA,EAA0CC,EACrD,EAAGC,WAAUC,KAAIC,YAAWC,cAAaC,GAAQC,KAC/C,MAAMC,EAAMC,EAA6B,MACzCC,EAAoBH,EAAc,IAAMC,EAAIG,SAE5C,OAASC,GAAYC,EAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,IAAMC,GAAOL,EAASK,GAAIC,aAAe,IAC7FC,EAEJf,GAAWgB,SAAS,eAEP,IAAbf,IAECS,KAAkBN,GAAKG,SAASU,cAAc,qBAEjD,OACEC,EAACC,EAAO,CACNC,MAAOtB,EACPuB,UAAU,eACVC,UAAW,CACTC,QAAS,CACPxB,GAAI,CAEFyB,SAAUpB,GAAKG,SAASkB,yBAAyBC,MAC1CtB,EAAIG,QAAQkB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACL7B,GAAI,CAEF8B,UAAW,kBAEXC,KAAM,yBAKNf,GAAiB,CACrBgB,MAAM,GACNjC,SAEFkC,EAACC,EAAG,CACFC,UAAU,IACVlC,UAAWA,EACXD,GAAIA,KACCC,GAAWgB,SAAS,cAAgB,CACvCmB,KAAM,QACNpC,GAAIqC,EACF,CACE,KAAM,CACJT,QAAS,OACTU,WAAY,aACZC,eAAgB,iBACC,IAAbrC,GAAsB,CAExBsC,SAAU,aAIhBxC,IAGJK,IAAKA,KACDF,EAAIJ,SAAA,CAEPE,GAAWgB,SAAS,cACnBE,EAACsB,EAAU,CACTzC,GAAK0C,IAAK,CACRC,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,SACDC,EAAkBL,GAAO,EAAM,sBAEzB,QACXzC,UAAU,yCACJe,GAAiB,CAAEgC,UAAU,EAAI/C,UAAW,wCAElDkB,EAAC8B,GAAkBjD,GAAI,CAAEkD,SAAU,YAGvC/B,EAACe,EAAG,CACFlC,GAAI,CACF4B,QAAS,QACTY,UAAuB,IAAbtC,EAAqB,SAAW,UAC1CiD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZlB,UAAU,OAAM,cACJ,yBACZ9B,IAAKO,EAAUb,SAEdA,QAzDAiB,EAAgB,qBAAuB"}

package/materialui/textfield/HelperTextContent.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as l}from"react";import{Box as r}from"@mui/material";import{useElementScrollable as n}from"../../utils/useElementScrollable/useElementScrollable.js";const o=l(({children:l,sx:o,className:a,textLeft:i,textLeftProps:s,textRight:c,textRightProps:m,value:p,maxLength:x,...f},h)=>{const{sx:w,className:u,...g}=s||{},{sx:d,className:b,...j}=m||{},{isScrollable:C,elementRef:N}=n("x");return e(r,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit",...o},component:"span",className:["FlowHelperTextContent-root",a].filter(Boolean).join(" "),ref:h,...f,children:[l,(i||c||!!x)&&t(r,{sx:{overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit",...w},component:"span",className:["FlowHelperTextContent-textLeft",u,C?"Flow-scrollable":null].filter(Boolean).join(", "),ref:N,...g,children:i}),(c||!!x)&&t(r,{sx:{whiteSpace:"nowrap",...d},component:"span",className:["FlowHelperTextContent-textRight",b].filter(Boolean).join(" "),..."string"==typeof c&&c.includes("/")&&{"aria-label":`Characters entered ${c}`},...x&&{"aria-label":`Characters entered ${p?.length||0} / ${x}`},...j,children:c||`${p?.length||0} / ${x}`})]})});export{o as HelperTextContent};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as l}from"@mui/material";import{sxOverride as o}from"../../utils/sxOverride/sxOverride.js";import{useElementScrollable as n}from"../../utils/useElementScrollable/useElementScrollable.js";const i=r(({children:r,sx:i,className:a,textLeft:s,textLeftProps:c,textRight:m,textRightProps:p,value:x,maxLength:f,...h},w)=>{const{sx:u,className:d,...g}=c||{},{sx:b,className:j,...v}=p||{},{isScrollable:C,elementRef:N}=n("x");return e(l,{sx:o({display:"flex",gap:"12px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},i),component:"span",className:["FlowHelperTextContent-root",a].filter(Boolean).join(" "),ref:w,...h,children:[r,(s||m||!!f)&&t(l,{sx:o({overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},u),component:"span",className:["FlowHelperTextContent-textLeft",d,C?"Flow-scrollable":null].filter(Boolean).join(", "),ref:N,...g,children:s}),(m||!!f)&&t(l,{sx:o({whiteSpace:"nowrap"},b),component:"span",className:["FlowHelperTextContent-textRight",j].filter(Boolean).join(" "),..."string"==typeof m&&m.includes("/")&&{"aria-label":`Characters entered ${m}`},...f&&{"aria-label":`Characters entered ${x?.length||0} / ${f}`},...v,children:m||`${x?.length||0} / ${f}`})]})});export{i as HelperTextContent};
 //# sourceMappingURL=HelperTextContent.js.map

package/materialui/textfield/HelperTextContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelperTextContent.js","sources":["../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n  /**\n   * Input value\n   */\n  value?: string;\n  /**\n   * Input maxLength\n   */\n  maxLength?: number;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n    const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps || {};\n    const { isScrollable, elementRef } = useElementScrollable('x');\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '12px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        className={['FlowHelperTextContent-root', className].filter(Boolean).join(' ')}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {(textLeft || textRight || !!maxLength) && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n              .filter(Boolean)\n              .join(', ')}\n            ref={elementRef}\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {(textRight || !!maxLength) && (\n          <Box\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(' ')}\n            {...(typeof textRight === 'string' &&\n              textRight.includes('/') && {\n                ['aria-label']: `Characters entered ${textRight}`,\n              })}\n            {...(maxLength && {\n              ['aria-label']: `Characters entered ${value?.length || 0} / ${maxLength}`,\n            })}\n            {...restTextRight}\n          >\n            {textRight || `${value?.length || 0} / ${maxLength}`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","ref","textLeftSx","textLeftClassName","restTextLeft","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"yNAqCO,MAAMA,EAAsDC,EACjE,EAAGC,WAAUC,KAAIC,YAAWC,WAAUC,gBAAeC,YAAWC,iBAAgBC,QAAOC,eAAcC,GAAQC,KAC3G,MAAQT,GAAIU,EAAYT,UAAWU,KAAsBC,GAAiBT,GAAiB,CAAA,GACnFH,GAAIa,EAAaZ,UAAWa,KAAuBC,GAAkBV,GAAkB,CAAA,GACzFW,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1D,OACEC,EAACC,EAAG,CACFpB,GAAI,CACFqB,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,aACX3B,GAEL4B,UAAU,OACV3B,UAAW,CAAC,6BAA8BA,GAAW4B,OAAOC,SAASC,KAAK,KAC1EtB,IAAKA,KACDD,EAAIT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3ByB,EAACZ,EAAG,CACFpB,GAAI,CAEFyB,SAAU,UACVC,WAAY,UACZC,aAAc,aACXjB,GAELkB,UAAU,OACV3B,UAAW,CAAC,iCAAkCU,EAAmBK,EAAe,kBAAoB,MACjGa,OAAOC,SACPC,KAAK,MACRtB,IAAKQ,KACDL,EAAYb,SAEfG,KAGHE,KAAeG,IACfyB,EAACZ,EAAG,CACFpB,GAAI,CACF0B,WAAY,YACTb,GAELe,UAAU,OACV3B,UAAW,CAAC,kCAAmCa,GAAoBe,OAAOC,SAASC,KAAK,QAC9D,iBAAd3B,GACVA,EAAU6B,SAAS,MAAQ,CACzB,aAAgB,sBAAsB7B,QAErCG,GAAa,CAChB,aAAgB,sBAAsBD,GAAO4B,QAAU,OAAO3B,QAE5DQ,EAAahB,SAEhBK,GAAa,GAAGE,GAAO4B,QAAU,OAAO3B"}
+{"version":3,"file":"HelperTextContent.js","sources":["../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n  /**\n   * Input value\n   */\n  value?: string;\n  /**\n   * Input maxLength\n   */\n  maxLength?: number;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n    const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps || {};\n    const { isScrollable, elementRef } = useElementScrollable('x');\n\n    return (\n      <Box\n        sx={sxOverride(\n          {\n            display: 'flex',\n            gap: '12px',\n            justifyContent: 'space-between',\n            alignItems: 'flex-start',\n            // inherit truncate text from helperText to pass it down\n            overflow: 'inherit',\n            whiteSpace: 'inherit',\n            textOverflow: 'inherit',\n          },\n          sx,\n        )}\n        component=\"span\"\n        className={['FlowHelperTextContent-root', className].filter(Boolean).join(' ')}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {(textLeft || textRight || !!maxLength) && (\n          <Box\n            sx={sxOverride(\n              {\n                // truncate text as helperText\n                overflow: 'inherit',\n                whiteSpace: 'inherit',\n                textOverflow: 'inherit',\n              },\n              textLeftSx,\n            )}\n            component=\"span\"\n            className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n              .filter(Boolean)\n              .join(', ')}\n            ref={elementRef}\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {(textRight || !!maxLength) && (\n          <Box\n            sx={sxOverride({ whiteSpace: 'nowrap' }, textRightSx)}\n            component=\"span\"\n            className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(' ')}\n            {...(typeof textRight === 'string' &&\n              textRight.includes('/') && {\n                ['aria-label']: `Characters entered ${textRight}`,\n              })}\n            {...(maxLength && {\n              ['aria-label']: `Characters entered ${value?.length || 0} / ${maxLength}`,\n            })}\n            {...restTextRight}\n          >\n            {textRight || `${value?.length || 0} / ${maxLength}`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","ref","textLeftSx","textLeftClassName","restTextLeft","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","sxOverride","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"2RAsCO,MAAMA,EAAsDC,EACjE,EAAGC,WAAUC,KAAIC,YAAWC,WAAUC,gBAAeC,YAAWC,iBAAgBC,QAAOC,eAAcC,GAAQC,KAC3G,MAAQT,GAAIU,EAAYT,UAAWU,KAAsBC,GAAiBT,GAAiB,CAAA,GACnFH,GAAIa,EAAaZ,UAAWa,KAAuBC,GAAkBV,GAAkB,CAAA,GACzFW,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1D,OACEC,EAACC,GACCpB,GAAIqB,EACF,CACEC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WAEhB5B,GAEF6B,UAAU,OACV5B,UAAW,CAAC,6BAA8BA,GAAW6B,OAAOC,SAASC,KAAK,KAC1EvB,IAAKA,KACDD,EAAIT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3B0B,EAACb,EAAG,CACFpB,GAAIqB,EACF,CAEEK,SAAU,UACVC,WAAY,UACZC,aAAc,WAEhBlB,GAEFmB,UAAU,OACV5B,UAAW,CAAC,iCAAkCU,EAAmBK,EAAe,kBAAoB,MACjGc,OAAOC,SACPC,KAAK,MACRvB,IAAKQ,KACDL,EAAYb,SAEfG,KAGHE,KAAeG,IACf0B,EAACb,EAAG,CACFpB,GAAIqB,EAAW,CAAEM,WAAY,UAAYd,GACzCgB,UAAU,OACV5B,UAAW,CAAC,kCAAmCa,GAAoBgB,OAAOC,SAASC,KAAK,QAC9D,iBAAd5B,GACVA,EAAU8B,SAAS,MAAQ,CACzB,aAAgB,sBAAsB9B,QAErCG,GAAa,CAChB,aAAgB,sBAAsBD,GAAO6B,QAAU,OAAO5B,QAE5DQ,EAAahB,SAEhBK,GAAa,GAAGE,GAAO6B,QAAU,OAAO5B"}

package/materialui/textfield/filledInput.theme.js

@@ -1,2 +1,2 @@
-const o={defaultProps:{},styleOverrides:{root:({theme:o})=>({"&, &:hover, &.Mui-disabled, &.Mui-focused":{color:"inherit",transition:"inherit",backgroundColor:"dark"===o.palette.mode?o.palette.surface.primary:o.palette.transparent.primary,"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",transition:"none"}},"&.Mui-error:not(.Mui-disabled)":{"&:before, &:after":{color:o.palette.error.main}}}),input:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}},...o.multiline&&{paddingTop:"0",paddingBottom:"0"}}),multiline:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}}})}};export{o as flowFilledInput};
+const o={defaultProps:{},styleOverrides:{root:({ownerState:o,theme:r})=>({borderTopLeftRadius:"4px",borderTopRightRadius:"4px","&:not(.Mui-disabled):not(.Mui-readOnly):hover":{"&:after":{transform:"scaleX(1) translateX(0)"}},"&, &:hover, &.Mui-disabled, &.Mui-focused":{color:"inherit",transition:"inherit",backgroundColor:"dark"===r.palette.mode?r.palette.surface.primary:r.palette.transparent.primary,..."secondary"===o.color&&{backgroundColor:"transparent"},"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",transition:"none"}},"&.Mui-error:not(.Mui-disabled)":{"&:before, &:after":{color:r.palette.error.main}},"&.Mui-readOnly":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px",..."secondary"===o.color?{backgroundColor:"dark"===r.palette.mode?r.palette.surface.primary:r.palette.transparent.primary,"&:before, &:after":{display:"none"}}:{backgroundColor:"transparent","&:after":{display:"none"}}}}),input:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}},...o.multiline&&{paddingTop:"0",paddingBottom:"0"}}),multiline:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}}})}};export{o as flowFilledInput};
 //# sourceMappingURL=filledInput.theme.js.map

package/materialui/textfield/filledInput.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"filledInput.theme.js","sources":["../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n        color: 'inherit',\n        transition: 'inherit',\n        backgroundColor:\n          theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n        // underline\n        '&:before': {\n          transition: 'inherit',\n          borderBottomStyle: 'solid',\n          borderColor: 'currentColor',\n        },\n        // active underline\n        '&:after': {\n          borderColor: 'currentColor',\n          // remove animated transition of appearing border\n          transition: 'none',\n        },\n      },\n      '&.Mui-error:not(.Mui-disabled)': {\n        '&:before, &:after': {\n          color: theme.palette.error.main,\n        },\n      },\n    }),\n    input: ({ ownerState }) => ({\n      paddingTop: '24px',\n      paddingBottom: '8px',\n      ...(ownerState.hiddenLabel && {\n        paddingTop: '18px',\n        paddingBottom: '14px',\n      }),\n      ...(ownerState.size === 'small' && {\n        paddingTop: '22px',\n        paddingBottom: '4px',\n        ...(ownerState.hiddenLabel && {\n          paddingTop: '14px',\n          paddingBottom: '12px',\n        }),\n      }),\n      ...(ownerState.multiline && {\n        paddingTop: '0',\n        paddingBottom: '0',\n      }),\n    }),\n    multiline: ({ ownerState }) => ({\n      paddingTop: '24px',\n      paddingBottom: '8px',\n      ...(ownerState.hiddenLabel && {\n        paddingTop: '18px',\n        paddingBottom: '14px',\n      }),\n      ...(ownerState.size === 'small' && {\n        paddingTop: '22px',\n        paddingBottom: '4px',\n        ...(ownerState.hiddenLabel && {\n          paddingTop: '14px',\n          paddingBottom: '12px',\n        }),\n      }),\n    }),\n  },\n};\n"],"names":["flowFilledInput","defaultProps","styleOverrides","root","theme","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","input","ownerState","paddingTop","paddingBottom","hiddenLabel","size","multiline"],"mappings":"AAEO,MAAMA,EAAuD,CAClEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,4CAA6C,CAC3CC,MAAO,UACPC,WAAY,UACZC,gBACyB,SAAvBH,EAAMI,QAAQC,KAAkBL,EAAMI,QAAQE,QAAQC,QAAUP,EAAMI,QAAQI,YAAYD,QAE5F,WAAY,CACVL,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbR,WAAY,SAGhB,iCAAkC,CAChC,oBAAqB,CACnBD,MAAOD,EAAMI,QAAQO,MAAMC,SAIjCC,MAAO,EAAGC,iBAAY,CACpBC,WAAY,OACZC,cAAe,SACXF,EAAWG,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,UAApBF,EAAWI,MAAoB,CACjCH,WAAY,OACZC,cAAe,SACXF,EAAWG,aAAe,CAC5BF,WAAY,OACZC,cAAe,YAGfF,EAAWK,WAAa,CAC1BJ,WAAY,IACZC,cAAe,OAGnBG,UAAW,EAAGL,iBAAY,CACxBC,WAAY,OACZC,cAAe,SACXF,EAAWG,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,UAApBF,EAAWI,MAAoB,CACjCH,WAAY,OACZC,cAAe,SACXF,EAAWG,aAAe,CAC5BF,WAAY,OACZC,cAAe"}
+{"version":3,"file":"filledInput.theme.js","sources":["../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ ownerState, theme }) => ({\n      borderTopLeftRadius: '4px',\n      borderTopRightRadius: '4px',\n      '&:not(.Mui-disabled):not(.Mui-readOnly):hover': {\n        // active underline\n        '&:after': {\n          transform: 'scaleX(1) translateX(0)',\n        },\n      },\n      '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n        color: 'inherit',\n        transition: 'inherit',\n        backgroundColor:\n          theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n        // backgroundOff variant\n        ...(ownerState.color === 'secondary' && {\n          backgroundColor: 'transparent',\n        }),\n        // underline\n        '&:before': {\n          transition: 'inherit',\n          borderBottomStyle: 'solid',\n          borderColor: 'currentColor',\n        },\n        // active underline\n        '&:after': {\n          borderColor: 'currentColor',\n          // remove animated transition of appearing border\n          transition: 'none',\n        },\n      },\n      '&.Mui-error:not(.Mui-disabled)': {\n        '&:before, &:after': {\n          color: theme.palette.error.main,\n        },\n      },\n      // read-only mode\n      '&.Mui-readOnly': {\n        borderBottomLeftRadius: '4px',\n        borderBottomRightRadius: '4px',\n        // backgroundOff variant\n        ...(ownerState.color === 'secondary'\n          ? {\n              backgroundColor:\n                theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n              // no active borders at all\n              '&:before, &:after': {\n                display: 'none',\n              },\n            }\n          : {\n              backgroundColor: 'transparent',\n              // no active underline\n              '&:after': {\n                display: 'none',\n              },\n            }),\n      },\n    }),\n    input: ({ ownerState }) => ({\n      paddingTop: '24px',\n      paddingBottom: '8px',\n      ...(ownerState.hiddenLabel && {\n        paddingTop: '18px',\n        paddingBottom: '14px',\n      }),\n      ...(ownerState.size === 'small' && {\n        paddingTop: '22px',\n        paddingBottom: '4px',\n        ...(ownerState.hiddenLabel && {\n          paddingTop: '14px',\n          paddingBottom: '12px',\n        }),\n      }),\n      ...(ownerState.multiline && {\n        paddingTop: '0',\n        paddingBottom: '0',\n      }),\n    }),\n    multiline: ({ ownerState }) => ({\n      paddingTop: '24px',\n      paddingBottom: '8px',\n      ...(ownerState.hiddenLabel && {\n        paddingTop: '18px',\n        paddingBottom: '14px',\n      }),\n      ...(ownerState.size === 'small' && {\n        paddingTop: '22px',\n        paddingBottom: '4px',\n        ...(ownerState.hiddenLabel && {\n          paddingTop: '14px',\n          paddingBottom: '12px',\n        }),\n      }),\n    }),\n  },\n};\n"],"names":["flowFilledInput","defaultProps","styleOverrides","root","ownerState","theme","borderTopLeftRadius","borderTopRightRadius","transform","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","borderBottomLeftRadius","borderBottomRightRadius","display","input","paddingTop","paddingBottom","hiddenLabel","size","multiline"],"mappings":"AAEO,MAAMA,EAAuD,CAClEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,YAAO,CAC1BC,oBAAqB,MACrBC,qBAAsB,MACtB,gDAAiD,CAE/C,UAAW,CACTC,UAAW,4BAGf,4CAA6C,CAC3CC,MAAO,UACPC,WAAY,UACZC,gBACyB,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQE,QAAQC,QAAUV,EAAMO,QAAQI,YAAYD,WAEnE,cAArBX,EAAWK,OAAyB,CACtCE,gBAAiB,eAGnB,WAAY,CACVD,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbR,WAAY,SAGhB,iCAAkC,CAChC,oBAAqB,CACnBD,MAAOJ,EAAMO,QAAQO,MAAMC,OAI/B,iBAAkB,CAChBC,uBAAwB,MACxBC,wBAAyB,SAEA,cAArBlB,EAAWK,MACX,CACEE,gBACyB,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQE,QAAQC,QAAUV,EAAMO,QAAQI,YAAYD,QAE5F,oBAAqB,CACnBQ,QAAS,SAGb,CACEZ,gBAAiB,cAEjB,UAAW,CACTY,QAAS,YAKrBC,MAAO,EAAGpB,iBAAY,CACpBqB,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,UAApBtB,EAAWwB,MAAoB,CACjCH,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe,YAGftB,EAAWyB,WAAa,CAC1BJ,WAAY,IACZC,cAAe,OAGnBG,UAAW,EAAGzB,iBAAY,CACxBqB,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,UAApBtB,EAAWwB,MAAoB,CACjCH,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe"}

package/materialui/textfield/inputAdornment.theme.js

@@ -1,2 +1,2 @@
-const t={styleOverrides:{root:{minWidth:"0",color:"inherit",flexShrink:"0",width:"24px",marginLeft:"0",marginRight:"0",justifyContent:"center","& .MuiSvgIcon-root":{fontSize:"20px"},"&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)":{marginTop:"0"},"&:has(.MuiIconButton-root)":{width:"auto"}},positionStart:{marginRight:"8px"},positionEnd:{marginLeft:"4px"}}};export{t as flowInputAdornment};
+const t={styleOverrides:{root:{minWidth:"0",color:"inherit",flexShrink:"0",width:"24px",marginLeft:"0",marginRight:"0",justifyContent:"center","& .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root":{fontSize:"20px"},"&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)":{marginTop:"0"},"&:has(.MuiIconButton-root), &:has(.MuiButton-root)":{width:"auto"}},positionStart:{marginRight:"8px"},positionEnd:{marginLeft:"4px"}}};export{t as flowInputAdornment};
 //# sourceMappingURL=inputAdornment.theme.js.map

package/materialui/textfield/inputAdornment.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputAdornment.theme.js","sources":["../../../src/materialui/textfield/inputAdornment.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputAdornment: Components<Theme>['MuiInputAdornment'] = {\n  styleOverrides: {\n    root: {\n      minWidth: '0',\n      color: 'inherit',\n      flexShrink: '0',\n      width: '24px',\n      marginLeft: '0',\n      marginRight: '0',\n      justifyContent: 'center',\n      // change size of icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n      '&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {\n        marginTop: '0',\n      },\n      // contains icon button instead of just icon\n      '&:has(.MuiIconButton-root)': {\n        width: 'auto',\n      },\n    },\n    positionStart: {\n      marginRight: '8px',\n    },\n    positionEnd: {\n      marginLeft: '4px',\n    },\n  },\n};\n"],"names":["flowInputAdornment","styleOverrides","root","minWidth","color","flexShrink","width","marginLeft","marginRight","justifyContent","fontSize","marginTop","positionStart","positionEnd"],"mappings":"AAEO,MAAMA,EAA6D,CACxEC,eAAgB,CACdC,KAAM,CACJC,SAAU,IACVC,MAAO,UACPC,WAAY,IACZC,MAAO,OACPC,WAAY,IACZC,YAAa,IACbC,eAAgB,SAEhB,qBAAsB,CACpBC,SAAU,QAEZ,iGAAkG,CAChGC,UAAW,KAGb,6BAA8B,CAC5BL,MAAO,SAGXM,cAAe,CACbJ,YAAa,OAEfK,YAAa,CACXN,WAAY"}
+{"version":3,"file":"inputAdornment.theme.js","sources":["../../../src/materialui/textfield/inputAdornment.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputAdornment: Components<Theme>['MuiInputAdornment'] = {\n  styleOverrides: {\n    root: {\n      minWidth: '0',\n      color: 'inherit',\n      flexShrink: '0',\n      width: '24px',\n      marginLeft: '0',\n      marginRight: '0',\n      justifyContent: 'center',\n      // change size of icon\n      '& .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n      '&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {\n        marginTop: '0',\n      },\n      // contains icon button instead of just icon\n      '&:has(.MuiIconButton-root), &:has(.MuiButton-root)': {\n        width: 'auto',\n      },\n    },\n    positionStart: {\n      marginRight: '8px',\n    },\n    positionEnd: {\n      marginLeft: '4px',\n    },\n  },\n};\n"],"names":["flowInputAdornment","styleOverrides","root","minWidth","color","flexShrink","width","marginLeft","marginRight","justifyContent","fontSize","marginTop","positionStart","positionEnd"],"mappings":"AAEO,MAAMA,EAA6D,CACxEC,eAAgB,CACdC,KAAM,CACJC,SAAU,IACVC,MAAO,UACPC,WAAY,IACZC,MAAO,OACPC,WAAY,IACZC,YAAa,IACbC,eAAgB,SAEhB,6DAA8D,CAC5DC,SAAU,QAEZ,iGAAkG,CAChGC,UAAW,KAGb,qDAAsD,CACpDL,MAAO,SAGXM,cAAe,CACbJ,YAAa,OAEfK,YAAa,CACXN,WAAY"}

package/materialui/textfield/inputBase.theme.js

@@ -1,2 +1,2 @@
-const e={defaultProps:{},styleOverrides:{root:({theme:e})=>({color:"inherit",caretColor:e.palette.brand.primary,[e.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"&.Mui-focused":{color:e.palette.text.primary},"&&":{"&:before":{borderColor:"currentColor"},"&:after":{borderColor:"currentColor"}}}),input:({theme:e})=>({height:"auto","&[type=password]":{fontFamily:"Arial"},"&::-webkit-input-placeholder":{opacity:"1",color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600},"&.Mui-disabled":{WebkitTextFillColor:"unset","&::-webkit-input-placeholder":{color:"inherit"}}}),inputMultiline:{"&::-webkit-scrollbar-thumb":{height:"50%"}}}};export{e as flowInputBase};
+const e={defaultProps:{},styleOverrides:{root:({theme:e})=>({color:"inherit",caretColor:e.palette.brand.primary,[e.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"&.Mui-focused":{color:e.palette.text.primary},"&&":{"&:before":{borderColor:"currentColor"},"&:after":{borderColor:"currentColor"}}}),input:({theme:e})=>({height:"auto","&[type=password]":{fontFamily:"Arial"},"&::-webkit-input-placeholder":{opacity:"1",color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600},"&.Mui-disabled":{WebkitTextFillColor:"unset","&::-webkit-input-placeholder":{color:"inherit"}}})}};export{e as flowInputBase};
 //# sourceMappingURL=inputBase.theme.js.map

package/materialui/textfield/inputBase.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputBase.theme.js","sources":["../../../src/materialui/textfield/inputBase.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputBase: Components<Theme>['MuiInputBase'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      color: 'inherit',\n      caretColor: theme.palette.brand.primary,\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      '&.Mui-focused': {\n        color: theme.palette.text.primary,\n      },\n      '&&': {\n        '&:before': {\n          borderColor: 'currentColor',\n        },\n        '&:after': {\n          borderColor: 'currentColor',\n        },\n      },\n    }),\n    input: ({ theme }) => ({\n      height: 'auto',\n      // change font for password field, SkodaNext font uses '>>>' instead '***' symbol for the password\n      '&[type=password]': {\n        fontFamily: 'Arial',\n      },\n      // placeholder\n      '&::-webkit-input-placeholder': {\n        opacity: '1',\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n      },\n      '&.Mui-disabled': {\n        // remove default @mui style and use currentColor instead\n        WebkitTextFillColor: 'unset',\n        // placeholder\n        '&::-webkit-input-placeholder': {\n          color: 'inherit',\n        },\n      },\n    }),\n    inputMultiline: {\n      // increase size of thumb\n      '&::-webkit-scrollbar-thumb': {\n        height: '50%',\n      },\n    },\n  },\n};\n"],"names":["flowInputBase","defaultProps","styleOverrides","root","theme","color","caretColor","palette","brand","primary","breakpoints","up","fontSize","lineHeight","fontWeight","text","borderColor","input","height","fontFamily","opacity","mode","onSurface","os200","os600","WebkitTextFillColor","inputMultiline"],"mappings":"AAEO,MAAMA,EAAmD,CAC9DC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAAO,UACPC,WAAYF,EAAMG,QAAQC,MAAMC,QAChC,CAACL,EAAMM,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,gBAAiB,CACfT,MAAOD,EAAMG,QAAQQ,KAAKN,SAE5B,KAAM,CACJ,WAAY,CACVO,YAAa,gBAEf,UAAW,CACTA,YAAa,mBAInBC,MAAO,EAAGb,YAAO,CACfc,OAAQ,OAER,mBAAoB,CAClBC,WAAY,SAGd,+BAAgC,CAC9BC,QAAS,IACTf,MAA8B,SAAvBD,EAAMG,QAAQc,KAAkBjB,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,OAEjG,iBAAkB,CAEhBC,oBAAqB,QAErB,+BAAgC,CAC9BpB,MAAO,cAIbqB,eAAgB,CAEd,6BAA8B,CAC5BR,OAAQ"}
+{"version":3,"file":"inputBase.theme.js","sources":["../../../src/materialui/textfield/inputBase.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputBase: Components<Theme>['MuiInputBase'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      color: 'inherit',\n      caretColor: theme.palette.brand.primary,\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      '&.Mui-focused': {\n        color: theme.palette.text.primary,\n      },\n      '&&': {\n        '&:before': {\n          borderColor: 'currentColor',\n        },\n        '&:after': {\n          borderColor: 'currentColor',\n        },\n      },\n    }),\n    input: ({ theme }) => ({\n      height: 'auto',\n      // change font for password field, SkodaNext font uses '>>>' instead '***' symbol for the password\n      '&[type=password]': {\n        fontFamily: 'Arial',\n      },\n      // placeholder\n      '&::-webkit-input-placeholder': {\n        opacity: '1',\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n      },\n      '&.Mui-disabled': {\n        // remove default @mui style and use currentColor instead\n        WebkitTextFillColor: 'unset',\n        // placeholder\n        '&::-webkit-input-placeholder': {\n          color: 'inherit',\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowInputBase","defaultProps","styleOverrides","root","theme","color","caretColor","palette","brand","primary","breakpoints","up","fontSize","lineHeight","fontWeight","text","borderColor","input","height","fontFamily","opacity","mode","onSurface","os200","os600","WebkitTextFillColor"],"mappings":"AAEO,MAAMA,EAAmD,CAC9DC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAAO,UACPC,WAAYF,EAAMG,QAAQC,MAAMC,QAChC,CAACL,EAAMM,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,gBAAiB,CACfT,MAAOD,EAAMG,QAAQQ,KAAKN,SAE5B,KAAM,CACJ,WAAY,CACVO,YAAa,gBAEf,UAAW,CACTA,YAAa,mBAInBC,MAAO,EAAGb,YAAO,CACfc,OAAQ,OAER,mBAAoB,CAClBC,WAAY,SAGd,+BAAgC,CAC9BC,QAAS,IACTf,MAA8B,SAAvBD,EAAMG,QAAQc,KAAkBjB,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,OAEjG,iBAAkB,CAEhBC,oBAAqB,QAErB,+BAAgC,CAC9BpB,MAAO"}

package/materialui/textfield/inputLabel.theme.js

@@ -1,2 +1,2 @@
-const t={defaultProps:{},styleOverrides:{root:({theme:t})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};export{t as flowInputLabel};
+const t={defaultProps:{},styleOverrides:{root:({theme:t,ownerState:a})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},..."static"===a["data-variant"]&&{...t.typography.caption1,position:"static","&, &&.MuiInputLabel-shrink":{transform:"none"},userSelect:"text",cursor:"auto",pointerEvents:"auto",transition:"none",padding:"0 8px 4px","&:not(.Mui-disabled):not(.Mui-error)":{color:t.palette.text.primary}}}),filled:t=>({transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},..."static"!==t["data-variant"]&&{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}}}),outlined:t=>({..."static"===t["data-variant"]?{"& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend":{width:"0"}}:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}}}),standard:({ownerState:t})=>({..."static"===t["data-variant"]?{padding:"0","& + .MuiInputBase-root":{marginTop:"0"}}:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}})}};export{t as flowInputLabel};
 //# sourceMappingURL=inputLabel.theme.js.map

package/materialui/textfield/inputLabel.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputLabel.theme.js","sources":["../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // remove pointer events to prevent blur and focus formControl\n      pointerEvents: 'none',\n      transition: 'inherit',\n      color: 'inherit',\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n    }),\n    filled: {\n      transform: 'translate(12px, 18px) scale(1)',\n      '&.MuiInputLabel-shrink': {\n        transform: 'translate(12px, 7px) scale(0.75)',\n      },\n      '&.MuiInputLabel-sizeSmall': {\n        transform: 'translate(12px, 13px) scale(1)',\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(12px, 7px) scale(0.75)',\n        },\n      },\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(44px, 18px) scale(1)',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(44px, 13px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(44px, 7px) scale(0.75)',\n        },\n      },\n    },\n    outlined: {\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(44px, 16px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(44px, 9px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(14px, -9px) scale(0.75);',\n        },\n      },\n    },\n    standard: {\n      '&:has(+ .MuiInputBase-adornedStart)': {\n        transform: 'translate(32px, 20px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(32px, 18px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(0, -1.5px) scale(0.75)',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowInputLabel","defaultProps","styleOverrides","root","theme","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","filled","transform","outlined","standard"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACH,EAAMI,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,SAGhBC,OAAQ,CACNC,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,qCAGf,uEAAwE,CACtEA,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,sCAIjBC,SAAU,CACR,uEAAwE,CACtED,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,wCAIjBE,SAAU,CACR,sCAAuC,CACrCF,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}
+{"version":3,"file":"inputLabel.theme.js","sources":["../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      // remove pointer events to prevent blur and focus formControl\n      pointerEvents: 'none',\n      transition: 'inherit',\n      color: 'inherit',\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      ...(ownerState['data-variant'] === 'static' && {\n        ...theme.typography.caption1,\n        position: 'static',\n        '&, &&.MuiInputLabel-shrink': {\n          transform: 'none',\n        },\n        userSelect: 'text',\n        cursor: 'auto',\n        pointerEvents: 'auto',\n        transition: 'none',\n        padding: '0 8px 4px',\n        // overwrite higher priority style from formLabel\n        '&:not(.Mui-disabled):not(.Mui-error)': {\n          color: theme.palette.text.primary,\n        },\n      }),\n    }),\n    filled: (ownerState) => ({\n      transform: 'translate(12px, 18px) scale(1)',\n      '&.MuiInputLabel-shrink': {\n        transform: 'translate(12px, 7px) scale(0.75)',\n      },\n      '&.MuiInputLabel-sizeSmall': {\n        transform: 'translate(12px, 13px) scale(1)',\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(12px, 7px) scale(0.75)',\n        },\n      },\n      ...(ownerState['data-variant'] !== 'static' && {\n        '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n          transform: 'translate(44px, 18px) scale(1)',\n          '&.MuiInputLabel-sizeSmall': {\n            transform: 'translate(44px, 13px) scale(1);',\n          },\n          '&.MuiInputLabel-shrink': {\n            transform: 'translate(44px, 7px) scale(0.75)',\n          },\n        },\n      }),\n    }),\n    outlined: (ownerState) => ({\n      ...(ownerState['data-variant'] === 'static'\n        ? {\n            // do not show 'border space' created by legend where normally labels go in\n            '& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend': {\n              width: '0',\n            },\n          }\n        : {\n            '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n              transform: 'translate(44px, 16px) scale(1);',\n              '&.MuiInputLabel-sizeSmall': {\n                transform: 'translate(44px, 9px) scale(1);',\n              },\n              '&.MuiInputLabel-shrink': {\n                transform: 'translate(14px, -9px) scale(0.75);',\n              },\n            },\n          }),\n    }),\n    standard: ({ ownerState }) => ({\n      ...(ownerState['data-variant'] === 'static'\n        ? {\n            padding: '0',\n            '& + .MuiInputBase-root': {\n              marginTop: '0',\n            },\n          }\n        : {\n            '&:has(+ .MuiInputBase-adornedStart)': {\n              transform: 'translate(32px, 20px) scale(1);',\n              '&.MuiInputLabel-sizeSmall': {\n                transform: 'translate(32px, 18px) scale(1);',\n              },\n              '&.MuiInputLabel-shrink': {\n                transform: 'translate(0, -1.5px) scale(0.75)',\n              },\n            },\n          }),\n    }),\n  },\n};\n"],"names":["flowInputLabel","defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","width","standard","marginTop"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,OAASnB,IAAU,CACjBY,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,wCAGoB,WAA/BZ,EAAW,iBAAgC,CAC7C,uEAAwE,CACtEY,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,wCAKnBQ,SAAWpB,IAAU,IACgB,WAA/BA,EAAW,gBACX,CAEE,qEAAsE,CACpEqB,MAAO,MAGX,CACE,uEAAwE,CACtET,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,0CAKvBU,SAAU,EAAGtB,iBAAY,IACY,WAA/BA,EAAW,gBACX,CACEe,QAAS,IACT,yBAA0B,CACxBQ,UAAW,MAGf,CACE,sCAAuC,CACrCX,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

package/materialui/textfield/textField.theme.js

@@ -1,2 +1,2 @@
-const o={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:o,label:t})=>({...!t&&o&&{"aria-label":o}})},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};export{o as flowTextField};
+const o={defaultProps:{variant:"filled",color:"primary",minRows:2,maxRows:2,slotProps:{htmlInput:({placeholder:o,label:t})=>({...!t&&o&&{"aria-label":o}})}},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};export{o as flowTextField};
 //# sourceMappingURL=textField.theme.js.map

package/materialui/textfield/textField.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"textField.theme.js","sources":["../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n  defaultProps: {\n    variant: 'filled',\n    minRows: 2,\n    maxRows: 2,\n    // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them as well\n    // additionally, AutoComplete breaks when we overwrite slotProps\n    inputProps: ({ placeholder, label }) => ({\n      // add aria-label for fields without label but with placeholder\n      ...(!label &&\n        placeholder && {\n          ['aria-label']: placeholder,\n        }),\n    }),\n  },\n  styleOverrides: {\n    root: {\n      // prevent overlap with end input adornment icon\n      ':has(.MuiInputAdornment-positionEnd)': {\n        '.MuiInputLabel-root': {\n          paddingRight: '44px',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowTextField","defaultProps","variant","minRows","maxRows","inputProps","placeholder","label","styleOverrides","root","paddingRight"],"mappings":"AAEO,MAAMA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,EAGTC,WAAY,EAAGC,cAAaC,YAAO,KAE5BA,GACHD,GAAe,CACb,aAAgBA,MAIxBE,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}
+{"version":3,"file":"textField.theme.js","sources":["../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n  defaultProps: {\n    variant: 'filled',\n    color: 'primary',\n    minRows: 2,\n    maxRows: 2,\n    slotProps: {\n      htmlInput: ({ placeholder, label }) => ({\n        // add aria-label for fields without label but with placeholder\n        ...(!label &&\n          placeholder && {\n            ['aria-label']: placeholder,\n          }),\n      }),\n    },\n  },\n  styleOverrides: {\n    root: {\n      // prevent overlap with end input adornment icon\n      ':has(.MuiInputAdornment-positionEnd)': {\n        '.MuiInputLabel-root': {\n          paddingRight: '44px',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowTextField","defaultProps","variant","color","minRows","maxRows","slotProps","htmlInput","placeholder","label","styleOverrides","root","paddingRight"],"mappings":"AAEO,MAAMA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,MAAO,UACPC,QAAS,EACTC,QAAS,EACTC,UAAW,CACTC,UAAW,EAAGC,cAAaC,YAAO,KAE3BA,GACHD,GAAe,CACb,aAAgBA,OAK1BE,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}

package/materialui/theme/paletteDark.theme.js

@@ -1,2 +1,2 @@
-import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as o}from"./paletteLight.theme.js";const e=r["flow-colors"],a={...o,mode:"dark",text:{...o.text,primary:e["on-surface0"],secondary:e["on-surface200"]},background:{...o.background,primary:e["on-surface900"],paper:e["on-surface900"]},surface:{...o.surface,primary:"#232425",secondary:e["on-surface600"]},divider:e["on-surface600"]};a.transparent.toString=()=>"transparent";export{a as paletteDark};
+import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as o}from"./paletteLight.theme.js";const e=r["flow-colors"],a={...o,mode:"dark",text:{...o.text,primary:e["on-surface0"],secondary:e["on-surface200"]},background:{...o.background,primary:e["on-surface900"],paper:e["on-surface900"]},surface:{...o.surface,primary:"#232425",secondary:e["on-surface600"]},divider:e["on-surface600"]};export{a as paletteDark};
 //# sourceMappingURL=paletteDark.theme.js.map

package/materialui/theme/paletteDark.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"paletteDark.theme.js","sources":["../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n  ...paletteLight,\n  mode: 'dark',\n  text: {\n    ...paletteLight.text,\n    // white\n    primary: tokenColors['on-surface0'],\n    secondary: tokenColors['on-surface200'],\n  },\n  background: {\n    ...paletteLight.background,\n    // dark grey\n    primary: tokenColors['on-surface900'],\n    paper: tokenColors['on-surface900'],\n  },\n  surface: {\n    ...paletteLight.surface,\n    primary: '#232425', // os850\n    secondary: tokenColors['on-surface600'],\n  },\n  divider: tokenColors['on-surface600'],\n};\npaletteDark.transparent.toString = () => 'transparent';\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider","transparent","toString"],"mappings":"4GAIA,MAAMA,EAAcC,EAAO,eAEdC,EAA8B,IACtCC,EACHC,KAAM,OACNC,KAAM,IACDF,EAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY,kBAEvBE,EAAYU,YAAYC,SAAW,IAAM"}
+{"version":3,"file":"paletteDark.theme.js","sources":["../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n  ...paletteLight,\n  mode: 'dark',\n  text: {\n    ...paletteLight.text,\n    // white\n    primary: tokenColors['on-surface0'],\n    secondary: tokenColors['on-surface200'],\n  },\n  background: {\n    ...paletteLight.background,\n    // dark grey\n    primary: tokenColors['on-surface900'],\n    paper: tokenColors['on-surface900'],\n  },\n  surface: {\n    ...paletteLight.surface,\n    primary: '#232425', // os850\n    secondary: tokenColors['on-surface600'],\n  },\n  divider: tokenColors['on-surface600'],\n};\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"],"mappings":"4GAIA,MAAMA,EAAcC,EAAO,eAEdC,EAA8B,IACtCC,EACHC,KAAM,OACNC,KAAM,IACDF,EAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY"}

package/materialui/theme/sxConfig.d.ts

@@ -0,0 +1,2 @@
+import { SxConfig } from '@mui/system';
+export declare const flowSxConfig: SxConfig;

package/materialui/theme/sxConfig.js

@@ -0,0 +1,2 @@
+import{unstable_defaultSxConfig as o}from"@mui/system";const r=(o,r)=>"grey"===r||"object"==typeof o&&null!==o?r:o,e=Object.fromEntries(["color","bgcolor","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"].map(e=>[e,{...o[e],transform:r}]));export{e as flowSxConfig};
+//# sourceMappingURL=sxConfig.js.map

package/materialui/theme/sxConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sxConfig.js","sources":["../../../src/materialui/theme/sxConfig.ts"],"sourcesContent":["import { unstable_defaultSxConfig as defaultSxConfig, SxConfig } from '@mui/system';\n\n/**\n * When a palette group object (e.g. `palette.transparent`) is resolved instead of a string,\n * fall back to the original user value so CSS keywords like `'transparent'` pass through as-is.\n * Preserves MUI's built-in grey fallback behaviour.\n * https://github.com/mui/material-ui/blob/master/packages/mui-system/src/palette/palette.js\n */\nconst paletteColorTransform = (value: unknown, userValue: unknown): unknown => {\n  if (userValue === 'grey') return userValue;\n  if (typeof value === 'object' && value !== null) return userValue;\n  return value;\n};\n\nexport const flowSxConfig: SxConfig = Object.fromEntries(\n  [\n    'color',\n    'bgcolor',\n    'backgroundColor',\n    'borderColor',\n    'borderTopColor',\n    'borderRightColor',\n    'borderBottomColor',\n    'borderLeftColor',\n    'outlineColor',\n  ].map(prop => [prop, { ...defaultSxConfig[prop], transform: paletteColorTransform }])\n);\n"],"names":["paletteColorTransform","value","userValue","flowSxConfig","Object","fromEntries","map","prop","defaultSxConfig","transform"],"mappings":"uDAQA,MAAMA,EAAwB,CAACC,EAAgBC,IAC3B,SAAdA,GACiB,iBAAVD,GAAgC,OAAVA,EADAC,EAE1BD,EAGIE,EAAyBC,OAAOC,YAC3C,CACE,QACA,UACA,kBACA,cACA,iBACA,mBACA,oBACA,kBACA,gBACAC,IAAIC,GAAQ,CAACA,EAAM,IAAKC,EAAgBD,GAAOE,UAAWT"}

package/materialui/theme/theme.extensions.d.ts

@@ -1,5 +1,6 @@
 import { BoxProps, SvgIconProps, DialogProps, IconButtonProps, ChipProps } from '@mui/material';
 import { ComponentType, CSSProperties, ElementType } from 'react';
+import type { SpinnerProps } from '@/src/components/progress/Spinner';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
         display: CSSProperties;
@@ -425,6 +426,15 @@ declare module '@mui/material/Card' {
          * @default false
          */
         disabled?: boolean;
+        /**
+         * Displays a loading spinner in place of the icon and blocks interactions
+         * @default false
+         */
+        loading?: boolean;
+        /**
+         * Properties applied to the loading Spinner component
+         */
+        loadingProps?: SpinnerProps;
     }
 }
 declare module '@mui/material/FormHelperText' {
@@ -436,6 +446,15 @@ declare module '@mui/material/FormHelperText' {
         truncate?: boolean;
     }
 }
+declare module '@mui/material/InputLabel' {
+    interface InputLabelOwnProps {
+        /**
+         * Setup a visual variant of the label
+         * @default 'standard'
+         */
+        'data-variant'?: 'standard' | 'static';
+    }
+}
 declare module '@mui/material/DialogTitle' {
     interface DialogTitleOwnProps {
         /**

package/materialui/theme/theme.js

@@ -1,2 +1,2 @@
-import{createTheme as e}from"@mui/material";import{flowMixins as t}from"./mixins.js";import{flowAccordion as i}from"../accordion/accordion.theme.js";import{flowAlert as r}from"../alert/alert.theme.js";import{flowAlertTitle as o}from"../alert/alertTitle.theme.js";import{flowAvatar as m}from"../avatar/avatar.theme.js";import{flowAvatarGroup as a}from"../avatar/avatarGroup.theme.js";import{flowAccordionSummary as p}from"../accordion/accordionSummary.theme.js";import{flowAccordionDetails as s}from"../accordion/accordionDetails.theme.js";import{flowAccordionActions as l}from"../accordion/accordionActions.theme.js";import{flowAppBar as u}from"../appbar/appbar.theme.js";import{flowToolbar as n}from"../appbar/toolbar.theme.js";import{flowAutocomplete as c}from"../autocomplete/autocomplete.theme.js";import{flowBackdrop as d}from"../backdrop/backdrop.theme.js";import{flowBadge as f}from"../badge/badge.theme.js";import{getFlowScopedCssBaseline as h,getFlowCssBaseline as M}from"../themeProvider/baseline.theme.js";import{flowBreadCrumbs as j}from"../breadcrumbs/breadcrumbs.theme.js";import{flowButton as k}from"../button/button.theme.js";import{flowButtonBase as b}from"../button/buttonBase.theme.js";import{flowLink as g}from"../link/link.theme.js";import{flowCheckbox as T}from"../checkbox/checkbox.theme.js";import{flowChip as C}from"../chip/chip.theme.js";import{flowDialog as I}from"../dialog/dialog.theme.js";import{flowDialogActions as P}from"../dialog/dialogActions.theme.js";import{flowDialogContent as x}from"../dialog/dialogContent.theme.js";import{flowDialogContentText as D}from"../dialog/dialogContentText.theme.js";import{flowDialogTitle as S}from"../dialog/dialogTitle.theme.js";import{flowDivider as A}from"../divider/divider.theme.js";import{flowDrawer as B}from"../drawer/drawer.theme.js";import{flowFilledInput as L}from"../textfield/filledInput.theme.js";import{flowOutlinedInput as v}from"../textfield/outlinedInput.theme.js";import{flowFormControl as y}from"../textfield/formControl.theme.js";import{flowFormControlLabel as w}from"../textfield/formControlLabel.theme.js";import{flowFormHelperText as F}from"../textfield/formHelperText.theme.js";import{flowFormLabel as H}from"../textfield/formLabel.theme.js";import{flowInput as R}from"../textfield/input.theme.js";import{flowInputAdornment as O}from"../textfield/inputAdornment.theme.js";import{flowInputBase as z}from"../textfield/inputBase.theme.js";import{flowInputLabel as G}from"../textfield/inputLabel.theme.js";import{flowRadio as Y}from"../radio/radio.theme.js";import{flowSelect as q}from"../textfield/select.theme.js";import{flowSlider as E}from"../slider/slider.theme.js";import{flowSwitch as J}from"../switch/switch.theme.js";import{flowTextField as K}from"../textfield/textField.theme.js";import{flowSvgIcon as N}from"../svgIcon/svgIcon.theme.js";import{flowIconButton as Q}from"../iconButton/iconButton.theme.js";import{flowLinearProgress as U}from"../linearprogress/linearprogress.theme.js";import{flowCircularProgress as V}from"../circularprogress/circularprogress.theme.js";import{flowContainer as W}from"../container/container.theme.js";import{flowList as X}from"../list/list.theme.js";import{flowListItem as Z}from"../list/listItem.theme.js";import{flowListItemButton as $}from"../list/listItemButton.theme.js";import{flowListItemText as _}from"../list/listItemText.theme.js";import{flowListItemIcon as ee}from"../list/listItemIcon.theme.js";import{flowListItemAvatar as te}from"../list/listItemAvatar.theme.js";import{flowListItemSecondaryAction as ie}from"../list/listItemSecondaryAction.theme.js";import{flowListSubheader as re}from"../list/listSubheader.theme.js";import{flowMenu as oe}from"../menu/menu.theme.js";import{flowMenuItem as me}from"../menu/menuItem.theme.js";import{getFlowModal as ae}from"../modal/modal.theme.js";import{flowPagination as pe}from"../pagination/pagination.theme.js";import{flowPaginationItem as se}from"../pagination/paginationItem.theme.js";import{flowPaper as le}from"../paper/paper.theme.js";import{flowPopover as ue}from"../popover/popover.theme.js";import{flowRating as ne}from"../rating/rating.theme.js";import{flowSkeleton as ce}from"../skeleton/skeleton.theme.js";import{flowSnackbar as de}from"../snackbar/snackbar.theme.js";import{flowSnackbarContent as fe}from"../snackbar/snackbarContent.theme.js";import{flowStepper as he}from"../stepper/stepper.theme.js";import{flowStep as Me}from"../stepper/step.theme.js";import{flowStepButton as je}from"../stepper/stepButton.theme.js";import{flowStepConnector as ke}from"../stepper/stepConnector.theme.js";import{flowStepLabel as be}from"../stepper/stepLabel.theme.js";import{flowStepContent as ge}from"../stepper/stepContent.theme.js";import{flowTab as Te}from"../tabs/tab.theme.js";import{flowTabs as Ce}from"../tabs/tabs.theme.js";import{flowTooltip as Ie}from"../tooltip/tooltip.theme.js";import{flowCard as Pe}from"../card/card.theme.js";import{flowCardContent as xe}from"../card/cardContent.theme.js";import{flowCardHeader as De}from"../card/cardHeader.theme.js";import{flowCardActionArea as Se}from"../card/cardActionArea.theme.js";import{flowTableContainer as Ae}from"../table/tableContainer.theme.js";import{flowTable as Be}from"../table/table.theme.js";import{flowTableHead as Le}from"../table/tableHead.theme.js";import{flowTableBody as ve}from"../table/tableBody.theme.js";import{flowTableRow as ye}from"../table/tableRow.theme.js";import{flowTableCell as we}from"../table/tableCell.theme.js";import{flowTableSortLabel as Fe}from"../table/tableSortLabel.theme.js";import{flowTablePagination as He}from"../table/tablePagination.theme.js";import{flowFab as Re}from"../fab/fab.theme.js";import{paletteLight as Oe}from"./paletteLight.theme.js";import{paletteDark as ze}from"./paletteDark.theme.js";import{flowBreakpoints as Ge}from"./theme.breakpoints.js";import{flowElevations as Ye}from"./theme.elevations.js";import{flowZIndex as qe}from"./theme.zIndex.js";import{flowStaticDatePicker as Ee,flowDesktopDatePicker as Je,flowDatePicker as Ke}from"../datepicker/datepicker.theme.js";import{flowStaticTimePicker as Ne,flowDesktopTimePicker as Qe,flowTimePicker as Ue}from"../datepicker/timepicker.theme.js";import{flowStaticDateTimePicker as Ve,flowDesktopDateTimePicker as We,flowDateTimePicker as Xe}from"../datepicker/datetimepicker.theme.js";import{flowDateCalendar as Ze}from"../datepicker/datecalendar.theme.js";import{flowPickersFilledInput as $e,flowPickersOutlinedInput as _e,flowPickersInput as et,flowPickersInputBase as tt,flowPickersTextField as it}from"../datepicker/pickerstextfield.theme.js";import{flowPickerPopper as rt}from"../datepicker/pickerpopper.theme.js";import{flowPickersLayout as ot}from"../datepicker/pickerslayout.theme.js";import{flowPickersDay as mt}from"../datepicker/pickersday.theme.js";import{flowDayCalendar as at}from"../datepicker/daycalendar.theme.js";import{flowMonthCalendar as pt}from"../datepicker/monthcalendar.theme.js";import{flowYearCalendar as st}from"../datepicker/yearcalendar.theme.js";import{flowTimeClock as lt}from"../datepicker/timeclock.theme.js";import{flowDigitalClock as ut}from"../datepicker/digitalclock.theme.js";import{flowMultiSectionDigitalClock as nt}from"../datepicker/multisectiondigitalclock.theme.js";import{flowMobileDatePicker as ct}from"../datepicker/mobiledatepicker.theme.js";import{flowMobileTimePicker as dt}from"../datepicker/mobiletimepicker.theme.js";import{flowMobileDateTimePicker as ft}from"../datepicker/mobiledatetimepicker.theme.js";import{flowDatePickerToolbar as ht}from"../datepicker/datepickertoolbar.theme.js";import{flowTimePickerToolbar as Mt}from"../datepicker/timepickertoolbar.theme.js";import{flowDateTimePickerToolbar as jt}from"../datepicker/datetimepickertoolbar.theme.js";import{getTypographyOptions as kt}from"../typography/typography.theme.js";import"@mui/x-date-pickers/themeAugmentation";function bt({mode:bt="light",direction:gt="ltr",breakpointsOptions:Tt=Ge}){return e({breakpoints:Tt,mixins:t,palette:"dark"===bt?ze:Oe,direction:gt,typography:kt(Tt,"rtl"===gt),flowShadows:Ye,zIndex:qe,components:{MuiAlert:r,MuiAlertTitle:o,MuiAvatar:m,MuiAvatarGroup:a,MuiAppBar:u,MuiToolbar:n,MuiContainer:W,MuiCssBaseline:M(Tt,"rtl"===gt),MuiScopedCssBaseline:h(Tt,"rtl"===gt),MuiButtonBase:b,MuiButton:k,MuiIconButton:Q,MuiSvgIcon:N,MuiLink:g,MuiLinearProgress:U,MuiCircularProgress:V,MuiSwitch:J,MuiCheckbox:T,MuiRadio:Y,MuiSlider:E,MuiTooltip:Ie,MuiDivider:A,MuiBadge:f,MuiChip:C,MuiPaper:le,MuiTextField:K,MuiSelect:q,MuiMenu:oe,MuiMenuItem:me,MuiTab:Te,MuiTabs:Ce,MuiCard:Pe,MuiCardContent:xe,MuiCardHeader:De,MuiCardActionArea:Se,MuiPaginationItem:se,MuiPagination:pe,MuiRating:ne,MuiSnackbar:de,MuiSnackbarContent:fe,MuiModal:ae(Tt,"rtl"===gt),MuiBackdrop:d,MuiDrawer:B,MuiAccordion:i,MuiAccordionSummary:p,MuiAccordionDetails:s,MuiAccordionActions:l,MuiInputBase:z,MuiInputLabel:G,MuiInput:R,MuiFormControl:y,MuiFilledInput:L,MuiOutlinedInput:v,MuiFormLabel:H,MuiFormControlLabel:w,MuiInputAdornment:O,MuiFormHelperText:F,MuiDialogActions:P,MuiDialog:I,MuiDialogContent:x,MuiDialogContentText:D,MuiDialogTitle:S,MuiList:X,MuiListItem:Z,MuiListItemButton:$,MuiListItemText:_,MuiListItemIcon:ee,MuiListItemAvatar:te,MuiListItemSecondaryAction:ie,MuiListSubheader:re,MuiPopover:ue,MuiAutocomplete:c,MuiBreadcrumbs:j,MuiSkeleton:ce,MuiStepper:he,MuiStep:Me,MuiStepButton:je,MuiStepConnector:ke,MuiStepLabel:be,MuiStepContent:ge,MuiTableContainer:Ae,MuiTable:Be,MuiTableHead:Le,MuiTableBody:ve,MuiTableRow:ye,MuiTableCell:we,MuiTableSortLabel:Fe,MuiTablePagination:He,MuiFab:Re,MuiDatePicker:Ke,MuiTimePicker:Ue,MuiDateTimePicker:Xe,MuiDateCalendar:Ze,MuiPickersTextField:it,MuiPickersInputBase:tt,MuiPickersInput:et,MuiPickersOutlinedInput:_e,MuiPickersFilledInput:$e,MuiPickerPopper:rt,MuiPickersDay:mt,MuiDayCalendar:at,MuiMonthCalendar:pt,MuiYearCalendar:st,MuiTimeClock:lt,MuiDigitalClock:ut,MuiMultiSectionDigitalClock:nt,MuiMobileDatePicker:ct,MuiMobileDateTimePicker:ft,MuiMobileTimePicker:dt,MuiDatePickerToolbar:ht,MuiDateTimePickerToolbar:jt,MuiTimePickerToolbar:Mt,MuiDesktopDatePicker:Je,MuiDesktopTimePicker:Qe,MuiDesktopDateTimePicker:We,MuiStaticDatePicker:Ee,MuiStaticTimePicker:Ne,MuiStaticDateTimePicker:Ve,MuiPickersLayout:ot}})}const gt=bt({}),Tt=bt({mode:"dark"}),Ct=bt({direction:"rtl"}),It=bt({direction:"rtl",mode:"dark"});export{bt as createSkodaTheme,Tt as darkTheme,It as rtlDarkTheme,Ct as rtlTheme,gt as theme};
+import{createTheme as e}from"@mui/material";import{flowSxConfig as t}from"./sxConfig.js";import{flowMixins as i}from"./mixins.js";import{flowAccordion as r}from"../accordion/accordion.theme.js";import{flowAlert as o}from"../alert/alert.theme.js";import{flowAlertTitle as m}from"../alert/alertTitle.theme.js";import{flowAvatar as a}from"../avatar/avatar.theme.js";import{flowAvatarGroup as p}from"../avatar/avatarGroup.theme.js";import{flowAccordionSummary as s}from"../accordion/accordionSummary.theme.js";import{flowAccordionDetails as l}from"../accordion/accordionDetails.theme.js";import{flowAccordionActions as n}from"../accordion/accordionActions.theme.js";import{flowAppBar as u}from"../appbar/appbar.theme.js";import{flowToolbar as c}from"../appbar/toolbar.theme.js";import{flowAutocomplete as d}from"../autocomplete/autocomplete.theme.js";import{flowBackdrop as f}from"../backdrop/backdrop.theme.js";import{flowBadge as h}from"../badge/badge.theme.js";import{getFlowScopedCssBaseline as M,getFlowCssBaseline as j}from"../themeProvider/baseline.theme.js";import{flowBreadCrumbs as k}from"../breadcrumbs/breadcrumbs.theme.js";import{flowButton as b}from"../button/button.theme.js";import{flowButtonBase as g}from"../button/buttonBase.theme.js";import{flowLink as C}from"../link/link.theme.js";import{flowCheckbox as T}from"../checkbox/checkbox.theme.js";import{flowChip as I}from"../chip/chip.theme.js";import{flowDialog as x}from"../dialog/dialog.theme.js";import{flowDialogActions as P}from"../dialog/dialogActions.theme.js";import{flowDialogContent as D}from"../dialog/dialogContent.theme.js";import{flowDialogContentText as S}from"../dialog/dialogContentText.theme.js";import{flowDialogTitle as A}from"../dialog/dialogTitle.theme.js";import{flowDivider as B}from"../divider/divider.theme.js";import{flowDrawer as L}from"../drawer/drawer.theme.js";import{flowFilledInput as v}from"../textfield/filledInput.theme.js";import{flowOutlinedInput as y}from"../textfield/outlinedInput.theme.js";import{flowFormControl as w}from"../textfield/formControl.theme.js";import{flowFormControlLabel as F}from"../textfield/formControlLabel.theme.js";import{flowFormHelperText as H}from"../textfield/formHelperText.theme.js";import{flowFormLabel as R}from"../textfield/formLabel.theme.js";import{flowInput as O}from"../textfield/input.theme.js";import{flowInputAdornment as z}from"../textfield/inputAdornment.theme.js";import{flowInputBase as G}from"../textfield/inputBase.theme.js";import{flowInputLabel as Y}from"../textfield/inputLabel.theme.js";import{flowRadio as _}from"../radio/radio.theme.js";import{flowSelect as q}from"../textfield/select.theme.js";import{flowSlider as E}from"../slider/slider.theme.js";import{flowSwitch as J}from"../switch/switch.theme.js";import{flowTextField as K}from"../textfield/textField.theme.js";import{flowSvgIcon as N}from"../svgIcon/svgIcon.theme.js";import{flowIconButton as Q}from"../iconButton/iconButton.theme.js";import{flowLinearProgress as U}from"../linearprogress/linearprogress.theme.js";import{flowCircularProgress as V}from"../circularprogress/circularprogress.theme.js";import{flowContainer as W}from"../container/container.theme.js";import{flowList as X}from"../list/list.theme.js";import{flowListItem as Z}from"../list/listItem.theme.js";import{flowListItemButton as $}from"../list/listItemButton.theme.js";import{flowListItemText as ee}from"../list/listItemText.theme.js";import{flowListItemIcon as te}from"../list/listItemIcon.theme.js";import{flowListItemAvatar as ie}from"../list/listItemAvatar.theme.js";import{flowListItemSecondaryAction as re}from"../list/listItemSecondaryAction.theme.js";import{flowListSubheader as oe}from"../list/listSubheader.theme.js";import{flowMenu as me}from"../menu/menu.theme.js";import{flowMenuItem as ae}from"../menu/menuItem.theme.js";import{getFlowModal as pe}from"../modal/modal.theme.js";import{flowPagination as se}from"../pagination/pagination.theme.js";import{flowPaginationItem as le}from"../pagination/paginationItem.theme.js";import{flowPaper as ne}from"../paper/paper.theme.js";import{flowPopover as ue}from"../popover/popover.theme.js";import{flowRating as ce}from"../rating/rating.theme.js";import{flowSkeleton as de}from"../skeleton/skeleton.theme.js";import{flowSnackbar as fe}from"../snackbar/snackbar.theme.js";import{flowSnackbarContent as he}from"../snackbar/snackbarContent.theme.js";import{flowStepper as Me}from"../stepper/stepper.theme.js";import{flowStep as je}from"../stepper/step.theme.js";import{flowStepButton as ke}from"../stepper/stepButton.theme.js";import{flowStepConnector as be}from"../stepper/stepConnector.theme.js";import{flowStepLabel as ge}from"../stepper/stepLabel.theme.js";import{flowStepContent as Ce}from"../stepper/stepContent.theme.js";import{flowTab as Te}from"../tabs/tab.theme.js";import{flowTabs as Ie}from"../tabs/tabs.theme.js";import{flowTooltip as xe}from"../tooltip/tooltip.theme.js";import{flowCard as Pe}from"../card/card.theme.js";import{flowCardContent as De}from"../card/cardContent.theme.js";import{flowCardHeader as Se}from"../card/cardHeader.theme.js";import{flowCardActionArea as Ae}from"../card/cardActionArea.theme.js";import{flowTableContainer as Be}from"../table/tableContainer.theme.js";import{flowTable as Le}from"../table/table.theme.js";import{flowTableHead as ve}from"../table/tableHead.theme.js";import{flowTableBody as ye}from"../table/tableBody.theme.js";import{flowTableRow as we}from"../table/tableRow.theme.js";import{flowTableCell as Fe}from"../table/tableCell.theme.js";import{flowTableSortLabel as He}from"../table/tableSortLabel.theme.js";import{flowTablePagination as Re}from"../table/tablePagination.theme.js";import{flowFab as Oe}from"../fab/fab.theme.js";import{paletteLight as ze}from"./paletteLight.theme.js";import{paletteDark as Ge}from"./paletteDark.theme.js";import{flowBreakpoints as Ye}from"./theme.breakpoints.js";import{flowElevations as _e}from"./theme.elevations.js";import{flowZIndex as qe}from"./theme.zIndex.js";import{flowStaticDatePicker as Ee,flowDesktopDatePicker as Je,flowDatePicker as Ke}from"../datepicker/datepicker.theme.js";import{flowStaticTimePicker as Ne,flowDesktopTimePicker as Qe,flowTimePicker as Ue}from"../datepicker/timepicker.theme.js";import{flowStaticDateTimePicker as Ve,flowDesktopDateTimePicker as We,flowDateTimePicker as Xe}from"../datepicker/datetimepicker.theme.js";import{flowDateCalendar as Ze}from"../datepicker/datecalendar.theme.js";import{flowPickersFilledInput as $e,flowPickersOutlinedInput as et,flowPickersInput as tt,flowPickersInputBase as it,flowPickersTextField as rt}from"../datepicker/pickerstextfield.theme.js";import{flowPickerPopper as ot}from"../datepicker/pickerpopper.theme.js";import{flowPickersLayout as mt}from"../datepicker/pickerslayout.theme.js";import{flowPickersDay as at}from"../datepicker/pickersday.theme.js";import{flowDayCalendar as pt}from"../datepicker/daycalendar.theme.js";import{flowMonthCalendar as st}from"../datepicker/monthcalendar.theme.js";import{flowYearCalendar as lt}from"../datepicker/yearcalendar.theme.js";import{flowTimeClock as nt}from"../datepicker/timeclock.theme.js";import{flowDigitalClock as ut}from"../datepicker/digitalclock.theme.js";import{flowMultiSectionDigitalClock as ct}from"../datepicker/multisectiondigitalclock.theme.js";import{flowMobileDatePicker as dt}from"../datepicker/mobiledatepicker.theme.js";import{flowMobileTimePicker as ft}from"../datepicker/mobiletimepicker.theme.js";import{flowMobileDateTimePicker as ht}from"../datepicker/mobiledatetimepicker.theme.js";import{flowDatePickerToolbar as Mt}from"../datepicker/datepickertoolbar.theme.js";import{flowTimePickerToolbar as jt}from"../datepicker/timepickertoolbar.theme.js";import{flowDateTimePickerToolbar as kt}from"../datepicker/datetimepickertoolbar.theme.js";import{getTypographyOptions as bt}from"../typography/typography.theme.js";import"@mui/x-date-pickers/themeAugmentation";function gt({mode:gt="light",direction:Ct="ltr",breakpointsOptions:Tt=Ye}){return e({breakpoints:Tt,mixins:i,palette:"dark"===gt?Ge:ze,direction:Ct,typography:bt(Tt,"rtl"===Ct),flowShadows:_e,zIndex:qe,unstable_sxConfig:t,components:{MuiAlert:o,MuiAlertTitle:m,MuiAvatar:a,MuiAvatarGroup:p,MuiAppBar:u,MuiToolbar:c,MuiContainer:W,MuiCssBaseline:j(Tt,"rtl"===Ct),MuiScopedCssBaseline:M(Tt,"rtl"===Ct),MuiButtonBase:g,MuiButton:b,MuiIconButton:Q,MuiSvgIcon:N,MuiLink:C,MuiLinearProgress:U,MuiCircularProgress:V,MuiSwitch:J,MuiCheckbox:T,MuiRadio:_,MuiSlider:E,MuiTooltip:xe,MuiDivider:B,MuiBadge:h,MuiChip:I,MuiPaper:ne,MuiTextField:K,MuiSelect:q,MuiMenu:me,MuiMenuItem:ae,MuiTab:Te,MuiTabs:Ie,MuiCard:Pe,MuiCardContent:De,MuiCardHeader:Se,MuiCardActionArea:Ae,MuiPaginationItem:le,MuiPagination:se,MuiRating:ce,MuiSnackbar:fe,MuiSnackbarContent:he,MuiModal:pe(Tt,"rtl"===Ct),MuiBackdrop:f,MuiDrawer:L,MuiAccordion:r,MuiAccordionSummary:s,MuiAccordionDetails:l,MuiAccordionActions:n,MuiInputBase:G,MuiInputLabel:Y,MuiInput:O,MuiFormControl:w,MuiFilledInput:v,MuiOutlinedInput:y,MuiFormLabel:R,MuiFormControlLabel:F,MuiInputAdornment:z,MuiFormHelperText:H,MuiDialogActions:P,MuiDialog:x,MuiDialogContent:D,MuiDialogContentText:S,MuiDialogTitle:A,MuiList:X,MuiListItem:Z,MuiListItemButton:$,MuiListItemText:ee,MuiListItemIcon:te,MuiListItemAvatar:ie,MuiListItemSecondaryAction:re,MuiListSubheader:oe,MuiPopover:ue,MuiAutocomplete:d,MuiBreadcrumbs:k,MuiSkeleton:de,MuiStepper:Me,MuiStep:je,MuiStepButton:ke,MuiStepConnector:be,MuiStepLabel:ge,MuiStepContent:Ce,MuiTableContainer:Be,MuiTable:Le,MuiTableHead:ve,MuiTableBody:ye,MuiTableRow:we,MuiTableCell:Fe,MuiTableSortLabel:He,MuiTablePagination:Re,MuiFab:Oe,MuiDatePicker:Ke,MuiTimePicker:Ue,MuiDateTimePicker:Xe,MuiDateCalendar:Ze,MuiPickersTextField:rt,MuiPickersInputBase:it,MuiPickersInput:tt,MuiPickersOutlinedInput:et,MuiPickersFilledInput:$e,MuiPickerPopper:ot,MuiPickerDay:at,MuiDayCalendar:pt,MuiMonthCalendar:st,MuiYearCalendar:lt,MuiTimeClock:nt,MuiDigitalClock:ut,MuiMultiSectionDigitalClock:ct,MuiMobileDatePicker:dt,MuiMobileDateTimePicker:ht,MuiMobileTimePicker:ft,MuiDatePickerToolbar:Mt,MuiDateTimePickerToolbar:kt,MuiTimePickerToolbar:jt,MuiDesktopDatePicker:Je,MuiDesktopTimePicker:Qe,MuiDesktopDateTimePicker:We,MuiStaticDatePicker:Ee,MuiStaticTimePicker:Ne,MuiStaticDateTimePicker:Ve,MuiPickersLayout:mt}})}const Ct=gt({}),Tt=gt({mode:"dark"}),It=gt({direction:"rtl"}),xt=gt({direction:"rtl",mode:"dark"});export{gt as createSkodaTheme,Tt as darkTheme,xt as rtlDarkTheme,It as rtlTheme,Ct as theme};
 //# sourceMappingURL=theme.js.map