@skodaflow/web-library 7.12.0 → 7.13.1

package/cjs/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../../src/components/modal/modal.tsx"],"sourcesContent":[null],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","ModalStyled","onClose","compactButtons","dir","direction","_jsxs","className","onClick","jsx","Icon","name","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"uPAmGa,MAAAA,EAAQC,EAAUA,YAC7B,CACEC,EAuBAC,SAvBAC,SACEA,EAAQC,KACRA,EAAIC,YACJA,EAAWC,iBACXA,EAAgBC,oBAChBA,EAAmBC,eACnBA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,KACdA,EAAIC,mBACJA,EAAkBC,oBAClBA,EAAmBC,oBACnBA,EAAmBC,qBACnBA,GAAuB,EAAIC,SAC3BA,EAAQC,oBACRA,EAAmBC,iBACnBA,EAAgBC,oBAChBA,EAAmBC,oBACnBA,KACGC,EArBLC,EAAAA,OAAAvB,EAAA,CAAA,WAAA,OAAA,cAAA,mBAAA,sBAAA,iBAAA,kBAAA,cAAA,eAAA,iBAAA,OAAA,qBAAA,sBAAA,sBAAA,uBAAA,WAAA,sBAAA,mBAAA,sBAAA,wBAyBA,MAAOwB,EAAeC,GAAoBC,EAAAA,UAAkB,IACrDC,EAAaC,GAAkBF,EAAAA,UAAS,GACzCG,EAAQC,EAAAA,WAEdC,EAAAA,WAAU,KACR,MAAMC,EAAKC,OAAOC,WAAW,eAAeL,EAAMM,YAAYC,OAAOC,SAErET,EAAeI,EAAGM,QAAQ,GACzB,CAACT,EAAMM,YAAYC,OAAOC,KAE7B,MAAME,EAAkBC,EAAAA,aAAY,KAElC,GAAIb,GADuC,WAArBf,GAAQ,SACG,OAAO,CAAK,GAC5C,CAACe,EAAaf,IAEjB,OACE6B,EAAAA,IAACC,mBACKpB,EAAK,CACTrB,IAAKA,EACLE,KAAMA,EACNS,KAAMA,EACN+B,QAASvC,EACToB,cAAeA,EACE,kBAAAjB,qBACCC,EAClBoC,eAAgBL,IAChBtB,SAAUA,EAAQ,cACN,QACZG,oBAAqBA,EACrBD,iBAAkBA,EAClBE,oBAAqBA,EACrBwB,IAAKhB,EAAMiB,UAEX5C,SAAA6C,EAAAA,KAAA,MAAA,CAAKC,UAAU,gCAA8B,kBAAiB9C,SAAA,CAC3DS,GACC8B,EAAAA,cAAQQ,QAAS7C,EAAyB,cAAA,uBACxCqC,EAACS,IAAAC,EAAIA,MAACC,KAAK,QAAQC,SAAS,aAGhCZ,EAAAA,IAACa,EAAAA,WAAU,CACT7B,iBAAkBA,EAClBuB,UAAU,2BACV9B,oBAAqBA,gBACT,gBAAehB,SAE1BA,IAEFc,GACC+B,cAAKC,UAAU,kCAA8C,cAAA,0BAC3DP,EAACS,IAAAK,EAAMA,QACLC,MAAO/C,EACPwC,QAAS5C,EACToD,WAAW,EACXC,QAAS7C,EACT8C,QAASpB,kBACG,gBAAe,eACb1B,IAEfE,GACC0B,MAACc,EAAMA,OAAA,CACLC,MAAO9C,EACPuC,QAAS3C,EACTmD,WAAW,EACXC,QAAS5C,EACT6C,QAASpB,IAAiB,cACd,gBACE,eAAAzB,YAMZ,IAQd4B,EAAckB,EAAMA,OAACC,QAAU,CACnCC,kBAAoBC,GAAkB,mBAATA,GAAsC,kBAATA,GAAqC,aAATA,GADpEH,EASjB5D,IAAA,IAAA6B,MAAEA,GAAgB7B,EAANgE,EAAIzC,EAAAA,OAAAvB,EAAhB,WACD,MAAMiE,EAAsBD,EAAKpB,eAAiB,OAAS,OAIrDsB,EAAiBF,EAAK/C,SAAW+C,EAAK/C,SAAW,oBAEjDkD,EAA0C,WAA1BH,EAAKpD,MAAQ,SAC7BwD,EAAmBJ,EAAKpD,MAAsB,eAAdoD,EAAKpD,KACrCyD,EAAkBF,EACpB,CAAElD,SANkB,QAMSqD,UAAW,OAAQC,QAAS,QACzDH,EACE,CAAEnD,SAAUiD,EAAgBI,UAAW,OAAQC,QAAS,QACxD,CACEtD,SAXgB,QAYhBqD,UAAW,OACXC,QAAS,uBAGjB,MAAO,CACL,qBAAsB,CACpBC,UAAW,qBACXC,UAAW,QACXC,QAAS,OACTC,cAAe,SACf,aAAc,CACZC,UAAW,SACXC,UAAW,OACXP,UAAW,OACXC,QAAS,YAEX,oBAAqB,CACnBA,QAAS,YACTO,cAAeb,EACfc,UAAWf,EAAKxC,cAAgB,mCAAqC,KACrE,sBAAuB,CACrBwD,aAAc,UAIpB,CAACnD,EAAMM,YAAY8C,GAAG,OAAQ,CAC5B,qBAAsB,CACpBT,UAAW,sBACXU,OAAQ,MACRC,MAAO,OACPlE,SAAUoD,EAAgBpD,SAC1B,aAAc,CACZqD,UAAWD,EAAgBC,UAC3BC,QAAS,YAEX,oBAAqB,CACnBA,QAASF,EAAgBE,QACzBO,cAAeb,KAItB"}
+{"version":3,"file":"modal.js","sources":["../../../../../src/components/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useMemo } from 'react';\nimport { Button, ButtonVariants } from '../button';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogProps } from '@mui/material';\n\nexport interface ModalProps extends Omit<DialogProps, 'maxWidth'> {\n  /**\n   * @deprecated rename to onClose\n   */\n  handleClose?: () => void;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  onClickTopButton?: () => void;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  onClickBottomButton?: () => void;\n  /**\n   * @deprecated rename to aria-labelledby\n   */\n  ariaLabelledby?: string;\n  /**\n   * @deprecated rename to aria-describedby\n   */\n  ariaDescribedBy?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  firstButton?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButton?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  firstButtonVariant?: ButtonVariants;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButtonVariant?: ButtonVariants;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButtonVisible?: boolean;\n  /**\n   * @deprecated provide <DialogTitle onClose={() => {} />\n   */\n  hasCloseButton?: boolean;\n  /**\n   * @deprecated use maxWidth={'sm' | 'md' | 'lg'} instead\n   */\n  size?: 'small' | 'large' | 'full-width';\n  /**\n   * @deprecated provide your own <DialogActions>\n   */\n  defaultButtonSection?: boolean;\n  /**\n   * Defines size of the dialog\n   */\n  maxWidth?: DialogProps['maxWidth'] | string;\n  /**\n   * @deprecated write custom hook monitoring open status\n   */\n  modalLoadedCallback?: (isLoaded: boolean) => void;\n}\n\n/**\n * @deprecated This Modal component is deprecated. Please use the new Dialog component from MUI instead.\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      maxWidth,\n      sx,\n      handleClose,\n      onClickTopButton,\n      onClickBottomButton,\n      ariaLabelledby,\n      ariaDescribedBy,\n      firstButton,\n      secondButton,\n      hasCloseButton,\n      size,\n      firstButtonVariant,\n      secondButtonVariant,\n      secondButtonVisible,\n      defaultButtonSection = true,\n      modalLoadedCallback,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    useEffect(() => {\n      modalLoadedCallback?.(open);\n    }, [open]);\n\n    const calculatedMaxWidth = useMemo(() => {\n      if (size) {\n        return { small: 'sm', large: 'md', ['full-width']: false }[size];\n      } else {\n        if (['xs', 'sm', 'md', 'lg', 'xl'].includes(`${maxWidth}`)) {\n          return maxWidth;\n        }\n        return false;\n      }\n    }, [size, maxWidth]) as DialogProps['maxWidth'];\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={handleClose ?? onClose}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedBy}\n        maxWidth={calculatedMaxWidth}\n        data-testid=\"Modal\"\n        PaperProps={{\n          ['data-testid']: 'Modal.container',\n        }}\n        sx={{\n          ...(calculatedMaxWidth === false &&\n            maxWidth && {\n              maxWidth: maxWidth,\n            }),\n          ...sx,\n        }}\n        {...rest}\n      >\n        <DialogTitle onClose={handleClose ?? onClose} closeIconButtonProps={{ ['data-testid']: 'Modal.close' }} />\n        <DialogContent data-testid=\"Modal.content\" dividers={isScrollable} ref={elementRef}>\n          {children}\n        </DialogContent>\n        {defaultButtonSection && (\n          <DialogActions data-testid=\"Modal.buttons\">\n            <Button\n              label={firstButton}\n              onClick={onClickTopButton}\n              variant={firstButtonVariant}\n              data-testid=\"Modal.button1\"\n              data-variant={firstButtonVariant}\n            />\n            {secondButtonVisible && (\n              <Button\n                label={secondButton}\n                onClick={onClickBottomButton}\n                variant={secondButtonVariant}\n                data-testid=\"Modal.button2\"\n                data-variant={secondButtonVariant}\n              />\n            )}\n          </DialogActions>\n        )}\n      </Dialog>\n    );\n  },\n);\n"],"names":["Modal","forwardRef","_a","ref","children","open","onClose","maxWidth","sx","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","modalLoadedCallback","rest","__rest","isScrollable","elementRef","useElementScrollable","useEffect","calculatedMaxWidth","useMemo","small","large","includes","_jsxs","Dialog","Object","assign","PaperProps","_jsx","DialogTitle","closeIconButtonProps","DialogContent","dividers","DialogActions","Button","label","onClick","variant"],"mappings":"wNAuEa,MAAAA,EAAQC,EAAUA,YAC7B,CACEC,EAsBAC,SAtBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,GACRA,EAAEC,YACFA,EAAWC,iBACXA,EAAgBC,oBAChBA,EAAmBC,eACnBA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,KACdA,EAAIC,mBACJA,EAAkBC,oBAClBA,EAAmBC,oBACnBA,EAAmBC,qBACnBA,GAAuB,EAAIC,oBAC3BA,GAAmBpB,EAChBqB,EAAIC,SAAAtB,EApBT,4SAwBA,MAAMuB,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1DC,EAAAA,WAAU,KACRN,SAAAA,EAAsBjB,EAAK,GAC1B,CAACA,IAEJ,MAAMwB,EAAqBC,EAAAA,SAAQ,IAC7Bb,EACK,CAAEc,MAAO,KAAMC,MAAO,KAAM,cAAgB,GAAQf,KAEvD,CAAC,KAAM,KAAM,KAAM,KAAM,MAAMgB,SAAS,GAAG1B,MACtCA,GAIV,CAACU,EAAMV,IAEV,OACE2B,OAACC,EAAAA,OAAMC,OAAAC,OAAA,CACLlC,IAAKA,EACLE,KAAMA,EACNC,QAASG,QAAAA,EAAeH,EAAO,kBACdM,EACC,mBAAAC,EAClBN,SAAUsB,EAAkB,cAChB,QACZS,WAAY,CACV,cAAiB,mBAEnB9B,GAAE4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,GAC2B,IAAvBR,GACFtB,GAAY,CACVA,SAAUA,IAEXC,IAEDe,aAEJgB,EAAAA,IAACC,EAAWA,YAAC,CAAAlC,QAASG,QAAAA,EAAeH,EAASmC,qBAAsB,CAAE,cAAiB,iBACvFF,EAAAA,IAACG,EAAAA,cAA0B,CAAA,cAAA,gBAAgBC,SAAUlB,EAActB,IAAKuB,EACrEtB,SAAAA,IAEFiB,GACCa,EAAAA,KAACU,EAAaA,6BAAa,gBAAexC,SAAA,CACxCmC,EAAAA,IAACM,EAAAA,OAAM,CACLC,MAAOhC,EACPiC,QAASrC,EACTsC,QAAS9B,EACG,cAAA,+BACEA,IAEfE,GACCmB,EAAAA,IAACM,EAAAA,OAAM,CACLC,MAAO/B,EACPgC,QAASpC,EACTqC,QAAS7B,EACG,cAAA,+BACEA,UAKf"}

package/cjs/components/modal/modalTitle.d.ts

@@ -1,3 +1,7 @@
+import React from 'react';
 import { TypographyProps } from '@mui/material';
-export type ModalTitleProps = Omit<TypographyProps, 'variant'>;
-export declare const ModalTitle: import("@emotion/styled").StyledComponent<ModalTitleProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export type ModalTitleProps = TypographyProps;
+/**
+ * @deprecated use DialogTitle instead
+ */
+export declare const ModalTitle: React.FC<ModalTitleProps>;

package/cjs/components/modal/modalTitle.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");const r=r=>t.jsx(e.Typography,Object.assign({},r,{variant:"h3"}));r.defaultProps={gutterBottom:!0};const i=e.styled(r)((t=>({"&&":{marginTop:"0px",fontSize:"20px",lineHeight:"30px",marginBottom:t.gutterBottom?"16px":"inherit"}})));exports.ModalTitle=i;
+"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),t=require("@mui/material");exports.ModalTitle=i=>{var{sx:s}=i,a=r.__rest(i,["sx"]);return e.jsx(t.Typography,Object.assign({component:"h2",variant:"h3",sx:Object.assign({marginTop:"-24px",marginBottom:"24px"},s)},a))};
 //# sourceMappingURL=modalTitle.js.map

package/cjs/components/modal/modalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalTitle.js","sources":["../../../../../src/components/modal/modalTitle.tsx"],"sourcesContent":[null],"names":["ModalTitleBase","props","_jsx","jsx","Typography","Object","assign","variant","defaultProps","gutterBottom","ModalTitle","styled","marginTop","fontSize","lineHeight","marginBottom"],"mappings":"2EAKA,MAAMA,EAA6CC,GAAUC,EAAAC,IAACC,EAAUA,WAAAC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAAS,QAE7FP,EAAeQ,aAAe,CAC5BC,cAAc,GAGT,MAAMC,EAAaC,EAAMA,OAACX,EAAPW,EAAyCV,IAAW,CAC5E,KAAM,CACJW,UAAW,MACXC,SAAU,OACVC,WAAY,OACZC,aAAcd,EAAMQ,aAAe,OAAS"}
+{"version":3,"file":"modalTitle.js","sources":["../../../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport type ModalTitleProps = TypographyProps;\n\n/**\n * @deprecated use DialogTitle instead\n */\nexport const ModalTitle: React.FC<ModalTitleProps> = ({ sx, ...rest }) => (\n  <Typography component=\"h2\" variant=\"h3\" sx={{ marginTop: '-24px', marginBottom: '24px', ...sx }} {...rest} />\n);\n"],"names":["_a","sx","rest","__rest","_jsx","jsx","Typography","Object","assign","component","variant","marginTop","marginBottom"],"mappings":"iHAQsDA,IAAA,IAAAC,GAAEA,GAAaD,EAANE,EAAIC,EAAAA,OAAAH,EAAb,QAAoB,OACxEI,EAACC,IAAAC,aAAWC,OAAAC,OAAA,CAAAC,UAAU,KAAKC,QAAQ,KAAKT,GAAMM,OAAAC,OAAA,CAAAG,UAAW,QAASC,aAAc,QAAWX,IAAUC,GAAQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"numbering.js","sources":["../../../../../src/components/numbering/numbering.tsx"],"sourcesContent":[null],"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","jsx","total"],"mappings":"+HAqCa,MAkBPA,EAAkBC,EAAMA,OAAC,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WAClB,MAAO,CACLI,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOT,EAAKU,aAAeC,EAAeA,gBAACC,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,YAChEC,SAAA,CAAAL,EAAAA,KAAA,OAAA,CAAMM,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DN,EAAMQ,MAAO,OAEhBP,EAAAA,KAAA,OAAA,CAAMM,UAAU,sBAAkC,cAAA,sBAC/CD,SAAA,CAAAN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAExDC,EAAAC,IAAA,OAAA,CAAMJ,UAAU,kBAA8B,cAAA,kBAC3CD,SAAAN,EAAMY,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","jsx","total"],"mappings":"+HAqCa,MAkBPA,EAAkBC,EAAMA,OAAC,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WAClB,MAAO,CACLI,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOT,EAAKU,aAAeC,EAAeA,gBAACC,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,YAChEC,SAAA,CAAAL,EAAAA,KAAA,OAAA,CAAMM,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DN,EAAMQ,MAAO,OAEhBP,EAAAA,KAAA,OAAA,CAAMM,UAAU,sBAAkC,cAAA,sBAC/CD,SAAA,CAAAN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAExDC,EAAAC,IAAA,OAAA,CAAMJ,UAAU,kBAA8B,cAAA,kBAC3CD,SAAAN,EAAMY,WAEO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/overlay/Overlay.tsx"],"sourcesContent":[null],"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,GAAmBL,EAANM,EAAIC,EAAAA,OAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAGA,IAAAC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAMW,OAAAC,OAAA,CAAAC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAAAA,IAACN,EAAGA,IACUC,OAAAC,OAAA,CAAA,cAAA,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,GAAmBL,EAANM,EAAIC,EAAAA,OAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAGA,IAAAC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAMW,OAAAC,OAAA,CAAAC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAAAA,IAACN,EAAGA,IACUC,OAAAC,OAAA,CAAA,cAAA,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA,QAEC"}

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","PaginationItem","ternaryCondition","components","first","fontSize","last","previous","jsxs","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","palette","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import {\n  SxProps,\n  Theme,\n  styled,\n  Pagination as MuiPagination,\n  PaginationItem as MuiPaginationItem,\n  TextField,\n  IconButton,\n} from '@mui/material';\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useState } from 'react';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { Icon, IconNameProp } from '../icon';\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {\n  /**\n   *  The total number of pages.\n   */\n  count?: number;\n\n  /**\n\t The page selected by default\n\t */\n  defaultPage?: number;\n\n  /**\n   *  If true, a pagination will be disabled.\n   */\n\n  isDisabled?: boolean;\n\n  /**\n   *  Set the current page number controlled from outside.\n   */\n\n  page?: number;\n  /**\n   *  The label for previous button.\n   *  @deprecated Previous button label not used by design, will be deleted in future versions\n   */\n  prevButtonLabel?: string;\n\n  /**\n   *  The label for next button.\n   *  @deprecated Previous button label not used by design, will be deleted in future versions\n   */\n  nextButtonLabel?: string;\n  /**\n   * If true, hide the next-page button.\n   */\n  hideNextButton?: boolean;\n\n  /**\n   * If true, hide the previous-page button.\n   */\n  hidePrevButton?: boolean;\n\n  /**\n   * If true, hide the first-page button.\n   */\n  hideFirstButton?: boolean;\n\n  /**\n   * If true, hide the last-page button.\n   */\n  hideLastButton?: boolean;\n\n  /**\n   * Number of always visible pages at the beginning and end.\n   */\n  boundaryCount?: number;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *\tAccepts a function which returns a string value that provides a user-friendly name for the current page.\n   */\n  getItemAriaLabel?: (type: string, page: number, selected: boolean) => string;\n  /**\n   * If true, show the first-page button.\n   * @deprecated showFirstButton not working and is deprecated  as first-button should be visible by default according to design. Use hideFirstButton property instead.\n   */\n  showFirstButton?: boolean;\n  /**\n   * If true, show the last-page button.\n   * @deprecated showLastButton not working and is deprecated  as last-button should be visible by default according to design. Use hideLastButton property instead.\n   */\n  showLastButton?: boolean;\n  /**\n   * Number of always visible pages before and after the current page.\n   */\n  siblingCount?: number;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * On click callback.\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * enable or disable direction label. mobile only\n   * @deprecated hideLabels not used by design, will be deleted in future versions\n   */\n  hideLabels?: boolean;\n  /**\n   * callback for value change handling. takes the new value as its only parameter\n   **/\n  onValueChange?: (payload: number) => void;\n}\n\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\n\nconst isPageNumberValid = (pageNumber: any, count: number) => {\n  return (\n    pageNumber === '' ||\n    (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n    (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count)\n  );\n};\n\nconst mobileIconButton = (\n  muiIcon: IconNameProp,\n  onClick: () => void,\n  disabled?: boolean,\n  direction?: 'forward' | 'back',\n  hideLabel?: boolean,\n  label?: string,\n) => (\n  <IconButton aria-label=\"Navigate\" variant=\"standard\" onClick={onClick} disabled={disabled}>\n    {direction === 'forward' && !hideLabel && label}\n    <Icon name={muiIcon}></Icon>\n    {direction === 'back' && !hideLabel && label}\n  </IconButton>\n);\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      count,\n      isDisabled,\n      page,\n      prevButtonLabel,\n      nextButtonLabel,\n      defaultPage,\n      hideNextButton,\n      hidePrevButton,\n      hideFirstButton,\n      hideLastButton,\n      hideLabels,\n      onValueChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const initialPage = defaultPage || 1;\n    const [currentPageNumber, setCurrentPageNumber] = useState<any>(initialPage);\n    const [isFirstMount, setIsFirstMount] = useState(true);\n    const [prevStatePageNumber, setPrevStatePageNumber] = useState<any>();\n\n    useEffect(() => {\n      currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n    }, [currentPageNumber, onValueChange]);\n\n    useEffect(() => {\n      isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n    }, [isDisabled, isFirstMount, page]);\n\n    const handleChange = useCallback((event: React.ChangeEvent<unknown>, pageNumber: number) => {\n      setCurrentPageNumber(pageNumber);\n    }, []);\n\n    const handleValueChange = (payload: string) => {\n      if (payload === '') {\n        setPrevStatePageNumber(currentPageNumber);\n        setCurrentPageNumber(payload);\n      }\n      const castToNum = parseInt(payload);\n      if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n        setPrevStatePageNumber(castToNum);\n        setCurrentPageNumber(castToNum);\n      }\n    };\n\n    const mobilePagination = () => (\n      <div\n        style={{ display: 'flex', flexDirection: 'column' }}\n        className={`mobileView ${isDisabled ? 'paginationDisabled' : ''}`}\n      >\n        <div className=\"mobileContainer\">\n          {mobileIconButton(\n            'chevron-previous',\n            () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1),\n            !isPageNumberValid(currentPageNumber - 1, count),\n          )}\n          {mobileIconButton(\n            'chevron-left',\n            () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1),\n            !isPageNumberValid(currentPageNumber - 1, count),\n            'back',\n            hideLabels,\n            prevButtonLabel,\n          )}\n          <TextField\n            className=\"textFieldContainer\"\n            value={currentPageNumber}\n            inputProps={{ inputMode: 'numeric', pattern: `[1-${count}]*` }}\n            onChange={(val: any) => handleValueChange(val.target.value)}\n            onBlur={() => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber)}\n          />\n          {mobileIconButton(\n            'chevron-right',\n            () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1),\n            !isPageNumberValid(currentPageNumber + 1, count),\n            'forward',\n            hideLabels,\n            nextButtonLabel,\n          )}\n          {mobileIconButton(\n            'chevron-next',\n            () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count),\n            !isPageNumberValid(currentPageNumber + 1, count),\n          )}\n        </div>\n      </div>\n    );\n\n    const desktopPagination = () => (\n      <MuiPagination\n        className=\"desktopView\"\n        {...props}\n        shape=\"rounded\"\n        count={count}\n        disabled={isDisabled}\n        page={currentPageNumber}\n        hideNextButton={hideNextButton}\n        hidePrevButton={hidePrevButton}\n        showFirstButton={!hideFirstButton}\n        showLastButton={!hideLastButton}\n        ref={ref}\n        onChange={handleChange}\n        renderItem={(item) => (\n          <MuiPaginationItem\n            className={ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', '')}\n            components={{\n              first: () => <Icon name=\"previous\" fontSize=\"small\" />,\n              last: () => <Icon name=\"next\" fontSize=\"small\" />,\n              previous: () => (\n                <>\n                  <Icon name=\"chevron-left\" fontSize=\"small\" />\n                  <>{prevButtonLabel}</>\n                </>\n              ),\n              next: () => (\n                <>\n                  <>{nextButtonLabel}</>\n                  <Icon name=\"chevron-right\" fontSize=\"small\" />\n                </>\n              ),\n            }}\n            {...item}\n          />\n        )}\n      />\n    );\n\n    return (\n      <PaginationStyled data-testid=\"Pagination-wrapper\">\n        {desktopPagination()} {mobilePagination()}\n      </PaginationStyled>\n    );\n  },\n);\n\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n  let style = {};\n  const flexStyle = {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n  };\n\n  style = {\n    [theme.breakpoints.up('md')]: {\n      '& .mobileView': {\n        display: 'none!important',\n      },\n    },\n    [theme.breakpoints.down('md')]: {\n      '& .desktopView': {\n        display: 'none!important',\n      },\n    },\n    '& .desktopView': {\n      '& .MuiButton-startIcon': {\n        marginRight: '8px',\n        display: 'inline-flex',\n      },\n      '& .MuiButton-endIcon': {\n        marginLeft: '8px',\n        display: 'inline-flex',\n      },\n    },\n    '& .mobileView': {\n      ...flexStyle,\n      flexDirection: 'column',\n      flexWrap: 'nowrap',\n      '& .mobileContainer': {\n        ...flexStyle,\n        flexWrap: 'nowrap',\n      },\n      '& .textFieldContainer': {\n        height: '36px',\n        margin: '0 34px',\n        '& input, fieldset': {\n          backgroundColor: theme.palette.transparent.primary,\n          border: 0,\n          borderRadius: '4px',\n          fontSize: '16px',\n          fontWeight: '400',\n          height: '36px',\n          lineHeight: '36px',\n          minWidth: '44px',\n          maxWidth: '50px',\n          padding: '0 4px',\n          textAlign: 'center',\n          color: theme.palette.text.primary,\n        },\n        '& fieldset': {\n          visibility: 'hidden',\n        },\n        '& div': {\n          '&::before': {\n            borderBottom: 0,\n          },\n          '&::after': {\n            borderBottom: 0,\n          },\n        },\n      },\n      '& .controllerContainer': {\n        '& .arrowLabel': {\n          color: theme.palette.text.primary,\n          fontSize: '16px',\n          fontWeight: '400',\n          lineHeight: '16px',\n        },\n        '& .MuiButton-startIcon': {\n          marginRight: '8px',\n          display: 'inline-flex',\n        },\n        '& .MuiButton-endIcon': {\n          marginLeft: '8px',\n          display: 'inline-flex',\n        },\n        '& .MuiIcon-root': {\n          fontSize: '16px',\n          width: '20px',\n          height: '20px',\n        },\n      },\n      '& .counter_label': {\n        color: theme.palette.text.primary,\n        fontSize: '12px',\n        fontWeight: '400',\n        lineHeight: '24px',\n        marginTop: '4px',\n      },\n      '&.paginationDisabled': {\n        pointerEvents: 'none',\n        '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n          color: theme.palette.disabled.primary,\n        },\n      },\n    },\n  };\n\n  return style;\n});\n"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","PaginationItem","ternaryCondition","components","first","fontSize","last","previous","jsxs","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","palette","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"passwordField.js","sources":["../../../../../src/components/passwordField/passwordField.tsx"],"sourcesContent":[null],"names":["PasswordField","forwardRef","_a","ref","slotProps","iconButtonProps","visible","propsVisible","setVisible","setPropsVisible","rest","__rest","_b","input","inputSlotProps","restSlotProps","rawVisible","setRawVisible","useState","_jsx","jsx","TextField","Object","assign","type","autoComplete","endAdornment","InputAdornment","position","IconButton","onClick","HideIcon","ShowIcon"],"mappings":"iMA0Ba,MAAAA,EAA8CC,EAAUA,YACnE,CAACC,EAA6FC,KAA7F,IAAAC,UAAEA,EAASC,gBAAEA,EAAiBC,QAASC,EAAcC,WAAYC,GAA0BP,EAANQ,EAAIC,EAAAA,OAAAT,EAAzF,wDACC,MAAMU,EAA8CR,GAAa,IAAzDS,MAAOC,KAAmBC,EAA5BJ,EAAAA,OAAAC,EAAA,CAAA,WACCI,EAAYC,GAAiBC,EAAAA,UAAkB,GAChDZ,EAAUC,QAAAA,EAAgBS,EAC1BR,EAAaC,QAAAA,EAAmBQ,EAEtC,OACEE,EAACC,IAAAC,EAASA,UACRC,OAAAC,OAAA,CAAApB,IAAKA,EACLqB,KAAMlB,EAAU,OAAS,WACzBmB,aAAa,eACbrB,UAASkB,OAAAC,OAAA,CACPV,MACES,OAAAC,OAAA,CAAAG,aACEP,MAACQ,EAAAA,eAAc,CAACC,SAAS,eACvBT,EAACC,IAAAS,EAAUA,WAACP,OAAAC,OAAA,CAAAO,QAAS,IAAMtB,GAAYF,GAAQ,aAAa,qBAAwBD,YACjFC,EAAUa,EAAAA,IAACY,EAAAA,SAAQ,CAAA,GAAMZ,EAAAA,IAACa,EAAAA,mBAI9BlB,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","jsx","TextField","Object","assign","type","autoComplete","endAdornment","InputAdornment","position","IconButton","onClick","HideIcon","ShowIcon"],"mappings":"iMA0Ba,MAAAA,EAA8CC,EAAUA,YACnE,CAACC,EAA6FC,KAA7F,IAAAC,UAAEA,EAASC,gBAAEA,EAAiBC,QAASC,EAAcC,WAAYC,GAA0BP,EAANQ,EAAIC,EAAAA,OAAAT,EAAzF,wDACC,MAAMU,EAA8CR,GAAa,IAAzDS,MAAOC,KAAmBC,EAA5BJ,EAAAA,OAAAC,EAAA,CAAA,WACCI,EAAYC,GAAiBC,EAAAA,UAAkB,GAChDZ,EAAUC,QAAAA,EAAgBS,EAC1BR,EAAaC,QAAAA,EAAmBQ,EAEtC,OACEE,EAACC,IAAAC,EAASA,UACRC,OAAAC,OAAA,CAAApB,IAAKA,EACLqB,KAAMlB,EAAU,OAAS,WACzBmB,aAAa,eACbrB,UAASkB,OAAAC,OAAA,CACPV,MACES,OAAAC,OAAA,CAAAG,aACEP,MAACQ,EAAAA,eAAc,CAACC,SAAS,eACvBT,EAACC,IAAAS,EAAUA,WAACP,OAAAC,OAAA,CAAAO,QAAS,IAAMtB,GAAYF,GAAQ,aAAa,qBAAwBD,YACjFC,EAAUa,EAAAA,IAACY,EAAAA,SAAQ,CAAA,GAAMZ,EAAAA,IAACa,EAAAA,mBAI9BlB,IAEFC,IAEDL,GACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlayPauseButton.js","sources":["../../../../../src/components/playPauseButton/PlayPauseButton.tsx"],"sourcesContent":[null],"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","jsx","CircularProgress","color","inset","size","thickness","variant","value","IconButton","VideoPlayPauseIndicator","props"],"mappings":"kNA6Ca,MAAAA,EAAkDC,EAAUA,YACvE,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,GAEDb,EADIc,EAAIC,EAAAA,OAAAf,EAbT,kMAiBA,MAAMgB,EAA0DX,GAA2B,IAAnFQ,GAAII,KAAyBC,EAA/BH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAsDb,GAAyB,IAA7EO,GAAIO,KAAuBC,EAA7BN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA0Cf,GAAmB,IAA3DM,GAAIU,KAAiBC,EAAvBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAYhB,GAAsBiB,EAAiBA,kBACnDC,EAAWhB,GAAqBiB,EAAgBA,iBAEtD,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,qBACZnB,GACEkB,OAAAC,OAAA,CAAAC,SAAU,WACVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,QACLvB,GAELZ,IAAKA,GACDa,EAAI,CAAAF,SAAA,CAERyB,EAACC,IAAAC,EAAgBA,gCACf1B,GAAEkB,OAAAC,OAAA,CAEAQ,MAAO,gBACPP,SAAU,WACVQ,MAAO,IACPP,OAAQ,MACLjB,GAELyB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO,KACH3B,IAENmB,EAAAA,IAACE,EAAgBA,gCACf1B,GAAEkB,OAAAC,OAAA,CAEAQ,MAAO,uBACPP,SAAU,WACVQ,MAAO,IACPP,OAAQ,MACLd,GAELsB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO3C,GAAY,GACfmB,IAENgB,EAACC,IAAAQ,EAAUA,wCACG,sBACZ1C,QAASA,EACToC,MAAM,QACNE,KAAK,SACL7B,GAAMkB,OAAAC,OAAA,CAAAC,SAAU,WAAYQ,MAAO,IAAKP,OAAQ,MAASX,GAC7C,aAAApB,EAAY,cAAgB,cACpCqB,EAEH,CAAAZ,SAAAT,EACCkC,EAAAC,IAACb,EAASM,OAAAC,OAAA,CAAA,cAAa,sBAAyBxB,IAEhD6B,EAAAA,IAACV,EAAQI,OAAAC,OAAA,CAAA,cAAa,qBAAwBtB,UAG9C,IAQCqC,EAAkEhD,EAAUA,YAAC,CAACiD,EAAO/C,IACzFoC,EAAAC,IAACxC,EAAgBiC,OAAAC,OAAA,CAAA/B,IAAKA,GAAS+C"}
+{"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","jsx","CircularProgress","color","inset","size","thickness","variant","value","IconButton","VideoPlayPauseIndicator","props"],"mappings":"kNA6Ca,MAAAA,EAAkDC,EAAUA,YACvE,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,GAEDb,EADIc,EAAIC,EAAAA,OAAAf,EAbT,kMAiBA,MAAMgB,EAA0DX,GAA2B,IAAnFQ,GAAII,KAAyBC,EAA/BH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAsDb,GAAyB,IAA7EO,GAAIO,KAAuBC,EAA7BN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA0Cf,GAAmB,IAA3DM,GAAIU,KAAiBC,EAAvBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAYhB,GAAsBiB,EAAiBA,kBACnDC,EAAWhB,GAAqBiB,EAAgBA,iBAEtD,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,qBACZnB,GACEkB,OAAAC,OAAA,CAAAC,SAAU,WACVC,OAAQ,MACRC,MAAO,OACPC,OAAQ,QACLvB,GAELZ,IAAKA,GACDa,EAAI,CAAAF,SAAA,CAERyB,EAACC,IAAAC,EAAgBA,gCACf1B,GAAEkB,OAAAC,OAAA,CAEAQ,MAAO,gBACPP,SAAU,WACVQ,MAAO,IACPP,OAAQ,MACLjB,GAELyB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO,KACH3B,IAENmB,EAAAA,IAACE,EAAgBA,gCACf1B,GAAEkB,OAAAC,OAAA,CAEAQ,MAAO,uBACPP,SAAU,WACVQ,MAAO,IACPP,OAAQ,MACLd,GAELsB,KAAM,GACNC,UAAW,KACXC,QAAQ,cACRC,MAAO3C,GAAY,GACfmB,IAENgB,EAACC,IAAAQ,EAAUA,wCACG,sBACZ1C,QAASA,EACToC,MAAM,QACNE,KAAK,SACL7B,GAAMkB,OAAAC,OAAA,CAAAC,SAAU,WAAYQ,MAAO,IAAKP,OAAQ,MAASX,GAC7C,aAAApB,EAAY,cAAgB,cACpCqB,EAEH,CAAAZ,SAAAT,EACCkC,EAAAC,IAACb,EAASM,OAAAC,OAAA,CAAA,cAAa,sBAAyBxB,IAEhD6B,EAAAA,IAACV,EAAQI,OAAAC,OAAA,CAAA,cAAa,qBAAwBtB,UAG9C,IAQCqC,EAAkEhD,EAAUA,YAAC,CAACiD,EAAO/C,IACzFoC,EAAAC,IAACxC,EAAgBiC,OAAAC,OAAA,CAAA/B,IAAKA,GAAS+C"}

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

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../../../../src/components/progress/loader.tsx"],"sourcesContent":[null],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"8FAkBa,MAAAA,mBAA0CC,YACrD,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,SAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAA,OAAAO,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACC,IAAAb,EAAGA,IACFC,OAAAC,OAAA,CAAAY,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ5B,GAAEc,OAAAC,OAAA,CACAc,UAAW,WACXC,aAAc,MACdd,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAAAA,IAACZ,EAAGA,IAAAC,OAAAC,OAAA,CACFa,UAAU,MACV5B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPQ,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfrC,EAAyB,MAAQ,MACzCsC,SAAU,WAEV,0BACEC,QAAS,KACThB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFnB,MAAO,QAAQ,IAAM5B,YACrBqC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNjD,GAA2C,IAAtBA,IAA4B,CACpDiD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFvB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZtC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAAAC,IAACb,EAAGA,IACFC,OAAAC,OAAA,CAAAa,UAAU,UACV5B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVW,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACPhD,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbiD,UAAW,OACXD,WAAY,iBAEXjC,IAEDC,UAGJ"}
+{"version":3,"file":"loader.js","sources":["../../../../../src/components/progress/loader.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { ElementType, forwardRef } from 'react';\nimport { CommonProgressProps } from './progress';\n\nexport interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** The size of the loader. Only for the loader variant. */\n  loaderSize?: 'small' | 'large';\n  /** Optional custom loading-text Box props */\n  loadingTextProps?: BoxProps<ElementType>;\n  /** Optional custom barWrapper Box props */\n  barWrapperProps?: BoxProps<ElementType>;\n  /** Optional custom bar Box props */\n  barProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays a loading bar with optional percentage and size.\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  (\n    {\n      loadingPercentageDescribeText,\n      loadingPercentage,\n      loaderSize = 'large',\n      loadingTextProps,\n      barWrapperProps,\n      barProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxLoadingText, ...restLoadingText } = loadingTextProps ?? {};\n    const { sx: sxBarWrapper, ...restBarWrapper } = barWrapperProps ?? {};\n    const { sx: sxBar, ...restBar } = barProps ?? {};\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        ref={ref}\n        sx={{\n          fontSize: '14px',\n          lineHeight: '20px',\n          color: 'onSurface.os900',\n          display: 'flex',\n          flexDirection: 'column',\n          fontWeight: '500',\n          '@keyframes loader-animation': {\n            '0%': {\n              maxWidth: '0%',\n            },\n            '20%': {\n              maxWidth: '20%',\n            },\n            '50%': {\n              maxWidth: '50%',\n            },\n            '100%': {\n              maxWidth: '100%',\n            },\n          },\n          '@keyframes loader-animation-opposite': {\n            '0%': {\n              width: 'calc(100% - 1px)',\n            },\n            '20%': {\n              width: 'calc(80% - 1px)',\n            },\n            '50%': {\n              width: 'calc(50% - 1px)',\n            },\n            '100%': {\n              width: '0%',\n            },\n          },\n          ...sx,\n        }}\n        {...rest}\n      >\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box\n            component=\"span\"\n            className=\"loading-text\"\n            data-testid=\"Loader.percentage\"\n            sx={{\n              alignSelf: 'flex-end',\n              marginBottom: '4px',\n              fontSize: '14px',\n              lineHeight: '20px',\n              color: 'text.primary',\n              ...sxLoadingText,\n            }}\n            {...restLoadingText}\n          >\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n        <Box\n          className=\"bar\"\n          sx={{\n            width: '100%',\n            overflow: 'hidden',\n            borderRadius: '555px',\n            height: loaderSize === 'small' ? '4px' : '8px',\n            position: 'relative',\n            // right track\n            '&:before': {\n              content: '\"\"',\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os700' : 'onSurface.os100'),\n              width: `calc(${100 - loadingPercentage}% - 1px)`,\n              borderRadius: '555px',\n              transition: 'width 1s',\n              animation: 'loader-animation-opposite 8s infinite',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                animation: 'none',\n              }),\n            },\n            // dot at the end of bar\n            '&:after': {\n              content: '\"\"',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              borderRadius: '555px',\n              aspectRatio: '1/1',\n            },\n            ...sxBarWrapper,\n          }}\n          {...(loadingPercentage && {\n            ['aria-valuenow']: loadingPercentage,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBarWrapper}\n        >\n          <Box\n            className=\"mainBar\"\n            sx={{\n              width: '100%',\n              maxWidth: '0',\n              height: 'inherit',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              animation: 'loader-animation 8s infinite',\n              borderRadius: '555px',\n              transition: 'none',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                maxWidth: `${loadingPercentage}%`,\n                animation: 'none',\n                transition: 'max-width 1s',\n              }),\n              ...sxBar,\n            }}\n            {...restBar}\n          />\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"8FAkBa,MAAAA,mBAA0CC,YACrD,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,SAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAA,OAAAO,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACC,IAAAb,EAAGA,IACFC,OAAAC,OAAA,CAAAY,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ5B,GAAEc,OAAAC,OAAA,CACAc,UAAW,WACXC,aAAc,MACdd,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAAAA,IAACZ,EAAGA,IAAAC,OAAAC,OAAA,CACFa,UAAU,MACV5B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPQ,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfrC,EAAyB,MAAQ,MACzCsC,SAAU,WAEV,0BACEC,QAAS,KACThB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFnB,MAAO,QAAQ,IAAM5B,YACrBqC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNjD,GAA2C,IAAtBA,IAA4B,CACpDiD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFvB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZtC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAAAC,IAACb,EAAGA,IACFC,OAAAC,OAAA,CAAAa,UAAU,UACV5B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVW,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACPhD,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbiD,UAAW,OACXD,WAAY,iBAEXjC,IAEDC,UAGJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../../../../../src/components/progress/progress.tsx"],"sourcesContent":[null],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","jsx","Object","assign","ProgressBar","props"],"mappings":"qRA6Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAA,OAAAR,EAAlG,yEACC,MAAMS,EAAqBC,EAAAA,SAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,EAAAA,SAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeC,EAAqBA,sBACpCC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeG,EAAqBA,sBACpCD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAAAA,OAASC,EAAOA,QAClDf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAA,OAAAG,EAAA,CAAA,cA0BN,OAAOW,EAAAC,IAACH,EAAiBI,OAAAC,OAAA,CAACxB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DmB,EAAuC3B,EAAUA,YAAC,CAAC4B,EAAO1B,IAC9DqB,EAAAC,IAACzB,EAAa0B,OAAAC,OAAA,GAAAE,GAAO1B,IAAKA"}
+{"version":3,"file":"progress.js","sources":["../../../../../src/components/progress/progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { ProgressMessageComponent, ProgressMessageComponentProps } from './progressMessage';\nimport { Loader, LoaderProps } from './loader';\nimport { Spinner, SpinnerProps } from './spinner';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\n/** Common properties for both loader and spinner. */\nexport interface CommonProgressProps {\n  variant?: 'loader' | 'spinner';\n  /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */\n  loadingPercentage?: number;\n  /** Text describing the loading percentage. */\n  loadingPercentageDescribeText?: string;\n  /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */\n  state?: 'loading' | 'error' | 'success';\n  /** Icon message for the success state */\n  successMessage?: React.ReactNode;\n  /** Icon message for the error state */\n  errorMessage?: React.ReactNode;\n}\n\n/**\n * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.\n */\nexport type ProgressProps =\n  | (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & { variant: 'loader' })\n  | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & { variant?: 'spinner' });\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', state = 'loading', loadingPercentage, successMessage, errorMessage, ...rest }, ref) => {\n    const validatePercentage = useMemo(() => {\n      if (!loadingPercentage || loadingPercentage === 0) return loadingPercentage;\n      if (loadingPercentage < 0) return 0;\n      if (loadingPercentage > 100) return 100;\n\n      return loadingPercentage;\n    }, [loadingPercentage]);\n\n    const { component: ProgressComponent, ...settingsProps } = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCloseFilledIcon,\n            message: errorMessage,\n            state,\n          };\n        case 'success':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCheckFilledIcon,\n            message: successMessage,\n            state,\n          };\n        case 'loading':\n        default:\n          return {\n            component: variant === 'loader' ? Loader : Spinner,\n            loadingPercentage: validatePercentage,\n            message: '',\n          };\n      }\n    }, [variant, loadingPercentage, state]);\n\n    return <ProgressComponent ref={ref} {...settingsProps} {...rest} />;\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","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","jsx","Object","assign","ProgressBar","props"],"mappings":"qRA6Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAA,OAAAR,EAAlG,yEACC,MAAMS,EAAqBC,EAAAA,SAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,EAAAA,SAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeC,EAAqBA,sBACpCC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeG,EAAqBA,sBACpCD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAAAA,OAASC,EAAOA,QAClDf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAA,OAAAG,EAAA,CAAA,cA0BN,OAAOW,EAAAC,IAACH,EAAiBI,OAAAC,OAAA,CAACxB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DmB,EAAuC3B,EAAUA,YAAC,CAAC4B,EAAO1B,IAC9DqB,EAAAC,IAACzB,EAAa0B,OAAAC,OAAA,GAAAE,GAAO1B,IAAKA"}

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

@@ -1 +1 @@
-{"version":3,"file":"progressMessage.js","sources":["../../../../../src/components/progress/progressMessage.tsx"],"sourcesContent":[null],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"iHAuBa,MAAAA,EAAoEC,EAAUA,YACzF,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAA,OAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACC,IAAArB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZQ,SAAS,SACTjB,GACEQ,OAAAC,OAAA,CAAAS,MAAQC,GACNzB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvB0B,EAAMC,QAAQC,KACZ,kBACA,iBACLjB,IAEDC,IAGPT,GACCmB,EAAAA,IAACR,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBa,UAAU,OAAOC,UAAU,WAAcxB,YACzEH,QAGD"}
+{"version":3,"file":"progressMessage.js","sources":["../../../../../src/components/progress/progressMessage.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\n\nexport interface ProgressMessageComponentProps extends BoxProps<ElementType> {\n  /** Message next to the icon  */\n  message: React.ReactNode;\n  /** Variant of the progress message  */\n  state?: 'error' | 'success' | 'loading';\n  /** Custom icon color  */\n  iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  /** Custom message icon that replaces default icon component   */\n  customMessageIcon?: React.ReactNode;\n  /** Custom progress message props */\n  messageProps?: BoxProps<ElementType>;\n  /** Custom icon props */\n  iconProps?: SvgIconProps;\n  /** Custom icon node */\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\n/**\n * A component that renders a progress message with an icon.\n */\nexport const ProgressMessageComponent: React.FC<ProgressMessageComponentProps> = forwardRef(\n  ({ state, iconColor, IconComponent, message, customMessageIcon, iconProps, messageProps, sx, ...rest }, ref) => {\n    const { sx: sxIcon, ...restIcon } = iconProps || {};\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {customMessageIcon || (\n          <IconComponent\n            data-testid=\"Icon\"\n            fontSize=\"medium\"\n            sx={{\n              color: (theme) =>\n                iconColor ??\n                (state === 'error'\n                  ? 'error.main'\n                  : theme.palette.mode === 'dark'\n                    ? 'brand.secondary'\n                    : 'brand.primary'),\n              ...sxIcon,\n            }}\n            {...restIcon}\n          />\n        )}\n        {message && (\n          <Box data-testid=\"ProgressMessage\" component=\"span\" className=\"message\" {...messageProps}>\n            {message}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"iHAuBa,MAAAA,EAAoEC,EAAUA,YACzF,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAA,OAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACC,IAAArB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZQ,SAAS,SACTjB,GACEQ,OAAAC,OAAA,CAAAS,MAAQC,GACNzB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvB0B,EAAMC,QAAQC,KACZ,kBACA,iBACLjB,IAEDC,IAGPT,GACCmB,EAAAA,IAACR,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBa,UAAU,OAAOC,UAAU,WAAcxB,YACzEH,QAGD"}

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../../../../src/components/progress/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YACvD,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAA,OAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAAA,IAAA,SAAA,CAAA7B,SACES,EAAAA,KAACqB,EAAAA,QAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,gBAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAAA,IAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAAAA,IAACnB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAAAA,IAACnB,EAAAA,IAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}
+{"version":3,"file":"spinner.js","sources":["../../../../../src/components/progress/spinner.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIcon, SvgIconProps } from '@mui/material';\nimport { CommonProgressProps } from './progress';\n\nexport interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */\n  spinnerControlledAnimation?: 'controlled' | 'infinite';\n  svgIconProps?: SvgIconProps;\n  textBoxProps?: BoxProps<ElementType>;\n  /** Text label next to progress */\n  label?: React.ReactNode;\n  labelProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays animated svg circle\n */\nexport const Spinner: React.FC<SpinnerProps> = forwardRef(\n  (\n    {\n      spinnerControlledAnimation,\n      loadingPercentage,\n      loadingPercentageDescribeText,\n      svgIconProps,\n      textBoxProps,\n      label,\n      labelProps,\n      sx,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxSvgIcon, ...restSvgIcon } = svgIconProps ?? {};\n\n    const strokeDashOffset = '137.130521355';\n    const strokeDashArray = 141.3716715;\n\n    const isControlled = spinnerControlledAnimation && spinnerControlledAnimation !== 'infinite';\n\n    return (\n      <Box\n        data-testid=\"Spinner\"\n        ref={ref}\n        sx={{\n          transitionProperty: 'opacity',\n          transitionDuration: '0.3s',\n          transitionTimingFunction: 'ease-in-out',\n          backgroundColor: 'transparent',\n          fontSize: '14px',\n          lineHeight: '20px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1,\n          color: 'onSurface.os900',\n          fontWeight: '400',\n          '& .initial-spinner.-done': {\n            opacity: '0',\n            pointerEvents: 'none',\n          },\n          '@keyframes spinner': {\n            '0%': { transform: 'rotateZ(0)' },\n            '100%': { transform: 'rotateZ(360deg)' },\n          },\n          '@keyframes spinner-circle': {\n            '0%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '25%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '50%': {},\n            '75%': {\n              strokeDashoffset: '35.342917875',\n              transform: 'rotate(45deg)',\n            },\n            '100%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(360deg)',\n            },\n          },\n          ...sx,\n        }}\n        {...(loadingPercentage && {\n          ['aria-valuenow']: loadingPercentage,\n          ['aria-valuemin']: 0,\n          ['aria-valuemax']: 100,\n        })}\n        {...rest}\n      >\n        <output>\n          <SvgIcon\n            aria-live=\"polite\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 50 50\"\n            sx={{\n              backgroundImage: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)`,\n              borderRadius: '50%',\n              animation: isControlled ? null : '2s linear infinite spinner',\n              '& circle': {\n                display: 'block',\n                fill: 'transparent',\n                strokeLinecap: isControlled ? null : 'square',\n                strokeDasharray: strokeDashArray,\n                strokeWidth: '8px',\n                transformOrigin: '50% 50%',\n                // track\n                '&:first-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n                  strokeLinecap: 'round',\n                  strokeDashoffset: isControlled ? -(strokeDashArray / 100) * loadingPercentage : null,\n                },\n                // highlighted part\n                '&:last-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n                  strokeDashoffset: isControlled ? strokeDashArray - (strokeDashArray / 100) * loadingPercentage : null,\n                  animation: isControlled ? null : '2s ease-in-out infinite both spinner-circle',\n                  strokeLinecap: 'round',\n                },\n              },\n              ...sxSvgIcon,\n            }}\n            {...restSvgIcon}\n          >\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n          </SvgIcon>\n        </output>\n        {label && <Box {...labelProps}>{label}</Box>}\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box component=\"span\" className=\"loading-text\" data-testid=\"Spinner.percentage\" {...textBoxProps}>\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YACvD,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAA,OAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAAA,IAAA,SAAA,CAAA7B,SACES,EAAAA,KAACqB,EAAAA,QAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,gBAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAAA,IAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAAAA,IAACnB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAAAA,IAACnB,EAAAA,IAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}

package/cjs/components/quickLink/quickLink.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),i=require("@mui/material"),e=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../icon/stroke/ArrowRightIcon.js"),o=require("../../materialui/button/interactive.js");const a=s.forwardRef(((s,a)=>{var{iconName:c,iconProps:p,title:x,titleTypographyProps:d,subtitle:l,subtitleTypographyProps:u,dividerWrapperProps:b,dividerProps:g,contentWrapperProps:m,titleWrapperProps:j,buttonTitle:h,buttonProps:k,buttonIconProps:y,onClick:f,sx:O}=s,P=t.__rest(s,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const v=p||{},{sx:I}=v,_=t.__rest(v,["sx"]),B=b||{},{sx:T}=B,W=t.__rest(B,["sx"]),q=g||{},{sx:C}=q,w=t.__rest(q,["sx"]),L=m||{},{sx:Q}=L,M=t.__rest(L,["sx"]),S=j||{},{sx:R}=S,X=t.__rest(S,["sx"]);return r.jsxs(i.Stack,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},o.getInteractiveStyle({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),O),"data-testid":"QuickLink",ref:a},f&&{onClick:f,role:"button"},{tabIndex:-1},P,{children:[r.jsx(i.Box,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:c?0:2}}},T)},W,{children:r.jsx(i.Box,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},C)},w))})),r.jsxs(i.Box,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},Q)},M,{children:[r.jsxs(i.Stack,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},R)},X,{children:[c&&r.jsx(e.Icon,Object.assign({name:c,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},I),"data-testid":"QuickLink.icon"},_)),x&&r.jsx(i.Typography,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},d,{children:x}))]})),l&&r.jsx(i.Typography,Object.assign({variant:"disclaimer",display:"block","data-testid":"QuickLink.subtitle"},u,{children:l}))]})),h&&r.jsx(i.Button,Object.assign({variant:"navigation",color:"secondary",endIcon:r.jsx(n.ArrowRightIcon,{}),"data-testid":"QuickLink.button"},k,{children:h}))]}))})),c=s.forwardRef(((s,e)=>{var{sx:n,children:o}=s,a=t.__rest(s,["sx","children"]);return r.jsx(i.Box,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},n),ref:e},a,{children:o}))}));exports.QuickLink=a,exports.QuickLinkWrapper=c;
+"use strict";var t=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),e=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../icon/stroke/ArrowRightIcon.js"),o=require("../../materialui/button/interactive.js");const a=s.forwardRef(((s,a)=>{var{iconName:c,iconProps:p,title:x,titleTypographyProps:d,subtitle:l,subtitleTypographyProps:u,dividerWrapperProps:b,dividerProps:g,contentWrapperProps:m,titleWrapperProps:j,buttonTitle:h,buttonProps:k,buttonIconProps:y,onClick:f,sx:O}=s,P=t.__rest(s,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const v=p||{},{sx:I}=v,_=t.__rest(v,["sx"]),B=b||{},{sx:T}=B,W=t.__rest(B,["sx"]),q=g||{},{sx:C}=q,S=t.__rest(q,["sx"]),w=m||{},{sx:L}=w,Q=t.__rest(w,["sx"]),M=j||{},{sx:R}=M,X=t.__rest(M,["sx"]);return r.jsxs(e.Stack,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},o.getInteractiveStyle({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),O),"data-testid":"QuickLink",ref:a},f&&{onClick:f,role:"button"},{tabIndex:-1},P,{children:[r.jsx(e.Box,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:c?0:2}}},T)},W,{children:r.jsx(e.Box,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},C)},S))})),r.jsxs(e.Box,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},L)},Q,{children:[r.jsxs(e.Stack,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},R)},X,{children:[c&&r.jsx(i.Icon,Object.assign({name:c,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},I),"data-testid":"QuickLink.icon"},_)),x&&r.jsx(e.Typography,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},d,{children:x}))]})),l&&r.jsx(e.Typography,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},u,{children:l}))]})),h&&r.jsx(e.Button,Object.assign({variant:"navigation",color:"secondary",endIcon:r.jsx(n.ArrowRightIcon,{}),"data-testid":"QuickLink.button"},k,{children:h}))]}))})),c=s.forwardRef(((s,i)=>{var{sx:n,children:o}=s,a=t.__rest(s,["sx","children"]);return r.jsx(e.Box,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},n),ref:i},a,{children:o}))}));exports.QuickLink=a,exports.QuickLinkWrapper=c;
 //# sourceMappingURL=quickLink.js.map

package/cjs/components/quickLink/quickLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"quickLink.js","sources":["../../../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":[null],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","jsx","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"2RA+Da,MAAAA,EAAsCC,EAAUA,YAC3D,CACEC,EAkBAC,KAlBA,IAAAC,SACEA,EAAQC,UACRA,EAASC,MACTA,EAAKC,qBACLA,EAAoBC,SACpBA,EAAQC,wBACRA,EAAuBC,oBACvBA,EAAmBC,aACnBA,EAAYC,oBACZA,EAAmBC,kBACnBA,EAAiBC,YACjBA,EAAWC,YACXA,EAAWC,gBACXA,EAAeC,QACfA,EAAOC,GACPA,GAEDhB,EADIiB,EAAIC,EAAAA,OAAAlB,EAhBT,0OAoBA,MAAMmB,EAAmChB,GAAa,IAA9Ca,GAAII,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAuDd,GAAuB,IAA5EQ,GAAIO,KAAqBC,EAA3BN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAyChB,GAAgB,IAAvDO,GAAIU,KAAcC,EAApBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAuDlB,GAAuB,IAA5EM,GAAIa,KAAqBC,EAA3BZ,EAAAA,OAAAU,EAAA,CAAA,OACAG,EAAmDpB,GAAqB,IAAtEK,GAAIgB,KAAmBC,EAAzBf,EAAAA,OAAAa,EAAA,CAAA,OAEN,OACEG,EAACC,KAAAC,EAAKA,qBACJC,UAAU,SACVC,WAAW,aACXtB,GACEuB,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,SAAU,IACVC,OAAQ,UACRC,MAAO,UACPC,eAAgB,QAChBC,IAAK,CAAEC,GAAI,MAAOC,GAAI,SACnBC,EAAAA,oBACD,CACEC,GAAI,CACFC,gBAAiB,eACjBC,OAAQ,OAGV,wBAAyB,CACvBD,gBAAiB,cACjBP,MAAO,kBACP,yBAA0B,CACxBS,UAAW,mBAEb,uBAAwB,CACtBA,UAAW,qBAIjB,CACEH,GAAI,CACFC,gBAAiB,gBACjBC,OAAQ,OAEV,wBAAyB,CACvBD,gBAAiB,cACjBP,MAAO,kBACP,uBAAwB,CACtBS,UAAW,oBAEb,qBAAsB,CACpBA,UAAW,uBAKhBpC,GAAE,cAEK,YACZf,IAAKA,GACAc,GAAW,CACdA,QAASA,EACTsC,KAAM,UACN,CACFC,UAAU,GACNrC,EAEJ,CAAAsC,SAAA,CAAAC,MAACC,EAAAA,IAAGlB,OAAAC,OAAA,CACFxB,GACEuB,OAAAC,OAAA,CAAAkB,SAAU,WACVC,MAAO,OACPR,OAAQ,MAER,KAAM,CAAES,GAAI,CAAEd,GAAI,EAAGC,GAAI7C,EAAW,EAAI,KACrCqB,IAEDC,EAAuB,CAAA+B,SAE3BC,MAACC,EAAAA,IAAGlB,OAAAC,OAAA,CACFqB,UAAU,KACV7C,GACEuB,OAAAC,OAAA,CAAAsB,OAAQ,OACRJ,SAAU,WACVK,MAAO,IACPC,EAAG,GAEAtC,IAEDC,OAGRO,EAACC,KAAAsB,qBACCzC,GAAEuB,OAAAC,OAAA,CAAImB,MAAO,QAASM,SAAU,OAAQC,GAAI,EAAGC,GAAI,CAAErB,GAAI,MAAOC,GAAI,QAAYlB,IAC5EC,EAEJ,CAAAyB,SAAA,CAAArB,EAAAA,KAACE,EAAKA,MAAAG,OAAAC,OAAA,CACJxB,GAAEuB,OAAAC,OAAA,CACA4B,cAAe,CAAEtB,GAAI,MAAOC,GAAI,UAChCT,WAAY,CAAEQ,GAAI,SAAUC,GAAI,cAChCF,IAAK,CAAEC,GAAI,MAAOC,GAAI,QACtBa,GAAI,CAAEd,GAAI,MAAOC,GAAI,IAClBf,IAEDC,EAEH,CAAAsB,SAAA,CAAArD,GACCsD,EAACa,IAAAC,EAAIA,KACH/B,OAAAC,OAAA,CAAA+B,KAAMrE,EACNc,GAAEuB,OAAAC,OAAA,CACAgC,QAAS,QACTC,SAAU,CAAE3B,GAAI,OAAQC,GAAI,QAC5B2B,GAAI,CAAE5B,GAAI,MAAOC,GAAI,OACrB4B,GAAI,CAAE7B,GAAI,MAAOC,GAAI,QAClB3B,GAEO,cAAA,kBACRC,IAGPjB,GACCoD,MAACoB,EAAAA,WACCrC,OAAAC,OAAA,CAAAqC,QAAQ,KACRL,QAAQ,QAAO,cACH,kBACZxD,GAAI,CAAE4C,GAAI,CAAEd,GAAI,EAAGC,GAAI,MACnB1C,YAEHD,SAINE,GACCkD,EAAAA,IAACoB,EAAAA,WAAUrC,OAAAC,OAAA,CACTqC,QAAQ,aACRL,QAAQ,sBACI,sBACRjE,EAAuB,CAAAgD,SAE1BjD,SAINM,GACC4C,EAAAa,IAACS,EAAMA,OACLvC,OAAAC,OAAA,CAAAqC,QAAQ,aACRlC,MAAM,YACNoC,QAASvB,MAACwB,EAAAA,mBACE,cAAA,oBACRnE,YAEHD,QAGC,IAUDqE,EAAoDlF,EAAUA,YAAC,CAACC,EAA2BC,SAA3Be,GAAEA,EAAEuC,SAAEA,GAAQvD,EAAKiB,EAAIC,EAAAA,OAAAlB,EAAvB,mBAC3E,OACEwD,EAACa,IAAAZ,EAAGA,IACFlB,OAAAC,OAAA,CAAAxB,kBACEwD,QAAS,OACTU,oBAAqB,CAAEpC,GAAI,MAAOqC,GAAI,kBACtCtC,IAAK,GACF7B,GAELf,IAAKA,GACDgB,YAEHsC,IACG"}
+{"version":3,"file":"quickLink.js","sources":["../../../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Name of the icon from icon set\n   */\n  iconName?: IconProps['name'];\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: IconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      iconName,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {iconName && (\n              <Icon\n                name={iconName}\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","jsx","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/cjs/components/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":[null],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Radio","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"+MA2Da,MAAAA,EAAcC,EAAUA,YAAsC,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAAAC,KAACC,EAAiB,CAACC,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,MACxDC,SAAA,CAAAC,EAAAA,IAACC,EAAcC,MAAAC,OAAAC,OAAA,CAAA,EAAKb,EAAK,CAAEC,IAAKA,EAAKa,MAAOd,EAAMO,MAAQ,QAAU,aACnEP,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBN,EAAAA,IAAK,MAAA,CAAAO,UAAU,qBAAsBR,SAAAR,EAAMe,WAIlG,OAAOf,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBf,EAAMe,MAAME,OAAS,EAC5ER,EAAAA,IAACS,EAAAA,QAAsB,CAACC,QAASjB,EAAOa,MAAOf,EAAMe,MAAOT,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,QAEnG,CACD,IAMGF,EAAoBe,EAAMA,OAAC,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAgBA,iBAACb,EAAKnB,UAAU,EAAM,OAAQ,OAC7DQ,MAAOwB,EAAAA,iBAAiBb,EAAKlB,QAAUkB,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQhC,MAAMiC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKnB,WACPqB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAgBA,iBAACb,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQjC,SAASqC,QAAS,cAG1EhB,CAAM"}
+{"version":3,"file":"radioButton.js","sources":["../../../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with RadioButton element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  /**\n   * HTML DOM element reference of component\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n  const radio = (\n    <RadioButtonStyled disabled={props.disabled} error={props.error}>\n      <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n      {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n    </RadioButtonStyled>\n  );\n\n  return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n    <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n  ) : (\n    radio\n  );\n});\n\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    display: 'flex',\n    '& .NodeLabelContainer': {\n      cursor: 'pointer',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      paddingLeft: '8px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n      color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  if (args.disabled) {\n    styles = {\n      ...styles,\n      color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n    };\n  }\n  return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Radio","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"+MA2Da,MAAAA,EAAcC,EAAUA,YAAsC,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAAAC,KAACC,EAAiB,CAACC,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,MACxDC,SAAA,CAAAC,EAAAA,IAACC,EAAcC,MAAAC,OAAAC,OAAA,CAAA,EAAKb,EAAK,CAAEC,IAAKA,EAAKa,MAAOd,EAAMO,MAAQ,QAAU,aACnEP,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBN,EAAAA,IAAK,MAAA,CAAAO,UAAU,qBAAsBR,SAAAR,EAAMe,WAIlG,OAAOf,EAAMe,OAAgC,iBAAhBf,EAAMe,OAAsBf,EAAMe,MAAME,OAAS,EAC5ER,EAAAA,IAACS,EAAAA,QAAsB,CAACC,QAASjB,EAAOa,MAAOf,EAAMe,MAAOT,SAAUN,EAAMM,SAAUC,MAAOP,EAAMO,QAEnG,CACD,IAMGF,EAAoBe,EAAMA,OAAC,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAgBA,iBAACb,EAAKnB,UAAU,EAAM,OAAQ,OAC7DQ,MAAOwB,EAAAA,iBAAiBb,EAAKlB,QAAUkB,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQhC,MAAMiC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKnB,WACPqB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAgBA,iBAACb,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQjC,SAASqC,QAAS,cAG1EhB,CAAM"}

package/cjs/components/search/collapsableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsableSearch.js","sources":["../../../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":[null],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","jsx","Search","disableInput"],"mappings":"iJAyBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAA,OAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAA,OAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,MAACC,EAAGA,IAAAC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,MAACM,EAAQA,SAAAJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAAAa,IAACC,SAAOZ,OAAAC,OAAA,CAAAY,aAAc1B,GAAiBC,SAErC"}
+{"version":3,"file":"collapsableSearch.js","sources":["../../../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","jsx","Search","disableInput"],"mappings":"iJAyBoEA,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAA,OAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAA,OAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,MAACC,EAAGA,IAAAC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,MAACM,EAAQA,SAAAJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAAAa,IAACC,SAAOZ,OAAAC,OAAA,CAAAY,aAAc1B,GAAiBC,SAErC"}

package/cjs/components/search/search.d.ts

@@ -8,10 +8,7 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
     /**
      * Defines the time (ms) of debounce for the onChange effect
      *
-     * When debounce is 0, Search uses useDeferredValue instead.
-     *
-     * @see useDeferedValue
-     * @default 0
+     * @default 50
      */
     debounce?: number;
     /**
@@ -29,7 +26,6 @@ export type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' |
      * If debounce is set to 0, the onChange is being called when deferred value changes
      *
      * @see debounce
-     * @see useDeferredValue {@link https://react.dev/reference/react/useDeferredValue}
      *
      * @param value current value of searchbar
      */

package/cjs/components/search/search.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef(((l,u)=>{var{debounce:p=0,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=t.useDeferredValue(w),R=o.default(w,p),{sx:A}=C,D=e.__rest(C,["sx"]),F=f||{},{input:M={}}=F,V=e.__rest(F,["input"]),z=t.useMemo((()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[v]);t.useEffect((()=>{null==m||m(p<=0?_:R)}),[p<=0?_:R]);const B=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)}),[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os900",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},z),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:B,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},D))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),V)}))}));exports.Search=l;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef(((l,u)=>{var{debounce:p=200,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=w,R=o.default(w,p,{instantClear:!0}),{sx:A}=C,F=e.__rest(C,["sx"]),D=f||{},{input:M={}}=D,z=e.__rest(D,["input"]),B=t.useMemo((()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[v]);t.useEffect((()=>{null==m||m(p<=0?_:R)}),[p<=0?_:R]);const V=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)}),[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os900",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},B),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:V,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},F))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),z)}))}));exports.Search=l;
 //# sourceMappingURL=search.js.map

package/cjs/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":[null],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","useDeferredValue","debouncedValue","useDebounce","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField, Theme } from '@mui/material';\nimport { SystemStyleObject } from '@mui/system';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   *\n   * @default 50\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 200,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    // useDeferredValue not used due to compatibility with React 17\n    // const deferredValue = useDeferredValue(search);\n    const deferredValue = search;\n    const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo<SystemStyleObject<Theme>>(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os900',\n          py: '5px',\n          pl: '15px',\n          pr: '5px',\n          mb: 0,\n          // focus ring\n          '&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '5px',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}

package/cjs/components/segmentedControls/segmentedControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmentedControls.js","sources":["../../../../../src/components/segmentedControls/segmentedControls.tsx"],"sourcesContent":[null],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQa,MAAAA,EAAsDC,EAAUA,YAAC,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}
+{"version":3,"file":"segmentedControls.js","sources":["../../../../../src/components/segmentedControls/segmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQa,MAAAA,EAAsDC,EAAUA,YAAC,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}

package/cjs/components/selectInput/formControlSelectStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":[null],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}
+{"version":3,"file":"formControlSelectStyled.js","sources":["../../../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { styled, FormControl as MuiFormControl, FormControlProps as MuiFormControlProps } from '@mui/material';\n\n/**\n * @description SelectInput styling definition based on props\n */\n\nconst handleStyleIcon = (props) => {\n  return {\n    fontSize: '24px !important',\n    position: 'absolute',\n    flexShrink: 0,\n    pointerEvents: 'none',\n    display: 'block',\n    color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n  };\n};\n\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n  shouldForwardProp: (prop) =>\n    prop !== 'helpText' &&\n    prop !== 'hideBg' &&\n    prop !== 'hasError' &&\n    prop !== 'hovered' &&\n    prop !== 'value' &&\n    prop !== 'staticLabel',\n})<\n  MuiFormControlProps & {\n    disabled?: boolean;\n    hasError?: boolean;\n    hideBg?: boolean;\n    icon?: string;\n    focused?: boolean;\n    hovered?: boolean;\n    value?: any;\n    staticLabel?: boolean;\n  }\n>(({ theme, ...props }) => {\n  let styles = {};\n\n  const styleIcon = handleStyleIcon(props);\n  const styleSelect = {\n    paddingBottom: props.staticLabel ? '16px' : '6px',\n    paddingTop: props.staticLabel ? '16px' : '26px',\n  };\n\n  styles = {\n    height: '56px',\n    minWidth: '200px !important',\n    background: theme.palette.transparent.primary,\n    borderRadius: '4px 4px 0px 0px',\n    borderBottom: props.focused\n      ? `2px solid ${theme.palette.brand.primary}`\n      : props.value\n        ? `1px solid ${theme.palette.onSurface.os900}`\n        : `1px solid ${theme.palette.onSurface.os500}`,\n    '& > .MuiIcon-root': {\n      ...styleIcon,\n      width: '50px',\n      top: '16px',\n    },\n    '& > .MuiFilledInput-root': {\n      position: 'relative',\n      height: '56px',\n    },\n    '& > label.MuiInputLabel-root': {\n      paddingLeft: 0,\n      fontWeight: 400,\n      marginLeft: '0px',\n      transform: 'translate(12, 18px) scale(1)',\n      color: props.hovered || props.focused ? theme.palette.text.primary : theme.palette.onSurface.os500,\n      maxWidth: 'calc(100% - 56px)',\n      '&:hover': {\n        color: theme.palette.text.primary,\n      },\n    },\n    '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n      transform: 'translate(14px, 8px) scale(0.75)',\n      paddingLeft: 0,\n      fontWeight: 400,\n      color: props.focused ? theme.palette.brand.primary : theme.palette.onSurface.os500,\n    },\n    '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n      color: theme.palette.disabled.primary,\n    },\n    '& > .MuiInputBase-root': {\n      background: 'transparent',\n      width: '100%',\n      paddingLeft: '1px',\n      paddingTop: '0px',\n      '&::after': {\n        display: 'none',\n      },\n      '&::before': {\n        display: 'none',\n      },\n      '& > div.MuiSelect-select': {\n        ...styleSelect,\n        fontSize: '16px',\n        lineHeight: '24px',\n        color: theme.palette.onSurface.os900,\n        fontWeight: '500',\n        paddingRight: '50px',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        width: '100%',\n        boxSizing: 'content-box!important',\n        '&:focus': {\n          background: 'transparent',\n        },\n        '& > div.MuiListItemText-root': {\n          marginTop: 0,\n        },\n      },\n      '& > .MuiIcon-root': {\n        ...styleIcon,\n        right: '15.5px',\n        width: '24px',\n        top: '19px',\n      },\n    },\n  };\n\n  const labelStyle = styles['& > label.MuiInputLabel-root'];\n\n  if (props.icon) {\n    styles = {\n      ...styles,\n      '& > label.MuiInputLabel-root': {\n        ...labelStyle,\n        paddingLeft: '40px',\n      },\n      '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n        ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n        transform: 'translate(24px, 8px) scale(0.75)',\n        paddingLeft: '40px',\n      },\n      '& > .MuiInputBase-root': {\n        background: 'transparent',\n        width: '100%',\n        paddingLeft: '1px',\n        paddingTop: '0px',\n        '& > div.MuiSelect-select': {\n          ...styleSelect,\n          fontSize: '16px',\n          lineHeight: '24px',\n          color: theme.palette.onSurface.os900,\n          fontWeight: '500',\n          paddingRight: '56px',\n          paddingLeft: '52px',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          width: '100%',\n          boxSizing: 'content-box!important',\n          '&:focus': {\n            background: 'transparent',\n          },\n          '& > div.MuiListItemText-root': {\n            marginTop: '14px',\n          },\n        },\n        '&::after': {\n          display: 'none',\n        },\n        '&::before': {\n          display: 'none',\n        },\n        '& > .MuiIcon-root': {\n          ...styleIcon,\n          right: '12.5px',\n          width: '24px',\n          top: '19px',\n\n          '&:hovered': {},\n        },\n      },\n    };\n  }\n\n  if (props.disabled) {\n    labelStyle.color = theme.palette.disabled.primary;\n    styles = {\n      ...styles,\n      borderBottom: `1px solid ${theme.palette.disabled.primary}`,\n\n      '& > .MuiIcon-root': {\n        ...styleIcon,\n        width: '50px',\n        height: '56px',\n        display: 'inline-flex',\n        top: '0',\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingBottom: '8px',\n        color: theme.palette.disabled.primary,\n      },\n      '& > .MuiInputBase-root': {\n        ...styles['& > .MuiInputBase-root'],\n        '& > .MuiIcon-root': {\n          ...styleIcon,\n          right: '12.5px',\n          top: '19px',\n          color: theme.palette.disabled.primary,\n        },\n      },\n    };\n  }\n\n  if (props.error) {\n    const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n    labelStyle.color = errorColor;\n    styles = {\n      ...styles,\n      borderBottom: `2px solid ${theme.palette.alert['main']}`,\n      '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n        ...styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink'],\n        color: errorColor,\n      },\n    };\n  }\n\n  return styles;\n});\n"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","palette","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","error","errorColor","alert"],"mappings":"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"}