@skodaflow/web-library 7.15.0 → 7.16.0

package/materialui/slider/sliderValues.js.map

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

package/materialui/snackbar/snackbar.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.theme.js","sources":["../../../src/materialui/snackbar/snackbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowSnackbar: Components<Theme>['MuiSnackbar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        // responsive\n        maxWidth: `calc(100% - ${24 * 2}px)`,\n        minWidth: '320px',\n      },\n    }),\n  },\n};\n"],"names":["flowSnackbar","styleOverrides","root","theme","breakpoints","up","maxWidth","minWidth"],"mappings":"AAGa,MAAAA,EAAiD,CAC5DC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAE5BC,SAAU,oBACVC,SAAU"}
+{"version":3,"file":"snackbar.theme.js","sources":["../../../src/materialui/snackbar/snackbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowSnackbar: Components<Theme>['MuiSnackbar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        // responsive\n        maxWidth: `calc(100% - ${24 * 2}px)`,\n        minWidth: '320px',\n      },\n    }),\n  },\n};\n"],"names":["flowSnackbar","styleOverrides","root","theme","breakpoints","up","maxWidth","minWidth"],"mappings":"AAGO,MAAMA,EAAiD,CAC5DC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAE5BC,SAAU,oBACVC,SAAU"}

package/materialui/snackbar/snackbarContent.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbarContent.theme.js","sources":["../../../src/materialui/snackbar/snackbarContent.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowAlert } from '../alert/alert.theme';\nimport { ComponentsOverrides } from '@mui/material/styles/overrides';\n\nexport const flowSnackbarContent: Components<Theme>['MuiSnackbarContent'] = {\n  styleOverrides: {\n    root: flowAlert.styleOverrides.root,\n    message: flowAlert.styleOverrides.message,\n    action: flowAlert.styleOverrides.action,\n    // ignore missing properties of snackbar that are in the flowAlert\n  } as ComponentsOverrides<Theme>['MuiSnackbarContent'],\n};\n"],"names":["flowSnackbarContent","styleOverrides","root","flowAlert","message","action"],"mappings":"oDAKa,MAAAA,EAA+D,CAC1EC,eAAgB,CACdC,KAAMC,EAAUF,eAAeC,KAC/BE,QAASD,EAAUF,eAAeG,QAClCC,OAAQF,EAAUF,eAAeI"}
+{"version":3,"file":"snackbarContent.theme.js","sources":["../../../src/materialui/snackbar/snackbarContent.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowAlert } from '../alert/alert.theme';\nimport { ComponentsOverrides } from '@mui/material/styles/overrides';\n\nexport const flowSnackbarContent: Components<Theme>['MuiSnackbarContent'] = {\n  styleOverrides: {\n    root: flowAlert.styleOverrides.root,\n    message: flowAlert.styleOverrides.message,\n    action: flowAlert.styleOverrides.action,\n    // ignore missing properties of snackbar that are in the flowAlert\n  } as ComponentsOverrides<Theme>['MuiSnackbarContent'],\n};\n"],"names":["flowSnackbarContent","styleOverrides","root","flowAlert","message","action"],"mappings":"oDAKO,MAAMA,EAA+D,CAC1EC,eAAgB,CACdC,KAAMC,EAAUF,eAAeC,KAC/BE,QAASD,EAAUF,eAAeG,QAClCC,OAAQF,EAAUF,eAAeI"}

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{__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};
 //# 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":"6SAKa,MAAAA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAGCC,EAAoB,EAAGJ,SAAQC,YAAWC,QAAOG,iBAC5D,MAAMF,SAAEA,GAAaE,QAAAA,EAAc,CAAE,EAE/BC,EAAgBC,GAAQ,IACxBL,EACKM,EACEP,IAAcD,EAChBS,EAEA,MAER,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,KAEPC,SAAAV,GACCI,EAACJ,EACC,CAAAW,GAAI,CACFC,SAAU,WACVC,SAAU,UACVC,MAAO,yBAII,EAIjBT,EAAoBU,QAAAL,SAAEA,EAAQJ,UAAEA,EAASK,GAAEA,KAAOK,EAA9BC,EAAAF,EAAA,CAAA,WAAA,YAAA,OAExB,MAAMG,EAAYC,GAAO,GACnBC,EAAmBD,EAAOb,GAKhC,OAJKY,EAAUG,SAAWD,EAAiBC,UAAYf,IACrDY,EAAUG,SAAU,GAIpBC,EAACC,EACCC,OAAAC,OAAA,CAAAd,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,OACZ"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"step.theme.js","sources":["../../../src/materialui/stepper/step.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStep: Components<Theme>['MuiStep'] = {\n  styleOverrides: {\n    root: {\n      // ensure content takes equal amount of space no matter content\n      minWidth: '0',\n    },\n  },\n};\n"],"names":["flowStep","styleOverrides","root","minWidth"],"mappings":"AAEa,MAAAA,EAAyC,CACpDC,eAAgB,CACdC,KAAM,CAEJC,SAAU"}
+{"version":3,"file":"step.theme.js","sources":["../../../src/materialui/stepper/step.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStep: Components<Theme>['MuiStep'] = {\n  styleOverrides: {\n    root: {\n      // ensure content takes equal amount of space no matter content\n      minWidth: '0',\n    },\n  },\n};\n"],"names":["flowStep","styleOverrides","root","minWidth"],"mappings":"AAEO,MAAMA,EAAyC,CACpDC,eAAgB,CACdC,KAAM,CAEJC,SAAU"}

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":"oMAKa,MAAAA,EAAqD,CAChEC,eAAgB,CACdC,KAAM,EAAGC,WACPC,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,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","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"}

package/materialui/stepper/stepConnector.theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n  styleOverrides: {\n    line: ({ theme }) => ({\n      borderColor: theme.palette.onSurface.os300,\n      borderTopWidth: '2px',\n    }),\n    lineVertical: {\n      borderLeftWidth: '2px',\n    },\n  },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","borderColor","palette","onSurface","os300","borderTopWidth","lineVertical","borderLeftWidth"],"mappings":"AAEa,MAAAA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,YAAaD,EAAME,QAAQC,UAAUC,MACrCC,eAAgB,QAElBC,aAAc,CACZC,gBAAiB"}
+{"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n  styleOverrides: {\n    line: ({ theme }) => ({\n      border: 'none',\n      '&.MuiStepConnector-lineVertical': {\n        borderLeft: `2px solid ${theme.palette.onSurface.os300}`,\n      },\n      '&.MuiStepConnector-lineHorizontal\t': {\n        borderTop: `2px solid ${theme.palette.onSurface.os300}`,\n      },\n    }),\n  },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","border","borderLeft","palette","onSurface","os300","borderTop"],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,OACR,kCAAmC,CACjCC,WAAY,aAAaF,EAAMG,QAAQC,UAAUC,SAEnD,sCAAsC,CACpCC,UAAW,aAAaN,EAAMG,QAAQC,UAAUC"}

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

@@ -1 +1 @@
-{"version":3,"file":"stepContent.theme.js","sources":["../../../src/materialui/stepper/stepContent.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepContent: Components<Theme>['MuiStepContent'] = {\n  // stepContent is styled from stepper.theme.ts\n};\n"],"names":["flowStepContent"],"mappings":"AAEa,MAAAA,EAAuD"}
+{"version":3,"file":"stepContent.theme.js","sources":["../../../src/materialui/stepper/stepContent.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepContent: Components<Theme>['MuiStepContent'] = {\n  // stepContent is styled from stepper.theme.ts\n};\n"],"names":["flowStepContent"],"mappings":"AAEO,MAAMA,EAAuD"}

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

package/materialui/stepper/stepper.theme.js

@@ -1,2 +1,2 @@
-import{flowStepIconClasses as e}from"./StepLabelIcon.js";const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer":{"& > div":{minHeight:"20px"},"&.Mui-active > div":{height:"100%",maxHeight:"200px",minHeight:"20px"}}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{[i.breakpoints.up("xl")]:{gap:i.spacing(.5)},"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStepLabel-root":{width:"100%"},"&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div":{width:"100%",maxWidth:"200px"},"&.MuiStepper-vertical:not(.MuiStepper-horizontal)":{"& .MuiStepLabel-iconContainer.Mui-active > div":{height:"60px"}},"& .MuiStep-root":{flexGrow:"0",flexBasis:"auto",paddingRight:i.spacing(.25),paddingLeft:i.spacing(.25),[`&:has(.${e.active})`]:{flexGrow:"1",maxWidth:"200px",minWidth:"20px"}},"& .MuiStepLabel-iconContainer":{width:"100%","&:not(.Mui-error) svg":{display:"none"}},"& .MuiStepLabel-iconContainer > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px"},[`&&& .${e.root}.${e.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.root}.${e.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};export{t 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})=>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};
 //# 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\n      ...(size === 'small' && {\n        '& .MuiStepLabel-vertical': {\n          padding: '0',\n        },\n        '& .MuiStepLabel-iconContainer': {\n          '& > div': {\n            minHeight: '20px',\n          },\n          '&.Mui-active > div': {\n            height: '100%',\n            maxHeight: '200px',\n            minHeight: '20px',\n          },\n        },\n      }),\n    }),\n    root: ({ size, theme }) => ({\n      ...(size === 'small' && {\n        [theme.breakpoints.up('xl')]: {\n          gap: theme.spacing(0.5),\n        },\n        // hide dividers\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // hide labels\n        '& .MuiStepLabel-labelContainer': {\n          display: 'none',\n        },\n        '& .MuiStepLabel-root': {\n          width: '100%',\n        },\n        // when compact and horizontal apply more width\n        '&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div': {\n          width: '100%',\n          maxWidth: '200px',\n        },\n        // vertical\n        '&.MuiStepper-vertical:not(.MuiStepper-horizontal)': {\n          '& .MuiStepLabel-iconContainer.Mui-active > div': {\n            height: '60px',\n          },\n        },\n        '& .MuiStep-root': {\n          flexGrow: '0',\n          flexBasis: 'auto',\n          paddingRight: theme.spacing(0.25),\n          paddingLeft: theme.spacing(0.25),\n          [`&:has(.${flowStepIconClasses.active})`]: {\n            flexGrow: '1',\n            maxWidth: '200px',\n            minWidth: '20px',\n          },\n        },\n        '& .MuiStepLabel-iconContainer': {\n          width: '100%',\n          // in compact mode show icon only for error\n          '&:not(.Mui-error) svg': {\n            display: 'none',\n          },\n        },\n        '& .MuiStepLabel-iconContainer > div': {\n          minWidth: '20px',\n          width: '20px',\n          height: '20px',\n          minHeight: '20px',\n          fontSize: '14px',\n        },\n        // when the stepper is in small variant, the inset of the icon should be 0\n        [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n          inset: '0',\n          borderWidth: '0',\n          animation: 'none',\n        },\n      }),\n    }),\n    nonLinear: ({ theme, size }) => ({\n      // only non-linear variant show disabled style\n      [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n        // exclamation mark\n        ...(size !== 'small' && {\n          [`&:not(.${flowStepIconClasses.completed})::after`]: {\n            content: '\"!\"',\n            lineHeight: '24px',\n            fontSize: 'inherit',\n            fontWeight: '800',\n            color: theme.palette.background.primary,\n          },\n        }),\n        // default\n        [`&:not(.${flowStepIconClasses.active})`]: {\n          borderColor: theme.palette.disabled.secondary,\n          backgroundColor: theme.palette.disabled.secondary,\n        },\n        // active\n        [`&:.${flowStepIconClasses.active}`]: {\n          borderColor: theme.palette.disabled.secondary,\n          '&::before': {\n            backgroundColor: theme.palette.disabled.secondary,\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","minHeight","height","maxHeight","root","breakpoints","up","gap","spacing","width","maxWidth","flexGrow","flexBasis","paddingRight","flowStepIconClasses","active","minWidth","fontSize","inset","borderWidth","animation","nonLinear","disabled","completed","content","lineHeight","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"yDAGa,MAAAA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,UAClBQ,OAAAC,OAAA,CAAA,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAGA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,gCAAiC,CAC/B,UAAW,CACTC,UAAW,QAEb,qBAAsB,CACpBC,OAAQ,OACRC,UAAW,QACXF,UAAW,WAKnBG,KAAM,EAAGtB,OAAMO,WACVC,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAACO,EAAMgB,YAAYC,GAAG,OAAQ,CAC5BC,IAAKlB,EAAMmB,QAAQ,KAGrB,2BAA4B,CAC1BhB,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,uBAAwB,CACtBiB,MAAO,QAGT,2EAA4E,CAC1EA,MAAO,OACPC,SAAU,SAGZ,oDAAqD,CACnD,iDAAkD,CAChDR,OAAQ,SAGZ,kBAAmB,CACjBS,SAAU,IACVC,UAAW,OACXC,aAAcxB,EAAMmB,QAAQ,KAC5Bf,YAAaJ,EAAMmB,QAAQ,KAC3B,CAAC,UAAUM,EAAoBC,WAAY,CACzCJ,SAAU,IACVD,SAAU,QACVM,SAAU,SAGd,gCAAiC,CAC/BP,MAAO,OAEP,wBAAyB,CACvBjB,QAAS,SAGb,sCAAuC,CACrCwB,SAAU,OACVP,MAAO,OACPP,OAAQ,OACRD,UAAW,OACXgB,SAAU,QAGZ,CAAC,QAAQH,EAAoBV,QAAQU,EAAoBC,kBAAmB,CAC1EG,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGhC,QAAOP,WAAY,CAE/B,CAAC,MAAMgC,EAAoBV,QAAQU,EAAoBQ,YAElDhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAU,UAATT,GAAoB,CACtB,CAAC,UAAUgC,EAAoBS,qBAAsB,CACnDC,QAAS,MACTC,WAAY,OACZR,SAAU,UACVS,WAAY,MACZC,MAAOtC,EAAMO,QAAQgC,WAAWC,WAElC,CAEF,CAAC,UAAUf,EAAoBC,WAAY,CACzCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpCC,gBAAiB3C,EAAMO,QAAQ0B,SAASS,WAG1C,CAAC,MAAMjB,EAAoBC,UAAW,CACpCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpC,YAAa,CACXC,gBAAiB3C,EAAMO,QAAQ0B,SAASS"}
+{"version":3,"file":"stepper.theme.js","sources":["../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n  defaultProps: {\n    alternativeLabel: true,\n    size: 'medium',\n  },\n  styleOverrides: {\n    horizontal: {\n      '& .MuiStepContent-root': {\n        borderLeft: 'none',\n      },\n      '&:not(.MuiStepper-alternativeLabel)': {\n        alignItems: 'flex-start',\n        '& .MuiStepConnector-root': {\n          marginTop: '13px',\n        },\n      },\n    },\n    vertical: ({ theme, size }) => ({\n      '& .MuiStep-alternativeLabel': {\n        // when vertical and alternativeLabel don't display connector\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // when vertical and alternativeLabel the content should be right on side\n        '& .MuiStepContent-root': {\n          paddingLeft: '0',\n          marginLeft: '0',\n          border: 'none',\n        },\n      },\n      '& .MuiStepContent-root': {\n        paddingLeft: '24px',\n        marginLeft: '12px',\n        // when the size is not small apply border\n        ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n      },\n      '& .MuiStepLabel-alternativeLabel': {\n        alignItems: 'flex-start',\n        textAlign: 'start',\n      },\n      ...(size === 'small' && {\n        '& .MuiStepLabel-vertical': {\n          padding: '0',\n        },\n        '& .MuiStepLabel-iconContainer.Mui-active > div': {\n          width: '20px',\n          height: '60px',\n        },\n      }),\n    }),\n    root: ({ size, theme }) => ({\n      ...(size === 'small' && {\n        // hide dividers\n        '& .MuiStepConnector-root': {\n          display: 'none',\n        },\n        // hide labels\n        '& .MuiStepLabel-labelContainer': {\n          display: 'none',\n        },\n        '& .MuiStep-root': {\n          lineHeight: '0',\n          flexGrow: '0',\n          flexBasis: 'auto',\n          flexShrink: '1',\n          padding: '0',\n          minWidth: '24px',\n          transition: 'flex-basis 0.3s ease',\n          '& *': {\n            maxWidth: '100%',\n          },\n          '& .MuiStepButton-root': {\n            boxSizing: 'border-box',\n            // use of padding instead of gap to increase clickable area\n            padding: theme.spacing(0.25),\n            [theme.breakpoints.up('xl')]: {\n              '&.MuiStepButton-horizontal': {\n                paddingLeft: theme.spacing(0.5),\n                paddingRight: theme.spacing(0.5),\n              },\n              '&.MuiStepButton-vertical': {\n                paddingTop: theme.spacing(0.5),\n                paddingBottom: theme.spacing(0.5),\n              },\n            },\n          },\n          '&:first-of-type': {\n            '& .MuiStepButton-horizontal': {\n              paddingLeft: theme.spacing(0.25),\n            },\n            '& .MuiStepButton-vertical': {\n              paddingTop: theme.spacing(0.25),\n            },\n          },\n          '&:last-of-type': {\n            '& .MuiStepButton-horizontal': {\n              paddingRight: theme.spacing(0.25),\n            },\n            '& .MuiStepButton-vertical': {\n              paddingBottom: theme.spacing(0.25),\n            },\n          },\n        },\n        '& .MuiStepLabel-iconContainer': {\n          // in compact mode show icon only for error\n          '&:not(.Mui-error) svg': {\n            display: 'none',\n          },\n          '& > div': {\n            minWidth: '20px',\n            width: '20px',\n            height: '20px',\n            minHeight: '20px',\n            fontSize: '14px',\n            transition: 'width 0.3s ease, height 0.3s ease',\n          },\n          '&.Mui-active > div': {\n            width: '200px',\n          },\n        },\n        // when the stepper is in small variant, the inset of the icon should be 0\n        [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n          inset: '0',\n          borderWidth: '0',\n          animation: 'none',\n        },\n      }),\n    }),\n    nonLinear: ({ theme, size }) => ({\n      // only non-linear variant show disabled style\n      [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n        // exclamation mark\n        ...(size !== 'small' && {\n          [`&:not(.${flowStepIconClasses.completed})::after`]: {\n            content: '\"!\"',\n            lineHeight: '24px',\n            fontSize: 'inherit',\n            fontWeight: '800',\n            color: theme.palette.background.primary,\n          },\n        }),\n        // default\n        [`&:not(.${flowStepIconClasses.active})`]: {\n          borderColor: theme.palette.disabled.secondary,\n          backgroundColor: theme.palette.disabled.secondary,\n        },\n        // active\n        [`&:.${flowStepIconClasses.active}`]: {\n          borderColor: theme.palette.disabled.secondary,\n          '&::before': {\n            backgroundColor: theme.palette.disabled.secondary,\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","width","height","root","lineHeight","flexGrow","flexBasis","flexShrink","minWidth","transition","maxWidth","boxSizing","spacing","breakpoints","up","paddingRight","paddingTop","paddingBottom","minHeight","fontSize","flowStepIconClasses","active","inset","borderWidth","animation","nonLinear","disabled","completed","content","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"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"}

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

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

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

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

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{__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};
 //# 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":"2aASa,MAAAA,EAA0CC,GAAW,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAaF,EAANG,EAAIC,EAAAJ,EAAb,QACjE,OACEK,EAACC,EACCC,OAAAC,OAAA,CAAAN,GAAKO,GACAF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAE,EAAkBD,IACrB,CAAAE,aAAc,SACXT,GAELD,IAAKA,EAAG,aACG,kBACPE,EAEJ,CAAAS,SAAA,CAAAC,EAACC,EAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAACI,EACC,CAAAF,UAAU,gCACVC,SAAS,aACTd,GAAI,CAEFgB,SAAU,WACVC,QAAS,UAGF"}
+{"version":3,"file":"TableSortLabelIcon.js","sources":["../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/**\n * TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n  return (\n    <ButtonBase\n      sx={(theme) => ({\n        ...getFocusRingStyle(theme),\n        borderRadius: '100%',\n        ...sx,\n      })}\n      ref={ref}\n      aria-label=\"Change Sorting\"\n      {...rest}\n    >\n      <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n      <ArrowCircleDownFilledIcon\n        className=\"FlowTableSortLabel-filledIcon\"\n        fontSize=\"extraSmall\"\n        sx={{\n          // hidden by default, appears with hover and active (tableSortLabel.theme)\n          position: 'absolute',\n          opacity: '0',\n        }}\n      />\n    </ButtonBase>\n  );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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":"0fAQa,MAAAA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAG,CAACC,UAAU,SAAUH,SAAAH,EAAO,IAChCI,EAACC,EAAI,CAAAC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAACC,EAAI,CAAAC,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,YAAa,CAEpBC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAa,CACvBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,WAAYgB,OAAAC,OAAAD,OAAAC,OAAA,CAErBC,SAAU,IACVC,UAAW,QAERnB,EAAMoB,WAAWC,MAAI,CAExB,CAACrB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BM,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGzB,WAAYgB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACpBO,OAAQ,IACRZ,QAAS,IACTP,aAAc,OACXL,EAAMoB,WAAWC,MACjBK,EAAkB1B,GAAO,EAAO,MAAO,mBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5BiB,WAAY,OAEd,uBAAwB,CACtBf,QAAS,sBAIbgB,cAAe,EAAG5B,QAAO6B,iBAAkB,CAEzCtB,SAAU,WAEVuB,MAAsD,IAA3CD,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,YAAa,CACvBwB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZ3B,eAAgB,WAEhBU,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC9C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BM,UAAW,OAEXX,eAAgB"}
+{"version":3,"file":"tablePagination.theme.js","sources":["../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n  defaultProps: {\n    // not recommended properties, <Pagination /> component should be utilized instead\n    showFirstButton: false,\n    showLastButton: false,\n    // adjust label\n    //  we are obtaining max page from the available params\n    //    - first page, calculated from 'from' and 'to'\n    //    - other pages, calculated from 'from' - 1 and diving by current page\n    labelDisplayedRows: ({ from, to, count, page }) => (\n      <>\n        <Box component=\"strong\">{page + 1}</Box>\n        <Box component=\"span\" className=\"divider\">{` / `}</Box>\n        <Box component=\"span\">{Math.round(count / (page >= 1 ? (from - 1) / page : to - from + 1)) || 1}</Box>\n      </>\n    ),\n    // correct icons\n    slots: {\n      actions: {\n        // navigation arrows\n        previousButtonIcon: ArrowLeftIcon,\n        nextButtonIcon: ArrowRightIcon,\n        // first & last extra arrow (hidden by default)\n        firstButtonIcon: ChevronPreviousIcon,\n        lastButtonIcon: ChevronNextIcon,\n      },\n    },\n    slotProps: {\n      actions: {\n        previousButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-previous',\n        },\n        nextButton: {\n          size: 'medium',\n          className: 'MuiTablePagination-actions-next',\n        },\n        firstButton: {\n          size: 'medium',\n        },\n        lastButton: {\n          size: 'medium',\n        },\n      },\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // we are outside table\n      border: `1px solid ${theme.palette.surface.secondary}`,\n      borderRadius: '8px',\n      // part of <TableFooter /> and <TableRow />\n      '&td': {\n        border: 'none',\n        borderRadius: '0',\n      },\n    }),\n    // wrapper under root\n    toolbar: ({ theme }) => ({\n      position: 'relative',\n      justifyContent: 'center',\n      // mimic style from tableCell.theme\n      [theme.breakpoints.up('md')]: {\n        minHeight: '80px',\n        // right padding also affect position of displayedRows\n        padding: '4px 24px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // support multiple rows\n        flexWrap: 'wrap',\n        // adjust proportions\n        minHeight: '0',\n        padding: '8px 16px',\n      },\n    }),\n    // first element on left side\n    spacer: ({ theme }) => ({\n      // make sure to keep most of the space on the left\n      flexGrow: '1',\n      flexBasis: 'auto',\n      // in case text is provided\n      ...theme.typography.body,\n      // tiny responsive\n      [theme.breakpoints.down('sm')]: {\n        // take whole row\n        flexBasis: '100%',\n        textAlign: 'center',\n      },\n    }),\n    // 'row per page:' text\n    selectLabel: {\n      margin: '0',\n    },\n    // input field for amount of rows\n    input: ({ theme }) => ({\n      margin: '0',\n      padding: '0',\n      borderRadius: '4px',\n      ...theme.typography.body,\n      ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '700',\n      },\n      '&& .MuiSelect-select': {\n        padding: '4px 26px 4px 4px',\n      },\n    }),\n    // label of current page, 1/10\n    displayedRows: ({ theme, ownerState }) => ({\n      // move into actions\n      position: 'absolute',\n      // IconButton size + padding\n      right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n      // this requires fixed size, also prevents jumping\n      width: '90px',\n      textAlign: 'center',\n      whiteSpace: 'nowrap',\n      // match size of IconButtons\n      height: '44px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      // proportions and style\n      margin: '0',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n      strong: {\n        color: theme.palette.text.primary,\n      },\n      '.divider': {\n        fontWeight: '400',\n        margin: '0 4px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to 2nd row (matches new padding from toolbar)\n        bottom: '8px',\n        // move to center\n        right: '0',\n        left: '0',\n        margin: '0 auto',\n      },\n    }),\n    // navigation arrows, < >\n    actions: ({ theme }) => ({\n      margin: '0',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      // make sure to keep most of the space on the right\n      flexGrow: '1',\n      '& .MuiTablePagination-actions-next': {\n        // extra space for displayedRows\n        marginLeft: '90px',\n      },\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        // move to new row\n        flexBasis: '100%',\n        // center content\n        justifyContent: 'center',\n      },\n    }),\n  },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","round","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","Object","assign","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"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"}

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

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

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

package/materialui/tabs/Tab.d.ts

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

package/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 FlowTab};
+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};
 //# sourceMappingURL=Tab.js.map