@skodaflow/web-library 7.15.1 → 7.16.0

package/cjs/materialui/stepper/StepLabelIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n  root: 'FlowStepIcon-root',\n  active: 'FlowStepIcon-active',\n  completed: 'FlowStepIcon-completed',\n  error: 'FlowStepIcon-error',\n  disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n  const { disabled } = ownerState ?? {};\n  // obtain icon based on the state\n  const IconComponent = useMemo(() => {\n    if (error) {\n      return CloseIcon;\n    } else if (completed && !active) {\n      return CheckIcon;\n    } else {\n      return null;\n    }\n  }, [error, completed, active]);\n\n  return (\n    <FlowStepIconRoot\n      className={[\n        flowStepIconClasses.root,\n        active && flowStepIconClasses.active,\n        completed && flowStepIconClasses.completed,\n        error && flowStepIconClasses.error,\n        disabled && flowStepIconClasses.disabled,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {IconComponent && (\n        <IconComponent\n          sx={{\n            position: 'absolute',\n            fontSize: 'inherit',\n            color: 'background.primary',\n          }}\n        />\n      )}\n    </FlowStepIconRoot>\n  );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n  // during first render (and first state) do not play animation\n  const animation = useRef(false);\n  const initialClassName = useRef(className);\n  if (!animation.current && initialClassName.current !== className) {\n    animation.current = true;\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        height: '28px',\n        width: '28px',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n        boxSizing: 'border-box',\n        fontSize: '16px',\n        '& .MuiSvgIcon-root': {\n          zIndex: '5',\n        },\n        [`@keyframes flowStepperActive`]: {\n          '0%': {\n            transform: 'scale(1.5)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        [`@keyframes flowStepperCompleted`]: {\n          '0%': {\n            transform: 'scale(.8)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        // style is also applied in stepButton.theme.ts\n        [`& .${flowStepIconClasses.root}`]: {\n          height: '100%',\n          width: '100%',\n          borderRadius: '40px',\n          borderColor: 'onSurface.os500',\n          backgroundColor: 'transparent',\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          color: 'transparent',\n          minHeight: '20px',\n          // completed\n          [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n            color: 'onSurface.os700',\n            backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            border: 'none',\n            height: '100%',\n            width: '100%',\n            animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n          },\n          // error\n          [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n            borderColor: 'error.main',\n            backgroundColor: 'error.main',\n          },\n          // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n          // active\n          [`&.${flowStepIconClasses.active}`]: {\n            color: 'onSurface.os700',\n            height: '100%',\n            width: '100%',\n            marginRight: '0px',\n            marginLeft: '0px',\n            borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            '&::before': {\n              content: '\"\"',\n              position: 'absolute',\n              borderRadius: '40px',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              inset: '5px',\n              animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n              zIndex: '1',\n            },\n            [`&.${flowStepIconClasses.error}`]: {\n              borderColor: 'error.main',\n              '&::before': {\n                backgroundColor: 'transparent.transparent',\n                border: 3,\n                inset: '2px',\n                borderColor: 'background.primary',\n              },\n            },\n          },\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n      <Box className={className} />\n    </Box>\n  );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","className","sx","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","_jsx","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","filter","Boolean","join"],"mappings":"+NAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAyCNC,EAAoBC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,GAAEA,KAAOC,EAASC,EAAAA,OAAAL,EAAvC,CAAA,WAAA,YAAA,OAExB,MAAMM,EAAYC,EAAAA,QAAO,GACnBC,EAAmBD,EAAAA,OAAOL,GAKhC,OAJKI,EAAUG,SAAWD,EAAiBC,UAAYP,IACrDI,EAAUG,SAAU,GAIpBC,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFV,kBACEW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OACV,qBAAsB,CACpBC,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM/B,EAAoBC,QAAS,CAClCqB,OAAQ,OACRC,MAAO,OACPS,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAKtC,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EmC,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRpB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAKhB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnG8B,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKlC,EAAoBE,UAAW,CACnCmC,MAAO,kBACPf,OAAQ,OACRC,MAAO,OACPoB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnB,SAAU,WACVM,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACPjC,UAAWA,EAAUG,QAAU,yBAA2B,OAC1Da,OAAQ,KAEV,CAAC,KAAK7B,EAAoBI,SAAU,CAClC6B,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBvB,IAEDC,EAAS,CAAAH,SAAA,CAEZA,EACDuC,EAAAA,IAAC7B,EAAAA,IAAG,CAACT,UAAWA,OACZ,4BA5IuB,EAAGP,SAAQC,YAAWC,QAAO4C,iBAC5D,MAAM3C,SAAEA,GAAa2C,QAAAA,EAAc,CAAA,EAE7BC,EAAgBC,EAAAA,SAAQ,IACxB9C,EACK+C,EAAAA,UACEhD,IAAcD,EAChBkD,EAAAA,UAEA,MAER,CAAChD,EAAOD,EAAWD,IAEtB,OACE6C,EAAAA,IAACzC,EAAgB,CACfG,UAAW,CACTT,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BgD,OAAOC,SACPC,KAAK,KAAI/C,SAEXyC,GACCF,MAACE,EAAa,CACZvC,GAAI,CACFgB,SAAU,WACVE,SAAU,UACVS,MAAO,yBAII"}
+{"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n  root: 'FlowStepIcon-root',\n  active: 'FlowStepIcon-active',\n  completed: 'FlowStepIcon-completed',\n  error: 'FlowStepIcon-error',\n  disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n  const { disabled } = ownerState ?? {};\n  // obtain icon based on the state\n  const IconComponent = useMemo(() => {\n    if (error) {\n      return CloseIcon;\n    } else if (completed && !active) {\n      return CheckIcon;\n    } else {\n      return null;\n    }\n  }, [error, completed, active]);\n\n  return (\n    <FlowStepIconRoot\n      className={[\n        flowStepIconClasses.root,\n        active && flowStepIconClasses.active,\n        completed && flowStepIconClasses.completed,\n        error && flowStepIconClasses.error,\n        disabled && flowStepIconClasses.disabled,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {IconComponent && (\n        <IconComponent\n          sx={{\n            position: 'absolute',\n            fontSize: 'inherit',\n            color: 'background.primary',\n          }}\n        />\n      )}\n    </FlowStepIconRoot>\n  );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n  // during first render (and first state) do not play animation\n  const animation = useRef(false);\n  const initialClassName = useRef(className);\n  if (!animation.current && initialClassName.current !== className) {\n    animation.current = true;\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        height: '28px',\n        width: '28px',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n        boxSizing: 'border-box',\n        fontSize: '16px',\n        '& .MuiSvgIcon-root': {\n          zIndex: '5',\n        },\n        [`@keyframes flowStepperActive`]: {\n          '0%': {\n            transform: 'scale(1.5)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        [`@keyframes flowStepperCompleted`]: {\n          '0%': {\n            transform: 'scale(.8)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        // style is also applied in stepButton.theme.ts\n        [`& .${flowStepIconClasses.root}`]: {\n          height: '100%',\n          width: '100%',\n          borderRadius: '40px',\n          borderColor: 'onSurface.os500',\n          backgroundColor: 'transparent',\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          color: 'transparent',\n          minHeight: '20px',\n          // completed\n          [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n            color: 'onSurface.os700',\n            backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            border: 'none',\n            height: '100%',\n            width: '100%',\n            animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n          },\n          // error\n          [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n            borderColor: 'error.main',\n            backgroundColor: 'error.main',\n          },\n          // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n          // active\n          [`&.${flowStepIconClasses.active}`]: {\n            color: 'onSurface.os700',\n            height: '100%',\n            width: '100%',\n            marginRight: '0px',\n            marginLeft: '0px',\n            borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            '&::before': {\n              content: '\"\"',\n              position: 'absolute',\n              borderRadius: '40px',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              inset: '5px',\n              animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n              zIndex: '1',\n            },\n            [`&.${flowStepIconClasses.error}`]: {\n              borderColor: 'error.main',\n              '&::before': {\n                backgroundColor: 'transparent.transparent',\n                border: 3,\n                inset: '2px',\n                borderColor: 'background.primary',\n              },\n            },\n          },\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n      <Box className={className} />\n    </Box>\n  );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","className","sx","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","_jsx","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","filter","Boolean","join"],"mappings":"+NAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAyCNC,EAAoBC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,GAAEA,KAAOC,EAASC,EAAAA,OAAAL,EAAvC,CAAA,WAAA,YAAA,OAExB,MAAMM,EAAYC,EAAAA,QAAO,GACnBC,EAAmBD,EAAAA,OAAOL,GAKhC,OAJKI,EAAUG,SAAWD,EAAiBC,UAAYP,IACrDI,EAAUG,SAAU,GAIpBC,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFV,kBACEW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OACV,qBAAsB,CACpBC,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM/B,EAAoBC,QAAS,CAClCqB,OAAQ,OACRC,MAAO,OACPS,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAKtC,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EmC,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRpB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAKhB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnG8B,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKlC,EAAoBE,UAAW,CACnCmC,MAAO,kBACPf,OAAQ,OACRC,MAAO,OACPoB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnB,SAAU,WACVM,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACPjC,UAAWA,EAAUG,QAAU,yBAA2B,OAC1Da,OAAQ,KAEV,CAAC,KAAK7B,EAAoBI,SAAU,CAClC6B,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBvB,IAEDC,EAAS,CAAAH,SAAA,CAEZA,EACDuC,EAAAA,IAAC7B,EAAAA,IAAG,CAACT,UAAWA,mCA3IW,EAAGP,SAAQC,YAAWC,QAAO4C,iBAC5D,MAAM3C,SAAEA,GAAa2C,QAAAA,EAAc,CAAA,EAE7BC,EAAgBC,EAAAA,QAAQ,IACxB9C,EACK+C,EAAAA,UACEhD,IAAcD,EAChBkD,EAAAA,UAEA,KAER,CAAChD,EAAOD,EAAWD,IAEtB,OACE6C,EAAAA,IAACzC,EAAgB,CACfG,UAAW,CACTT,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BgD,OAAOC,SACPC,KAAK,KAAI/C,SAEXyC,GACCF,MAACE,EAAa,CACZvC,GAAI,CACFgB,SAAU,WACVE,SAAU,UACVS,MAAO"}

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,YAAO,CACdC,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/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":"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,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,WAAYC,OAAAC,OAAA,CAAA,EACZ,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,WAAM,CAEzB,CAAC,MAAMgC,EAAAA,oBAAoBV,QAAQU,EAAAA,oBAAoBQ,YAAWhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEnD,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/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","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"8SASO,MAAMA,EAA0CC,EAAAA,YAAW,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,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/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","ButtonBase","component","tabIndex","_b","className","includes","_jsxs","Box","sx","Object","assign","position","fontWeight","opacity"],"mappings":"iHAMO,MAAMA,EAA0DC,EAAAA,YACrE,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAAIC,EAAAA,OAAAL,EAAjC,CAAA,WAAA,SAEC,MAAMM,EAAgBC,EAAAA,SACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,aAEP,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,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/{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","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,QACXC,cAAgBC,GAAUC,EAAAA,IAACH,UAAOI,OAAAC,OAAA,CAACC,MAAI,GAAKJ,KAE9CK,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"}
+{"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

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

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

package/cjs/materialui/textfield/FormControl.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material");const l=o.forwardRef(((l,t)=>{var{onFocus:u,onBlur:i,onPointerDown:s,className:c}=l,a=e.__rest(l,["onFocus","onBlur","onPointerDown","className"]);const d=o.useRef(null);o.useImperativeHandle(t,(()=>d.current));const v=o.useRef(null),[m,w]=o.useState(!1);return n.jsx(r.Box,Object.assign({ref:d,onPointerDown:e=>{v.current="onPointerDown",null==s||s(e)},onFocus:e=>{"onPointerDown"!==v.current&&w(!0),v.current="onFocus",null==u||u(e)},onBlur:e=>{var n,o,r,l;"onPointerDown"===v.current||(null===(o=null===(n=null==d?void 0:d.current)||void 0===n?void 0:n.matches)||void 0===o?void 0:o.call(n,':has(.MuiSelect-select[aria-expanded="true"])'))||(null===(l=null===(r=null==e?void 0:e.relatedTarget)||void 0===r?void 0:r.matches)||void 0===l?void 0:l.call(r,".MuiSelect-select"))?v.current="onPointerDown":(w(!1),v.current="onBlur"),null==i||i(e)},className:[c,m?"":"Flow-NoFocusRing"].filter(Boolean).join(" ")},a))}));exports.FormControl=l;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material");const l=o.forwardRef((l,t)=>{var{onFocus:u,onBlur:i,onPointerDown:s,className:c}=l,a=e.__rest(l,["onFocus","onBlur","onPointerDown","className"]);const d=o.useRef(null);o.useImperativeHandle(t,()=>d.current);const v=o.useRef(null),[m,w]=o.useState(!1);return n.jsx(r.Box,Object.assign({ref:d,onPointerDown:e=>{v.current="onPointerDown",null==s||s(e)},onFocus:e=>{"onPointerDown"!==v.current&&w(!0),v.current="onFocus",null==u||u(e)},onBlur:e=>{var n,o,r,l;"onPointerDown"===v.current||(null===(o=null===(n=null==d?void 0:d.current)||void 0===n?void 0:n.matches)||void 0===o?void 0:o.call(n,':has(.MuiSelect-select[aria-expanded="true"])'))||(null===(l=null===(r=null==e?void 0:e.relatedTarget)||void 0===r?void 0:r.matches)||void 0===l?void 0:l.call(r,".MuiSelect-select"))?v.current="onPointerDown":(w(!1),v.current="onBlur"),null==i||i(e)},className:[c,m?"":"Flow-NoFocusRing"].filter(Boolean).join(" ")},a))});exports.FormControl=l;
 //# sourceMappingURL=FormControl.js.map

package/cjs/materialui/textfield/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/**\n * Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n  ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLDivElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current as HTMLDivElement);\n    // detect events to skip focus ring\n    const previousEvent = useRef<string | null>(null);\n    // append style with focus ring\n    const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n    return (\n      <Box\n        ref={ref}\n        onPointerDown={(e) => {\n          previousEvent.current = 'onPointerDown';\n          onPointerDown?.(e);\n        }}\n        onFocus={(e) => {\n          if (previousEvent.current !== 'onPointerDown') {\n            // if not clicked, we will show focus ring (force rerender to update class)\n            setFocusVisible(true);\n          }\n          previousEvent.current = 'onFocus';\n          onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          // perform cleanup\n          if (\n            // skip cleanup as onPointerDown might happen after onFocus\n            previousEvent.current !== 'onPointerDown' &&\n            // focus is not in opened select\n            !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n            // blur does not come from the opened select and now goes into select\n            !e?.relatedTarget?.matches?.('.MuiSelect-select')\n          ) {\n            // cleanup with blur\n            setFocusVisible(false);\n            previousEvent.current = 'onBlur';\n          } else {\n            // act with skip that click just happened\n            previousEvent.current = 'onPointerDown';\n          }\n          onBlur?.(e);\n        }}\n        className={[\n          className,\n          // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n          focusVisible ? '' : 'Flow-NoFocusRing',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["FormControl","forwardRef","_a","forwardedRef","onFocus","onBlur","onPointerDown","className","rest","__rest","ref","useRef","useImperativeHandle","current","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","Object","assign","e","_b","matches","call","_d","_c","relatedTarget","filter","Boolean","join"],"mappings":"iHAMO,MAAMA,EAAoCC,EAAAA,YAC/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAAA,OAAuB,MACnCC,EAAAA,oBAAoBT,GAAc,IAAMO,EAAIG,UAE5C,MAAMC,EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFX,IAAKA,EACLJ,cAAgBgB,IACdR,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBgB,EAAE,EAEpBlB,QAAUkB,IACsB,kBAA1BR,EAAcD,SAEhBG,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUkB,EAAE,EAEdjB,OAASiB,gBAIqB,kBAA1BR,EAAcD,UAEQ,QAArBU,EAAY,QAAZrB,EAAAQ,aAAG,EAAHA,EAAKG,eAAO,IAAAX,OAAA,EAAAA,EAAEsB,eAAO,IAAAD,OAAA,EAAAA,EAAAE,KAAAvB,EAAG,oDAEC,QAAzBwB,UAAAC,EAAAL,aAAC,EAADA,EAAGM,oCAAeJ,eAAO,IAAAE,OAAA,EAAAA,EAAAD,KAAAE,EAAG,sBAO7Bb,EAAcD,QAAU,iBAJxBG,GAAgB,GAChBF,EAAcD,QAAU,UAK1BR,SAAAA,EAASiB,EAAE,EAEbf,UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBc,OAAOC,SACPC,KAAK,MACJvB,GACJ"}
+{"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/**\n * Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n  ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLDivElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current);\n    // detect events to skip focus ring\n    const previousEvent = useRef<string | null>(null);\n    // append style with focus ring\n    const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n    return (\n      <Box\n        ref={ref}\n        onPointerDown={(e) => {\n          previousEvent.current = 'onPointerDown';\n          onPointerDown?.(e);\n        }}\n        onFocus={(e) => {\n          if (previousEvent.current !== 'onPointerDown') {\n            // if not clicked, we will show focus ring (force rerender to update class)\n            setFocusVisible(true);\n          }\n          previousEvent.current = 'onFocus';\n          onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          // perform cleanup\n          if (\n            // skip cleanup as onPointerDown might happen after onFocus\n            previousEvent.current !== 'onPointerDown' &&\n            // focus is not in opened select\n            !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n            // blur does not come from the opened select and now goes into select\n            !e?.relatedTarget?.matches?.('.MuiSelect-select')\n          ) {\n            // cleanup with blur\n            setFocusVisible(false);\n            previousEvent.current = 'onBlur';\n          } else {\n            // act with skip that click just happened\n            previousEvent.current = 'onPointerDown';\n          }\n          onBlur?.(e);\n        }}\n        className={[\n          className,\n          // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n          focusVisible ? '' : 'Flow-NoFocusRing',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["FormControl","forwardRef","_a","forwardedRef","onFocus","onBlur","onPointerDown","className","rest","__rest","ref","useRef","useImperativeHandle","current","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","Object","assign","e","_b","matches","call","_d","_c","relatedTarget","filter","Boolean","join"],"mappings":"iHAMO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAAA,OAAuB,MACnCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,MAAMC,EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFX,IAAKA,EACLJ,cAAgBgB,IACdR,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBgB,IAElBlB,QAAUkB,IACsB,kBAA1BR,EAAcD,SAEhBG,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUkB,IAEZjB,OAASiB,gBAIqB,kBAA1BR,EAAcD,UAEQ,QAArBU,EAAY,QAAZrB,EAAAQ,aAAG,EAAHA,EAAKG,eAAO,IAAAX,OAAA,EAAAA,EAAEsB,eAAO,IAAAD,OAAA,EAAAA,EAAAE,KAAAvB,EAAG,oDAEC,QAAzBwB,UAAAC,EAAAL,aAAC,EAADA,EAAGM,oCAAeJ,eAAO,IAAAE,OAAA,EAAAA,EAAAD,KAAAE,EAAG,sBAO7Bb,EAAcD,QAAU,iBAJxBG,GAAgB,GAChBF,EAAcD,QAAU,UAK1BR,SAAAA,EAASiB,IAEXf,UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBc,OAAOC,SACPC,KAAK,MACJvB"}

package/cjs/materialui/textfield/FormHelperText.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { FormHelperTextProps } from '@mui/material';
+/**
+ * Custom extension of FormHelperText component to add interactive error icon
+ */
+export declare const FormHelperText: FC<FormHelperTextProps>;

package/cjs/materialui/textfield/FormHelperText.js

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

package/cjs/materialui/textfield/FormHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.js","sources":["../../../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/**\n * Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n  ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLParagraphElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current);\n    // changing width triggers re-render and updates max-width of tooltip that uses parent\n    const [, setWidth] = useState(0);\n    const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth || 0));\n    const tooltipActive =\n      // contains error\n      className?.includes('Mui-error') &&\n      // we are truncating\n      truncate !== false &&\n      // HelperText or HelperTextContent scrollable\n      (isScrollable || !!ref?.current?.querySelector('.Flow-scrollable'));\n\n    return (\n      <Tooltip\n        title={children}\n        placement=\"bottom-start\"\n        slotProps={{\n          tooltip: {\n            sx: {\n              // match size of helper text\n              maxWidth: ref?.current?.getBoundingClientRect()?.width\n                ? `${ref.current.getBoundingClientRect().width - 24}px`\n                : '398px',\n              // hide right side of HelperTextContent\n              '& .FlowHelperTextContent-textRight': {\n                display: 'none',\n              },\n            },\n          },\n          arrow: {\n            sx: {\n              // remove default transform\n              transform: 'none !important',\n              // align with icon\n              left: '17px !important',\n            },\n          },\n        }}\n        key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n        {...(!tooltipActive && {\n          open: false,\n        })}\n      >\n        <Box\n          component=\"p\"\n          className={className}\n          sx={sx}\n          {...(className?.includes('Mui-error') && {\n            role: 'alert',\n            sx: {\n              '&&': {\n                display: 'flex',\n                alignItems: 'flex-start',\n                justifyContent: 'flex-start',\n                ...(truncate !== false && {\n                  // make sure interactive FocusRing from error is visible\n                  overflow: 'visible',\n                }),\n              },\n              ...sx,\n            },\n          })}\n          ref={ref}\n          {...rest}\n        >\n          {className?.includes('Mui-error') && (\n            <ButtonBase\n              sx={(theme) => ({\n                cursor: 'default',\n                borderRadius: '1px',\n                ml: '2px',\n                mr: '4px',\n                ...getFocusRingStyle(theme, true, '0px'),\n              })}\n              aria-label=\"Error\"\n              className=\"FlowHelperText-error-button-active\"\n              {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n            >\n              <WarningFilledIcon sx={{ fontSize: '17px' }} />\n            </ButtonBase>\n          )}\n          <Box\n            sx={{\n              display: 'block',\n              overflow: truncate !== false ? 'hidden' : 'inherit',\n              textOverflow: 'inherit',\n              whiteSpace: 'inherit',\n              flexGrow: '1',\n            }}\n            component=\"span\"\n            ref={elementRef}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["FormHelperText","forwardRef","_a","forwardedRef","children","sx","className","truncate","rest","__rest","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","_b","querySelector","_jsx","Tooltip","Object","assign","title","placement","slotProps","tooltip","maxWidth","_d","_c","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"2SASO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAgDC,gBAAhDC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA5C,CAAA,WAAA,KAAA,YAAA,aACC,MAAMQ,EAAMC,EAAAA,OAA6B,MACzCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,OAASC,GAAYC,EAAAA,SAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,IAAMC,GAAOL,GAASK,aAAE,EAAFA,EAAIC,cAAe,IAC7FC,GAEJf,aAAS,EAATA,EAAWgB,SAAS,gBAEP,IAAbf,IAECS,cAAkBO,EAAAb,aAAG,EAAHA,EAAKG,8BAASW,cAAc,sBAEjD,OACEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CACNC,MAAOzB,EACP0B,UAAU,eACVC,UAAW,CACTC,QAAS,CACP3B,GAAI,CAEF4B,kBAAUC,EAAY,QAAZC,EAAAzB,aAAG,EAAHA,EAAKG,eAAO,IAAAsB,OAAA,EAAAA,EAAEC,8CAAyBC,OAC1C3B,EAAIG,QAAQuB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACLlC,GAAI,CAEFmC,UAAW,kBAEXC,KAAM,uBAKNpB,GAAiB,CACrBqB,MAAM,GACN,CAAAtC,SAEFuC,EAAAA,KAACC,MAAGjB,OAAAC,OAAA,CACFiB,UAAU,IACVvC,UAAWA,EACXD,GAAIA,IACCC,aAAS,EAATA,EAAWgB,SAAS,eAAgB,CACvCwB,KAAM,QACNzC,kBACE,KAAIsB,OAAAC,OAAA,CACFU,QAAS,OACTS,WAAY,aACZC,eAAgB,eACC,IAAbzC,GAAsB,CAExB0C,SAAU,aAGX5C,IAEL,CACFK,IAAKA,GACDF,EAAI,CAAAJ,SAAA,EAEPE,aAAS,EAATA,EAAWgB,SAAS,eACnBG,EAAAA,IAACyB,EAAAA,WAAUvB,OAAAC,OAAA,CACTvB,GAAK8C,GAAUxB,OAAAC,OAAA,CACbwB,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,OACDC,EAAAA,kBAAkBL,GAAO,EAAM,QAClC,aACS,QACX7C,UAAU,uCACJe,GAAiB,CAAEoC,UAAU,EAAInD,UAAW,+BAAgC,CAAAF,SAElFqB,EAAAA,IAACiC,EAAAA,kBAAiB,CAACrD,GAAI,CAAEsD,SAAU,aAGvClC,EAAAA,IAACmB,EAAAA,IAAG,CACFvC,GAAI,CACFiC,QAAS,QACTW,UAAuB,IAAb1C,EAAqB,SAAW,UAC1CqD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZjB,UAAU,OACVnC,IAAKO,EAAUb,SAEdA,UAtDAiB,EAAgB,qBAAuB"}

package/cjs/{components/helperTextContent/helperTextContent.d.ts → materialui/textfield/HelperTextContent.d.ts}

@@ -18,6 +18,14 @@ export interface HelperTextContentProps extends BoxProps<ElementType> {
      * Properties applied to text on the right side
      */
     textRightProps?: BoxProps<ElementType>;
+    /**
+     * Input value
+     */
+    value?: string;
+    /**
+     * Input maxLength
+     */
+    maxLength?: number;
 }
 /**
  * Advanced content for the Field's HelperText

package/cjs/materialui/textfield/HelperTextContent.js

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

package/cjs/materialui/textfield/HelperTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperTextContent.js","sources":["../../../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n  /**\n   * Input value\n   */\n  value?: string;\n  /**\n   * Input maxLength\n   */\n  maxLength?: number;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n    const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps || {};\n    const { isScrollable, elementRef } = useElementScrollable('x');\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '12px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        className={['FlowHelperTextContent-root', className].filter(Boolean).join(', ')}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {(textLeft || textRight || !!maxLength) && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n              .filter(Boolean)\n              .join(', ')}\n            ref={elementRef}\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {(textRight || !!maxLength) && (\n          <Box\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(', ')}\n            {...(typeof textRight === 'string' &&\n              textRight.includes('/') && {\n                ['aria-label']: `Characters entered ${textRight}`,\n              })}\n            {...(maxLength && {\n              ['aria-label']: `Characters entered ${value?.length || 0} / ${maxLength}`,\n            })}\n            {...restTextRight}\n          >\n            {textRight || `${value?.length || 0} / ${maxLength}`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","__rest","_b","textLeftSx","textLeftClassName","restTextLeft","_c","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"uLAqCO,MAAMA,EAAsDC,EAAAA,WACjE,CAACC,EAA4GC,SAA5GC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,EAAcC,MAAEA,EAAKC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAZ,EAAxG,CAAA,WAAA,KAAA,YAAA,WAAA,gBAAA,YAAA,iBAAA,QAAA,cACC,MAAMa,EAAoEP,GAAiB,CAAA,GAAnFH,GAAIW,EAAYV,UAAWW,GAAiBF,EAAKG,EAAYJ,EAAAA,OAAAC,EAA/D,CAAA,KAAA,cACAI,EAAuET,GAAkB,CAAA,GAAvFL,GAAIe,EAAad,UAAWe,GAAkBF,EAAKG,EAAaR,EAAAA,OAAAK,EAAlE,CAAA,KAAA,eACAI,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACX/B,GAELgC,UAAU,OACV/B,UAAW,CAAC,6BAA8BA,GAAWgC,OAAOC,SAASC,KAAK,MAC1ErC,IAAKA,GACDU,EAAI,CAAAT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3B6B,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXpB,GAELqB,UAAU,OACV/B,UAAW,CAAC,iCAAkCW,EAAmBM,EAAe,kBAAoB,MACjGe,OAAOC,SACPC,KAAK,MACRrC,IAAKqB,GACDN,EAAY,CAAAd,SAEfG,MAGHE,KAAeG,IACf6B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAM,WAAY,UACTf,GAELiB,UAAU,OACV/B,UAAW,CAAC,kCAAmCe,GAAoBiB,OAAOC,SAASC,KAAK,OAC9D,iBAAd/B,GACVA,EAAUiC,SAAS,MAAQ,CACzB,aAAgB,sBAAsBjC,KAErCG,GAAa,CAChB,aAAgB,uBAAsBD,aAAK,EAALA,EAAOgC,SAAU,OAAO/B,KAE5DU,EAAa,CAAAlB,SAEhBK,GAAa,IAAGE,aAAK,EAALA,EAAOgC,SAAU,OAAO/B"}

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

@@ -1,2 +1,2 @@
-"use strict";const e={defaultProps:{},styleOverrides:{root:({theme:e})=>({"&, &:hover, &.Mui-disabled, &.Mui-focused":{transition:"inherit",backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary,"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",content:"unset"}},"&.Mui-focused":{color:"inherit"},"&.Mui-error":{"&:before":{color:e.palette.error.main}}}),input:({ownerState:e})=>Object.assign(Object.assign({paddingTop:"24px"},e.multiline&&{paddingTop:"0"}),!e.multiline&&e.hiddenLabel&&{paddingTop:"small"===e.size?"13px":"18px",paddingBottom:"small"===e.size?"15px":"14px"}),multiline:({ownerState:e})=>({paddingTop:e.hiddenLabel?"small"===e.size?"13px":"18px":"24px",paddingBottom:e.hiddenLabel?"small"===e.size?"15px":"14px":"small"===e.size?"4px":"8px"})}};exports.flowFilledInput=e;
+"use strict";const o={defaultProps:{},styleOverrides:{root:({theme:o})=>({"&, &:hover, &.Mui-disabled, &.Mui-focused":{color:"inherit",transition:"inherit",backgroundColor:"dark"===o.palette.mode?o.palette.surface.primary:o.palette.transparent.primary,"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",transition:"none"}},"&.Mui-error:not(.Mui-disabled)":{"&:before, &:after":{color:o.palette.error.main}}}),input:({ownerState:o})=>Object.assign(Object.assign(Object.assign({paddingTop:"24px",paddingBottom:"8px"},o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"}),"small"===o.size&&Object.assign({paddingTop:"22px",paddingBottom:"4px"},o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"})),o.multiline&&{paddingTop:"0",paddingBottom:"0"}),multiline:({ownerState:o})=>Object.assign(Object.assign({paddingTop:"24px",paddingBottom:"8px"},o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"}),"small"===o.size&&Object.assign({paddingTop:"22px",paddingBottom:"4px"},o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}))}};exports.flowFilledInput=o;
 //# sourceMappingURL=filledInput.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filledInput.theme.js","sources":["../../../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n        transition: 'inherit',\n        backgroundColor:\n          theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n        // underline\n        '&:before': {\n          transition: 'inherit',\n          borderBottomStyle: 'solid',\n          borderColor: 'currentColor',\n        },\n        // active underline\n        '&:after': {\n          borderColor: 'currentColor',\n          // remove active underline (not wanted by Flow)\n          content: 'unset',\n        },\n      },\n      '&.Mui-focused': {\n        color: 'inherit',\n      },\n      '&.Mui-error': {\n        '&:before': {\n          color: theme.palette.error.main,\n        },\n      },\n    }),\n    input: ({ ownerState }) => ({\n      paddingTop: '24px',\n      ...(ownerState.multiline && { paddingTop: '0' }),\n      ...(!ownerState.multiline &&\n        ownerState.hiddenLabel && {\n          paddingTop: ownerState.size === 'small' ? '13px' : '18px',\n          paddingBottom: ownerState.size === 'small' ? '15px' : '14px',\n        }),\n    }),\n    multiline: ({ ownerState }) => ({\n      paddingTop: ownerState.hiddenLabel ? (ownerState.size === 'small' ? '13px' : '18px') : '24px',\n      paddingBottom: ownerState.hiddenLabel\n        ? ownerState.size === 'small'\n          ? '15px'\n          : '14px'\n        : ownerState.size === 'small'\n          ? '4px'\n          : '8px',\n    }),\n  },\n};\n"],"names":["flowFilledInput","defaultProps","styleOverrides","root","theme","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","content","color","error","main","input","ownerState","Object","assign","paddingTop","multiline","hiddenLabel","size","paddingBottom"],"mappings":"aAEO,MAAMA,EAAuD,CAClEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,4CAA6C,CAC3CC,WAAY,UACZC,gBACyB,SAAvBF,EAAMG,QAAQC,KAAkBJ,EAAMG,QAAQE,QAAQC,QAAUN,EAAMG,QAAQI,YAAYD,QAE5F,WAAY,CACVL,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbC,QAAS,UAGb,gBAAiB,CACfC,MAAO,WAET,cAAe,CACb,WAAY,CACVA,MAAOX,EAAMG,QAAQS,MAAMC,SAIjCC,MAAO,EAAGC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CACzBC,WAAY,QACRH,EAAWI,WAAa,CAAED,WAAY,OACrCH,EAAWI,WACdJ,EAAWK,aAAe,CACxBF,WAAgC,UAApBH,EAAWM,KAAmB,OAAS,OACnDC,cAAmC,UAApBP,EAAWM,KAAmB,OAAS,SAG5DF,UAAW,EAAGJ,iBAAY,CACxBG,WAAYH,EAAWK,YAAmC,UAApBL,EAAWM,KAAmB,OAAS,OAAU,OACvFC,cAAeP,EAAWK,YACF,UAApBL,EAAWM,KACT,OACA,OACkB,UAApBN,EAAWM,KACT,MACA"}
+{"version":3,"file":"filledInput.theme.js","sources":["../../../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n        color: 'inherit',\n        transition: 'inherit',\n        backgroundColor:\n          theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n        // underline\n        '&:before': {\n          transition: 'inherit',\n          borderBottomStyle: 'solid',\n          borderColor: 'currentColor',\n        },\n        // active underline\n        '&:after': {\n          borderColor: 'currentColor',\n          // remove animated transition of appearing border\n          transition: 'none',\n        },\n      },\n      '&.Mui-error:not(.Mui-disabled)': {\n        '&:before, &:after': {\n          color: theme.palette.error.main,\n        },\n      },\n    }),\n    input: ({ ownerState }) => ({\n      paddingTop: '24px',\n      paddingBottom: '8px',\n      ...(ownerState.hiddenLabel && {\n        paddingTop: '18px',\n        paddingBottom: '14px',\n      }),\n      ...(ownerState.size === 'small' && {\n        paddingTop: '22px',\n        paddingBottom: '4px',\n        ...(ownerState.hiddenLabel && {\n          paddingTop: '14px',\n          paddingBottom: '12px',\n        }),\n      }),\n      ...(ownerState.multiline && {\n        paddingTop: '0',\n        paddingBottom: '0',\n      }),\n    }),\n    multiline: ({ ownerState }) => ({\n      paddingTop: '24px',\n      paddingBottom: '8px',\n      ...(ownerState.hiddenLabel && {\n        paddingTop: '18px',\n        paddingBottom: '14px',\n      }),\n      ...(ownerState.size === 'small' && {\n        paddingTop: '22px',\n        paddingBottom: '4px',\n        ...(ownerState.hiddenLabel && {\n          paddingTop: '14px',\n          paddingBottom: '12px',\n        }),\n      }),\n    }),\n  },\n};\n"],"names":["flowFilledInput","defaultProps","styleOverrides","root","theme","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","input","ownerState","Object","assign","paddingTop","paddingBottom","hiddenLabel","size","multiline"],"mappings":"aAEO,MAAMA,EAAuD,CAClEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,4CAA6C,CAC3CC,MAAO,UACPC,WAAY,UACZC,gBACyB,SAAvBH,EAAMI,QAAQC,KAAkBL,EAAMI,QAAQE,QAAQC,QAAUP,EAAMI,QAAQI,YAAYD,QAE5F,WAAY,CACVL,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbR,WAAY,SAGhB,iCAAkC,CAChC,oBAAqB,CACnBD,MAAOD,EAAMI,QAAQO,MAAMC,SAIjCC,MAAO,EAAGC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACzBC,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe,SAEO,UAApBJ,EAAWM,qBACbH,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe,UAGfJ,EAAWO,WAAa,CAC1BJ,WAAY,IACZC,cAAe,MAGnBG,UAAW,EAAGP,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC7BC,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe,SAEO,UAApBJ,EAAWM,qBACbH,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe"}

package/cjs/materialui/textfield/formControl.theme.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("../../components/focusring/focusring.js");const e={defaultProps:{variant:"filled",component:require("./FormControl.js").FormControl},styleOverrides:{root:({theme:e,ownerState:r})=>Object.assign(Object.assign({color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600,transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),marginBottom:"20px","&:hover, &:has(.Mui-focused)":{color:e.palette.text.primary},"&:has(.Mui-error)":{"&:not(:has(.Mui-disabled)):hover, &:has(.Mui-focused)":{"& .MuiInputLabel-root":{color:e.palette.error.main}}},"&:has(.Mui-disabled)":{color:e.palette.disabled.tertiary},borderRadius:"4px"},o.getFocusRingStyle(e,!1,0,"&:not(.Flow-NoFocusRing):has(.Mui-focused)")),{"&:has(.MuiFormHelperText-root)":{"&:has(.Mui-focused)":{"&&:before":{bottom:"-22px"}}},"&:has(.MuiInputLabel-root)":{"&:has(.MuiOutlinedInput-root.Mui-focused)":{"&&:before":{top:"-8px"}}},'&:has(.MuiSelect-select[aria-expanded="true"])':{"&&:before":{boxShadow:"none"}},"&:has(.MuiFormGroup-root), &:has(.MuiRadioGroup-root)":Object.assign({borderRadius:"0","&&:before":{content:"none"}},r.error&&{borderLeft:`6px solid ${e.palette.error.main}`,paddingLeft:"16px"})})}};exports.flowFormControl=e;
+"use strict";var o=require("../../components/focusring/focusring.js");const e={defaultProps:{variant:"filled",component:require("./FormControl.js").FormControl},styleOverrides:{root:({theme:e,ownerState:r})=>Object.assign(Object.assign({color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600,transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),marginBottom:"24px","&:hover, &:has(.Mui-focused)":{color:e.palette.text.primary},"&:has(.Mui-error)":{"&:not(:has(.Mui-disabled)), &:has(.Mui-focused)":{"& .MuiInputLabel-root":{color:e.palette.error.main}}},"&:has(.Mui-disabled)":{color:e.palette.disabled.tertiary},borderRadius:"4px"},o.getFocusRingStyle(e,!1,0,"&:not(.Flow-NoFocusRing):has(.Mui-focused)")),{"&:has(.MuiFormHelperText-root)":{"&:has(.Mui-focused)":{"&:not(:has(.FlowHelperText-error-button-active))":{"&&:before":{bottom:"-26px"}}}},"&:has(.MuiInputLabel-root)":{"&:has(.MuiOutlinedInput-root.Mui-focused)":{"&&:before":{top:"-8px"}}},'&:has(.MuiSelect-select[aria-expanded="true"])':{"&&:before":{boxShadow:"none"}},"&:has(.MuiFormGroup-root), &:has(.MuiRadioGroup-root)":Object.assign({borderRadius:"0",marginBottom:"0","&&:before":{content:"none"}},r.error&&{borderLeft:`6px solid ${e.palette.error.main}`,paddingLeft:"16px"})})}};exports.flowFormControl=e;
 //# sourceMappingURL=formControl.theme.js.map