@laerdal/life-react-components 5.0.5 → 5.0.6-dev.2

package/dist/NavItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","NavItem"],"sources":["../../src/NavItem/index.ts"],"sourcesContent":["export { default as NavItem } from './NavItem';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","NavItem"],"sources":["../../src/NavItem/index.ts"],"sourcesContent":["export { default as NavItem } from './NavItem';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW","ignoreList":[]}

package/dist/NotificationDot/NotificationDot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationDot.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContentWrapper","styled","div","_taggedTemplateLiteral2","props","$size","Size","Small","Large","Content","$variant","COLORS","getColor","theme","NotificationDot","_ref","_ref$size","size","Medium","variant","testId","jsx","children","propTypes","_propTypes","oneOf","isRequired","string","_default","exports"],"sources":["../../src/NotificationDot/NotificationDot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Size } from '../types';\nimport {COLORS} from '..';\n\nexport interface NotificationProps {\n    /**\n   * Optional. The size of the notification dot. It can be 'Small', 'Medium', or 'Large'.\n   * Defaults to 'Medium' if not specified.\n   */\n  size?: Size.Small | Size.Medium | Size.Large;\n    /**\n   * Required. The variant of the notification dot. It can be 'critical' or 'positive'.\n   */\n  variant: 'critical' | 'positive';\n    /**\n   * Optional. The testId for the notification dot. Useful for testing purposes.\n   */\n  testId?: string;\n}\n\nconst ContentWrapper = styled.div<{$size: Size}>`\n  width: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\n  height: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\n  padding: ${(props) => props.$size === Size.Small ? '3px' : (props.$size === Size.Large ? '4px' : '4px')};\n  box-sizing: border-box;\n`;\n\nconst Content = styled.div<{$size: Size, $variant: 'critical' | 'positive'}>`\n  background-color: ${(props) => props.$variant === 'positive' ? COLORS.getColor('correct_500', props.theme) : COLORS.getColor('critical_500', props.theme)};\n  height: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\n  width: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\n  border-radius: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\n  border: ${(props) => props.$size === Size.Small ? '2px solid ' + COLORS.getColor('white', props.theme) : (props.$size === Size.Large ? '3px solid ' + COLORS.getColor('white', props.theme) : '2px solid ' + COLORS.getColor('white', props.theme))};\n  box-sizing: border-box;\n`;\n\nconst NotificationDot: React.FunctionComponent<NotificationProps> = ({size = Size.Medium, variant, testId}) => {\n  return (\n    <ContentWrapper $size={size}>\n      <Content $size={size} $variant={variant} data-testid={testId}/>\n    </ContentWrapper>\n  );\n};\n\nexport default NotificationDot;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NotificationDot.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContentWrapper","styled","div","_taggedTemplateLiteral2","props","$size","Size","Small","Large","Content","$variant","COLORS","getColor","theme","NotificationDot","_ref","_ref$size","size","Medium","variant","testId","jsx","children","propTypes","_propTypes","oneOf","isRequired","string","_default","exports"],"sources":["../../src/NotificationDot/NotificationDot.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\nimport {COLORS} from '..';\r\n\r\nexport interface NotificationProps {\r\n    /**\r\n   * Optional. The size of the notification dot. It can be 'Small', 'Medium', or 'Large'.\r\n   * Defaults to 'Medium' if not specified.\r\n   */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n    /**\r\n   * Required. The variant of the notification dot. It can be 'critical' or 'positive'.\r\n   */\r\n  variant: 'critical' | 'positive';\r\n    /**\r\n   * Optional. The testId for the notification dot. Useful for testing purposes.\r\n   */\r\n  testId?: string;\r\n}\r\n\r\nconst ContentWrapper = styled.div<{$size: Size}>`\r\n  width: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\r\n  height: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\r\n  padding: ${(props) => props.$size === Size.Small ? '3px' : (props.$size === Size.Large ? '4px' : '4px')};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Content = styled.div<{$size: Size, $variant: 'critical' | 'positive'}>`\r\n  background-color: ${(props) => props.$variant === 'positive' ? COLORS.getColor('correct_500', props.theme) : COLORS.getColor('critical_500', props.theme)};\r\n  height: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\r\n  width: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\r\n  border-radius: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\r\n  border: ${(props) => props.$size === Size.Small ? '2px solid ' + COLORS.getColor('white', props.theme) : (props.$size === Size.Large ? '3px solid ' + COLORS.getColor('white', props.theme) : '2px solid ' + COLORS.getColor('white', props.theme))};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst NotificationDot: React.FunctionComponent<NotificationProps> = ({size = Size.Medium, variant, testId}) => {\r\n  return (\r\n    <ContentWrapper $size={size}>\r\n      <Content $size={size} $variant={variant} data-testid={testId}/>\r\n    </ContentWrapper>\r\n  );\r\n};\r\n\r\nexport default NotificationDot;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/NotificationDot/NotificationDot.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { Size } from '../types';
-export interface NotificationProps {
-    /**
-   * Optional. The size of the notification dot. It can be 'Small', 'Medium', or 'Large'.
-   * Defaults to 'Medium' if not specified.
-   */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /**
-   * Required. The variant of the notification dot. It can be 'critical' or 'positive'.
-   */
-    variant: 'critical' | 'positive';
-    /**
-   * Optional. The testId for the notification dot. Useful for testing purposes.
-   */
-    testId?: string;
-}
-declare const NotificationDot: React.FunctionComponent<NotificationProps>;
-export default NotificationDot;
+import * as React from 'react';
+import { Size } from '../types';
+export interface NotificationProps {
+    /**
+   * Optional. The size of the notification dot. It can be 'Small', 'Medium', or 'Large'.
+   * Defaults to 'Medium' if not specified.
+   */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /**
+   * Required. The variant of the notification dot. It can be 'critical' or 'positive'.
+   */
+    variant: 'critical' | 'positive';
+    /**
+   * Optional. The testId for the notification dot. Useful for testing purposes.
+   */
+    testId?: string;
+}
+declare const NotificationDot: React.FunctionComponent<NotificationProps>;
+export default NotificationDot;

package/dist/NotificationDot/NotificationDot.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationDot.js","names":["React","styled","Size","COLORS","jsx","_jsx","ContentWrapper","div","_templateObject","_taggedTemplateLiteral","props","$size","Small","Large","Content","_templateObject2","$variant","getColor","theme","NotificationDot","_ref","_ref$size","size","Medium","variant","testId","children","propTypes","_pt","oneOf","isRequired","string"],"sources":["../../src/NotificationDot/NotificationDot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Size } from '../types';\nimport {COLORS} from '..';\n\nexport interface NotificationProps {\n    /**\n   * Optional. The size of the notification dot. It can be 'Small', 'Medium', or 'Large'.\n   * Defaults to 'Medium' if not specified.\n   */\n  size?: Size.Small | Size.Medium | Size.Large;\n    /**\n   * Required. The variant of the notification dot. It can be 'critical' or 'positive'.\n   */\n  variant: 'critical' | 'positive';\n    /**\n   * Optional. The testId for the notification dot. Useful for testing purposes.\n   */\n  testId?: string;\n}\n\nconst ContentWrapper = styled.div<{$size: Size}>`\n  width: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\n  height: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\n  padding: ${(props) => props.$size === Size.Small ? '3px' : (props.$size === Size.Large ? '4px' : '4px')};\n  box-sizing: border-box;\n`;\n\nconst Content = styled.div<{$size: Size, $variant: 'critical' | 'positive'}>`\n  background-color: ${(props) => props.$variant === 'positive' ? COLORS.getColor('correct_500', props.theme) : COLORS.getColor('critical_500', props.theme)};\n  height: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\n  width: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\n  border-radius: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\n  border: ${(props) => props.$size === Size.Small ? '2px solid ' + COLORS.getColor('white', props.theme) : (props.$size === Size.Large ? '3px solid ' + COLORS.getColor('white', props.theme) : '2px solid ' + COLORS.getColor('white', props.theme))};\n  box-sizing: border-box;\n`;\n\nconst NotificationDot: React.FunctionComponent<NotificationProps> = ({size = Size.Medium, variant, testId}) => {\n  return (\n    <ContentWrapper $size={size}>\n      <Content $size={size} $variant={variant} data-testid={testId}/>\n    </ContentWrapper>\n  );\n};\n\nexport default NotificationDot;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAAQC,MAAM,QAAO,IAAI;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkB1B,IAAMC,cAAc,GAAGL,MAAM,CAACM,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yFACtB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,MAAM,GAAIF,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,MAAM,GAAG,MAAO;AAAA,GAC9F,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,MAAM,GAAIF,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,MAAM,GAAG,MAAO;AAAA,GAC9F,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,KAAK,GAAIF,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,KAAK,GAAG,KAAM;AAAA,EAExG;AAED,IAAMC,OAAO,GAAGb,MAAM,CAACM,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,2IACJ,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACM,QAAQ,KAAK,UAAU,GAAGb,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,GAAGf,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAC/I,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,MAAM,GAAIF,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,MAAM,GAAG,MAAO;AAAA,GAChG,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,MAAM,GAAIF,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,MAAM,GAAG,MAAO;AAAA,GACvF,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,MAAM,GAAIF,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,MAAM,GAAG,MAAO;AAAA,GACtG,UAACH,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACU,KAAK,GAAG,YAAY,GAAGT,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC,GAAIR,KAAK,CAACC,KAAK,KAAKT,IAAI,CAACW,KAAK,GAAG,YAAY,GAAGV,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC,GAAG,YAAY,GAAGf,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAE;AAAA,EAEpP;AAED,IAAMC,eAA2D,GAAG,SAA9DA,eAA2DA,CAAAC,IAAA,EAA8C;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAzCE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGnB,IAAI,CAACqB,MAAM,GAAAF,SAAA;IAAEG,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;EACvG,oBACEpB,IAAA,CAACC,cAAc;IAACK,KAAK,EAAEW,IAAK;IAAAI,QAAA,eAC1BrB,IAAA,CAACS,OAAO;MAACH,KAAK,EAAEW,IAAK;MAACN,QAAQ,EAAEQ,OAAQ;MAAC,eAAaC;IAAO,CAAC;EAAC,CACjD,CAAC;AAErB,CAAC;AAACN,eAAA,CAAAQ,SAAA;EA7BAH,OAAO,EAAAI,GAAA,CAAAC,KAAA,EAAE,UAAU,EAAG,UAAU,GAAAC,UAAA;EAIhCL,MAAM,EAAAG,GAAA,CAAAG;AAAA;AA2BR,eAAeZ,eAAe","ignoreList":[]}
+{"version":3,"file":"NotificationDot.js","names":["React","styled","Size","COLORS","jsx","_jsx","ContentWrapper","div","_templateObject","_taggedTemplateLiteral","props","$size","Small","Large","Content","_templateObject2","$variant","getColor","theme","NotificationDot","_ref","_ref$size","size","Medium","variant","testId","children","propTypes","_pt","oneOf","isRequired","string"],"sources":["../../src/NotificationDot/NotificationDot.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\nimport {COLORS} from '..';\r\n\r\nexport interface NotificationProps {\r\n    /**\r\n   * Optional. The size of the notification dot. It can be 'Small', 'Medium', or 'Large'.\r\n   * Defaults to 'Medium' if not specified.\r\n   */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n    /**\r\n   * Required. The variant of the notification dot. It can be 'critical' or 'positive'.\r\n   */\r\n  variant: 'critical' | 'positive';\r\n    /**\r\n   * Optional. The testId for the notification dot. Useful for testing purposes.\r\n   */\r\n  testId?: string;\r\n}\r\n\r\nconst ContentWrapper = styled.div<{$size: Size}>`\r\n  width: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\r\n  height: ${(props) => props.$size === Size.Small ? '16px' : (props.$size === Size.Large ? '24px' : '20px')};\r\n  padding: ${(props) => props.$size === Size.Small ? '3px' : (props.$size === Size.Large ? '4px' : '4px')};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Content = styled.div<{$size: Size, $variant: 'critical' | 'positive'}>`\r\n  background-color: ${(props) => props.$variant === 'positive' ? COLORS.getColor('correct_500', props.theme) : COLORS.getColor('critical_500', props.theme)};\r\n  height: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\r\n  width: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\r\n  border-radius: ${(props) => props.$size === Size.Small ? '10px' : (props.$size === Size.Large ? '16px' : '12px')};\r\n  border: ${(props) => props.$size === Size.Small ? '2px solid ' + COLORS.getColor('white', props.theme) : (props.$size === Size.Large ? '3px solid ' + COLORS.getColor('white', props.theme) : '2px solid ' + COLORS.getColor('white', props.theme))};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst NotificationDot: React.FunctionComponent<NotificationProps> = ({size = Size.Medium, variant, testId}) => {\r\n  return (\r\n    <ContentWrapper $size={size}>\r\n      <Content $size={size} $variant={variant} data-testid={testId}/>\r\n    </ContentWrapper>\r\n  );\r\n};\r\n\r\nexport default NotificationDot;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/NotificationDot/index.d.ts

@@ -1 +1 @@
-export { default as NotificationDot } from './NotificationDot';
+export { default as NotificationDot } from './NotificationDot';

package/dist/Paginator/Paginator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Paginator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_reactRouterDom","_styles","_icons","_reactRouter","_Button","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Container","styled","nav","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","Items","ul","Item","li","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","focusStyles","Z_INDEXES","hover","active","Dots","ItemContent","Step","_ref","_ref$up","up","_ref$target","target","_ref$disabled","disabled","page","onPageChange","id","navigateHook","useNavigate","handleButtonClick","jsx","IconButton","action","event","variant","shape","children","SystemIcons","ChevronRight","ChevronLeft","Paginator","_ref2","_ref2$pageCount","pageCount","_ref2$currentPage","currentPage","_ref2$baseUrl","baseUrl","pages","from","to","push","jsxs","concat","findIndex","item","NavLink","onClick","preventDefault","className","map","propTypes","_propTypes","number","isRequired","string","func","_default","exports"],"sources":["../../src/Paginator/Paginator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {NavLink} from 'react-router-dom';\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {SystemIcons} from '../icons';\nimport {ComponentMStyling} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport { useNavigate } from 'react-router';\nimport {IconButton} from '../Button';\n\nconst Container = styled.nav`\n  margin: 20px 0;\n  display: flex;\n  justify-content: center;\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 75%;\n  }\n`;\n\nconst Items = styled.ul`\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n`;\n\nconst Item = styled.li`\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > * {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    text-decoration: none;\n\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n\n    &:focus,\n    &:focus-within {\n      ${focusStyles}\n    }\n  }\n  & > a:hover {\n    z-index: ${Z_INDEXES.hover};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n  }\n  & > a:active {\n    z-index: ${Z_INDEXES.active};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n  }\n  & > a.active {\n    z-index: ${Z_INDEXES.active};\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n    cursor: default;\n    &:hover {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n    &:active {\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n  }\n`;\n\nconst Dots = styled(Item)`\n  cursor: not-allowed;\n  &:after{\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n    content: '...';\n  }\n`;\n\nconst ItemContent = styled('div')`\n  text-align:center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  \n  &.active:after{\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    width: 32px;\n    border-radius: 4px;\n    height: 4px;\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)}\n  }\n  &.active:hover:after{\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)}\n  }\n  &.active:active:after{\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)}\n  }\n`\n\nexport interface PaginatorProps {\n  /**\n   * Required. The total number of pages.\n   */\n  pageCount: number;\n\n  /**\n   * Required. The current active page.\n   */\n  currentPage: number;\n\n  /**\n   * Required. The base URL to which the page number will be appended.\n   */\n  baseUrl: string;\n\n  /**\n   * Optional. A callback function that will be called when the page changes.\n   * It receives the new page number as its argument.\n   * If the function returns false, the page change will be prevented.\n   */\n  onPageChange?: (page: number) => boolean | void;\n};\n\nconst Step = ({\n  up = true,\n  target = '',\n  disabled = false,\n  page,\n  onPageChange,\n  id,\n}: {\n  up: boolean;\n  target: string;\n  disabled: boolean;\n  page: number;\n  onPageChange?: (page: number) => void | boolean;\n  id?: string;\n}) => {\n  const navigateHook = useNavigate();\n\n  const handleButtonClick = () => {\n    onPageChange && !onPageChange(page) && navigateHook(target);\n  }\n\n  return (\n    <IconButton id={id}\n                action={event => handleButtonClick()}\n                variant={'secondary'}\n                shape={'circular'}\n                disabled={disabled}>\n      {up ? <SystemIcons.ChevronRight/> : <SystemIcons.ChevronLeft/>}\n    </IconButton>\n  )\n};\n\nconst Paginator = ({ pageCount = 1, currentPage = 1, baseUrl = '', onPageChange }: PaginatorProps) => {\n  const pages = [];\n  let from = 2;\n  let to = 4;\n  if (pageCount === 0) return null;\n\n  if (pageCount > 1) {\n    if (currentPage >= 4 && currentPage <= pageCount - 2) {\n      from = currentPage - 1;\n      to = currentPage + 1;\n    } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {\n      from = pageCount - 3;\n      to = pageCount - 1;\n    }\n    if (to > pageCount) {\n      to = pageCount;\n    }\n    for (let i = from; i <= to; i += 1) {\n      pages.push(i);\n    }\n  }\n\n  return (\n    <Container>\n      <Items>\n        <Step up={false}\n              target={`${baseUrl}/${currentPage - 1}`}\n              page={currentPage - 1}\n              disabled={currentPage === 1}\n              onPageChange={onPageChange}\n              id=\"paginator-left\"/>\n        {pages.findIndex(item => item === 1) === -1 && (\n          <Item>\n            <NavLink\n              to={`${baseUrl}/1`}\n              onClick={(e) => {\n                onPageChange && onPageChange(1) && e.preventDefault();\n              }}>\n                <ItemContent className={currentPage === 1 ? 'active' : ''}>\n                 <span>1</span>\n                </ItemContent>\n            </NavLink>\n          </Item>\n        )}\n        {currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && (\n          <Dots/>\n        )}\n        {pages.map(page => (\n          <Item key={page}>\n            <NavLink\n              to={`${baseUrl}/${page}`}\n              onClick={(e) => {\n                onPageChange && onPageChange(page) && e.preventDefault();\n              }}>\n                <ItemContent className={currentPage === page ? 'active' : ''}>\n                 <span>{page}</span>\n                </ItemContent>\n            </NavLink>\n          </Item>\n        ))}\n        {pageCount > 5 && currentPage <= pageCount - 3 && (\n          <Dots/>\n        )}\n        {pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && (\n          <Item>\n            <NavLink\n              to={`${baseUrl}/${pageCount}`}\n              onClick={(e) => {\n                onPageChange && onPageChange(pageCount) && e.preventDefault();\n              }}>\n                <ItemContent className={currentPage === pageCount ? 'active' : ''}>\n                 <span>{pageCount}</span>\n                </ItemContent>\n            </NavLink>\n          </Item>\n        )}\n        <Step up\n              target={`${baseUrl}/${currentPage + 1}`}\n              page={currentPage + 1}\n              disabled={currentPage === pageCount}\n              onPageChange={onPageChange}\n              id=\"paginator-right\"/>\n      </Items>\n    </Container>\n  );\n};\n\nexport default Paginator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Paginator.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_reactRouterDom","_styles","_icons","_reactRouter","_Button","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Container","styled","nav","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","Items","ul","Item","li","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","focusStyles","Z_INDEXES","hover","active","Dots","ItemContent","Step","_ref","_ref$up","up","_ref$target","target","_ref$disabled","disabled","page","onPageChange","id","navigateHook","useNavigate","handleButtonClick","jsx","IconButton","action","event","variant","shape","children","SystemIcons","ChevronRight","ChevronLeft","Paginator","_ref2","_ref2$pageCount","pageCount","_ref2$currentPage","currentPage","_ref2$baseUrl","baseUrl","pages","from","to","push","jsxs","concat","findIndex","item","NavLink","onClick","preventDefault","className","map","propTypes","_propTypes","number","isRequired","string","func","_default","exports"],"sources":["../../src/Paginator/Paginator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {ComponentMStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport { useNavigate } from 'react-router';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Container = styled.nav`\r\n  margin: 20px 0;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 75%;\r\n  }\r\n`;\r\n\r\nconst Items = styled.ul`\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  display: flex;\r\n`;\r\n\r\nconst Item = styled.li`\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  & > * {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    &:focus,\r\n    &:focus-within {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n  & > a:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  }\r\n  & > a:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  & > a.active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    cursor: default;\r\n    &:hover {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    &:active {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Dots = styled(Item)`\r\n  cursor: not-allowed;\r\n  &:after{\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    content: '...';\r\n  }\r\n`;\r\n\r\nconst ItemContent = styled('div')`\r\n  text-align:center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  \r\n  &.active:after{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    width: 32px;\r\n    border-radius: 4px;\r\n    height: 4px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)}\r\n  }\r\n  &.active:hover:after{\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)}\r\n  }\r\n  &.active:active:after{\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)}\r\n  }\r\n`\r\n\r\nexport interface PaginatorProps {\r\n  /**\r\n   * Required. The total number of pages.\r\n   */\r\n  pageCount: number;\r\n\r\n  /**\r\n   * Required. The current active page.\r\n   */\r\n  currentPage: number;\r\n\r\n  /**\r\n   * Required. The base URL to which the page number will be appended.\r\n   */\r\n  baseUrl: string;\r\n\r\n  /**\r\n   * Optional. A callback function that will be called when the page changes.\r\n   * It receives the new page number as its argument.\r\n   * If the function returns false, the page change will be prevented.\r\n   */\r\n  onPageChange?: (page: number) => boolean | void;\r\n};\r\n\r\nconst Step = ({\r\n  up = true,\r\n  target = '',\r\n  disabled = false,\r\n  page,\r\n  onPageChange,\r\n  id,\r\n}: {\r\n  up: boolean;\r\n  target: string;\r\n  disabled: boolean;\r\n  page: number;\r\n  onPageChange?: (page: number) => void | boolean;\r\n  id?: string;\r\n}) => {\r\n  const navigateHook = useNavigate();\r\n\r\n  const handleButtonClick = () => {\r\n    onPageChange && !onPageChange(page) && navigateHook(target);\r\n  }\r\n\r\n  return (\r\n    <IconButton id={id}\r\n                action={event => handleButtonClick()}\r\n                variant={'secondary'}\r\n                shape={'circular'}\r\n                disabled={disabled}>\r\n      {up ? <SystemIcons.ChevronRight/> : <SystemIcons.ChevronLeft/>}\r\n    </IconButton>\r\n  )\r\n};\r\n\r\nconst Paginator = ({ pageCount = 1, currentPage = 1, baseUrl = '', onPageChange }: PaginatorProps) => {\r\n  const pages = [];\r\n  let from = 2;\r\n  let to = 4;\r\n  if (pageCount === 0) return null;\r\n\r\n  if (pageCount > 1) {\r\n    if (currentPage >= 4 && currentPage <= pageCount - 2) {\r\n      from = currentPage - 1;\r\n      to = currentPage + 1;\r\n    } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {\r\n      from = pageCount - 3;\r\n      to = pageCount - 1;\r\n    }\r\n    if (to > pageCount) {\r\n      to = pageCount;\r\n    }\r\n    for (let i = from; i <= to; i += 1) {\r\n      pages.push(i);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <Items>\r\n        <Step up={false}\r\n              target={`${baseUrl}/${currentPage - 1}`}\r\n              page={currentPage - 1}\r\n              disabled={currentPage === 1}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-left\"/>\r\n        {pages.findIndex(item => item === 1) === -1 && (\r\n          <Item>\r\n            <NavLink\r\n              to={`${baseUrl}/1`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(1) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === 1 ? 'active' : ''}>\r\n                 <span>1</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        )}\r\n        {currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.map(page => (\r\n          <Item key={page}>\r\n            <NavLink\r\n              to={`${baseUrl}/${page}`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(page) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === page ? 'active' : ''}>\r\n                 <span>{page}</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        ))}\r\n        {pageCount > 5 && currentPage <= pageCount - 3 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && (\r\n          <Item>\r\n            <NavLink\r\n              to={`${baseUrl}/${pageCount}`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(pageCount) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === pageCount ? 'active' : ''}>\r\n                 <span>{pageCount}</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        )}\r\n        <Step up\r\n              target={`${baseUrl}/${currentPage + 1}`}\r\n              page={currentPage + 1}\r\n              disabled={currentPage === pageCount}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-right\"/>\r\n      </Items>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Paginator;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Paginator/Paginator.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export interface PaginatorProps {
-    /**
-     * Required. The total number of pages.
-     */
-    pageCount: number;
-    /**
-     * Required. The current active page.
-     */
-    currentPage: number;
-    /**
-     * Required. The base URL to which the page number will be appended.
-     */
-    baseUrl: string;
-    /**
-     * Optional. A callback function that will be called when the page changes.
-     * It receives the new page number as its argument.
-     * If the function returns false, the page change will be prevented.
-     */
-    onPageChange?: (page: number) => boolean | void;
-}
-declare const Paginator: ({ pageCount, currentPage, baseUrl, onPageChange }: PaginatorProps) => React.JSX.Element | null;
-export default Paginator;
+import * as React from 'react';
+export interface PaginatorProps {
+    /**
+     * Required. The total number of pages.
+     */
+    pageCount: number;
+    /**
+     * Required. The current active page.
+     */
+    currentPage: number;
+    /**
+     * Required. The base URL to which the page number will be appended.
+     */
+    baseUrl: string;
+    /**
+     * Optional. A callback function that will be called when the page changes.
+     * It receives the new page number as its argument.
+     * If the function returns false, the page change will be prevented.
+     */
+    onPageChange?: (page: number) => boolean | void;
+}
+declare const Paginator: ({ pageCount, currentPage, baseUrl, onPageChange }: PaginatorProps) => React.JSX.Element | null;
+export default Paginator;

package/dist/Paginator/Paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paginator.js","names":["React","styled","NavLink","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","SystemIcons","ComponentMStyling","Z_INDEXES","useNavigate","IconButton","jsx","_jsx","jsxs","_jsxs","Container","nav","_templateObject","_taggedTemplateLiteral","MEDIUM","Items","ul","_templateObject2","Item","li","_templateObject3","props","Regular","getColor","theme","hover","active","Dots","_templateObject4","ItemContent","_templateObject5","Step","_ref","_ref$up","up","_ref$target","target","_ref$disabled","disabled","page","onPageChange","id","navigateHook","handleButtonClick","action","event","variant","shape","children","ChevronRight","ChevronLeft","Paginator","_ref2","_ref2$pageCount","pageCount","_ref2$currentPage","currentPage","_ref2$baseUrl","baseUrl","pages","from","to","i","push","concat","findIndex","item","onClick","e","preventDefault","className","map","propTypes","_pt","number","isRequired","string","func"],"sources":["../../src/Paginator/Paginator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {NavLink} from 'react-router-dom';\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {SystemIcons} from '../icons';\nimport {ComponentMStyling} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport { useNavigate } from 'react-router';\nimport {IconButton} from '../Button';\n\nconst Container = styled.nav`\n  margin: 20px 0;\n  display: flex;\n  justify-content: center;\n\n  ${BREAKPOINTS.MEDIUM} {\n    width: 75%;\n  }\n`;\n\nconst Items = styled.ul`\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n`;\n\nconst Item = styled.li`\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > * {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    text-decoration: none;\n\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n\n    &:focus,\n    &:focus-within {\n      ${focusStyles}\n    }\n  }\n  & > a:hover {\n    z-index: ${Z_INDEXES.hover};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n  }\n  & > a:active {\n    z-index: ${Z_INDEXES.active};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n  }\n  & > a.active {\n    z-index: ${Z_INDEXES.active};\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n    cursor: default;\n    &:hover {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n    &:active {\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n  }\n`;\n\nconst Dots = styled(Item)`\n  cursor: not-allowed;\n  &:after{\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n    content: '...';\n  }\n`;\n\nconst ItemContent = styled('div')`\n  text-align:center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  \n  &.active:after{\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    width: 32px;\n    border-radius: 4px;\n    height: 4px;\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)}\n  }\n  &.active:hover:after{\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)}\n  }\n  &.active:active:after{\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)}\n  }\n`\n\nexport interface PaginatorProps {\n  /**\n   * Required. The total number of pages.\n   */\n  pageCount: number;\n\n  /**\n   * Required. The current active page.\n   */\n  currentPage: number;\n\n  /**\n   * Required. The base URL to which the page number will be appended.\n   */\n  baseUrl: string;\n\n  /**\n   * Optional. A callback function that will be called when the page changes.\n   * It receives the new page number as its argument.\n   * If the function returns false, the page change will be prevented.\n   */\n  onPageChange?: (page: number) => boolean | void;\n};\n\nconst Step = ({\n  up = true,\n  target = '',\n  disabled = false,\n  page,\n  onPageChange,\n  id,\n}: {\n  up: boolean;\n  target: string;\n  disabled: boolean;\n  page: number;\n  onPageChange?: (page: number) => void | boolean;\n  id?: string;\n}) => {\n  const navigateHook = useNavigate();\n\n  const handleButtonClick = () => {\n    onPageChange && !onPageChange(page) && navigateHook(target);\n  }\n\n  return (\n    <IconButton id={id}\n                action={event => handleButtonClick()}\n                variant={'secondary'}\n                shape={'circular'}\n                disabled={disabled}>\n      {up ? <SystemIcons.ChevronRight/> : <SystemIcons.ChevronLeft/>}\n    </IconButton>\n  )\n};\n\nconst Paginator = ({ pageCount = 1, currentPage = 1, baseUrl = '', onPageChange }: PaginatorProps) => {\n  const pages = [];\n  let from = 2;\n  let to = 4;\n  if (pageCount === 0) return null;\n\n  if (pageCount > 1) {\n    if (currentPage >= 4 && currentPage <= pageCount - 2) {\n      from = currentPage - 1;\n      to = currentPage + 1;\n    } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {\n      from = pageCount - 3;\n      to = pageCount - 1;\n    }\n    if (to > pageCount) {\n      to = pageCount;\n    }\n    for (let i = from; i <= to; i += 1) {\n      pages.push(i);\n    }\n  }\n\n  return (\n    <Container>\n      <Items>\n        <Step up={false}\n              target={`${baseUrl}/${currentPage - 1}`}\n              page={currentPage - 1}\n              disabled={currentPage === 1}\n              onPageChange={onPageChange}\n              id=\"paginator-left\"/>\n        {pages.findIndex(item => item === 1) === -1 && (\n          <Item>\n            <NavLink\n              to={`${baseUrl}/1`}\n              onClick={(e) => {\n                onPageChange && onPageChange(1) && e.preventDefault();\n              }}>\n                <ItemContent className={currentPage === 1 ? 'active' : ''}>\n                 <span>1</span>\n                </ItemContent>\n            </NavLink>\n          </Item>\n        )}\n        {currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && (\n          <Dots/>\n        )}\n        {pages.map(page => (\n          <Item key={page}>\n            <NavLink\n              to={`${baseUrl}/${page}`}\n              onClick={(e) => {\n                onPageChange && onPageChange(page) && e.preventDefault();\n              }}>\n                <ItemContent className={currentPage === page ? 'active' : ''}>\n                 <span>{page}</span>\n                </ItemContent>\n            </NavLink>\n          </Item>\n        ))}\n        {pageCount > 5 && currentPage <= pageCount - 3 && (\n          <Dots/>\n        )}\n        {pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && (\n          <Item>\n            <NavLink\n              to={`${baseUrl}/${pageCount}`}\n              onClick={(e) => {\n                onPageChange && onPageChange(pageCount) && e.preventDefault();\n              }}>\n                <ItemContent className={currentPage === pageCount ? 'active' : ''}>\n                 <span>{pageCount}</span>\n                </ItemContent>\n            </NavLink>\n          </Item>\n        )}\n        <Step up\n              target={`${baseUrl}/${currentPage + 1}`}\n              page={currentPage + 1}\n              disabled={currentPage === pageCount}\n              onPageChange={onPageChange}\n              id=\"paginator-right\"/>\n      </Items>\n    </Container>\n  );\n};\n\nexport default Paginator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Paginator.js","names":["React","styled","NavLink","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","SystemIcons","ComponentMStyling","Z_INDEXES","useNavigate","IconButton","jsx","_jsx","jsxs","_jsxs","Container","nav","_templateObject","_taggedTemplateLiteral","MEDIUM","Items","ul","_templateObject2","Item","li","_templateObject3","props","Regular","getColor","theme","hover","active","Dots","_templateObject4","ItemContent","_templateObject5","Step","_ref","_ref$up","up","_ref$target","target","_ref$disabled","disabled","page","onPageChange","id","navigateHook","handleButtonClick","action","event","variant","shape","children","ChevronRight","ChevronLeft","Paginator","_ref2","_ref2$pageCount","pageCount","_ref2$currentPage","currentPage","_ref2$baseUrl","baseUrl","pages","from","to","i","push","concat","findIndex","item","onClick","e","preventDefault","className","map","propTypes","_pt","number","isRequired","string","func"],"sources":["../../src/Paginator/Paginator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {ComponentMStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport { useNavigate } from 'react-router';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Container = styled.nav`\r\n  margin: 20px 0;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 75%;\r\n  }\r\n`;\r\n\r\nconst Items = styled.ul`\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  display: flex;\r\n`;\r\n\r\nconst Item = styled.li`\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  & > * {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    &:focus,\r\n    &:focus-within {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n  & > a:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  }\r\n  & > a:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  & > a.active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    cursor: default;\r\n    &:hover {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    &:active {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Dots = styled(Item)`\r\n  cursor: not-allowed;\r\n  &:after{\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    content: '...';\r\n  }\r\n`;\r\n\r\nconst ItemContent = styled('div')`\r\n  text-align:center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  \r\n  &.active:after{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    width: 32px;\r\n    border-radius: 4px;\r\n    height: 4px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)}\r\n  }\r\n  &.active:hover:after{\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)}\r\n  }\r\n  &.active:active:after{\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)}\r\n  }\r\n`\r\n\r\nexport interface PaginatorProps {\r\n  /**\r\n   * Required. The total number of pages.\r\n   */\r\n  pageCount: number;\r\n\r\n  /**\r\n   * Required. The current active page.\r\n   */\r\n  currentPage: number;\r\n\r\n  /**\r\n   * Required. The base URL to which the page number will be appended.\r\n   */\r\n  baseUrl: string;\r\n\r\n  /**\r\n   * Optional. A callback function that will be called when the page changes.\r\n   * It receives the new page number as its argument.\r\n   * If the function returns false, the page change will be prevented.\r\n   */\r\n  onPageChange?: (page: number) => boolean | void;\r\n};\r\n\r\nconst Step = ({\r\n  up = true,\r\n  target = '',\r\n  disabled = false,\r\n  page,\r\n  onPageChange,\r\n  id,\r\n}: {\r\n  up: boolean;\r\n  target: string;\r\n  disabled: boolean;\r\n  page: number;\r\n  onPageChange?: (page: number) => void | boolean;\r\n  id?: string;\r\n}) => {\r\n  const navigateHook = useNavigate();\r\n\r\n  const handleButtonClick = () => {\r\n    onPageChange && !onPageChange(page) && navigateHook(target);\r\n  }\r\n\r\n  return (\r\n    <IconButton id={id}\r\n                action={event => handleButtonClick()}\r\n                variant={'secondary'}\r\n                shape={'circular'}\r\n                disabled={disabled}>\r\n      {up ? <SystemIcons.ChevronRight/> : <SystemIcons.ChevronLeft/>}\r\n    </IconButton>\r\n  )\r\n};\r\n\r\nconst Paginator = ({ pageCount = 1, currentPage = 1, baseUrl = '', onPageChange }: PaginatorProps) => {\r\n  const pages = [];\r\n  let from = 2;\r\n  let to = 4;\r\n  if (pageCount === 0) return null;\r\n\r\n  if (pageCount > 1) {\r\n    if (currentPage >= 4 && currentPage <= pageCount - 2) {\r\n      from = currentPage - 1;\r\n      to = currentPage + 1;\r\n    } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {\r\n      from = pageCount - 3;\r\n      to = pageCount - 1;\r\n    }\r\n    if (to > pageCount) {\r\n      to = pageCount;\r\n    }\r\n    for (let i = from; i <= to; i += 1) {\r\n      pages.push(i);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <Items>\r\n        <Step up={false}\r\n              target={`${baseUrl}/${currentPage - 1}`}\r\n              page={currentPage - 1}\r\n              disabled={currentPage === 1}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-left\"/>\r\n        {pages.findIndex(item => item === 1) === -1 && (\r\n          <Item>\r\n            <NavLink\r\n              to={`${baseUrl}/1`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(1) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === 1 ? 'active' : ''}>\r\n                 <span>1</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        )}\r\n        {currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.map(page => (\r\n          <Item key={page}>\r\n            <NavLink\r\n              to={`${baseUrl}/${page}`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(page) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === page ? 'active' : ''}>\r\n                 <span>{page}</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        ))}\r\n        {pageCount > 5 && currentPage <= pageCount - 3 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && (\r\n          <Item>\r\n            <NavLink\r\n              to={`${baseUrl}/${pageCount}`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(pageCount) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === pageCount ? 'active' : ''}>\r\n                 <span>{pageCount}</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        )}\r\n        <Step up\r\n              target={`${baseUrl}/${currentPage + 1}`}\r\n              page={currentPage + 1}\r\n              disabled={currentPage === pageCount}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-right\"/>\r\n      </Items>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Paginator;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Paginator/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Paginator","_interopRequireDefault","require"],"sources":["../../src/Paginator/index.ts"],"sourcesContent":["import Paginator from './Paginator';\n\nexport { Paginator };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_Paginator","_interopRequireDefault","require"],"sources":["../../src/Paginator/index.ts"],"sourcesContent":["import Paginator from './Paginator';\r\n\r\nexport { Paginator };\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Paginator/index.d.ts

@@ -1,2 +1,2 @@
-import Paginator from './Paginator';
-export { Paginator };
+import Paginator from './Paginator';
+export { Paginator };

package/dist/Paginator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Paginator"],"sources":["../../src/Paginator/index.ts"],"sourcesContent":["import Paginator from './Paginator';\n\nexport { Paginator };\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,SAASA,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Paginator"],"sources":["../../src/Paginator/index.ts"],"sourcesContent":["import Paginator from './Paginator';\r\n\r\nexport { Paginator };\r\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,SAASA,SAAS","ignoreList":[]}

package/dist/Panel/Panel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_LinearProgress","_rooks","_types","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_Panel$propTypes","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","LARGE","Media","Body","Footer","Panel","_currentItem$media","_currentItem$media2","_React$useState","React","useState","_React$useState2","_slicedToArray2","currentImage","setCurrentImage","isLargeScreen","useMediaMatch","replace","rest","order","undefined","media","title","content","items","type","_props","_props$items","_objectWithoutProperties2","_props2","_props2$title","moveLeft","moveRight","currentItem","jsxs","className","concat","children","jsx","fit","src","alt","Quote","IconButton","action","variant","shape","SystemIcons","ChevronLeft","LinearProgress","size","Size","Large","Medium","value","max","LinearProgressType","Dots","ChevronRight","exports","propTypes","_propTypes","oneOf","oneOfType","isRequired","string","node","arrayOf"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import React from 'react';\nimport styled from \"styled-components\";\nimport {BREAKPOINTS, COLORS, Quote} from \"../styles\";\nimport {IconButton} from \"../Button\";\nimport {SystemIcons} from \"../icons\";\nimport {LinearProgress, LinearProgressType} from \"../LinearProgress\";\nimport {useMediaMatch} from \"rooks\";\nimport {Size} from \"../types\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\n  min-height: 100%;\n  align-items: flex-end;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  gap: 24px;\n  padding: 24px 32px 64px;\n\n  ${BREAKPOINTS.LARGE} {\n    gap: 32px;\n    padding: 32px 64px 128px;\n  }\n\n  &.reverse {\n    align-items: flex-start;\n  }\n`;\n\nconst Media = styled.div`\n  display: flex;\n  width: 320px;\n  height: 200px;\n\n\n  img {\n    object-fit: contain;\n  }\n\n  img.fit {\n    object-fit: contain;\n  }\n\n  img.fill {\n    object-fit: cover;\n  }\n\n  max-width: 100%;\n\n  img {\n    max-width: 100%;\n    width: 320px;\n    height: 200px;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    width: 488px;\n    height: 280px;\n\n    img {\n      width: 488px;\n      height: 280px;\n    }\n  }\n\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  width: 100%;\n  max-width: 320px;\n\n  ${BREAKPOINTS.LARGE} {\n    max-width: 488px;\n  }\n  \n  p:not(:first-of-type) {\n    flex: 1;\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  }\n\n\n`;\nconst Footer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n\n  max-width: 320px;\n\n  ${BREAKPOINTS.LARGE} {\n    max-width: 488px;\n  }\n\n  .progress {\n    width: max-content;\n  }\n`;\n\nexport interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {\n  type?: 'default' | 'carousel';\n}\n\nexport interface PanelContent {\n  media?: { type: 'image', src: string; alt: string, fit?: 'fill' | 'fit' } | { type: 'custom', content: React.ReactNode };\n  title?: string;\n  content?: React.ReactNode;\n}\n\nexport interface DefaultPanelProps extends BasePanelProps, PanelContent {\n  /**\n   * Optional. Specifies the type of the panel as 'default'.\n   * If not specified, the type defaults to 'default'.\n   */\n  type?: 'default';\n\n  /**\n   * Optional. Specifies the order of the content in the panel.\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\n   */\n  order?: 'default' | 'reverse';\n}\n\nexport interface CarouselPanelProps extends BasePanelProps {\n  /**\n   * Required. Specifies the type of the panel as 'carousel'.\n   */\n  type: 'carousel';\n\n  /**\n   * Optional. Specifies the order of the content in the panel.\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\n   */\n  order?: 'default' | 'reverse';\n\n  /**\n   * Optional. An array of PanelContent objects.\n   * Each object represents a slide in the carousel.\n   */\n  items?: PanelContent[];\n}\nexport type PanelProps = DefaultPanelProps | CarouselPanelProps;\n\nexport const Panel = (props: PanelProps) => {\n\n  const [currentImage, setCurrentImage] = React.useState(0);\n  const isLargeScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\n\n  let rest: React.HTMLAttributes<HTMLDivElement> = {};\n  let order = undefined;\n  let media = undefined;\n  let title = '';\n  let content = undefined;\n  let items: PanelContent[] = [];\n\n\n  switch (props.type) {\n    case 'carousel':\n      ({items = [], order, ...rest} = props);\n      break;\n    case 'default':\n    default:\n      ({media, content, title = '', order, ...rest} = props)\n      break;\n  }\n\n\n  const moveLeft = () => {\n    props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);\n  }\n  const moveRight = () => {\n    props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);\n  }\n\n  const currentItem: PanelContent = props.type === 'carousel' ? items[currentImage] : {media, title, content};\n\n  return (\n    <Wrapper {...rest} className={`${rest.className || ''} ${order || ''} `}>\n      <Media>\n        {\n          currentItem.media?.type === 'image' &&\n            <img className={currentItem.media.fit} src={currentItem.media.src} alt={currentItem.media.alt}/>\n        }\n        {\n          currentItem.media?.type === 'custom' && currentItem.media.content\n        }\n      </Media>\n      <Body>\n        <Quote>{currentItem.title}</Quote>\n        <p>{currentItem.content}</p>\n      </Body>\n      {\n        props.type === 'carousel' &&\n          <Footer>\n              <IconButton action={moveLeft} variant={'secondary'} shape={'circular'}>\n                  <SystemIcons.ChevronLeft/>\n              </IconButton>\n              <LinearProgress size={isLargeScreen ? Size.Large : Size.Medium}\n                              className={'progress'}\n                              value={currentImage + 1}\n                              max={props.items!.length }\n                              type={LinearProgressType.Dots}/>\n              <IconButton action={moveRight} variant={'secondary'} shape={'circular'}>\n                  <SystemIcons.ChevronRight/>\n              </IconButton>\n          </Footer>\n      }\n    </Wrapper>\n  )\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Panel.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_LinearProgress","_rooks","_types","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_Panel$propTypes","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","LARGE","Media","Body","Footer","Panel","_currentItem$media","_currentItem$media2","_React$useState","React","useState","_React$useState2","_slicedToArray2","currentImage","setCurrentImage","isLargeScreen","useMediaMatch","replace","rest","order","undefined","media","title","content","items","type","_props","_props$items","_objectWithoutProperties2","_props2","_props2$title","moveLeft","moveRight","currentItem","jsxs","className","concat","children","jsx","fit","src","alt","Quote","IconButton","action","variant","shape","SystemIcons","ChevronLeft","LinearProgress","size","Size","Large","Medium","value","max","LinearProgressType","Dots","ChevronRight","exports","propTypes","_propTypes","oneOf","oneOfType","isRequired","string","node","arrayOf"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from \"styled-components\";\r\nimport {BREAKPOINTS, COLORS, Quote} from \"../styles\";\r\nimport {IconButton} from \"../Button\";\r\nimport {SystemIcons} from \"../icons\";\r\nimport {LinearProgress, LinearProgressType} from \"../LinearProgress\";\r\nimport {useMediaMatch} from \"rooks\";\r\nimport {Size} from \"../types\";\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  min-height: 100%;\r\n  align-items: flex-end;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  gap: 24px;\r\n  padding: 24px 32px 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    gap: 32px;\r\n    padding: 32px 64px 128px;\r\n  }\r\n\r\n  &.reverse {\r\n    align-items: flex-start;\r\n  }\r\n`;\r\n\r\nconst Media = styled.div`\r\n  display: flex;\r\n  width: 320px;\r\n  height: 200px;\r\n\r\n\r\n  img {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fit {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fill {\r\n    object-fit: cover;\r\n  }\r\n\r\n  max-width: 100%;\r\n\r\n  img {\r\n    max-width: 100%;\r\n    width: 320px;\r\n    height: 200px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: 488px;\r\n    height: 280px;\r\n\r\n    img {\r\n      width: 488px;\r\n      height: 280px;\r\n    }\r\n  }\r\n\r\n`;\r\n\r\nconst Body = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n\r\n  width: 100%;\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n  \r\n  p:not(:first-of-type) {\r\n    flex: 1;\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n\r\n`;\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n\r\n  .progress {\r\n    width: max-content;\r\n  }\r\n`;\r\n\r\nexport interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {\r\n  type?: 'default' | 'carousel';\r\n}\r\n\r\nexport interface PanelContent {\r\n  media?: { type: 'image', src: string; alt: string, fit?: 'fill' | 'fit' } | { type: 'custom', content: React.ReactNode };\r\n  title?: string;\r\n  content?: React.ReactNode;\r\n}\r\n\r\nexport interface DefaultPanelProps extends BasePanelProps, PanelContent {\r\n  /**\r\n   * Optional. Specifies the type of the panel as 'default'.\r\n   * If not specified, the type defaults to 'default'.\r\n   */\r\n  type?: 'default';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n}\r\n\r\nexport interface CarouselPanelProps extends BasePanelProps {\r\n  /**\r\n   * Required. Specifies the type of the panel as 'carousel'.\r\n   */\r\n  type: 'carousel';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n\r\n  /**\r\n   * Optional. An array of PanelContent objects.\r\n   * Each object represents a slide in the carousel.\r\n   */\r\n  items?: PanelContent[];\r\n}\r\nexport type PanelProps = DefaultPanelProps | CarouselPanelProps;\r\n\r\nexport const Panel = (props: PanelProps) => {\r\n\r\n  const [currentImage, setCurrentImage] = React.useState(0);\r\n  const isLargeScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  let rest: React.HTMLAttributes<HTMLDivElement> = {};\r\n  let order = undefined;\r\n  let media = undefined;\r\n  let title = '';\r\n  let content = undefined;\r\n  let items: PanelContent[] = [];\r\n\r\n\r\n  switch (props.type) {\r\n    case 'carousel':\r\n      ({items = [], order, ...rest} = props);\r\n      break;\r\n    case 'default':\r\n    default:\r\n      ({media, content, title = '', order, ...rest} = props)\r\n      break;\r\n  }\r\n\r\n\r\n  const moveLeft = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);\r\n  }\r\n  const moveRight = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);\r\n  }\r\n\r\n  const currentItem: PanelContent = props.type === 'carousel' ? items[currentImage] : {media, title, content};\r\n\r\n  return (\r\n    <Wrapper {...rest} className={`${rest.className || ''} ${order || ''} `}>\r\n      <Media>\r\n        {\r\n          currentItem.media?.type === 'image' &&\r\n            <img className={currentItem.media.fit} src={currentItem.media.src} alt={currentItem.media.alt}/>\r\n        }\r\n        {\r\n          currentItem.media?.type === 'custom' && currentItem.media.content\r\n        }\r\n      </Media>\r\n      <Body>\r\n        <Quote>{currentItem.title}</Quote>\r\n        <p>{currentItem.content}</p>\r\n      </Body>\r\n      {\r\n        props.type === 'carousel' &&\r\n          <Footer>\r\n              <IconButton action={moveLeft} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronLeft/>\r\n              </IconButton>\r\n              <LinearProgress size={isLargeScreen ? Size.Large : Size.Medium}\r\n                              className={'progress'}\r\n                              value={currentImage + 1}\r\n                              max={props.items!.length }\r\n                              type={LinearProgressType.Dots}/>\r\n              <IconButton action={moveRight} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronRight/>\r\n              </IconButton>\r\n          </Footer>\r\n      }\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Panel/Panel.d.ts

@@ -1,47 +1,47 @@
-import React from 'react';
-export interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
-    type?: 'default' | 'carousel';
-}
-export interface PanelContent {
-    media?: {
-        type: 'image';
-        src: string;
-        alt: string;
-        fit?: 'fill' | 'fit';
-    } | {
-        type: 'custom';
-        content: React.ReactNode;
-    };
-    title?: string;
-    content?: React.ReactNode;
-}
-export interface DefaultPanelProps extends BasePanelProps, PanelContent {
-    /**
-     * Optional. Specifies the type of the panel as 'default'.
-     * If not specified, the type defaults to 'default'.
-     */
-    type?: 'default';
-    /**
-     * Optional. Specifies the order of the content in the panel.
-     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
-     */
-    order?: 'default' | 'reverse';
-}
-export interface CarouselPanelProps extends BasePanelProps {
-    /**
-     * Required. Specifies the type of the panel as 'carousel'.
-     */
-    type: 'carousel';
-    /**
-     * Optional. Specifies the order of the content in the panel.
-     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
-     */
-    order?: 'default' | 'reverse';
-    /**
-     * Optional. An array of PanelContent objects.
-     * Each object represents a slide in the carousel.
-     */
-    items?: PanelContent[];
-}
-export type PanelProps = DefaultPanelProps | CarouselPanelProps;
-export declare const Panel: (props: PanelProps) => React.JSX.Element;
+import React from 'react';
+export interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
+    type?: 'default' | 'carousel';
+}
+export interface PanelContent {
+    media?: {
+        type: 'image';
+        src: string;
+        alt: string;
+        fit?: 'fill' | 'fit';
+    } | {
+        type: 'custom';
+        content: React.ReactNode;
+    };
+    title?: string;
+    content?: React.ReactNode;
+}
+export interface DefaultPanelProps extends BasePanelProps, PanelContent {
+    /**
+     * Optional. Specifies the type of the panel as 'default'.
+     * If not specified, the type defaults to 'default'.
+     */
+    type?: 'default';
+    /**
+     * Optional. Specifies the order of the content in the panel.
+     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
+     */
+    order?: 'default' | 'reverse';
+}
+export interface CarouselPanelProps extends BasePanelProps {
+    /**
+     * Required. Specifies the type of the panel as 'carousel'.
+     */
+    type: 'carousel';
+    /**
+     * Optional. Specifies the order of the content in the panel.
+     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
+     */
+    order?: 'default' | 'reverse';
+    /**
+     * Optional. An array of PanelContent objects.
+     * Each object represents a slide in the carousel.
+     */
+    items?: PanelContent[];
+}
+export type PanelProps = DefaultPanelProps | CarouselPanelProps;
+export declare const Panel: (props: PanelProps) => React.JSX.Element;

package/dist/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["React","styled","BREAKPOINTS","COLORS","Quote","IconButton","SystemIcons","LinearProgress","LinearProgressType","useMediaMatch","Size","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","LARGE","Media","_templateObject2","Body","_templateObject3","Footer","_templateObject4","Panel","_currentItem$media","_currentItem$media2","_React$useState","useState","_React$useState2","_slicedToArray","currentImage","setCurrentImage","isLargeScreen","replace","rest","order","undefined","media","title","content","items","type","_props","_props$items","_objectWithoutProperties","_excluded","_props2","_props2$title","_excluded2","moveLeft","length","moveRight","currentItem","_objectSpread","className","concat","children","fit","src","alt","action","variant","shape","ChevronLeft","size","Large","Medium","value","max","Dots","ChevronRight","propTypes","_Panel$propTypes","_pt","oneOf","oneOfType","isRequired","string","node","_defineProperty","arrayOf"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import React from 'react';\nimport styled from \"styled-components\";\nimport {BREAKPOINTS, COLORS, Quote} from \"../styles\";\nimport {IconButton} from \"../Button\";\nimport {SystemIcons} from \"../icons\";\nimport {LinearProgress, LinearProgressType} from \"../LinearProgress\";\nimport {useMediaMatch} from \"rooks\";\nimport {Size} from \"../types\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\n  min-height: 100%;\n  align-items: flex-end;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  gap: 24px;\n  padding: 24px 32px 64px;\n\n  ${BREAKPOINTS.LARGE} {\n    gap: 32px;\n    padding: 32px 64px 128px;\n  }\n\n  &.reverse {\n    align-items: flex-start;\n  }\n`;\n\nconst Media = styled.div`\n  display: flex;\n  width: 320px;\n  height: 200px;\n\n\n  img {\n    object-fit: contain;\n  }\n\n  img.fit {\n    object-fit: contain;\n  }\n\n  img.fill {\n    object-fit: cover;\n  }\n\n  max-width: 100%;\n\n  img {\n    max-width: 100%;\n    width: 320px;\n    height: 200px;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    width: 488px;\n    height: 280px;\n\n    img {\n      width: 488px;\n      height: 280px;\n    }\n  }\n\n`;\n\nconst Body = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  width: 100%;\n  max-width: 320px;\n\n  ${BREAKPOINTS.LARGE} {\n    max-width: 488px;\n  }\n  \n  p:not(:first-of-type) {\n    flex: 1;\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  }\n\n\n`;\nconst Footer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n\n  max-width: 320px;\n\n  ${BREAKPOINTS.LARGE} {\n    max-width: 488px;\n  }\n\n  .progress {\n    width: max-content;\n  }\n`;\n\nexport interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {\n  type?: 'default' | 'carousel';\n}\n\nexport interface PanelContent {\n  media?: { type: 'image', src: string; alt: string, fit?: 'fill' | 'fit' } | { type: 'custom', content: React.ReactNode };\n  title?: string;\n  content?: React.ReactNode;\n}\n\nexport interface DefaultPanelProps extends BasePanelProps, PanelContent {\n  /**\n   * Optional. Specifies the type of the panel as 'default'.\n   * If not specified, the type defaults to 'default'.\n   */\n  type?: 'default';\n\n  /**\n   * Optional. Specifies the order of the content in the panel.\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\n   */\n  order?: 'default' | 'reverse';\n}\n\nexport interface CarouselPanelProps extends BasePanelProps {\n  /**\n   * Required. Specifies the type of the panel as 'carousel'.\n   */\n  type: 'carousel';\n\n  /**\n   * Optional. Specifies the order of the content in the panel.\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\n   */\n  order?: 'default' | 'reverse';\n\n  /**\n   * Optional. An array of PanelContent objects.\n   * Each object represents a slide in the carousel.\n   */\n  items?: PanelContent[];\n}\nexport type PanelProps = DefaultPanelProps | CarouselPanelProps;\n\nexport const Panel = (props: PanelProps) => {\n\n  const [currentImage, setCurrentImage] = React.useState(0);\n  const isLargeScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\n\n  let rest: React.HTMLAttributes<HTMLDivElement> = {};\n  let order = undefined;\n  let media = undefined;\n  let title = '';\n  let content = undefined;\n  let items: PanelContent[] = [];\n\n\n  switch (props.type) {\n    case 'carousel':\n      ({items = [], order, ...rest} = props);\n      break;\n    case 'default':\n    default:\n      ({media, content, title = '', order, ...rest} = props)\n      break;\n  }\n\n\n  const moveLeft = () => {\n    props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);\n  }\n  const moveRight = () => {\n    props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);\n  }\n\n  const currentItem: PanelContent = props.type === 'carousel' ? items[currentImage] : {media, title, content};\n\n  return (\n    <Wrapper {...rest} className={`${rest.className || ''} ${order || ''} `}>\n      <Media>\n        {\n          currentItem.media?.type === 'image' &&\n            <img className={currentItem.media.fit} src={currentItem.media.src} alt={currentItem.media.alt}/>\n        }\n        {\n          currentItem.media?.type === 'custom' && currentItem.media.content\n        }\n      </Media>\n      <Body>\n        <Quote>{currentItem.title}</Quote>\n        <p>{currentItem.content}</p>\n      </Body>\n      {\n        props.type === 'carousel' &&\n          <Footer>\n              <IconButton action={moveLeft} variant={'secondary'} shape={'circular'}>\n                  <SystemIcons.ChevronLeft/>\n              </IconButton>\n              <LinearProgress size={isLargeScreen ? Size.Large : Size.Medium}\n                              className={'progress'}\n                              value={currentImage + 1}\n                              max={props.items!.length }\n                              type={LinearProgressType.Dots}/>\n              <IconButton action={moveRight} variant={'secondary'} shape={'circular'}>\n                  <SystemIcons.ChevronRight/>\n              </IconButton>\n          </Footer>\n      }\n    </Wrapper>\n  )\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Panel.js","names":["React","styled","BREAKPOINTS","COLORS","Quote","IconButton","SystemIcons","LinearProgress","LinearProgressType","useMediaMatch","Size","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","LARGE","Media","_templateObject2","Body","_templateObject3","Footer","_templateObject4","Panel","_currentItem$media","_currentItem$media2","_React$useState","useState","_React$useState2","_slicedToArray","currentImage","setCurrentImage","isLargeScreen","replace","rest","order","undefined","media","title","content","items","type","_props","_props$items","_objectWithoutProperties","_excluded","_props2","_props2$title","_excluded2","moveLeft","length","moveRight","currentItem","_objectSpread","className","concat","children","fit","src","alt","action","variant","shape","ChevronLeft","size","Large","Medium","value","max","Dots","ChevronRight","propTypes","_Panel$propTypes","_pt","oneOf","oneOfType","isRequired","string","node","_defineProperty","arrayOf"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from \"styled-components\";\r\nimport {BREAKPOINTS, COLORS, Quote} from \"../styles\";\r\nimport {IconButton} from \"../Button\";\r\nimport {SystemIcons} from \"../icons\";\r\nimport {LinearProgress, LinearProgressType} from \"../LinearProgress\";\r\nimport {useMediaMatch} from \"rooks\";\r\nimport {Size} from \"../types\";\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  min-height: 100%;\r\n  align-items: flex-end;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  gap: 24px;\r\n  padding: 24px 32px 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    gap: 32px;\r\n    padding: 32px 64px 128px;\r\n  }\r\n\r\n  &.reverse {\r\n    align-items: flex-start;\r\n  }\r\n`;\r\n\r\nconst Media = styled.div`\r\n  display: flex;\r\n  width: 320px;\r\n  height: 200px;\r\n\r\n\r\n  img {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fit {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fill {\r\n    object-fit: cover;\r\n  }\r\n\r\n  max-width: 100%;\r\n\r\n  img {\r\n    max-width: 100%;\r\n    width: 320px;\r\n    height: 200px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: 488px;\r\n    height: 280px;\r\n\r\n    img {\r\n      width: 488px;\r\n      height: 280px;\r\n    }\r\n  }\r\n\r\n`;\r\n\r\nconst Body = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n\r\n  width: 100%;\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n  \r\n  p:not(:first-of-type) {\r\n    flex: 1;\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n\r\n`;\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n\r\n  .progress {\r\n    width: max-content;\r\n  }\r\n`;\r\n\r\nexport interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {\r\n  type?: 'default' | 'carousel';\r\n}\r\n\r\nexport interface PanelContent {\r\n  media?: { type: 'image', src: string; alt: string, fit?: 'fill' | 'fit' } | { type: 'custom', content: React.ReactNode };\r\n  title?: string;\r\n  content?: React.ReactNode;\r\n}\r\n\r\nexport interface DefaultPanelProps extends BasePanelProps, PanelContent {\r\n  /**\r\n   * Optional. Specifies the type of the panel as 'default'.\r\n   * If not specified, the type defaults to 'default'.\r\n   */\r\n  type?: 'default';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n}\r\n\r\nexport interface CarouselPanelProps extends BasePanelProps {\r\n  /**\r\n   * Required. Specifies the type of the panel as 'carousel'.\r\n   */\r\n  type: 'carousel';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n\r\n  /**\r\n   * Optional. An array of PanelContent objects.\r\n   * Each object represents a slide in the carousel.\r\n   */\r\n  items?: PanelContent[];\r\n}\r\nexport type PanelProps = DefaultPanelProps | CarouselPanelProps;\r\n\r\nexport const Panel = (props: PanelProps) => {\r\n\r\n  const [currentImage, setCurrentImage] = React.useState(0);\r\n  const isLargeScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  let rest: React.HTMLAttributes<HTMLDivElement> = {};\r\n  let order = undefined;\r\n  let media = undefined;\r\n  let title = '';\r\n  let content = undefined;\r\n  let items: PanelContent[] = [];\r\n\r\n\r\n  switch (props.type) {\r\n    case 'carousel':\r\n      ({items = [], order, ...rest} = props);\r\n      break;\r\n    case 'default':\r\n    default:\r\n      ({media, content, title = '', order, ...rest} = props)\r\n      break;\r\n  }\r\n\r\n\r\n  const moveLeft = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);\r\n  }\r\n  const moveRight = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);\r\n  }\r\n\r\n  const currentItem: PanelContent = props.type === 'carousel' ? items[currentImage] : {media, title, content};\r\n\r\n  return (\r\n    <Wrapper {...rest} className={`${rest.className || ''} ${order || ''} `}>\r\n      <Media>\r\n        {\r\n          currentItem.media?.type === 'image' &&\r\n            <img className={currentItem.media.fit} src={currentItem.media.src} alt={currentItem.media.alt}/>\r\n        }\r\n        {\r\n          currentItem.media?.type === 'custom' && currentItem.media.content\r\n        }\r\n      </Media>\r\n      <Body>\r\n        <Quote>{currentItem.title}</Quote>\r\n        <p>{currentItem.content}</p>\r\n      </Body>\r\n      {\r\n        props.type === 'carousel' &&\r\n          <Footer>\r\n              <IconButton action={moveLeft} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronLeft/>\r\n              </IconButton>\r\n              <LinearProgress size={isLargeScreen ? Size.Large : Size.Medium}\r\n                              className={'progress'}\r\n                              value={currentImage + 1}\r\n                              max={props.items!.length }\r\n                              type={LinearProgressType.Dots}/>\r\n              <IconButton action={moveRight} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronRight/>\r\n              </IconButton>\r\n          </Footer>\r\n      }\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Panel/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Panel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../src/Panel/index.ts"],"sourcesContent":["export * from './Panel';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_Panel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../src/Panel/index.ts"],"sourcesContent":["export * from './Panel';\r\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}