@skodaflow/web-library 7.13.1 → 7.15.0

package/cjs/materialui/slider/sliderValues.js

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

package/cjs/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              aria-label=\"Minimum value\"\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              aria-label=\"Maximum value\"\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\n            aria-label=\"Current value\"\n            value={value}\n            setValue={setValue}\n            label={label}\n            labelProps={labelProps}\n            {...sliderValueProps}\n          />\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                    color: 'onSurface.os500',\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              ...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              aria-valuenow={formattedValue}\n              aria-valuemax={max}\n              aria-valuemin={min}\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","jsxs","_Fragment","Fragment","_jsx","SliderValue","newValue","undefined","textAlign","jsx","_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","jsx","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","jsxs","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/cjs/materialui/stepper/StepLabelIcon.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo } 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      {IconComponent && (\n        <IconComponent\n          sx={{\n            position: 'absolute',\n            fontSize: 'inherit',\n            color: 'background.primary',\n          }}\n        />\n      )}\n      <Box\n        className={[\n          flowStepIconClasses.root,\n          active && flowStepIconClasses.active,\n          completed && flowStepIconClasses.completed,\n          error && flowStepIconClasses.error,\n          disabled && flowStepIconClasses.disabled,\n        ]\n          .filter((c) => c)\n          .join(' ')}\n      />\n    </FlowStepIconRoot>\n  );\n};\n\nconst FlowStepIconRoot = ({ children, sx, ...restProps }: BoxProps) => {\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        // 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          },\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            },\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>\n  );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","sx","restProps","__rest","_jsx","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsxs","jsxs","jsx","className","filter","c","join"],"mappings":"+NAKa,MAAAA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBA0CNC,EAAoBC,QAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACxB,OACEK,MAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAN,kBACEO,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OAEV,CAAC,MAAMvB,EAAoBC,QAAS,CAClCgB,OAAQ,OACRC,MAAO,OACPM,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAK9B,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1E2B,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,QAGT,CAAC,KAAKlB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGsB,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAK1B,EAAoBE,UAAW,CACnC2B,MAAO,kBACPZ,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACThB,SAAU,WACVG,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,OAET,CAAC,KAAKtC,EAAoBI,SAAU,CAClCqB,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBhB,IAEDC,YAEHF,IACG,4BA3GuB,EAAGN,SAAQC,YAAWC,QAAOmC,iBAC5D,MAAMlC,SAAEA,GAAakC,QAAAA,EAAc,CAAE,EAE/BC,EAAgBC,EAAAA,SAAQ,IACxBrC,EACKsC,EAASA,UACPvC,IAAcD,EAChByC,EAASA,UAET,MAER,CAACvC,EAAOD,EAAWD,IAEtB,OACE0C,EAACC,KAAAvC,EACE,CAAAE,SAAA,CAAAgC,GACC5B,EAACkC,IAAAN,EACC,CAAA/B,GAAI,CACFY,SAAU,WACVE,SAAU,UACVM,MAAO,wBAIbjB,EAAAA,IAACC,EAAGA,IAAA,CACFkC,UAAW,CACT/C,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/B2C,QAAQC,GAAMA,IACdC,KAAK,SAEO"}
+{"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n  root: 'FlowStepIcon-root',\n  active: 'FlowStepIcon-active',\n  completed: 'FlowStepIcon-completed',\n  error: 'FlowStepIcon-error',\n  disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n  const { disabled } = ownerState ?? {};\n  // obtain icon based on the state\n  const IconComponent = useMemo(() => {\n    if (error) {\n      return CloseIcon;\n    } else if (completed && !active) {\n      return CheckIcon;\n    } else {\n      return null;\n    }\n  }, [error, completed, active]);\n\n  return (\n    <FlowStepIconRoot\n      className={[\n        flowStepIconClasses.root,\n        active && flowStepIconClasses.active,\n        completed && flowStepIconClasses.completed,\n        error && flowStepIconClasses.error,\n        disabled && flowStepIconClasses.disabled,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {IconComponent && (\n        <IconComponent\n          sx={{\n            position: 'absolute',\n            fontSize: 'inherit',\n            color: 'background.primary',\n          }}\n        />\n      )}\n    </FlowStepIconRoot>\n  );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n  // during first render (and first state) do not play animation\n  const animation = useRef(false);\n  const initialClassName = useRef(className);\n  if (!animation.current && initialClassName.current !== className) {\n    animation.current = true;\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        height: '28px',\n        width: '28px',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n        boxSizing: 'border-box',\n        fontSize: '16px',\n        '& .MuiSvgIcon-root': {\n          zIndex: '5',\n        },\n        [`@keyframes flowStepperActive`]: {\n          '0%': {\n            transform: 'scale(1.5)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        [`@keyframes flowStepperCompleted`]: {\n          '0%': {\n            transform: 'scale(.8)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        // style is also applied in stepButton.theme.ts\n        [`& .${flowStepIconClasses.root}`]: {\n          height: '100%',\n          width: '100%',\n          borderRadius: '40px',\n          borderColor: 'onSurface.os500',\n          backgroundColor: 'transparent',\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          color: 'transparent',\n          minHeight: '20px',\n          // completed\n          [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n            color: 'onSurface.os700',\n            backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            border: 'none',\n            height: '100%',\n            width: '100%',\n            animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n          },\n          // error\n          [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n            borderColor: 'error.main',\n            backgroundColor: 'error.main',\n          },\n          // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n          // active\n          [`&.${flowStepIconClasses.active}`]: {\n            color: 'onSurface.os700',\n            height: '100%',\n            width: '100%',\n            marginRight: '0px',\n            marginLeft: '0px',\n            borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            '&::before': {\n              content: '\"\"',\n              position: 'absolute',\n              borderRadius: '40px',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              inset: '5px',\n              animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n              zIndex: '1',\n            },\n            [`&.${flowStepIconClasses.error}`]: {\n              borderColor: 'error.main',\n              '&::before': {\n                backgroundColor: 'transparent.transparent',\n                border: 3,\n                inset: '2px',\n                borderColor: 'background.primary',\n              },\n            },\n          },\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n      <Box className={className} />\n    </Box>\n  );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","className","sx","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","_jsx","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","jsx","filter","Boolean","join"],"mappings":"+NAKa,MAAAA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAyCNC,EAAoBC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,GAAEA,KAAOC,EAA9BC,EAAAA,OAAAL,EAAA,CAAA,WAAA,YAAA,OAExB,MAAMM,EAAYC,EAAMA,QAAC,GACnBC,EAAmBD,EAAMA,OAACL,GAKhC,OAJKI,EAAUG,SAAWD,EAAiBC,UAAYP,IACrDI,EAAUG,SAAU,GAIpBC,OAACC,EAAAA,IACCC,OAAAC,OAAA,CAAAV,kBACEW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OACV,qBAAsB,CACpBC,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM/B,EAAoBC,QAAS,CAClCqB,OAAQ,OACRC,MAAO,OACPS,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAKtC,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EmC,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRpB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAKhB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnG8B,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKlC,EAAoBE,UAAW,CACnCmC,MAAO,kBACPf,OAAQ,OACRC,MAAO,OACPoB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnB,SAAU,WACVM,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACPjC,UAAWA,EAAUG,QAAU,yBAA2B,OAC1Da,OAAQ,KAEV,CAAC,KAAK7B,EAAoBI,SAAU,CAClC6B,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBvB,IAEDC,EAAS,CAAAH,SAAA,CAEZA,EACDuC,EAAAA,IAAC7B,EAAAA,IAAG,CAACT,UAAWA,OACZ,4BA5IuB,EAAGP,SAAQC,YAAWC,QAAO4C,iBAC5D,MAAM3C,SAAEA,GAAa2C,QAAAA,EAAc,CAAE,EAE/BC,EAAgBC,EAAAA,SAAQ,IACxB9C,EACK+C,EAASA,UACPhD,IAAcD,EAChBkD,EAASA,UAET,MAER,CAAChD,EAAOD,EAAWD,IAEtB,OACE6C,EAAAM,IAAC/C,EAAgB,CACfG,UAAW,CACTT,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BiD,OAAOC,SACPC,KAAK,KAEPhD,SAAAyC,GACCF,MAACE,EACC,CAAAvC,GAAI,CACFgB,SAAU,WACVE,SAAU,UACVS,MAAO,yBAII"}

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,10 @@
 /**
  * This component renders a scroll button that changes based on the scroll direction
  */
-export declare const FlowScrollButtonComponent: ({ direction, slots, slotProps, ...rest }: {
+export declare const FlowScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
     [x: string]: any;
     direction: any;
     slots: any;
     slotProps: any;
+    ownerState: any;
 }) => import("react/jsx-runtime").JSX.Element;

package/cjs/materialui/tabs/ScrollButton.js

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

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

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

package/{materialui/tabs/tabComponent.d.ts → cjs/materialui/tabs/Tab.d.ts}

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

package/cjs/materialui/tabs/Tab.js

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

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

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

package/cjs/materialui/tabs/{tabPanel.d.ts → TabPanel.d.ts}

@@ -1,9 +1,5 @@
 import { ElementType } from 'react';
 import { BoxProps } from '@mui/material';
-/**
- * @interface TabPanelProps
- * @description Interface of TabPanel component.
- */
 export interface TabPanelProps extends BoxProps<ElementType> {
     /**
      *  currently selected tab

package/cjs/materialui/tabs/{tabPanel.js → TabPanel.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("@mui/material");exports.TabPanel=function(i){var{children:t,value:n,index:l}=i,s=e.__rest(i,["children","value","index"]);return r.jsx(a.Box,Object.assign({role:"tabpanel","data-testid":`TabPanel-${l}`},s,{children:n===l&&t}))};
-//# sourceMappingURL=tabPanel.js.map
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("@mui/material");exports.TabPanel=function(i){var{children:t,value:n,index:l}=i,s=e.__rest(i,["children","value","index"]);return r.jsx(a.Box,Object.assign({role:"tabpanel","data-testid":`TabPanel-${l}`,"aria-hidden":n!==l},s,{children:n===l&&t}))};
+//# sourceMappingURL=TabPanel.js.map

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

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

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

@@ -1,5 +1,5 @@
 export { Tab, Tabs } from '@mui/material';
 export type { TabProps, TabsProps } from '@mui/material';
-export * from './tabPanel';
-export * from './tabComponent';
-export * from './scrollButtonComponent';
+export * from './TabPanel';
+export * from './Tab';
+export * from './ScrollButton';

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("./scrollButtonComponent.js"),a=require("../../components/focusring/focusring.js"),o=require("../button/interactive.js");const i={defaultProps:{scrollButtons:!1,allowScrollButtonsMobile:!0,visibleScrollbar:!0,variant:"scrollable",TabIndicatorProps:{children:e.jsx(t.Box,{sx:{backgroundColor:"currentColor",height:"100%",width:"100%"}})},ScrollButtonComponent:r.FlowScrollButtonComponent},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"8px"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign({maxWidth:"none",background:"transparent",display:"flex",paddingLeft:"8px",paddingRight:"8px",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px",paddingLeft:"0",paddingRight:"0"},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"},"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},a.updateFocusRingStyle("0px",!1)),o.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},o.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({paddingTop:"12px","& .MuiTabs-flexContainer":{gap:"10px"},"& .MuiTab-root":Object.assign(Object.assign({},e.typography.caption1),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})},{props:{template:"segmented"},style:({theme:e})=>({gap:"4px",color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",padding:"0",zIndex:"10",borderRadius:"555px","& > .MuiBox-root":{position:"relative",borderRadius:"555px",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTabs-scrollButtons":{width:"32px",height:"32px","& .MuiSvgIcon-root":{fontSize:"18px"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"8px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",margin:"4px 0"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};exports.flowTabs=i;
+"use strict";var e=require("./ScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js");const a={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.FlowScrollButton}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),{"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t.updateFocusRingStyle("0px",!1)),r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},r.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":Object.assign({marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"}},e.typography.list)})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};exports.flowTabs=a;
 //# sourceMappingURL=tabs.theme.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const e={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:e,label:l})=>Object.assign({},!l&&e&&{"aria-label":e})},styleOverrides:{}};exports.flowTextField=e;
+"use strict";const t={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:t,label:e})=>Object.assign({},!e&&t&&{"aria-label":t})},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};exports.flowTextField=t;
 //# sourceMappingURL=textField.theme.js.map