@popsure/dirty-swan 0.61.2 → 0.62.0

package/dist/esm/components/icon/icons.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport { Button } from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n  title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n  const [value, setValue] = useState('');\n  const [options, setOptions] = useState(iconsList);\n\n  const clearSearch = () => {\n    setValue('');\n    setOptions(iconsList);\n  };\n\n  const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setValue(event.target.value);\n\n    if (searchValue === '') {\n      setOptions(iconsList);\n      return;\n    }\n\n    setOptions(iconsList.filter(([key]) => \n      key.toLowerCase()\n        .includes(searchValue.toLowerCase())\n    ));\n  };\n\n  return (\n    <div>\n      <div className={classNames(styles.searchBar, 'bg-white')}>\n        <div className='d-flex gap8 wmx12 m-auto'>\n        <Input\n          className='w70'\n          onChange={handleOnSearch}\n          placeholder='Search icon'\n          value={value} \n        />\n        <Button className='w30' disabled={!value} onClick={clearSearch}>\n          Clear search\n        </Button>\n        </div>\n      </div>\n\n      <div className='d-flex f-wrap mt80'>\n        {options.map(([iconKey, Icon]) => (\n          <div key={iconKey} className=\"w20 p8\">\n            <div className='br4 p24 pt16 pb16 bg-neutral-50 w100 d-flex fd-column ai-center'>\n              <Icon size={32} />\n              <span className='p-p--small'>{iconKey}</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;EAC3B;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE3B,SAAS,GAAG;IACjB,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACjC,IAAA,KAAwB,QAAQ,CAAC,SAAS,CAAC,EAA1C,OAAO,QAAA,EAAE,UAAU,QAAuB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,UAAU,CAAC,SAAS,CAAC,CAAC;KACvB,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACvC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QAED,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,UAAC,EAAK;gBAAJ,GAAG,QAAA;YAC/B,OAAA,GAAG,CAAC,WAAW,EAAE;iBACd,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;SAAA,CACvC,CAAC,CAAC;KACJ,CAAC;IAEF,QACEA,yBACEC,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,YACtDD,cAAK,SAAS,EAAC,0BAA0B,aACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,GACZ,EACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,6BAErD,IACH,GACF,EAENA,aAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,aAAmB,SAAS,EAAC,QAAQ,YACnCD,cAAK,SAAS,EAAC,iEAAiE,aAC9EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAClBA,cAAM,SAAS,EAAC,YAAY,YAAE,OAAO,GAAQ,IACzC,IAJE,OAAO,CAKX;iBACP,CAAC,GACE,IACF,EACN;AACJ;;;;;"}
+{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport { Button } from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n  title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n  const [value, setValue] = useState('');\n  const [options, setOptions] = useState(iconsList);\n\n  const clearSearch = () => {\n    setValue('');\n    setOptions(iconsList);\n  };\n\n  const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setValue(event.target.value);\n\n    if (searchValue === '') {\n      setOptions(iconsList);\n      return;\n    }\n\n    setOptions(\n      iconsList.filter(([key]) =>\n        key.toLowerCase().includes(searchValue.toLowerCase())\n      )\n    );\n  };\n\n  return (\n    <div>\n      <div className={classNames(styles.searchBar, 'bg-white')}>\n        <div className=\"d-flex gap8 wmx12 m-auto\">\n          <Input\n            className=\"w70\"\n            onChange={handleOnSearch}\n            placeholder=\"Search icon\"\n            value={value}\n          />\n          <Button className=\"w30\" disabled={!value} onClick={clearSearch}>\n            Clear search\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"d-flex f-wrap mt80\">\n        {options.map(([iconKey, Icon]) => (\n          <div key={iconKey} className=\"w20 p8\">\n            <div className=\"br4 p24 pt16 pb16 bg-neutral-50 w100 d-flex fd-column ai-center\">\n              <Icon size={32} />\n              <span className=\"p-p--small\">{iconKey}</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/icon/index.stories.js

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { IconWrapper } from './IconWrapper/IconWrapper.js';
-import { i as icons } from '../../index-7427c96f.js';
-import '../../tslib.es6-a39f91fc.js';
-import '../../index-6ea95111.js';
-import '../../style-inject.es-1f59c1d0.js';
+import { i as icons } from '../../index-sVpmwnLl.js';
+import '../../tslib.es6-CVlKGIvp.js';
+import '../../index-DLQEsiym.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 import './icons/1.js';
 import 'react';
 import './icons/2.js';
@@ -406,7 +407,7 @@ var story = {
             description: 'Identifier key of the icon',
             table: {
                 type: {
-                    summary: 'IconKey (see Available Icons story for all icons)'
+                    summary: 'IconKey (see Available Icons story for all icons)',
                 },
             },
             control: 'select',
@@ -423,7 +424,7 @@ var story = {
             control: 'text',
             table: {
                 type: {
-                    summary: 'Your own custom classnames can be added here'
+                    summary: 'Your own custom classnames can be added here',
                 },
             },
         },
@@ -433,17 +434,18 @@ var story = {
         size: 32,
         color: 'purple-600',
         noMargin: false,
-        className: ''
-    }
+        className: '',
+    },
 };
-var IconStory = function (_a) {
-    var color = _a.color, className = _a.className, icon = _a.icon, size = _a.size;
-    // @ts-ignore
-    var Icon = icons === null || icons === void 0 ? void 0 : icons[icon];
-    return Icon && (jsx(Icon, { size: size, color: color, className: className }));
+var IconStory = {
+    render: function (_a) {
+        var color = _a.color, className = _a.className, icon = _a.icon, size = _a.size;
+        // @ts-ignore
+        var Icon = icons === null || icons === void 0 ? void 0 : icons[icon];
+        return Icon && jsx(Icon, { size: size, color: color, className: className });
+    },
+    name: 'Icon',
 };
-IconStory.storyName = "Icon";
 
-export default story;
-export { IconStory };
+export { IconStory, story as default };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/icon/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/icon/index.stories.tsx"],"sourcesContent":["import { IconWrapper, IconWrapperProps } from './IconWrapper';\nimport * as icons from './icons';\n\nconst iconsList = Object.keys(icons);\ntype IconKey = typeof iconsList[number];\n\nconst story = {\n  title: 'JSX/Icon',\n  component: IconWrapper,\n  argTypes: {\n    icon: {\n      description: 'Identifier key of the icon',\n      table: {\n        type: { \n          summary: 'IconKey (see Available Icons story for all icons)'\n        },\n      },\n      control: 'select',\n      options: iconsList,\n    },\n    size: {\n      description: 'Icon size',\n    },\n    color: {\n      description: 'Icon color',\n    },\n    className: {\n      description: 'Class name for updating components styles',\n      control: 'text',\n      table: {\n        type: { \n          summary: 'Your own custom classnames can be added here'\n        },\n      },\n    },\n  },\n  args: {\n    icon: 'InfoIcon',\n    size: 32,\n    color: 'purple-600',\n    noMargin: false,\n    className: ''\n  }\n};\n\nexport const IconStory = ({ color, className, icon, size }: IconWrapperProps & { icon: IconKey }) => {\n  // @ts-ignore\n  const Icon = icons?.[icon];\n\n  return Icon && (\n    <Icon\n      size={size}\n      color={color}\n      className={className}\n    />\n  );\n}\n\nIconStory.storyName = \"Icon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAG/B,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,mDAAmD;iBAC7D;aACF;YACD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,WAAW;SACzB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;SAC1B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,8CAA8C;iBACxD;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,EAAE;KACd;EACD;IAEW,SAAS,GAAG,UAAC,EAAsE;QAApE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;;IAEtD,IAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,CAAC;IAE3B,OAAO,IAAI,KACTA,IAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,EAAC;AAED,SAAS,CAAC,SAAS,GAAG,MAAM;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/icon/index.stories.tsx"],"sourcesContent":["import { IconWrapper, IconWrapperProps } from './IconWrapper';\nimport * as icons from './icons';\n\nconst iconsList = Object.keys(icons);\ntype IconKey = (typeof iconsList)[number];\n\nconst story = {\n  title: 'JSX/Icon',\n  component: IconWrapper,\n  argTypes: {\n    icon: {\n      description: 'Identifier key of the icon',\n      table: {\n        type: {\n          summary: 'IconKey (see Available Icons story for all icons)',\n        },\n      },\n      control: 'select',\n      options: iconsList,\n    },\n    size: {\n      description: 'Icon size',\n    },\n    color: {\n      description: 'Icon color',\n    },\n    className: {\n      description: 'Class name for updating components styles',\n      control: 'text',\n      table: {\n        type: {\n          summary: 'Your own custom classnames can be added here',\n        },\n      },\n    },\n  },\n  args: {\n    icon: 'InfoIcon',\n    size: 32,\n    color: 'purple-600',\n    noMargin: false,\n    className: '',\n  },\n};\n\nexport const IconStory = {\n  render: ({\n    color,\n    className,\n    icon,\n    size,\n  }: IconWrapperProps & { icon: IconKey }) => {\n    // @ts-ignore\n    const Icon = icons?.[icon];\n\n    return Icon && <Icon size={size} color={color} className={className} />;\n  },\n\n  name: 'Icon',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAGpC,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,4BAA4B;AACzC,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,OAAO,EAAE,mDAAmD;AAC7D,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,WAAW;AACzB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,YAAY;AAC1B,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EAAE,2CAA2C;AACxD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,OAAO,EAAE,8CAA8C;AACxD,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,SAAS,EAAE,EAAE;AACd,KAAA;;AAGI,IAAM,SAAS,GAAG;IACvB,MAAM,EAAE,UAAC,EAK8B,EAAA;YAJrC,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,IAAI,GAAA,EAAA,CAAA,IAAA;;QAGJ,IAAM,IAAI,GAAG,KAAK,KAAA,IAAA,IAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC;AAE1B,QAAA,OAAO,IAAI,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI;IACzE,CAAC;AAED,IAAA,IAAI,EAAE,MAAM;;;;;"}

package/dist/esm/components/informationBox/index.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../index-6ea95111.js';
-import AlertCircleIcon from '../icon/icons/AlertCircle.js';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../index-DLQEsiym.js';
 import 'react';
+import AlertCircleIcon from '../icon/icons/AlertCircle.js';
+import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../tslib.es6-a39f91fc.js';
+import '../../tslib.es6-CVlKGIvp.js';
 
 var css_248z = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #E5F0FF;\n  border-color: #8BB4EA;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #FEE6E6;\n  border-color: #E55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #FEFAEC;\n  border-color: #F0D26F;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #E6FAF1;\n  border-color: #85DCB4;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}";
 var styles = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};

package/dist/esm/components/informationBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/informationBox/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { AlertCircleIcon } from '../icon/icons';\nimport { Color } from '../../models/styles';\nimport styles from './style.module.scss';\n\ntype Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral';\n\nexport interface InformationBoxProps {\n  className?: string;\n  variant?: Variant;\n  title?: string;\n  children: ReactNode;\n  showIcon?: boolean;\n  size?: 'default' | 'small';\n}\n\nconst InformationBox = ({\n  className = '',\n  variant = 'information',\n  title,\n  children,\n  showIcon,\n  size = 'default',\n}: InformationBoxProps) => {\n  const mapAlertIconColor: { [k in Variant]: Color } = {\n    warning: 'yellow-500',\n    error: 'red-500',\n    success: 'green-500',\n    information: 'blue-500',\n    neutral: 'neutral-900',\n  };\n\n  return (\n    <div\n      className={classNames(\n        className,\n        'p16 br8 color-black',\n        styles.informationBox,\n        styles[`informationBox--${variant}`]\n      )}\n      role=\"alert\"\n    >\n      <div className=\"d-flex\">\n        {showIcon && (\n          <div data-testid=\"information-box-icon\" className={'mr8'}>\n            <AlertCircleIcon\n              className={styles.icon}\n              color={mapAlertIconColor[variant]}\n              size={size === 'default' ? 24 : 16}\n            />\n          </div>\n        )}\n        <div>\n          {title && (\n            <h4\n              data-testid=\"information-box-title\"\n              className={classNames(\n                size === 'default' ? 'p-h4' : 'p-h5',\n                'mb8'\n              )}\n            >\n              {title}\n            </h4>\n          )}\n\n          <p className={size === 'default' ? 'p-p' : 'p-p--small'}>\n            {children}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { InformationBox };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;IAkBM,cAAc,GAAG,UAAC,EAOF;QANpB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,iBAAiB,GAA8B;QACnD,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,0BAAmB,OAAO,CAAE,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,YAEZC,cAAK,SAAS,EAAC,QAAQ,aACpB,QAAQ,KACPD,4BAAiB,sBAAsB,EAAC,SAAS,EAAE,KAAK,YACtDA,IAAC,eAAe,IACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,GAClC,GACE,CACP,EACDC,yBACG,KAAK,KACJD,2BACc,uBAAuB,EACnC,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,EACpC,KAAK,CACN,YAEA,KAAK,GACH,CACN,EAEDA,WAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,YACpD,QAAQ,GACP,IACA,IACF,GACF,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/informationBox/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { AlertCircleIcon } from '../icon/icons';\nimport { Color } from '../../models/styles';\nimport styles from './style.module.scss';\n\ntype Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral';\n\nexport interface InformationBoxProps {\n  className?: string;\n  variant?: Variant;\n  title?: string;\n  children: ReactNode;\n  showIcon?: boolean;\n  size?: 'default' | 'small';\n}\n\nconst InformationBox = ({\n  className = '',\n  variant = 'information',\n  title,\n  children,\n  showIcon,\n  size = 'default',\n}: InformationBoxProps) => {\n  const mapAlertIconColor: { [k in Variant]: Color } = {\n    warning: 'yellow-500',\n    error: 'red-500',\n    success: 'green-500',\n    information: 'blue-500',\n    neutral: 'neutral-900',\n  };\n\n  return (\n    <div\n      className={classNames(\n        className,\n        'p16 br8 color-black',\n        styles.informationBox,\n        styles[`informationBox--${variant}`]\n      )}\n      role=\"alert\"\n    >\n      <div className=\"d-flex\">\n        {showIcon && (\n          <div data-testid=\"information-box-icon\" className={'mr8'}>\n            <AlertCircleIcon\n              className={styles.icon}\n              color={mapAlertIconColor[variant]}\n              size={size === 'default' ? 24 : 16}\n            />\n          </div>\n        )}\n        <div>\n          {title && (\n            <h4\n              data-testid=\"information-box-title\"\n              className={classNames(\n                size === 'default' ? 'p-h4' : 'p-h5',\n                'mb8'\n              )}\n            >\n              {title}\n            </h4>\n          )}\n\n          <p className={size === 'default' ? 'p-p' : 'p-p--small'}>\n            {children}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { InformationBox };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,cAAc,GAAG,UAAC,EAOF,EAAA;QANpB,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,OAAuB,EAAvB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACvB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,IAAgB,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AAEhB,IAAA,IAAM,iBAAiB,GAA8B;AACnD,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,OAAO,EAAE,aAAa;KACvB;AAED,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,kBAAA,CAAA,MAAA,CAAmB,OAAO,CAAE,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,EAAA,QAAA,EAEZC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACpB,QAAQ,KACPD,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAC,SAAS,EAAE,KAAK,EAAA,QAAA,EACtDA,GAAA,CAAC,eAAe,EAAA,EACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,EAAA,CAClC,EAAA,CACE,CACP,EACDC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJD,GAAA,CAAA,IAAA,EAAA,EAAA,aAAA,EACc,uBAAuB,EACnC,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,EACpC,KAAK,CACN,EAAA,QAAA,EAEA,KAAK,EAAA,CACH,CACN,EAEDA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,EAAA,QAAA,EACpD,QAAQ,EAAA,CACP,CAAA,EAAA,CACA,CAAA,EAAA,CACF,EAAA,CACF;AAEV;;;;"}

package/dist/esm/components/informationBox/index.stories.js

@@ -1,11 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { InformationBox } from './index.js';
-import '../../index-6ea95111.js';
-import '../icon/icons/AlertCircle.js';
+import '../../index-DLQEsiym.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
+import '../icon/icons/AlertCircle.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../tslib.es6-a39f91fc.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../tslib.es6-CVlKGIvp.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 
 var story = {
     title: 'JSX/InformationBox',
@@ -33,14 +34,15 @@ var story = {
         showIcon: false,
         size: 'default',
         variant: 'information',
-    }
+    },
 };
-var InformationBoxStory = function (_a) {
-    var children = _a.children, showIcon = _a.showIcon, title = _a.title, size = _a.size, variant = _a.variant;
-    return (jsx("div", { className: 'wmx6', children: jsx(InformationBox, { children: children, showIcon: showIcon, title: title, size: size, variant: variant }) }));
+var InformationBoxStory = {
+    render: function (_a) {
+        var children = _a.children, showIcon = _a.showIcon, title = _a.title, size = _a.size, variant = _a.variant;
+        return (jsx("div", { className: "wmx6", children: jsx(InformationBox, { children: children, showIcon: showIcon, title: title, size: size, variant: variant }) }));
+    },
+    name: 'InformationBox',
 };
-InformationBoxStory.storyName = "InformationBox";
 
-export default story;
-export { InformationBoxStory };
+export { InformationBoxStory, story as default };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/informationBox/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/informationBox/index.stories.tsx"],"sourcesContent":["import { InformationBox, InformationBoxProps } from '.';\n\nconst story = {\n  title: 'JSX/InformationBox',\n  component: InformationBox,\n  argTypes: {\n    children: {\n      description: 'Content that is displayed inside the information box',\n    },\n    title: {\n      description: 'Title of the information box',\n    },\n    showIcon: {\n      description: 'Whether or not to show the info icon',\n    },\n    size: {\n      description: 'Size to display the component',\n    },\n    variant: {\n      description: 'Variant that defines the style of the InformationBox',\n    },\n  },\n  args: {\n    children: 'It seems that you already have an account with us! Sign in now',\n    title: 'Log in to your account',\n    showIcon: false,\n    size: 'default',\n    variant: 'information',\n  }\n};\n\nexport const InformationBoxStory = ({\n  children,\n  showIcon,\n  title,\n  size,\n  variant,\n}: InformationBoxProps) => (\n  <div className='wmx6'>\n    <InformationBox\n      children={children}\n      showIcon={showIcon}\n      title={title}\n      size={size}\n      variant={variant}\n    />\n  </div>\n);\n\nInformationBoxStory.storyName = \"InformationBox\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;SACpE;QACD,KAAK,EAAE;YACL,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,sCAAsC;SACpD;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;SAC7C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;SACpE;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,gEAAgE;QAC1E,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,aAAa;KACvB;EACD;IAEW,mBAAmB,GAAG,UAAC,EAMd;QALpB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA;IACkB,QACzBA,aAAK,SAAS,EAAC,MAAM,YACnBA,IAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,GACE;AATmB,EAUzB;AAEF,mBAAmB,CAAC,SAAS,GAAG,gBAAgB;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/informationBox/index.stories.tsx"],"sourcesContent":["import { InformationBox, InformationBoxProps } from '.';\n\nconst story = {\n  title: 'JSX/InformationBox',\n  component: InformationBox,\n  argTypes: {\n    children: {\n      description: 'Content that is displayed inside the information box',\n    },\n    title: {\n      description: 'Title of the information box',\n    },\n    showIcon: {\n      description: 'Whether or not to show the info icon',\n    },\n    size: {\n      description: 'Size to display the component',\n    },\n    variant: {\n      description: 'Variant that defines the style of the InformationBox',\n    },\n  },\n  args: {\n    children: 'It seems that you already have an account with us! Sign in now',\n    title: 'Log in to your account',\n    showIcon: false,\n    size: 'default',\n    variant: 'information',\n  },\n};\n\nexport const InformationBoxStory = {\n  render: ({\n    children,\n    showIcon,\n    title,\n    size,\n    variant,\n  }: InformationBoxProps) => (\n    <div className=\"wmx6\">\n      <InformationBox\n        children={children}\n        showIcon={showIcon}\n        title={title}\n        size={size}\n        variant={variant}\n      />\n    </div>\n  ),\n\n  name: 'InformationBox',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAEA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,oBAAoB;AAC3B,IAAA,SAAS,EAAE,cAAc;AACzB,IAAA,QAAQ,EAAE;AACR,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,sDAAsD;AACpE,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,8BAA8B;AAC5C,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,sCAAsC;AACpD,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,+BAA+B;AAC7C,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,sDAAsD;AACpE,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,gEAAgE;AAC1E,QAAA,KAAK,EAAE,wBAAwB;AAC/B,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,OAAO,EAAE,aAAa;AACvB,KAAA;;AAGI,IAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,UAAC,EAMa,EAAA;AALpB,QAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA;AACkB,QAAA,QACzBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAA,CAAC,cAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAAA,CAChB,GACE;IATmB,CAU1B;AAED,IAAA,IAAI,EAAE,gBAAgB;;;;;"}

package/dist/esm/components/informationBox/index.test.js

@@ -1,15 +1,16 @@
-import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../customRender-be47569b.js';
+import { c as customRender, s as screen } from '../../customRender-DzdqZxUd.js';
 import { InformationBox } from './index.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../index-6ea95111.js';
+import '../../index-DLQEsiym.js';
 import '../icon/icons/AlertCircle.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 
 describe('InformationBox component', function () {
     it('Should render title', function () { return __awaiter(void 0, void 0, void 0, function () {

package/dist/esm/components/informationBox/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/informationBox/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { InformationBox } from '.';\n\ndescribe('InformationBox component', () => {\n  it('Should render title', async () => {\n    render(\n      <InformationBox title={'Title'}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Title')).toBeInTheDocument();\n  });\n\n  it('Should not render title when title prop is not passed', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-title')).not.toBeInTheDocument();\n  });\n  \n  it('Should render content', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n  \n  it('Should show icon when showIcon is true', async () => {\n    render(\n      <InformationBox showIcon>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByTestId('information-box-icon')).toBeInTheDocument();\n  });\n  \n  it('Should not show icon when showIcon is false', async () => {\n    render(\n      <InformationBox showIcon={false}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-icon')).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;AAIA,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,qBAAqB,EAAE;;YACxBA,YAAM,CACJC,IAAC,cAAc,IAAC,KAAK,EAAE,OAAO,wBAEb,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACvD,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE;;YAC1DD,YAAM,CACJC,IAAC,cAAc,0BAEE,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC/E,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;;YAC1BD,YAAM,CACJC,IAAC,cAAc,0BAEE,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACzD,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE;;YAC3CD,YAAM,CACJC,IAAC,cAAc,IAAC,QAAQ,8BAEP,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACxE,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;;YAChDD,YAAM,CACJC,IAAC,cAAc,IAAC,QAAQ,EAAE,KAAK,wBAEd,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC9E,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/informationBox/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { InformationBox } from '.';\n\ndescribe('InformationBox component', () => {\n  it('Should render title', async () => {\n    render(\n      <InformationBox title={'Title'}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Title')).toBeInTheDocument();\n  });\n\n  it('Should not render title when title prop is not passed', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-title')).not.toBeInTheDocument();\n  });\n  \n  it('Should render content', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n  \n  it('Should show icon when showIcon is true', async () => {\n    render(\n      <InformationBox showIcon>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByTestId('information-box-icon')).toBeInTheDocument();\n  });\n  \n  it('Should not show icon when showIcon is false', async () => {\n    render(\n      <InformationBox showIcon={false}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-icon')).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;AAIA,QAAQ,CAAC,0BAA0B,EAAE,YAAA;IACnC,EAAE,CAAC,qBAAqB,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;YACxBA,YAAM,CACJC,IAAC,cAAc,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EAAA,SAAA,EAAA,CAEb,CAClB;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE;;;AACtD,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;IAEF,EAAE,CAAC,uDAAuD,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;AAC1D,YAAAD,YAAM,CACJC,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAEE,CAClB;AAED,YAAA,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;;;AAC9E,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;IAEF,EAAE,CAAC,uBAAuB,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;AAC1B,YAAAD,YAAM,CACJC,GAAA,CAAC,cAAc,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAEE,CAClB;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE;;;AACxD,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;IAEF,EAAE,CAAC,wCAAwC,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;AAC3C,YAAAD,YAAM,CACJC,GAAA,CAAC,cAAc,IAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAEP,CAClB;YAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE;;;AACvE,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;IAEF,EAAE,CAAC,6CAA6C,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;YAChDD,YAAM,CACJC,IAAC,cAAc,EAAA,EAAC,QAAQ,EAAE,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,CAEd,CAClB;AAED,YAAA,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE;;;AAC7E,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;AACJ,CAAC,CAAC"}