@skodaflow/web-library 8.1.0 → 8.2.0

package/materialui/datepicker/pickersday.theme.d.ts

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

package/materialui/datepicker/pickersday.theme.js

@@ -1,2 +1,2 @@
-import{flowPickersItemStyle as e}from"./datecalendar.theme.js";const t={styleOverrides:{root:({theme:t})=>({...e(t),position:"relative",margin:"3px",width:"40px",height:"40px"}),today:({theme:e})=>({"&:not(.Mui-selected)":{"&, &:hover, &:focus":{borderColor:e.palette.text.primary}}})}};export{t as flowPickersDay};
+import{flowPickersItemStyle as e}from"./datecalendar.theme.js";const t={styleOverrides:{root:({theme:t})=>({...e(t),position:"relative",margin:"3px",width:"40px",height:"40px",borderRadius:"1000px"}),today:({theme:e})=>({"&:not(.Mui-selected)":{"&, &:hover, &:focus":{borderColor:e.palette.text.primary}}})}};export{t as flowPickersDay};
 //# sourceMappingURL=pickersday.theme.js.map

package/materialui/datepicker/pickersday.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"pickersday.theme.js","sources":["../../../src/materialui/datepicker/pickersday.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowPickersItemStyle } from './datecalendar.theme';\n\n// day button in DateCalendar\nexport const flowPickersDay: Components<Theme>['MuiPickersDay'] = {\n  styleOverrides: {\n    // style is reused in month, year, and digital clocks themes\n    root: ({ theme }) => ({\n      ...flowPickersItemStyle(theme),\n      position: 'relative',\n      // update proportions to match figma\n      margin: '3px',\n      width: '40px',\n      height: '40px',\n    }),\n    // highlighted today\n    today: ({ theme }) => ({\n      '&:not(.Mui-selected)': {\n        '&, &:hover, &:focus': {\n          borderColor: theme.palette.text.primary,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowPickersDay","styleOverrides","root","theme","flowPickersItemStyle","position","margin","width","height","today","borderColor","palette","text","primary"],"mappings":"+DAKO,MAAMA,EAAqD,CAChEC,eAAgB,CAEdC,KAAM,EAAGC,YAAO,IACXC,EAAqBD,GACxBE,SAAU,WAEVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,SAGVC,MAAO,EAAGN,YAAO,CACf,uBAAwB,CACtB,sBAAuB,CACrBO,YAAaP,EAAMQ,QAAQC,KAAKC"}
+{"version":3,"file":"pickersday.theme.js","sources":["../../../src/materialui/datepicker/pickersday.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowPickersItemStyle } from './datecalendar.theme';\n\n// day button in DateCalendar\nexport const flowPickersDay: Components<Theme>['MuiPickerDay'] = {\n  styleOverrides: {\n    // style is reused in month, year, and digital clocks themes\n    root: ({ theme }) => ({\n      ...flowPickersItemStyle(theme),\n      position: 'relative',\n      // update proportions to match Figma\n      margin: '3px',\n      width: '40px',\n      height: '40px',\n      borderRadius: '1000px',\n    }),\n    // highlighted today\n    today: ({ theme }) => ({\n      '&:not(.Mui-selected)': {\n        '&, &:hover, &:focus': {\n          borderColor: theme.palette.text.primary,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowPickersDay","styleOverrides","root","theme","flowPickersItemStyle","position","margin","width","height","borderRadius","today","borderColor","palette","text","primary"],"mappings":"+DAKO,MAAMA,EAAoD,CAC/DC,eAAgB,CAEdC,KAAM,EAAGC,YAAO,IACXC,EAAqBD,GACxBE,SAAU,WAEVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,OACRC,aAAc,WAGhBC,MAAO,EAAGP,YAAO,CACf,uBAAwB,CACtB,sBAAuB,CACrBQ,YAAaR,EAAMS,QAAQC,KAAKC"}

package/materialui/dialog/DialogTitle.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as n,Typography as t,IconButton as i}from"@mui/material";import{CloseIcon as s}from"../../components/icon/stroke/CloseIcon.js";const l=r(({onClose:r,closeIconButtonProps:l,children:c,...m},a)=>{const{sx:p,...d}=l??{};return e(n,{sx:{display:"flex",justifyContent:c?"space-between":"flex-end",alignItems:"flex-start",gap:1,overflow:"hidden"},children:[c&&o(t,{component:"h2",ref:a,...m,children:c}),r&&o(i,{size:"medium",onClick:e=>r(e,"backdropClick"),"aria-label":"Close",sx:{marginRight:"16px",marginTop:"16px",...p},...d,children:o(s,{})})]})});export{l as FlowDialogTitle};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Box as t,Typography as i,IconButton as s}from"@mui/material";import{sxOverride as n}from"../../utils/sxOverride/sxOverride.js";import{CloseIcon as m}from"../../components/icon/stroke/CloseIcon.js";const l=o(({onClose:o,closeIconButtonProps:l,children:c,...a},p)=>{const{sx:d,...f}=l??{};return e(t,{sx:{display:"flex",justifyContent:c?"space-between":"flex-end",alignItems:"flex-start",gap:1},children:[c&&r(i,{component:"h2",ref:p,...a,children:c}),o&&r(s,{size:"medium",onClick:e=>o(e,"backdropClick"),"aria-label":"Close",sx:n({mr:2,mt:2},d),...f,children:r(m,{})})]})});export{l as FlowDialogTitle};
 //# sourceMappingURL=DialogTitle.js.map

package/materialui/dialog/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","sources":["../../../src/materialui/dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { DialogTitleProps, Typography, IconButton, Box } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\n/**\n * This component serves as an extended title section for a dialog,\n *  including an optional close button displayed when `onClose` prop is provided.\n */\nexport const FlowDialogTitle: FC<DialogTitleProps> = forwardRef(\n  ({ onClose, closeIconButtonProps, children, ...rest }, ref) => {\n    const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: children ? 'space-between' : 'flex-end',\n          alignItems: 'flex-start',\n          gap: 1,\n          overflow: 'hidden',\n        }}\n      >\n        {children && (\n          <Typography component=\"h2\" ref={ref} {...rest}>\n            {children}\n          </Typography>\n        )}\n        {onClose && (\n          <IconButton\n            size=\"medium\"\n            onClick={(e) => onClose(e, 'backdropClick')}\n            aria-label=\"Close\"\n            sx={{\n              // move to the right side\n              marginRight: '16px',\n              marginTop: '16px',\n              ...closeIconButtonSx,\n            }}\n            {...restCloseIconButton}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["FlowDialogTitle","forwardRef","onClose","closeIconButtonProps","children","rest","ref","sx","closeIconButtonSx","restCloseIconButton","_jsxs","Box","display","justifyContent","alignItems","gap","overflow","_jsx","Typography","component","IconButton","size","onClick","e","marginRight","marginTop","CloseIcon"],"mappings":"qOAQaA,EAAwCC,EACnD,EAAGC,UAASC,uBAAsBC,cAAaC,GAAQC,KACrD,MAAQC,GAAIC,KAAsBC,GAAwBN,GAAwB,CAAA,EAElF,OACEO,EAACC,EAAG,CACFJ,GAAI,CACFK,QAAS,OACTC,eAAgBT,EAAW,gBAAkB,WAC7CU,WAAY,aACZC,IAAK,EACLC,SAAU,UACXZ,SAAA,CAEAA,GACCa,EAACC,EAAU,CAACC,UAAU,KAAKb,IAAKA,KAASD,EAAID,SAC1CA,IAGJF,GACCe,EAACG,EAAU,CACTC,KAAK,SACLC,QAAUC,GAAMrB,EAAQqB,EAAG,iBAAgB,aAChC,QACXhB,GAAI,CAEFiB,YAAa,OACbC,UAAW,UACRjB,MAEDC,WAEJQ,EAACS"}
+{"version":3,"file":"DialogTitle.js","sources":["../../../src/materialui/dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { DialogTitleProps, Typography, IconButton, Box } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\n/**\n * This component serves as an extended title section for a dialog,\n *  including an optional close button displayed when `onClose` prop is provided.\n */\nexport const FlowDialogTitle: FC<DialogTitleProps> = forwardRef(\n  ({ onClose, closeIconButtonProps, children, ...rest }, ref) => {\n    const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: children ? 'space-between' : 'flex-end',\n          alignItems: 'flex-start',\n          gap: 1,\n        }}\n      >\n        {children && (\n          <Typography component=\"h2\" ref={ref} {...rest}>\n            {children}\n          </Typography>\n        )}\n        {onClose && (\n          <IconButton\n            size=\"medium\"\n            onClick={(e) => onClose(e, 'backdropClick')}\n            aria-label=\"Close\"\n            sx={sxOverride(\n              {\n                mr: 2,\n                mt: 2,\n              },\n              closeIconButtonSx,\n            )}\n            {...restCloseIconButton}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["FlowDialogTitle","forwardRef","onClose","closeIconButtonProps","children","rest","ref","sx","closeIconButtonSx","restCloseIconButton","_jsxs","Box","display","justifyContent","alignItems","gap","_jsx","Typography","component","IconButton","size","onClick","e","sxOverride","mr","mt","CloseIcon"],"mappings":"uSASaA,EAAwCC,EACnD,EAAGC,UAASC,uBAAsBC,cAAaC,GAAQC,KACrD,MAAQC,GAAIC,KAAsBC,GAAwBN,GAAwB,CAAA,EAElF,OACEO,EAACC,EAAG,CACFJ,GAAI,CACFK,QAAS,OACTC,eAAgBT,EAAW,gBAAkB,WAC7CU,WAAY,aACZC,IAAK,GACNX,SAAA,CAEAA,GACCY,EAACC,EAAU,CAACC,UAAU,KAAKZ,IAAKA,KAASD,EAAID,SAC1CA,IAGJF,GACCc,EAACG,EAAU,CACTC,KAAK,SACLC,QAAUC,GAAMpB,EAAQoB,EAAG,iBAAgB,aAChC,QACXf,GAAIgB,EACF,CACEC,GAAI,EACJC,GAAI,GAENjB,MAEEC,EAAmBL,SAEvBY,EAACU,EAAS"}

package/materialui/dialog/dialogTitle.theme.js

@@ -1,2 +1,2 @@
-import{FlowDialogTitle as t}from"./DialogTitle.js";const e={defaultProps:{variant:"h3",component:t},styleOverrides:{root:({theme:t})=>({minWidth:"0",flexShrink:"1",flexGrow:"1",padding:"24px 40px 8px",[t.breakpoints.down("md")]:{paddingLeft:"24px",paddingRight:"24px"}})}};export{e as flowDialogTitle};
+import{FlowDialogTitle as e}from"./DialogTitle.js";const o={defaultProps:{variant:"h3",component:e},styleOverrides:{root:({theme:e})=>({minWidth:"0",flexShrink:"1",flexGrow:"1",padding:"24px 40px 8px",overflow:"hidden",[e.breakpoints.down("md")]:{paddingLeft:"24px",paddingRight:"24px"}})}};export{o as flowDialogTitle};
 //# sourceMappingURL=dialogTitle.theme.js.map

package/materialui/dialog/dialogTitle.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTitle.theme.js","sources":["../../../src/materialui/dialog/dialogTitle.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowDialogTitle } from './DialogTitle';\n\nexport const flowDialogTitle: Components<Theme>['MuiDialogTitle'] = {\n  defaultProps: {\n    variant: 'h3',\n    component: FlowDialogTitle,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      minWidth: '0',\n      flexShrink: '1',\n      flexGrow: '1',\n      padding: '24px 40px 8px',\n      [theme.breakpoints.down('md')]: {\n        paddingLeft: '24px',\n        paddingRight: '24px',\n      },\n    }),\n  },\n};\n"],"names":["flowDialogTitle","defaultProps","variant","component","FlowDialogTitle","styleOverrides","root","theme","minWidth","flexShrink","flexGrow","padding","breakpoints","down","paddingLeft","paddingRight"],"mappings":"mDAGO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,QAAS,KACTC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,SAAU,IACVC,WAAY,IACZC,SAAU,IACVC,QAAS,gBACT,CAACJ,EAAMK,YAAYC,KAAK,OAAQ,CAC9BC,YAAa,OACbC,aAAc"}
+{"version":3,"file":"dialogTitle.theme.js","sources":["../../../src/materialui/dialog/dialogTitle.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowDialogTitle } from './DialogTitle';\n\nexport const flowDialogTitle: Components<Theme>['MuiDialogTitle'] = {\n  defaultProps: {\n    variant: 'h3',\n    component: FlowDialogTitle,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      minWidth: '0',\n      flexShrink: '1',\n      flexGrow: '1',\n      padding: '24px 40px 8px',\n      overflow: 'hidden',\n      [theme.breakpoints.down('md')]: {\n        paddingLeft: '24px',\n        paddingRight: '24px',\n      },\n    }),\n  },\n};\n"],"names":["flowDialogTitle","defaultProps","variant","component","FlowDialogTitle","styleOverrides","root","theme","minWidth","flexShrink","flexGrow","padding","overflow","breakpoints","down","paddingLeft","paddingRight"],"mappings":"mDAGO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,QAAS,KACTC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,SAAU,IACVC,WAAY,IACZC,SAAU,IACVC,QAAS,gBACTC,SAAU,SACV,CAACL,EAAMM,YAAYC,KAAK,OAAQ,CAC9BC,YAAa,OACbC,aAAc"}

package/materialui/drawer/DrawerContent.d.ts

@@ -0,0 +1,39 @@
+import { ComponentType, ElementType, FC, ReactNode } from 'react';
+import { BoxProps, DrawerProps, IconButtonProps, SvgIconProps, TypographyProps } from '@mui/material';
+export interface DrawerContentProps extends BoxProps<ElementType> {
+    /**
+     * Callback fired when the close button is clicked.
+     * Follows the same signature as DrawerProps['onClose'].
+     * When not provided, the close button is not rendered.
+     */
+    onClose?: DrawerProps['onClose'];
+    /**
+     * Title rendered in the header alongside the close button
+     */
+    title?: ReactNode;
+    /**
+     * Properties applied to the title wrapper Box
+     */
+    titleWrapperProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to the title Typography
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Properties applied to the close IconButton
+     */
+    closeIconButtonProps?: IconButtonProps;
+    /**
+     * Properties applied to the close icon
+     */
+    closeIconProps?: SvgIconProps;
+    /**
+     * Icon component used as the close button icon
+     * @default CloseIcon
+     */
+    CloseIconComponent?: ComponentType<SvgIconProps>;
+}
+/**
+ * Content wrapper for Drawer with an optional title and close button.
+ */
+export declare const DrawerContent: FC<DrawerContentProps>;

package/materialui/drawer/DrawerContent.js

@@ -0,0 +1,2 @@
+import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as i,Typography as s,IconButton as n}from"@mui/material";import{sxOverride as l}from"../../utils/sxOverride/sxOverride.js";import{CloseIcon as p}from"../../components/icon/stroke/CloseIcon.js";const m=t(({children:t,sx:m,onClose:c,title:x,titleWrapperProps:a,titleProps:d,closeIconButtonProps:f,closeIconProps:h,CloseIconComponent:C,...u},k)=>{const{sx:v,...I}=f??{},{sx:b,...j}=a??{},{sx:P,...w}=d??{},y=C??p;return e(o,{children:[(x||c)&&e(i,{sx:l({display:"flex",justifyContent:x?"space-between":"flex-end",alignItems:"flex-start",gap:1},b),...j,children:[x&&r(s,{component:"h2",variant:"h3",sx:l({minWidth:"0",flexShrink:"1",flexGrow:"1",px:{xs:3,md:6},pt:3,pb:1,overflow:"hidden"},P),...w,children:x}),c&&r(n,{size:"medium",onClick:e=>c(e,"backdropClick"),"aria-label":"Close",sx:l({mr:2,mt:2},v),...I,children:r(y,{...h})})]}),r(i,{ref:k,sx:l({position:"relative",py:3,px:{xs:3,md:6}},m),...u,children:t})]})});export{m as DrawerContent};
+//# sourceMappingURL=DrawerContent.js.map

package/materialui/drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sources":["../../../src/materialui/drawer/DrawerContent.tsx"],"sourcesContent":["import React, { ComponentType, ElementType, FC, ReactNode, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  DrawerProps,\n  IconButton,\n  IconButtonProps,\n  SvgIconProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface DrawerContentProps extends BoxProps<ElementType> {\n  /**\n   * Callback fired when the close button is clicked.\n   * Follows the same signature as DrawerProps['onClose'].\n   * When not provided, the close button is not rendered.\n   */\n  onClose?: DrawerProps['onClose'];\n  /**\n   * Title rendered in the header alongside the close button\n   */\n  title?: ReactNode;\n  /**\n   * Properties applied to the title wrapper Box\n   */\n  titleWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to the title Typography\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to the close IconButton\n   */\n  closeIconButtonProps?: IconButtonProps;\n  /**\n   * Properties applied to the close icon\n   */\n  closeIconProps?: SvgIconProps;\n  /**\n   * Icon component used as the close button icon\n   * @default CloseIcon\n   */\n  CloseIconComponent?: ComponentType<SvgIconProps>;\n}\n\n/**\n * Content wrapper for Drawer with an optional title and close button.\n */\nexport const DrawerContent: FC<DrawerContentProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      onClose,\n      title,\n      titleWrapperProps,\n      titleProps,\n      closeIconButtonProps,\n      closeIconProps,\n      CloseIconComponent,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n    const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapperProps ?? {};\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const CloseButtonIcon = CloseIconComponent ?? CloseIcon;\n\n    return (\n      <>\n        {(title || onClose) && (\n          <Box\n            sx={sxOverride(\n              {\n                display: 'flex',\n                justifyContent: title ? 'space-between' : 'flex-end',\n                alignItems: 'flex-start',\n                gap: 1,\n              },\n              titleWrapperSx,\n            )}\n            {...restTitleWrapper}\n          >\n            {title && (\n              <Typography\n                component=\"h2\"\n                variant=\"h3\"\n                sx={sxOverride(\n                  {\n                    minWidth: '0',\n                    flexShrink: '1',\n                    flexGrow: '1',\n                    px: { xs: 3, md: 6 },\n                    pt: 3,\n                    pb: 1,\n                    overflow: 'hidden',\n                  },\n                  titleSx,\n                )}\n                {...restTitle}\n              >\n                {title}\n              </Typography>\n            )}\n            {onClose && (\n              <IconButton\n                size=\"medium\"\n                onClick={(e) => onClose(e, 'backdropClick')}\n                aria-label=\"Close\"\n                sx={sxOverride(\n                  {\n                    mr: 2,\n                    mt: 2,\n                  },\n                  closeIconButtonSx,\n                )}\n                {...restCloseIconButton}\n              >\n                <CloseButtonIcon {...closeIconProps} />\n              </IconButton>\n            )}\n          </Box>\n        )}\n        <Box\n          ref={ref}\n          sx={sxOverride(\n            {\n              position: 'relative',\n              py: 3,\n              px: { xs: 3, md: 6 },\n            },\n            sx,\n          )}\n          {...rest}\n        >\n          {children}\n        </Box>\n      </>\n    );\n  },\n);\n"],"names":["DrawerContent","forwardRef","children","sx","onClose","title","titleWrapperProps","titleProps","closeIconButtonProps","closeIconProps","CloseIconComponent","rest","ref","closeIconButtonSx","restCloseIconButton","titleWrapperSx","restTitleWrapper","titleSx","restTitle","CloseButtonIcon","CloseIcon","_jsxs","_Fragment","Box","sxOverride","display","justifyContent","alignItems","gap","_jsx","Typography","component","variant","minWidth","flexShrink","flexGrow","px","xs","md","pt","pb","overflow","IconButton","size","onClick","e","mr","mt","position","py"],"mappings":"+SAmDO,MAAMA,EAAwCC,EACnD,EAEIC,WACAC,KACAC,UACAC,QACAC,oBACAC,aACAC,uBACAC,iBACAC,wBACGC,GAELC,KAEA,MAAQT,GAAIU,KAAsBC,GAAwBN,GAAwB,CAAA,GAC1EL,GAAIY,KAAmBC,GAAqBV,GAAqB,CAAA,GACjEH,GAAIc,KAAYC,GAAcX,GAAc,CAAA,EAC9CY,EAAkBT,GAAsBU,EAE9C,OACEC,EAAAC,EAAA,CAAApB,SAAA,EACIG,GAASD,IACTiB,EAACE,EAAG,CACFpB,GAAIqB,EACF,CACEC,QAAS,OACTC,eAAgBrB,EAAQ,gBAAkB,WAC1CsB,WAAY,aACZC,IAAK,GAEPb,MAEEC,YAEHX,GACCwB,EAACC,EAAU,CACTC,UAAU,KACVC,QAAQ,KACR7B,GAAIqB,EACF,CACES,SAAU,IACVC,WAAY,IACZC,SAAU,IACVC,GAAI,CAAEC,GAAI,EAAGC,GAAI,GACjBC,GAAI,EACJC,GAAI,EACJC,SAAU,UAEZxB,MAEEC,EAAShB,SAEZG,IAGJD,GACCyB,EAACa,EAAU,CACTC,KAAK,SACLC,QAAUC,GAAMzC,EAAQyC,EAAG,iBAAgB,aAChC,QACX1C,GAAIqB,EACF,CACEsB,GAAI,EACJC,GAAI,GAENlC,MAEEC,EAAmBZ,SAEvB2B,EAACV,EAAe,IAAKV,SAK7BoB,EAACN,EAAG,CACFX,IAAKA,EACLT,GAAIqB,EACF,CACEwB,SAAU,WACVC,GAAI,EACJb,GAAI,CAAEC,GAAI,EAAGC,GAAI,IAEnBnC,MAEEQ,WAEHT"}

package/materialui/drawer/drawer.theme.js

@@ -1,2 +1,2 @@
-const e={styleOverrides:{root:({ownerState:e,theme:t})=>({flexShrink:"0",..."persistent"===e.variant?{transition:t.transitions.create("width",{duration:t.transitions.duration[e.open?"leavingScreen":"enteringScreen"]})}:{}}),paper:({theme:e})=>({boxShadow:e.flowShadows.xl,..."dark"===e.palette.mode&&{backgroundImage:"none"}})}};export{e as flowDrawer};
+const e={styleOverrides:{root:({ownerState:e,theme:t})=>({flexShrink:"0",..."persistent"===e.variant?{transition:t.transitions.create("width",{duration:t.transitions.duration[e.open?"leavingScreen":"enteringScreen"]})}:{}}),paper:({theme:e,ownerState:t})=>({boxShadow:e.flowShadows.xl,borderRadius:"0",..."dark"===e.palette.mode&&{backgroundImage:"none"},...["left","right"].includes(t.anchor)&&{width:"520px",maxWidth:"100%",[e.breakpoints.down("xl")]:{width:"504px"},[e.breakpoints.down("md")]:{width:"100%"}}})}};export{e as flowDrawer};
 //# sourceMappingURL=drawer.theme.js.map

package/materialui/drawer/drawer.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.theme.js","sources":["../../../src/materialui/drawer/drawer.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowDrawer: Components<Theme>['MuiDrawer'] = {\n  styleOverrides: {\n    root: ({ ownerState, theme }) => ({\n      flexShrink: '0',\n      // add smooth transition for opening/closing drawer in persistent variant\n      ...(ownerState.variant === 'persistent'\n        ? {\n            transition: theme.transitions.create('width', {\n              duration: theme.transitions.duration[ownerState.open ? 'leavingScreen' : 'enteringScreen'],\n            }),\n          }\n        : {}),\n    }),\n    paper: ({ theme }) => ({\n      boxShadow: theme.flowShadows.xl,\n      ...(theme.palette.mode === 'dark' && {\n        backgroundImage: 'none',\n      }),\n    }),\n  },\n};\n"],"names":["flowDrawer","styleOverrides","root","ownerState","theme","flexShrink","variant","transition","transitions","create","duration","open","paper","boxShadow","flowShadows","xl","palette","mode","backgroundImage"],"mappings":"AAGO,MAAMA,EAA6C,CACxDC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,YAAO,CAC1BC,WAAY,OAEe,eAAvBF,EAAWG,QACX,CACEC,WAAYH,EAAMI,YAAYC,OAAO,QAAS,CAC5CC,SAAUN,EAAMI,YAAYE,SAASP,EAAWQ,KAAO,gBAAkB,qBAG7E,KAENC,MAAO,EAAGR,YAAO,CACfS,UAAWT,EAAMU,YAAYC,MACF,SAAvBX,EAAMY,QAAQC,MAAmB,CACnCC,gBAAiB"}
+{"version":3,"file":"drawer.theme.js","sources":["../../../src/materialui/drawer/drawer.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowDrawer: Components<Theme>['MuiDrawer'] = {\n  styleOverrides: {\n    root: ({ ownerState, theme }) => ({\n      flexShrink: '0',\n      // add smooth transition for opening/closing drawer in persistent variant\n      ...(ownerState.variant === 'persistent'\n        ? {\n            transition: theme.transitions.create('width', {\n              duration: theme.transitions.duration[ownerState.open ? 'leavingScreen' : 'enteringScreen'],\n            }),\n          }\n        : {}),\n    }),\n    paper: ({ theme, ownerState }) => ({\n      boxShadow: theme.flowShadows.xl,\n      borderRadius: '0',\n      ...(theme.palette.mode === 'dark' && {\n        backgroundImage: 'none',\n      }),\n      ...(['left', 'right'].includes(ownerState.anchor) && {\n        width: '520px',\n        maxWidth: '100%',\n        [theme.breakpoints.down('xl')]: {\n          width: '504px',\n        },\n        [theme.breakpoints.down('md')]: {\n          width: '100%',\n        },\n      }),\n    }),\n  },\n};\n"],"names":["flowDrawer","styleOverrides","root","ownerState","theme","flexShrink","variant","transition","transitions","create","duration","open","paper","boxShadow","flowShadows","xl","borderRadius","palette","mode","backgroundImage","includes","anchor","width","maxWidth","breakpoints","down"],"mappings":"AAGO,MAAMA,EAA6C,CACxDC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,YAAO,CAC1BC,WAAY,OAEe,eAAvBF,EAAWG,QACX,CACEC,WAAYH,EAAMI,YAAYC,OAAO,QAAS,CAC5CC,SAAUN,EAAMI,YAAYE,SAASP,EAAWQ,KAAO,gBAAkB,qBAG7E,KAENC,MAAO,EAAGR,QAAOD,iBAAY,CAC3BU,UAAWT,EAAMU,YAAYC,GAC7BC,aAAc,OACa,SAAvBZ,EAAMa,QAAQC,MAAmB,CACnCC,gBAAiB,WAEf,CAAC,OAAQ,SAASC,SAASjB,EAAWkB,SAAW,CACnDC,MAAO,QACPC,SAAU,OACV,CAACnB,EAAMoB,YAAYC,KAAK,OAAQ,CAC9BH,MAAO,SAET,CAAClB,EAAMoB,YAAYC,KAAK,OAAQ,CAC9BH,MAAO"}

package/materialui/drawer/index.d.ts

@@ -1,2 +1,4 @@
 export { Drawer, SwipeableDrawer } from '@mui/material';
 export type { DrawerProps, SwipeableDrawerProps } from '@mui/material';
+export { DrawerContent } from './DrawerContent';
+export type { DrawerContentProps } from './DrawerContent';

package/materialui/iconButton/iconButton.theme.js

@@ -1,2 +1,2 @@
-import{updateFocusRingStyle as e,getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as o}from"../button/interactive.js";const t={defaultProps:{disableRipple:!0,variant:"standard",color:"secondary",size:"medium"},styleOverrides:{root:({theme:e})=>({position:"relative",boxShadow:"none",outline:"none",width:"44px",height:"44px",borderRadius:"1000px",maxWidth:"none",transition:"all 0.3s ease-out",flexShrink:"0","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"},...o({backgroundColor:"transparent"},{backgroundColor:e.palette.transparent.secondary}),...r(e),"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}}),sizeSmall:{height:"32px",width:"32px","& .MuiSvgIcon-root":{fontSize:"17px"}},sizeMedium:{"& .MuiSvgIcon-root":{fontSize:"20px"}},sizeLarge:{height:"50px",width:"50px","& .MuiSvgIcon-root":{fontSize:"22px"}}},variants:[{props:{color:"secondary"},style:({theme:e})=>({...o({color:e.palette.text.primary},{color:e.palette.text.primary})})},{props:{variant:"filled"},style:({theme:e})=>({"&.Mui-disabled":{opacity:"1",backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}})},{props:{variant:"filled",color:"primary"},style:({theme:e})=>({...o({backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900},{backgroundColor:e.palette.brandHover.secondary,color:e.palette.onSurface.os900})})},{props:{variant:"filled",color:"secondary"},style:({theme:e})=>({...o({backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.contrastText})})},{props:{variant:"filled",color:"error"},style:({theme:e})=>({...o({color:e.palette.error.contrastText,backgroundColor:e.palette.error.main},{color:e.palette.error.contrastText,backgroundColor:e.palette.error.dark})})},{props:{variant:"filled",color:"inherit"},style:({theme:e})=>({...o({backgroundColor:e.palette.transparent.secondary},{backgroundColor:e.palette.surface.primary})})},{props:{variant:"outlined"},style:{border:"2px solid currentColor",...e(2)}},{props:{variant:"outlined",size:"small"},style:{borderWidth:"1px",...e(1)}},{props:{color:"surface"},style:({theme:r})=>({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`,...e(1),...o({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary}),"&.Mui-disabled":{borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{color:"surface",variant:"outlined"},style:{borderWidth:"2px",...e(2)}},{props:{color:"white"},style:({theme:e})=>({...o({backgroundColor:"transparent",color:e.palette.onSurface.os0},{color:e.palette.onSurface.os0,backgroundColor:e.palette.transparent.tertiary}),"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})}]};export{t as flowIconButton};
+import{updateFocusRingStyle as e,getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as o}from"../button/interactive.js";const t={defaultProps:{disableRipple:!0,variant:"standard",color:"secondary",size:"medium"},styleOverrides:{root:({theme:e})=>({position:"relative",boxShadow:"none",outline:"none",width:"44px",height:"44px",borderRadius:"1000px",maxWidth:"none",transition:"all 0.3s ease-out",flexShrink:"0","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"},...o({backgroundColor:"transparent"},{backgroundColor:e.palette.transparent.secondary}),...r(e),"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}}),sizeSmall:{height:"32px",width:"32px","& .MuiSvgIcon-root":{fontSize:"17px"}},sizeMedium:{"& .MuiSvgIcon-root":{fontSize:"20px"}},sizeLarge:{height:"50px",width:"50px","& .MuiSvgIcon-root":{fontSize:"22px"}}},variants:[{props:{color:"secondary"},style:({theme:e})=>({...o({color:e.palette.text.primary},{color:e.palette.text.primary})})},{props:{variant:"filled"},style:({theme:e})=>({"&.Mui-disabled":{opacity:"1",backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}})},{props:{variant:"filled",color:"primary"},style:({theme:e})=>({...o({backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900},{backgroundColor:e.palette.brandHover.secondary,color:e.palette.onSurface.os900})})},{props:{variant:"filled",color:"secondary"},style:({theme:e})=>({...o({backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.contrastText})})},{props:{variant:"filled",color:"error"},style:({theme:e})=>({...o({color:e.palette.error.contrastText,backgroundColor:e.palette.error.main},{color:e.palette.error.contrastText,backgroundColor:e.palette.error.dark})})},{props:{variant:"filled",color:"inherit"},style:({theme:e})=>({...o({backgroundColor:e.palette.transparent.secondary},{backgroundColor:e.palette.surface.primary})})},{props:{variant:"outlined"},style:{border:"2px solid currentColor",...e(2)}},{props:{variant:"outlined",size:"small"},style:{borderWidth:"1px",...e(1)}},{props:{color:"surface"},style:({theme:r})=>({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`,...e(1),...o({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary}),"&.Mui-disabled":{backgroundColor:r.palette.surface.secondary,borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{color:"surface",variant:"outlined"},style:{borderWidth:"2px",...e(2)}},{props:{color:"white"},style:({theme:e})=>({...o({backgroundColor:"transparent",color:e.palette.onSurface.os0},{color:e.palette.onSurface.os0,backgroundColor:e.palette.transparent.tertiary}),"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})}]};export{t as flowIconButton};
 //# sourceMappingURL=iconButton.theme.js.map

package/materialui/iconButton/iconButton.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconButton.theme.js","sources":["../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    variant: 'standard',\n    color: 'secondary',\n    size: 'medium',\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      position: 'relative',\n      boxShadow: 'none',\n      outline: 'none',\n      width: '44px',\n      height: '44px',\n      borderRadius: '1000px',\n      maxWidth: 'none',\n      transition: 'all 0.3s ease-out',\n      flexShrink: '0',\n      '&:hover': {\n        boxShadow: 'none',\n      },\n      '&&:active': {\n        boxShadow: 'none',\n      },\n      ...getInteractiveStyle(\n        {\n          backgroundColor: 'transparent',\n        },\n        {\n          // hover effect also in accordionSummary.theme.tsx\n          backgroundColor: theme.palette.transparent.secondary,\n        },\n      ),\n      // focused style\n      ...getFocusRingStyle(theme),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    sizeSmall: {\n      height: '32px',\n      width: '32px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n      },\n    },\n    sizeMedium: {\n      // width & height & borderRadius is default in root\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n    },\n    sizeLarge: {\n      height: '50px',\n      width: '50px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '22px',\n      },\n    },\n  },\n  variants: [\n    {\n      props: { color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.text.primary,\n          },\n          {\n            color: theme.palette.text.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled' },\n      style: ({ theme }) => ({\n        // disabled style\n        '&.Mui-disabled': {\n          opacity: '1',\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'primary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.brand.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n          {\n            backgroundColor: theme.palette.brandHover.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.secondary.main,\n            color: theme.palette.secondary.contrastText,\n          },\n          {\n            backgroundColor: theme.palette.secondary.light,\n            color: theme.palette.secondary.contrastText,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'error' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.main,\n          },\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.dark,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'inherit' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'outlined' },\n      style: {\n        border: '2px solid currentColor',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { variant: 'outlined', size: 'small' },\n      style: {\n        borderWidth: '1px',\n        ...updateFocusRingStyle(1),\n      },\n    },\n    {\n      props: { color: 'surface' },\n      style: ({ theme }) => ({\n        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n        ...updateFocusRingStyle(1),\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.surface.secondary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n    {\n      props: { color: 'surface', variant: 'outlined' },\n      style: {\n        borderWidth: '2px',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { color: 'white' },\n      style: ({ theme }) => ({\n        // hover effect also in accordionSummary.theme.tsx\n        // hover effect also in FooterAccordion.tsx\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            color: theme.palette.onSurface.os0,\n            backgroundColor: theme.palette.transparent.tertiary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.disabled.primary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","transparent","secondary","getFocusRingStyle","opacity","disabled","primary","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","surface","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"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"}
+{"version":3,"file":"iconButton.theme.js","sources":["../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    variant: 'standard',\n    color: 'secondary',\n    size: 'medium',\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      position: 'relative',\n      boxShadow: 'none',\n      outline: 'none',\n      width: '44px',\n      height: '44px',\n      borderRadius: '1000px',\n      maxWidth: 'none',\n      transition: 'all 0.3s ease-out',\n      flexShrink: '0',\n      '&:hover': {\n        boxShadow: 'none',\n      },\n      '&&:active': {\n        boxShadow: 'none',\n      },\n      ...getInteractiveStyle(\n        {\n          backgroundColor: 'transparent',\n        },\n        {\n          // hover effect also in accordionSummary.theme.tsx\n          backgroundColor: theme.palette.transparent.secondary,\n        },\n      ),\n      // focused style\n      ...getFocusRingStyle(theme),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    sizeSmall: {\n      height: '32px',\n      width: '32px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n      },\n    },\n    sizeMedium: {\n      // width & height & borderRadius is default in root\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n    },\n    sizeLarge: {\n      height: '50px',\n      width: '50px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '22px',\n      },\n    },\n  },\n  variants: [\n    {\n      props: { color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.text.primary,\n          },\n          {\n            color: theme.palette.text.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled' },\n      style: ({ theme }) => ({\n        // disabled style\n        '&.Mui-disabled': {\n          opacity: '1',\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'primary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.brand.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n          {\n            backgroundColor: theme.palette.brandHover.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.secondary.main,\n            color: theme.palette.secondary.contrastText,\n          },\n          {\n            backgroundColor: theme.palette.secondary.light,\n            color: theme.palette.secondary.contrastText,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'error' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.main,\n          },\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.dark,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'inherit' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'outlined' },\n      style: {\n        border: '2px solid currentColor',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { variant: 'outlined', size: 'small' },\n      style: {\n        borderWidth: '1px',\n        ...updateFocusRingStyle(1),\n      },\n    },\n    {\n      props: { color: 'surface' },\n      style: ({ theme }) => ({\n        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n        ...updateFocusRingStyle(1),\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          backgroundColor: theme.palette.surface.secondary,\n          borderColor: theme.palette.surface.secondary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n    {\n      props: { color: 'surface', variant: 'outlined' },\n      style: {\n        borderWidth: '2px',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { color: 'white' },\n      style: ({ theme }) => ({\n        // hover effect also in accordionSummary.theme.tsx\n        // hover effect also in FooterAccordion.tsx\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            color: theme.palette.onSurface.os0,\n            backgroundColor: theme.palette.transparent.tertiary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.disabled.primary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","transparent","secondary","getFocusRingStyle","opacity","disabled","primary","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","surface","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"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"}

package/materialui/list/listItemText.theme.js

@@ -1,2 +1,2 @@
-const e={defaultProps:{inset:!1,primaryTypographyProps:{variant:"caption2"},secondaryTypographyProps:{variant:"disclaimer1"}},styleOverrides:{root:({theme:e})=>({margin:"0",color:e.palette.text.primary,"& ~ .MuiListItemText-root":{flexGrow:"0",flexShrink:"0",maxWidth:"100%",textAlign:"right"}}),primary:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},secondary:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},inset:{padding:"0"}}};export{e as flowListItemText};
+const e={defaultProps:{inset:!1,slotProps:{primary:{variant:"caption2"},secondary:{variant:"disclaimer1"}}},styleOverrides:{root:({theme:e})=>({margin:"0",color:e.palette.text.primary,"& ~ .MuiListItemText-root":{flexGrow:"0",flexShrink:"0",maxWidth:"100%",textAlign:"right"}}),primary:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},secondary:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},inset:{padding:"0"}}};export{e as flowListItemText};
 //# sourceMappingURL=listItemText.theme.js.map

package/materialui/list/listItemText.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemText.theme.js","sources":["../../../src/materialui/list/listItemText.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemText: Components<Theme>['MuiListItemText'] = {\n  defaultProps: {\n    // has no effect\n    inset: false,\n    // set default typography\n    // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them as well\n    primaryTypographyProps: {\n      variant: 'caption2',\n    },\n    secondaryTypographyProps: {\n      variant: 'disclaimer1',\n    },\n    // slotProps: {\n    //   primary: {\n    //     variant: 'caption2',\n    //   },\n    //   secondary: {\n    //     variant: 'disclaimer1',\n    //   },\n    // },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      margin: '0',\n      color: theme.palette.text.primary,\n      // next ListItemTexts in the ListItem\n      '& ~ .MuiListItemText-root': {\n        // no need to grow\n        flexGrow: '0',\n        // make sure text is always visible and does not shrink\n        flexShrink: '0',\n        maxWidth: '100%',\n        // align to right side\n        textAlign: 'right',\n      },\n    }),\n    primary: {\n      // restrict 2 lines\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: '2',\n      WebkitBoxOrient: 'vertical',\n      // beware, due to important nested selector applying style\n      // here disallows overwrites via sx\n    },\n    secondary: {\n      // restrict 2 lines\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: '2',\n      WebkitBoxOrient: 'vertical',\n      // beware, due to important nested selector applying style\n      // here disallows overwrites via sx\n    },\n    inset: {\n      padding: '0',\n    },\n  },\n};\n"],"names":["flowListItemText","defaultProps","inset","primaryTypographyProps","variant","secondaryTypographyProps","styleOverrides","root","theme","margin","color","palette","text","primary","flexGrow","flexShrink","maxWidth","textAlign","overflow","textOverflow","display","WebkitLineClamp","WebkitBoxOrient","secondary","padding"],"mappings":"AAGO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,OAAO,EAGPC,uBAAwB,CACtBC,QAAS,YAEXC,yBAA0B,CACxBD,QAAS,gBAWbE,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,IACRC,MAAOF,EAAMG,QAAQC,KAAKC,QAE1B,4BAA6B,CAE3BC,SAAU,IAEVC,WAAY,IACZC,SAAU,OAEVC,UAAW,WAGfJ,QAAS,CAEPK,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBC,UAAW,CAETL,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBpB,MAAO,CACLsB,QAAS"}
+{"version":3,"file":"listItemText.theme.js","sources":["../../../src/materialui/list/listItemText.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemText: Components<Theme>['MuiListItemText'] = {\n  defaultProps: {\n    // has no effect\n    inset: false,\n    // set default typography\n    slotProps: {\n      primary: {\n        variant: 'caption2',\n      },\n      secondary: {\n        variant: 'disclaimer1',\n      },\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      margin: '0',\n      color: theme.palette.text.primary,\n      // next ListItemTexts in the ListItem\n      '& ~ .MuiListItemText-root': {\n        // no need to grow\n        flexGrow: '0',\n        // make sure text is always visible and does not shrink\n        flexShrink: '0',\n        maxWidth: '100%',\n        // align to right side\n        textAlign: 'right',\n      },\n    }),\n    primary: {\n      // restrict 2 lines\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: '2',\n      WebkitBoxOrient: 'vertical',\n      // beware, due to important nested selector applying style\n      // here disallows overwrites via sx\n    },\n    secondary: {\n      // restrict 2 lines\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: '2',\n      WebkitBoxOrient: 'vertical',\n      // beware, due to important nested selector applying style\n      // here disallows overwrites via sx\n    },\n    inset: {\n      padding: '0',\n    },\n  },\n};\n"],"names":["flowListItemText","defaultProps","inset","slotProps","primary","variant","secondary","styleOverrides","root","theme","margin","color","palette","text","flexGrow","flexShrink","maxWidth","textAlign","overflow","textOverflow","display","WebkitLineClamp","WebkitBoxOrient","padding"],"mappings":"AAGO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,OAAO,EAEPC,UAAW,CACTC,QAAS,CACPC,QAAS,YAEXC,UAAW,CACTD,QAAS,iBAIfE,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,IACRC,MAAOF,EAAMG,QAAQC,KAAKT,QAE1B,4BAA6B,CAE3BU,SAAU,IAEVC,WAAY,IACZC,SAAU,OAEVC,UAAW,WAGfb,QAAS,CAEPc,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBhB,UAAW,CAETY,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBpB,MAAO,CACLqB,QAAS"}

package/materialui/slider/SliderContainer.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Box as i}from"@mui/material";import{flowThumbWidth as o}from"./slider.theme.js";const e=t(({orientation:t,thumbSize:e=o,sx:a,...m},p)=>r(i,{ref:p,sx:{..."vertical"===t?{py:e/2+"px","& .MuiSlider-rail":{height:"auto",top:`-${e/2}px`,bottom:`-${e/2}px`},"& .MuiSlider-track":{marginBottom:`-${e/2}px`,borderTopLeftRadius:"0",borderTopRightRadius:"0"}}:{px:e/2+"px","& .MuiSlider-rail":{width:"auto",left:`-${e/2}px`,right:`-${e/2}px`,maxWidth:"none"},"& .MuiSlider-track":{marginLeft:`-${e/2}px`,borderTopRightRadius:"0",borderBottomRightRadius:"0"}},...a},...m}));export{e as SliderContainer};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Box as t}from"@mui/material";import{sxOverride as o}from"../../utils/sxOverride/sxOverride.js";import{flowThumbWidth as e}from"./slider.theme.js";const m=i(({orientation:i,thumbSize:m=e,sx:p,...a},d)=>r(t,{ref:d,sx:o({..."vertical"===i?{py:m/2+"px","& .MuiSlider-rail":{height:"auto",top:`-${m/2}px`,bottom:`-${m/2}px`},"& .MuiSlider-track":{marginBottom:`-${m/2}px`,borderTopLeftRadius:"0",borderTopRightRadius:"0"}}:{px:m/2+"px","& .MuiSlider-rail":{width:"auto",left:`-${m/2}px`,right:`-${m/2}px`,maxWidth:"none"},"& .MuiSlider-track":{marginLeft:`-${m/2}px`,borderTopRightRadius:"0",borderBottomRightRadius:"0"}}},p),...a}));export{m as SliderContainer};
 //# sourceMappingURL=SliderContainer.js.map

package/materialui/slider/SliderContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderContainer.js","sources":["../../../src/materialui/slider/SliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n  /**\n   * Slider orientation\n   */\n  orientation?: SliderProps['orientation'];\n  /**\n   * Size of the slider thumb\n   */\n  thumbSize?: number;\n}\n\n/**\n * Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n  ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        sx={{\n          ...(orientation === 'vertical'\n            ? {\n                py: `${thumbSize / 2}px`,\n                // increase the size of rail by size of thumb\n                '& .MuiSlider-rail': {\n                  height: 'auto',\n                  top: `-${thumbSize / 2}px`,\n                  bottom: `-${thumbSize / 2}px`,\n                },\n                // move track into increased rail size\n                '& .MuiSlider-track': {\n                  marginBottom: `-${thumbSize / 2}px`,\n                  borderTopLeftRadius: '0',\n                  borderTopRightRadius: '0',\n                },\n              }\n            : {\n                px: `${thumbSize / 2}px`,\n                // increase the size of rail by size of thumb\n                '& .MuiSlider-rail': {\n                  width: 'auto',\n                  left: `-${thumbSize / 2}px`,\n                  right: `-${thumbSize / 2}px`,\n                  maxWidth: 'none',\n                },\n                // move track into increased rail size\n                '& .MuiSlider-track': {\n                  marginLeft: `-${thumbSize / 2}px`,\n                  borderTopRightRadius: '0',\n                  borderBottomRightRadius: '0',\n                },\n              }),\n          ...sx,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SliderContainer","forwardRef","orientation","thumbSize","flowThumbWidth","sx","rest","ref","_jsx","Box","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"wKAkBaA,EAA6CC,EACxD,EAAGC,cAAaC,YAAYC,EAAgBC,QAAOC,GAAQC,IAEvDC,EAACC,EAAG,CACFF,IAAKA,EACLF,GAAI,IACkB,aAAhBH,EACA,CACEQ,GAAOP,EAAY,EAAf,KAEJ,oBAAqB,CACnBQ,OAAQ,OACRC,IAAK,IAAIT,EAAY,MACrBU,OAAQ,IAAIV,EAAY,OAG1B,qBAAsB,CACpBW,aAAc,IAAIX,EAAY,MAC9BY,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOd,EAAY,EAAf,KAEJ,oBAAqB,CACnBe,MAAO,OACPC,KAAM,IAAIhB,EAAY,MACtBiB,MAAO,IAAIjB,EAAY,MACvBkB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAInB,EAAY,MAC5Ba,qBAAsB,IACtBO,wBAAyB,SAG9BlB,MAEDC"}
+{"version":3,"file":"SliderContainer.js","sources":["../../../src/materialui/slider/SliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n  /**\n   * Slider orientation\n   */\n  orientation?: SliderProps['orientation'];\n  /**\n   * Size of the slider thumb\n   */\n  thumbSize?: number;\n}\n\n/**\n * Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n  ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        sx={sxOverride(\n          {\n            ...(orientation === 'vertical'\n              ? {\n                  py: `${thumbSize / 2}px`,\n                  // increase the size of rail by size of thumb\n                  '& .MuiSlider-rail': {\n                    height: 'auto',\n                    top: `-${thumbSize / 2}px`,\n                    bottom: `-${thumbSize / 2}px`,\n                  },\n                  // move track into increased rail size\n                  '& .MuiSlider-track': {\n                    marginBottom: `-${thumbSize / 2}px`,\n                    borderTopLeftRadius: '0',\n                    borderTopRightRadius: '0',\n                  },\n                }\n              : {\n                  px: `${thumbSize / 2}px`,\n                  // increase the size of rail by size of thumb\n                  '& .MuiSlider-rail': {\n                    width: 'auto',\n                    left: `-${thumbSize / 2}px`,\n                    right: `-${thumbSize / 2}px`,\n                    maxWidth: 'none',\n                  },\n                  // move track into increased rail size\n                  '& .MuiSlider-track': {\n                    marginLeft: `-${thumbSize / 2}px`,\n                    borderTopRightRadius: '0',\n                    borderBottomRightRadius: '0',\n                  },\n                }),\n          },\n          sx,\n        )}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SliderContainer","forwardRef","orientation","thumbSize","flowThumbWidth","sx","rest","ref","_jsx","Box","sxOverride","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"0OAmBaA,EAA6CC,EACxD,EAAGC,cAAaC,YAAYC,EAAgBC,QAAOC,GAAQC,IAEvDC,EAACC,EAAG,CACFF,IAAKA,EACLF,GAAIK,EACF,IACsB,aAAhBR,EACA,CACES,GAAOR,EAAY,EAAf,KAEJ,oBAAqB,CACnBS,OAAQ,OACRC,IAAK,IAAIV,EAAY,MACrBW,OAAQ,IAAIX,EAAY,OAG1B,qBAAsB,CACpBY,aAAc,IAAIZ,EAAY,MAC9Ba,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOf,EAAY,EAAf,KAEJ,oBAAqB,CACnBgB,MAAO,OACPC,KAAM,IAAIjB,EAAY,MACtBkB,MAAO,IAAIlB,EAAY,MACvBmB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIpB,EAAY,MAC5Bc,qBAAsB,IACtBO,wBAAyB,OAInCnB,MAEEC"}

package/materialui/slider/SliderValues.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as a,jsx as r}from"react/jsx-runtime";import{forwardRef as o,useState as l,useCallback as s}from"react";import{Box as i,Typography as t,FilledInput as n}from"@mui/material";import{flowSlider as p}from"./slider.theme.js";import{getFocusRingStyle as u}from"../../components/focusring/focusring.js";const d=o(({sx:o,children:l,value:s,valueProps:t,label:n,labelProps:u,valueLabelFormat:d,setValue:x,disabled:c,min:b=p.defaultProps.min,minLabel:f,minLabelProps:v,max:P=p.defaultProps.max,maxLabel:h,maxLabelProps:g,step:y=p.defaultProps.step,sliderValueProps:S,inputProps:k,...L},C)=>{const V={disabled:c,min:b,max:P,step:y,valueLabelFormat:d,valueProps:t,inputProps:k,...S};return e(i,{ref:C,sx:{display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1,...o},...L,children:[Array.isArray(s)||!1===s&&(f||n)&&h?e(a,{children:[r(m,{value:!1!==s&&s[0],setValue:x?e=>x([e,s[1]]):void 0,label:f||n,labelProps:v||u,...V,max:s[1]}),r(m,{value:!1!==s&&s[1],setValue:x?e=>x([s[0],e]):void 0,label:h,labelProps:g,...V,min:s[0],sx:{textAlign:"right",...V?.sx}})]}):r(m,{value:s,setValue:x,label:n,labelProps:u,...V}),l]})}),m=o(({value:a,valueProps:o,label:p,labelProps:d,valueLabelFormat:m,setValue:x,min:c,max:b,step:f,inputProps:v,disabled:P,sx:h,...g},y)=>{const{sx:S,...k}=d??{},{sx:L,...C}=o??{},{sx:V,...F}=v??{},[j,w]=l(!1),A=s(e=>{const a=+(e||0);x(a<c?c:a>b?b:a)},[c,b,x]),I=m?m(a):a;return e(i,{ref:y,sx:{minWidth:"82px",...(!p||!1===a)&&{pt:.5},...h},onClick:x&&!P?()=>w(!0):void 0,...g,children:[p&&r(t,{...!1===a&&{variant:"disclaimer1"},sx:{display:"block",...!1===a?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1},...S},...k,children:p}),j&&!P?r(n,{autoFocus:!0,onBlur:()=>w(!1),value:a,onChange:e=>A(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:f,min:c,"aria-valuemin":c,max:b,"aria-valuemax":b,"aria-valuenow":I},disableUnderline:!0,sx:e=>({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":{fieldSizing:"content",textAlign:"inherit",p:0,...e.typography[C?.variant??"disclaimer1"]},...u(e,!1,1,"&.Mui-focused"),"&&:before":{border:"none"},...V}),...F}):!1!==a&&r(t,{variant:"disclaimer1",sx:{display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700",...x&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"},...L},...x&&{tabIndex:0,onFocus:()=>w(!0)},...C,children:I})]})});export{m as SliderValue,d as SliderValues};
+import{jsxs as e,Fragment as r,jsx as a}from"react/jsx-runtime";import{forwardRef as o,useState as l,useCallback as s}from"react";import{Box as i,Typography as t,FilledInput as n}from"@mui/material";import{sxOverride as p}from"../../utils/sxOverride/sxOverride.js";import{flowSlider as u}from"./slider.theme.js";import{getFocusRingStyle as d}from"../../components/focusring/focusring.js";const m=o(({sx:o,children:l,value:s,valueProps:t,label:n,labelProps:d,valueLabelFormat:m,setValue:c,disabled:b,min:f=u.defaultProps.min,minLabel:v,minLabelProps:P,max:h=u.defaultProps.max,maxLabel:g,maxLabelProps:y,step:S=u.defaultProps.step,sliderValueProps:k,inputProps:L,...C},V)=>{const j={disabled:b,min:f,max:h,step:S,valueLabelFormat:m,valueProps:t,inputProps:L,...k};return e(i,{ref:V,sx:p({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},o),...C,children:[Array.isArray(s)||!1===s&&(v||n)&&g?e(r,{children:[a(x,{value:!1!==s&&s[0],setValue:c?e=>c([e,s[1]]):void 0,label:v||n,labelProps:P||d,...j,max:s[1]}),a(x,{value:!1!==s&&s[1],setValue:c?e=>c([s[0],e]):void 0,label:g,labelProps:y,...j,min:s[0],sx:p({textAlign:"right"},j?.sx)})]}):a(x,{value:s,setValue:c,label:n,labelProps:d,...j}),l]})}),x=o(({value:r,valueProps:o,label:u,labelProps:m,valueLabelFormat:x,setValue:c,min:b,max:f,step:v,inputProps:P,disabled:h,sx:g,...y},S)=>{const{sx:k,...L}=m??{},{sx:C,...V}=o??{},{sx:j,...F}=P??{},[w,A]=l(!1),I=s(e=>{const r=+(e||0);c(r<b?b:r>f?f:r)},[b,f,c]),z=x?x(r):r;return e(i,{ref:S,sx:p({minWidth:"82px",...(!u||!1===r)&&{pt:.5}},g),onClick:c&&!h?()=>A(!0):void 0,...y,children:[u&&a(t,{...!1===r&&{variant:"disclaimer1"},sx:p({display:"block",...!1===r?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}},k),...L,children:u}),w&&!h?a(n,{autoFocus:!0,onBlur:()=>A(!1),value:r,onChange:e=>I(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:v,min:b,"aria-valuemin":b,max:f,"aria-valuemax":f,"aria-valuenow":z},disableUnderline:!0,sx:p(e=>({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":{fieldSizing:"content",textAlign:"inherit",p:0,...e.typography[V?.variant??"disclaimer1"]},...d(e,!1,1,"&.Mui-focused"),"&&:before":{border:"none"}}),j),...F}):!1!==r&&a(t,{variant:"disclaimer1",sx:p({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700",...c&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}},C),...c&&{tabIndex:0,onFocus:()=>A(!0)},...V,children:z})]})});export{x as SliderValue,m as SliderValues};
 //# sourceMappingURL=SliderValues.js.map

package/materialui/slider/SliderValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderValues.js","sources":["../../../src/materialui/slider/SliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n  /**\n   * The value of the slider\n   */\n  value: SliderProps['value'] | false;\n  /**\n   * Properties applied to value wrapper\n   */\n  valueProps?: TypographyProps<ElementType>;\n  /**\n   * Label show above value\n   */\n  label?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  labelProps?: TypographyProps<ElementType>;\n  /**\n   * The format function the value label's value\n   */\n  valueLabelFormat?: SliderProps['valueLabelFormat'];\n  /**\n   * Provide this function to allow changing the slider value with inputs\n   */\n  setValue?: (newValue: unknown) => void;\n  /**\n   * Disable editing\n   */\n  disabled?: boolean;\n  /**\n   * The minimum allowed value of the slider\n   */\n  min?: SliderProps['min'];\n  /**\n   * Text shown above min selected value\n   */\n  minLabel?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  minLabelProps?: TypographyProps<ElementType>;\n  /**\n   * The maximum allowed value of the slider\n   */\n  max?: SliderProps['max'];\n  /**\n   * Text shown above max selected value\n   */\n  maxLabel?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  maxLabelProps?: TypographyProps<ElementType>;\n  /**\n   * The granularity with which the slider can step through values\n   */\n  step?: SliderProps['step'];\n  /**\n   * Properties applied to the root wrapper of each SliderValue\n   */\n  sliderValueProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to SliderValue input field\n   */\n  inputProps?: FilledInputProps;\n}\n\n/**\n * Wrapper that render one or two SliderValue components based on the Slider type\n */\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      value,\n      valueProps,\n      label,\n      labelProps,\n      valueLabelFormat,\n      setValue,\n      disabled,\n      min = flowSlider.defaultProps.min,\n      minLabel,\n      minLabelProps,\n      max = flowSlider.defaultProps.max,\n      maxLabel,\n      maxLabelProps,\n      step = flowSlider.defaultProps.step,\n      sliderValueProps: rawSliderValueProps,\n      inputProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const sliderValueProps = {\n      disabled,\n      min,\n      max,\n      step,\n      valueLabelFormat,\n      valueProps,\n      inputProps,\n      ...rawSliderValueProps,\n    };\n\n    return (\n      <Box\n        ref={ref}\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: 1,\n          ...sx,\n        }}\n        {...rest}\n      >\n        {Array.isArray(value) || (value === false && (minLabel || label) && maxLabel) ? (\n          <>\n            <SliderValue\n              value={value !== false && value[0]}\n              setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n              label={minLabel || label}\n              labelProps={minLabelProps || labelProps}\n              {...sliderValueProps}\n              max={value[1]}\n            />\n            <SliderValue\n              value={value !== false && value[1]}\n              setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n              label={maxLabel}\n              labelProps={maxLabelProps}\n              {...sliderValueProps}\n              min={value[0]}\n              sx={{ textAlign: 'right', ...sliderValueProps?.sx }}\n            />\n          </>\n        ) : (\n          <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n        )}\n        {children}\n      </Box>\n    );\n  },\n);\n\nexport interface SliderValueProps extends Omit<\n  SliderValuesProps,\n  'value' | 'minLabel' | 'minLabelProps' | 'maxLabel' | 'maxLabelProps'\n> {\n  /**\n   * The single value of the slider\n   */\n  value: number | false;\n  /**\n   * The single setValue for the slider value\n   */\n  setValue?: (newValue: number) => void;\n}\n\n/**\n * Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n  (\n    {\n      value,\n      valueProps,\n      label,\n      labelProps,\n      valueLabelFormat,\n      setValue,\n      min,\n      max,\n      step,\n      inputProps,\n      disabled,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: valueSx, ...restValue } = valueProps ?? {};\n    const { sx: inputSx, ...restInput } = inputProps ?? {};\n    const [editing, setEditing] = useState(false);\n    const editValue = useCallback(\n      (inputValue: string) => {\n        const newValue = +(inputValue || 0);\n        if (newValue < min) {\n          setValue(min);\n        } else if (newValue > max) {\n          setValue(max);\n        } else {\n          setValue(newValue);\n        }\n      },\n      [min, max, setValue],\n    );\n    const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n    return (\n      <Box\n        ref={ref}\n        sx={{ minWidth: '82px', ...((!label || value === false) && { pt: 0.5 }), ...sx }}\n        onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n        {...rest}\n      >\n        {label && (\n          <Typography\n            {...(value === false && {\n              variant: 'disclaimer1',\n            })}\n            sx={{\n              display: 'block',\n              ...(value === false\n                ? {\n                    color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n                  }\n                : {\n                    // os600 instead of Figma's os500 to pass A11y contrast\n                    color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n                    fontSize: { xs: '12px' },\n                    lineHeight: { xs: '12px' },\n                    fontWeight: { xs: '400' },\n                    py: 0.5,\n                    px: 1,\n                  }),\n              ...labelSx,\n            }}\n            {...restLabel}\n          >\n            {label}\n          </Typography>\n        )}\n        {editing && !disabled ? (\n          <FilledInput\n            autoFocus\n            onBlur={() => setEditing(false)}\n            value={value}\n            onChange={(e) => editValue(e.target.value)}\n            onKeyUp={() => {}}\n            inputProps={{\n              type: 'number',\n              step: step,\n              min: min,\n              ['aria-valuemin']: min,\n              max: max,\n              ['aria-valuemax']: max,\n              ['aria-valuenow']: formattedValue,\n            }}\n            disableUnderline\n            sx={(theme) => ({\n              display: 'block',\n              borderRadius: '4px',\n              py: '1px', // pixel perfect matching design\n              px: 1,\n              border: 1,\n              borderColor: 'onSurface.os500',\n              '&&, &:hover': {\n                backgroundColor: 'background.primary',\n              },\n              // input itself\n              '& .MuiInputBase-input': {\n                fieldSizing: 'content',\n                textAlign: 'inherit',\n                p: 0,\n                // matching typography style with value\n                ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n              },\n              ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n              '&&:before': {\n                border: 'none',\n              },\n              ...inputSx,\n            })}\n            {...restInput}\n          />\n        ) : (\n          value !== false && (\n            <Typography\n              variant=\"disclaimer1\"\n              sx={{\n                display: 'block',\n                px: 1,\n                whiteSpace: 'nowrap',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n                // editable\n                ...(setValue && {\n                  px: 1,\n                  py: '1px',\n                  border: 1,\n                  borderColor: 'onSurface.os500',\n                  borderRadius: '4px',\n                }),\n                ...valueSx,\n              }}\n              {...(setValue && {\n                // allow focus with keyboard navigation\n                tabIndex: 0,\n                onFocus: () => setEditing(true),\n              })}\n              {...restValue}\n            >\n              {formattedValue}\n            </Typography>\n          )\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["SliderValues","forwardRef","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","ref","_jsxs","Box","display","alignItems","justifyContent","gap","Array","isArray","_Fragment","_jsx","SliderValue","newValue","undefined","textAlign","labelSx","restLabel","valueSx","restValue","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}
+{"version":3,"file":"SliderValues.js","sources":["../../../src/materialui/slider/SliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n  /**\n   * The value of the slider\n   */\n  value: SliderProps['value'] | false;\n  /**\n   * Properties applied to value wrapper\n   */\n  valueProps?: TypographyProps<ElementType>;\n  /**\n   * Label show above value\n   */\n  label?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  labelProps?: TypographyProps<ElementType>;\n  /**\n   * The format function the value label's value\n   */\n  valueLabelFormat?: SliderProps['valueLabelFormat'];\n  /**\n   * Provide this function to allow changing the slider value with inputs\n   */\n  setValue?: (newValue: unknown) => void;\n  /**\n   * Disable editing\n   */\n  disabled?: boolean;\n  /**\n   * The minimum allowed value of the slider\n   */\n  min?: SliderProps['min'];\n  /**\n   * Text shown above min selected value\n   */\n  minLabel?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  minLabelProps?: TypographyProps<ElementType>;\n  /**\n   * The maximum allowed value of the slider\n   */\n  max?: SliderProps['max'];\n  /**\n   * Text shown above max selected value\n   */\n  maxLabel?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  maxLabelProps?: TypographyProps<ElementType>;\n  /**\n   * The granularity with which the slider can step through values\n   */\n  step?: SliderProps['step'];\n  /**\n   * Properties applied to the root wrapper of each SliderValue\n   */\n  sliderValueProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to SliderValue input field\n   */\n  inputProps?: FilledInputProps;\n}\n\n/**\n * Wrapper that render one or two SliderValue components based on the Slider type\n */\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      value,\n      valueProps,\n      label,\n      labelProps,\n      valueLabelFormat,\n      setValue,\n      disabled,\n      min = flowSlider.defaultProps.min,\n      minLabel,\n      minLabelProps,\n      max = flowSlider.defaultProps.max,\n      maxLabel,\n      maxLabelProps,\n      step = flowSlider.defaultProps.step,\n      sliderValueProps: rawSliderValueProps,\n      inputProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const sliderValueProps = {\n      disabled,\n      min,\n      max,\n      step,\n      valueLabelFormat,\n      valueProps,\n      inputProps,\n      ...rawSliderValueProps,\n    };\n\n    return (\n      <Box\n        ref={ref}\n        sx={sxOverride({ display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between', gap: 1 }, sx)}\n        {...rest}\n      >\n        {Array.isArray(value) || (value === false && (minLabel || label) && maxLabel) ? (\n          <>\n            <SliderValue\n              value={value !== false && value[0]}\n              setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n              label={minLabel || label}\n              labelProps={minLabelProps || labelProps}\n              {...sliderValueProps}\n              max={value[1]}\n            />\n            <SliderValue\n              value={value !== false && value[1]}\n              setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n              label={maxLabel}\n              labelProps={maxLabelProps}\n              {...sliderValueProps}\n              min={value[0]}\n              sx={sxOverride({ textAlign: 'right' }, sliderValueProps?.sx)}\n            />\n          </>\n        ) : (\n          <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n        )}\n        {children}\n      </Box>\n    );\n  },\n);\n\nexport interface SliderValueProps extends Omit<\n  SliderValuesProps,\n  'value' | 'minLabel' | 'minLabelProps' | 'maxLabel' | 'maxLabelProps'\n> {\n  /**\n   * The single value of the slider\n   */\n  value: number | false;\n  /**\n   * The single setValue for the slider value\n   */\n  setValue?: (newValue: number) => void;\n}\n\n/**\n * Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n  (\n    {\n      value,\n      valueProps,\n      label,\n      labelProps,\n      valueLabelFormat,\n      setValue,\n      min,\n      max,\n      step,\n      inputProps,\n      disabled,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: valueSx, ...restValue } = valueProps ?? {};\n    const { sx: inputSx, ...restInput } = inputProps ?? {};\n    const [editing, setEditing] = useState(false);\n    const editValue = useCallback(\n      (inputValue: string) => {\n        const newValue = +(inputValue || 0);\n        if (newValue < min) {\n          setValue(min);\n        } else if (newValue > max) {\n          setValue(max);\n        } else {\n          setValue(newValue);\n        }\n      },\n      [min, max, setValue],\n    );\n    const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n    return (\n      <Box\n        ref={ref}\n        sx={sxOverride({ minWidth: '82px', ...((!label || value === false) && { pt: 0.5 }) }, sx)}\n        onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n        {...rest}\n      >\n        {label && (\n          <Typography\n            {...(value === false && {\n              variant: 'disclaimer1',\n            })}\n            sx={sxOverride(\n              {\n                display: 'block',\n                ...(value === false\n                  ? {\n                      color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n                    }\n                  : {\n                      // os600 instead of Figma's os500 to pass A11y contrast\n                      color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n                      fontSize: { xs: '12px' },\n                      lineHeight: { xs: '12px' },\n                      fontWeight: { xs: '400' },\n                      py: 0.5,\n                      px: 1,\n                    }),\n              },\n              labelSx,\n            )}\n            {...restLabel}\n          >\n            {label}\n          </Typography>\n        )}\n        {editing && !disabled ? (\n          <FilledInput\n            autoFocus\n            onBlur={() => setEditing(false)}\n            value={value}\n            onChange={(e) => editValue(e.target.value)}\n            onKeyUp={() => {}}\n            inputProps={{\n              type: 'number',\n              step: step,\n              min: min,\n              ['aria-valuemin']: min,\n              max: max,\n              ['aria-valuemax']: max,\n              ['aria-valuenow']: formattedValue,\n            }}\n            disableUnderline\n            sx={sxOverride(\n              (theme) => ({\n                display: 'block',\n                borderRadius: '4px',\n                py: '1px', // pixel perfect matching design\n                px: 1,\n                border: 1,\n                borderColor: 'onSurface.os500',\n                '&&, &:hover': {\n                  backgroundColor: 'background.primary',\n                },\n                // input itself\n                '& .MuiInputBase-input': {\n                  fieldSizing: 'content',\n                  textAlign: 'inherit',\n                  p: 0,\n                  // matching typography style with value\n                  ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n                },\n                ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n                '&&:before': {\n                  border: 'none',\n                },\n              }),\n              inputSx,\n            )}\n            {...restInput}\n          />\n        ) : (\n          value !== false && (\n            <Typography\n              variant=\"disclaimer1\"\n              sx={sxOverride(\n                {\n                  display: 'block',\n                  px: 1,\n                  whiteSpace: 'nowrap',\n                  color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n                  // editable\n                  ...(setValue && {\n                    px: 1,\n                    py: '1px',\n                    border: 1,\n                    borderColor: 'onSurface.os500',\n                    borderRadius: '4px',\n                  }),\n                },\n                valueSx,\n              )}\n              {...(setValue && {\n                // allow focus with keyboard navigation\n                tabIndex: 0,\n                onFocus: () => setEditing(true),\n              })}\n              {...restValue}\n            >\n              {formattedValue}\n            </Typography>\n          )\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["SliderValues","forwardRef","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","ref","_jsxs","Box","sxOverride","display","alignItems","justifyContent","gap","Array","isArray","_Fragment","_jsx","SliderValue","newValue","undefined","textAlign","labelSx","restLabel","valueSx","restValue","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}

package/materialui/stepper/stepConnector.theme.js

@@ -1,2 +1,2 @@
-const e={styleOverrides:{line:({theme:e})=>({border:"none","&.MuiStepConnector-lineVertical":{borderLeft:`2px solid ${e.palette.onSurface.os300}`},"&.MuiStepConnector-lineHorizontal\t":{borderTop:`2px solid ${e.palette.onSurface.os300}`}})}};export{e as flowStepConnector};
+const e={styleOverrides:{line:({theme:e})=>({border:"none",variants:[{props:{orientation:"vertical"},style:{borderLeft:`2px solid ${e.palette.onSurface.os300}`}},{props:{orientation:"horizontal"},style:{borderTop:`2px solid ${e.palette.onSurface.os300}`}}]})}};export{e as flowStepConnector};
 //# sourceMappingURL=stepConnector.theme.js.map

package/materialui/stepper/stepConnector.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n  styleOverrides: {\n    line: ({ theme }) => ({\n      border: 'none',\n      '&.MuiStepConnector-lineVertical': {\n        borderLeft: `2px solid ${theme.palette.onSurface.os300}`,\n      },\n      '&.MuiStepConnector-lineHorizontal\t': {\n        borderTop: `2px solid ${theme.palette.onSurface.os300}`,\n      },\n    }),\n  },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","border","borderLeft","palette","onSurface","os300","borderTop"],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,OACR,kCAAmC,CACjCC,WAAY,aAAaF,EAAMG,QAAQC,UAAUC,SAEnD,sCAAsC,CACpCC,UAAW,aAAaN,EAAMG,QAAQC,UAAUC"}
+{"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n  styleOverrides: {\n    line: ({ theme }) => ({\n      border: 'none',\n      variants: [\n        { props: { orientation: 'vertical' }, style: { borderLeft: `2px solid ${theme.palette.onSurface.os300}` } },\n        { props: { orientation: 'horizontal' }, style: { borderTop: `2px solid ${theme.palette.onSurface.os300}` } },\n      ],\n    }),\n  },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","border","variants","props","orientation","style","borderLeft","palette","onSurface","os300","borderTop"],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,OACRC,SAAU,CACR,CAAEC,MAAO,CAAEC,YAAa,YAAcC,MAAO,CAAEC,WAAY,aAAaN,EAAMO,QAAQC,UAAUC,UAChG,CAAEN,MAAO,CAAEC,YAAa,cAAgBC,MAAO,CAAEK,UAAW,aAAaV,EAAMO,QAAQC,UAAUC"}

package/materialui/stepper/stepper.theme.js

@@ -1,2 +1,2 @@
-import{flowStepIconClasses as t}from"./StepLabelIcon.js";const e={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:t,size:e})=>({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":{paddingLeft:"24px",marginLeft:"12px",..."small"!==e&&{borderLeft:`2px solid ${t.palette.onSurface.os300}`}},"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"},..."small"===e&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer.Mui-active > div":{width:"20px",height:"60px"}}}),root:({size:e,theme:i})=>({..."small"===e&&{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStep-root":{lineHeight:"0",flexGrow:"0",flexBasis:"auto",flexShrink:"1",padding:"0",minWidth:"24px",transition:"flex-basis 0.3s ease","& *":{maxWidth:"100%"},"& .MuiStepButton-root":{boxSizing:"border-box",padding:i.spacing(.25),[i.breakpoints.up("xl")]:{"&.MuiStepButton-horizontal":{paddingLeft:i.spacing(.5),paddingRight:i.spacing(.5)},"&.MuiStepButton-vertical":{paddingTop:i.spacing(.5),paddingBottom:i.spacing(.5)}}},"&:first-of-type":{"& .MuiStepButton-horizontal":{paddingLeft:i.spacing(.25)},"& .MuiStepButton-vertical":{paddingTop:i.spacing(.25)}},"&:last-of-type":{"& .MuiStepButton-horizontal":{paddingRight:i.spacing(.25)},"& .MuiStepButton-vertical":{paddingBottom:i.spacing(.25)}}},"& .MuiStepLabel-iconContainer":{"&:not(.Mui-error) svg":{display:"none"},"& > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px",transition:"width 0.3s ease, height 0.3s ease"},"&.Mui-active > div":{width:"200px"}},[`&&& .${t.root}.${t.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}}),nonLinear:({theme:e,size:i})=>({[`& .${t.root}.${t.disabled}`]:{..."small"!==i&&{[`&:not(.${t.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:e.palette.background.primary}},[`&:not(.${t.active})`]:{borderColor:e.palette.disabled.secondary,backgroundColor:e.palette.disabled.secondary},[`&:.${t.active}`]:{borderColor:e.palette.disabled.secondary,"&::before":{backgroundColor:e.palette.disabled.secondary}}}})}};export{e as flowStepper};
+import{flowStepIconClasses as t}from"./StepLabelIcon.js";const e={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"& .MuiStepConnector-root":{top:"13px"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:t,size:e})=>({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepConnector-root":{marginLeft:"13px"},"& .MuiStepContent-root":{paddingLeft:"24px",marginLeft:"13px",..."small"!==e&&{borderLeft:`2px solid ${t.palette.onSurface.os300}`}},"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"},..."small"===e&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer.Mui-active > div":{width:"20px",height:"60px"}}}),root:({size:e,theme:i})=>({..."small"===e&&{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStep-root":{lineHeight:"0",flexGrow:"0",flexBasis:"auto",flexShrink:"1",padding:"0",minWidth:"24px",transition:"flex-basis 0.3s ease","& *":{maxWidth:"100%"},"& .MuiStepButton-root":{boxSizing:"border-box",padding:i.spacing(.25),[i.breakpoints.up("xl")]:{"&.MuiStepButton-horizontal":{paddingLeft:i.spacing(.5),paddingRight:i.spacing(.5)},"&.MuiStepButton-vertical":{paddingTop:i.spacing(.5),paddingBottom:i.spacing(.5)}}},"&:first-of-type":{"& .MuiStepButton-horizontal":{paddingLeft:i.spacing(.25)},"& .MuiStepButton-vertical":{paddingTop:i.spacing(.25)}},"&:last-of-type":{"& .MuiStepButton-horizontal":{paddingRight:i.spacing(.25)},"& .MuiStepButton-vertical":{paddingBottom:i.spacing(.25)}}},"& .MuiStepLabel-iconContainer":{"&:not(.Mui-error) svg":{display:"none"},"& > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px",transition:"width 0.3s ease, height 0.3s ease"},"&.Mui-active > div":{width:"200px"}},[`&&& .${t.root}.${t.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}}),nonLinear:({theme:e,size:i})=>({[`& .${t.root}.${t.disabled}`]:{..."small"!==i&&{[`&:not(.${t.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:e.palette.background.primary}},[`&:not(.${t.active})`]:{borderColor:e.palette.disabled.secondary,backgroundColor:e.palette.disabled.secondary},[`&:.${t.active}`]:{borderColor:e.palette.disabled.secondary,"&::before":{backgroundColor:e.palette.disabled.secondary}}}})}};export{e as flowStepper};
 //# sourceMappingURL=stepper.theme.js.map

package/materialui/stepper/stepper.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.theme.js","sources":["../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n  defaultProps: {\n    alternativeLabel: true,\n    size: 'medium',\n  },\n  styleOverrides: {\n    horizontal: {\n      '& .MuiStepContent-root': {\n        borderLeft: 'none',\n      },\n      '&:not(.MuiStepper-alternativeLabel)': {\n        alignItems: 'flex-start',\n        '& .MuiStepConnector-root': {\n          marginTop: '13px',\n        },\n      },\n    },\n    vertical: ({ theme, size }) => ({\n      '& .MuiStep-alternativeLabel': {\n        // when vertical and alternativeLabel don't display connector\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // when vertical and alternativeLabel the content should be right on side\n        '& .MuiStepContent-root': {\n          paddingLeft: '0',\n          marginLeft: '0',\n          border: 'none',\n        },\n      },\n      '& .MuiStepContent-root': {\n        paddingLeft: '24px',\n        marginLeft: '12px',\n        // when the size is not small apply border\n        ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n      },\n      '& .MuiStepLabel-alternativeLabel': {\n        alignItems: 'flex-start',\n        textAlign: 'start',\n      },\n      ...(size === 'small' && {\n        '& .MuiStepLabel-vertical': {\n          padding: '0',\n        },\n        '& .MuiStepLabel-iconContainer.Mui-active > div': {\n          width: '20px',\n          height: '60px',\n        },\n      }),\n    }),\n    root: ({ size, theme }) => ({\n      ...(size === 'small' && {\n        // hide dividers\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // hide labels\n        '& .MuiStepLabel-labelContainer': {\n          display: 'none',\n        },\n        '& .MuiStep-root': {\n          lineHeight: '0',\n          flexGrow: '0',\n          flexBasis: 'auto',\n          flexShrink: '1',\n          padding: '0',\n          minWidth: '24px',\n          transition: 'flex-basis 0.3s ease',\n          '& *': {\n            maxWidth: '100%',\n          },\n          '& .MuiStepButton-root': {\n            boxSizing: 'border-box',\n            // use of padding instead of gap to increase clickable area\n            padding: theme.spacing(0.25),\n            [theme.breakpoints.up('xl')]: {\n              '&.MuiStepButton-horizontal': {\n                paddingLeft: theme.spacing(0.5),\n                paddingRight: theme.spacing(0.5),\n              },\n              '&.MuiStepButton-vertical': {\n                paddingTop: theme.spacing(0.5),\n                paddingBottom: theme.spacing(0.5),\n              },\n            },\n          },\n          '&:first-of-type': {\n            '& .MuiStepButton-horizontal': {\n              paddingLeft: theme.spacing(0.25),\n            },\n            '& .MuiStepButton-vertical': {\n              paddingTop: theme.spacing(0.25),\n            },\n          },\n          '&:last-of-type': {\n            '& .MuiStepButton-horizontal': {\n              paddingRight: theme.spacing(0.25),\n            },\n            '& .MuiStepButton-vertical': {\n              paddingBottom: theme.spacing(0.25),\n            },\n          },\n        },\n        '& .MuiStepLabel-iconContainer': {\n          // in compact mode show icon only for error\n          '&:not(.Mui-error) svg': {\n            display: 'none',\n          },\n          '& > div': {\n            minWidth: '20px',\n            width: '20px',\n            height: '20px',\n            minHeight: '20px',\n            fontSize: '14px',\n            transition: 'width 0.3s ease, height 0.3s ease',\n          },\n          '&.Mui-active > div': {\n            width: '200px',\n          },\n        },\n        // when the stepper is in small variant, the inset of the icon should be 0\n        [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n          inset: '0',\n          borderWidth: '0',\n          animation: 'none',\n        },\n      }),\n    }),\n    nonLinear: ({ theme, size }) => ({\n      // only non-linear variant show disabled style\n      [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n        // exclamation mark\n        ...(size !== 'small' && {\n          [`&:not(.${flowStepIconClasses.completed})::after`]: {\n            content: '\"!\"',\n            lineHeight: '24px',\n            fontSize: 'inherit',\n            fontWeight: '800',\n            color: theme.palette.background.primary,\n          },\n        }),\n        // default\n        [`&:not(.${flowStepIconClasses.active})`]: {\n          borderColor: theme.palette.disabled.secondary,\n          backgroundColor: theme.palette.disabled.secondary,\n        },\n        // active\n        [`&:.${flowStepIconClasses.active}`]: {\n          borderColor: theme.palette.disabled.secondary,\n          '&::before': {\n            backgroundColor: theme.palette.disabled.secondary,\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","width","height","root","lineHeight","flexGrow","flexBasis","flexShrink","minWidth","transition","maxWidth","boxSizing","spacing","breakpoints","up","paddingRight","paddingTop","paddingBottom","minHeight","fontSize","flowStepIconClasses","active","inset","borderWidth","animation","nonLinear","disabled","completed","content","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"yDAGO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,WAAM,CACxB,8BAA+B,CAE7B,2BAA4B,CAC1BQ,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAA0B,CACxBF,YAAa,OACbC,WAAY,UAEC,UAATV,GAAoB,CAAEG,WAAY,aAAaI,EAAMK,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCV,WAAY,aACZW,UAAW,YAEA,UAATf,GAAoB,CACtB,2BAA4B,CAC1BgB,QAAS,KAEX,iDAAkD,CAChDC,MAAO,OACPC,OAAQ,WAIdC,KAAM,EAAGnB,OAAMO,YAAO,IACP,UAATP,GAAoB,CAEtB,2BAA4B,CAC1BQ,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,kBAAmB,CACjBY,WAAY,IACZC,SAAU,IACVC,UAAW,OACXC,WAAY,IACZP,QAAS,IACTQ,SAAU,OACVC,WAAY,uBACZ,MAAO,CACLC,SAAU,QAEZ,wBAAyB,CACvBC,UAAW,aAEXX,QAAST,EAAMqB,QAAQ,KACvB,CAACrB,EAAMsB,YAAYC,GAAG,OAAQ,CAC5B,6BAA8B,CAC5BrB,YAAaF,EAAMqB,QAAQ,IAC3BG,aAAcxB,EAAMqB,QAAQ,KAE9B,2BAA4B,CAC1BI,WAAYzB,EAAMqB,QAAQ,IAC1BK,cAAe1B,EAAMqB,QAAQ,OAInC,kBAAmB,CACjB,8BAA+B,CAC7BnB,YAAaF,EAAMqB,QAAQ,MAE7B,4BAA6B,CAC3BI,WAAYzB,EAAMqB,QAAQ,OAG9B,iBAAkB,CAChB,8BAA+B,CAC7BG,aAAcxB,EAAMqB,QAAQ,MAE9B,4BAA6B,CAC3BK,cAAe1B,EAAMqB,QAAQ,QAInC,gCAAiC,CAE/B,wBAAyB,CACvBpB,QAAS,QAEX,UAAW,CACTgB,SAAU,OACVP,MAAO,OACPC,OAAQ,OACRgB,UAAW,OACXC,SAAU,OACVV,WAAY,qCAEd,qBAAsB,CACpBR,MAAO,UAIX,CAAC,QAAQmB,EAAoBjB,QAAQiB,EAAoBC,kBAAmB,CAC1EC,MAAO,IACPC,YAAa,IACbC,UAAW,WAIjBC,UAAW,EAAGlC,QAAOP,WAAM,CAEzB,CAAC,MAAMoC,EAAoBjB,QAAQiB,EAAoBM,YAAa,IAErD,UAAT1C,GAAoB,CACtB,CAAC,UAAUoC,EAAoBO,qBAAsB,CACnDC,QAAS,MACTxB,WAAY,OACZe,SAAU,UACVU,WAAY,MACZC,MAAOvC,EAAMK,QAAQmC,WAAWC,UAIpC,CAAC,UAAUZ,EAAoBC,WAAY,CACzCY,YAAa1C,EAAMK,QAAQ8B,SAASQ,UACpCC,gBAAiB5C,EAAMK,QAAQ8B,SAASQ,WAG1C,CAAC,MAAMd,EAAoBC,UAAW,CACpCY,YAAa1C,EAAMK,QAAQ8B,SAASQ,UACpC,YAAa,CACXC,gBAAiB5C,EAAMK,QAAQ8B,SAASQ"}
+{"version":3,"file":"stepper.theme.js","sources":["../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n  defaultProps: {\n    alternativeLabel: true,\n    size: 'medium',\n  },\n  styleOverrides: {\n    horizontal: {\n      '& .MuiStepContent-root': {\n        borderLeft: 'none',\n      },\n      '& .MuiStepConnector-root': {\n        top: '13px',\n      },\n      '&:not(.MuiStepper-alternativeLabel)': {\n        alignItems: 'flex-start',\n        '& .MuiStepConnector-root': {\n          marginTop: '13px',\n        },\n      },\n    },\n    vertical: ({ theme, size }) => ({\n      '& .MuiStep-alternativeLabel': {\n        // when vertical and alternativeLabel don't display connector\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // when vertical and alternativeLabel the content should be right on side\n        '& .MuiStepContent-root': {\n          paddingLeft: '0',\n          marginLeft: '0',\n          border: 'none',\n        },\n      },\n      '& .MuiStepConnector-root': {\n        marginLeft: '13px',\n      },\n      '& .MuiStepContent-root': {\n        paddingLeft: '24px',\n        marginLeft: '13px',\n        // when the size is not small apply border\n        ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n      },\n      '& .MuiStepLabel-alternativeLabel': {\n        alignItems: 'flex-start',\n        textAlign: 'start',\n      },\n      ...(size === 'small' && {\n        '& .MuiStepLabel-vertical': {\n          padding: '0',\n        },\n        '& .MuiStepLabel-iconContainer.Mui-active > div': {\n          width: '20px',\n          height: '60px',\n        },\n      }),\n    }),\n    root: ({ size, theme }) => ({\n      ...(size === 'small' && {\n        // hide dividers\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // hide labels\n        '& .MuiStepLabel-labelContainer': {\n          display: 'none',\n        },\n        '& .MuiStep-root': {\n          lineHeight: '0',\n          flexGrow: '0',\n          flexBasis: 'auto',\n          flexShrink: '1',\n          padding: '0',\n          minWidth: '24px',\n          transition: 'flex-basis 0.3s ease',\n          '& *': {\n            maxWidth: '100%',\n          },\n          '& .MuiStepButton-root': {\n            boxSizing: 'border-box',\n            // use of padding instead of gap to increase clickable area\n            padding: theme.spacing(0.25),\n            [theme.breakpoints.up('xl')]: {\n              '&.MuiStepButton-horizontal': {\n                paddingLeft: theme.spacing(0.5),\n                paddingRight: theme.spacing(0.5),\n              },\n              '&.MuiStepButton-vertical': {\n                paddingTop: theme.spacing(0.5),\n                paddingBottom: theme.spacing(0.5),\n              },\n            },\n          },\n          '&:first-of-type': {\n            '& .MuiStepButton-horizontal': {\n              paddingLeft: theme.spacing(0.25),\n            },\n            '& .MuiStepButton-vertical': {\n              paddingTop: theme.spacing(0.25),\n            },\n          },\n          '&:last-of-type': {\n            '& .MuiStepButton-horizontal': {\n              paddingRight: theme.spacing(0.25),\n            },\n            '& .MuiStepButton-vertical': {\n              paddingBottom: theme.spacing(0.25),\n            },\n          },\n        },\n        '& .MuiStepLabel-iconContainer': {\n          // in compact mode show icon only for error\n          '&:not(.Mui-error) svg': {\n            display: 'none',\n          },\n          '& > div': {\n            minWidth: '20px',\n            width: '20px',\n            height: '20px',\n            minHeight: '20px',\n            fontSize: '14px',\n            transition: 'width 0.3s ease, height 0.3s ease',\n          },\n          '&.Mui-active > div': {\n            width: '200px',\n          },\n        },\n        // when the stepper is in small variant, the inset of the icon should be 0\n        [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n          inset: '0',\n          borderWidth: '0',\n          animation: 'none',\n        },\n      }),\n    }),\n    nonLinear: ({ theme, size }) => ({\n      // only non-linear variant show disabled style\n      [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n        // exclamation mark\n        ...(size !== 'small' && {\n          [`&:not(.${flowStepIconClasses.completed})::after`]: {\n            content: '\"!\"',\n            lineHeight: '24px',\n            fontSize: 'inherit',\n            fontWeight: '800',\n            color: theme.palette.background.primary,\n          },\n        }),\n        // default\n        [`&:not(.${flowStepIconClasses.active})`]: {\n          borderColor: theme.palette.disabled.secondary,\n          backgroundColor: theme.palette.disabled.secondary,\n        },\n        // active\n        [`&:.${flowStepIconClasses.active}`]: {\n          borderColor: theme.palette.disabled.secondary,\n          '&::before': {\n            backgroundColor: theme.palette.disabled.secondary,\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","top","alignItems","marginTop","vertical","theme","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","width","height","root","lineHeight","flexGrow","flexBasis","flexShrink","minWidth","transition","maxWidth","boxSizing","spacing","breakpoints","up","paddingRight","paddingTop","paddingBottom","minHeight","fontSize","flowStepIconClasses","active","inset","borderWidth","animation","nonLinear","disabled","completed","content","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"yDAGO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,2BAA4B,CAC1BC,IAAK,QAEP,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOR,WAAM,CACxB,8BAA+B,CAE7B,2BAA4B,CAC1BS,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,2BAA4B,CAC1BD,WAAY,QAEd,yBAA0B,CACxBD,YAAa,OACbC,WAAY,UAEC,UAATX,GAAoB,CAAEG,WAAY,aAAaK,EAAMK,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCV,WAAY,aACZW,UAAW,YAEA,UAAThB,GAAoB,CACtB,2BAA4B,CAC1BiB,QAAS,KAEX,iDAAkD,CAChDC,MAAO,OACPC,OAAQ,WAIdC,KAAM,EAAGpB,OAAMQ,YAAO,IACP,UAATR,GAAoB,CAEtB,2BAA4B,CAC1BS,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,kBAAmB,CACjBY,WAAY,IACZC,SAAU,IACVC,UAAW,OACXC,WAAY,IACZP,QAAS,IACTQ,SAAU,OACVC,WAAY,uBACZ,MAAO,CACLC,SAAU,QAEZ,wBAAyB,CACvBC,UAAW,aAEXX,QAAST,EAAMqB,QAAQ,KACvB,CAACrB,EAAMsB,YAAYC,GAAG,OAAQ,CAC5B,6BAA8B,CAC5BrB,YAAaF,EAAMqB,QAAQ,IAC3BG,aAAcxB,EAAMqB,QAAQ,KAE9B,2BAA4B,CAC1BI,WAAYzB,EAAMqB,QAAQ,IAC1BK,cAAe1B,EAAMqB,QAAQ,OAInC,kBAAmB,CACjB,8BAA+B,CAC7BnB,YAAaF,EAAMqB,QAAQ,MAE7B,4BAA6B,CAC3BI,WAAYzB,EAAMqB,QAAQ,OAG9B,iBAAkB,CAChB,8BAA+B,CAC7BG,aAAcxB,EAAMqB,QAAQ,MAE9B,4BAA6B,CAC3BK,cAAe1B,EAAMqB,QAAQ,QAInC,gCAAiC,CAE/B,wBAAyB,CACvBpB,QAAS,QAEX,UAAW,CACTgB,SAAU,OACVP,MAAO,OACPC,OAAQ,OACRgB,UAAW,OACXC,SAAU,OACVV,WAAY,qCAEd,qBAAsB,CACpBR,MAAO,UAIX,CAAC,QAAQmB,EAAoBjB,QAAQiB,EAAoBC,kBAAmB,CAC1EC,MAAO,IACPC,YAAa,IACbC,UAAW,WAIjBC,UAAW,EAAGlC,QAAOR,WAAM,CAEzB,CAAC,MAAMqC,EAAoBjB,QAAQiB,EAAoBM,YAAa,IAErD,UAAT3C,GAAoB,CACtB,CAAC,UAAUqC,EAAoBO,qBAAsB,CACnDC,QAAS,MACTxB,WAAY,OACZe,SAAU,UACVU,WAAY,MACZC,MAAOvC,EAAMK,QAAQmC,WAAWC,UAIpC,CAAC,UAAUZ,EAAoBC,WAAY,CACzCY,YAAa1C,EAAMK,QAAQ8B,SAASQ,UACpCC,gBAAiB5C,EAAMK,QAAQ8B,SAASQ,WAG1C,CAAC,MAAMd,EAAoBC,UAAW,CACpCY,YAAa1C,EAAMK,QAAQ8B,SAASQ,UACpC,YAAa,CACXC,gBAAiB5C,EAAMK,QAAQ8B,SAASQ"}

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