@skodaflow/web-library 8.0.1 → 8.1.0

package/materialui/slider/slider.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.theme.js","sources":["../../../src/materialui/slider/slider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n// make sure the value can be divided by 2\nexport const flowThumbWidth = 40;\nexport const flowThumbHeight = 20;\n\nexport const flowSlider: Components<Theme>['MuiSlider'] = {\n  defaultProps: {\n    // value properties\n    min: 0,\n    max: 100,\n    step: 1,\n    // display label with hover\n    valueLabelDisplay: 'auto',\n    // disable auto-generated marks, it is recommended to use ./getSliderMarks.ts function\n    marks: false,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      display: 'block',\n      borderRadius: '0',\n      // 32px height\n      padding: '13px 0',\n      ...(ownerState.orientation === 'vertical'\n        ? {\n            width: '6px',\n            height: '320px',\n          }\n        : {\n            height: '6px',\n          }),\n      // disabled state\n      '&.Mui-disabled': {\n        '& .MuiSlider-rail': {\n          color: theme.palette.disabled.primary,\n        },\n        '& .MuiSlider-track': {\n          color: theme.palette.disabled.tertiary,\n        },\n        '& .MuiSlider-mark': {\n          backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n          '&.MuiSlider-markActive': {\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n          },\n        },\n        '& .MuiSlider-thumb': {\n          borderColor: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n    // whole rail bellow the thumb\n    rail: ({ theme }) => ({\n      borderRadius: '6px',\n      opacity: '1',\n      color: theme.palette.onSurface.os500,\n      // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n      transform: 'translate3d(0px, -50%, 0px)',\n    }),\n    // track marking selected segment\n    track: ({ theme }) => ({\n      borderRadius: '6px',\n      border: 'none',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n      transform: 'translate3d(0px, -50%, 0px)',\n    }),\n    // dot on the rail and track\n    mark: ({ theme }) => ({\n      height: '4px',\n      width: '4px',\n      borderRadius: '4px',\n      opacity: '1',\n      backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n      '&.MuiSlider-markActive': {\n        backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n      },\n    }),\n    // pointer\n    thumb: ({ theme, ownerState }) => ({\n      ...(ownerState.orientation === 'vertical'\n        ? {\n            width: `${flowThumbHeight}px`,\n            height: `${flowThumbWidth}px`,\n          }\n        : {\n            width: `${flowThumbWidth}px`,\n            height: `${flowThumbHeight}px`,\n          }),\n      borderRadius: `${flowThumbHeight}px`,\n      backgroundColor: theme.palette.onSurface.os0,\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      // hitbox target\n      '&:after': {\n        width: `${flowThumbWidth}px`,\n        height: `${flowThumbWidth}px`,\n        borderRadius: '1000px',\n      },\n      // focus style\n      ...getFocusRingStyle(theme, true, 1),\n      // extra shadow around\n      transition: 'box-shadow 0.3s ease-out',\n      '&, &:hover, &.Mui-active': {\n        boxShadow: `none`,\n      },\n      '&.Mui-focusVisible': {\n        // extra white border\n        boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n        // hide focus during dragging\n        '&.Mui-active': {\n          boxShadow: 'none',\n          outline: `0px solid ${theme.palette.background.primary}`,\n          '&:before': {\n            boxShadow: 'none',\n          },\n        },\n      },\n    }),\n    // label above thumb\n    valueLabel: ({ theme }) => ({\n      maxWidth: 'none',\n      // increase space between thumb and tooltip\n      top: '-12px',\n      // style box\n      backgroundColor: theme.palette.text.primary,\n      color: theme.palette.background.primary,\n      borderRadius: '2px',\n      padding: '8px 12px',\n      // custom font-size\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '12px',\n        lineHeight: '16px',\n        fontWeight: '400',\n      },\n    }),\n  },\n};\n"],"names":["flowThumbWidth","flowThumbHeight","flowSlider","defaultProps","min","max","step","valueLabelDisplay","marks","styleOverrides","root","theme","ownerState","display","borderRadius","padding","orientation","width","height","color","palette","disabled","primary","tertiary","backgroundColor","mode","onSurface","os900","os0","borderColor","rail","opacity","os500","transform","track","border","brand","secondary","mark","thumb","getFocusRingStyle","transition","boxShadow","background","outline","valueLabel","maxWidth","top","text","breakpoints","up","fontSize","lineHeight","fontWeight"],"mappings":"4EAKO,MAAMA,EAAiB,GACjBC,EAAkB,GAElBC,EAA6C,CACxDC,aAAc,CAEZC,IAAK,EACLC,IAAK,IACLC,KAAM,EAENC,kBAAmB,OAEnBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,6CACdC,QAAS,QACTC,aAAc,IAEdC,QAAS,UACsB,aAA3BH,EAAWI,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,QACR,CAEN,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOR,EAAMS,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOR,EAAMS,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAalB,EAAMS,QAAQC,SAASE,aAK1CO,KAAM,EAAGnB,YAAO,CACdG,aAAc,MACdiB,QAAS,IACTZ,MAAOR,EAAMS,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGvB,YAAO,CACfG,aAAc,MACdqB,OAAQ,OACRhB,MAA8B,SAAvBR,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQgB,MAAMC,UAAY1B,EAAMS,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG3B,YAAO,CACdO,OAAQ,MACRD,MAAO,MACPH,aAAc,MACdiB,QAAS,IACTP,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,OAI7GW,MAAO,EAAG5B,QAAOC,2EACgB,aAA3BA,EAAWI,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,SACR,CACNJ,aAAc,OACdU,gBAAiBb,EAAMS,QAAQM,UAAUE,IACzCO,OAAQ,aAAaxB,EAAMS,QAAQM,UAAUC,QAE7C,UAAW,CACTV,MAAO,OACPC,OAAQ,OACRJ,aAAc,YAGb0B,EAAkB7B,GAAO,EAAM,IAAE,CAEpC8B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAa/B,EAAMS,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAajC,EAAMS,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGlC,YAAO,CACpBmC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBb,EAAMS,QAAQ4B,KAAK1B,QACpCH,MAAOR,EAAMS,QAAQuB,WAAWrB,QAChCR,aAAc,MACdC,QAAS,WAET,CAACJ,EAAMsC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY"}
+{"version":3,"file":"slider.theme.js","sources":["../../../src/materialui/slider/slider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n// make sure the value can be divided by 2\nexport const flowThumbWidth = 40;\nexport const flowThumbHeight = 20;\n\nexport const flowSlider: Components<Theme>['MuiSlider'] = {\n  defaultProps: {\n    // value properties\n    min: 0,\n    max: 100,\n    step: 1,\n    // display label with hover\n    valueLabelDisplay: 'auto',\n    // disable auto-generated marks, it is recommended to use ./getSliderMarks.ts function\n    marks: false,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      display: 'block',\n      borderRadius: '0',\n      // 32px height\n      padding: '13px 0',\n      ...(ownerState.orientation === 'vertical'\n        ? {\n            width: '6px',\n            height: '320px',\n          }\n        : {\n            height: '6px',\n          }),\n      // disabled state\n      '&.Mui-disabled': {\n        '& .MuiSlider-rail': {\n          color: theme.palette.disabled.primary,\n        },\n        '& .MuiSlider-track': {\n          color: theme.palette.disabled.tertiary,\n        },\n        '& .MuiSlider-mark': {\n          backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n          '&.MuiSlider-markActive': {\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n          },\n        },\n        '& .MuiSlider-thumb': {\n          borderColor: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n    // whole rail bellow the thumb\n    rail: ({ theme }) => ({\n      borderRadius: '6px',\n      opacity: '1',\n      color: theme.palette.onSurface.os500,\n      // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n      transform: 'translate3d(0px, -50%, 0px)',\n    }),\n    // track marking selected segment\n    track: ({ theme }) => ({\n      borderRadius: '6px',\n      border: 'none',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n      transform: 'translate3d(0px, -50%, 0px)',\n    }),\n    // dot on the rail and track\n    mark: ({ theme }) => ({\n      height: '4px',\n      width: '4px',\n      borderRadius: '4px',\n      opacity: '1',\n      backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n      '&.MuiSlider-markActive': {\n        backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n      },\n    }),\n    // pointer\n    thumb: ({ theme, ownerState }) => ({\n      ...(ownerState.orientation === 'vertical'\n        ? {\n            width: `${flowThumbHeight}px`,\n            height: `${flowThumbWidth}px`,\n          }\n        : {\n            width: `${flowThumbWidth}px`,\n            height: `${flowThumbHeight}px`,\n          }),\n      borderRadius: `${flowThumbHeight}px`,\n      backgroundColor: theme.palette.onSurface.os0,\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      // hitbox target\n      '&:after': {\n        width: `${flowThumbWidth}px`,\n        height: `${flowThumbWidth}px`,\n        borderRadius: '1000px',\n      },\n      // focus style\n      ...getFocusRingStyle(theme, true, 1),\n      // extra shadow around\n      transition: 'box-shadow 0.3s ease-out',\n      '&, &:hover, &.Mui-active': {\n        boxShadow: `none`,\n      },\n      '&.Mui-focusVisible': {\n        // extra white border\n        boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n        // hide focus during dragging\n        '&.Mui-active': {\n          boxShadow: 'none',\n          outline: `0px solid ${theme.palette.background.primary}`,\n          '&:before': {\n            boxShadow: 'none',\n          },\n        },\n      },\n    }),\n    // label above thumb\n    valueLabel: ({ theme }) => ({\n      maxWidth: 'none',\n      // increase space between thumb and tooltip\n      top: '-12px',\n      // style box\n      backgroundColor: theme.palette.text.primary,\n      color: theme.palette.background.primary,\n      borderRadius: '2px',\n      padding: '8px 12px',\n      // custom font-size\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '12px',\n        lineHeight: '16px',\n        fontWeight: '400',\n      },\n    }),\n  },\n};\n"],"names":["flowThumbWidth","flowThumbHeight","flowSlider","defaultProps","min","max","step","valueLabelDisplay","marks","styleOverrides","root","theme","ownerState","display","borderRadius","padding","orientation","width","height","color","palette","disabled","primary","tertiary","backgroundColor","mode","onSurface","os900","os0","borderColor","rail","opacity","os500","transform","track","border","brand","secondary","mark","thumb","getFocusRingStyle","transition","boxShadow","background","outline","valueLabel","maxWidth","top","text","breakpoints","up","fontSize","lineHeight","fontWeight"],"mappings":"4EAKO,MAAMA,EAAiB,GACjBC,EAAkB,GAElBC,EAA6C,CACxDC,aAAc,CAEZC,IAAK,EACLC,IAAK,IACLC,KAAM,EAENC,kBAAmB,OAEnBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAC1BC,QAAS,QACTC,aAAc,IAEdC,QAAS,YACsB,aAA3BH,EAAWI,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,OAGd,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOR,EAAMS,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOR,EAAMS,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAalB,EAAMS,QAAQC,SAASE,aAK1CO,KAAM,EAAGnB,YAAO,CACdG,aAAc,MACdiB,QAAS,IACTZ,MAAOR,EAAMS,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGvB,YAAO,CACfG,aAAc,MACdqB,OAAQ,OACRhB,MAA8B,SAAvBR,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQgB,MAAMC,UAAY1B,EAAMS,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG3B,YAAO,CACdO,OAAQ,MACRD,MAAO,MACPH,aAAc,MACdiB,QAAS,IACTP,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,OAI7GW,MAAO,EAAG5B,QAAOC,iBAAY,IACI,aAA3BA,EAAWI,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,QAEdJ,aAAc,OACdU,gBAAiBb,EAAMS,QAAQM,UAAUE,IACzCO,OAAQ,aAAaxB,EAAMS,QAAQM,UAAUC,QAE7C,UAAW,CACTV,MAAO,OACPC,OAAQ,OACRJ,aAAc,aAGb0B,EAAkB7B,GAAO,EAAM,GAElC8B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAa/B,EAAMS,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAajC,EAAMS,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGlC,YAAO,CACpBmC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBb,EAAMS,QAAQ4B,KAAK1B,QACpCH,MAAOR,EAAMS,QAAQuB,WAAWrB,QAChCR,aAAc,MACdC,QAAS,WAET,CAACJ,EAAMsC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY"}

package/materialui/stepper/StepLabelIcon.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useMemo as t,useRef as n}from"react";import{Box as a}from"@mui/material";import{CheckIcon as i}from"../../components/icon/stroke/CheckIcon.js";import{CloseIcon as c}from"../../components/icon/stroke/CloseIcon.js";const l={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=({active:r,completed:e,error:n,ownerState:a})=>{const{disabled:s}=null!=a?a:{},p=t(()=>n?c:e&&!r?i:null,[n,e,r]);return o(d,{className:[l.root,r&&l.active,e&&l.completed,n&&l.error,s&&l.disabled].filter(Boolean).join(" "),children:p&&o(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},d=t=>{var{children:i,className:c,sx:s}=t,d=r(t,["children","className","sx"]);const p=n(!1),m=n(c);return p.current||m.current===c||(p.current=!0),e(a,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${l.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${l.completed}:not(.${l.active})`]:{color:"onSurface.os700",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:p.current?"flowStepperCompleted 0.4s":"none"},[`&.${l.error}, &.${l.error}.${l.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${l.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:p.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${l.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},s)},d,{children:[i,o(a,{className:c})]}))};export{s as FlowStepLabelIcon,l as flowStepIconClasses};
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useMemo as e,useRef as t}from"react";import{Box as n}from"@mui/material";import{CheckIcon as a}from"../../components/icon/stroke/CheckIcon.js";import{CloseIcon as i}from"../../components/icon/stroke/CloseIcon.js";const c={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},d=({active:o,completed:t,error:n,ownerState:d})=>{const{disabled:p}=d??{},s=e(()=>n?i:t&&!o?a:null,[n,t,o]);return r(l,{className:[c.root,o&&c.active,t&&c.completed,n&&c.error,p&&c.disabled].filter(Boolean).join(" "),children:s&&r(s,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},l=({children:e,className:a,sx:i,...d})=>{const l=t(!1),p=t(a);return l.current||p.current===a||(l.current=!0),o(n,{sx:{display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${c.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${c.completed}:not(.${c.active})`]:{color:"onSurface.os700",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:l.current?"flowStepperCompleted 0.4s":"none"},[`&.${c.error}, &.${c.error}.${c.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${c.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:l.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${c.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}},...i},...d,children:[e,r(n,{className:a})]})};export{d as FlowStepLabelIcon,c as flowStepIconClasses};
 //# sourceMappingURL=StepLabelIcon.js.map

package/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","FlowStepLabelIcon","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsx","FlowStepIconRoot","className","filter","Boolean","join","children","sx","position","fontSize","color","_a","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","boxSizing","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset"],"mappings":"6SAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAGCC,EAAoB,EAAGJ,SAAQC,YAAWC,QAAOG,iBAC5D,MAAMF,SAAEA,GAAaE,QAAAA,EAAc,CAAA,EAE7BC,EAAgBC,EAAQ,IACxBL,EACKM,EACEP,IAAcD,EAChBS,EAEA,KAER,CAACP,EAAOD,EAAWD,IAEtB,OACEU,EAACC,EAAgB,CACfC,UAAW,CACTd,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BU,OAAOC,SACPC,KAAK,KAAIC,SAEXV,GACCI,EAACJ,EAAa,CACZW,GAAI,CACFC,SAAU,WACVC,SAAU,UACVC,MAAO,2BAQbT,EAAoBU,QAAAL,SAAEA,EAAQJ,UAAEA,EAASK,GAAEA,KAAOK,EAASC,EAAAF,EAAvC,CAAA,WAAA,YAAA,OAExB,MAAMG,EAAYC,GAAO,GACnBC,EAAmBD,EAAOb,GAKhC,OAJKY,EAAUG,SAAWD,EAAiBC,UAAYf,IACrDY,EAAUG,SAAU,GAIpBC,EAACC,EAAGC,OAAAC,OAAA,CACFd,kBACEe,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBlB,SAAU,WACVmB,UAAW,aACXlB,SAAU,OACV,qBAAsB,CACpBmB,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,MAAM1C,EAAoBC,QAAS,CAClCkC,OAAQ,OACRC,MAAO,OACPO,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbzB,MAAO,cACP0B,UAAW,OAEX,CAAC,KAAKhD,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EoB,MAAO,kBACPuB,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAK7B,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGyC,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAK7C,EAAoBE,UAAW,CACnCoB,MAAO,kBACPa,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZV,YAAcK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnC,SAAU,WACVuB,aAAc,OACdE,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACP9B,UAAWA,EAAUG,QAAU,yBAA2B,OAC1DW,OAAQ,KAEV,CAAC,KAAKxC,EAAoBI,SAAU,CAClCwC,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBO,OAAQ,EACRI,MAAO,MACPZ,YAAa,0BAKlBzB,IAEDK,EAAS,CAAAN,SAAA,CAEZA,EACDN,EAACmB,EAAG,CAACjB,UAAWA"}
+{"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","FlowStepLabelIcon","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsx","FlowStepIconRoot","className","filter","Boolean","join","children","sx","position","fontSize","color","restProps","animation","useRef","initialClassName","current","_jsxs","Box","display","height","width","alignItems","justifyContent","boxSizing","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset"],"mappings":"8QAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAGCC,EAAoB,EAAGJ,SAAQC,YAAWC,QAAOG,iBAC5D,MAAMF,SAAEA,GAAaE,GAAc,CAAA,EAE7BC,EAAgBC,EAAQ,IACxBL,EACKM,EACEP,IAAcD,EAChBS,EAEA,KAER,CAACP,EAAOD,EAAWD,IAEtB,OACEU,EAACC,EAAgB,CACfC,UAAW,CACTd,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BU,OAAOC,SACPC,KAAK,KAAIC,SAEXV,GACCI,EAACJ,EAAa,CACZW,GAAI,CACFC,SAAU,WACVC,SAAU,UACVC,MAAO,2BAQbT,EAAmB,EAAGK,WAAUJ,YAAWK,QAAOI,MAEtD,MAAMC,EAAYC,GAAO,GACnBC,EAAmBD,EAAOX,GAKhC,OAJKU,EAAUG,SAAWD,EAAiBC,UAAYb,IACrDU,EAAUG,SAAU,GAIpBC,EAACC,EAAG,CACFV,GAAI,CACFW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBd,SAAU,WACVe,UAAW,aACXd,SAAU,OACV,qBAAsB,CACpBe,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,MAAMtC,EAAoBC,QAAS,CAClC8B,OAAQ,OACRC,MAAO,OACPO,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbrB,MAAO,cACPsB,UAAW,OAEX,CAAC,KAAK5C,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EoB,MAAO,kBACPmB,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,OACPR,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAK3B,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGqC,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKzC,EAAoBE,UAAW,CACnCoB,MAAO,kBACPS,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZV,YAAcK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACT/B,SAAU,WACVmB,aAAc,OACdE,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACP5B,UAAWA,EAAUG,QAAU,yBAA2B,OAC1DS,OAAQ,KAEV,CAAC,KAAKpC,EAAoBI,SAAU,CAClCoC,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBO,OAAQ,EACRI,MAAO,MACPZ,YAAa,4BAKlBrB,MAEDI,EAASL,SAAA,CAEZA,EACDN,EAACiB,EAAG,CAACf,UAAWA"}

package/materialui/stepper/stepButton.theme.js

@@ -1,2 +1,2 @@
-import{getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";import{flowStepIconClasses as o}from"./StepLabelIcon.js";const a={styleOverrides:{root:({theme:a})=>Object.assign(Object.assign({padding:"0",margin:"0"},r(a,!1,0,".Mui-focusVisible .MuiStepLabel-iconContainer")),e({[`& .${o.root}`]:{backgroundColor:"transparent",[`&.${o.completed}:not(.${o.active}):not(.${o.disabled})`]:{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary},[`&.${o.error}, &.${o.error}.${o.completed}`]:{borderColor:a.palette.error.main,backgroundColor:a.palette.error.main},[`&.${o.active}`]:{borderColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary,"&::before":{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary},[`&.${o.error}`]:{borderColor:a.palette.error.main,"&::before":{backgroundColor:"transparent",borderColor:a.palette.background.primary}}}}},{[`& .${o.root}`]:{backgroundColor:a.palette.surface.secondary,[`&.${o.completed}:not(.${o.active})`]:{borderColor:a.palette.onSurface.os700,backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary},[`&.${o.error}, &.${o.error}.${o.completed}`]:{backgroundColor:a.palette.error.main},[`&.${o.active}`]:{borderColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary,"&::before":{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary},[`&.${o.error}`]:{borderColor:a.palette.error.main,"&::before":{backgroundColor:"transparent",borderColor:a.palette.background.primary}}}}}))}};export{a as flowStepButton};
+import{getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";import{flowStepIconClasses as o}from"./StepLabelIcon.js";const a={styleOverrides:{root:({theme:a})=>({padding:"0",margin:"0",...r(a,!1,0,".Mui-focusVisible .MuiStepLabel-iconContainer"),...e({[`& .${o.root}`]:{backgroundColor:"transparent",[`&.${o.completed}:not(.${o.active}):not(.${o.disabled})`]:{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary},[`&.${o.error}, &.${o.error}.${o.completed}`]:{borderColor:a.palette.error.main,backgroundColor:a.palette.error.main},[`&.${o.active}`]:{borderColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary,"&::before":{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary},[`&.${o.error}`]:{borderColor:a.palette.error.main,"&::before":{backgroundColor:"transparent",borderColor:a.palette.background.primary}}}}},{[`& .${o.root}`]:{backgroundColor:a.palette.surface.secondary,[`&.${o.completed}:not(.${o.active})`]:{borderColor:a.palette.onSurface.os700,backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary},[`&.${o.error}, &.${o.error}.${o.completed}`]:{backgroundColor:a.palette.error.main},[`&.${o.active}`]:{borderColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary,"&::before":{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary},[`&.${o.error}`]:{borderColor:a.palette.error.main,"&::before":{backgroundColor:"transparent",borderColor:a.palette.background.primary}}}}})})}};export{a as flowStepButton};
 //# sourceMappingURL=stepButton.theme.js.map

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

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

package/materialui/stepper/stepLabel.theme.js

@@ -1,2 +1,2 @@
-import{FlowStepLabelIcon as e}from"./StepLabelIcon.js";const t={defaultProps:{slots:{stepIcon:e}},styleOverrides:{vertical:({theme:e})=>({gap:e.spacing(1.25),"& .MuiStepContent-root":{paddingLeft:"26px"},"&:not(.MuiStepLabel-alternativeLabel)":{marginLeft:0}}),labelContainer:({theme:e})=>({color:e.palette.text.primary}),iconContainer:{position:"relative",borderRadius:"40px",padding:0},label:({theme:e})=>Object.assign(Object.assign({},e.typography.disclaimer),{"&&":{fontWeight:"300"},"&.Mui-error":{color:"currentColor"},"&.MuiStepLabel-alternativeLabel":{marginTop:"12px"},"&:not(.MuiStepLabel-alternativeLabel)":{marginLeft:"12px"}})}};export{t as flowStepLabel};
+import{FlowStepLabelIcon as e}from"./StepLabelIcon.js";const t={defaultProps:{slots:{stepIcon:e}},styleOverrides:{vertical:({theme:e})=>({gap:e.spacing(1.25),"& .MuiStepContent-root":{paddingLeft:"26px"},"&:not(.MuiStepLabel-alternativeLabel)":{marginLeft:0}}),labelContainer:({theme:e})=>({color:e.palette.text.primary}),iconContainer:{position:"relative",borderRadius:"40px",padding:0},label:({theme:e})=>({...e.typography.disclaimer,"&&":{fontWeight:"300"},"&.Mui-error":{color:"currentColor"},"&.MuiStepLabel-alternativeLabel":{marginTop:"12px"},"&:not(.MuiStepLabel-alternativeLabel)":{marginLeft:"12px"}})}};export{t as flowStepLabel};
 //# sourceMappingURL=stepLabel.theme.js.map

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

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

package/materialui/stepper/stepper.theme.js

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

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

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

package/materialui/switch/switch.theme.js

@@ -1,2 +1,2 @@
-import{getFocusRingStyle as i}from"../../components/focusring/focusring.js";const t={defaultProps:{disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0},styleOverrides:{root:({theme:t})=>Object.assign({input:{maxWidth:"none"},borderRadius:"1000px","& .MuiSwitch-track":{borderRadius:"1000px"},".Mui-disabled":{".MuiSwitch-thumb":{backgroundColor:t.palette.disabled.tertiary}},position:"relative",overflow:"visible"},i(t,!1,0,":has(.Mui-focusVisible)")),thumb:({theme:i})=>({boxShadow:"none",transition:"0.2s",color:i.palette.onSurface.os0,borderRadius:"1000px",flexShrink:"0",maxWidth:"none"}),track:({theme:i})=>({boxSizing:"border-box",opacity:"1",backgroundColor:i.palette.onSurface.os500}),switchBase:({theme:i})=>({transition:"0.2s","&.Mui-checked":Object.assign({"& + .MuiSwitch-track":Object.assign({opacity:"1"},"dark"===i.palette.mode&&{background:i.palette.brand.secondary})},"dark"===i.palette.mode&&{"& .MuiSwitch-thumb":{background:i.palette.brand.tertiary}}),"&.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:i.palette.disabled.primary,opacity:"1"}}}),sizeMedium:{width:"52px",height:"24px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"18px",height:"18px"},"& .MuiSwitch-switchBase":{width:"24px",padding:"3px","&.Mui-checked":{transform:"translateX(28px)"}},"&:active:not(.Mui-disabled)":{".MuiSwitch-thumb":{width:"28px",transform:"translateX(5px)"},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-5px)"}}},sizeSmall:{width:"34px",height:"16px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"12px",height:"12px"},"& .MuiSwitch-switchBase":{width:"16px",padding:"2px","&.Mui-checked":{transform:"translateX(18px)"}},"&:active:not(.Mui-disabled)":{"& .MuiSwitch-thumb":{width:"18px",transform:"translateX(3px)"},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-3px)"}}}}};export{t as flowSwitch};
+import{getFocusRingStyle as i}from"../../components/focusring/focusring.js";const t={defaultProps:{disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0},styleOverrides:{root:({theme:t})=>({input:{maxWidth:"none"},borderRadius:"1000px","& .MuiSwitch-track":{borderRadius:"1000px"},".Mui-disabled":{".MuiSwitch-thumb":{backgroundColor:t.palette.disabled.tertiary}},position:"relative",overflow:"visible",...i(t,!1,0,":has(.Mui-focusVisible)")}),thumb:({theme:i})=>({boxShadow:"none",transition:"0.2s",color:i.palette.onSurface.os0,borderRadius:"1000px",flexShrink:"0",maxWidth:"none"}),track:({theme:i})=>({boxSizing:"border-box",opacity:"1",backgroundColor:i.palette.onSurface.os500}),switchBase:({theme:i})=>({transition:"0.2s","&.Mui-checked":{"& + .MuiSwitch-track":{opacity:"1",..."dark"===i.palette.mode&&{background:i.palette.brand.secondary}},..."dark"===i.palette.mode&&{"& .MuiSwitch-thumb":{background:i.palette.brand.tertiary}}},"&.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:i.palette.disabled.primary,opacity:"1"}}}),sizeMedium:{width:"52px",height:"24px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"18px",height:"18px"},"& .MuiSwitch-switchBase":{width:"24px",padding:"3px","&.Mui-checked":{transform:"translateX(28px)"}},"&:active:not(.Mui-disabled)":{".MuiSwitch-thumb":{width:"28px",transform:"translateX(5px)"},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-5px)"}}},sizeSmall:{width:"34px",height:"16px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"12px",height:"12px"},"& .MuiSwitch-switchBase":{width:"16px",padding:"2px","&.Mui-checked":{transform:"translateX(18px)"}},"&:active:not(.Mui-disabled)":{"& .MuiSwitch-thumb":{width:"18px",transform:"translateX(3px)"},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-3px)"}}}}};export{t as flowSwitch};
 //# sourceMappingURL=switch.theme.js.map

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

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

package/materialui/table/TableSortLabelIcon.js

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

package/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":"2aASO,MAAMA,EAA0CC,EAAW,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAJ,EAAb,QACjE,OACEK,EAACC,EAAUC,OAAAC,OAAA,CACTN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACVE,EAAkBD,IAAM,CAC3BE,aAAc,SACXT,GAELD,IAAKA,EAAG,aACG,kBACPE,EAAI,CAAAS,SAAA,CAERC,EAACC,EAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAACI,EAAyB,CACxBF,UAAU,gCACVC,SAAS,aACTd,GAAI,CAEFgB,SAAU,WACVC,QAAS"}
+{"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","sx","rest","ref","_jsxs","ButtonBase","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"4YASO,MAAMA,EAA0CC,EAAW,EAAGC,QAAOC,GAAQC,IAEhFC,EAACC,EAAU,CACTJ,GAAKK,IAAK,IACLC,EAAkBD,GACrBE,aAAc,UACXP,IAELE,IAAKA,eACM,oBACPD,EAAIO,SAAA,CAERC,EAACC,EAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAACI,EAAyB,CACxBF,UAAU,gCACVC,SAAS,aACTZ,GAAI,CAEFc,SAAU,WACVC,QAAS"}

package/materialui/table/tableCell.theme.js

@@ -1,2 +1,2 @@
-const t={defaultProps:{},styleOverrides:{root:({theme:t})=>Object.assign(Object.assign({},t.typography.disclaimer1),{borderColor:"inherit",padding:"4px 16px",height:"56px","&:not(.MuiTableCell-paddingCheckbox)":{minWidth:"150px",[t.breakpoints.down("lg")]:{minWidth:"122px"}}}),head:({theme:t})=>Object.assign(Object.assign({},t.typography.caption2),{position:"relative",height:"54px","&:not(.MuiTableCell-paddingCheckbox)":{paddingLeft:"8px",paddingRight:"8px"},[t.breakpoints.up("xs")]:{fontWeight:"700"},"&:not(:empty)":{"&:after":{content:'""',position:"absolute",left:"0",top:"50%",marginTop:"-12px",height:"24px",width:"1px",backgroundColor:t.palette.surface.secondary},"&.MuiTableCell-alignRight":{"&:after":{left:"initial",right:"0"}}},"&:first-of-type":{"&:not(.MuiTableCell-alignRight):after":{display:"none"}}}),paddingCheckbox:{padding:"0",textAlign:"center",minWidth:"56px"}}};export{t as flowTableCell};
+const t={defaultProps:{},styleOverrides:{root:({theme:t})=>({...t.typography.disclaimer1,borderColor:"inherit",padding:"4px 16px",height:"56px","&:not(.MuiTableCell-paddingCheckbox)":{minWidth:"150px",[t.breakpoints.down("lg")]:{minWidth:"122px"}}}),head:({theme:t})=>({...t.typography.caption2,position:"relative",height:"54px","&:not(.MuiTableCell-paddingCheckbox)":{paddingLeft:"8px",paddingRight:"8px"},[t.breakpoints.up("xs")]:{fontWeight:"700"},"&:not(:empty)":{"&:after":{content:'""',position:"absolute",left:"0",top:"50%",marginTop:"-12px",height:"24px",width:"1px",backgroundColor:t.palette.surface.secondary},"&.MuiTableCell-alignRight":{"&:after":{left:"initial",right:"0"}}},"&:first-of-type":{"&:not(.MuiTableCell-alignRight):after":{display:"none"}}}),paddingCheckbox:{padding:"0",textAlign:"center",minWidth:"56px"}}};export{t as flowTableCell};
 //# sourceMappingURL=tableCell.theme.js.map

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

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

package/materialui/table/tablePagination.theme.js

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{Box as n}from"@mui/material";import{ArrowLeftIcon as i}from"../../components/icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as s}from"../../components/icon/stroke/ArrowRightIcon.js";import{ChevronPreviousIcon as r}from"../../components/icon/stroke/ChevronPreviousIcon.js";import{ChevronNextIcon as a}from"../../components/icon/stroke/ChevronNextIcon.js";import{getFocusRingStyle as p}from"../../components/focusring/focusring.js";const c={defaultProps:{showFirstButton:!1,showLastButton:!1,labelDisplayedRows:({from:i,to:s,count:r,page:a})=>t(e,{children:[o(n,{component:"strong",children:a+1}),o(n,{component:"span",className:"divider",children:" / "}),o(n,{component:"span",children:Math.round(r/(a>=1?(i-1)/a:s-i+1))||1})]}),slots:{actions:{previousButtonIcon:i,nextButtonIcon:s,firstButtonIcon:r,lastButtonIcon:a}},slotProps:{actions:{previousButton:{size:"medium",className:"MuiTablePagination-actions-previous"},nextButton:{size:"medium",className:"MuiTablePagination-actions-next"},firstButton:{size:"medium"},lastButton:{size:"medium"}}}},styleOverrides:{root:({theme:t})=>({border:`1px solid ${t.palette.surface.secondary}`,borderRadius:"8px","&td":{border:"none",borderRadius:"0"}}),toolbar:({theme:t})=>({position:"relative",justifyContent:"center",[t.breakpoints.up("md")]:{minHeight:"80px",padding:"4px 24px"},[t.breakpoints.down("md")]:{flexWrap:"wrap",minHeight:"0",padding:"8px 16px"}}),spacer:({theme:t})=>Object.assign(Object.assign({flexGrow:"1",flexBasis:"auto"},t.typography.body),{[t.breakpoints.down("sm")]:{flexBasis:"100%",textAlign:"center"}}),selectLabel:{margin:"0"},input:({theme:t})=>Object.assign(Object.assign(Object.assign({margin:"0",padding:"0",borderRadius:"4px"},t.typography.body),p(t,!1,"0px","&.Mui-focused")),{[t.breakpoints.up("xs")]:{fontWeight:"700"},"&& .MuiSelect-select":{padding:"4px 26px 4px 4px"}}),displayedRows:({theme:t,ownerState:e})=>({position:"absolute",right:24+(e.showLastButton?88:44)+"px",width:"90px",textAlign:"center",whiteSpace:"nowrap",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",margin:"0",color:"dark"===t.palette.mode?t.palette.onSurface.os300:t.palette.onSurface.os700,strong:{color:t.palette.text.primary},".divider":{fontWeight:"400",margin:"0 4px"},[t.breakpoints.down("md")]:{bottom:"8px",right:"0",left:"0",margin:"0 auto"}}),actions:({theme:t})=>({margin:"0",display:"flex",alignItems:"center",justifyContent:"flex-end",flexGrow:"1","& .MuiTablePagination-actions-next":{marginLeft:"90px"},[t.breakpoints.down("md")]:{flexBasis:"100%",justifyContent:"center"}})}};export{c as flowTablePagination};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{Box as n}from"@mui/material";import{ArrowLeftIcon as i}from"../../components/icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as r}from"../../components/icon/stroke/ArrowRightIcon.js";import{ChevronPreviousIcon as s}from"../../components/icon/stroke/ChevronPreviousIcon.js";import{ChevronNextIcon as a}from"../../components/icon/stroke/ChevronNextIcon.js";import{getFocusRingStyle as p}from"../../components/focusring/focusring.js";const m={defaultProps:{showFirstButton:!1,showLastButton:!1,labelDisplayedRows:({from:i,to:r,count:s,page:a})=>t(e,{children:[o(n,{component:"strong",children:a+1}),o(n,{component:"span",className:"divider",children:" / "}),o(n,{component:"span",children:Math.round(s/(a>=1?(i-1)/a:r-i+1))||1})]}),slots:{actions:{previousButtonIcon:i,nextButtonIcon:r,firstButtonIcon:s,lastButtonIcon:a}},slotProps:{actions:{previousButton:{size:"medium",className:"MuiTablePagination-actions-previous"},nextButton:{size:"medium",className:"MuiTablePagination-actions-next"},firstButton:{size:"medium"},lastButton:{size:"medium"}}}},styleOverrides:{root:({theme:t})=>({border:`1px solid ${t.palette.surface.secondary}`,borderRadius:"8px","&td":{border:"none",borderRadius:"0"}}),toolbar:({theme:t})=>({position:"relative",justifyContent:"center",[t.breakpoints.up("md")]:{minHeight:"80px",padding:"4px 24px"},[t.breakpoints.down("md")]:{flexWrap:"wrap",minHeight:"0",padding:"8px 16px"}}),spacer:({theme:t})=>({flexGrow:"1",flexBasis:"auto",...t.typography.body,[t.breakpoints.down("sm")]:{flexBasis:"100%",textAlign:"center"}}),selectLabel:{margin:"0"},input:({theme:t})=>({margin:"0",padding:"0",borderRadius:"4px",...t.typography.body,...p(t,!1,"0px","&.Mui-focused"),[t.breakpoints.up("xs")]:{fontWeight:"700"},"&& .MuiSelect-select":{padding:"4px 26px 4px 4px"}}),displayedRows:({theme:t,ownerState:e})=>({position:"absolute",right:24+(e.showLastButton?88:44)+"px",width:"90px",textAlign:"center",whiteSpace:"nowrap",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",margin:"0",color:"dark"===t.palette.mode?t.palette.onSurface.os300:t.palette.onSurface.os700,strong:{color:t.palette.text.primary},".divider":{fontWeight:"400",margin:"0 4px"},[t.breakpoints.down("md")]:{bottom:"8px",right:"0",left:"0",margin:"0 auto"}}),actions:({theme:t})=>({margin:"0",display:"flex",alignItems:"center",justifyContent:"flex-end",flexGrow:"1","& .MuiTablePagination-actions-next":{marginLeft:"90px"},[t.breakpoints.down("md")]:{flexBasis:"100%",justifyContent:"center"}})}};export{m as flowTablePagination};
 //# sourceMappingURL=tablePagination.theme.js.map

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

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

package/materialui/table/tableRow.theme.js

@@ -1,2 +1,2 @@
-const e={defaultProps:{},styleOverrides:{root:({theme:e,ownerState:r})=>Object.assign(Object.assign({borderColor:"inherit"},!!(null==r?void 0:r.onClick)&&{cursor:"pointer"}),{"&.Mui-selected":{backgroundColor:e.palette.surface.primary},"&.MuiTableRow-hover":{"&:hover":{backgroundColor:e.palette.surface.primary},"&.Mui-selected:hover":{backgroundColor:e.palette.surface.primary}}})}};export{e as flowTableRow};
+const e={defaultProps:{},styleOverrides:{root:({theme:e,ownerState:r})=>({borderColor:"inherit",...!!r?.onClick&&{cursor:"pointer"},"&.Mui-selected":{backgroundColor:e.palette.surface.primary},"&.MuiTableRow-hover":{"&:hover":{backgroundColor:e.palette.surface.primary},"&.Mui-selected:hover":{backgroundColor:e.palette.surface.primary}}})}};export{e as flowTableRow};
 //# sourceMappingURL=tableRow.theme.js.map

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

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

package/materialui/tabs/Tab.js

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

package/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 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":"qLAMO,MAAMA,EAA+DC,EAC1E,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAAIC,EAAAL,EAAjC,CAAA,WAAA,SAEC,MAAMM,EAAgBC,EACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,YAEP,IAGF,OACEC,EAACC,iBACCb,IAAKA,EAAG,aACG,cACNE,GAAQ,CAAEY,UAAW,KACtBX,GACJY,UAAwB,QAAdC,EAAAb,EAAKc,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,oBAAuB,EAACjB,SAE3DkB,EAACC,EAAG,CAACH,UAAU,uBAAuBI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOlB,GAAa,CAAEmB,SAAU,aAAUvB,SAAA,CAChFW,EAACQ,EAAG,CACFH,UAAU,gBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,GACGlB,GAAa,CAChBmB,SAAU,aAAUvB,SAIrBA,IAEHW,EAACQ,EAAG,CACFH,UAAU,wBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGlB,GAAa,CAChBoB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMvB,SAEjBA"}
+{"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","children","link","rest","ref","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","className","includes","_jsxs","Box","sx","position","fontWeight","opacity"],"mappings":"4JAMaA,EAA+DC,EAC1E,EAAGC,WAAUC,QAAO,KAAUC,GAAQC,KAEpC,MAAMC,EAAgBC,EACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,YAEP,IAGF,OACEC,EAACC,EAAU,CACTT,IAAKA,EAAG,aACG,gBACNF,GAAQ,CAAEY,UAAW,QACtBX,EACJY,SAAUZ,EAAKa,WAAWC,SAAS,iBAAkB,EAAK,EAAChB,SAE3DiB,EAACC,EAAG,CAACH,UAAU,uBAAuBI,GAAI,IAAKf,EAAegB,SAAU,YAAYpB,SAAA,CAClFW,EAACO,EAAG,CACFH,UAAU,gBACVI,GAAI,IACCf,EACHgB,SAAU,YAEXpB,SAEAA,IAEHW,EAACO,EAAG,CACFH,UAAU,wBACVI,GAAI,IACCf,EACHiB,WAAY,MAEZC,QAAS,IACTF,SAAU,YACX,cACW,OAAMpB,SAEjBA"}

package/materialui/tabs/TabPanel.d.ts

@@ -9,8 +9,13 @@ export interface TabPanelProps extends BoxProps<ElementType> {
      *  index of the tab panel, when equals to value, content is shown
      */
     index?: number | string;
+    /**
+     * always keep the children in the DOM.
+     * @default false
+     */
+    keepMounted?: boolean;
 }
 /**
  * Show or hide content based on the provided value and index
  */
-export declare function TabPanel({ children, value, index, ...rest }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanel({ children, sx, value, index, keepMounted, ...rest }: TabPanelProps): import("react/jsx-runtime").JSX.Element;

package/materialui/tabs/TabPanel.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Box as i}from"@mui/material";function a(a){var{children:t,value:n,index:l}=a,d=e(a,["children","value","index"]);return r(i,Object.assign({role:"tabpanel","data-testid":`TabPanel-${l}`,"aria-hidden":n!==l},d,{children:n===l&&t}))}export{a as TabPanel};
+import{jsx as e}from"react/jsx-runtime";import{Box as r}from"@mui/material";function a({children:a,sx:i,value:n,index:t,keepMounted:d=!1,...o}){return e(r,{role:"tabpanel","data-testid":`TabPanel-${t}`,"aria-hidden":n!==t,sx:{...i,...n!==t&&{display:"none"}},...o,children:(d||n===t)&&a})}export{a as TabPanel};
 //# sourceMappingURL=TabPanel.js.map

package/materialui/tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../../src/materialui/tabs/TabPanel.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface TabPanelProps extends BoxProps<ElementType> {\n  /**\n   *  currently selected tab\n   */\n  value?: number | string;\n  /**\n   *  index of the tab panel, when equals to value, content is shown\n   */\n  index?: number | string;\n}\n\n/**\n * Show or hide content based on the provided value and index\n */\nexport function TabPanel({ children, value, index, ...rest }: TabPanelProps) {\n  return (\n    <Box role=\"tabpanel\" data-testid={`TabPanel-${index}`} aria-hidden={value !== index} {...rest}>\n      {value === index && children}\n    </Box>\n  );\n}\n"],"names":["TabPanel","_a","children","value","index","rest","__rest","_jsx","Box","Object","assign","role"],"mappings":"2GAiBM,SAAUA,EAASC,OAAAC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,KAAUC,EAAIC,EAAAL,EAAjC,CAAA,WAAA,QAAA,UACvB,OACEM,EAACC,EAAGC,OAAAC,OAAA,CAACC,KAAK,WAAU,cAAc,YAAYP,IAAO,cAAeD,IAAUC,GAAWC,EAAI,CAAAH,SAC1FC,IAAUC,GAASF,IAG1B"}
+{"version":3,"file":"TabPanel.js","sources":["../../../src/materialui/tabs/TabPanel.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface TabPanelProps extends BoxProps<ElementType> {\n  /**\n   *  currently selected tab\n   */\n  value?: number | string;\n  /**\n   *  index of the tab panel, when equals to value, content is shown\n   */\n  index?: number | string;\n  /**\n   * always keep the children in the DOM.\n   * @default false\n   */\n  keepMounted?: boolean;\n}\n\n/**\n * Show or hide content based on the provided value and index\n */\nexport function TabPanel({ children, sx, value, index, keepMounted = false, ...rest }: TabPanelProps) {\n  return (\n    <Box\n      role=\"tabpanel\"\n      data-testid={`TabPanel-${index}`}\n      aria-hidden={value !== index}\n      sx={{\n        ...sx,\n        ...(value !== index && { display: 'none' }),\n      }}\n      {...rest}\n    >\n      {(keepMounted || value === index) && children}\n    </Box>\n  );\n}\n"],"names":["TabPanel","children","sx","value","index","keepMounted","rest","_jsx","Box","role","display"],"mappings":"qFAsBgBA,GAASC,SAAEA,EAAQC,GAAEA,EAAEC,MAAEA,EAAKC,MAAEA,EAAKC,YAAEA,GAAc,KAAUC,IAC7E,OACEC,EAACC,EAAG,CACFC,KAAK,WAAU,cACF,YAAYL,IAAO,cACnBD,IAAUC,EACvBF,GAAI,IACCA,KACCC,IAAUC,GAAS,CAAEM,QAAS,YAEhCJ,EAAIL,UAENI,GAAeF,IAAUC,IAAUH,GAG3C"}

package/materialui/tabs/TabsScrollButton.js

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

package/materialui/tabs/TabsScrollButton.js.map

@@ -1 +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      data-testid={`TabsScrollButton-${direction}`}\n      size=\"small\"\n      sx={{ m: '4px' }}\n      {...rest}\n    >\n      {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n    </IconButton>\n  );\n};\n"],"names":["TabsScrollButton","_a","direction","slots","slotProps","ownerState","rest","__rest","_jsx","IconButton","Object","assign","size","sx","m","children","ChevronLeftIcon","ChevronRightIcon"],"mappings":"wRAOO,MAAMA,EAAoBC,IAAA,IAAAC,UAAEA,EAASC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,GAAUJ,EAAKK,EAAIC,EAAAN,EAAlD,CAAA,YAAA,QAAA,YAAA,eAC/B,OACEO,EAACC,EAAUC,OAAAC,OAAA,CAAA,aACiB,SAAdT,EAAuB,cAAgB,eAAc,cACpD,oBAAoBA,IACjCU,KAAK,QACLC,GAAI,CAAEC,EAAG,QACLR,EAAI,CAAAS,SAEgBP,EAAT,SAAdN,EAAwBc,EAAsBC,EAAP,CAAA"}
+{"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      data-testid={`TabsScrollButton-${direction}`}\n      size=\"small\"\n      sx={{ m: '4px' }}\n      {...rest}\n    >\n      {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n    </IconButton>\n  );\n};\n"],"names":["TabsScrollButton","direction","slots","slotProps","ownerState","rest","_jsx","IconButton","size","sx","m","children","ChevronLeftIcon","ChevronRightIcon"],"mappings":"yPAOO,MAAMA,EAAmB,EAAGC,YAAWC,QAAOC,YAAWC,gBAAeC,KAE3EC,EAACC,EAAU,CAAA,aACiB,SAAdN,EAAuB,cAAgB,eAAc,cACpD,oBAAoBA,IACjCO,KAAK,QACLC,GAAI,CAAEC,EAAG,UACLL,EAAIM,SAEgBL,EAAT,SAAdL,EAAwBW,EAAsBC,EAAP,CAAA"}

package/materialui/tabs/tab.theme.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{TabComponent as t}from"./Tab.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:t,LinkComponent:o=>e(t,Object.assign({link:!0},o))},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}}),o(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};export{i as flowTab};
+import{jsx as o}from"react/jsx-runtime";import{TabComponent as e}from"./Tab.js";import{getFocusRingStyle as t}from"../../components/focusring/focusring.js";const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:e,LinkComponent:t=>o(e,{link:!0,...t})},styleOverrides:{root:({theme:o,ownerState:e})=>({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:o.palette.text.primary,"&:hover, &.Mui-focusVisible":{"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},...e.icon&&{..."start"===e.iconPosition&&{"& .FlowTab-label":{left:"0"}},..."end"===e.iconPosition&&{"& .FlowTab-label":{right:"0"}}},"&.Mui-selected":{color:o.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:o.palette.disabled.tertiary},...t(o,!1,"2px"),[o.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};export{i as flowTab};
 //# sourceMappingURL=tab.theme.js.map