@popsure/dirty-swan 0.62.3 → 0.63.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/index.tsx"],"sourcesContent":["import { InfoCard } from './infoCard';\nimport { CardButton } from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  InfoCard,\n  CardButton,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYO,IAAM,kBAAkB,GAAG,UAChC,QAA+C,EAAA;IAE/C,QAAQ,QAAQ;AACd,QAAA,KAAK,QAAQ;AACb,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,MAAM;;AAEnB;AAEO,IAAM,2BAA2B,GAAG,UACzC,KAAgB,EAChB,UAAmB,EAAA;IAEnB,IAAM,SAAS,GAAG,CAAC,YAAA;QACjB,QAAQ,KAAK;AACX,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,qBAAqB;AAC9B,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,gBAAgB;AACzB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,SAAS;;IAEtB,CAAC,GAAG;AAEJ,IAAA,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAO,EAAA,CAAA,MAAA,CAAG,SAAS,EAAA,yBAAA,CAAyB;IAC9C;AACA,IAAA,OAAO,SAAS;AAClB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/components/cards/icons/info.svg","../../../../../src/lib/components/cards/icons/index.ts","../../../../../src/lib/components/cards/infoCard/index.tsx","../../../../../src/lib/components/cards/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","import arrowRightImage from './arrow-right.svg';\nimport featherLogoImage from './feather-logo.svg';\nimport infoImage from './info.svg';\n\nexport interface Icon {\n  src: string;\n  alt: string;\n}\n\nexport interface IconSize {\n  width: number;\n  height: number;\n}\n\nconst arrowRight: Icon = {\n  src: arrowRightImage,\n  alt: 'arrow pointing right',\n};\n\nconst featherLogo: Icon = {\n  src: featherLogoImage,\n  alt: 'feather logo',\n};\n\nconst info: Icon = {\n  src: infoImage,\n  alt: 'circle with the letter i inside for information',\n};\n\n\nexport { arrowRight, featherLogo, info };\n","import { associatedClassForCardState, CardProps } from '..';\nimport { Icon, info } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport type InfoCardProps = CardProps & {\n  topIcon: Icon;\n  rightIcon?: 'info' | Icon;\n};\n\nexport const InfoCard = ({\n  className,\n  title,\n  children,\n  topIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: InfoCardProps) => (\n  <div className={`${styles['root-container']} ${className ?? ''}`} {...props}>\n    <img\n      src={topIcon.src}\n      alt={topIcon.alt}\n      className={`${styles['top-icon']} ${\n        state === 'muted' ? styles['top-icon--muted'] : ''\n      } `}\n      width=\"80px\"\n      height=\"80px\"\n    />\n    <div\n      className={`${associatedClassForCardState(state, dropshadow)} ${\n        styles.container\n      }`}\n    >\n      {rightIcon && (\n        <img\n          width=\"20px\"\n          height=\"20px\"\n          className={styles['right-icon']}\n          src={rightIcon === 'info' ? info.src : rightIcon.src}\n          alt={rightIcon === 'info' ? info.alt : rightIcon.alt}\n        />\n      )}\n      <h3 className=\"p-h4 ta-center mt64\">{title}</h3>\n      <div className=\"p-p mt16 tc-grey-600\">{children}</div>\n    </div>\n  </div>\n);\n","import { InfoCard } from './infoCard';\nimport { CardButton } from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  InfoCard,\n  CardButton,\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAAA,gBAAe;;ACwBf,IAAM,IAAI,GAAS;IACjB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,iDAAiD;CACvD;;;;;;ICjBY,QAAQ,GAAG,UAAC,EAST;IARd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cARe,iFASxB,CADS;IACW,QACnBA,uBAAK,SAAS,EAAE,UAAG,MAAM,CAAC,gBAAgB,CAAC,cAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAAM,KAAK,eACzEC,aACE,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,UAAG,MAAM,CAAC,UAAU,CAAC,cAC9B,KAAK,KAAK,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE,MACjD,EACH,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,GACb,EACFD,cACE,SAAS,EAAE,UAAG,2BAA2B,CAAC,KAAK,EAAE,UAAU,CAAC,cAC1D,MAAM,CAAC,SAAS,CAChB,aAED,SAAS,KACRC,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAC/B,GAAG,EAAE,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,EACpD,GAAG,EAAE,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,GACpD,CACH,EACDA,YAAI,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAM,EAChDA,aAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,IAClD,KACF,EACP;;;ICpCY,kBAAkB,GAAG,UAChC,QAA+C;IAE/C,QAAQ,QAAQ;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,KAAK;YACR,OAAO,MAAM,CAAC;KACjB;AACH,EAAE;IAEW,2BAA2B,GAAG,UACzC,KAAgB,EAChB,UAAmB;IAEnB,IAAM,SAAS,GAAG,CAAC;QACjB,QAAQ,KAAK;YACX,KAAK,YAAY;gBACf,OAAO,qBAAqB,CAAC;YAC/B,KAAK,OAAO;gBACV,OAAO,gBAAgB,CAAC;YAC1B,KAAK,QAAQ;gBACX,OAAO,SAAS,CAAC;SACpB;KACF,GAAG,CAAC;IAEL,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAO,UAAG,SAAS,4BAAyB,CAAC;KAC9C;IACD,OAAO,SAAS,CAAC;AACnB;;;;"}

package/dist/esm/components/cards/infoCard/index.js

@@ -1,34 +1,11 @@
-import { c as __rest, b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import ArrowRight from '../../icon/icons/ArrowRight.js';
-import { Card } from '../card/index.js';
-import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
-import { c as classNames } from '../../../index-DLQEsiym.js';
+import '../../../tslib.es6-a39f91fc.js';
+import 'react/jsx-runtime';
+export { InfoCard } from '../index.js';
+import '../cardButton/index.js';
+import '../../icon/icons/ChevronRight.js';
 import 'react';
 import '../../icon/IconWrapper/IconWrapper.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../icon/icons/ChevronRight.js';
-
-var css_248z = ".style-module_bs-xs__2s8AD {\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n  padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n  border-color: #696971;\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n  overflow: hidden;\n  border-color: #26262e;\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n  position: absolute;\n  width: 80px;\n  height: 80px;\n  left: 50%;\n  transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n  opacity: 0.25;\n}\n\n.style-module_topIconBanner__31-Hc {\n  position: absolute;\n  top: -123px;\n  left: -15px;\n  right: -15px;\n  height: 124px;\n  width: calc(100% + 30px);\n  overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n  position: absolute;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  min-width: 100%;\n  min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n  gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n  position: relative;\n}\n\n.style-module_disabled__1u28- {\n  opacity: 0.25;\n  cursor: not-allowed;\n}";
-var styles = {"bannerWrapper":"style-module_bannerWrapper__1m3mn","buttonWrapper":"style-module_buttonWrapper__-dmFc","wrapper":"style-module_wrapper__rVPyi","topIconWrapper":"style-module_topIconWrapper__VYKR7","topIconBanner":"style-module_topIconBanner__31-Hc","contentWrapper":"style-module_contentWrapper__B1Dn1","floatingLabel":"style-module_floatingLabel__1iIBj","disabled":"style-module_disabled__1u28-"};
-styleInject(css_248z);
-
-var InfoCard = function (_a) {
-    var _b, _c, _d;
-    _a.className; var _e = _a.showIcon, showIcon = _e === void 0 ? true : _e, title = _a.title, children = _a.children, topIcon = _a.topIcon, topIconType = _a.topIconType, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick, cardProps = __rest(_a, ["className", "showIcon", "title", "children", "topIcon", "topIconType", "disabled", "onClick"]);
-    var isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';
-    return (jsx(Card, __assign({}, cardProps, { label: topIcon && (jsx(Fragment, { children: isIconType ? (jsx("div", { className: classNames('d-flex ai-center jc-center br-circle p16', styles.topIconWrapper, {
-                    'bg-orange-200': topIconType === 'iconWithBackground'
-                }), children: topIcon })) : (jsx("div", { className: classNames('d-flex ai-center jc-center', (_b = {}, _b[styles.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxs(Fragment, { children: [title, showIcon && jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: __assign({ buttonWrapper: styles.buttonWrapper, wrapper: classNames((_c = {},
-                _c[styles.wrapper] = true,
-                _c[styles.disabled] = disabled,
-                _c['pt40'] = topIcon && isIconType,
-                _c['mt40'] = topIcon && isIconType,
-                _c[styles.bannerWrapper] = topIcon && topIconType === 'banner',
-                _c)), label: classNames((_d = {},
-                _d[styles.floatingLabel] = topIcon && topIconType !== 'image',
-                _d)), title: classNames({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center ta-center my8'), description: 'ta-center', contentWrapper: styles.contentWrapper }, (cardProps === null || cardProps === void 0 ? void 0 : cardProps.classNames) || {}), variant: 'default', onClick: disabled ? undefined : onClick, density: 'xsmall' })));
-};
-
-export { InfoCard };
+import '../../../index-6ea95111.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import '../card/index.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/cards/infoCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/cards/infoCard/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport ArrowRight from '../../icon/icons/ArrowRight';\nimport { Card, CardProps } from '../card';\n\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nexport interface InfoCardProps extends CardProps {\n  topIcon: ReactNode;\n  showIcon?: boolean;\n  topIconType?: 'image' | 'icon' | 'iconWithBackground' | 'banner';\n  disabled?: boolean;\n};\n\nexport const InfoCard = ({\n  className,\n  showIcon = true,\n  title,\n  children,\n  topIcon,\n  topIconType,\n  disabled = false,\n  onClick,\n  ...cardProps\n}: InfoCardProps) => {\n  const isIconType = topIconType === 'icon' || topIconType === 'iconWithBackground';\n\n  return (\n    <Card\n      {...cardProps}\n      label={topIcon && (\n        <>\n          {isIconType ? (\n            <div\n              className={classNames(\n                'd-flex ai-center jc-center br-circle p16',\n                styles.topIconWrapper, {\n                  'bg-orange-200': topIconType === 'iconWithBackground'\n                }\n              )}\n            >\n              {topIcon}\n            </div>\n          ) : (\n            <div className={classNames(\n              'd-flex ai-center jc-center',\n              { [styles.topIconBanner]: topIconType === 'banner' }\n            )}>\n              {topIcon}\n            </div>\n          )}\n        </>\n      )}\n      title={title && (\n        <>\n          {title}\n\n          {showIcon && <ArrowRight size={20} />}\n        </>\n      )}\n      titleVariant='medium'\n      description={children}\n      descriptionVariant='small'\n      actionIcon={null}\n      showActionIcon={false}\n      classNames={{\n        buttonWrapper: styles.buttonWrapper,\n        wrapper: classNames({\n          [styles.wrapper]: true,\n          [styles.disabled]: disabled,\n          'pt40': topIcon && isIconType,\n          'mt40': topIcon && isIconType,\n          [styles.bannerWrapper]: topIcon && topIconType === 'banner',\n        }),\n        label: classNames({\n          [styles.floatingLabel]: topIcon && topIconType !== 'image',\n        }),\n        title: classNames(\n          {'mt16': topIcon && topIconType === 'banner'},\n          'd-flex ai-center jc-center ta-center my8'\n        ),\n        description: 'ta-center',\n        contentWrapper: styles.contentWrapper,\n        ...cardProps?.classNames || {}\n      }}\n      variant='default'\n      onClick={disabled ? undefined : onClick}\n      density='xsmall'\n    />\n  );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/components/cards/infoCard/index.stories.js

@@ -1,17 +1,14 @@
-import { b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { InfoCard } from './index.js';
+import { jsx } from 'react/jsx-runtime';
+import { InfoCard } from '../index.js';
+import { a as images } from '../../../index-29e6f39e.js';
+import '../../../tslib.es6-a39f91fc.js';
+import '../cardButton/index.js';
+import '../../icon/icons/ChevronRight.js';
 import 'react';
-import '../../../index-DLQEsiym.js';
-import BookOpenIcon from '../../icon/icons/BookOpen.js';
-import HeartIcon from '../../icon/icons/Heart.js';
-import StarIcon from '../../icon/icons/Star.js';
-import '../../icon/icons/ArrowRight.js';
 import '../../icon/IconWrapper/IconWrapper.js';
-import '../../../style-inject.es-tgCJW-Cu.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../index-6ea95111.js';
+import '../../../style-inject.es-1f59c1d0.js';
 import '../card/index.js';
-import '../../icon/icons/ChevronRight.js';
 
 var story = {
     title: 'JSX/Cards/InfoCard',
@@ -19,61 +16,49 @@ var story = {
     argTypes: {
         title: {
             description: 'Title text that needs to be displayed',
-            control: 'text',
         },
         children: {
+            type: 'text',
             description: 'Content that is displayed inside the card',
-            control: 'text',
-        },
-        topIcon: {
-            description: 'Icon displayed on the top of the card',
         },
-        topIconType: {
-            description: 'Type of top icon display',
-            control: 'select',
-            options: ['icon', 'image', 'banner'],
+        state: {
+            description: 'State that describe the interation with the card',
         },
-        showIcon: {
-            description: 'Whether to show the arrow icon in the title',
-            control: 'boolean',
+        topIcon: {
+            description: 'Icon displayed on the top of the card, inside the purple circle',
         },
-        disabled: {
-            description: 'Whether the card is disabled',
-            control: 'boolean',
+        rightIcon: {
+            description: 'Icon displayed on the top right corner of the card',
         },
-        onClick: {
-            description: 'Click handler for the card',
+        dropshadow: {
+            description: 'If the card should have a box-shadow or not',
         },
         className: {
             description: 'Class name for most top parent element',
-            control: 'text',
         },
     },
     args: {
-        title: 'Knowledge Base',
-        children: "Find the answers you're looking for in our comprehensive, fact-checked library of articles and resources.",
-        topIcon: jsx(BookOpenIcon, { size: 40 }),
-        topIconType: 'iconWithBackground',
-        showIcon: true,
-        disabled: false,
+        title: 'Lorem Ipsum',
+        children: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',
+        state: 'actionable',
+        topIcon: {
+            src: images.mortgage,
+            alt: 'Image alt'
+        },
+        rightIcon: {
+            src: images.washingMachine,
+            alt: 'Icon alt'
+        },
+        dropshadow: true,
         className: '',
-    },
-};
-var InfoCardStory = {
-    render: function (args) {
-        return (jsx("div", { className: "bg-neutral-50 p32", children: jsx("div", { className: "wmx4", children: jsx(InfoCard, __assign({}, args, { onClick: function () { return console.log('InfoCard clicked!'); }, children: args.children })) }) }));
-    },
-    name: 'InfoCard',
-};
-var IconTypes = function () {
-    return (jsx("div", { className: "bg-neutral-50 p32", children: jsxs("div", { className: "d-flex gap32 flex-wrap", children: [jsxs("div", { className: "wmx4", children: [jsx("div", { className: "mb16 fw-bold", children: "Book Icon" }), jsx(InfoCard, { title: "Knowledge Base", topIcon: jsx(BookOpenIcon, { size: 40 }), topIconType: "iconWithBackground", onClick: function () { return console.log('Book clicked!'); }, children: "Find answers in our comprehensive library of articles." })] }), jsxs("div", { className: "wmx4", children: [jsx("div", { className: "mb16 fw-bold", children: "Heart Icon" }), jsx(InfoCard, { title: "Favorites", topIcon: jsx(HeartIcon, { size: 40 }), topIconType: "iconWithBackground", onClick: function () { return console.log('Heart clicked!'); }, children: "Save and organize your favorite items." })] }), jsxs("div", { className: "wmx4", children: [jsx("div", { className: "mb16 fw-bold", children: "Star Icon" }), jsx(InfoCard, { title: "Premium Features", topIcon: jsx(StarIcon, { size: 40 }), topIconType: "iconWithBackground", onClick: function () { return console.log('Star clicked!'); }, children: "Unlock advanced features with premium." })] })] }) }));
-};
-var TopIconTypes = function () {
-    return (jsxs("div", { className: "bg-neutral-50 p32 m-auto wmx12", children: [jsxs("div", { className: "d-flex gap32 flex-wrap", children: [jsxs("div", { className: "w50", children: [jsx("div", { className: "mb16 fw-bold", children: "Icon Type" }), jsx(InfoCard, { title: "Help Center", topIcon: jsx("img", { src: "https://placehold.co/80x80", alt: "Banner" }), topIconType: "icon", onClick: function () { return console.log('Icon type clicked!'); }, children: "Icon is displayed in a circular way without any background." })] }), jsxs("div", { className: "w50", children: [jsx("div", { className: "mb16 fw-bold", children: "Icon with background Type" }), jsx(InfoCard, { title: "Help Center", topIcon: jsx(BookOpenIcon, { size: 40 }), topIconType: "iconWithBackground", onClick: function () { return console.log('Icon type clicked!'); }, children: "Icon is displayed in a circular background with the orange color." })] })] }), jsxs("div", { className: "d-flex gap32 flex-wrap mt40", children: [jsxs("div", { className: "w50", children: [jsx("div", { className: "mb16 fw-bold", children: "Image Type" }), jsx(InfoCard, { title: "Image Gallery", topIcon: jsx("img", { src: "https://placehold.co/80x80", alt: "Image", style: { borderRadius: '8px' } }), topIconType: "image", onClick: function () { return console.log('Image type clicked!'); }, children: "Image is displayed as-is without background." })] }), jsxs("div", { className: "w50", children: [jsx("div", { className: "mb16 fw-bold", children: "Banner Type" }), jsx(InfoCard, { title: "Featured Content", topIcon: jsx("img", { src: "https://placehold.co/600x200", alt: "Banner" }), topIconType: "banner", onClick: function () { return console.log('Banner type clicked!'); }, children: "Banner spans the full width of the card." })] })] })] }));
+    }
 };
-var States = function () {
-    return (jsx("div", { className: "bg-neutral-50 p32", children: jsxs("div", { className: "d-flex gap32 flex-wrap", children: [jsxs("div", { className: "wmx4", children: [jsx("div", { className: "mb16 fw-bold", children: "Default State" }), jsx(InfoCard, { title: "Default Card", topIcon: jsx(BookOpenIcon, { size: 40 }), topIconType: "icon", onClick: function () { return console.log('Default clicked!'); }, children: "This is a default interactive card." })] }), jsxs("div", { className: "wmx4", children: [jsx("div", { className: "mb16 fw-bold", children: "Disabled State" }), jsx(InfoCard, { title: "Disabled Card", topIcon: jsx(BookOpenIcon, { size: 40 }), topIconType: "icon", disabled: true, onClick: function () { return console.log('This should not fire'); }, children: "This card is disabled and non-interactive." })] }), jsxs("div", { className: "wmx4", children: [jsx("div", { className: "mb16 fw-bold", children: "Without Arrow Icon" }), jsx(InfoCard, { title: "No Arrow", topIcon: jsx(BookOpenIcon, { size: 40 }), topIconType: "icon", showIcon: false, onClick: function () { return console.log('No arrow clicked!'); }, children: "This card has no arrow icon in the title." })] })] }) }));
+var InfoCardStory = function (_a) {
+    var title = _a.title, dropshadow = _a.dropshadow, children = _a.children, className = _a.className, rightIcon = _a.rightIcon, state = _a.state, topIcon = _a.topIcon;
+    return (jsx(InfoCard, { className: className, dropshadow: dropshadow, state: state, rightIcon: rightIcon, title: title, topIcon: topIcon, children: children }));
 };
+InfoCardStory.storyName = "InfoCard";
 
-export { IconTypes, InfoCardStory, States, TopIconTypes, story as default };
+export default story;
+export { InfoCardStory };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/cards/infoCard/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/infoCard/index.stories.tsx"],"sourcesContent":["import { InfoCard, InfoCardProps } from '.';\nimport { images } from '../../../util/images';\nimport { BookOpenIcon, HeartIcon, StarIcon, ShieldIcon } from '../../icon';\n\nconst story = {\n  title: 'JSX/Cards/InfoCard',\n  component: InfoCard,\n  argTypes: {\n    title: {\n      description: 'Title text that needs to be displayed',\n      control: 'text',\n    },\n    children: {\n      description: 'Content that is displayed inside the card',\n      control: 'text',\n    },\n    topIcon: {\n      description: 'Icon displayed on the top of the card',\n    },\n    topIconType: {\n      description: 'Type of top icon display',\n      control: 'select',\n      options: ['icon', 'image', 'banner'],\n    },\n    showIcon: {\n      description: 'Whether to show the arrow icon in the title',\n      control: 'boolean',\n    },\n    disabled: {\n      description: 'Whether the card is disabled',\n      control: 'boolean',\n    },\n    onClick: {\n      description: 'Click handler for the card',\n    },\n    className: {\n      description: 'Class name for most top parent element',\n      control: 'text',\n    },\n  },\n  args: {\n    title: 'Knowledge Base',\n    children:\n      \"Find the answers you're looking for in our comprehensive, fact-checked library of articles and resources.\",\n    topIcon: <BookOpenIcon size={40} />,\n    topIconType: 'iconWithBackground',\n    showIcon: true,\n    disabled: false,\n    className: '',\n  },\n};\n\nexport const InfoCardStory = {\n  render: (args: InfoCardProps) => {\n    return (\n      <div className=\"bg-neutral-50 p32\">\n        <div className=\"wmx4\">\n          <InfoCard {...args} onClick={() => console.log('InfoCard clicked!')}>\n            {args.children}\n          </InfoCard>\n        </div>\n      </div>\n    );\n  },\n\n  name: 'InfoCard',\n};\n\nexport const IconTypes = () => {\n  return (\n    <div className=\"bg-neutral-50 p32\">\n      <div className=\"d-flex gap32 flex-wrap\">\n        <div className=\"wmx4\">\n          <div className=\"mb16 fw-bold\">Book Icon</div>\n          <InfoCard\n            title=\"Knowledge Base\"\n            topIcon={<BookOpenIcon size={40} />}\n            topIconType=\"iconWithBackground\"\n            onClick={() => console.log('Book clicked!')}\n          >\n            Find answers in our comprehensive library of articles.\n          </InfoCard>\n        </div>\n        <div className=\"wmx4\">\n          <div className=\"mb16 fw-bold\">Heart Icon</div>\n          <InfoCard\n            title=\"Favorites\"\n            topIcon={<HeartIcon size={40} />}\n            topIconType=\"iconWithBackground\"\n            onClick={() => console.log('Heart clicked!')}\n          >\n            Save and organize your favorite items.\n          </InfoCard>\n        </div>\n        <div className=\"wmx4\">\n          <div className=\"mb16 fw-bold\">Star Icon</div>\n          <InfoCard\n            title=\"Premium Features\"\n            topIcon={<StarIcon size={40} />}\n            topIconType=\"iconWithBackground\"\n            onClick={() => console.log('Star clicked!')}\n          >\n            Unlock advanced features with premium.\n          </InfoCard>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const TopIconTypes = () => {\n  return (\n    <div className=\"bg-neutral-50 p32 m-auto wmx12\">\n      <div className=\"d-flex gap32 flex-wrap\">\n        <div className=\"w50\">\n          <div className=\"mb16 fw-bold\">Icon Type</div>\n          <InfoCard\n            title=\"Help Center\"\n            topIcon={<img src=\"https://placehold.co/80x80\" alt=\"Banner\" />}\n            topIconType=\"icon\"\n            onClick={() => console.log('Icon type clicked!')}\n          >\n            Icon is displayed in a circular way without any background.\n          </InfoCard>\n        </div>\n        <div className=\"w50\">\n          <div className=\"mb16 fw-bold\">Icon with background Type</div>\n          <InfoCard\n            title=\"Help Center\"\n            topIcon={<BookOpenIcon size={40} />}\n            topIconType=\"iconWithBackground\"\n            onClick={() => console.log('Icon type clicked!')}\n          >\n            Icon is displayed in a circular background with the orange color.\n          </InfoCard>\n        </div>\n      </div>\n      <div className=\"d-flex gap32 flex-wrap mt40\">\n        <div className=\"w50\">\n          <div className=\"mb16 fw-bold\">Image Type</div>\n          <InfoCard\n            title=\"Image Gallery\"\n            topIcon={\n              <img\n                src=\"https://placehold.co/80x80\"\n                alt=\"Image\"\n                style={{ borderRadius: '8px' }}\n              />\n            }\n            topIconType=\"image\"\n            onClick={() => console.log('Image type clicked!')}\n          >\n            Image is displayed as-is without background.\n          </InfoCard>\n        </div>\n        <div className=\"w50\">\n          <div className=\"mb16 fw-bold\">Banner Type</div>\n          <InfoCard\n            title=\"Featured Content\"\n            topIcon={<img src=\"https://placehold.co/600x200\" alt=\"Banner\" />}\n            topIconType=\"banner\"\n            onClick={() => console.log('Banner type clicked!')}\n          >\n            Banner spans the full width of the card.\n          </InfoCard>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const States = () => {\n  return (\n    <div className=\"bg-neutral-50 p32\">\n      <div className=\"d-flex gap32 flex-wrap\">\n        <div className=\"wmx4\">\n          <div className=\"mb16 fw-bold\">Default State</div>\n          <InfoCard\n            title=\"Default Card\"\n            topIcon={<BookOpenIcon size={40} />}\n            topIconType=\"icon\"\n            onClick={() => console.log('Default clicked!')}\n          >\n            This is a default interactive card.\n          </InfoCard>\n        </div>\n        <div className=\"wmx4\">\n          <div className=\"mb16 fw-bold\">Disabled State</div>\n          <InfoCard\n            title=\"Disabled Card\"\n            topIcon={<BookOpenIcon size={40} />}\n            topIconType=\"icon\"\n            disabled={true}\n            onClick={() => console.log('This should not fire')}\n          >\n            This card is disabled and non-interactive.\n          </InfoCard>\n        </div>\n        <div className=\"wmx4\">\n          <div className=\"mb16 fw-bold\">Without Arrow Icon</div>\n          <InfoCard\n            title=\"No Arrow\"\n            topIcon={<BookOpenIcon size={40} />}\n            topIconType=\"icon\"\n            showIcon={false}\n            onClick={() => console.log('No arrow clicked!')}\n          >\n            This card has no arrow icon in the title.\n          </InfoCard>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/infoCard/index.stories.tsx"],"sourcesContent":["import { InfoCard, InfoCardProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/InfoCard',\n  component: InfoCard,\n  argTypes: {\n    title: {\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      description: 'State that describe the interation with the card',\n    },\n    topIcon: {\n      description: 'Icon displayed on the top of the card, inside the purple circle',\n    },\n    rightIcon: {\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    dropshadow: {\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      description: 'Class name for most top parent element',\n    },\n  },\n  args: {\n    title: 'Lorem Ipsum',\n    children: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n    state: 'actionable',\n    topIcon: {\n      src: images.mortgage,\n      alt: 'Image alt'\n    },\n    rightIcon: {\n       src: images.washingMachine,\n       alt: 'Icon alt'\n    },\n    dropshadow: true,\n    className: '',\n  }\n};\n\nexport const InfoCardStory = ({\n  title,\n  dropshadow,\n  children,\n  className,\n  rightIcon,\n  state,\n  topIcon\n}: InfoCardProps) => {\n  return (\n    <InfoCard\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      rightIcon={rightIcon}\n      title={title}\n      topIcon={topIcon}\n    >\n      {children}\n    </InfoCard>\n  );\n}\n\nInfoCardStory.storyName = \"InfoCard\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iEAAiE;SAC/E;QACD,SAAS,EAAE;YACT,WAAW,EAAE,oDAAoD;SAClE;QACD,UAAU,EAAE;YACV,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,WAAW,EAAE,wCAAwC;SACtD;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,qKAAqK;QAC/K,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACP,GAAG,EAAE,MAAM,CAAC,QAAQ;YACpB,GAAG,EAAE,WAAW;SACjB;QACD,SAAS,EAAE;YACR,GAAG,EAAE,MAAM,CAAC,cAAc;YAC1B,GAAG,EAAE,UAAU;SACjB;QACD,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,EAAE;KACd;EACD;IAEW,aAAa,GAAG,UAAC,EAQd;QAPd,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,QACEA,IAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,YAEf,QAAQ,GACA,EACX;AACJ,EAAC;AAED,aAAa,CAAC,SAAS,GAAG,UAAU;;;;;"}

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

@@ -1,20 +1,19 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import '../../index-DLQEsiym.js';
 import XIcon from '../icon/icons/X.js';
-import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import 'react';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../tslib.es6-CVlKGIvp.js';
+import '../../tslib.es6-a39f91fc.js';
+import '../../index-6ea95111.js';
 
-var css_248z = ".style-module_chip__3LMgV {\n  background: var(--ds-purple-300);\n  border: 2px solid var(--ds-purple-300);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-purple-600);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  color: #B8B4F3;\n  position: relative;\n  width: 16px;\n  height: 16px;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n  color: #8883D8;\n}\n.style-module_chip-button-container__3gSRY:focus-visible {\n  outline: 2px solid var(--ds-purple-600);\n  border-radius: 2px;\n}\n\n.style-module_chip-remove-button__3LK7e {\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n  vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
-var styles = {"chip":"style-module_chip__3LMgV","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
+var css_248z = ".style-module_chip__3LMgV {\n  background: var(--ds-primary-100);\n  border: 2px solid var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  color: #b1b0f5;\n  position: relative;\n  width: 16px;\n  height: 16px;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n  color: #8e8cee;\n}\n\n.style-module_chip-remove-button__3LK7e {\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n  vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
+var styles = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
 styleInject(css_248z);
 
 var Chip = (function (_a) {
     var className = _a.className, value = _a.value, onRemove = _a.onRemove;
-    return (jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles['chip']), children: [value.leftIcon && (jsx("img", { className: "mr8 ".concat(styles['chip-image']), src: value.leftIcon, alt: value.value })), jsx("div", { className: "mr8", children: value.value }), jsx("button", { className: "c-pointer ".concat(styles['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, "aria-label": "Remove ".concat(value.value, " option"), children: jsx(XIcon, { className: styles['chip-remove-button'] }) })] }));
+    return (jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles['chip']), children: [value.leftIcon && (jsx("img", { className: "mr8 ".concat(styles['chip-image']), src: value.leftIcon, alt: value.value })), jsx("div", { className: "mr8", children: value.value }), jsx("button", { className: "c-pointer ".concat(styles['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, children: jsx(XIcon, { className: styles['chip-remove-button'] }) })] }));
 });
 
-export { Chip as default };
+export default Chip;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/chip/index.tsx"],"sourcesContent":["import { Option } from '../../models/autoSuggestInput';\nimport { XIcon } from '../icon/icons';\n\nimport styles from './style.module.scss';\n\nexport interface ChipProps {\n  value: Option;\n  onRemove: (value: Option) => void;\n  className?: string;\n}\n\nexport default ({\n  className,\n  value,\n  onRemove,\n}: ChipProps) => (\n  <div className={`p-p mr8 mb8 d-flex ${className} ${styles['chip']}`}>\n    {value.leftIcon && (\n      <img\n        className={`mr8 ${styles['chip-image']}`}\n        src={value.leftIcon}\n        alt={value.value}\n      />\n    )}\n    <div className=\"mr8\">{value.value}</div>\n    <button\n      className={`c-pointer ${styles['chip-button-container']}`}\n      type=\"button\"\n      onClick={() => onRemove(value)}\n      aria-label={`Remove ${value.value} option`}\n    >\n      <XIcon className={styles['chip-remove-button']} />\n    </button>\n  </div>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;AAWA,WAAA,CAAe,UAAC,EAIJ,EAAA;AAHV,IAAA,IAAA,SAAS,eAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA;IACO,QACfA,cAAK,SAAS,EAAE,6BAAsB,SAAS,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,MAAM,CAAC,MAAM,CAAC,CAAE,EAAA,QAAA,EAAA,CAChE,KAAK,CAAC,QAAQ,KACbC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAA,CAAA,MAAA,CAAO,MAAM,CAAC,YAAY,CAAC,CAAE,EACxC,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,KAAK,EAAA,CAChB,CACH,EACDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,KAAK,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,GAAO,EACxCA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,YAAA,CAAA,MAAA,CAAa,MAAM,CAAC,uBAAuB,CAAC,CAAE,EACzD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAA,EAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,CAAA,CAAf,CAAe,EAAA,YAAA,EAClB,SAAA,CAAA,MAAA,CAAU,KAAK,CAAC,KAAK,YAAS,EAAA,QAAA,EAE1CA,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EAAA,CAAI,EAAA,CAC3C,CAAA,EAAA,CACL;AAlBS,CAmBhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/chip/index.tsx"],"sourcesContent":["import { Option } from '../../models/autoSuggestInput';\nimport { XIcon } from '../icon/icons';\n\nimport styles from './style.module.scss';\n\nexport interface ChipProps {\n  value: Option;\n  onRemove: (value: Option) => void;\n  className?: string;\n}\n\nexport default ({\n  className,\n  value,\n  onRemove,\n}: ChipProps) => (\n  <div className={`p-p mr8 mb8 d-flex ${className} ${styles['chip']}`}>\n    {value.leftIcon && (\n      <img\n        className={`mr8 ${styles['chip-image']}`}\n        src={value.leftIcon}\n        alt={value.value}\n      />\n    )}\n    <div className=\"mr8\">{value.value}</div>\n    <button\n      className={`c-pointer ${styles['chip-button-container']}`}\n      type=\"button\"\n      onClick={() => onRemove(value)}\n    >\n      <XIcon className={styles['chip-remove-button']} />\n    </button>\n  </div>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;AAWA,YAAe,UAAC,EAIJ;QAHV,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA;IACO,QACfA,cAAK,SAAS,EAAE,6BAAsB,SAAS,cAAI,MAAM,CAAC,MAAM,CAAC,CAAE,aAChE,KAAK,CAAC,QAAQ,KACbC,aACE,SAAS,EAAE,cAAO,MAAM,CAAC,YAAY,CAAC,CAAE,EACxC,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,KAAK,GAChB,CACH,EACDA,aAAK,SAAS,EAAC,KAAK,YAAE,KAAK,CAAC,KAAK,GAAO,EACxCA,gBACE,SAAS,EAAE,oBAAa,MAAM,CAAC,uBAAuB,CAAC,CAAE,EACzD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,GAAA,YAE9BA,IAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,GAAI,GAC3C,IACL;AAjBS,CAkBhB;;;;"}

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

@@ -1,13 +1,12 @@
-import { d as __spreadArray } from '../../tslib.es6-CVlKGIvp.js';
+import { _ as __spreadArray } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
 import Chip from './index.js';
-import { f as featherLogo } from '../../feather-logo-C_EfYEK5.js';
+import { f as featherLogo } from '../../feather-logo-a3f07990.js';
 import { useState } from 'react';
-import '../../index-DLQEsiym.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
 import '../icon/icons/X.js';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-6ea95111.js';
+import '../../style-inject.es-1f59c1d0.js';
 
 var story = {
     title: 'JSX/Chip',
@@ -19,7 +18,7 @@ var story = {
         onRemove: {
             description: 'Function that is called when the remove button is clicked',
             table: {
-                category: 'Callbacks',
+                category: 'Callbacks'
             },
         },
         className: {
@@ -34,16 +33,14 @@ var story = {
         className: '',
     },
     parameters: {
-        componentSubtitle: 'Chip component displays text and image (optional) of given values.',
-    },
+        componentSubtitle: 'Chip component displays text and image (optional) of given values.'
+    }
 };
-var ChipStory = {
-    render: function (_a) {
-        var onRemove = _a.onRemove, value = _a.value, className = _a.className;
-        return (jsx(Chip, { onRemove: onRemove, value: value, className: className }));
-    },
-    name: 'Chip',
+var ChipStory = function (_a) {
+    var onRemove = _a.onRemove, value = _a.value, className = _a.className;
+    return (jsx(Chip, { onRemove: onRemove, value: value, className: className }));
 };
+ChipStory.storyName = "Chip";
 var MultipleChips = function () {
     var values = [
         { value: 'feather', leftIcon: featherLogo },
@@ -68,5 +65,6 @@ var MultipleChips = function () {
             } })); }) }));
 };
 
-export { ChipStory, MultipleChips, story as default };
+export default story;
+export { ChipStory, MultipleChips };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/chip/index.stories.tsx"],"sourcesContent":["import { on } from 'events';\nimport Chip, { ChipProps } from '.';\n\nimport featherLogo from '../cards/icons/feather-logo.svg';\nimport { useState } from 'react';\n\nconst story = {\n  title: 'JSX/Chip',\n  component: Chip,\n  argTypes: {\n    value: {\n      description: 'Value that is displayed inside the Chip',\n    },\n    onRemove: {\n      description: 'Function that is called when the remove button is clicked',\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    className: {\n      description: 'Class name for the most parent element',\n    },\n  },\n  args: {\n    value: {\n      value: 'feather3',\n      leftIcon: featherLogo,\n    },\n    className: '',\n  },\n  parameters: {\n    componentSubtitle:\n      'Chip component displays text and image (optional) of given values.',\n  },\n};\n\nexport const ChipStory = {\n  render: ({ onRemove, value, className }: ChipProps) => (\n    <Chip onRemove={onRemove} value={value} className={className} />\n  ),\n\n  name: 'Chip',\n};\n\nexport const MultipleChips = () => {\n  const values = [\n    { value: 'feather', leftIcon: featherLogo },\n    { value: 'feather2', leftIcon: featherLogo },\n    {\n      value: 'feather3',\n      leftIcon: featherLogo,\n    },\n    {\n      value: 'dirtyswan',\n      leftIcon: featherLogo,\n    },\n    {\n      value: 'test value',\n      leftIcon: featherLogo,\n    },\n  ];\n  const [selectedValues, setSelectedValues] = useState(values);\n\n  return (\n    <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n      {selectedValues.map((value) => (\n        <Chip\n          value={value}\n          onRemove={(value) => {\n            const newValues = [...selectedValues].filter(\n              (selectedValue) => selectedValue.value !== value.value\n            );\n            setSelectedValues(newValues);\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAMA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,yCAAyC;AACvD,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,2DAA2D;AACxE,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,WAAW;AACtB,aAAA;AACF,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EAAE,wCAAwC;AACtD,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,QAAQ,EAAE,WAAW;AACtB,SAAA;AACD,QAAA,SAAS,EAAE,EAAE;AACd,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,iBAAiB,EACf,oEAAoE;AACvE,KAAA;;AAGI,IAAM,SAAS,GAAG;IACvB,MAAM,EAAE,UAAC,EAAyC,EAAA;AAAvC,QAAA,IAAA,QAAQ,cAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAAkB,QAAA,QACrDA,GAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI;IADX,CAEtD;AAED,IAAA,IAAI,EAAE,MAAM;;AAGP,IAAM,aAAa,GAAG,YAAA;AAC3B,IAAA,IAAM,MAAM,GAAG;AACb,QAAA,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;AAC3C,QAAA,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;AAC5C,QAAA;AACE,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,QAAQ,EAAE,WAAW;AACtB,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,QAAQ,EAAE,WAAW;AACtB,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,YAAY;AACnB,YAAA,QAAQ,EAAE,WAAW;AACtB,SAAA;KACF;IACK,IAAA,EAAA,GAAsC,QAAQ,CAAC,MAAM,CAAC,EAArD,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAoB;AAE5D,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC9C,cAAc,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QAC7BA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,KAAK,EAAA;gBACd,IAAM,SAAS,GAAG,aAAA,CAAA,EAAA,EAAI,cAAc,QAAE,MAAM,CAC1C,UAAC,aAAa,EAAA,EAAK,OAAA,aAAa,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA,CAAnC,CAAmC,CACvD;gBACD,iBAAiB,CAAC,SAAS,CAAC;AAC9B,YAAA,CAAC,GACD,EACH,CAV8B,CAU9B,CAAC,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/chip/index.stories.tsx"],"sourcesContent":["import { on } from 'events';\nimport Chip, { ChipProps } from '.';\n\nimport featherLogo from '../cards/icons/feather-logo.svg';\nimport { useState } from 'react';\n\nconst story = {\n  title: 'JSX/Chip',\n  component: Chip,\n  argTypes: {\n    value: {\n      description: 'Value that is displayed inside the Chip',\n    },\n    onRemove: {\n      description: 'Function that is called when the remove button is clicked',\n      table: {\n        category: 'Callbacks'\n      },\n    },\n    className: {\n      description: 'Class name for the most parent element',\n    },\n  },\n  args: {\n    value: {\n      value: 'feather3',\n      leftIcon: featherLogo,\n    },\n    className: '',\n  },\n  parameters: {\n    componentSubtitle: 'Chip component displays text and image (optional) of given values.'\n  }\n};\n \nexport const ChipStory = ({\n  onRemove,\n  value,\n  className,\n}: ChipProps) => (\n  <Chip\n    onRemove={onRemove}\n    value={value}\n    className={className}\n  />\n);\n\nChipStory.storyName = \"Chip\";\n\nexport const MultipleChips = () => {\n  const values = [\n    { value: 'feather', leftIcon: featherLogo },\n    { value: 'feather2', leftIcon: featherLogo },\n    {\n      value: 'feather3',\n      leftIcon: featherLogo,\n    },\n    {\n      value: 'dirtyswan',\n      leftIcon: featherLogo,\n    },\n    {\n      value: 'test value',\n      leftIcon: featherLogo,\n    },\n  ];\n  const [selectedValues, setSelectedValues] = useState(values);\n\n  return (\n    <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n      {selectedValues.map((value) => (\n        <Chip\n          value={value}\n          onRemove={(value) => {\n            const newValues = [...selectedValues].filter(\n              (selectedValue) => selectedValue.value !== value.value\n            );\n            setSelectedValues(newValues);\n          }}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;IAMM,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,yCAAyC;SACvD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,2DAA2D;YACxE,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,wCAAwC;SACtD;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,WAAW;SACtB;QACD,SAAS,EAAE,EAAE;KACd;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,oEAAoE;KACxF;EACD;IAEW,SAAS,GAAG,UAAC,EAId;QAHV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA;IACM,QACfA,IAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB;AALa,EAMf;AAEF,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC;IAEhB,aAAa,GAAG;IAC3B,IAAM,MAAM,GAAG;QACb,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;QAC3C,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;QAC5C;YACE,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,WAAW;SACtB;QACD;YACE,KAAK,EAAE,WAAW;YAClB,QAAQ,EAAE,WAAW;SACtB;QACD;YACE,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,WAAW;SACtB;KACF,CAAC;IACI,IAAA,KAAsC,QAAQ,CAAC,MAAM,CAAC,EAArD,cAAc,QAAA,EAAE,iBAAiB,QAAoB,CAAC;IAE7D,QACEA,aAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC9C,cAAc,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QAC7BA,IAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,KAAK;gBACd,IAAM,SAAS,GAAG,kBAAI,cAAc,QAAE,MAAM,CAC1C,UAAC,aAAa,IAAK,OAAA,aAAa,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAA,CACvD,CAAC;gBACF,iBAAiB,CAAC,SAAS,CAAC,CAAC;aAC9B,GACD,IACH,CAAC,GACE,EACN;AACJ;;;;;"}

package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js

@@ -1,11 +1,10 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { A as AnimateHeight } from '../../../../index-DYcCCrfR.js';
-import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
-import { useState } from 'react';
-import '../../../../index-DLQEsiym.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
+import { A as AnimateHeight } from '../../../../index-a0ef2ab4.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import 'react';
+import '../../../../index-6ea95111.js';
 
-var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #FAF8F5;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #FCF7EF;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
+var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
 var styles = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
 styleInject(css_248z);
 
@@ -14,10 +13,14 @@ var ChevronSVG = function (_a) {
     return (jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M18 15L12 9L6 15", stroke: "#b4b4ba", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 var AccordionItem = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.headerClassName, headerClassName = _c === void 0 ? '' : _c, label = _a.label;
-    var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.headerClassName, headerClassName = _c === void 0 ? '' : _c, isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, label = _a.label;
     var handleClick = function () {
-        setIsOpen(!isOpen);
+        if (!isOpen) {
+            onOpen();
+        }
+        else {
+            onClose();
+        }
     };
     return (jsxs("section", { className: "d-flex fd-column ".concat(styles.container, " ").concat(className), children: [jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsx("div", { className: "d-flex ai-center ".concat(styles.iconAndTextContainer), children: typeof label === 'string' ? (jsx("h4", { className: "p-h4", children: label })) : (jsx(Fragment, { children: label })) }), jsx(ChevronSVG, { className: "".concat(styles.chevron, " ").concat(!isOpen && styles.chevronClosed) })] }), jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, children: children })] }));
 };

package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import AnimateHeight from 'react-animate-height';\n\nimport styles from './AccordionItem.module.scss';\nimport { useState } from 'react';\n\nconst ChevronSVG = ({ className }: { className?: string }) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M18 15L12 9L6 15\"\n      stroke=\"#b4b4ba\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionItem = ({\n  children,\n  className = '',\n  headerClassName = '',\n  label,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  label: React.ReactNode;\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const handleClick = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <section className={`d-flex fd-column ${styles.container} ${className}`}>\n      <button\n        className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        <div className={`d-flex ai-center ${styles.iconAndTextContainer}`}>\n          {typeof label === 'string' ? (\n            <h4 className=\"p-h4\">{label}</h4>\n          ) : (\n            <>{label}</>\n          )}\n        </div>\n        <ChevronSVG\n          className={`${styles.chevron} ${!isOpen && styles.chevronClosed}`}\n        />\n      </button>\n      {/* Min height is 0.1 so that the scroll position is correctly synced across accordion items but is not actually shown.\n      If set to 0, react-animate-height will set display to \"none\" which means scrolling is not synced. */}\n      <AnimateHeight duration={300} height={isOpen ? 'auto' : 0.1}>\n        {children}\n      </AnimateHeight>\n    </section>\n  );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;AAKA,IAAM,UAAU,GAAG,UAAC,EAAqC,EAAA;AAAnC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;IAA+B,QAC5DA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAEpBA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,EAAA,CACE;AAhBsD,CAiB7D;AAEM,IAAM,aAAa,GAAG,UAAC,EAU7B,EAAA;AATC,IAAA,IAAA,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,mBAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,eAAoB,EAApB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACpB,KAAK,GAAA,EAAA,CAAA,KAAA;IAOC,IAAA,EAAA,GAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAmB;AAC3C,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,SAAS,CAAC,CAAC,MAAM,CAAC;AACpB,IAAA,CAAC;IAED,QACEC,IAAA,CAAA,SAAA,EAAA,EAAS,SAAS,EAAE,mBAAA,CAAA,MAAA,CAAoB,MAAM,CAAC,SAAS,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,SAAS,CAAE,EAAA,QAAA,EAAA,CACrEA,iBACE,SAAS,EAAE,8BAAA,CAAA,MAAA,CAA+B,MAAM,CAAC,YAAY,cAAI,eAAe,CAAE,EAClF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEbD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,mBAAA,CAAA,MAAA,CAAoB,MAAM,CAAC,oBAAoB,CAAE,EAAA,QAAA,EAC9D,OAAO,KAAK,KAAK,QAAQ,IACxBA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,KAAK,GAAM,KAEjCA,GAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAG,KAAK,EAAA,CAAI,CACb,EAAA,CACG,EACNF,GAAA,CAAC,UAAU,IACT,SAAS,EAAE,EAAA,CAAA,MAAA,CAAG,MAAM,CAAC,OAAO,cAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAE,EAAA,CACjE,CAAA,EAAA,CACK,EAGTA,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAA,QAAA,EACxD,QAAQ,EAAA,CACK,CAAA,EAAA,CACR;AAEd;;;;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import AnimateHeight from 'react-animate-height';\n\nimport styles from './AccordionItem.module.scss';\n\nconst ChevronSVG = ({ className }: { className?: string }) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M18 15L12 9L6 15\"\n      stroke=\"#b4b4ba\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const AccordionItem = ({\n  children,\n  className = '',\n  headerClassName = '',\n  isOpen,\n  onOpen,\n  onClose,\n  label,\n}: {\n  children: React.ReactNode | string;\n  className?: string;\n  headerClassName?: string;\n  isOpen: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  label: React.ReactNode;\n}) => {\n  const handleClick = () => {\n    if (!isOpen) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return (\n    <section className={`d-flex fd-column ${styles.container} ${className}`}>\n      <button\n        className={`d-flex ai-center jc-between ${styles.headerButton} ${headerClassName}`}\n        onClick={handleClick}\n        type=\"button\"\n      >\n        <div className={`d-flex ai-center ${styles.iconAndTextContainer}`}>\n          {typeof label === 'string' ? (\n            <h4 className=\"p-h4\">{label}</h4>\n          ) : (\n            <>{label}</>\n          )}\n        </div>\n        <ChevronSVG\n          className={`${styles.chevron} ${!isOpen && styles.chevronClosed}`}\n        />\n      </button>\n      {/* Min height is 0.1 so that the scroll position is correctly synced across accordion items but is not actually shown.\n      If set to 0, react-animate-height will set display to \"none\" which means scrolling is not synced. */}\n      <AnimateHeight duration={300} height={isOpen ? 'auto' : 0.1}>\n        {children}\n      </AnimateHeight>\n    </section>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAIA,IAAM,UAAU,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC5DA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE;AAhBsD,CAiB7D,CAAC;IAEW,aAAa,GAAG,UAAC,EAgB7B;QAfC,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA;IAUL,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,EAAE,CAAC;SACV;aAAM;YACL,OAAO,EAAE,CAAC;SACX;KACF,CAAC;IAEF,QACEC,kBAAS,SAAS,EAAE,2BAAoB,MAAM,CAAC,SAAS,cAAI,SAAS,CAAE,aACrEA,iBACE,SAAS,EAAE,sCAA+B,MAAM,CAAC,YAAY,cAAI,eAAe,CAAE,EAClF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,aAEbD,aAAK,SAAS,EAAE,2BAAoB,MAAM,CAAC,oBAAoB,CAAE,YAC9D,OAAO,KAAK,KAAK,QAAQ,IACxBA,YAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,KAEjCA,0BAAG,KAAK,GAAI,CACb,GACG,EACNA,IAAC,UAAU,IACT,SAAS,EAAE,UAAG,MAAM,CAAC,OAAO,cAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAE,GACjE,IACK,EAGTA,IAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,YACxD,QAAQ,GACK,IACR,EACV;AACJ;;;;"}

package/dist/esm/components/comparisonTable/components/AccordionItem/index.js

@@ -1,8 +1,7 @@
 export { AccordionItem } from './AccordionItem.js';
 import 'react/jsx-runtime';
-import '../../../../index-DYcCCrfR.js';
+import '../../../../index-a0ef2ab4.js';
 import 'react';
-import '../../../../index-DLQEsiym.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../index-6ea95111.js';
+import '../../../../style-inject.es-1f59c1d0.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/AccordionItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/esm/components/comparisonTable/components/Chevron.js

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 
 var Chevron = function (_a) {
     var className = _a.className;
-    return (jsx("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#26262e", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    return (jsx("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-export { Chevron as default };
+export default Chevron;
 //# sourceMappingURL=Chevron.js.map

package/dist/esm/components/comparisonTable/components/Chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.js","sources":["../../../../../../src/lib/components/comparisonTable/components/Chevron.tsx"],"sourcesContent":["const Chevron = ({ className }: { className?: string }) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M15 12.5l-5-5-5 5\"\n      stroke=\"#26262e\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default Chevron;\n"],"names":["_jsx"],"mappings":";;AAAA,IAAM,OAAO,GAAG,UAAC,EAAqC,EAAA;AAAnC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;IAA+B,QACzDA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAEpBA,cACE,CAAC,EAAC,mBAAmB,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,GACE;AAfmD;;;;"}
+{"version":3,"file":"Chevron.js","sources":["../../../../../../src/lib/components/comparisonTable/components/Chevron.tsx"],"sourcesContent":["const Chevron = ({ className }: { className?: string }) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M15 12.5l-5-5-5 5\"\n      stroke=\"#8E8CEE\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default Chevron;\n"],"names":["_jsx"],"mappings":";;IAAM,OAAO,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QACzDA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,mBAAmB,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE;AAfmD;;;;"}

package/dist/esm/components/comparisonTable/components/Row/index.js

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
-import { c as classNames } from '../../../../index-DLQEsiym.js';
-import '../../../../_commonjsHelpers-BFTU3MAI.js';
+import require$$0__default from 'react';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../../../index-6ea95111.js';
 
-var css_248z = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 0;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:first-child {\n    padding: 16px 8px 16px 16px;\n  }\n}\n.style-module_cell__1NoZ6 {\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n  .style-module_cell__1NoZ6 {\n    padding: 24px 8px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, var(--tableWidth) / 2);\n  max-width: min(var(--firstColumnWidth, 212px), var(--tableWidth) / 2);\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n  line-height: 38px;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #f9f9fd;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
+var css_248z = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
 var styles = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
 styleInject(css_248z);
 
@@ -36,7 +35,7 @@ var Row = function (props) {
                             : "".concat(item[cell.key]) }, "".concat(rowId, "-").concat(item.id)));
                 })] }, rowId));
 };
-var Row$1 = React__default.memo(Row);
+var Row$1 = require$$0__default.memo(Row);
 
-export { Row$1 as default };
+export default Row$1;
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/Row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface RowProps<T> {\n  cell: Cell<T>;\n  data: Array<T>;\n  isRowHeader?: boolean;\n  rowId: string;\n  cellClassName?: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n  const { cell, data, isRowHeader, rowId, cellClassName } = props;\n\n  return (\n    <div\n      key={rowId}\n      className={classNames('d-flex w-100', {\n        [styles.header]: isRowHeader,\n      })}\n    >\n      <h4\n        className={classNames(\n          styles.cell,\n          styles.sticky,\n          {\n            [`p-h2 p--serif ${styles.title}`]: isRowHeader,\n            [styles.addon]: typeof cell.key === 'undefined',\n          },\n          cellClassName\n        )}\n      >\n        {cell.label}\n      </h4>\n\n      {Array.isArray(data) &&\n        data.map((item) => {\n          /**\n           * Do not render a cell if\n           * the data source object doesn't have the current key\n           */\n          if (typeof cell.key === 'undefined') return null;\n          if (typeof item[cell.key] === 'undefined') return null;\n\n          return (\n            <div\n              className={classNames('ta-center', styles.cell, cellClassName)}\n              key={`${rowId}-${item.id}`}\n            >\n              {\n                /**\n                 * Return a function if `render` option is present\n                 * else print the current data source value\n                 */\n                typeof cell.render === 'function'\n                  ? cell.render(item[cell.key], item)\n                  : `${item[cell.key]}`\n              }\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;;AAcA,IAAM,GAAG,GAAG,UAA2B,KAAkB,EAAA;;IAC/C,IAAA,IAAI,GAA8C,KAAK,CAAA,IAAnD,EAAE,IAAI,GAAwC,KAAK,CAAA,IAA7C,EAAE,WAAW,GAA2B,KAAK,CAAA,WAAhC,EAAE,KAAK,GAAoB,KAAK,CAAA,KAAzB,EAAE,aAAa,GAAK,KAAK,CAAA,aAAV;AAErD,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAE,UAAU,CAAC,cAAc,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,WAAW;gBAC5B,EAAA,QAAA,EAAA,CAEFC,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;AAEX,oBAAA,EAAA,CAAC,wBAAiB,MAAM,CAAC,KAAK,CAAE,IAAG,WAAW;oBAC9C,EAAA,CAAC,MAAM,CAAC,KAAK,CAAA,GAAG,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;AAEjD,oBAAA,EAAA,GAAA,aAAa,CACd,EAAA,QAAA,EAEA,IAAI,CAAC,KAAK,EAAA,CACR,EAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAClB,gBAAA,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAA;AACZ;;;AAGG;AACH,oBAAA,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;AAAE,wBAAA,OAAO,IAAI;oBAChD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;AAAE,wBAAA,OAAO,IAAI;AAEtD,oBAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,EAAA,QAAA;AAI5D;;;AAGG;AACH,wBAAA,OAAO,IAAI,CAAC,MAAM,KAAK;AACrB,8BAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI;AAClC,8BAAE,EAAA,CAAA,MAAA,CAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,IATpB,EAAA,CAAA,MAAA,CAAG,KAAK,cAAI,IAAI,CAAC,EAAE,CAAE,CAWtB;AAEV,gBAAA,CAAC,CAAC,CAAA,EAAA,EA5CC,KAAK,CA6CN;AAEV,CAAC;AAED,YAAeC,cAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\ninterface RowProps<T> {\n  cell: Cell<T>;\n  data: Array<T>;\n  isRowHeader?: boolean;\n  rowId: string;\n  cellClassName?: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n  const { cell, data, isRowHeader, rowId, cellClassName } = props;\n\n  return (\n    <div\n      key={rowId}\n      className={classNames('d-flex w-100', {\n        [styles.header]: isRowHeader,\n      })}\n    >\n      <h4\n        className={classNames(\n          styles.cell,\n          styles.sticky,\n          {\n            [`p-h2 p--serif ${styles.title}`]: isRowHeader,\n            [styles.addon]: typeof cell.key === 'undefined',\n          },\n          cellClassName\n        )}\n      >\n        {cell.label}\n      </h4>\n\n      {Array.isArray(data) &&\n        data.map((item) => {\n          /**\n           * Do not render a cell if\n           * the data source object doesn't have the current key\n           */\n          if (typeof cell.key === 'undefined') return null;\n          if (typeof item[cell.key] === 'undefined') return null;\n\n          return (\n            <div\n              className={classNames('ta-center', styles.cell, cellClassName)}\n              key={`${rowId}-${item.id}`}\n            >\n              {\n                /**\n                 * Return a function if `render` option is present\n                 * else print the current data source value\n                 */\n                typeof cell.render === 'function'\n                  ? cell.render(item[cell.key], item)\n                  : `${item[cell.key]}`\n              }\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;AAcA,IAAM,GAAG,GAAG,UAA2B,KAAkB;;IAC/C,IAAA,IAAI,GAA8C,KAAK,KAAnD,EAAE,IAAI,GAAwC,KAAK,KAA7C,EAAE,WAAW,GAA2B,KAAK,YAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAW;IAEhE,QACEA,cAEE,SAAS,EAAE,UAAU,CAAC,cAAc;YAClC,GAAC,MAAM,CAAC,MAAM,IAAG,WAAW;gBAC5B,aAEFC,YACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM;oBAEX,GAAC,wBAAiB,MAAM,CAAC,KAAK,CAAE,IAAG,WAAW;oBAC9C,GAAC,MAAM,CAAC,KAAK,IAAG,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;yBAEjD,aAAa,CACd,YAEA,IAAI,CAAC,KAAK,GACR,EAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;;;;oBAKZ,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBACjD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBAEvD,QACEA,aACE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC;;;;;wBAQ5D,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,UAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,IATpB,UAAG,KAAK,cAAI,IAAI,CAAC,EAAE,CAAE,CAWtB,EACN;iBACH,CAAC,KA5CC,KAAK,CA6CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,mBAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}

package/dist/esm/components/comparisonTable/components/TableArrows/Arrow.js

@@ -5,5 +5,5 @@ var ArrowIcon = function (_a) {
     return (jsx("svg", { width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-export { ArrowIcon as default };
+export default ArrowIcon;
 //# sourceMappingURL=Arrow.js.map

package/dist/esm/components/comparisonTable/components/TableArrows/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/Arrow.tsx"],"sourcesContent":["const ArrowIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"14\"\n    height=\"8\"\n    viewBox=\"0 0 14 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M1 1.00003L7 7.00003L13 1.00003\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default ArrowIcon;\n"],"names":["_jsx"],"mappings":";;AAAA,IAAM,SAAS,GAAG,UAAC,EAAqC,EAAA;AAAnC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;IAA+B,QAC3DA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,iCAAiC,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,GACE;AAfqD;;;;"}
+{"version":3,"file":"Arrow.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/Arrow.tsx"],"sourcesContent":["const ArrowIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"14\"\n    height=\"8\"\n    viewBox=\"0 0 14 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M1 1.00003L7 7.00003L13 1.00003\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default ArrowIcon;\n"],"names":["_jsx"],"mappings":";;IAAM,SAAS,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC3DA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,iCAAiC,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE;AAfqD;;;;"}