@skodaflow/web-library 7.15.1 → 7.16.0

package/cjs/components/numbering/numbering.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),a=require("../../utils/enum.js");const s=r.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})((t=>{var{theme:r}=t,s=e.__rest(t,["theme"]);return{fontWeight:"700",fontSize:s.size===a.NumberingSizes.LARGE?"18px":"16px",lineHeight:s.size===a.NumberingSizes.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:s.colorTheme===a.NumberingColors.DARK?r.palette.text.primary:r.palette.onSurface.os0},"& .separator-container":{color:r.palette.onSurface.os600},"& .total-container":{color:r.palette.onSurface.os600}}}));exports.Numbering=r=>{var a=e.__rest(r,[]);return t.jsxs(s,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[t.jsxs("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),t.jsxs("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),t.jsx("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),a=require("../../utils/enum.js");const s=r.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})(t=>{var{theme:r}=t,s=e.__rest(t,["theme"]);return{fontWeight:"700",fontSize:s.size===a.NumberingSizes.LARGE?"18px":"16px",lineHeight:s.size===a.NumberingSizes.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:s.colorTheme===a.NumberingColors.DARK?r.palette.text.primary:r.palette.onSurface.os0},"& .separator-container":{color:r.palette.onSurface.os600},"& .total-container":{color:r.palette.onSurface.os600}}});exports.Numbering=r=>{var a=e.__rest(r,[]);return t.jsxs(s,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[t.jsxs("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),t.jsxs("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),t.jsx("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))};
 //# sourceMappingURL=numbering.js.map

package/cjs/components/numbering/numbering.js.map

@@ -1 +1 @@
-{"version":3,"file":"numbering.js","sources":["../../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { styled } from '@mui/material';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\n\nexport interface NumberingProps extends HTMLAttributes<HTMLDivElement> {\n  /*\n   * left side of component\n   */\n  index: number;\n  /*\n   * right side of component\n   */\n  total: number;\n  /*\n   * if needed, specifis a custom simbol as separator\n   */\n  customSeparator?: string;\n  /*\n   * custom style that ovverides standard one\n   */\n  customStyle?: object;\n  /*\n   * indicates if the left side of the component should be black or white ( can be \"dark\" or \"light\")\n   */\n  colorTheme?: NumberingColors;\n  /*\n   * indicates the size for the whole component ( can be \"big\" or \"small\")\n   */\n  size?: NumberingSizes;\n}\n\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\n\nexport const Numbering: FC<NumberingProps> = ({ ...props }) => {\n  return (\n    <NumberingStyled {...props} style={props.customStyle} data-testid=\"Numbering\">\n      <span className=\"index-container\" data-testid=\"Numbering.index\">\n        {props.index}{' '}\n      </span>\n      <span className=\"separator-container\" data-testid=\"Numbering.separator\">\n        {props.customSeparator ? props.customSeparator : '/'}{' '}\n      </span>\n      <span className=\"total-container\" data-testid=\"Numbering.total\">\n        {props.total}\n      </span>\n    </NumberingStyled>\n  );\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})<NumberingProps>(({ theme, ...args }) => {\n  return {\n    fontWeight: '700',\n    fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n    lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n    letterSpacing: '0.02em',\n\n    '& .index-container': {\n      color: args.colorTheme === NumberingColors.DARK ? theme.palette.text.primary : theme.palette.onSurface.os0,\n    },\n    '& .separator-container': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .total-container': {\n      color: theme.palette.onSurface.os600,\n    },\n  };\n});\n"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","theme","args","__rest","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","palette","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"+HAqCO,MAkBDA,EAAkBC,EAAAA,OAAO,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJG,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAIC,EAAAA,OAAAH,EAAhB,WAClB,MAAO,CACLI,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAAA,eAAeC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAAA,eAAeC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOT,EAAKU,aAAeC,EAAAA,gBAAgBC,KAAOb,EAAMc,QAAQC,KAAKC,QAAUhB,EAAMc,QAAQG,UAAUC,KAEzG,yBAA0B,CACxBR,MAAOV,EAAMc,QAAQG,UAAUE,OAEjC,qBAAsB,CACpBT,MAAOV,EAAMc,QAAQG,UAAUE,OAElC,sBApC2CpB,QAAKqB,EAAKlB,EAAAA,OAAAH,EAAV,IAC5C,OACEsB,OAAC1B,EAAe2B,OAAAC,OAAA,CAAA,EAAKH,EAAK,CAAEI,MAAOJ,EAAMK,YAAW,cAAc,YAAWC,SAAA,CAC3EL,EAAAA,KAAA,OAAA,CAAMM,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DN,EAAMQ,MAAO,OAEhBP,EAAAA,KAAA,OAAA,CAAMM,UAAU,sBAAqB,cAAa,sBAAqBD,SAAA,CACpEN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAExDC,EAAAA,IAAA,OAAA,CAAMH,UAAU,kBAAiB,cAAa,kBAAiBD,SAC5DN,EAAMW,WAEO"}
+{"version":3,"file":"numbering.js","sources":["../../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { styled } from '@mui/material';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\n\nexport interface NumberingProps extends HTMLAttributes<HTMLDivElement> {\n  /*\n   * left side of component\n   */\n  index: number;\n  /*\n   * right side of component\n   */\n  total: number;\n  /*\n   * if needed, specifis a custom simbol as separator\n   */\n  customSeparator?: string;\n  /*\n   * custom style that ovverides standard one\n   */\n  customStyle?: object;\n  /*\n   * indicates if the left side of the component should be black or white ( can be \"dark\" or \"light\")\n   */\n  colorTheme?: NumberingColors;\n  /*\n   * indicates the size for the whole component ( can be \"big\" or \"small\")\n   */\n  size?: NumberingSizes;\n}\n\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\n\nexport const Numbering: FC<NumberingProps> = ({ ...props }) => {\n  return (\n    <NumberingStyled {...props} style={props.customStyle} data-testid=\"Numbering\">\n      <span className=\"index-container\" data-testid=\"Numbering.index\">\n        {props.index}{' '}\n      </span>\n      <span className=\"separator-container\" data-testid=\"Numbering.separator\">\n        {props.customSeparator ? props.customSeparator : '/'}{' '}\n      </span>\n      <span className=\"total-container\" data-testid=\"Numbering.total\">\n        {props.total}\n      </span>\n    </NumberingStyled>\n  );\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})<NumberingProps>(({ theme, ...args }) => {\n  return {\n    fontWeight: '700',\n    fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n    lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n    letterSpacing: '0.02em',\n\n    '& .index-container': {\n      color: args.colorTheme === NumberingColors.DARK ? theme.palette.text.primary : theme.palette.onSurface.os0,\n    },\n    '& .separator-container': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .total-container': {\n      color: theme.palette.onSurface.os600,\n    },\n  };\n});\n"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","theme","args","__rest","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","palette","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"+HAqCO,MAkBDA,EAAkBC,EAAAA,OAAO,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,CAEJG,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAIC,EAAAA,OAAAH,EAAhB,WAClB,MAAO,CACLI,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAAA,eAAeC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAAA,eAAeC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOT,EAAKU,aAAeC,EAAAA,gBAAgBC,KAAOb,EAAMc,QAAQC,KAAKC,QAAUhB,EAAMc,QAAQG,UAAUC,KAEzG,yBAA0B,CACxBR,MAAOV,EAAMc,QAAQG,UAAUE,OAEjC,qBAAsB,CACpBT,MAAOV,EAAMc,QAAQG,UAAUE,4BAlCSpB,QAAKqB,EAAKlB,EAAAA,OAAAH,EAAV,IAC5C,OACEsB,OAAC1B,EAAe2B,OAAAC,OAAA,CAAA,EAAKH,EAAK,CAAEI,MAAOJ,EAAMK,YAAW,cAAc,YAAWC,SAAA,CAC3EL,EAAAA,KAAA,OAAA,CAAMM,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DN,EAAMQ,MAAO,OAEhBP,EAAAA,KAAA,OAAA,CAAMM,UAAU,sBAAqB,cAAa,sBAAqBD,SAAA,CACpEN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAExDC,EAAAA,IAAA,OAAA,CAAMH,UAAU,kBAAiB,cAAa,kBAAiBD,SAC5DN,EAAMW"}

package/cjs/components/overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/overlay/Overlay.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface OverlayProps extends BoxProps<ElementType> {\n  variant?: 'default' | 'hero';\n  /** The content like image to be displayed inside the overlay.  */\n  overlayContent?: React.ReactNode;\n  /** custom props of the Box wrapper of the component. */\n  wrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * The Overlay Component\n *\n * Overlay component wraps its children with an overlay effect. The overlay effect is achieved\n * using a semi-transparent gradient background. The component allows for custom content\n * (like an image) to be displayed inside the overlay through the `overlayContent` prop.\n */\nexport const Overlay: React.FC<OverlayProps> = ({ wrapperProps, sx, overlayContent, variant, children, ...rest }) => {\n  const { sx: wrapperSx, ...restWrapper } = wrapperProps || {};\n\n  return (\n    <Box\n      data-testid=\"Overlay-wrapper\"\n      sx={{ position: 'relative', maxWidth: '100%', maxHeight: '100%', ...wrapperSx }}\n      {...restWrapper}\n    >\n      {overlayContent}\n      <Box\n        data-testid=\"Overlay-overlay\"\n        sx={{\n          position: 'absolute',\n          inset: '0',\n          zIndex: '100',\n          background:\n            variant === 'hero'\n              ? 'linear-gradient(0deg, rgba(35, 35, 35, 0.3), rgba(35, 35, 35, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(28, 28, 28, 0.72) 100%)'\n              : 'linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["_a","wrapperProps","sx","overlayContent","variant","children","rest","__rest","_b","wrapperSx","restWrapper","_jsxs","Box","Object","assign","position","maxWidth","maxHeight","_jsx","inset","zIndex","background"],"mappings":"8GAkBgDA,IAAA,IAAAC,aAAEA,EAAYC,GAAEA,EAAEC,eAAEA,EAAcC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CAAIC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAAAA,IAACN,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA,QAEC"}
+{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/overlay/Overlay.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface OverlayProps extends BoxProps<ElementType> {\n  variant?: 'default' | 'hero';\n  /** The content like image to be displayed inside the overlay.  */\n  overlayContent?: React.ReactNode;\n  /** custom props of the Box wrapper of the component. */\n  wrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * The Overlay Component\n *\n * Overlay component wraps its children with an overlay effect. The overlay effect is achieved\n * using a semi-transparent gradient background. The component allows for custom content\n * (like an image) to be displayed inside the overlay through the `overlayContent` prop.\n */\nexport const Overlay: React.FC<OverlayProps> = ({ wrapperProps, sx, overlayContent, variant, children, ...rest }) => {\n  const { sx: wrapperSx, ...restWrapper } = wrapperProps || {};\n\n  return (\n    <Box\n      data-testid=\"Overlay-wrapper\"\n      sx={{ position: 'relative', maxWidth: '100%', maxHeight: '100%', ...wrapperSx }}\n      {...restWrapper}\n    >\n      {overlayContent}\n      <Box\n        data-testid=\"Overlay-overlay\"\n        sx={{\n          position: 'absolute',\n          inset: '0',\n          zIndex: '100',\n          background:\n            variant === 'hero'\n              ? 'linear-gradient(0deg, rgba(35, 35, 35, 0.3), rgba(35, 35, 35, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(28, 28, 28, 0.72) 100%)'\n              : 'linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["_a","wrapperProps","sx","overlayContent","variant","children","rest","__rest","_b","wrapperSx","restWrapper","_jsxs","Box","Object","assign","position","maxWidth","maxHeight","_jsx","inset","zIndex","background"],"mappings":"8GAkBgDA,IAAA,IAAAC,aAAEA,EAAYC,GAAEA,EAAEC,eAAEA,EAAcC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CAAIC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAAAA,IAACN,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA"}

package/cjs/components/pageLayout/PageLayout.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),a=require("@mui/material");const s=r.forwardRef(((s,i)=>{var{children:o,sx:n,header:d,footer:c,headerPosition:l="static",headerSlideThreshold:h=250,wrapContent:p=!1,headerProps:x,headerContainerProps:g,headerWrapperProps:u,contentProps:j,footerProps:m}=s,b=e.__rest(s,["children","sx","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerProps","headerContainerProps","headerWrapperProps","contentProps","footerProps"]);const f=a.useTheme(),P=null!=u?u:{},{sx:O}=P,B=e.__rest(P,["sx"]),w=null!=g?g:{},{sx:C,className:y}=w,v=e.__rest(w,["sx","className"]),[S,_]=r.useState(parseFloat(String(f.mixins.toolbar.minHeight))),L=r.useCallback((e=>{"static"!==l&&e&&new ResizeObserver((()=>{_(e.offsetHeight)})).observe(e)}),["static"!==l]),T=a.useScrollTrigger({target:window,threshold:h});return t.jsxs(a.Box,Object.assign({sx:Object.assign({position:"relative",minHeight:"100vh",backgroundColor:"surface.primary",display:"grid",gridTemplateRows:[d&&"max-content","auto",c&&"max-content"].filter(Boolean).join(" ")},n),"data-testid":"PageLayout",ref:i},b,{children:[d&&t.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign({},"static"!==l&&S&&{height:S}),O),"data-testid":"PageLayout.headerWrapper"},B,{children:t.jsx(a.Box,Object.assign({},"slide"===l&&{component:a.Slide,appear:!1,direction:"down",in:!T},{sx:Object.assign(Object.assign({},"static"!==l&&{position:"fixed",top:"0",left:"0",right:"0",zIndex:f.zIndex.appBar}),C),className:["static"!==l?"mui-fixed":"",y].filter(Boolean).join(", ")},v,{children:t.jsx(a.Box,Object.assign({ref:L,"data-testid":"PageLayout.header"},x,{children:d}))}))})),t.jsx(a.Box,Object.assign({},p&&{component:a.Container,maxWidth:"xl"},{"data-testid":"Container"},j,{children:o})),c&&t.jsx(a.Box,Object.assign({"data-testid":"PageLayout.footer"},m,{children:c}))]}))}));exports.PageLayout=s;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),a=require("@mui/material");const s=r.forwardRef((s,i)=>{var{children:o,sx:n,header:d,footer:c,headerPosition:l="static",headerSlideThreshold:h=250,wrapContent:p=!1,headerProps:x,headerContainerProps:g,headerWrapperProps:u,contentProps:j,footerProps:m}=s,b=e.__rest(s,["children","sx","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerProps","headerContainerProps","headerWrapperProps","contentProps","footerProps"]);const f=a.useTheme(),P=null!=u?u:{},{sx:O}=P,B=e.__rest(P,["sx"]),w=null!=g?g:{},{sx:C,className:y}=w,v=e.__rest(w,["sx","className"]),[S,_]=r.useState(parseFloat(String(f.mixins.toolbar.minHeight))),L=r.useCallback(e=>{"static"!==l&&e&&new ResizeObserver(()=>{_(e.offsetHeight)}).observe(e)},["static"!==l]),T=a.useScrollTrigger({target:window,threshold:h});return t.jsxs(a.Box,Object.assign({sx:Object.assign({position:"relative",minHeight:"100vh",backgroundColor:"surface.primary",display:"grid",gridTemplateRows:[d&&"max-content","auto",c&&"max-content"].filter(Boolean).join(" ")},n),"data-testid":"PageLayout",ref:i},b,{children:[d&&t.jsx(a.Box,Object.assign({sx:Object.assign(Object.assign({},"static"!==l&&S&&{height:S}),O),"data-testid":"PageLayout.headerWrapper"},B,{children:t.jsx(a.Box,Object.assign({},"slide"===l&&{component:a.Slide,appear:!1,direction:"down",in:!T},{sx:Object.assign(Object.assign({},"static"!==l&&{position:"fixed",top:"0",left:"0",right:"0",zIndex:f.zIndex.appBar}),C),className:["static"!==l?"mui-fixed":"",y].filter(Boolean).join(", ")},v,{children:t.jsx(a.Box,Object.assign({ref:L,"data-testid":"PageLayout.header"},x,{children:d}))}))})),t.jsx(a.Box,Object.assign({},p&&{component:a.Container,maxWidth:"xl"},{"data-testid":"Container"},j,{children:o})),c&&t.jsx(a.Box,Object.assign({"data-testid":"PageLayout.footer"},m,{children:c}))]}))});exports.PageLayout=s;
 //# sourceMappingURL=PageLayout.js.map

package/cjs/components/pageLayout/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../../../src/components/pageLayout/PageLayout.tsx"],"sourcesContent":["import React, { useCallback, useState, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, useScrollTrigger, Slide, Container, useTheme } from '@mui/material';\n\nexport interface PageLayoutProps extends BoxProps<ElementType> {\n  /**\n   * React node that renders layout header\n   */\n  header?: React.ReactNode;\n  /**\n   * React node that renders layout footer\n   */\n  footer?: React.ReactNode;\n  /**\n   * Specifies position of header\n   * - static: header is fixed on top of the content\n   * - fixed: header is visible while user scrolls the content\n   * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up\n   * @default static\n   */\n  headerPosition?: 'static' | 'fixed' | 'slide';\n  /**\n   * Specifies threshold that is used to hide header for the headerPosition=\"slide\"\n   * @default 250\n   */\n  headerSlideThreshold?: number;\n  /**\n   * Specifies if content should be automatically wrapped into container component\n   * @default false\n   */\n  wrapContent?: boolean;\n  /**\n   * Properties applied to header wrapper\n   */\n  headerProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to header wrapper\n   */\n  headerContainerProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to root header wrapper\n   */\n  headerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to page content wrapper\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to footer wrapper\n   */\n  footerProps?: BoxProps<ElementType>;\n}\n\nexport const PageLayout: React.FC<PageLayoutProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      header,\n      footer,\n      headerPosition = 'static',\n      headerSlideThreshold = 250,\n      wrapContent = false,\n      headerProps,\n      headerContainerProps,\n      headerWrapperProps,\n      contentProps,\n      footerProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: headerWrapperSx, ...restHeaderWrapper } = headerWrapperProps ?? {};\n    const {\n      sx: headerContainerSx,\n      className: headerContainerClassName,\n      ...restHeaderContainer\n    } = headerContainerProps ?? {};\n    // header height to take actual space in dom for the fixed/slide variants\n    const [headerHeight, setHeaderHeight] = useState<number>(parseFloat(String(theme.mixins.toolbar.minHeight)));\n    const headerContainerRef = useCallback(\n      (element: HTMLElement) => {\n        if (headerPosition === 'static' || !element) {\n          return;\n        }\n        new ResizeObserver(() => {\n          setHeaderHeight(element.offsetHeight);\n        }).observe(element);\n      },\n      [headerPosition !== 'static'],\n    );\n    // trigger hide of the header during scroll\n    const slideTrigger = useScrollTrigger({\n      target: window,\n      threshold: headerSlideThreshold,\n    });\n\n    return (\n      <Box\n        sx={{\n          position: 'relative',\n          minHeight: '100vh',\n          backgroundColor: 'surface.primary',\n          display: 'grid',\n          gridTemplateRows: [header && 'max-content', 'auto', footer && 'max-content'].filter(Boolean).join(' '),\n          ...sx,\n        }}\n        data-testid=\"PageLayout\"\n        ref={ref}\n        {...rest}\n      >\n        {header && (\n          <Box\n            sx={{\n              ...(headerPosition !== 'static' && headerHeight && { height: headerHeight }),\n              ...headerWrapperSx,\n            }}\n            data-testid=\"PageLayout.headerWrapper\"\n            {...restHeaderWrapper}\n          >\n            <Box\n              {...(headerPosition === 'slide' && {\n                component: Slide,\n                appear: false,\n                direction: 'down',\n                in: !slideTrigger,\n              })}\n              sx={{\n                ...(headerPosition !== 'static' && {\n                  position: 'fixed',\n                  top: '0',\n                  left: '0',\n                  right: '0',\n                  zIndex: theme.zIndex.appBar,\n                }),\n                ...headerContainerSx,\n              }}\n              className={[headerPosition !== 'static' ? 'mui-fixed' : '', headerContainerClassName]\n                .filter(Boolean)\n                .join(', ')}\n              {...restHeaderContainer}\n            >\n              <Box ref={headerContainerRef} data-testid=\"PageLayout.header\" {...headerProps}>\n                {header}\n              </Box>\n            </Box>\n          </Box>\n        )}\n        <Box {...(wrapContent && { component: Container, maxWidth: 'xl' })} data-testid=\"Container\" {...contentProps}>\n          {children}\n        </Box>\n        {footer && (\n          <Box data-testid=\"PageLayout.footer\" {...footerProps}>\n            {footer}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["PageLayout","forwardRef","_a","ref","children","sx","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerProps","headerContainerProps","headerWrapperProps","contentProps","footerProps","rest","__rest","theme","useTheme","_b","headerWrapperSx","restHeaderWrapper","_c","headerContainerSx","className","headerContainerClassName","restHeaderContainer","headerHeight","setHeaderHeight","useState","parseFloat","String","mixins","toolbar","minHeight","headerContainerRef","useCallback","element","ResizeObserver","offsetHeight","observe","slideTrigger","useScrollTrigger","target","window","threshold","_jsxs","Box","Object","assign","position","backgroundColor","display","gridTemplateRows","filter","Boolean","join","_jsx","height","component","Slide","appear","direction","in","top","left","right","zIndex","appBar","Container","maxWidth"],"mappings":"iHAoDO,MAAMA,EAAwCC,EAAAA,YACnD,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,OACFA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,EAAKC,YACnBA,EAAWC,qBACXA,EAAoBC,mBACpBA,EAAkBC,aAClBA,EAAYC,YACZA,GAAWb,EACRc,EAAIC,EAAAA,OAAAf,EAbT,kLAiBA,MAAMgB,EAAQC,EAAAA,WACRC,EAAgDP,QAAAA,EAAsB,IAApER,GAAIgB,GAAeD,EAAKE,EAAiBL,EAAAA,OAAAG,EAA3C,CAAA,OACAG,EAIFX,QAAAA,EAAwB,IAH1BP,GAAImB,EACJC,UAAWC,GAAwBH,EAChCI,EAAmBV,EAAAA,OAAAM,EAHlB,CAAA,KAAA,eAMCK,EAAcC,GAAmBC,EAAAA,SAAiBC,WAAWC,OAAOd,EAAMe,OAAOC,QAAQC,aAC1FC,EAAqBC,eACxBC,IACwB,WAAnB9B,GAAgC8B,GAGpC,IAAIC,gBAAe,KACjBV,EAAgBS,EAAQE,aAAa,IACpCC,QAAQH,EAAQ,GAErB,CAAoB,WAAnB9B,IAGGkC,EAAeC,EAAAA,iBAAiB,CACpCC,OAAQC,OACRC,UAAWrC,IAGb,OACEsC,EAAAA,KAACC,EAAAA,mBACC3C,GAAE4C,OAAAC,OAAA,CACAC,SAAU,WACVhB,UAAW,QACXiB,gBAAiB,kBACjBC,QAAS,OACTC,iBAAkB,CAAChD,GAAU,cAAe,OAAQC,GAAU,eAAegD,OAAOC,SAASC,KAAK,MAC/FpD,GAAE,cAEK,aACZF,IAAKA,GACDa,EAAI,CAAAZ,SAAA,CAEPE,GACCoD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CACF7C,kCACyB,WAAnBG,GAA+BoB,GAAgB,CAAE+B,OAAQ/B,IAC1DP,GAAe,cAER,4BACRC,EAAiB,CAAAlB,SAErBsD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EACsB,UAAnB1C,GAA8B,CACjCoD,UAAWC,EAAAA,MACXC,QAAQ,EACRC,UAAW,OACXC,IAAKtB,IAEPrC,GAAE4C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACuB,WAAnB1C,GAA+B,CACjC2C,SAAU,QACVc,IAAK,IACLC,KAAM,IACNC,MAAO,IACPC,OAAQlD,EAAMkD,OAAOC,SAEpB7C,GAELC,UAAW,CAAoB,WAAnBjB,EAA8B,YAAc,GAAIkB,GACzD6B,OAAOC,SACPC,KAAK,OACJ9B,EAAmB,CAAAvB,SAEvBsD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAC/C,IAAKiC,EAAkB,cAAc,qBAAwBzB,EAAW,CAAAP,SAC1EE,WAKToD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAMxC,GAAe,CAAEkD,UAAWU,EAAAA,UAAWC,SAAU,MAAO,CAAA,cAAc,aAAgBzD,EAAY,CAAAV,SACzGA,KAEFG,GACCmD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,qBAAwBnC,EAAW,CAAAX,SACjDG,QAGD"}
+{"version":3,"file":"PageLayout.js","sources":["../../../../../src/components/pageLayout/PageLayout.tsx"],"sourcesContent":["import React, { useCallback, useState, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, useScrollTrigger, Slide, Container, useTheme } from '@mui/material';\n\nexport interface PageLayoutProps extends BoxProps<ElementType> {\n  /**\n   * React node that renders layout header\n   */\n  header?: React.ReactNode;\n  /**\n   * React node that renders layout footer\n   */\n  footer?: React.ReactNode;\n  /**\n   * Specifies position of header\n   * - static: header is fixed on top of the content\n   * - fixed: header is visible while user scrolls the content\n   * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up\n   * @default static\n   */\n  headerPosition?: 'static' | 'fixed' | 'slide';\n  /**\n   * Specifies threshold that is used to hide header for the headerPosition=\"slide\"\n   * @default 250\n   */\n  headerSlideThreshold?: number;\n  /**\n   * Specifies if content should be automatically wrapped into container component\n   * @default false\n   */\n  wrapContent?: boolean;\n  /**\n   * Properties applied to header wrapper\n   */\n  headerProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to header wrapper\n   */\n  headerContainerProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to root header wrapper\n   */\n  headerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to page content wrapper\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to footer wrapper\n   */\n  footerProps?: BoxProps<ElementType>;\n}\n\nexport const PageLayout: React.FC<PageLayoutProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      header,\n      footer,\n      headerPosition = 'static',\n      headerSlideThreshold = 250,\n      wrapContent = false,\n      headerProps,\n      headerContainerProps,\n      headerWrapperProps,\n      contentProps,\n      footerProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: headerWrapperSx, ...restHeaderWrapper } = headerWrapperProps ?? {};\n    const {\n      sx: headerContainerSx,\n      className: headerContainerClassName,\n      ...restHeaderContainer\n    } = headerContainerProps ?? {};\n    // header height to take actual space in dom for the fixed/slide variants\n    const [headerHeight, setHeaderHeight] = useState<number>(parseFloat(String(theme.mixins.toolbar.minHeight)));\n    const headerContainerRef = useCallback(\n      (element: HTMLElement) => {\n        if (headerPosition === 'static' || !element) {\n          return;\n        }\n        new ResizeObserver(() => {\n          setHeaderHeight(element.offsetHeight);\n        }).observe(element);\n      },\n      [headerPosition !== 'static'],\n    );\n    // trigger hide of the header during scroll\n    const slideTrigger = useScrollTrigger({\n      target: window,\n      threshold: headerSlideThreshold,\n    });\n\n    return (\n      <Box\n        sx={{\n          position: 'relative',\n          minHeight: '100vh',\n          backgroundColor: 'surface.primary',\n          display: 'grid',\n          gridTemplateRows: [header && 'max-content', 'auto', footer && 'max-content'].filter(Boolean).join(' '),\n          ...sx,\n        }}\n        data-testid=\"PageLayout\"\n        ref={ref}\n        {...rest}\n      >\n        {header && (\n          <Box\n            sx={{\n              ...(headerPosition !== 'static' && headerHeight && { height: headerHeight }),\n              ...headerWrapperSx,\n            }}\n            data-testid=\"PageLayout.headerWrapper\"\n            {...restHeaderWrapper}\n          >\n            <Box\n              {...(headerPosition === 'slide' && {\n                component: Slide,\n                appear: false,\n                direction: 'down',\n                in: !slideTrigger,\n              })}\n              sx={{\n                ...(headerPosition !== 'static' && {\n                  position: 'fixed',\n                  top: '0',\n                  left: '0',\n                  right: '0',\n                  zIndex: theme.zIndex.appBar,\n                }),\n                ...headerContainerSx,\n              }}\n              className={[headerPosition !== 'static' ? 'mui-fixed' : '', headerContainerClassName]\n                .filter(Boolean)\n                .join(', ')}\n              {...restHeaderContainer}\n            >\n              <Box ref={headerContainerRef} data-testid=\"PageLayout.header\" {...headerProps}>\n                {header}\n              </Box>\n            </Box>\n          </Box>\n        )}\n        <Box {...(wrapContent && { component: Container, maxWidth: 'xl' })} data-testid=\"Container\" {...contentProps}>\n          {children}\n        </Box>\n        {footer && (\n          <Box data-testid=\"PageLayout.footer\" {...footerProps}>\n            {footer}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["PageLayout","forwardRef","_a","ref","children","sx","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerProps","headerContainerProps","headerWrapperProps","contentProps","footerProps","rest","__rest","theme","useTheme","_b","headerWrapperSx","restHeaderWrapper","_c","headerContainerSx","className","headerContainerClassName","restHeaderContainer","headerHeight","setHeaderHeight","useState","parseFloat","String","mixins","toolbar","minHeight","headerContainerRef","useCallback","element","ResizeObserver","offsetHeight","observe","slideTrigger","useScrollTrigger","target","window","threshold","_jsxs","Box","Object","assign","position","backgroundColor","display","gridTemplateRows","filter","Boolean","join","_jsx","height","component","Slide","appear","direction","in","top","left","right","zIndex","appBar","Container","maxWidth"],"mappings":"iHAoDO,MAAMA,EAAwCC,EAAAA,WACnD,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,OACFA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,EAAKC,YACnBA,EAAWC,qBACXA,EAAoBC,mBACpBA,EAAkBC,aAClBA,EAAYC,YACZA,GAAWb,EACRc,EAAIC,EAAAA,OAAAf,EAbT,kLAiBA,MAAMgB,EAAQC,EAAAA,WACRC,EAAgDP,QAAAA,EAAsB,IAApER,GAAIgB,GAAeD,EAAKE,EAAiBL,EAAAA,OAAAG,EAA3C,CAAA,OACAG,EAIFX,QAAAA,EAAwB,IAH1BP,GAAImB,EACJC,UAAWC,GAAwBH,EAChCI,EAAmBV,EAAAA,OAAAM,EAHlB,CAAA,KAAA,eAMCK,EAAcC,GAAmBC,EAAAA,SAAiBC,WAAWC,OAAOd,EAAMe,OAAOC,QAAQC,aAC1FC,EAAqBC,cACxBC,IACwB,WAAnB9B,GAAgC8B,GAGpC,IAAIC,eAAe,KACjBV,EAAgBS,EAAQE,gBACvBC,QAAQH,IAEb,CAAoB,WAAnB9B,IAGGkC,EAAeC,EAAAA,iBAAiB,CACpCC,OAAQC,OACRC,UAAWrC,IAGb,OACEsC,EAAAA,KAACC,EAAAA,mBACC3C,GAAE4C,OAAAC,OAAA,CACAC,SAAU,WACVhB,UAAW,QACXiB,gBAAiB,kBACjBC,QAAS,OACTC,iBAAkB,CAAChD,GAAU,cAAe,OAAQC,GAAU,eAAegD,OAAOC,SAASC,KAAK,MAC/FpD,GAAE,cAEK,aACZF,IAAKA,GACDa,EAAI,CAAAZ,SAAA,CAEPE,GACCoD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CACF7C,kCACyB,WAAnBG,GAA+BoB,GAAgB,CAAE+B,OAAQ/B,IAC1DP,GAAe,cAER,4BACRC,EAAiB,CAAAlB,SAErBsD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EACsB,UAAnB1C,GAA8B,CACjCoD,UAAWC,EAAAA,MACXC,QAAQ,EACRC,UAAW,OACXC,IAAKtB,IAEPrC,GAAE4C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACuB,WAAnB1C,GAA+B,CACjC2C,SAAU,QACVc,IAAK,IACLC,KAAM,IACNC,MAAO,IACPC,OAAQlD,EAAMkD,OAAOC,SAEpB7C,GAELC,UAAW,CAAoB,WAAnBjB,EAA8B,YAAc,GAAIkB,GACzD6B,OAAOC,SACPC,KAAK,OACJ9B,EAAmB,CAAAvB,SAEvBsD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAC/C,IAAKiC,EAAkB,cAAc,qBAAwBzB,EAAW,CAAAP,SAC1EE,WAKToD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAMxC,GAAe,CAAEkD,UAAWU,EAAAA,UAAWC,SAAU,MAAO,CAAA,cAAc,aAAgBzD,EAAY,CAAAV,SACzGA,KAEFG,GACCmD,EAAAA,IAACV,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,qBAAwBnC,EAAW,CAAAX,SACjDG"}

package/cjs/components/pagination/pagination.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),a=require("@mui/material");const n=require("react").forwardRef(((n,s)=>{var{isDisabled:i,page:o,hideFirstButton:r,hideLastButton:u,showFirstButton:l,showLastButton:h,hideLabels:d,onValueChange:B,disabled:b,onChange:g,prevButtonLabel:L,nextButtonLabel:w}=n,p=t.__rest(n,["isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","onValueChange","disabled","onChange","prevButtonLabel","nextButtonLabel"]);return e.jsx(a.Pagination,Object.assign({},p,{ref:s,disabled:b||i,page:o&&g?o:void 0,onChange:(t,e)=>{null==g||g(t,e),null==B||B(e)},showFirstButton:l||!r,showLastButton:h||!u}))}));exports.Pagination=n;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),a=require("@mui/material");const n=require("react").forwardRef((n,s)=>{var{isDisabled:i,page:o,hideFirstButton:r,hideLastButton:u,showFirstButton:l,showLastButton:h,hideLabels:d,onValueChange:B,disabled:b,onChange:g,prevButtonLabel:L,nextButtonLabel:w}=n,p=t.__rest(n,["isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","onValueChange","disabled","onChange","prevButtonLabel","nextButtonLabel"]);return e.jsx(a.Pagination,Object.assign({},p,{ref:s,disabled:b||i,page:o&&g?o:void 0,onChange:(t,e)=>{null==g||g(t,e),null==B||B(e)},showFirstButton:l||!r,showLastButton:h||!u}))});exports.Pagination=n;
 //# sourceMappingURL=pagination.js.map

package/cjs/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nexport interface PaginationProps extends MuiPaginationProps {\n  /**\n   *  If true, a pagination will be disabled.\n   *  @deprecated It is recommended to use `disabled` prop instead of `isDisabled`\n   */\n  isDisabled?: boolean;\n\n  /**\n   *  The label for previous button.\n   *  @deprecated No longer used, property has no effect\n   */\n  prevButtonLabel?: string;\n\n  /**\n   *  The label for next button.\n   *  @deprecated No longer used, property has no effect\n   */\n  nextButtonLabel?: string;\n\n  /**\n   * If true, hide the first-page button.\n   * @deprecated Use showFirstButton instead\n   */\n  hideFirstButton?: boolean;\n\n  /**\n   * If true, hide the last-page button.\n   * @deprecated Use showLastButton instead\n   */\n  hideLastButton?: boolean;\n\n  /**\n   * enable or disable direction label. mobile only\n   * @deprecated No longer used, property has no effect\n   */\n  hideLabels?: boolean;\n\n  /**\n   * callback for value change handling. takes the new value as its only parameter\n   * @deprecated provide the callback in the onChange function\n   **/\n  onValueChange?: (payload: number) => void;\n}\n\n/**\n * @mui Pagination that contain props parser for the previous implementation\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      isDisabled,\n      page,\n      hideFirstButton,\n      hideLastButton,\n      showFirstButton,\n      showLastButton,\n      hideLabels: _,\n      onValueChange,\n      disabled,\n      onChange,\n      prevButtonLabel: __,\n      nextButtonLabel: ___,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiPagination\n        {...rest}\n        ref={ref}\n        disabled={disabled || isDisabled}\n        page={page && onChange ? page : undefined}\n        onChange={(e, newPage) => {\n          onChange?.(e, newPage);\n          onValueChange?.(newPage);\n        }}\n        showFirstButton={showFirstButton || !hideFirstButton}\n        showLastButton={showLastButton || !hideLastButton}\n      />\n    );\n  },\n);\n"],"names":["Pagination","forwardRef","_a","ref","isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","_","onValueChange","disabled","onChange","prevButtonLabel","__","nextButtonLabel","___","rest","__rest","_jsx","MuiPagination","Object","assign","undefined","e","newPage"],"mappings":"8FAkDO,MAAMA,mBAAaC,YACxB,CACEC,EAeAC,KAfA,IAAAC,WACEA,EAAUC,KACVA,EAAIC,gBACJA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,eACfA,EACAC,WAAYC,EAACC,cACbA,EAAaC,SACbA,EAAQC,SACRA,EACAC,gBAAiBC,EACjBC,gBAAiBC,GAAGhB,EACjBiB,EAAIC,EAAAA,OAAAlB,EAbT,oLAiBA,OACEmB,EAAAA,IAACC,aAAaC,OAAAC,OAAA,CAAA,EACRL,GACJhB,IAAKA,EACLU,SAAUA,GAAYT,EACtBC,KAAMA,GAAQS,EAAWT,OAAOoB,EAChCX,SAAU,CAACY,EAAGC,KACZb,SAAAA,EAAWY,EAAGC,GACdf,SAAAA,EAAgBe,EAAQ,EAE1BnB,gBAAiBA,IAAoBF,EACrCG,eAAgBA,IAAmBF,IACnC"}
+{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nexport interface PaginationProps extends MuiPaginationProps {\n  /**\n   *  If true, a pagination will be disabled.\n   *  @deprecated It is recommended to use `disabled` prop instead of `isDisabled`\n   */\n  isDisabled?: boolean;\n\n  /**\n   *  The label for previous button.\n   *  @deprecated No longer used, property has no effect\n   */\n  prevButtonLabel?: string;\n\n  /**\n   *  The label for next button.\n   *  @deprecated No longer used, property has no effect\n   */\n  nextButtonLabel?: string;\n\n  /**\n   * If true, hide the first-page button.\n   * @deprecated Use showFirstButton instead\n   */\n  hideFirstButton?: boolean;\n\n  /**\n   * If true, hide the last-page button.\n   * @deprecated Use showLastButton instead\n   */\n  hideLastButton?: boolean;\n\n  /**\n   * enable or disable direction label. mobile only\n   * @deprecated No longer used, property has no effect\n   */\n  hideLabels?: boolean;\n\n  /**\n   * callback for value change handling. takes the new value as its only parameter\n   * @deprecated provide the callback in the onChange function\n   **/\n  onValueChange?: (payload: number) => void;\n}\n\n/**\n * @mui Pagination that contain props parser for the previous implementation\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      isDisabled,\n      page,\n      hideFirstButton,\n      hideLastButton,\n      showFirstButton,\n      showLastButton,\n      hideLabels: _,\n      onValueChange,\n      disabled,\n      onChange,\n      prevButtonLabel: __,\n      nextButtonLabel: ___,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiPagination\n        {...rest}\n        ref={ref}\n        disabled={disabled || isDisabled}\n        page={page && onChange ? page : undefined}\n        onChange={(e, newPage) => {\n          onChange?.(e, newPage);\n          onValueChange?.(newPage);\n        }}\n        showFirstButton={showFirstButton || !hideFirstButton}\n        showLastButton={showLastButton || !hideLastButton}\n      />\n    );\n  },\n);\n"],"names":["Pagination","forwardRef","_a","ref","isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","_","onValueChange","disabled","onChange","prevButtonLabel","__","nextButtonLabel","___","rest","__rest","_jsx","MuiPagination","Object","assign","undefined","e","newPage"],"mappings":"8FAkDO,MAAMA,mBAAaC,WACxB,CACEC,EAeAC,KAfA,IAAAC,WACEA,EAAUC,KACVA,EAAIC,gBACJA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,eACfA,EACAC,WAAYC,EAACC,cACbA,EAAaC,SACbA,EAAQC,SACRA,EACAC,gBAAiBC,EACjBC,gBAAiBC,GAAGhB,EACjBiB,EAAIC,EAAAA,OAAAlB,EAbT,oLAiBA,OACEmB,EAAAA,IAACC,aAAaC,OAAAC,OAAA,CAAA,EACRL,GACJhB,IAAKA,EACLU,SAAUA,GAAYT,EACtBC,KAAMA,GAAQS,EAAWT,OAAOoB,EAChCX,SAAU,CAACY,EAAGC,KACZb,SAAAA,EAAWY,EAAGC,GACdf,SAAAA,EAAgBe,IAElBnB,gBAAiBA,IAAoBF,EACrCG,eAAgBA,IAAmBF"}

package/cjs/components/passwordField/passwordField.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),r=require("../icon/stroke/HideIcon.js"),o=require("../icon/stroke/ShowIcon.js");const n=t.forwardRef(((n,l)=>{var{slotProps:c,iconButtonProps:u,visible:a,setVisible:p}=n,d=e.__rest(n,["slotProps","iconButtonProps","visible","setVisible"]);const j=c||{},{input:b}=j,x=e.__rest(j,["input"]),[w,g]=t.useState(!1),m=null!=a?a:w,q=null!=p?p:g;return s.jsx(i.TextField,Object.assign({ref:l,type:m?"text":"password",autoComplete:"new-password",slotProps:Object.assign({input:Object.assign({endAdornment:s.jsx(i.InputAdornment,{position:"end",children:s.jsx(i.IconButton,Object.assign({onClick:()=>q(!m),"aria-label":"Toggle visibility"},u,{children:m?s.jsx(r.HideIcon,{}):s.jsx(o.ShowIcon,{})}))})},b)},x)},d))}));exports.PasswordField=n;
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),r=require("../icon/stroke/HideIcon.js"),o=require("../icon/stroke/ShowIcon.js");const n=t.forwardRef((n,l)=>{var{slotProps:c,iconButtonProps:u,visible:a,setVisible:p}=n,d=e.__rest(n,["slotProps","iconButtonProps","visible","setVisible"]);const j=c||{},{input:b}=j,x=e.__rest(j,["input"]),[w,g]=t.useState(!1),m=null!=a?a:w,q=null!=p?p:g;return s.jsx(i.TextField,Object.assign({ref:l,type:m?"text":"password",autoComplete:"new-password",slotProps:Object.assign({input:Object.assign({endAdornment:s.jsx(i.InputAdornment,{position:"end",children:s.jsx(i.IconButton,Object.assign({onClick:()=>q(!m),"aria-label":"Toggle visibility"},u,{children:m?s.jsx(r.HideIcon,{}):s.jsx(o.ShowIcon,{})}))})},b)},x)},d))});exports.PasswordField=n;
 //# sourceMappingURL=passwordField.js.map

package/cjs/components/passwordField/passwordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"passwordField.js","sources":["../../../../../src/components/passwordField/passwordField.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconButton, InputAdornment, TextField, TextFieldProps, IconButtonProps } from '@mui/material';\nimport { HideIcon } from '@/src/components/icon/stroke/HideIcon';\nimport { ShowIcon } from '@/src/components/icon/stroke/ShowIcon';\n\nexport interface PasswordFieldProps extends Omit<TextFieldProps, 'type'> {\n  /**\n   * Tell browser how it should behave to password field\n   * @default new-password\n   */\n  autoComplete?: 'new-password' | 'current-password' | string;\n  /**\n   * Properties provided to button toggling visibility. Can be used to change aria-label.\n   */\n  iconButtonProps?: IconButtonProps;\n  /**\n   * Optional flag if password is visible\n   * @default false\n   */\n  visible?: boolean;\n  /**\n   * Optional function to toggle visibility\n   */\n  setVisible?: (visible: boolean) => void;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = forwardRef(\n  ({ slotProps, iconButtonProps, visible: propsVisible, setVisible: setPropsVisible, ...rest }, ref) => {\n    const { input: inputSlotProps, ...restSlotProps } = slotProps || {};\n    const [rawVisible, setRawVisible] = useState<boolean>(false);\n    const visible = propsVisible ?? rawVisible;\n    const setVisible = setPropsVisible ?? setRawVisible;\n\n    return (\n      <TextField\n        ref={ref}\n        type={visible ? 'text' : 'password'}\n        autoComplete=\"new-password\"\n        slotProps={{\n          input: {\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                <IconButton onClick={() => setVisible(!visible)} aria-label=\"Toggle visibility\" {...iconButtonProps}>\n                  {visible ? <HideIcon /> : <ShowIcon />}\n                </IconButton>\n              </InputAdornment>\n            ),\n            ...inputSlotProps,\n          },\n          ...restSlotProps,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["PasswordField","forwardRef","_a","ref","slotProps","iconButtonProps","visible","propsVisible","setVisible","setPropsVisible","rest","__rest","_b","input","inputSlotProps","restSlotProps","rawVisible","setRawVisible","useState","_jsx","TextField","Object","assign","type","autoComplete","endAdornment","InputAdornment","position","IconButton","onClick","HideIcon","ShowIcon"],"mappings":"iMA0BO,MAAMA,EAA8CC,EAAAA,YACzD,CAACC,EAA6FC,KAA7F,IAAAC,UAAEA,EAASC,gBAAEA,EAAiBC,QAASC,EAAcC,WAAYC,GAAeP,EAAKQ,EAAIC,EAAAA,OAAAT,EAAzF,wDACC,MAAMU,EAA8CR,GAAa,IAAzDS,MAAOC,KAAmBC,EAAaJ,EAAAA,OAAAC,EAAzC,CAAA,WACCI,EAAYC,GAAiBC,EAAAA,UAAkB,GAChDZ,EAAUC,QAAAA,EAAgBS,EAC1BR,EAAaC,QAAAA,EAAmBQ,EAEtC,OACEE,EAAAA,IAACC,EAAAA,UAASC,OAAAC,OAAA,CACRnB,IAAKA,EACLoB,KAAMjB,EAAU,OAAS,WACzBkB,aAAa,eACbpB,UAASiB,OAAAC,OAAA,CACPT,MAAKQ,OAAAC,OAAA,CACHG,aACEN,MAACO,EAAAA,eAAc,CAACC,SAAS,eACvBR,EAAAA,IAACS,EAAAA,WAAUP,OAAAC,OAAA,CAACO,QAAS,IAAMrB,GAAYF,GAAQ,aAAa,qBAAwBD,YACjFC,EAAUa,EAAAA,IAACW,EAAAA,SAAQ,CAAA,GAAMX,EAAAA,IAACY,EAAAA,mBAI9BjB,IAEFC,IAEDL,GACJ"}
+{"version":3,"file":"passwordField.js","sources":["../../../../../src/components/passwordField/passwordField.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconButton, InputAdornment, TextField, TextFieldProps, IconButtonProps } from '@mui/material';\nimport { HideIcon } from '@/src/components/icon/stroke/HideIcon';\nimport { ShowIcon } from '@/src/components/icon/stroke/ShowIcon';\n\nexport interface PasswordFieldProps extends Omit<TextFieldProps, 'type'> {\n  /**\n   * Tell browser how it should behave to password field\n   * @default new-password\n   */\n  autoComplete?: 'new-password' | 'current-password' | string;\n  /**\n   * Properties provided to button toggling visibility. Can be used to change aria-label.\n   */\n  iconButtonProps?: IconButtonProps;\n  /**\n   * Optional flag if password is visible\n   * @default false\n   */\n  visible?: boolean;\n  /**\n   * Optional function to toggle visibility\n   */\n  setVisible?: (visible: boolean) => void;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = forwardRef(\n  ({ slotProps, iconButtonProps, visible: propsVisible, setVisible: setPropsVisible, ...rest }, ref) => {\n    const { input: inputSlotProps, ...restSlotProps } = slotProps || {};\n    const [rawVisible, setRawVisible] = useState<boolean>(false);\n    const visible = propsVisible ?? rawVisible;\n    const setVisible = setPropsVisible ?? setRawVisible;\n\n    return (\n      <TextField\n        ref={ref}\n        type={visible ? 'text' : 'password'}\n        autoComplete=\"new-password\"\n        slotProps={{\n          input: {\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                <IconButton onClick={() => setVisible(!visible)} aria-label=\"Toggle visibility\" {...iconButtonProps}>\n                  {visible ? <HideIcon /> : <ShowIcon />}\n                </IconButton>\n              </InputAdornment>\n            ),\n            ...inputSlotProps,\n          },\n          ...restSlotProps,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["PasswordField","forwardRef","_a","ref","slotProps","iconButtonProps","visible","propsVisible","setVisible","setPropsVisible","rest","__rest","_b","input","inputSlotProps","restSlotProps","rawVisible","setRawVisible","useState","_jsx","TextField","Object","assign","type","autoComplete","endAdornment","InputAdornment","position","IconButton","onClick","HideIcon","ShowIcon"],"mappings":"iMA0BO,MAAMA,EAA8CC,EAAAA,WACzD,CAACC,EAA6FC,KAA7F,IAAAC,UAAEA,EAASC,gBAAEA,EAAiBC,QAASC,EAAcC,WAAYC,GAAeP,EAAKQ,EAAIC,EAAAA,OAAAT,EAAzF,wDACC,MAAMU,EAA8CR,GAAa,IAAzDS,MAAOC,KAAmBC,EAAaJ,EAAAA,OAAAC,EAAzC,CAAA,WACCI,EAAYC,GAAiBC,EAAAA,UAAkB,GAChDZ,EAAUC,QAAAA,EAAgBS,EAC1BR,EAAaC,QAAAA,EAAmBQ,EAEtC,OACEE,EAAAA,IAACC,EAAAA,UAASC,OAAAC,OAAA,CACRnB,IAAKA,EACLoB,KAAMjB,EAAU,OAAS,WACzBkB,aAAa,eACbpB,UAASiB,OAAAC,OAAA,CACPT,MAAKQ,OAAAC,OAAA,CACHG,aACEN,MAACO,EAAAA,eAAc,CAACC,SAAS,eACvBR,EAAAA,IAACS,EAAAA,WAAUP,OAAAC,OAAA,CAACO,QAAS,IAAMrB,GAAYF,GAAQ,aAAa,qBAAwBD,YACjFC,EAAUa,EAAAA,IAACW,EAAAA,SAAQ,CAAA,GAAMX,EAAAA,IAACY,EAAAA,mBAI9BjB,IAEFC,IAEDL"}

package/cjs/components/playPauseButton/PlayPauseButton.d.ts

@@ -1,5 +1,6 @@
 import React, { ElementType } from 'react';
-import { BoxProps, CircularProgressProps, IconButtonProps, SvgIconProps } from '@mui/material';
+import { BoxProps, IconButtonProps, SvgIconProps } from '@mui/material';
+import { SpinnerProps } from '@/src/components/progress/Spinner';
 export interface PlayPauseButtonProps extends BoxProps<ElementType> {
     /**
      * Boolean to indicate if the media is currently playing
@@ -8,23 +9,35 @@ export interface PlayPauseButtonProps extends BoxProps<ElementType> {
     /**
      * Callback function to handle play/pause button click events.
      */
-    onClick: () => void;
+    onClick: BoxProps<ElementType>['onClick'];
     /**
      * The progress value for the CircularProgress component.
      * Should be a number between 0 and 100.
      */
     progress?: number;
-    /** Custom props for the background CircularProgress component. */
-    circularProgressBgProps?: CircularProgressProps;
-    /** Custom props for the foreground CircularProgress component. */
-    circularProgressProps?: CircularProgressProps;
-    /** Custom props for the IconButton component. */
+    /**
+     * Properties applied to Spinner progress
+     */
+    progressProps?: Omit<SpinnerProps, 'value'>;
+    /**
+     * Properties applied to IconButton
+     */
     iconButtonProps?: Partial<IconButtonProps>;
-    /** Custom props for the pause icon component. */
+    /**
+     * Properties applied to Pause Icon component
+     */
     pauseIconProps?: SvgIconProps;
+    /**
+     * Custom component to be used for PauseIcon
+     */
     PauseIconComponent?: ElementType<SvgIconProps>;
-    /** Custom props for the play icon component. */
+    /**
+     * Properties applied to Play Icon component
+     */
     playIconProps?: SvgIconProps;
+    /**
+     * Custom component to be used for PlayIcon
+     */
     PlayIconComponent?: ElementType<SvgIconProps>;
 }
 export interface VideoPlayPauseIndicatorProps extends PlayPauseButtonProps {

package/cjs/components/playPauseButton/PlayPauseButton.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),n=require("../icon/stroke/ControlsPlayIcon.js"),t=require("../icon/stroke/ControlsPauseIcon.js");const i=o.forwardRef(((o,i)=>{var{progress:a=0,isPlaying:c,onClick:l,circularProgressBgProps:u,circularProgressProps:P,iconButtonProps:d,pauseIconProps:x,PauseIconComponent:p,playIconProps:I,PlayIconComponent:g,children:j,sx:b}=o,y=s.__rest(o,["progress","isPlaying","onClick","circularProgressBgProps","circularProgressProps","iconButtonProps","pauseIconProps","PauseIconComponent","playIconProps","PlayIconComponent","children","sx"]);const C=u||{},{sx:m}=C,O=s.__rest(C,["sx"]),h=P||{},{sx:v}=h,B=s.__rest(h,["sx"]),_=d||{},{sx:f}=_,k=s.__rest(_,["sx"]),z=p||t.ControlsPauseIcon,q=g||n.ControlsPlayIcon;return e.jsxs(r.Box,Object.assign({"data-testid":"PlayPauseIndicator",sx:Object.assign({position:"relative",zIndex:"150",width:"44px",height:"44px"},b),ref:i},y,{children:[e.jsx(r.CircularProgress,Object.assign({sx:Object.assign({color:"onSurface.os0",position:"absolute",inset:"0",zIndex:"10"},m),size:44,thickness:1.75,variant:"determinate",value:100},O)),e.jsx(r.CircularProgress,Object.assign({sx:Object.assign({color:"brandHover.secondary",position:"absolute",inset:"0",zIndex:"20"},v),size:44,thickness:1.75,variant:"determinate",value:a||0},B)),e.jsx(r.IconButton,Object.assign({"data-testid":"IndicatorIconButton",onClick:l,color:"white",size:"medium",sx:Object.assign({position:"absolute",inset:"0",zIndex:"30"},f),"aria-label":c?"Pause video":"Play video"},k,{children:c?e.jsx(z,Object.assign({"data-testid":"IndicatorPauseIcon"},x)):e.jsx(q,Object.assign({"data-testid":"IndicatorPlayIcon"},I))}))]}))})),a=o.forwardRef(((s,o)=>e.jsx(i,Object.assign({ref:o},s))));exports.PlayPauseButton=i,exports.VideoPlayPauseIndicator=a;
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),o=require("react"),n=require("@mui/material"),r=require("../progress/Spinner.js"),t=require("../icon/stroke/ControlsPlayIcon.js"),i=require("../icon/stroke/ControlsPauseIcon.js");const a=o.forwardRef((o,a)=>{var{progress:c=0,isPlaying:l,onClick:p,progressProps:d,iconButtonProps:u,pauseIconProps:P,PauseIconComponent:x,playIconProps:I,PlayIconComponent:j,children:g,sx:y}=o,b=e.__rest(o,["progress","isPlaying","onClick","progressProps","iconButtonProps","pauseIconProps","PauseIconComponent","playIconProps","PlayIconComponent","children","sx"]);const m=d||{},{sx:h}=m,C=e.__rest(m,["sx"]),k=u||{},{sx:O}=k,f=e.__rest(k,["sx"]),q=x||i.ControlsPauseIcon,w=j||t.ControlsPlayIcon;return s.jsxs(n.Box,Object.assign({"data-testid":"PlayPauseIndicator",sx:Object.assign({display:"inline-flex",position:"relative",zIndex:"150",width:"44px",height:"44px"},y),ref:a},b,{children:[s.jsx(r.Spinner,Object.assign({value:c,size:44,thickness:6,sx:Object.assign({position:"absolute",inset:"0",zIndex:"20",transform:"rotate(-90deg)","& .FlowSpinner-circle-primary":{stroke:e=>e.palette.brand.secondary},"& .FlowSpinner-circle-secondary":{stroke:e=>e.palette.common.white,strokeWidth:"4px"}},h)},C)),s.jsx(n.IconButton,Object.assign({"data-testid":"IndicatorIconButton",onClick:p,color:"white",size:"medium",sx:Object.assign({position:"absolute",inset:"0",zIndex:"30"},O),"aria-label":l?"Pause video":"Play video"},f,{children:l?s.jsx(q,Object.assign({"data-testid":"IndicatorPauseIcon"},P)):s.jsx(w,Object.assign({"data-testid":"IndicatorPlayIcon"},I))}))]}))}),c=o.forwardRef((e,o)=>s.jsx(a,Object.assign({ref:o},e)));exports.PlayPauseButton=a,exports.VideoPlayPauseIndicator=c;
 //# sourceMappingURL=PlayPauseButton.js.map

package/cjs/components/playPauseButton/PlayPauseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayPauseButton.js","sources":["../../../../../src/components/playPauseButton/PlayPauseButton.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  CircularProgress,\n  CircularProgressProps,\n  IconButton,\n  IconButtonProps,\n  SvgIconProps,\n} from '@mui/material';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface PlayPauseButtonProps extends BoxProps<ElementType> {\n  /**\n   * Boolean to indicate if the media is currently playing\n   */\n  isPlaying: boolean;\n  /**\n   * Callback function to handle play/pause button click events.\n   */\n  onClick: () => void;\n  /**\n   * The progress value for the CircularProgress component.\n   * Should be a number between 0 and 100.\n   */\n  progress?: number;\n  /** Custom props for the background CircularProgress component. */\n  circularProgressBgProps?: CircularProgressProps;\n  /** Custom props for the foreground CircularProgress component. */\n  circularProgressProps?: CircularProgressProps;\n  /** Custom props for the IconButton component. */\n  iconButtonProps?: Partial<IconButtonProps>;\n  /** Custom props for the pause icon component. */\n  pauseIconProps?: SvgIconProps;\n  PauseIconComponent?: ElementType<SvgIconProps>;\n  /** Custom props for the play icon component. */\n  playIconProps?: SvgIconProps;\n  PlayIconComponent?: ElementType<SvgIconProps>;\n}\nexport interface VideoPlayPauseIndicatorProps extends PlayPauseButtonProps {}\n\n/**\n * A component that displays a circular progress indicator with a play/pause button.\n */\nexport const PlayPauseButton: React.FC<PlayPauseButtonProps> = forwardRef(\n  (\n    {\n      progress = 0,\n      isPlaying,\n      onClick,\n      circularProgressBgProps,\n      circularProgressProps,\n      iconButtonProps,\n      pauseIconProps,\n      PauseIconComponent,\n      playIconProps,\n      PlayIconComponent,\n      children,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: circularProgressBgSx, ...restCircularProgressBg } = circularProgressBgProps || {};\n    const { sx: circularProgressSx, ...restCircularProgress } = circularProgressProps || {};\n    const { sx: iconButtonSx, ...restIconButton } = iconButtonProps || {};\n    const PauseIcon = PauseIconComponent || ControlsPauseIcon;\n    const PlayIcon = PlayIconComponent || ControlsPlayIcon;\n\n    return (\n      <Box\n        data-testid=\"PlayPauseIndicator\"\n        sx={{\n          position: 'relative',\n          zIndex: '150',\n          width: '44px',\n          height: '44px',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <CircularProgress\n          sx={{\n            // circular progress serving as a background\n            color: 'onSurface.os0',\n            position: 'absolute',\n            inset: '0',\n            zIndex: '10',\n            ...circularProgressBgSx,\n          }}\n          size={44}\n          thickness={1.75}\n          variant=\"determinate\"\n          value={100}\n          {...restCircularProgressBg}\n        />\n        <CircularProgress\n          sx={{\n            // circular progress indicating real progress\n            color: 'brandHover.secondary',\n            position: 'absolute',\n            inset: '0',\n            zIndex: '20',\n            ...circularProgressSx,\n          }}\n          size={44}\n          thickness={1.75}\n          variant=\"determinate\"\n          value={progress || 0}\n          {...restCircularProgress}\n        />\n        <IconButton\n          data-testid=\"IndicatorIconButton\"\n          onClick={onClick}\n          color=\"white\"\n          size=\"medium\"\n          sx={{ position: 'absolute', inset: '0', zIndex: '30', ...iconButtonSx }}\n          aria-label={isPlaying ? 'Pause video' : 'Play video'}\n          {...restIconButton}\n        >\n          {isPlaying ? (\n            <PauseIcon data-testid=\"IndicatorPauseIcon\" {...pauseIconProps} />\n          ) : (\n            <PlayIcon data-testid=\"IndicatorPlayIcon\" {...playIconProps} />\n          )}\n        </IconButton>\n      </Box>\n    );\n  },\n);\n\n/**\n * @deprecated renamed to <PlayPauseButton />\n */\nexport const VideoPlayPauseIndicator: React.FC<VideoPlayPauseIndicatorProps> = forwardRef((props, ref) => {\n  return <PlayPauseButton ref={ref} {...props} />;\n});\n"],"names":["PlayPauseButton","forwardRef","_a","ref","progress","isPlaying","onClick","circularProgressBgProps","circularProgressProps","iconButtonProps","pauseIconProps","PauseIconComponent","playIconProps","PlayIconComponent","children","sx","rest","__rest","_b","circularProgressBgSx","restCircularProgressBg","_c","circularProgressSx","restCircularProgress","_d","iconButtonSx","restIconButton","PauseIcon","ControlsPauseIcon","PlayIcon","ControlsPlayIcon","_jsxs","Box","Object","assign","position","zIndex","width","height","_jsx","CircularProgress","color","inset","size","thickness","variant","value","IconButton","VideoPlayPauseIndicator","props"],"mappings":"kNA6CO,MAAMA,EAAkDC,EAAAA,YAC7D,CACEC,EAeAC,KAfA,IAAAC,SACEA,EAAW,EAACC,UACZA,EAASC,QACTA,EAAOC,wBACPA,EAAuBC,sBACvBA,EAAqBC,gBACrBA,EAAeC,eACfA,EAAcC,mBACdA,EAAkBC,cAClBA,EAAaC,kBACbA,EAAiBC,SACjBA,EAAQC,GACRA,GAAEb,EACCc,EAAIC,EAAAA,OAAAf,EAbT,kMAiBA,MAAMgB,EAA0DX,GAA2B,IAAnFQ,GAAII,KAAyBC,EAAsBH,EAAAA,OAAAC,EAArD,CAAA,OACAG,EAAsDb,GAAyB,IAA7EO,GAAIO,KAAuBC,EAAoBN,EAAAA,OAAAI,EAAjD,CAAA,OACAG,EAA0Cf,GAAmB,IAA3DM,GAAIU,KAAiBC,EAAcT,EAAAA,OAAAO,EAArC,CAAA,OACAG,EAAYhB,GAAsBiB,EAAAA,kBAClCC,EAAWhB,GAAqBiB,EAAAA,iBAEtC,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,qBACZnB,GAAEkB,OAAAC,OAAA,CACAC,SAAU,WACVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,QACLvB,GAELZ,IAAKA,GACDa,EAAI,CAAAF,SAAA,CAERyB,EAAAA,IAACC,EAAAA,gCACCzB,GAAEkB,OAAAC,OAAA,CAEAO,MAAO,gBACPN,SAAU,WACVO,MAAO,IACPN,OAAQ,MACLjB,GAELwB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO,KACH1B,IAENmB,EAAAA,IAACC,EAAAA,gCACCzB,GAAEkB,OAAAC,OAAA,CAEAO,MAAO,uBACPN,SAAU,WACVO,MAAO,IACPN,OAAQ,MACLd,GAELqB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO1C,GAAY,GACfmB,IAENgB,EAAAA,IAACQ,EAAAA,wCACa,sBACZzC,QAASA,EACTmC,MAAM,QACNE,KAAK,SACL5B,GAAEkB,OAAAC,OAAA,CAAIC,SAAU,WAAYO,MAAO,IAAKN,OAAQ,MAASX,GAAY,aACzDpB,EAAY,cAAgB,cACpCqB,EAAc,CAAAZ,SAEjBT,EACCkC,EAAAA,IAACZ,EAASM,OAAAC,OAAA,CAAA,cAAa,sBAAyBxB,IAEhD6B,EAAAA,IAACV,EAAQI,OAAAC,OAAA,CAAA,cAAa,qBAAwBtB,UAG9C,IAQCoC,EAAkE/C,EAAAA,YAAW,CAACgD,EAAO9C,IACzFoC,EAAAA,IAACvC,EAAeiC,OAAAC,OAAA,CAAC/B,IAAKA,GAAS8C"}
+{"version":3,"file":"PlayPauseButton.js","sources":["../../../../../src/components/playPauseButton/PlayPauseButton.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { Spinner, SpinnerProps } from '@/src/components/progress/Spinner';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface PlayPauseButtonProps extends BoxProps<ElementType> {\n  /**\n   * Boolean to indicate if the media is currently playing\n   */\n  isPlaying: boolean;\n  /**\n   * Callback function to handle play/pause button click events.\n   */\n  onClick: BoxProps<ElementType>['onClick'];\n  /**\n   * The progress value for the CircularProgress component.\n   * Should be a number between 0 and 100.\n   */\n  progress?: number;\n  /**\n   * Properties applied to Spinner progress\n   */\n  progressProps?: Omit<SpinnerProps, 'value'>;\n  /**\n   * Properties applied to IconButton\n   */\n  iconButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Properties applied to Pause Icon component\n   */\n  pauseIconProps?: SvgIconProps;\n  /**\n   * Custom component to be used for PauseIcon\n   */\n  PauseIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties applied to Play Icon component\n   */\n  playIconProps?: SvgIconProps;\n  /**\n   * Custom component to be used for PlayIcon\n   */\n  PlayIconComponent?: ElementType<SvgIconProps>;\n}\nexport interface VideoPlayPauseIndicatorProps extends PlayPauseButtonProps {}\n\n/**\n * A component that displays a circular progress indicator with a play/pause button.\n */\nexport const PlayPauseButton: React.FC<PlayPauseButtonProps> = forwardRef(\n  (\n    {\n      progress = 0,\n      isPlaying,\n      onClick,\n      progressProps,\n      iconButtonProps,\n      pauseIconProps,\n      PauseIconComponent,\n      playIconProps,\n      PlayIconComponent,\n      children,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: progressSx, ...restProgress } = progressProps || {};\n    const { sx: iconButtonSx, ...restIconButton } = iconButtonProps || {};\n    const PauseIcon = PauseIconComponent || ControlsPauseIcon;\n    const PlayIcon = PlayIconComponent || ControlsPlayIcon;\n\n    return (\n      <Box\n        data-testid=\"PlayPauseIndicator\"\n        sx={{\n          display: 'inline-flex',\n          position: 'relative',\n          zIndex: '150',\n          width: '44px',\n          height: '44px',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Spinner\n          value={progress}\n          size={44}\n          thickness={6}\n          sx={{\n            position: 'absolute',\n            inset: '0',\n            zIndex: '20',\n            // start from 12'clock instead of 3'\n            transform: 'rotate(-90deg)',\n            // recolor\n            '& .FlowSpinner-circle-primary': {\n              stroke: (theme) => theme.palette.brand.secondary,\n            },\n            '& .FlowSpinner-circle-secondary': {\n              stroke: (theme) => theme.palette.common.white,\n              // main line is thicker than second one\n              strokeWidth: '4px',\n            },\n            ...progressSx,\n          }}\n          {...restProgress}\n        />\n        <IconButton\n          data-testid=\"IndicatorIconButton\"\n          onClick={onClick}\n          color=\"white\"\n          size=\"medium\"\n          sx={{ position: 'absolute', inset: '0', zIndex: '30', ...iconButtonSx }}\n          aria-label={isPlaying ? 'Pause video' : 'Play video'}\n          {...restIconButton}\n        >\n          {isPlaying ? (\n            <PauseIcon data-testid=\"IndicatorPauseIcon\" {...pauseIconProps} />\n          ) : (\n            <PlayIcon data-testid=\"IndicatorPlayIcon\" {...playIconProps} />\n          )}\n        </IconButton>\n      </Box>\n    );\n  },\n);\n\n/**\n * @deprecated renamed to <PlayPauseButton />\n */\nexport const VideoPlayPauseIndicator: React.FC<VideoPlayPauseIndicatorProps> = forwardRef((props, ref) => {\n  return <PlayPauseButton ref={ref} {...props} />;\n});\n"],"names":["PlayPauseButton","forwardRef","_a","ref","progress","isPlaying","onClick","progressProps","iconButtonProps","pauseIconProps","PauseIconComponent","playIconProps","PlayIconComponent","children","sx","rest","__rest","_b","progressSx","restProgress","_c","iconButtonSx","restIconButton","PauseIcon","ControlsPauseIcon","PlayIcon","ControlsPlayIcon","_jsxs","Box","Object","assign","display","position","zIndex","width","height","_jsx","Spinner","value","size","thickness","inset","transform","stroke","theme","palette","brand","secondary","common","white","strokeWidth","IconButton","color","VideoPlayPauseIndicator","props"],"mappings":"sPAkDO,MAAMA,EAAkDC,EAAAA,WAC7D,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAW,EAACC,UACZA,EAASC,QACTA,EAAOC,cACPA,EAAaC,gBACbA,EAAeC,eACfA,EAAcC,mBACdA,EAAkBC,cAClBA,EAAaC,kBACbA,EAAiBC,SACjBA,EAAQC,GACRA,GAAEZ,EACCa,EAAIC,EAAAA,OAAAd,EAZT,CAAA,WAAA,YAAA,UAAA,gBAAA,kBAAA,iBAAA,qBAAA,gBAAA,oBAAA,WAAA,OAgBA,MAAMe,EAAsCV,GAAiB,IAArDO,GAAII,KAAeC,EAAYH,EAAAA,OAAAC,EAAjC,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DM,GAAIO,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OACAG,EAAYb,GAAsBc,EAAAA,kBAClCC,EAAWb,GAAqBc,EAAAA,iBAEtC,OACEC,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,qBACZhB,GAAEe,OAAAC,OAAA,CACAC,QAAS,cACTC,SAAU,WACVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,QACLrB,GAELX,IAAKA,GACDY,EAAI,CAAAF,SAAA,CAERuB,MAACC,EAAAA,QAAOR,OAAAC,OAAA,CACNQ,MAAOlC,EACPmC,KAAM,GACNC,UAAW,EACX1B,GAAEe,OAAAC,OAAA,CACAE,SAAU,WACVS,MAAO,IACPR,OAAQ,KAERS,UAAW,iBAEX,gCAAiC,CAC/BC,OAASC,GAAUA,EAAMC,QAAQC,MAAMC,WAEzC,kCAAmC,CACjCJ,OAASC,GAAUA,EAAMC,QAAQG,OAAOC,MAExCC,YAAa,QAEZhC,IAEDC,IAENiB,EAAAA,IAACe,EAAAA,WAAUtB,OAAAC,OAAA,CAAA,cACG,sBACZxB,QAASA,EACT8C,MAAM,QACNb,KAAK,SACLzB,GAAEe,OAAAC,OAAA,CAAIE,SAAU,WAAYS,MAAO,IAAKR,OAAQ,MAASZ,GAAY,aACzDhB,EAAY,cAAgB,cACpCiB,EAAc,CAAAT,SAEjBR,EACC+B,EAAAA,IAACb,EAASM,OAAAC,OAAA,CAAA,cAAa,sBAAyBrB,IAEhD2B,EAAAA,IAACX,EAAQI,OAAAC,OAAA,CAAA,cAAa,qBAAwBnB,aAW7C0C,EAAkEpD,EAAAA,WAAW,CAACqD,EAAOnD,IACzFiC,EAAAA,IAACpC,EAAe6B,OAAAC,OAAA,CAAC3B,IAAKA,GAASmD"}

package/cjs/components/progress/Loader.d.ts

@@ -0,0 +1,37 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, LinearProgressProps } from '@mui/material';
+import { LoadingTextProps } from './LoadingText';
+export interface LoaderProps extends BoxProps<ElementType> {
+    /**
+     * Value of progress
+     */
+    value?: number;
+    /**
+     * Affects component size
+     */
+    size?: LinearProgressProps['size'] | number;
+    /**
+     * Additional label before LoaderText
+     */
+    label?: ReactNode;
+    /**
+     * Optional custom bar props.
+     */
+    barProps?: LinearProgressProps;
+    /**
+     * Properties applied to LoaderText
+     */
+    loadingTextProps?: LoadingTextProps;
+    /**
+     * @deprecated rename to size, change large to medium
+     */
+    loaderSize?: 'small' | 'large';
+    /**
+     * @deprecated remove, no longer has any effect
+     */
+    barWrapperProps?: BoxProps<ElementType>;
+}
+/**
+ * Wrapper of LinearProgress, automatically selecting the appropriate variant and appending LoaderText
+ */
+export declare const Loader: React.FC<LoaderProps>;

package/cjs/components/progress/Loader.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react"),s=require("@mui/material"),i=require("./LoadingText.js");const t=r.forwardRef((t,l)=>{var{className:o,value:n,size:u,loaderSize:d,barProps:m,label:b,loadingTextProps:c,barWrapperProps:p}=t,x=e.__rest(t,["className","value","size","loaderSize","barProps","label","loadingTextProps","barWrapperProps"]);const g=null!=m?m:{},{sx:v}=g,j=e.__rest(g,["sx"]),L=r.useMemo(()=>u||{small:"small",large:"medium"}[null!=d?d:"large"],[u,d]);return a.jsxs(s.Box,Object.assign({"data-testid":"Loader",className:["FlowLoader-root",o].filter(Boolean).join(", "),ref:l},x,{children:[void 0!==n&&a.jsx(i.LoadingText,Object.assign({"data-testid":"Loader.percentage",value:n,label:b},c)),a.jsx(s.LinearProgress,Object.assign({value:n,sx:Object.assign(Object.assign({},"number"==typeof u&&{height:`${u}px`}),v)},"number"!=typeof u&&{size:L},void 0!==n&&{variant:"determinate","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100},j))]}))});exports.Loader=t;
+//# sourceMappingURL=Loader.js.map

package/cjs/components/progress/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../../../src/components/progress/Loader.tsx"],"sourcesContent":["import React, { useMemo, ElementType, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, LinearProgress, LinearProgressProps } from '@mui/material';\nimport { LoadingText, LoadingTextProps } from './LoadingText';\n\nexport interface LoaderProps extends BoxProps<ElementType> {\n  /**\n   * Value of progress\n   */\n  value?: number;\n  /**\n   * Affects component size\n   */\n  size?: LinearProgressProps['size'] | number;\n  /**\n   * Additional label before LoaderText\n   */\n  label?: ReactNode;\n  /**\n   * Optional custom bar props.\n   */\n  barProps?: LinearProgressProps;\n  /**\n   * Properties applied to LoaderText\n   */\n  loadingTextProps?: LoadingTextProps;\n  /**\n   * @deprecated rename to size, change large to medium\n   */\n  loaderSize?: 'small' | 'large';\n  /**\n   * @deprecated remove, no longer has any effect\n   */\n  barWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Wrapper of LinearProgress, automatically selecting the appropriate variant and appending LoaderText\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  ({ className, value, size, loaderSize, barProps, label, loadingTextProps, barWrapperProps: _, ...rest }, ref) => {\n    const { sx: barSx, ...restBar } = barProps ?? {};\n    const mappedSize = useMemo(\n      () => size || { small: 'small', large: 'medium' }[loaderSize ?? 'large'],\n      [size, loaderSize],\n    );\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        className={['FlowLoader-root', className].filter(Boolean).join(', ')}\n        ref={ref}\n        {...rest}\n      >\n        {value !== undefined && (\n          <LoadingText data-testid=\"Loader.percentage\" value={value} label={label} {...loadingTextProps} />\n        )}\n        <LinearProgress\n          value={value}\n          sx={{\n            ...(typeof size === 'number' && { height: `${size}px` }),\n            ...barSx,\n          }}\n          {...(typeof size !== 'number' && { size: mappedSize as LinearProgressProps['size'] })}\n          {...(value !== undefined && {\n            variant: 'determinate',\n            ['aria-valuenow']: value,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBar}\n        />\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","className","value","size","loaderSize","barProps","label","loadingTextProps","barWrapperProps","_","rest","__rest","_b","sx","barSx","restBar","mappedSize","useMemo","small","large","_jsxs","Box","Object","assign","filter","Boolean","join","children","undefined","_jsx","LoadingText","LinearProgress","height","variant"],"mappings":"+IAsCO,MAAMA,EAAgCC,EAAAA,WAC3C,CAACC,EAAwGC,SAAxGC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,WAAEA,EAAUC,SAAEA,EAAQC,MAAEA,EAAKC,iBAAEA,EAAkBC,gBAAiBC,KAAMC,EAAIC,EAAAA,OAAAZ,EAApG,CAAA,YAAA,QAAA,OAAA,aAAA,WAAA,QAAA,mBAAA,oBACC,MAAMa,EAA4BP,QAAAA,EAAY,IAAtCQ,GAAIC,GAAKF,EAAKG,EAAOJ,EAAAA,OAAAC,EAAvB,CAAA,OACAI,EAAaC,EAAAA,QACjB,IAAMd,GAAQ,CAAEe,MAAO,QAASC,MAAO,UAAWf,QAAAA,EAAc,SAChE,CAACD,EAAMC,IAGT,OACEgB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,SACZtB,UAAW,CAAC,kBAAmBA,GAAWuB,OAAOC,SAASC,KAAK,MAC/D1B,IAAKA,GACDU,EAAI,CAAAiB,SAAA,MAEGC,IAAV1B,GACC2B,EAAAA,IAACC,EAAAA,yCAAwB,oBAAoB5B,MAAOA,EAAOI,MAAOA,GAAWC,IAE/EsB,EAAAA,IAACE,EAAAA,eAAcT,OAAAC,OAAA,CACbrB,MAAOA,EACPW,GAAES,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,iBAATpB,GAAqB,CAAE6B,OAAQ,GAAG7B,QAC1CW,IAEgB,iBAATX,GAAqB,CAAEA,KAAMa,QAC1BY,IAAV1B,GAAuB,CAC1B+B,QAAS,cACT,gBAAmB/B,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa"}

package/cjs/components/progress/LoadingText.d.ts

@@ -0,0 +1,21 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+export interface LoadingTextProps extends BoxProps<ElementType> {
+    /**
+     * Value in percent to display
+     */
+    value?: number | string;
+    /**
+     * Additional label before the value
+     */
+    label?: ReactNode;
+    /**
+     * Affects font size
+     * @default medium
+     */
+    size?: 'small' | 'medium';
+}
+/**
+ * Component displaying current state of loading
+ */
+export declare const LoadingText: React.FC<LoadingTextProps>;

package/cjs/components/progress/LoadingText.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material");const s=i.forwardRef((i,s)=>{var{value:n,children:a,label:l,size:x="medium",sx:c}=i,o=e.__rest(i,["value","children","label","size","sx"]);return r.jsxs(t.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign({py:.5,fontSize:"14px"},"small"===x&&{fontSize:"12px"}),{lineHeight:"20px",fontWeight:"400",letterSpacing:"0.002em",textAlign:"right"}),c)},o,{ref:s,children:[l&&r.jsx(t.Box,{component:"span",sx:{mr:.5},children:l}),a||("number"==typeof n?`${n} %`:n)]}))});exports.LoadingText=s;
+//# sourceMappingURL=LoadingText.js.map

package/cjs/components/progress/LoadingText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingText.js","sources":["../../../../../src/components/progress/LoadingText.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface LoadingTextProps extends BoxProps<ElementType> {\n  /**\n   * Value in percent to display\n   */\n  value?: number | string;\n  /**\n   * Additional label before the value\n   */\n  label?: ReactNode;\n  /**\n   * Affects font size\n   * @default medium\n   */\n  size?: 'small' | 'medium';\n}\n\n/**\n * Component displaying current state of loading\n */\nexport const LoadingText: React.FC<LoadingTextProps> = forwardRef(\n  ({ value, children, label, size = 'medium', sx, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          py: 0.5,\n          fontSize: '14px',\n          ...(size === 'small' && {\n            fontSize: '12px',\n          }),\n          lineHeight: '20px',\n          fontWeight: '400',\n          letterSpacing: '0.002em',\n          textAlign: 'right',\n          ...sx,\n        }}\n        {...rest}\n        ref={ref}\n      >\n        {label && (\n          <Box component=\"span\" sx={{ mr: 0.5 }}>\n            {label}\n          </Box>\n        )}\n        {children || (typeof value === 'number' ? `${value} %` : value)}\n      </Box>\n    );\n  },\n);\n"],"names":["LoadingText","forwardRef","_a","ref","value","children","label","size","sx","rest","__rest","_jsxs","Box","Object","assign","py","fontSize","lineHeight","fontWeight","letterSpacing","textAlign","_jsx","component","mr"],"mappings":"iHAsBO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAA0DC,KAA1D,IAAAC,MAAEA,EAAKC,SAAEA,EAAQC,MAAEA,EAAKC,KAAEA,EAAO,SAAQC,GAAEA,GAAEN,EAAKO,EAAIC,EAAAA,OAAAR,EAAtD,0CACC,OACES,EAAAA,KAACC,EAAAA,mBACCJ,GAAEK,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAC,GAAI,GACJC,SAAU,QACG,UAATT,GAAoB,CACtBS,SAAU,SACV,CACFC,WAAY,OACZC,WAAY,MACZC,cAAe,UACfC,UAAW,UACRZ,IAEDC,EAAI,CACRN,IAAKA,EAAGE,SAAA,CAEPC,GACCe,MAACT,EAAAA,KAAIU,UAAU,OAAOd,GAAI,CAAEe,GAAI,IAAKlB,SAClCC,IAGJD,IAA8B,iBAAVD,EAAqB,GAAGA,MAAYA"}

package/cjs/components/progress/Progress.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { LoaderProps } from './Loader';
+import { SpinnerProps } from './Spinner';
+export interface ProgressBaseProps {
+    /**
+     * Determine if loader, or spinner should be used
+     * @default spinner
+     */
+    variant?: 'spinner' | 'loader';
+    /**
+     * @deprecated, rename to value
+     */
+    loadingPercentage?: number;
+    /**
+     * @deprecated, rename to label
+     */
+    loadingPercentageDescribeText?: string;
+}
+export interface ProgressLoaderProps extends ProgressBaseProps, LoaderProps {
+    variant: 'loader';
+}
+export interface ProgressSpinnerProps extends ProgressBaseProps, SpinnerProps {
+    variant?: 'spinner';
+}
+export type ProgressProps = ProgressLoaderProps | ProgressSpinnerProps;
+export declare const Progress: React.FC<ProgressProps>;
+/**
+ * @deprecated Use <Progress /> instead
+ */
+export declare const ProgressBar: React.FC<ProgressProps>;

package/cjs/components/progress/Progress.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),s=require("./Loader.js"),n=require("./Spinner.js");const t=a.forwardRef((t,i)=>{var{variant:o="spinner",value:l,loadingPercentage:c,loadingPercentageDescribeText:u}=t,g=e.__rest(t,["variant","value","loadingPercentage","loadingPercentageDescribeText"]);const d=a.useMemo(()=>{const e=null!=l?l:c;return e&&e<0?0:e&&e>100?100:e},[l,c]);return"loader"===o?r.jsx(s.Loader,Object.assign({ref:i,value:d,label:u},g)):r.jsx(n.Spinner,Object.assign({ref:i,value:d,label:u},g))}),i=a.forwardRef((e,a)=>r.jsx(t,Object.assign({},e,{ref:a})));exports.Progress=t,exports.ProgressBar=i;
+//# sourceMappingURL=Progress.js.map

package/cjs/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../../../src/components/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { Loader, LoaderProps } from './Loader';\nimport { Spinner, SpinnerProps } from './Spinner';\n\nexport interface ProgressBaseProps {\n  /**\n   * Determine if loader, or spinner should be used\n   * @default spinner\n   */\n  variant?: 'spinner' | 'loader';\n  /**\n   * @deprecated, rename to value\n   */\n  loadingPercentage?: number;\n  /**\n   * @deprecated, rename to label\n   */\n  loadingPercentageDescribeText?: string;\n}\n\nexport interface ProgressLoaderProps extends ProgressBaseProps, LoaderProps {\n  variant: 'loader';\n}\n\nexport interface ProgressSpinnerProps extends ProgressBaseProps, SpinnerProps {\n  variant?: 'spinner';\n}\n\nexport type ProgressProps = ProgressLoaderProps | ProgressSpinnerProps;\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', value, loadingPercentage, loadingPercentageDescribeText, ...rest }, ref) => {\n    // make sure the value is valid\n    const validValue = useMemo(() => {\n      const processedValue = value ?? loadingPercentage;\n      if (processedValue && processedValue < 0) return 0;\n      if (processedValue && processedValue > 100) return 100;\n      return processedValue;\n    }, [value, loadingPercentage]);\n\n    if (variant === 'loader') {\n      return <Loader ref={ref} value={validValue} label={loadingPercentageDescribeText} {...(rest as LoaderProps)} />;\n    }\n    return <Spinner ref={ref} value={validValue} label={loadingPercentageDescribeText} {...(rest as SpinnerProps)} />;\n  },\n);\n\n/**\n * @deprecated Use <Progress /> instead\n */\nexport const ProgressBar: React.FC<ProgressProps> = forwardRef((props, ref) => {\n  return <Progress {...props} ref={ref} />;\n});\n"],"names":["Progress","forwardRef","_a","ref","variant","value","loadingPercentage","loadingPercentageDescribeText","rest","__rest","validValue","useMemo","processedValue","_jsx","Loader","Object","assign","label","Spinner","ProgressBar","props"],"mappings":"yIA8BO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAA2FC,KAA3F,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAKC,kBAAEA,EAAiBC,8BAAEA,GAA6BL,EAAKM,EAAIC,EAAAA,OAAAP,EAAvF,yEAEC,MAAMQ,EAAaC,EAAAA,QAAQ,KACzB,MAAMC,EAAiBP,QAAAA,EAASC,EAChC,OAAIM,GAAkBA,EAAiB,EAAU,EAC7CA,GAAkBA,EAAiB,IAAY,IAC5CA,GACN,CAACP,EAAOC,IAEX,MAAgB,WAAZF,EACKS,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACb,IAAKA,EAAKE,MAAOK,EAAYO,MAAOV,GAAoCC,IAElFK,EAAAA,IAACK,EAAAA,QAAOH,OAAAC,OAAA,CAACb,IAAKA,EAAKE,MAAOK,EAAYO,MAAOV,GAAoCC,MAO/EW,EAAuClB,EAAAA,WAAW,CAACmB,EAAOjB,IAC9DU,EAAAA,IAACb,EAAQe,OAAAC,OAAA,GAAKI,GAAOjB,IAAKA"}

package/cjs/components/progress/ProgressState.d.ts

@@ -0,0 +1,46 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, SvgIconProps } from '@mui/material';
+import { LoadingTextProps } from './LoadingText';
+export interface ProgressStateProps extends BoxProps<ElementType> {
+    /**
+     * Affects component size
+     * @default medium
+     */
+    size?: 'small' | 'medium' | number;
+    /**
+     * State to display
+     */
+    state?: 'error' | 'success';
+    /**
+     * Message when success appears
+     */
+    successMessage?: ReactNode;
+    /**
+     * Message when error appears
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Properties applied to message wrapper
+     */
+    messageProps?: LoadingTextProps;
+    /**
+     * Overwrites state message (successMessage or errorMessage)
+     */
+    message?: ReactNode;
+    /**
+     * Properties applied to icon component
+     */
+    iconProps?: SvgIconProps;
+    /**
+     * Overwrites state icon
+     */
+    IconComponent?: ElementType<SvgIconProps>;
+    /**
+     * Properties applied to wrapper of icon
+     */
+    iconWrapperProps?: BoxProps<ElementType>;
+}
+/**
+ * Component displaying current state of loading
+ */
+export declare const ProgressState: React.FC<ProgressStateProps>;

package/cjs/components/progress/ProgressState.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),o=require("../icon/stroke/CheckIcon.js"),i=require("../icon/stroke/CloseIcon.js"),n=require("./LoadingText.js");const a=r.forwardRef((a,c)=>{var{children:g,sx:p,size:l="medium",state:d,message:m,messageProps:u,successMessage:x,errorMessage:j,IconComponent:f,iconProps:b,iconWrapperProps:h}=a,y=e.__rest(a,["children","sx","size","state","message","messageProps","successMessage","errorMessage","IconComponent","iconProps","iconWrapperProps"]);const I=null!=h?h:{},{sx:C}=I,M=e.__rest(I,["sx"]),[O,P]=r.useMemo(()=>"error"===d?[i.CloseIcon,j]:[o.CheckIcon,x],[d,x,j]),k=null!=f?f:O;return s.jsxs(t.Box,Object.assign({"data-testid":"ProgressMessageWrapper",ref:c,sx:Object.assign({display:"inline-flex",justifyContent:"center",alignItems:"center",gap:1},p)},y,{children:[s.jsx(t.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign({"@keyframes flow-progressstate-finished":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},animation:"flow-progressstate-finished 0.4s",backgroundColor:e=>"error"===d?"error.main":"dark"===e.palette.mode?"brand.secondary":"brand.primary",color:"common.white",borderRadius:"50%",lineHeight:"0",display:"inline-flex",alignItems:"center",justifyContent:"center"},"medium"===l&&{p:.5,"& .MuiSvgIcon-root":{fontSize:"16px"}}),"small"===l&&{p:.25,"& .MuiSvgIcon-root":{fontSize:"12px"}}),"number"==typeof l&&{height:`${l}px`,width:`${l}px`}),C)},M,{children:s.jsx(k,Object.assign({"data-testid":"Icon"},b))}),d),(g||P||m)&&s.jsx(n.LoadingText,Object.assign({"data-testid":"ProgressMessage"},"number"!=typeof l&&{size:l},u,{children:g||P||m}))]}))});exports.ProgressState=a;
+//# sourceMappingURL=ProgressState.js.map

package/cjs/components/progress/ProgressState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressState.js","sources":["../../../../../src/components/progress/ProgressState.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef, useMemo } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { LoadingText, LoadingTextProps } from './LoadingText';\n\nexport interface ProgressStateProps extends BoxProps<ElementType> {\n  /**\n   * Affects component size\n   * @default medium\n   */\n  size?: 'small' | 'medium' | number;\n  /**\n   * State to display\n   */\n  state?: 'error' | 'success';\n  /**\n   * Message when success appears\n   */\n  successMessage?: ReactNode;\n  /**\n   * Message when error appears\n   */\n  errorMessage?: ReactNode;\n  /**\n   * Properties applied to message wrapper\n   */\n  messageProps?: LoadingTextProps;\n  /**\n   * Overwrites state message (successMessage or errorMessage)\n   */\n  message?: ReactNode;\n  /**\n   * Properties applied to icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Overwrites state icon\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties applied to wrapper of icon\n   */\n  iconWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component displaying current state of loading\n */\nexport const ProgressState: React.FC<ProgressStateProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      size = 'medium',\n      state,\n      message,\n      messageProps,\n      successMessage,\n      errorMessage,\n      IconComponent,\n      iconProps,\n      iconWrapperProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconWrapperSx, ...restIconWrapper } = iconWrapperProps ?? {};\n    const [IconStateComponent, stateMessage] = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return [CloseIcon, errorMessage];\n        case 'success':\n        default:\n          return [CheckIcon, successMessage];\n      }\n    }, [state, successMessage, errorMessage]);\n    const ProgressStateIcon = IconComponent ?? IconStateComponent;\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        ref={ref}\n        sx={{\n          display: 'inline-flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        {...rest}\n      >\n        <Box\n          key={state}\n          sx={{\n            '@keyframes flow-progressstate-finished': {\n              '0%': {\n                transform: 'scale(.8)',\n                opacity: '0.8',\n              },\n              '100%': {\n                transform: 'scale(1)',\n                opacity: '1',\n              },\n            },\n            animation: 'flow-progressstate-finished 0.4s',\n            backgroundColor: (theme) =>\n              state === 'error' ? 'error.main' : theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary',\n            color: 'common.white',\n            borderRadius: '50%',\n            lineHeight: '0',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            ...(size === 'medium' && {\n              // 24px\n              p: 0.5,\n              '& .MuiSvgIcon-root': {\n                fontSize: '16px',\n              },\n            }),\n            ...(size === 'small' && {\n              // 16px\n              p: 0.25,\n              '& .MuiSvgIcon-root': {\n                fontSize: '12px',\n              },\n            }),\n            ...(typeof size === 'number' && {\n              height: `${size}px`,\n              width: `${size}px`,\n            }),\n            ...iconWrapperSx,\n          }}\n          {...restIconWrapper}\n        >\n          <ProgressStateIcon data-testid=\"Icon\" {...iconProps} />\n        </Box>\n        {(children || stateMessage || message) && (\n          <LoadingText\n            data-testid=\"ProgressMessage\"\n            {...(typeof size !== 'number' && { size: size })}\n            {...messageProps}\n          >\n            {children || stateMessage || message}\n          </LoadingText>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressState","forwardRef","_a","ref","children","sx","size","state","message","messageProps","successMessage","errorMessage","IconComponent","iconProps","iconWrapperProps","rest","__rest","_b","iconWrapperSx","restIconWrapper","IconStateComponent","stateMessage","useMemo","CloseIcon","CheckIcon","ProgressStateIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","_jsx","transform","opacity","animation","backgroundColor","theme","palette","mode","color","borderRadius","lineHeight","p","fontSize","height","width","LoadingText"],"mappings":"iOAiDO,MAAMA,EAA8CC,EAAAA,WACzD,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,KACFA,EAAO,SAAQC,MACfA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,eACZA,EAAcC,aACdA,EAAYC,cACZA,EAAaC,UACbA,EAASC,iBACTA,GAAgBZ,EACba,EAAIC,EAAAA,OAAAd,EAZT,CAAA,WAAA,KAAA,OAAA,QAAA,UAAA,eAAA,iBAAA,eAAA,gBAAA,YAAA,qBAgBA,MAAMe,EAA4CH,QAAAA,EAAoB,IAA9DT,GAAIa,GAAaD,EAAKE,EAAeH,EAAAA,OAAAC,EAAvC,CAAA,QACCG,EAAoBC,GAAgBC,EAAAA,QAAQ,IAE1C,UADCf,EAEG,CAACgB,EAAAA,UAAWZ,GAGZ,CAACa,EAAAA,UAAWd,GAEtB,CAACH,EAAOG,EAAgBC,IACrBc,EAAoBb,QAAAA,EAAiBQ,EAE3C,OACEM,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,yBACZ1B,IAAKA,EACLE,GAAEuB,OAAAC,OAAA,CACAC,QAAS,cACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACF5B,IAEDU,aAEJmB,MAACP,EAAAA,mBAECtB,GAAEuB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACA,yCAA0C,CACxC,KAAM,CACJM,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGbC,UAAW,mCACXC,gBAAkBC,GACN,UAAVhC,EAAoB,aAAsC,SAAvBgC,EAAMC,QAAQC,KAAkB,kBAAoB,gBACzFC,MAAO,eACPC,aAAc,MACdC,WAAY,IACZd,QAAS,cACTE,WAAY,SACZD,eAAgB,UACH,WAATzB,GAAqB,CAEvBuC,EAAG,GACH,qBAAsB,CACpBC,SAAU,UAGD,UAATxC,GAAoB,CAEtBuC,EAAG,IACH,qBAAsB,CACpBC,SAAU,UAGM,iBAATxC,GAAqB,CAC9ByC,OAAQ,GAAGzC,MACX0C,MAAO,GAAG1C,QAETY,IAEDC,EAAe,CAAAf,SAEnB8B,EAAAA,IAACT,EAAiBG,OAAAC,OAAA,CAAA,cAAa,QAAWhB,MA3CrCN,IA6CLH,GAAYiB,GAAgBb,IAC5B0B,EAAAA,IAACe,2CACa,mBACS,iBAAT3C,GAAqB,CAAEA,KAAMA,GACrCG,EAAY,CAAAL,SAEfA,GAAYiB,GAAgBb"}

package/cjs/components/progress/Spinner.d.ts

@@ -0,0 +1,65 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, SvgIconProps } from '@mui/material';
+import { LoadingTextProps } from './LoadingText';
+import { ProgressStateProps } from './ProgressState';
+export interface SpinnerProps extends BoxProps<ElementType> {
+    /**
+     * Value of progress
+     */
+    value?: number;
+    /**
+     * Affects component size
+     * @default medium
+     */
+    size?: 'small' | 'medium' | number;
+    /**
+     * Stroke width of circle
+     * @default 16
+     */
+    thickness?: number;
+    /**
+     * State indicates whether the component should display loader or spinner for the loading state or message with a icon
+     * @default loading
+     */
+    state?: 'loading' | ProgressStateProps['state'];
+    /**
+     * Message when success appears
+     */
+    successMessage?: ProgressStateProps['successMessage'];
+    /**
+     * Message when error appears
+     */
+    errorMessage?: ProgressStateProps['errorMessage'];
+    /**
+     * Properties applied to ProgressState
+     */
+    progressStateProps?: Omit<ProgressStateProps, 'successMessage' | 'errorMessage' | 'state'>;
+    /**
+     * Properties applied to SVG
+     */
+    svgIconProps?: SvgIconProps;
+    /**
+     * Additional label before LoadingText
+     */
+    label?: boolean | ReactNode;
+    /**
+     * Properties applied to LoadingText
+     */
+    loadingTextProps?: LoadingTextProps;
+    /**
+     * @deprecated use loadingTextProps instead
+     */
+    labelProps?: BoxProps<ElementType>;
+    /**
+     * @deprecated rename to loadingTextProps
+     */
+    textBoxProps?: BoxProps<ElementType>;
+    /**
+     * @deprecated no longer has any effect
+     */
+    spinnerControlledAnimation?: 'controlled' | 'infinite';
+}
+/**
+ * A styled loader component that displays animated svg circle
+ */
+export declare const Spinner: React.FC<SpinnerProps>;

package/cjs/components/progress/Spinner.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("@mui/material"),a=require("./LoadingText.js"),n=require("./ProgressState.js");const i=s.forwardRef((i,o)=>{var{sx:c,className:l,children:d,size:f="medium",thickness:m=16,value:u,svgIconProps:g,loaderTextProps:h,label:p,state:x="loading",successMessage:k,errorMessage:b,progressStateProps:y,textBoxProps:j,labelProps:O,spinnerControlledAnimation:v}=i,D=e.__rest(i,["sx","className","children","size","thickness","value","svgIconProps","loaderTextProps","label","state","successMessage","errorMessage","progressStateProps","textBoxProps","labelProps","spinnerControlledAnimation"]);const w=t.useTheme(),$=null!=g?g:{},{sx:L}=$,P=e.__rest($,["sx"]),S=null!=O?O:{},{sx:M}=S,N=e.__rest(S,["sx"]),F=null!=j?j:{},{sx:_}=F,q=e.__rest(F,["sx"]),C=null!=h?h:{},{sx:R}=C,A=e.__rest(C,["sx"]),[B,I]=s.useState(Number.isNaN(u)?0:null!=u?u:15),T=s.useRef(),Z=s.useRef();s.useEffect(()=>{T.current=Number.isNaN(u)?0:null!=u?u:15;const e=()=>{I(r=>{const s=T.current-r,t=r+.5*s;return Math.abs(s)<.1||0===T.current?T.current:(Z.current=requestAnimationFrame(e),t)})};return Z.current=requestAnimationFrame(e),()=>cancelAnimationFrame(Z.current)},[u]);const{radius:z,circumference:G,lineCap:W,gap:E,minSegmentPercentForFullGap:H}=s.useMemo(()=>{const e=50-m/2,r=2*Math.PI*e,s=m/2;return{radius:e,circumference:r,lineCap:s,gap:s,minSegmentPercentForFullGap:(m+s)/r*100}},[m]),J=s.useCallback(e=>{const r=100-e,s=e/100*360,t=E*Math.max(0,Math.min(1,Math.min(e,r)/H));return{reversedRotation:s,dashLength:Math.max(e/100*G-m-t,0),dashOffset:-(W+t/2),reversedDashLength:Math.max(r/100*G-m-t,0)}},[m]),K=J(B),[Q,U]=void 0===u?[J(15),J(75)]:[K,K];return"loading"!==x?r.jsx(n.ProgressState,Object.assign({ref:o,size:f,state:x,successMessage:k,errorMessage:b},y)):r.jsxs(t.Box,Object.assign({"data-testid":"Spinner",role:"progressbar",className:["FlowSpinner-root",l].filter(Boolean).join(", "),ref:o,sx:Object.assign({display:"inline-flex",alignItems:"center",justifyContent:"center",gap:1},c)},void 0!==u&&{"aria-valuenow":u,"aria-valuemin":0,"aria-valuemax":100},D,{children:[r.jsx(t.SvgIcon,Object.assign({"aria-live":"polite",viewBox:"0 0 100 100",sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},"small"===f&&{width:"16px",height:"16px"}),"medium"===f&&{width:"24px",height:"24px"}),"number"==typeof f&&{width:`${f}px`,height:`${f}px`}),{color:"dark"===w.palette.mode?"brand.secondary":"brand.primary"}),void 0===u&&{"@keyframes flow-spinner-indeterminate":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes flow-spinner-indeterminate-group":{"0%, 25%":{transform:"rotateZ(0)"},"70%":{transform:"rotateZ(45deg)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes flow-spinner-indeterminate-circle-primary":{"0%, 25%, 100%":{strokeDasharray:`${Q.dashLength} ${G}`,strokeDashOffset:Q.dashOffset},"70%":{strokeDasharray:`${U.dashLength} ${G}`,strokeDashOffset:U.dashOffset}},"@keyframes flow-spinner-indeterminate-circle-secondary":{"0%, 25%, 100%":{strokeDasharray:`${Q.reversedDashLength} ${G}`,strokeDashOffset:Q.dashOffset},"70%":{strokeDasharray:`${U.reversedDashLength} ${G}`,strokeDashOffset:U.dashOffset}},"@keyframes flow-spinner-indeterminate-group-secondary":{"0%, 25%, 100%":{transform:`rotate(${Q.reversedRotation}deg)`},"70%":{transform:`rotate(${U.reversedRotation}deg)`}},animation:"2s linear infinite flow-spinner-indeterminate","& > g":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-group",transformOrigin:"50% 50%","& circle":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-circle-primary"},"& g":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-group-secondary","& circle":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-circle-secondary"}}}}),L)},P,{children:r.jsxs("g",{children:[(K.reversedDashLength>0||0===B)&&r.jsx("g",{style:{transform:`rotate(${K.reversedRotation}deg)`,transformOrigin:"50% 50%"},children:r.jsx("circle",Object.assign({className:"FlowSpinner-circle-secondary",cx:"50",cy:"50",r:z,fill:"none",stroke:"dark"===w.palette.mode?w.palette.onSurface.os700:w.palette.transparent.secondary,strokeWidth:m,strokeLinecap:"round",strokeDasharray:`${K.reversedDashLength} ${G}`,strokeDashoffset:K.dashOffset},0===B&&{strokeLinecap:"butt",strokeDasharray:"none",strokeDashoffset:"none"}))}),(K.dashLength>0||100===B)&&r.jsx("circle",Object.assign({className:"FlowSpinner-circle-primary",cx:"50",cy:"50",r:z,fill:"none",stroke:"currentColor",strokeWidth:m,strokeLinecap:"round",strokeDasharray:`${K.dashLength} ${G}`,strokeDashoffset:K.dashOffset},100===B&&{strokeLinecap:"butt",strokeDasharray:"none",strokeDashoffset:"none"}))]})})),p&&void 0!==u&&r.jsx(a.LoadingText,Object.assign({"data-testid":"Spinner.percentage"},"number"!=typeof f&&{size:f},{value:u,label:!0!==p?p:void 0,sx:Object.assign(Object.assign(Object.assign({},M),_),R)},N,q,A))]}))});exports.Spinner=i;
+//# sourceMappingURL=Spinner.js.map