@skodaflow/web-library 7.15.0 → 7.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"stepButton.theme.js","sources":["../../../../../src/materialui/stepper/stepButton.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepButton: Components<Theme>['MuiStepButton'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: '0',\n      margin: '0',\n      ...getFocusRingStyle(theme, false, 0, '.Mui-focusVisible .MuiStepLabel-iconContainer'),\n      // apply interactive styles on to flowStepIcon when hovered over StepButton\n      ...getInteractiveStyle(\n        {\n          [`& .${flowStepIconClasses.root}`]: {\n            // default\n            backgroundColor: 'transparent',\n            // completed\n            [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active}):not(.${flowStepIconClasses.disabled})`]:\n              {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              },\n            // error\n            [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n              borderColor: theme.palette.error.main,\n              backgroundColor: theme.palette.error.main,\n            },\n            // active\n            [`&.${flowStepIconClasses.active}`]: {\n              borderColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              '&::before': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              },\n              [`&.${flowStepIconClasses.error}`]: {\n                borderColor: theme.palette.error.main,\n                '&::before': {\n                  backgroundColor: 'transparent',\n                  borderColor: theme.palette.background.primary,\n                },\n              },\n            },\n          },\n        },\n        {\n          [`& .${flowStepIconClasses.root}`]: {\n            // default\n            backgroundColor: theme.palette.surface.secondary,\n            // completed\n            [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n              borderColor: theme.palette.onSurface.os700,\n              backgroundColor:\n                theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n            },\n            // error\n            [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n              backgroundColor: theme.palette.error.main,\n            },\n            // active\n            [`&.${flowStepIconClasses.active}`]: {\n              borderColor:\n                theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n              '&::before': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n              },\n              [`&.${flowStepIconClasses.error}`]: {\n                borderColor: theme.palette.error.main,\n                '&::before': {\n                  backgroundColor: 'transparent',\n                  borderColor: theme.palette.background.primary,\n                },\n              },\n            },\n          },\n        },\n      ),\n    }),\n  },\n};\n"],"names":["flowStepButton","styleOverrides","root","theme","Object","assign","padding","margin","getFocusRingStyle","getInteractiveStyle","flowStepIconClasses","backgroundColor","completed","active","disabled","palette","mode","brand","secondary","primary","error","borderColor","main","background","surface","onSurface","os700","brandHover"],"mappings":"4IAKa,MAAAA,EAAqD,CAChEC,eAAgB,CACdC,KAAM,EAAGC,WACPC,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,QAAS,IACTC,OAAQ,KACLC,EAAAA,kBAAkBL,GAAO,EAAO,EAAG,kDAEnCM,sBACD,CACE,CAAC,MAAMC,sBAAoBR,QAAS,CAElCS,gBAAiB,cAEjB,CAAC,KAAKD,sBAAoBE,kBAAkBF,EAAAA,oBAAoBG,gBAAgBH,EAAAA,oBAAoBI,aAClG,CACEH,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,SAG1F,CAAC,KAAKT,sBAAoBU,YAAYV,sBAAoBU,SAASV,sBAAoBE,aAAc,CACnGS,YAAalB,EAAMY,QAAQK,MAAME,KACjCX,gBAAiBR,EAAMY,QAAQK,MAAME,MAGvC,CAAC,KAAKZ,sBAAoBG,UAAW,CACnCQ,YAAoC,SAAvBlB,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,QACjG,YAAa,CACXR,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,SAExF,CAAC,KAAKT,sBAAoBU,SAAU,CAClCC,YAAalB,EAAMY,QAAQK,MAAME,KACjC,YAAa,CACXX,gBAAiB,cACjBU,YAAalB,EAAMY,QAAQQ,WAAWJ,aAMhD,CACE,CAAC,MAAMT,sBAAoBR,QAAS,CAElCS,gBAAiBR,EAAMY,QAAQS,QAAQN,UAEvC,CAAC,KAAKR,EAAAA,oBAAoBE,kBAAkBF,sBAAoBG,WAAY,CAC1EQ,YAAalB,EAAMY,QAAQU,UAAUC,MACrCf,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,SAG7F,CAAC,KAAKT,sBAAoBU,YAAYV,sBAAoBU,SAASV,sBAAoBE,aAAc,CACnGD,gBAAiBR,EAAMY,QAAQK,MAAME,MAGvC,CAAC,KAAKZ,sBAAoBG,UAAW,CACnCQ,YACyB,SAAvBlB,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,QAC3F,YAAa,CACXR,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,SAE7F,CAAC,KAAKT,sBAAoBU,SAAU,CAClCC,YAAalB,EAAMY,QAAQK,MAAME,KACjC,YAAa,CACXX,gBAAiB,cACjBU,YAAalB,EAAMY,QAAQQ,WAAWJ"}
+{"version":3,"file":"stepButton.theme.js","sources":["../../../../../src/materialui/stepper/stepButton.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepButton: Components<Theme>['MuiStepButton'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: '0',\n      margin: '0',\n      ...getFocusRingStyle(theme, false, 0, '.Mui-focusVisible .MuiStepLabel-iconContainer'),\n      // apply interactive styles on to flowStepIcon when hovered over StepButton\n      ...getInteractiveStyle(\n        {\n          [`& .${flowStepIconClasses.root}`]: {\n            // default\n            backgroundColor: 'transparent',\n            // completed\n            [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active}):not(.${flowStepIconClasses.disabled})`]:\n              {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              },\n            // error\n            [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n              borderColor: theme.palette.error.main,\n              backgroundColor: theme.palette.error.main,\n            },\n            // active\n            [`&.${flowStepIconClasses.active}`]: {\n              borderColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              '&::before': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              },\n              [`&.${flowStepIconClasses.error}`]: {\n                borderColor: theme.palette.error.main,\n                '&::before': {\n                  backgroundColor: 'transparent',\n                  borderColor: theme.palette.background.primary,\n                },\n              },\n            },\n          },\n        },\n        {\n          [`& .${flowStepIconClasses.root}`]: {\n            // default\n            backgroundColor: theme.palette.surface.secondary,\n            // completed\n            [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n              borderColor: theme.palette.onSurface.os700,\n              backgroundColor:\n                theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n            },\n            // error\n            [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n              backgroundColor: theme.palette.error.main,\n            },\n            // active\n            [`&.${flowStepIconClasses.active}`]: {\n              borderColor:\n                theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n              '&::before': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n              },\n              [`&.${flowStepIconClasses.error}`]: {\n                borderColor: theme.palette.error.main,\n                '&::before': {\n                  backgroundColor: 'transparent',\n                  borderColor: theme.palette.background.primary,\n                },\n              },\n            },\n          },\n        },\n      ),\n    }),\n  },\n};\n"],"names":["flowStepButton","styleOverrides","root","theme","Object","assign","padding","margin","getFocusRingStyle","getInteractiveStyle","flowStepIconClasses","backgroundColor","completed","active","disabled","palette","mode","brand","secondary","primary","error","borderColor","main","background","surface","onSurface","os700","brandHover"],"mappings":"4IAKO,MAAMA,EAAqD,CAChEC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,QAAS,IACTC,OAAQ,KACLC,EAAAA,kBAAkBL,GAAO,EAAO,EAAG,kDAEnCM,sBACD,CACE,CAAC,MAAMC,sBAAoBR,QAAS,CAElCS,gBAAiB,cAEjB,CAAC,KAAKD,sBAAoBE,kBAAkBF,EAAAA,oBAAoBG,gBAAgBH,EAAAA,oBAAoBI,aAClG,CACEH,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,SAG1F,CAAC,KAAKT,sBAAoBU,YAAYV,sBAAoBU,SAASV,sBAAoBE,aAAc,CACnGS,YAAalB,EAAMY,QAAQK,MAAME,KACjCX,gBAAiBR,EAAMY,QAAQK,MAAME,MAGvC,CAAC,KAAKZ,sBAAoBG,UAAW,CACnCQ,YAAoC,SAAvBlB,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,QACjG,YAAa,CACXR,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,SAExF,CAAC,KAAKT,sBAAoBU,SAAU,CAClCC,YAAalB,EAAMY,QAAQK,MAAME,KACjC,YAAa,CACXX,gBAAiB,cACjBU,YAAalB,EAAMY,QAAQQ,WAAWJ,aAMhD,CACE,CAAC,MAAMT,sBAAoBR,QAAS,CAElCS,gBAAiBR,EAAMY,QAAQS,QAAQN,UAEvC,CAAC,KAAKR,EAAAA,oBAAoBE,kBAAkBF,sBAAoBG,WAAY,CAC1EQ,YAAalB,EAAMY,QAAQU,UAAUC,MACrCf,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,SAG7F,CAAC,KAAKT,sBAAoBU,YAAYV,sBAAoBU,SAASV,sBAAoBE,aAAc,CACnGD,gBAAiBR,EAAMY,QAAQK,MAAME,MAGvC,CAAC,KAAKZ,sBAAoBG,UAAW,CACnCQ,YACyB,SAAvBlB,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,QAC3F,YAAa,CACXR,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,SAE7F,CAAC,KAAKT,sBAAoBU,SAAU,CAClCC,YAAalB,EAAMY,QAAQK,MAAME,KACjC,YAAa,CACXX,gBAAiB,cACjBU,YAAalB,EAAMY,QAAQQ,WAAWJ"}

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

@@ -1,2 +1,2 @@
-"use strict";exports.flowStepConnector={styleOverrides:{line:({theme:e})=>({borderColor:e.palette.onSurface.os300,borderTopWidth:"2px"}),lineVertical:{borderLeftWidth:"2px"}}};
+"use strict";exports.flowStepConnector={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}`}})}};
 //# sourceMappingURL=stepConnector.theme.js.map

package/cjs/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      borderColor: theme.palette.onSurface.os300,\n      borderTopWidth: '2px',\n    }),\n    lineVertical: {\n      borderLeftWidth: '2px',\n    },\n  },\n};\n"],"names":["styleOverrides","line","theme","borderColor","palette","onSurface","os300","borderTopWidth","lineVertical","borderLeftWidth"],"mappings":"uCAEwE,CACtEA,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,YAAaD,EAAME,QAAQC,UAAUC,MACrCC,eAAgB,QAElBC,aAAc,CACZC,gBAAiB"}
+{"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":["styleOverrides","line","theme","border","borderLeft","palette","onSurface","os300","borderTop"],"mappings":"uCAEwE,CACtEA,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,OACR,kCAAmC,CACjCC,WAAY,aAAaF,EAAMG,QAAQC,UAAUC,SAEnD,sCAAsC,CACpCC,UAAW,aAAaN,EAAMG,QAAQC,UAAUC"}

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

@@ -1 +1 @@
-{"version":3,"file":"stepLabel.theme.js","sources":["../../../../../src/materialui/stepper/stepLabel.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowStepLabelIcon } from './StepLabelIcon';\n\nexport const flowStepLabel: Components<Theme>['MuiStepLabel'] = {\n  defaultProps: {\n    slots: {\n      stepIcon: FlowStepLabelIcon,\n    },\n  },\n  styleOverrides: {\n    vertical: ({ theme }) => ({\n      // default is 4px we need to shift it 6px bcs of design\n      gap: theme.spacing(1.25),\n      '& .MuiStepContent-root': {\n        // default is 20px, we need to add 6px because we shift the label 6px\n        paddingLeft: '26px',\n      },\n      '&:not(.MuiStepLabel-alternativeLabel)': {\n        marginLeft: 0,\n      },\n    }),\n    labelContainer: ({ theme }) => ({\n      color: theme.palette.text.primary,\n    }),\n    iconContainer: {\n      position: 'relative',\n      borderRadius: '40px',\n      padding: 0,\n    },\n    label: ({ theme }) => ({\n      ...theme.typography.disclaimer,\n      '&&': {\n        fontWeight: '300',\n      },\n      '&.Mui-error': {\n        color: 'currentColor',\n      },\n      '&.MuiStepLabel-alternativeLabel': {\n        marginTop: '12px',\n      },\n      '&:not(.MuiStepLabel-alternativeLabel)': {\n        marginLeft: '12px',\n      },\n    }),\n  },\n};\n"],"names":["flowStepLabel","defaultProps","slots","stepIcon","FlowStepLabelIcon","styleOverrides","vertical","theme","gap","spacing","paddingLeft","marginLeft","labelContainer","color","palette","text","primary","iconContainer","position","borderRadius","padding","label","Object","assign","typography","disclaimer","fontWeight","marginTop"],"mappings":"aAGa,MAAAA,EAAmD,CAC9DC,aAAc,CACZC,MAAO,CACLC,uCAA2BC,oBAG/BC,eAAgB,CACdC,SAAU,EAAGC,YAAa,CAExBC,IAAKD,EAAME,QAAQ,MACnB,yBAA0B,CAExBC,YAAa,QAEf,wCAAyC,CACvCC,WAAY,KAGhBC,eAAgB,EAAGL,YAAa,CAC9BM,MAAON,EAAMO,QAAQC,KAAKC,UAE5BC,cAAe,CACbC,SAAU,WACVC,aAAc,OACdC,QAAS,GAEXC,MAAO,EAAGd,WACLe,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAhB,EAAMiB,WAAWC,YAAU,CAC9B,KAAM,CACJC,WAAY,OAEd,cAAe,CACbb,MAAO,gBAET,kCAAmC,CACjCc,UAAW,QAEb,wCAAyC,CACvChB,WAAY"}
+{"version":3,"file":"stepLabel.theme.js","sources":["../../../../../src/materialui/stepper/stepLabel.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowStepLabelIcon } from './StepLabelIcon';\n\nexport const flowStepLabel: Components<Theme>['MuiStepLabel'] = {\n  defaultProps: {\n    slots: {\n      stepIcon: FlowStepLabelIcon,\n    },\n  },\n  styleOverrides: {\n    vertical: ({ theme }) => ({\n      // default is 4px we need to shift it 6px bcs of design\n      gap: theme.spacing(1.25),\n      '& .MuiStepContent-root': {\n        // default is 20px, we need to add 6px because we shift the label 6px\n        paddingLeft: '26px',\n      },\n      '&:not(.MuiStepLabel-alternativeLabel)': {\n        marginLeft: 0,\n      },\n    }),\n    labelContainer: ({ theme }) => ({\n      color: theme.palette.text.primary,\n    }),\n    iconContainer: {\n      position: 'relative',\n      borderRadius: '40px',\n      padding: 0,\n    },\n    label: ({ theme }) => ({\n      ...theme.typography.disclaimer,\n      '&&': {\n        fontWeight: '300',\n      },\n      '&.Mui-error': {\n        color: 'currentColor',\n      },\n      '&.MuiStepLabel-alternativeLabel': {\n        marginTop: '12px',\n      },\n      '&:not(.MuiStepLabel-alternativeLabel)': {\n        marginLeft: '12px',\n      },\n    }),\n  },\n};\n"],"names":["flowStepLabel","defaultProps","slots","stepIcon","FlowStepLabelIcon","styleOverrides","vertical","theme","gap","spacing","paddingLeft","marginLeft","labelContainer","color","palette","text","primary","iconContainer","position","borderRadius","padding","label","Object","assign","typography","disclaimer","fontWeight","marginTop"],"mappings":"aAGO,MAAMA,EAAmD,CAC9DC,aAAc,CACZC,MAAO,CACLC,uCAAUC,oBAGdC,eAAgB,CACdC,SAAU,EAAGC,YAAO,CAElBC,IAAKD,EAAME,QAAQ,MACnB,yBAA0B,CAExBC,YAAa,QAEf,wCAAyC,CACvCC,WAAY,KAGhBC,eAAgB,EAAGL,YAAO,CACxBM,MAAON,EAAMO,QAAQC,KAAKC,UAE5BC,cAAe,CACbC,SAAU,WACVC,aAAc,OACdC,QAAS,GAEXC,MAAO,EAAGd,WAAYe,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBhB,EAAMiB,WAAWC,YAAU,CAC9B,KAAM,CACJC,WAAY,OAEd,cAAe,CACbb,MAAO,gBAET,kCAAmC,CACjCc,UAAW,QAEb,wCAAyC,CACvChB,WAAY"}

package/cjs/materialui/stepper/stepper.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./StepLabelIcon.js");const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer":{"& > div":{minHeight:"20px"},"&.Mui-active > div":{height:"100%",maxHeight:"200px",minHeight:"20px"}}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{[i.breakpoints.up("xl")]:{gap:i.spacing(.5)},"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStepLabel-root":{width:"100%"},"&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div":{width:"100%",maxWidth:"200px"},"&.MuiStepper-vertical:not(.MuiStepper-horizontal)":{"& .MuiStepLabel-iconContainer.Mui-active > div":{height:"60px"}},"& .MuiStep-root":{flexGrow:"0",flexBasis:"auto",paddingRight:i.spacing(.25),paddingLeft:i.spacing(.25),[`&:has(.${e.flowStepIconClasses.active})`]:{flexGrow:"1",maxWidth:"200px",minWidth:"20px"}},"& .MuiStepLabel-iconContainer":{width:"100%","&:not(.Mui-error) svg":{display:"none"}},"& .MuiStepLabel-iconContainer > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px"},[`&&& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.flowStepIconClasses.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.flowStepIconClasses.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.flowStepIconClasses.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};exports.flowStepper=t;
+"use strict";var e=require("./StepLabelIcon.js");const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer.Mui-active > div":{width:"20px",height:"60px"}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{"& .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"}},[`&&& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.flowStepIconClasses.root}.${e.flowStepIconClasses.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.flowStepIconClasses.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.flowStepIconClasses.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.flowStepIconClasses.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};exports.flowStepper=t;
 //# sourceMappingURL=stepper.theme.js.map

package/cjs/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\n      ...(size === 'small' && {\n        '& .MuiStepLabel-vertical': {\n          padding: '0',\n        },\n        '& .MuiStepLabel-iconContainer': {\n          '& > div': {\n            minHeight: '20px',\n          },\n          '&.Mui-active > div': {\n            height: '100%',\n            maxHeight: '200px',\n            minHeight: '20px',\n          },\n        },\n      }),\n    }),\n    root: ({ size, theme }) => ({\n      ...(size === 'small' && {\n        [theme.breakpoints.up('xl')]: {\n          gap: theme.spacing(0.5),\n        },\n        // hide dividers\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // hide labels\n        '& .MuiStepLabel-labelContainer': {\n          display: 'none',\n        },\n        '& .MuiStepLabel-root': {\n          width: '100%',\n        },\n        // when compact and horizontal apply more width\n        '&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div': {\n          width: '100%',\n          maxWidth: '200px',\n        },\n        // vertical\n        '&.MuiStepper-vertical:not(.MuiStepper-horizontal)': {\n          '& .MuiStepLabel-iconContainer.Mui-active > div': {\n            height: '60px',\n          },\n        },\n        '& .MuiStep-root': {\n          flexGrow: '0',\n          flexBasis: 'auto',\n          paddingRight: theme.spacing(0.25),\n          paddingLeft: theme.spacing(0.25),\n          [`&:has(.${flowStepIconClasses.active})`]: {\n            flexGrow: '1',\n            maxWidth: '200px',\n            minWidth: '20px',\n          },\n        },\n        '& .MuiStepLabel-iconContainer': {\n          width: '100%',\n          // in compact mode show icon only for error\n          '&:not(.Mui-error) svg': {\n            display: 'none',\n          },\n        },\n        '& .MuiStepLabel-iconContainer > div': {\n          minWidth: '20px',\n          width: '20px',\n          height: '20px',\n          minHeight: '20px',\n          fontSize: '14px',\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","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","minHeight","height","maxHeight","root","breakpoints","up","gap","spacing","width","maxWidth","flexGrow","flexBasis","paddingRight","flowStepIconClasses","active","minWidth","fontSize","inset","borderWidth","animation","nonLinear","disabled","completed","content","lineHeight","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"iDAGa,MAAAA,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,UAClBQ,OAAAC,OAAA,CAAA,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAGA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,gCAAiC,CAC/B,UAAW,CACTC,UAAW,QAEb,qBAAsB,CACpBC,OAAQ,OACRC,UAAW,QACXF,UAAW,WAKnBG,KAAM,EAAGtB,OAAMO,WACVC,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAACO,EAAMgB,YAAYC,GAAG,OAAQ,CAC5BC,IAAKlB,EAAMmB,QAAQ,KAGrB,2BAA4B,CAC1BhB,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,uBAAwB,CACtBiB,MAAO,QAGT,2EAA4E,CAC1EA,MAAO,OACPC,SAAU,SAGZ,oDAAqD,CACnD,iDAAkD,CAChDR,OAAQ,SAGZ,kBAAmB,CACjBS,SAAU,IACVC,UAAW,OACXC,aAAcxB,EAAMmB,QAAQ,KAC5Bf,YAAaJ,EAAMmB,QAAQ,KAC3B,CAAC,UAAUM,EAAAA,oBAAoBC,WAAY,CACzCJ,SAAU,IACVD,SAAU,QACVM,SAAU,SAGd,gCAAiC,CAC/BP,MAAO,OAEP,wBAAyB,CACvBjB,QAAS,SAGb,sCAAuC,CACrCwB,SAAU,OACVP,MAAO,OACPP,OAAQ,OACRD,UAAW,OACXgB,SAAU,QAGZ,CAAC,QAAQH,EAAAA,oBAAoBV,QAAQU,sBAAoBC,kBAAmB,CAC1EG,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGhC,QAAOP,WAAY,CAE/B,CAAC,MAAMgC,EAAmBA,oBAACV,QAAQU,EAAmBA,oBAACQ,YAElDhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAAC,UAAUgC,EAAAA,oBAAoBS,qBAAsB,CACnDC,QAAS,MACTC,WAAY,OACZR,SAAU,UACVS,WAAY,MACZC,MAAOtC,EAAMO,QAAQgC,WAAWC,WAElC,CAEF,CAAC,UAAUf,EAAAA,oBAAoBC,WAAY,CACzCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpCC,gBAAiB3C,EAAMO,QAAQ0B,SAASS,WAG1C,CAAC,MAAMjB,sBAAoBC,UAAW,CACpCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpC,YAAa,CACXC,gBAAiB3C,EAAMO,QAAQ0B,SAASS"}
+{"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","Object","assign","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":"iDAGO,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,UAAWQ,OAAAC,OAAA,CAC7B,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAEA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,iDAAkD,CAChDC,MAAO,OACPC,OAAQ,UAIdC,KAAM,EAAGrB,OAAMO,WAAYC,OAAAC,OAAA,CAAA,EACZ,UAATT,GAAoB,CAEtB,2BAA4B,CAC1BU,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,QAASX,EAAMuB,QAAQ,KACvB,CAACvB,EAAMwB,YAAYC,GAAG,OAAQ,CAC5B,6BAA8B,CAC5BrB,YAAaJ,EAAMuB,QAAQ,IAC3BG,aAAc1B,EAAMuB,QAAQ,KAE9B,2BAA4B,CAC1BI,WAAY3B,EAAMuB,QAAQ,IAC1BK,cAAe5B,EAAMuB,QAAQ,OAInC,kBAAmB,CACjB,8BAA+B,CAC7BnB,YAAaJ,EAAMuB,QAAQ,MAE7B,4BAA6B,CAC3BI,WAAY3B,EAAMuB,QAAQ,OAG9B,iBAAkB,CAChB,8BAA+B,CAC7BG,aAAc1B,EAAMuB,QAAQ,MAE9B,4BAA6B,CAC3BK,cAAe5B,EAAMuB,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,EAAAA,oBAAoBjB,QAAQiB,sBAAoBC,kBAAmB,CAC1EC,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGpC,QAAOP,WAAM,CAEzB,CAAC,MAAMsC,EAAAA,oBAAoBjB,QAAQiB,EAAAA,oBAAoBM,YAAWpC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEnD,UAATT,GAAoB,CACtB,CAAC,UAAUsC,EAAAA,oBAAoBO,qBAAsB,CACnDC,QAAS,MACTxB,WAAY,OACZe,SAAU,UACVU,WAAY,MACZC,MAAOzC,EAAMO,QAAQmC,WAAWC,WAElC,CAEF,CAAC,UAAUZ,EAAAA,oBAAoBC,WAAY,CACzCY,YAAa5C,EAAMO,QAAQ8B,SAASQ,UACpCC,gBAAiB9C,EAAMO,QAAQ8B,SAASQ,WAG1C,CAAC,MAAMd,sBAAoBC,UAAW,CACpCY,YAAa5C,EAAMO,QAAQ8B,SAASQ,UACpC,YAAa,CACXC,gBAAiB9C,EAAMO,QAAQ8B,SAASQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"svgIcon.theme.js","sources":["../../../../../src/materialui/svgIcon/svgIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowSvgIcon: Components<Theme>['MuiSvgIcon'] = {\n  styleOverrides: {\n    root: {\n      overflow: 'visible',\n      flexShrink: '0',\n    },\n    colorAction: ({ theme }) => ({\n      color: theme.palette.onSurface.os900,\n    }),\n    colorDisabled: ({ theme }) => ({\n      color: theme.palette.disabled.primary,\n    }),\n    colorPrimary: ({ theme }) => ({\n      color: theme.palette.brand.primary,\n    }),\n    colorSecondary: ({ theme }) => ({\n      color: theme.palette.brand.secondary,\n    }),\n    colorError: ({ theme }) => ({\n      color: theme.palette.error.main,\n    }),\n  },\n  variants: [\n    {\n      // custom size\n      props: { fontSize: 'extraSmall' },\n      style: {\n        fontSize: '16px',\n      },\n    },\n    {\n      // custom size\n      props: { fontSize: 'extraLarge' },\n      style: {\n        fontSize: '40px',\n      },\n    },\n    // sizes from @mui, changed from rem to px\n    {\n      props: { fontSize: 'small' },\n      style: { fontSize: '20px' },\n    },\n    {\n      props: { fontSize: 'medium' },\n      style: { fontSize: '24px' },\n    },\n    {\n      props: { fontSize: 'large' },\n      style: { fontSize: '35px' },\n    },\n    // custom colors types\n    {\n      props: { color: 'info' },\n      style: ({ theme }) => ({\n        color: theme.palette.info['main'],\n      }),\n    },\n    {\n      props: { color: 'success' },\n      style: ({ theme }) => ({\n        color: theme.palette.success['main'],\n      }),\n    },\n    {\n      props: { color: 'warning' },\n      style: ({ theme }) => ({\n        color: theme.palette.warning['main'],\n      }),\n    },\n  ],\n};\n"],"names":["styleOverrides","root","overflow","flexShrink","colorAction","theme","color","palette","onSurface","os900","colorDisabled","disabled","primary","colorPrimary","brand","colorSecondary","secondary","colorError","error","main","variants","props","fontSize","style","info","success","warning"],"mappings":"iCAG4D,CAC1DA,eAAgB,CACdC,KAAM,CACJC,SAAU,UACVC,WAAY,KAEdC,YAAa,EAAGC,YAAa,CAC3BC,MAAOD,EAAME,QAAQC,UAAUC,QAEjCC,cAAe,EAAGL,YAAa,CAC7BC,MAAOD,EAAME,QAAQI,SAASC,UAEhCC,aAAc,EAAGR,YAAa,CAC5BC,MAAOD,EAAME,QAAQO,MAAMF,UAE7BG,eAAgB,EAAGV,YAAa,CAC9BC,MAAOD,EAAME,QAAQO,MAAME,YAE7BC,WAAY,EAAGZ,YAAa,CAC1BC,MAAOD,EAAME,QAAQW,MAAMC,QAG/BC,SAAU,CACR,CAEEC,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAGd,CAEED,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAId,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,UACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAGrB,CACED,MAAO,CAAEf,MAAO,QAChBiB,MAAO,EAAGlB,YAAa,CACrBC,MAAOD,EAAME,QAAQiB,KAAW,QAGpC,CACEH,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAa,CACrBC,MAAOD,EAAME,QAAQkB,QAAc,QAGvC,CACEJ,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAa,CACrBC,MAAOD,EAAME,QAAQmB,QAAc"}
+{"version":3,"file":"svgIcon.theme.js","sources":["../../../../../src/materialui/svgIcon/svgIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowSvgIcon: Components<Theme>['MuiSvgIcon'] = {\n  styleOverrides: {\n    root: {\n      overflow: 'visible',\n      flexShrink: '0',\n    },\n    colorAction: ({ theme }) => ({\n      color: theme.palette.onSurface.os900,\n    }),\n    colorDisabled: ({ theme }) => ({\n      color: theme.palette.disabled.primary,\n    }),\n    colorPrimary: ({ theme }) => ({\n      color: theme.palette.brand.primary,\n    }),\n    colorSecondary: ({ theme }) => ({\n      color: theme.palette.brand.secondary,\n    }),\n    colorError: ({ theme }) => ({\n      color: theme.palette.error.main,\n    }),\n  },\n  variants: [\n    {\n      // custom size\n      props: { fontSize: 'extraSmall' },\n      style: {\n        fontSize: '16px',\n      },\n    },\n    {\n      // custom size\n      props: { fontSize: 'extraLarge' },\n      style: {\n        fontSize: '40px',\n      },\n    },\n    // sizes from @mui, changed from rem to px\n    {\n      props: { fontSize: 'small' },\n      style: { fontSize: '20px' },\n    },\n    {\n      props: { fontSize: 'medium' },\n      style: { fontSize: '24px' },\n    },\n    {\n      props: { fontSize: 'large' },\n      style: { fontSize: '35px' },\n    },\n    // custom colors types\n    {\n      props: { color: 'info' },\n      style: ({ theme }) => ({\n        color: theme.palette.info['main'],\n      }),\n    },\n    {\n      props: { color: 'success' },\n      style: ({ theme }) => ({\n        color: theme.palette.success['main'],\n      }),\n    },\n    {\n      props: { color: 'warning' },\n      style: ({ theme }) => ({\n        color: theme.palette.warning['main'],\n      }),\n    },\n  ],\n};\n"],"names":["styleOverrides","root","overflow","flexShrink","colorAction","theme","color","palette","onSurface","os900","colorDisabled","disabled","primary","colorPrimary","brand","colorSecondary","secondary","colorError","error","main","variants","props","fontSize","style","info","success","warning"],"mappings":"iCAG4D,CAC1DA,eAAgB,CACdC,KAAM,CACJC,SAAU,UACVC,WAAY,KAEdC,YAAa,EAAGC,YAAO,CACrBC,MAAOD,EAAME,QAAQC,UAAUC,QAEjCC,cAAe,EAAGL,YAAO,CACvBC,MAAOD,EAAME,QAAQI,SAASC,UAEhCC,aAAc,EAAGR,YAAO,CACtBC,MAAOD,EAAME,QAAQO,MAAMF,UAE7BG,eAAgB,EAAGV,YAAO,CACxBC,MAAOD,EAAME,QAAQO,MAAME,YAE7BC,WAAY,EAAGZ,YAAO,CACpBC,MAAOD,EAAME,QAAQW,MAAMC,QAG/BC,SAAU,CACR,CAEEC,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAGd,CAEED,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAId,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,UACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAGrB,CACED,MAAO,CAAEf,MAAO,QAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQiB,KAAW,QAGpC,CACEH,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQkB,QAAc,QAGvC,CACEJ,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQmB,QAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"switch.theme.js","sources":["../../../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableFocusRipple: true,\n    disableTouchRipple: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      input: {\n        maxWidth: 'none',\n      },\n      borderRadius: '1000px',\n      '& .MuiSwitch-track': {\n        borderRadius: '1000px',\n      },\n      '.Mui-disabled': {\n        '.MuiSwitch-thumb': {\n          backgroundColor: theme.palette.disabled.tertiary,\n        },\n      },\n      position: 'relative',\n      overflow: 'visible',\n      ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n    }),\n    thumb: ({ theme }) => ({\n      boxShadow: 'none',\n      transition: '0.2s',\n      color: theme.palette.onSurface.os0,\n      borderRadius: '1000px',\n      flexShrink: '0',\n      maxWidth: 'none',\n    }),\n    track: ({ theme }) => ({\n      boxSizing: 'border-box',\n      opacity: '1',\n      backgroundColor: theme.palette.onSurface.os500,\n    }),\n    switchBase: ({ theme }) => ({\n      transition: '0.2s',\n      '&.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          opacity: '1',\n          ...(theme.palette.mode === 'dark' && {\n            background: theme.palette.brand.secondary,\n          }),\n        },\n        ...(theme.palette.mode === 'dark' && {\n          '& .MuiSwitch-thumb': {\n            background: theme.palette.brand.tertiary,\n          },\n        }),\n      },\n      '&.Mui-disabled': {\n        '& + .MuiSwitch-track': {\n          backgroundColor: theme.palette.disabled.primary,\n          opacity: '1',\n        },\n      },\n    }),\n    sizeMedium: {\n      width: '52px',\n      height: '24px',\n      borderRadius: '1000px',\n      padding: '0',\n      '& .MuiSwitch-thumb': {\n        width: '18px',\n        height: '18px',\n      },\n      '& .MuiSwitch-switchBase': {\n        width: '24px',\n        padding: '3px',\n        '&.Mui-checked': {\n          transform: 'translateX(28px)',\n        },\n      },\n      '&:active:not(.Mui-disabled)': {\n        '.MuiSwitch-thumb': {\n          width: '28px',\n          transform: 'translateX(5px)',\n        },\n        '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n          transform: 'translateX(-5px)',\n        },\n      },\n    },\n    sizeSmall: {\n      width: '34px',\n      height: '16px',\n      borderRadius: '1000px',\n      padding: '0',\n      '& .MuiSwitch-thumb': {\n        width: '12px',\n        height: '12px',\n      },\n      '& .MuiSwitch-switchBase': {\n        width: '16px',\n        padding: '2px',\n        '&.Mui-checked': {\n          transform: 'translateX(18px)',\n        },\n      },\n      '&:active:not(.Mui-disabled)': {\n        '& .MuiSwitch-thumb': {\n          width: '18px',\n          transform: 'translateX(3px)',\n        },\n        '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n          transform: 'translateX(-3px)',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","Object","assign","input","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"sEAIa,MAAAA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,GAEtBC,eAAgB,CACdC,KAAM,EAAGC,WACPC,OAAAC,OAAA,CAAAC,MAAO,CACLC,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBN,EAAMO,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,WACPC,oBAAkBZ,GAAO,EAAO,EAAG,4BAExCa,MAAO,EAAGb,YAAa,CACrBc,UAAW,OACXC,WAAY,OACZC,MAAOhB,EAAMO,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGpB,YAAa,CACrBqB,UAAW,aACXC,QAAS,IACThB,gBAAiBN,EAAMO,QAAQU,UAAUM,QAE3CC,WAAY,EAAGxB,YAAa,CAC1Be,WAAY,OACZ,gBACEd,OAAAC,OAAA,CAAA,uBACED,OAAAC,OAAA,CAAAoB,QAAS,KACkB,SAAvBtB,EAAMO,QAAQkB,MAAmB,CACnCC,WAAY1B,EAAMO,QAAQoB,MAAMC,aAGT,SAAvB5B,EAAMO,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAY1B,EAAMO,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBN,EAAMO,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW"}
+{"version":3,"file":"switch.theme.js","sources":["../../../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableFocusRipple: true,\n    disableTouchRipple: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      input: {\n        maxWidth: 'none',\n      },\n      borderRadius: '1000px',\n      '& .MuiSwitch-track': {\n        borderRadius: '1000px',\n      },\n      '.Mui-disabled': {\n        '.MuiSwitch-thumb': {\n          backgroundColor: theme.palette.disabled.tertiary,\n        },\n      },\n      position: 'relative',\n      overflow: 'visible',\n      ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n    }),\n    thumb: ({ theme }) => ({\n      boxShadow: 'none',\n      transition: '0.2s',\n      color: theme.palette.onSurface.os0,\n      borderRadius: '1000px',\n      flexShrink: '0',\n      maxWidth: 'none',\n    }),\n    track: ({ theme }) => ({\n      boxSizing: 'border-box',\n      opacity: '1',\n      backgroundColor: theme.palette.onSurface.os500,\n    }),\n    switchBase: ({ theme }) => ({\n      transition: '0.2s',\n      '&.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          opacity: '1',\n          ...(theme.palette.mode === 'dark' && {\n            background: theme.palette.brand.secondary,\n          }),\n        },\n        ...(theme.palette.mode === 'dark' && {\n          '& .MuiSwitch-thumb': {\n            background: theme.palette.brand.tertiary,\n          },\n        }),\n      },\n      '&.Mui-disabled': {\n        '& + .MuiSwitch-track': {\n          backgroundColor: theme.palette.disabled.primary,\n          opacity: '1',\n        },\n      },\n    }),\n    sizeMedium: {\n      width: '52px',\n      height: '24px',\n      borderRadius: '1000px',\n      padding: '0',\n      '& .MuiSwitch-thumb': {\n        width: '18px',\n        height: '18px',\n      },\n      '& .MuiSwitch-switchBase': {\n        width: '24px',\n        padding: '3px',\n        '&.Mui-checked': {\n          transform: 'translateX(28px)',\n        },\n      },\n      '&:active:not(.Mui-disabled)': {\n        '.MuiSwitch-thumb': {\n          width: '28px',\n          transform: 'translateX(5px)',\n        },\n        '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n          transform: 'translateX(-5px)',\n        },\n      },\n    },\n    sizeSmall: {\n      width: '34px',\n      height: '16px',\n      borderRadius: '1000px',\n      padding: '0',\n      '& .MuiSwitch-thumb': {\n        width: '12px',\n        height: '12px',\n      },\n      '& .MuiSwitch-switchBase': {\n        width: '16px',\n        padding: '2px',\n        '&.Mui-checked': {\n          transform: 'translateX(18px)',\n        },\n      },\n      '&:active:not(.Mui-disabled)': {\n        '& .MuiSwitch-thumb': {\n          width: '18px',\n          transform: 'translateX(3px)',\n        },\n        '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n          transform: 'translateX(-3px)',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","Object","assign","input","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"sEAIO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,GAEtBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAA,CACnBC,MAAO,CACLC,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBN,EAAMO,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,WACPC,oBAAkBZ,GAAO,EAAO,EAAG,4BAExCa,MAAO,EAAGb,YAAO,CACfc,UAAW,OACXC,WAAY,OACZC,MAAOhB,EAAMO,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGpB,YAAO,CACfqB,UAAW,aACXC,QAAS,IACThB,gBAAiBN,EAAMO,QAAQU,UAAUM,QAE3CC,WAAY,EAAGxB,YAAO,CACpBe,WAAY,OACZ,gBAAed,OAAAC,OAAA,CACb,uBAAsBD,OAAAC,OAAA,CACpBoB,QAAS,KACkB,SAAvBtB,EAAMO,QAAQkB,MAAmB,CACnCC,WAAY1B,EAAMO,QAAQoB,MAAMC,aAGT,SAAvB5B,EAAMO,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAY1B,EAAMO,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBN,EAAMO,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW"}

package/cjs/materialui/table/TableSortLabelIcon.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material"),i=require("../../components/icon/stroke/ArrowCircleDownIcon.js"),n=require("../../components/icon/filled/ArrowCircleDownFilledIcon.js"),t=require("../../components/focusring/focusring.js");const a=o.forwardRef(((o,a)=>{var{sx:l}=o,c=e.__rest(o,["sx"]);return r.jsxs(s.ButtonBase,Object.assign({sx:e=>Object.assign(Object.assign(Object.assign({},t.getFocusRingStyle(e)),{borderRadius:"100%"}),l),ref:a,"aria-label":"Change Sorting"},c,{children:[r.jsx(i.ArrowCircleDownIcon,{className:"FlowTableSortLabel-icon",fontSize:"extraSmall"}),r.jsx(n.ArrowCircleDownFilledIcon,{className:"FlowTableSortLabel-filledIcon",fontSize:"extraSmall",sx:{position:"absolute",opacity:"0"}})]}))}));exports.TableSortLabelIcon=a;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material"),i=require("../../components/icon/stroke/ArrowCircleDownIcon.js"),n=require("../../components/icon/filled/ArrowCircleDownFilledIcon.js"),t=require("../../components/focusring/focusring.js");const a=o.forwardRef((o,a)=>{var{sx:l}=o,c=e.__rest(o,["sx"]);return r.jsxs(s.ButtonBase,Object.assign({sx:e=>Object.assign(Object.assign(Object.assign({},t.getFocusRingStyle(e)),{borderRadius:"100%"}),l),ref:a,"aria-label":"Change Sorting"},c,{children:[r.jsx(i.ArrowCircleDownIcon,{className:"FlowTableSortLabel-icon",fontSize:"extraSmall"}),r.jsx(n.ArrowCircleDownFilledIcon,{className:"FlowTableSortLabel-filledIcon",fontSize:"extraSmall",sx:{position:"absolute",opacity:"0"}})]}))});exports.TableSortLabelIcon=a;
 //# sourceMappingURL=TableSortLabelIcon.js.map

package/cjs/materialui/table/TableSortLabelIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSortLabelIcon.js","sources":["../../../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/**\n * TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n  return (\n    <ButtonBase\n      sx={(theme) => ({\n        ...getFocusRingStyle(theme),\n        borderRadius: '100%',\n        ...sx,\n      })}\n      ref={ref}\n      aria-label=\"Change Sorting\"\n      {...rest}\n    >\n      <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n      <ArrowCircleDownFilledIcon\n        className=\"FlowTableSortLabel-filledIcon\"\n        fontSize=\"extraSmall\"\n        sx={{\n          // hidden by default, appears with hover and active (tableSortLabel.theme)\n          position: 'absolute',\n          opacity: '0',\n        }}\n      />\n    </ButtonBase>\n  );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","jsxs","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"8SASa,MAAAA,EAA0CC,EAAUA,YAAC,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAaF,EAANG,EAAIC,EAAAA,OAAAJ,EAAb,QACjE,OACEK,EAACC,KAAAC,aACCC,OAAAC,OAAA,CAAAP,GAAKQ,GACAF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAE,EAAAA,kBAAkBD,IACrB,CAAAE,aAAc,SACXV,GAELD,IAAKA,EAAG,aACG,kBACPE,EAEJ,CAAAU,SAAA,CAAAC,EAAAA,IAACC,EAAmBA,oBAAA,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAAAA,IAACI,EAAyBA,0BACxB,CAAAF,UAAU,gCACVC,SAAS,aACTf,GAAI,CAEFiB,SAAU,WACVC,QAAS,UAGF"}
+{"version":3,"file":"TableSortLabelIcon.js","sources":["../../../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/**\n * TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n  return (\n    <ButtonBase\n      sx={(theme) => ({\n        ...getFocusRingStyle(theme),\n        borderRadius: '100%',\n        ...sx,\n      })}\n      ref={ref}\n      aria-label=\"Change Sorting\"\n      {...rest}\n    >\n      <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n      <ArrowCircleDownFilledIcon\n        className=\"FlowTableSortLabel-filledIcon\"\n        fontSize=\"extraSmall\"\n        sx={{\n          // hidden by default, appears with hover and active (tableSortLabel.theme)\n          position: 'absolute',\n          opacity: '0',\n        }}\n      />\n    </ButtonBase>\n  );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"8SASO,MAAMA,EAA0CC,EAAAA,WAAW,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAb,QACjE,OACEK,EAAAA,KAACC,aAAUC,OAAAC,OAAA,CACTN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACVE,EAAAA,kBAAkBD,IAAM,CAC3BE,aAAc,SACXT,GAELD,IAAKA,EAAG,aACG,kBACPE,EAAI,CAAAS,SAAA,CAERC,EAAAA,IAACC,EAAAA,oBAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAAAA,IAACI,EAAAA,0BAAyB,CACxBF,UAAU,gCACVC,SAAS,aACTd,GAAI,CAEFgB,SAAU,WACVC,QAAS"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.theme.js","sources":["../../../../../src/materialui/table/table.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTable: Components<Theme>['MuiTable'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      borderCollapse: 'collapse',\n      borderColor: theme.palette.surface.secondary,\n      // remove cell's bottom border in last row in last table element\n      '& > *:last-child': {\n        '.MuiTableRow-root:last-of-type': {\n          '.MuiTableCell-root': {\n            borderBottom: 'none',\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","borderCollapse","borderColor","palette","surface","secondary","borderBottom"],"mappings":"+BAGwD,CACtDA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,eAAgB,WAChBC,YAAaF,EAAMG,QAAQC,QAAQC,UAEnC,mBAAoB,CAClB,iCAAkC,CAChC,qBAAsB,CACpBC,aAAc"}
+{"version":3,"file":"table.theme.js","sources":["../../../../../src/materialui/table/table.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTable: Components<Theme>['MuiTable'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      borderCollapse: 'collapse',\n      borderColor: theme.palette.surface.secondary,\n      // remove cell's bottom border in last row in last table element\n      '& > *:last-child': {\n        '.MuiTableRow-root:last-of-type': {\n          '.MuiTableCell-root': {\n            borderBottom: 'none',\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","borderCollapse","borderColor","palette","surface","secondary","borderBottom"],"mappings":"+BAGwD,CACtDA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,eAAgB,WAChBC,YAAaF,EAAMG,QAAQC,QAAQC,UAEnC,mBAAoB,CAClB,iCAAkC,CAChC,qBAAsB,CACpBC,aAAc"}

package/cjs/materialui/table/tableBody.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableBody.theme.js","sources":["../../../../../src/materialui/table/tableBody.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableBody: Components<Theme>['MuiTableBody'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      borderColor: 'inherit',\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"mCAGgE,CAC9DA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CACJC,YAAa"}
+{"version":3,"file":"tableBody.theme.js","sources":["../../../../../src/materialui/table/tableBody.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableBody: Components<Theme>['MuiTableBody'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      borderColor: 'inherit',\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"mCAGgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJC,YAAa"}

package/cjs/materialui/table/tableCell.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableCell.theme.js","sources":["../../../../../src/materialui/table/tableCell.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTableCell: Components<Theme>['MuiTableCell'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      ...theme.typography.disclaimer1,\n      borderColor: 'inherit',\n      padding: '4px 16px',\n      height: '56px',\n      // set min width for all cells except those including checkbox\n      '&:not(.MuiTableCell-paddingCheckbox)': {\n        minWidth: '150px',\n        [theme.breakpoints.down('lg')]: {\n          minWidth: '122px',\n        },\n      },\n    }),\n    head: ({ theme }) => ({\n      ...theme.typography.caption2,\n      position: 'relative',\n      height: '54px',\n      // not checkbox\n      '&:not(.MuiTableCell-paddingCheckbox)': {\n        // create offset (-8px)\n        paddingLeft: '8px',\n        paddingRight: '8px',\n      },\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      // show divider only for cells whose have some child\n      '&:not(:empty)': {\n        '&:after': {\n          content: '\"\"',\n          position: 'absolute',\n          left: '0',\n          top: '50%',\n          // manual v-align\n          marginTop: '-12px',\n          height: '24px',\n          width: '1px',\n          backgroundColor: theme.palette.surface.secondary,\n        },\n        // for right align switch divider position\n        '&.MuiTableCell-alignRight': {\n          '&:after': {\n            left: 'initial',\n            right: '0',\n          },\n        },\n      },\n      // hide divider for first cell if not right aligned\n      '&:first-of-type': {\n        '&:not(.MuiTableCell-alignRight):after': {\n          display: 'none',\n        },\n      },\n    }),\n    // center checkbox\n    paddingCheckbox: {\n      padding: '0',\n      textAlign: 'center',\n      minWidth: '56px',\n    },\n  },\n};\n"],"names":["flowTableCell","defaultProps","styleOverrides","root","theme","Object","assign","typography","disclaimer1","borderColor","padding","height","minWidth","breakpoints","down","head","caption2","position","paddingLeft","paddingRight","up","fontWeight","content","left","top","marginTop","width","backgroundColor","palette","surface","secondary","right","display","paddingCheckbox","textAlign"],"mappings":"aAEa,MAAAA,EAAmD,CAC9DC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,WACJC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,EAAMG,WAAWC,aAAW,CAC/BC,YAAa,UACbC,QAAS,WACTC,OAAQ,OAER,uCAAwC,CACtCC,SAAU,QACV,CAACR,EAAMS,YAAYC,KAAK,OAAQ,CAC9BF,SAAU,YAIhBG,KAAM,EAAGX,WACJC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,EAAMG,WAAWS,UACpB,CAAAC,SAAU,WACVN,OAAQ,OAER,uCAAwC,CAEtCO,YAAa,MACbC,aAAc,OAEhB,CAACf,EAAMS,YAAYO,GAAG,OAAQ,CAC5BC,WAAY,OAGd,gBAAiB,CACf,UAAW,CACTC,QAAS,KACTL,SAAU,WACVM,KAAM,IACNC,IAAK,MAELC,UAAW,QACXd,OAAQ,OACRe,MAAO,MACPC,gBAAiBvB,EAAMwB,QAAQC,QAAQC,WAGzC,4BAA6B,CAC3B,UAAW,CACTP,KAAM,UACNQ,MAAO,OAKb,kBAAmB,CACjB,wCAAyC,CACvCC,QAAS,WAKfC,gBAAiB,CACfvB,QAAS,IACTwB,UAAW,SACXtB,SAAU"}
+{"version":3,"file":"tableCell.theme.js","sources":["../../../../../src/materialui/table/tableCell.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTableCell: Components<Theme>['MuiTableCell'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      ...theme.typography.disclaimer1,\n      borderColor: 'inherit',\n      padding: '4px 16px',\n      height: '56px',\n      // set min width for all cells except those including checkbox\n      '&:not(.MuiTableCell-paddingCheckbox)': {\n        minWidth: '150px',\n        [theme.breakpoints.down('lg')]: {\n          minWidth: '122px',\n        },\n      },\n    }),\n    head: ({ theme }) => ({\n      ...theme.typography.caption2,\n      position: 'relative',\n      height: '54px',\n      // not checkbox\n      '&:not(.MuiTableCell-paddingCheckbox)': {\n        // create offset (-8px)\n        paddingLeft: '8px',\n        paddingRight: '8px',\n      },\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      // show divider only for cells whose have some child\n      '&:not(:empty)': {\n        '&:after': {\n          content: '\"\"',\n          position: 'absolute',\n          left: '0',\n          top: '50%',\n          // manual v-align\n          marginTop: '-12px',\n          height: '24px',\n          width: '1px',\n          backgroundColor: theme.palette.surface.secondary,\n        },\n        // for right align switch divider position\n        '&.MuiTableCell-alignRight': {\n          '&:after': {\n            left: 'initial',\n            right: '0',\n          },\n        },\n      },\n      // hide divider for first cell if not right aligned\n      '&:first-of-type': {\n        '&:not(.MuiTableCell-alignRight):after': {\n          display: 'none',\n        },\n      },\n    }),\n    // center checkbox\n    paddingCheckbox: {\n      padding: '0',\n      textAlign: 'center',\n      minWidth: '56px',\n    },\n  },\n};\n"],"names":["flowTableCell","defaultProps","styleOverrides","root","theme","Object","assign","typography","disclaimer1","borderColor","padding","height","minWidth","breakpoints","down","head","caption2","position","paddingLeft","paddingRight","up","fontWeight","content","left","top","marginTop","width","backgroundColor","palette","surface","secondary","right","display","paddingCheckbox","textAlign"],"mappings":"aAEO,MAAMA,EAAmD,CAC9DC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,EAAMG,WAAWC,aAAW,CAC/BC,YAAa,UACbC,QAAS,WACTC,OAAQ,OAER,uCAAwC,CACtCC,SAAU,QACV,CAACR,EAAMS,YAAYC,KAAK,OAAQ,CAC9BF,SAAU,YAIhBG,KAAM,EAAGX,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,EAAMG,WAAWS,UAAQ,CAC5BC,SAAU,WACVN,OAAQ,OAER,uCAAwC,CAEtCO,YAAa,MACbC,aAAc,OAEhB,CAACf,EAAMS,YAAYO,GAAG,OAAQ,CAC5BC,WAAY,OAGd,gBAAiB,CACf,UAAW,CACTC,QAAS,KACTL,SAAU,WACVM,KAAM,IACNC,IAAK,MAELC,UAAW,QACXd,OAAQ,OACRe,MAAO,MACPC,gBAAiBvB,EAAMwB,QAAQC,QAAQC,WAGzC,4BAA6B,CAC3B,UAAW,CACTP,KAAM,UACNQ,MAAO,OAKb,kBAAmB,CACjB,wCAAyC,CACvCC,QAAS,WAKfC,gBAAiB,CACfvB,QAAS,IACTwB,UAAW,SACXtB,SAAU"}

package/cjs/materialui/table/tableContainer.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableContainer.theme.js","sources":["../../../../../src/materialui/table/tableContainer.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableContainer: Components<Theme>['MuiTableContainer'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      '&::-webkit-scrollbar:horizontal': {\n        borderBottomLeftRadius: '100px',\n        borderBottomRightRadius: '100px',\n        // 4px scrollbar height + 2x 24px margin\n        height: '52px',\n        borderTop: `1px solid ${theme.palette.surface.secondary}`,\n      },\n      '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n        borderWidth: '24px',\n      },\n      // connect with pagination\n      '&:has( + .MuiTablePagination-root)': {\n        borderBottomLeftRadius: '0',\n        borderBottomRightRadius: '0',\n      },\n      '& + .MuiTablePagination-root': {\n        borderTopLeftRadius: '0',\n        borderTopRightRadius: '0',\n        borderTop: '0',\n      },\n    }),\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","height","borderTop","borderWidth","borderTopLeftRadius","borderTopRightRadius"],"mappings":"wCAG0E,CACxEA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MACd,kCAAmC,CACjCC,uBAAwB,QACxBC,wBAAyB,QAEzBC,OAAQ,OACRC,UAAW,aAAaT,EAAME,QAAQC,QAAQC,aAEhD,+EAAgF,CAC9EM,YAAa,QAGf,qCAAsC,CACpCJ,uBAAwB,IACxBC,wBAAyB,KAE3B,+BAAgC,CAC9BI,oBAAqB,IACrBC,qBAAsB,IACtBH,UAAW"}
+{"version":3,"file":"tableContainer.theme.js","sources":["../../../../../src/materialui/table/tableContainer.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableContainer: Components<Theme>['MuiTableContainer'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      '&::-webkit-scrollbar:horizontal': {\n        borderBottomLeftRadius: '100px',\n        borderBottomRightRadius: '100px',\n        // 4px scrollbar height + 2x 24px margin\n        height: '52px',\n        borderTop: `1px solid ${theme.palette.surface.secondary}`,\n      },\n      '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n        borderWidth: '24px',\n      },\n      // connect with pagination\n      '&:has( + .MuiTablePagination-root)': {\n        borderBottomLeftRadius: '0',\n        borderBottomRightRadius: '0',\n      },\n      '& + .MuiTablePagination-root': {\n        borderTopLeftRadius: '0',\n        borderTopRightRadius: '0',\n        borderTop: '0',\n      },\n    }),\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","height","borderTop","borderWidth","borderTopLeftRadius","borderTopRightRadius"],"mappings":"wCAG0E,CACxEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MACd,kCAAmC,CACjCC,uBAAwB,QACxBC,wBAAyB,QAEzBC,OAAQ,OACRC,UAAW,aAAaT,EAAME,QAAQC,QAAQC,aAEhD,+EAAgF,CAC9EM,YAAa,QAGf,qCAAsC,CACpCJ,uBAAwB,IACxBC,wBAAyB,KAE3B,+BAAgC,CAC9BI,oBAAqB,IACrBC,qBAAsB,IACtBH,UAAW"}

package/cjs/materialui/table/tableHead.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHead.theme.js","sources":["../../../../../src/materialui/table/tableHead.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableHead: Components<Theme>['MuiTableHead'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      borderColor: 'inherit',\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"mCAGgE,CAC9DA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CACJC,YAAa"}
+{"version":3,"file":"tableHead.theme.js","sources":["../../../../../src/materialui/table/tableHead.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableHead: Components<Theme>['MuiTableHead'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      borderColor: 'inherit',\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"mCAGgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJC,YAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.theme.js","sources":["../../../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n  defaultProps: {\n    // not recommended properties, <Pagination /> component should be utilized instead\n    showFirstButton: false,\n    showLastButton: false,\n    // adjust label\n    //  we are obtaining max page from the available params\n    //    - first page, calculated from 'from' and 'to'\n    //    - other pages, calculated from 'from' - 1 and diving by current page\n    labelDisplayedRows: ({ from, to, count, page }) => (\n      <>\n        <Box component=\"strong\">{page + 1}</Box>\n        <Box component=\"span\" className=\"divider\">{` / `}</Box>\n        <Box component=\"span\">{Math.round(count / (page >= 1 ? (from - 1) / page : to - from + 1)) || 1}</Box>\n      </>\n    ),\n    // correct icons\n    slots: {\n      actions: {\n        // navigation arrows\n        previousButtonIcon: ArrowLeftIcon,\n        nextButtonIcon: ArrowRightIcon,\n        // first & last extra arrow (hidden by default)\n        firstButtonIcon: ChevronPreviousIcon,\n        lastButtonIcon: ChevronNextIcon,\n      },\n    },\n    slotProps: {\n      actions: {\n        previousButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-previous',\n        },\n        nextButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-next',\n        },\n        firstButton: {\n          size: 'medium',\n        },\n        lastButton: {\n          size: 'medium',\n        },\n      },\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // we are outside table\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      // part of <TableFooter /> and <TableRow />\n      '&td': {\n        border: 'none',\n        borderRadius: '0',\n      },\n    }),\n    // wrapper under root\n    toolbar: ({ theme }) => ({\n      position: 'relative',\n      justifyContent: 'center',\n      // mimic style from tableCell.theme\n      [theme.breakpoints.up('md')]: {\n        minHeight: '80px',\n        // right padding also affect position of displayedRows\n        padding: '4px 24px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // support multiple rows\n        flexWrap: 'wrap',\n        // adjust proportions\n        minHeight: '0',\n        padding: '8px 16px',\n      },\n    }),\n    // first element on left side\n    spacer: ({ theme }) => ({\n      // make sure to keep most of the space on the left\n      flexGrow: '1',\n      flexBasis: 'auto',\n      // in case text is provided\n      ...theme.typography.body,\n      // tiny responsive\n      [theme.breakpoints.down('sm')]: {\n        // take whole row\n        flexBasis: '100%',\n        textAlign: 'center',\n      },\n    }),\n    // 'row per page:' text\n    selectLabel: {\n      margin: '0',\n    },\n    // input field for amount of rows\n    input: ({ theme }) => ({\n      margin: '0',\n      padding: '0',\n      borderRadius: '4px',\n      ...theme.typography.body,\n      ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      '&& .MuiSelect-select': {\n        padding: '4px 26px 4px 4px',\n      },\n    }),\n    // label of current page, 1/10\n    displayedRows: ({ theme, ownerState }) => ({\n      // move into actions\n      position: 'absolute',\n      // IconButton size + padding\n      right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n      // this requires fixed size, also prevents jumping\n      width: '90px',\n      textAlign: 'center',\n      whiteSpace: 'nowrap',\n      // match size of IconButtons\n      height: '44px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      // proportions and style\n      margin: '0',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n      strong: {\n        color: theme.palette.text.primary,\n      },\n      '.divider': {\n        fontWeight: '400',\n        margin: '0 4px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to 2nd row (matches new padding from toolbar)\n        bottom: '8px',\n        // move to center\n        right: '0',\n        left: '0',\n        margin: '0 auto',\n      },\n    }),\n    // navigation arrows, < >\n    actions: ({ theme }) => ({\n      margin: '0',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      // make sure to keep most of the space on the right\n      flexGrow: '1',\n      '& .MuiTablePagination-actions-next': {\n        // extra space for displayedRows\n        marginLeft: '90px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to new row\n        flexBasis: '100%',\n        // center content\n        justifyContent: 'center',\n      },\n    }),\n  },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","Fragment","children","_jsx","Box","component","jsx","className","Math","round","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","Object","assign","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"qXAQa,MAAAA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAA,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,SAAUH,SAAAJ,EAAO,IAChCK,EAACG,IAAAF,MAAI,CAAAC,UAAU,OAAOE,UAAU,mBAAW,QAC3CJ,EAAAG,IAACF,EAAGA,IAAC,CAAAC,UAAU,OAAMH,SAAEM,KAAKC,MAAMZ,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIlGe,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EAAaA,cACjCC,eAAgBC,EAAcA,eAE9BC,gBAAiBC,EAAmBA,oBACpCC,eAAgBC,EAAeA,kBAGnCC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAa,CAEpBC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAa,CACvBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,WAAYgB,OAAAC,OAAAD,OAAAC,OAAA,CAErBC,SAAU,IACVC,UAAW,QAERnB,EAAMoB,WAAWC,MAAI,CAExB,CAACrB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BM,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGzB,WAAYgB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACpBO,OAAQ,IACRZ,QAAS,IACTP,aAAc,OACXL,EAAMoB,WAAWC,MACjBK,EAAAA,kBAAkB1B,GAAO,EAAO,MAAO,mBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5BiB,WAAY,OAEd,uBAAwB,CACtBf,QAAS,sBAIbgB,cAAe,EAAG5B,QAAO6B,iBAAkB,CAEzCtB,SAAU,WAEVuB,MAAsD,IAA3CD,EAAWhE,eAAiB,GAAS,IAAzC,KAEPkE,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZ3B,eAAgB,SAEhBgB,OAAQ,IACRY,MAA8B,SAAvBpC,EAAME,QAAQmC,KAAkBrC,EAAME,QAAQoC,UAAUC,MAAQvC,EAAME,QAAQoC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOpC,EAAME,QAAQwC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACxB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B+B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZzC,QAAS,EAAGiB,YAAa,CACvBwB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZ3B,eAAgB,WAEhBU,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC9C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BM,UAAW,OAEXX,eAAgB"}
+{"version":3,"file":"tablePagination.theme.js","sources":["../../../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n  defaultProps: {\n    // not recommended properties, <Pagination /> component should be utilized instead\n    showFirstButton: false,\n    showLastButton: false,\n    // adjust label\n    //  we are obtaining max page from the available params\n    //    - first page, calculated from 'from' and 'to'\n    //    - other pages, calculated from 'from' - 1 and diving by current page\n    labelDisplayedRows: ({ from, to, count, page }) => (\n      <>\n        <Box component=\"strong\">{page + 1}</Box>\n        <Box component=\"span\" className=\"divider\">{` / `}</Box>\n        <Box component=\"span\">{Math.round(count / (page >= 1 ? (from - 1) / page : to - from + 1)) || 1}</Box>\n      </>\n    ),\n    // correct icons\n    slots: {\n      actions: {\n        // navigation arrows\n        previousButtonIcon: ArrowLeftIcon,\n        nextButtonIcon: ArrowRightIcon,\n        // first & last extra arrow (hidden by default)\n        firstButtonIcon: ChevronPreviousIcon,\n        lastButtonIcon: ChevronNextIcon,\n      },\n    },\n    slotProps: {\n      actions: {\n        previousButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-previous',\n        },\n        nextButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-next',\n        },\n        firstButton: {\n          size: 'medium',\n        },\n        lastButton: {\n          size: 'medium',\n        },\n      },\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // we are outside table\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      // part of <TableFooter /> and <TableRow />\n      '&td': {\n        border: 'none',\n        borderRadius: '0',\n      },\n    }),\n    // wrapper under root\n    toolbar: ({ theme }) => ({\n      position: 'relative',\n      justifyContent: 'center',\n      // mimic style from tableCell.theme\n      [theme.breakpoints.up('md')]: {\n        minHeight: '80px',\n        // right padding also affect position of displayedRows\n        padding: '4px 24px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // support multiple rows\n        flexWrap: 'wrap',\n        // adjust proportions\n        minHeight: '0',\n        padding: '8px 16px',\n      },\n    }),\n    // first element on left side\n    spacer: ({ theme }) => ({\n      // make sure to keep most of the space on the left\n      flexGrow: '1',\n      flexBasis: 'auto',\n      // in case text is provided\n      ...theme.typography.body,\n      // tiny responsive\n      [theme.breakpoints.down('sm')]: {\n        // take whole row\n        flexBasis: '100%',\n        textAlign: 'center',\n      },\n    }),\n    // 'row per page:' text\n    selectLabel: {\n      margin: '0',\n    },\n    // input field for amount of rows\n    input: ({ theme }) => ({\n      margin: '0',\n      padding: '0',\n      borderRadius: '4px',\n      ...theme.typography.body,\n      ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      '&& .MuiSelect-select': {\n        padding: '4px 26px 4px 4px',\n      },\n    }),\n    // label of current page, 1/10\n    displayedRows: ({ theme, ownerState }) => ({\n      // move into actions\n      position: 'absolute',\n      // IconButton size + padding\n      right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n      // this requires fixed size, also prevents jumping\n      width: '90px',\n      textAlign: 'center',\n      whiteSpace: 'nowrap',\n      // match size of IconButtons\n      height: '44px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      // proportions and style\n      margin: '0',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n      strong: {\n        color: theme.palette.text.primary,\n      },\n      '.divider': {\n        fontWeight: '400',\n        margin: '0 4px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to 2nd row (matches new padding from toolbar)\n        bottom: '8px',\n        // move to center\n        right: '0',\n        left: '0',\n        margin: '0 auto',\n      },\n    }),\n    // navigation arrows, < >\n    actions: ({ theme }) => ({\n      margin: '0',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      // make sure to keep most of the space on the right\n      flexGrow: '1',\n      '& .MuiTablePagination-actions-next': {\n        // extra space for displayedRows\n        marginLeft: '90px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to new row\n        flexBasis: '100%',\n        // center content\n        justifyContent: 'center',\n      },\n    }),\n  },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","round","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","Object","assign","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"qXAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAAAA,IAACC,MAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,MAAMV,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIlGa,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EAAAA,cACpBC,eAAgBC,EAAAA,eAEhBC,gBAAiBC,EAAAA,oBACjBC,eAAgBC,EAAAA,kBAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,WAAYgB,OAAAC,OAAAD,OAAAC,OAAA,CAErBC,SAAU,IACVC,UAAW,QAERnB,EAAMoB,WAAWC,MAAI,CAExB,CAACrB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BM,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGzB,WAAYgB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACpBO,OAAQ,IACRZ,QAAS,IACTP,aAAc,OACXL,EAAMoB,WAAWC,MACjBK,EAAAA,kBAAkB1B,GAAO,EAAO,MAAO,mBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5BiB,WAAY,OAEd,uBAAwB,CACtBf,QAAS,sBAIbgB,cAAe,EAAG5B,QAAO6B,iBAAY,CAEnCtB,SAAU,WAEVuB,MAAsD,IAA3CD,EAAW9D,eAAiB,GAAS,IAAzC,KAEPgE,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZ3B,eAAgB,SAEhBgB,OAAQ,IACRY,MAA8B,SAAvBpC,EAAME,QAAQmC,KAAkBrC,EAAME,QAAQoC,UAAUC,MAAQvC,EAAME,QAAQoC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOpC,EAAME,QAAQwC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACxB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B+B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZzC,QAAS,EAAGiB,YAAO,CACjBwB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZ3B,eAAgB,WAEhBU,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC9C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BM,UAAW,OAEXX,eAAgB"}

package/cjs/materialui/table/tableRow.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableRow.theme.js","sources":["../../../../../src/materialui/table/tableRow.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableRow: Components<Theme>['MuiTableRow'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      borderColor: 'inherit',\n      // works as link\n      ...(!!ownerState?.onClick && {\n        cursor: 'pointer',\n      }),\n      // selected styl\n      '&.Mui-selected': {\n        backgroundColor: theme.palette.surface.primary,\n      },\n      // hover\n      '&.MuiTableRow-hover': {\n        '&:hover': {\n          backgroundColor: theme.palette.surface.primary,\n        },\n        '&.Mui-selected:hover': {\n          backgroundColor: theme.palette.surface.primary,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowTableRow","defaultProps","styleOverrides","root","theme","ownerState","Object","assign","borderColor","onClick","cursor","backgroundColor","palette","surface","primary"],"mappings":"aAGa,MAAAA,EAAiD,CAC5DC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,YAAa,cAEPH,aAAU,EAAVA,EAAYI,UAAW,CAC3BC,OAAQ,YACR,CAEF,iBAAkB,CAChBC,gBAAiBP,EAAMQ,QAAQC,QAAQC,SAGzC,sBAAuB,CACrB,UAAW,CACTH,gBAAiBP,EAAMQ,QAAQC,QAAQC,SAEzC,uBAAwB,CACtBH,gBAAiBP,EAAMQ,QAAQC,QAAQC"}
+{"version":3,"file":"tableRow.theme.js","sources":["../../../../../src/materialui/table/tableRow.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableRow: Components<Theme>['MuiTableRow'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      borderColor: 'inherit',\n      // works as link\n      ...(!!ownerState?.onClick && {\n        cursor: 'pointer',\n      }),\n      // selected styl\n      '&.Mui-selected': {\n        backgroundColor: theme.palette.surface.primary,\n      },\n      // hover\n      '&.MuiTableRow-hover': {\n        '&:hover': {\n          backgroundColor: theme.palette.surface.primary,\n        },\n        '&.Mui-selected:hover': {\n          backgroundColor: theme.palette.surface.primary,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowTableRow","defaultProps","styleOverrides","root","theme","ownerState","Object","assign","borderColor","onClick","cursor","backgroundColor","palette","surface","primary"],"mappings":"aAGO,MAAMA,EAAiD,CAC5DC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,YAAa,cAEPH,aAAU,EAAVA,EAAYI,UAAW,CAC3BC,OAAQ,YACR,CAEF,iBAAkB,CAChBC,gBAAiBP,EAAMQ,QAAQC,QAAQC,SAGzC,sBAAuB,CACrB,UAAW,CACTH,gBAAiBP,EAAMQ,QAAQC,QAAQC,SAEzC,uBAAwB,CACtBH,gBAAiBP,EAAMQ,QAAQC,QAAQC"}

package/cjs/materialui/table/tableSortLabel.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortLabel.theme.js","sources":["../../../../../src/materialui/table/tableSortLabel.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { TableSortLabelIcon } from '@/src/materialui/table/TableSortLabelIcon';\n\nexport const flowTableSortLabel: Components<Theme>['MuiTableSortLabel'] = {\n  defaultProps: {\n    // prevent selection, we select IconButton instead\n    tabIndex: -1,\n    IconComponent: TableSortLabelIcon,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // default styling for both active and inactive\n      '&, &.Mui-active': {\n        // icon button\n        '.MuiTableSortLabel-icon': {\n          color: theme.palette.onSurface.os600,\n        },\n        // hover of whole label and focus of icon button\n        '&:hover .MuiTableSortLabel-icon, .MuiTableSortLabel-icon.Mui-focusVisible': {\n          color: theme.palette.text.primary,\n        },\n      },\n      // hover of whole label\n      '&:hover': {\n        // remove default @mui recolor of label\n        color: 'inherit',\n        // icon button\n        '.MuiTableSortLabel-icon': {\n          // remove default @mui opacity change on hover\n          opacity: '1',\n          // hide regular icon\n          '& .FlowTableSortLabel-icon': {\n            opacity: '0',\n          },\n          // show filled selected icon\n          '& .FlowTableSortLabel-filledIcon': {\n            opacity: '1',\n          },\n        },\n      },\n      // hover of whole label and focus of icon button\n      '&:hover .MuiTableSortLabel-icon, .MuiTableSortLabel-icon.Mui-focusVisible': {\n        // hide regular icon\n        '& .FlowTableSortLabel-icon': {\n          opacity: '0',\n        },\n        // show filled selected icon\n        '& .FlowTableSortLabel-filledIcon': {\n          opacity: '1',\n        },\n      },\n      // active state\n      '&.Mui-active': {\n        // flip filled/regular icons\n        '.MuiTableSortLabel-icon': {\n          '& .FlowTableSortLabel-icon': {\n            opacity: '0',\n          },\n          '& .FlowTableSortLabel-filledIcon': {\n            opacity: '1',\n          },\n        },\n        // hover of whole label and focus of icon button\n        '&:hover .MuiTableSortLabel-icon, & .MuiTableSortLabel-icon.Mui-focusVisible': {\n          '& .FlowTableSortLabel-icon': {\n            opacity: '1',\n          },\n          '& .FlowTableSortLabel-filledIcon': {\n            opacity: '0',\n          },\n        },\n      },\n    }),\n    // ButtonBase in custom TableSortIcon\n    icon: {\n      // remove default @mui opacity change, keep always visible\n      opacity: '1',\n      // increase space between label and button\n      margin: '0 8px',\n    },\n  },\n};\n"],"names":["flowTableSortLabel","defaultProps","tabIndex","IconComponent","TableSortLabelIcon","styleOverrides","root","theme","color","palette","onSurface","os600","text","primary","opacity","icon","margin"],"mappings":"aAIa,MAAAA,EAA6D,CACxEC,aAAc,CAEZC,UAAY,EACZC,iDAAiCC,oBAEnCC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CAEpB,kBAAmB,CAEjB,0BAA2B,CACzBC,MAAOD,EAAME,QAAQC,UAAUC,OAGjC,4EAA6E,CAC3EH,MAAOD,EAAME,QAAQG,KAAKC,UAI9B,UAAW,CAETL,MAAO,UAEP,0BAA2B,CAEzBM,QAAS,IAET,6BAA8B,CAC5BA,QAAS,KAGX,mCAAoC,CAClCA,QAAS,OAKf,4EAA6E,CAE3E,6BAA8B,CAC5BA,QAAS,KAGX,mCAAoC,CAClCA,QAAS,MAIb,eAAgB,CAEd,0BAA2B,CACzB,6BAA8B,CAC5BA,QAAS,KAEX,mCAAoC,CAClCA,QAAS,MAIb,8EAA+E,CAC7E,6BAA8B,CAC5BA,QAAS,KAEX,mCAAoC,CAClCA,QAAS,SAMjBC,KAAM,CAEJD,QAAS,IAETE,OAAQ"}
+{"version":3,"file":"tableSortLabel.theme.js","sources":["../../../../../src/materialui/table/tableSortLabel.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { TableSortLabelIcon } from '@/src/materialui/table/TableSortLabelIcon';\n\nexport const flowTableSortLabel: Components<Theme>['MuiTableSortLabel'] = {\n  defaultProps: {\n    // prevent selection, we select IconButton instead\n    tabIndex: -1,\n    IconComponent: TableSortLabelIcon,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // default styling for both active and inactive\n      '&, &.Mui-active': {\n        // icon button\n        '.MuiTableSortLabel-icon': {\n          color: theme.palette.onSurface.os600,\n        },\n        // hover of whole label and focus of icon button\n        '&:hover .MuiTableSortLabel-icon, .MuiTableSortLabel-icon.Mui-focusVisible': {\n          color: theme.palette.text.primary,\n        },\n      },\n      // hover of whole label\n      '&:hover': {\n        // remove default @mui recolor of label\n        color: 'inherit',\n        // icon button\n        '.MuiTableSortLabel-icon': {\n          // remove default @mui opacity change on hover\n          opacity: '1',\n          // hide regular icon\n          '& .FlowTableSortLabel-icon': {\n            opacity: '0',\n          },\n          // show filled selected icon\n          '& .FlowTableSortLabel-filledIcon': {\n            opacity: '1',\n          },\n        },\n      },\n      // hover of whole label and focus of icon button\n      '&:hover .MuiTableSortLabel-icon, .MuiTableSortLabel-icon.Mui-focusVisible': {\n        // hide regular icon\n        '& .FlowTableSortLabel-icon': {\n          opacity: '0',\n        },\n        // show filled selected icon\n        '& .FlowTableSortLabel-filledIcon': {\n          opacity: '1',\n        },\n      },\n      // active state\n      '&.Mui-active': {\n        // flip filled/regular icons\n        '.MuiTableSortLabel-icon': {\n          '& .FlowTableSortLabel-icon': {\n            opacity: '0',\n          },\n          '& .FlowTableSortLabel-filledIcon': {\n            opacity: '1',\n          },\n        },\n        // hover of whole label and focus of icon button\n        '&:hover .MuiTableSortLabel-icon, & .MuiTableSortLabel-icon.Mui-focusVisible': {\n          '& .FlowTableSortLabel-icon': {\n            opacity: '1',\n          },\n          '& .FlowTableSortLabel-filledIcon': {\n            opacity: '0',\n          },\n        },\n      },\n    }),\n    // ButtonBase in custom TableSortIcon\n    icon: {\n      // remove default @mui opacity change, keep always visible\n      opacity: '1',\n      // increase space between label and button\n      margin: '0 8px',\n    },\n  },\n};\n"],"names":["flowTableSortLabel","defaultProps","tabIndex","IconComponent","TableSortLabelIcon","styleOverrides","root","theme","color","palette","onSurface","os600","text","primary","opacity","icon","margin"],"mappings":"aAIO,MAAMA,EAA6D,CACxEC,aAAc,CAEZC,UAAU,EACVC,iDAAeC,oBAEjBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,kBAAmB,CAEjB,0BAA2B,CACzBC,MAAOD,EAAME,QAAQC,UAAUC,OAGjC,4EAA6E,CAC3EH,MAAOD,EAAME,QAAQG,KAAKC,UAI9B,UAAW,CAETL,MAAO,UAEP,0BAA2B,CAEzBM,QAAS,IAET,6BAA8B,CAC5BA,QAAS,KAGX,mCAAoC,CAClCA,QAAS,OAKf,4EAA6E,CAE3E,6BAA8B,CAC5BA,QAAS,KAGX,mCAAoC,CAClCA,QAAS,MAIb,eAAgB,CAEd,0BAA2B,CACzB,6BAA8B,CAC5BA,QAAS,KAEX,mCAAoC,CAClCA,QAAS,MAIb,8EAA+E,CAC7E,6BAA8B,CAC5BA,QAAS,KAEX,mCAAoC,CAClCA,QAAS,SAMjBC,KAAM,CAEJD,QAAS,IAETE,OAAQ"}

package/cjs/materialui/tabs/Tab.d.ts

@@ -3,6 +3,6 @@ import { ButtonBaseProps } from '@mui/material';
 /**
  * Component used to render Tab, contains duplication of label to change font-weight without changing width
  */
-export declare const FlowTab: React.FC<ButtonBaseProps & {
+export declare const TabComponent: React.FC<ButtonBaseProps & {
     link?: boolean;
 }>;

package/cjs/materialui/tabs/Tab.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material");const t=s.forwardRef(((t,n)=>{var r,{children:l,link:o=!1}=t,c=e.__rest(t,["children","link"]);const b=s.useMemo((()=>({display:"inherit",alignItems:"inherit",justifyContent:"inherit",flexDirection:"inherit",gap:"inherit"})),[]);return i.jsx(a.ButtonBase,Object.assign({ref:n,"aria-label":"navigation"},o&&{component:"a"},c,{tabIndex:(null===(r=c.className)||void 0===r?void 0:r.includes("Mui-disabled"))?-1:0,children:i.jsxs(a.Box,{className:"FlowTab-labelWrapper",sx:Object.assign(Object.assign({},b),{position:"relative"}),children:[i.jsx(a.Box,{className:"FlowTab-label",sx:Object.assign(Object.assign({},b),{position:"absolute"}),children:l}),i.jsx(a.Box,{className:"FlowTab-selectedLabel",sx:Object.assign(Object.assign({},b),{fontWeight:"700",opacity:"0",position:"relative"}),"aria-hidden":"true",children:l})]})}))}));exports.FlowTab=t;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material");const t=s.forwardRef((t,n)=>{var r,{children:l,link:o=!1}=t,c=e.__rest(t,["children","link"]);const b=s.useMemo(()=>({display:"inherit",alignItems:"inherit",justifyContent:"inherit",flexDirection:"inherit",gap:"inherit"}),[]);return i.jsx(a.ButtonBase,Object.assign({ref:n,"aria-label":"navigation"},o&&{component:"a"},c,{tabIndex:(null===(r=c.className)||void 0===r?void 0:r.includes("Mui-disabled"))?-1:0,children:i.jsxs(a.Box,{className:"FlowTab-labelWrapper",sx:Object.assign(Object.assign({},b),{position:"relative"}),children:[i.jsx(a.Box,{className:"FlowTab-label",sx:Object.assign(Object.assign({},b),{position:"absolute"}),children:l}),i.jsx(a.Box,{className:"FlowTab-selectedLabel",sx:Object.assign(Object.assign({},b),{fontWeight:"700",opacity:"0",position:"relative"}),"aria-hidden":"true",children:l})]})}))});exports.TabComponent=t;
 //# sourceMappingURL=Tab.js.map

package/cjs/materialui/tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/**\n * Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const FlowTab: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n  ({ children, link = false, ...rest }, ref) => {\n    // shared style between label and selectedLabel\n    const sharedLabelSx = useMemo(\n      () => ({\n        display: 'inherit',\n        alignItems: 'inherit',\n        justifyContent: 'inherit',\n        flexDirection: 'inherit',\n        gap: 'inherit',\n      }),\n      [],\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        aria-label=\"navigation\"\n        {...(link && { component: 'a' })}\n        {...rest}\n        tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n      >\n        <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n          <Box\n            className=\"FlowTab-label\"\n            sx={{\n              ...sharedLabelSx,\n              position: 'absolute',\n              // expands from center, can be changed to expand from left/right with left: 0;\n            }}\n          >\n            {children}\n          </Box>\n          <Box\n            className=\"FlowTab-selectedLabel\"\n            sx={{\n              ...sharedLabelSx,\n              fontWeight: '700',\n              // hidden by default, appears once Tab is selected (tab.theme)\n              opacity: '0',\n              position: 'relative',\n            }}\n            aria-hidden=\"true\"\n          >\n            {children}\n          </Box>\n        </Box>\n      </ButtonBase>\n    );\n  },\n);\n"],"names":["FlowTab","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","jsx","ButtonBase","component","tabIndex","_b","className","includes","_jsxs","jsxs","Box","sx","Object","assign","position","fontWeight","opacity"],"mappings":"iHAMa,MAAAA,EAA0DC,EAAUA,YAC/E,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,WAAA,SAEC,MAAMM,EAAgBC,EAAAA,SACpB,KAAO,CACLC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,aAEP,IAGF,OACEC,EAACC,IAAAC,EAAUA,0BACTd,IAAKA,EACM,aAAA,cACNE,GAAQ,CAAEa,UAAW,KACtBZ,GACJa,UAAwB,QAAdC,EAAAd,EAAKe,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,oBAAuB,EAE1DlB,SAAAmB,EAAAC,KAACC,EAAGA,IAAA,CAACJ,UAAU,uBAAuBK,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOpB,GAAe,CAAAqB,SAAU,aAAUzB,SAAA,CAChFW,EAAAA,IAACU,EAAGA,IAAA,CACFJ,UAAU,gBACVK,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,GACGpB,GACH,CAAAqB,SAAU,aAAUzB,SAIrBA,IAEHW,MAACU,EAAAA,IAAG,CACFJ,UAAU,wBACVK,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGpB,GACH,CAAAsB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMzB,SAEjBA,SAGM"}
+{"version":3,"file":"Tab.js","sources":["../../../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/**\n * Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const TabComponent: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n  ({ children, link = false, ...rest }, ref) => {\n    // shared style between label and selectedLabel\n    const sharedLabelSx = useMemo(\n      () => ({\n        display: 'inherit',\n        alignItems: 'inherit',\n        justifyContent: 'inherit',\n        flexDirection: 'inherit',\n        gap: 'inherit',\n      }),\n      [],\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        aria-label=\"navigation\"\n        {...(link && { component: 'a' })}\n        {...rest}\n        tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n      >\n        <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n          <Box\n            className=\"FlowTab-label\"\n            sx={{\n              ...sharedLabelSx,\n              position: 'absolute',\n              // expands from center, can be changed to expand from left/right with left: 0;\n            }}\n          >\n            {children}\n          </Box>\n          <Box\n            className=\"FlowTab-selectedLabel\"\n            sx={{\n              ...sharedLabelSx,\n              fontWeight: '700',\n              // hidden by default, appears once Tab is selected (tab.theme)\n              opacity: '0',\n              position: 'relative',\n            }}\n            aria-hidden=\"true\"\n          >\n            {children}\n          </Box>\n        </Box>\n      </ButtonBase>\n    );\n  },\n);\n"],"names":["TabComponent","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","_b","className","includes","_jsxs","Box","sx","Object","assign","position","fontWeight","opacity"],"mappings":"iHAMO,MAAMA,EAA+DC,EAAAA,WAC1E,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAAIC,EAAAA,OAAAL,EAAjC,CAAA,WAAA,SAEC,MAAMM,EAAgBC,EAAAA,QACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,YAEP,IAGF,OACEC,EAAAA,IAACC,EAAAA,0BACCb,IAAKA,EAAG,aACG,cACNE,GAAQ,CAAEY,UAAW,KACtBX,GACJY,UAAwB,QAAdC,EAAAb,EAAKc,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,oBAAuB,EAACjB,SAE3DkB,EAAAA,KAACC,EAAAA,IAAG,CAACH,UAAU,uBAAuBI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOlB,GAAa,CAAEmB,SAAU,aAAUvB,SAAA,CAChFW,EAAAA,IAACQ,EAAAA,IAAG,CACFH,UAAU,gBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,GACGlB,GAAa,CAChBmB,SAAU,aAAUvB,SAIrBA,IAEHW,MAACQ,EAAAA,IAAG,CACFH,UAAU,wBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGlB,GAAa,CAChBoB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMvB,SAEjBA"}

package/cjs/materialui/tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../../../../src/materialui/tabs/TabPanel.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface TabPanelProps extends BoxProps<ElementType> {\n  /**\n   *  currently selected tab\n   */\n  value?: number | string;\n  /**\n   *  index of the tab panel, when equals to value, content is shown\n   */\n  index?: number | string;\n}\n\n/**\n * Show or hide content based on the provided value and index\n */\nexport function TabPanel({ children, value, index, ...rest }: TabPanelProps) {\n  return (\n    <Box role=\"tabpanel\" data-testid={`TabPanel-${index}`} aria-hidden={value !== index} {...rest}>\n      {value === index && children}\n    </Box>\n  );\n}\n"],"names":["_a","children","value","index","rest","__rest","_jsx","jsx","Box","Object","assign","role"],"mappings":"+GAiBM,SAAmBA,OAAAC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,KAAUC,EAA7BC,EAAAA,OAAAL,EAAA,CAAA,WAAA,QAAA,UACvB,OACEM,EAACC,IAAAC,MAAIC,OAAAC,OAAA,CAAAC,KAAK,WAAU,cAAc,YAAYR,IAAO,cAAeD,IAAUC,GAAWC,EACtF,CAAAH,SAAAC,IAAUC,GAASF,IAG1B"}
+{"version":3,"file":"TabPanel.js","sources":["../../../../../src/materialui/tabs/TabPanel.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface TabPanelProps extends BoxProps<ElementType> {\n  /**\n   *  currently selected tab\n   */\n  value?: number | string;\n  /**\n   *  index of the tab panel, when equals to value, content is shown\n   */\n  index?: number | string;\n}\n\n/**\n * Show or hide content based on the provided value and index\n */\nexport function TabPanel({ children, value, index, ...rest }: TabPanelProps) {\n  return (\n    <Box role=\"tabpanel\" data-testid={`TabPanel-${index}`} aria-hidden={value !== index} {...rest}>\n      {value === index && children}\n    </Box>\n  );\n}\n"],"names":["_a","children","value","index","rest","__rest","_jsx","Box","Object","assign","role"],"mappings":"+GAiBM,SAAmBA,OAAAC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,KAAUC,EAAIC,EAAAA,OAAAL,EAAjC,CAAA,WAAA,QAAA,UACvB,OACEM,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CAACC,KAAK,WAAU,cAAc,YAAYP,IAAO,cAAeD,IAAUC,GAAWC,EAAI,CAAAH,SAC1FC,IAAUC,GAASF,IAG1B"}

package/cjs/materialui/tabs/{ScrollButton.d.ts → TabsScrollButton.d.ts}

@@ -1,7 +1,7 @@
 /**
  * This component renders a scroll button that changes based on the scroll direction
  */
-export declare const FlowScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
+export declare const TabsScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
     [x: string]: any;
     direction: any;
     slots: any;

package/cjs/materialui/tabs/{ScrollButton.js → TabsScrollButton.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronLeftIcon.js"),s=require("../../components/icon/stroke/ChevronRightIcon.js");exports.FlowScrollButton=n=>{var{direction:i,slots:l,slotProps:c,ownerState:a}=n,u=e.__rest(n,["direction","slots","slotProps","ownerState"]);return r.jsx(t.IconButton,Object.assign({"aria-label":"left"===i?"Scroll left":"Scroll right",size:"small",sx:{m:"4px"}},u,{children:"left"===i?r.jsx(o.ChevronLeftIcon,{}):r.jsx(s.ChevronRightIcon,{})}))};
-//# sourceMappingURL=ScrollButton.js.map
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronLeftIcon.js"),s=require("../../components/icon/stroke/ChevronRightIcon.js");exports.TabsScrollButton=n=>{var{direction:i,slots:l,slotProps:c,ownerState:a}=n,u=e.__rest(n,["direction","slots","slotProps","ownerState"]);return r.jsx(t.IconButton,Object.assign({"aria-label":"left"===i?"Scroll left":"Scroll right",size:"small",sx:{m:"4px"}},u,{children:"left"===i?r.jsx(o.ChevronLeftIcon,{}):r.jsx(s.ChevronRightIcon,{})}))};
+//# sourceMappingURL=TabsScrollButton.js.map

package/cjs/materialui/tabs/TabsScrollButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsScrollButton.js","sources":["../../../../../src/materialui/tabs/TabsScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/**\n * This component renders a scroll button that changes based on the scroll direction\n */\nexport const TabsScrollButton = ({ direction, slots, slotProps, ownerState, ...rest }) => {\n  return (\n    <IconButton\n      aria-label={direction === 'left' ? 'Scroll left' : 'Scroll right'}\n      size=\"small\"\n      sx={{ m: '4px' }}\n      {...rest}\n    >\n      {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n    </IconButton>\n  );\n};\n"],"names":["_a","direction","slots","slotProps","ownerState","rest","__rest","_jsx","IconButton","Object","assign","size","sx","m","ChevronLeftIcon","ChevronRightIcon"],"mappings":"kPAOiCA,IAAA,IAAAC,UAAEA,EAASC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,GAAUJ,EAAKK,EAAIC,EAAAA,OAAAN,EAAlD,CAAA,YAAA,QAAA,YAAA,eAC/B,OACEO,EAAAA,IAACC,EAAAA,WAAUC,OAAAC,OAAA,CAAA,aACiB,SAAdT,EAAuB,cAAgB,eACnDU,KAAK,QACLC,GAAI,CAAEC,EAAG,QACLR,YAEW,SAAdJ,EAAuBM,EAAAA,IAACO,EAAAA,gBAAe,CAAA,GAAMP,EAAAA,IAACQ,EAAAA,iBAAgB,CAAA"}

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

@@ -2,4 +2,4 @@ export { Tab, Tabs } from '@mui/material';
 export type { TabProps, TabsProps } from '@mui/material';
 export * from './TabPanel';
 export * from './Tab';
-export * from './ScrollButton';
+export * from './TabsScrollButton';

package/cjs/materialui/tabs/tab.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("./Tab.js"),i=require("../../components/focusring/focusring.js");const o={defaultProps:{disableRipple:!0,iconPosition:"start",component:t.FlowTab,LinkComponent:i=>e.jsx(t.FlowTab,Object.assign({link:!0},i))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"8px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 10px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),i.getFocusRingStyle(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};exports.flowTab=o;
+"use strict";var e=require("react/jsx-runtime"),t=require("./Tab.js"),i=require("../../components/focusring/focusring.js");const o={defaultProps:{disableRipple:!0,iconPosition:"start",component:t.TabComponent,LinkComponent:i=>e.jsx(t.TabComponent,Object.assign({link:!0},i))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"8px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 10px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),i.getFocusRingStyle(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};exports.flowTab=o;
 //# sourceMappingURL=tab.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab.theme.js","sources":["../../../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowTab } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n  defaultProps: {\n    disableRipple: true,\n    iconPosition: 'start',\n    // duplicate labels so we can change font-weight without increasing width\n    component: FlowTab,\n    LinkComponent: (props) => <FlowTab link {...props} />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      overflow: 'visible',\n      // proportions\n      padding: '8px 8px',\n      minHeight: '0',\n      minWidth: '0',\n      // space between label and icon\n      gap: '8px',\n      // make sure there is space for focused boxShadow\n      margin: '2px 2px 10px',\n      // style\n      borderRadius: '4px',\n      // custom font style according to design\n      fontSize: '20px',\n      textTransform: 'none',\n      fontWeight: '400',\n      // colors and effects\n      color: theme.palette.text.primary,\n      '&:hover, &.Mui-focusVisible': {\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // icon in tab\n      ...(ownerState.icon && {\n        // prevent icon from jumping between switching font weights\n        ...(ownerState.iconPosition === 'start' && {\n          // expand from left\n          '& .FlowTab-label': {\n            left: '0',\n          },\n        }),\n        ...(ownerState.iconPosition === 'end' && {\n          // expand from right\n          '& .FlowTab-label': {\n            right: '0',\n          },\n        }),\n      }),\n      // active\n      '&.Mui-selected': {\n        color: theme.palette.text.primary,\n        fontWeight: '700',\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // disabled\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n      // focused style\n      ...getFocusRingStyle(theme, false, '2px'),\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        fontSize: '16px',\n        marginBottom: '10px',\n      },\n    }),\n  },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","FlowTab","LinkComponent","props","_jsx","jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","text","primary","display","opacity","icon","left","right","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"2HAIa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EAAOA,QAClBC,cAAgBC,GAAUC,EAACC,IAAAJ,UAAQK,OAAAC,OAAA,CAAAC,MAAS,GAAAL,KAE9CM,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1B,8BAA+B,CAE7B,mBAAoB,CAClBC,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,OAITjB,EAAWkB,MAAIxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWb,cAA4B,CAEzC,mBAAoB,CAClBgC,KAAM,OAGsB,QAA5BnB,EAAWb,cAA0B,CAEvC,mBAAoB,CAClBiC,MAAO,QAGX,CAEF,iBAAkB,CAChBR,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BJ,WAAY,MAEZ,mBAAoB,CAClBK,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBL,MAAOb,EAAMc,QAAQQ,SAASC,YAG7BC,EAAAA,kBAAkBxB,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAMyB,YAAYC,KAAK,OAAQ,CAC9BhB,SAAU,OACViB,aAAc"}
+{"version":3,"file":"tab.theme.js","sources":["../../../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabComponent } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n  defaultProps: {\n    disableRipple: true,\n    iconPosition: 'start',\n    // duplicate labels so we can change font-weight without increasing width\n    component: TabComponent,\n    LinkComponent: (props) => <TabComponent link {...props} />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      overflow: 'visible',\n      // proportions\n      padding: '8px 8px',\n      minHeight: '0',\n      minWidth: '0',\n      // space between label and icon\n      gap: '8px',\n      // make sure there is space for focused boxShadow\n      margin: '2px 2px 10px',\n      // style\n      borderRadius: '4px',\n      // custom font style according to design\n      fontSize: '20px',\n      textTransform: 'none',\n      fontWeight: '400',\n      // colors and effects\n      color: theme.palette.text.primary,\n      '&:hover, &.Mui-focusVisible': {\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // icon in tab\n      ...(ownerState.icon && {\n        // prevent icon from jumping between switching font weights\n        ...(ownerState.iconPosition === 'start' && {\n          // expand from left\n          '& .FlowTab-label': {\n            left: '0',\n          },\n        }),\n        ...(ownerState.iconPosition === 'end' && {\n          // expand from right\n          '& .FlowTab-label': {\n            right: '0',\n          },\n        }),\n      }),\n      // active\n      '&.Mui-selected': {\n        color: theme.palette.text.primary,\n        fontWeight: '700',\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // disabled\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n      // focused style\n      ...getFocusRingStyle(theme, false, '2px'),\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        fontSize: '16px',\n        marginBottom: '10px',\n      },\n    }),\n  },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","TabComponent","LinkComponent","props","_jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","text","primary","display","opacity","icon","left","right","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"2HAIO,MAAMA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EAAAA,aACXC,cAAgBC,GAAUC,EAAAA,IAACH,eAAYI,OAAAC,OAAA,CAACC,MAAI,GAAKJ,KAEnDK,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1B,8BAA+B,CAE7B,mBAAoB,CAClBC,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,OAITjB,EAAWkB,MAAIxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWZ,cAA4B,CAEzC,mBAAoB,CAClB+B,KAAM,OAGsB,QAA5BnB,EAAWZ,cAA0B,CAEvC,mBAAoB,CAClBgC,MAAO,QAGX,CAEF,iBAAkB,CAChBR,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BJ,WAAY,MAEZ,mBAAoB,CAClBK,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBL,MAAOb,EAAMc,QAAQQ,SAASC,YAG7BC,EAAAA,kBAAkBxB,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAMyB,YAAYC,KAAK,OAAQ,CAC9BhB,SAAU,OACViB,aAAc"}

package/cjs/materialui/tabs/tabs.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./ScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js");const a={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.FlowScrollButton}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({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":Object.assign(Object.assign({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":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t.updateFocusRingStyle("0px",!1)),r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},r.getInteractiveStyle({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":Object.assign({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:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",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}})})}]};exports.flowTabs=a;
+"use strict";var e=require("./TabsScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js");const a={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.TabsScrollButton}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign(Object.assign({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})=>Object.assign(Object.assign({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":Object.assign(Object.assign({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":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t.updateFocusRingStyle("0px",!1)),r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},r.getInteractiveStyle({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":Object.assign({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:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",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}})})}]};exports.flowTabs=a;
 //# sourceMappingURL=tabs.theme.js.map