@popsure/dirty-swan 0.59.0-alpha → 0.59.0-beta-2

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

@@ -1,14 +1,16 @@
-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 { a as __assign } from '../../../tslib.es6-a39f91fc.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { InfoCard } from './index.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 'react';
 import '../../icon/IconWrapper/IconWrapper.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',
@@ -16,49 +18,60 @@ 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',
-        },
-        state: {
-            description: 'State that describe the interation with the card',
+            control: 'text',
         },
         topIcon: {
-            description: 'Icon displayed on the top of the card, inside the circle',
+            description: 'Icon displayed on the top of the card',
         },
-        rightIcon: {
-            description: 'Icon displayed on the top right corner of the card',
+        topIconType: {
+            description: 'Type of top icon display',
+            control: 'select',
+            options: ['icon', 'image', 'banner'],
         },
-        dropshadow: {
-            description: 'If the card should have a box-shadow or not',
+        showIcon: {
+            description: 'Whether to show the arrow icon in the title',
+            control: 'boolean',
+        },
+        disabled: {
+            description: 'Whether the card is disabled',
+            control: 'boolean',
+        },
+        onClick: {
+            description: 'Click handler for the card',
         },
         className: {
             description: 'Class name for most top parent element',
+            control: 'text',
         },
     },
     args: {
-        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,
+        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: 'icon',
+        showIcon: true,
+        disabled: false,
         className: '',
     }
 };
-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 }));
+var InfoCardStory = 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 })) }) }));
+};
+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: 'icon', 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: 'icon', 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: 'icon', onClick: function () { return console.log('Star clicked!'); }, children: "Unlock advanced features with premium." })] })] }) }));
+};
+var TopIconTypes = 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: "Icon Type" }), jsx(InfoCard, { title: 'Help Center', topIcon: jsx(BookOpenIcon, { size: 40 }), topIconType: 'icon', onClick: function () { return console.log('Icon type clicked!'); }, children: "Icon is displayed in a circular background." })] }), jsxs("div", { className: 'wmx4', 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: 'wmx4', 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." })] })] }) }));
 };
 InfoCardStory.storyName = "InfoCard";
 
 export default story;
-export { InfoCardStory };
+export { IconTypes, InfoCardStory, States, TopIconTypes };
 //# 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';\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 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,0DAA0D;SACxE;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;;;;;"}
+{"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: 'Find the answers you\\'re looking for in our comprehensive, fact-checked library of articles and resources.',\n    topIcon: <BookOpenIcon size={40} />,\n    topIconType: 'icon',\n    showIcon: true,\n    disabled: false,\n    className: '',\n  }\n};\n\nexport const InfoCardStory = (args: InfoCardProps) => {\n  return (\n    <div className='bg-neutral-50 p32'>\n      <div className='wmx4'>\n        <InfoCard\n          {...args}\n          onClick={() => console.log('InfoCard clicked!')}\n        >\n          {args.children}\n        </InfoCard>\n      </div>\n    </div>\n  );\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='icon'\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='icon'\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='icon'\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'>\n      <div className='d-flex gap32 flex-wrap'>\n        <div className='wmx4'>\n          <div className='mb16 fw-bold'>Icon Type</div>\n          <InfoCard\n            title='Help Center'\n            topIcon={<BookOpenIcon size={40} />}\n            topIconType='icon'\n            onClick={() => console.log('Icon type clicked!')}\n          >\n            Icon is displayed in a circular background.\n          </InfoCard>\n        </div>\n        <div className='wmx4'>\n          <div className='mb16 fw-bold'>Image Type</div>\n          <InfoCard\n            title='Image Gallery'\n            topIcon={<img src=\"https://placehold.co/80x80\" alt=\"Image\" style={{borderRadius: '8px'}} />}\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='wmx4'>\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\nInfoCardStory.storyName = \"InfoCard\";\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ 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: #f9f9fd;\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: #E8E7FE;\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: #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 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);
 

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

@@ -2,7 +2,7 @@ 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: "#8E8CEE", 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: "#26262e", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
 export default Chevron;

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=\"#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;;;;"}
+{"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":";;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

@@ -3,7 +3,7 @@ import React__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  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  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8883D8;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\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  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 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);
 

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

@@ -3,7 +3,7 @@ import { c as classNames } from '../../../../index-6ea95111.js';
 import ArrowIcon from './Arrow.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #E8E7FE;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f7f7fd;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8883D8;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f7f7fd;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\n}";
+var css_248z = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: stretch;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 56px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 8px;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #b8b8c0;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f7f7fd;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #26262e;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f7f7fd;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  visibility: hidden;\n  pointer-events: none;\n}";
 var styles = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
 styleInject(css_248z);
 

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

@@ -1,18 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
-import Info from '../../../icon/icons/Info.js';
+import InfoIcon from '../../../icon/icons/Info.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 import 'react';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../../tslib.es6-a39f91fc.js';
 import '../../../../index-6ea95111.js';
 
-var css_248z = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #F6F6FE;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #B8B4F3;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d9;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8883D8;\n}";
+var css_248z = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: transparent;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #919199;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d9;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #26262e;\n}";
 var styles = {"button":"style-module_button__3TkNT"};
 styleInject(css_248z);
 
 var TableInfoButton = function (_a) {
     var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsx("button", { className: "p-btn--secondary ".concat(styles.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, "aria-label": "View more information", title: "View more information", children: jsx(Info, { size: 20 }) }));
+    return (jsx("button", { className: "p-btn--secondary ".concat(styles.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, "aria-label": "View more information", title: "View more information", children: jsx(InfoIcon, { size: 20 }) }));
 };
 
 export default TableInfoButton;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import Info from '../../../icon/icons/Info';\nimport styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <button\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    type=\"button\"\n    data-testid=\"ds-table-info-button\"\n    onClick={onClick}\n    aria-label=\"View more information\"\n    title=\"View more information\"\n  >\n    <Info size={20} />\n  </button>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;IAGM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,gBACE,SAAS,EAAE,2BAAoB,MAAM,CAAC,MAAM,cAAI,SAAS,CAAE,EAC3D,IAAI,EAAC,QAAQ,iBACD,sBAAsB,EAClC,OAAO,EAAE,OAAO,gBACL,uBAAuB,EAClC,KAAK,EAAC,uBAAuB,YAE7BA,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX;AAVL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import { InfoIcon } from '../../../icon';\nimport styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <button\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    type=\"button\"\n    data-testid=\"ds-table-info-button\"\n    onClick={onClick}\n    aria-label=\"View more information\"\n    title=\"View more information\"\n  >\n    <InfoIcon size={20} />\n  </button>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;IAGM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,gBACE,SAAS,EAAE,2BAAoB,MAAM,CAAC,MAAM,cAAI,SAAS,CAAE,EAC3D,IAAI,EAAC,QAAQ,iBACD,sBAAsB,EAClC,OAAO,EAAE,OAAO,gBACL,uBAAuB,EAClC,KAAK,EAAC,uBAAuB,YAE7BA,IAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACf;AAVL;;;;"}

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

@@ -4,7 +4,7 @@ import StarIcon from './StarIcon.js';
 import ZapIcon from './ZapIcon.js';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #8883D8;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #f7f7fd;\n}";
+var css_248z = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #26262e;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #d2d2d9;\n}";
 var styles = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
 styleInject(css_248z);
 

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

@@ -3,9 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 var TableTrueFalse = function (_a) {
     var value = _a.value, _b = _a.className, className = _b === void 0 ? '' : _b;
     if (value) {
-        return (jsx("svg", { width: "18", height: "13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M15.667 1.833L6.5 11 2.333 6.833", stroke: "#8E8CEE", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+        return (jsx("svg", { width: "18", height: "13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M15.667 1.833L6.5 11 2.333 6.833", stroke: "#26262e", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
     }
-    return (jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#D2D2D8" }) }));
+    return (jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#d2d2d9" }) }));
 };
 
 export default TableTrueFalse;

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

@@ -1 +1 @@
-{"version":3,"file":"TableTrueFalse.js","sources":["../../../../../../src/lib/components/comparisonTable/components/TableTrueFalse.tsx"],"sourcesContent":["const TableTrueFalse = ({\n  value,\n  className = '',\n}: {\n  value: boolean;\n  className?: string;\n}) => {\n  if (value) {\n    return (\n      <svg\n        width=\"18\"\n        height=\"13\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <path\n          d=\"M15.667 1.833L6.5 11 2.333 6.833\"\n          stroke=\"#8E8CEE\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width=\"12\" height=\"12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z\"\n        fill=\"#D2D2D8\"\n      />\n    </svg>\n  );\n};\n\nexport default TableTrueFalse;\n"],"names":["_jsx"],"mappings":";;IAAM,cAAc,GAAG,UAAC,EAMvB;QALC,KAAK,WAAA,EACL,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAKd,IAAI,KAAK,EAAE;QACT,QACEA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN;KACH;IAED,QACEA,aAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YACxEA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4KAA4K,EAC9K,IAAI,EAAC,SAAS,GACd,GACE,EACN;AACJ;;;;"}
+{"version":3,"file":"TableTrueFalse.js","sources":["../../../../../../src/lib/components/comparisonTable/components/TableTrueFalse.tsx"],"sourcesContent":["const TableTrueFalse = ({\n  value,\n  className = '',\n}: {\n  value: boolean;\n  className?: string;\n}) => {\n  if (value) {\n    return (\n      <svg\n        width=\"18\"\n        height=\"13\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <path\n          d=\"M15.667 1.833L6.5 11 2.333 6.833\"\n          stroke=\"#26262e\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width=\"12\" height=\"12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z\"\n        fill=\"#d2d2d9\"\n      />\n    </svg>\n  );\n};\n\nexport default TableTrueFalse;\n"],"names":["_jsx"],"mappings":";;IAAM,cAAc,GAAG,UAAC,EAMvB;QALC,KAAK,WAAA,EACL,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAKd,IAAI,KAAK,EAAE;QACT,QACEA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN;KACH;IAED,QACEA,aAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YACxEA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4KAA4K,EAC9K,IAAI,EAAC,SAAS,GACd,GACE,EACN;AACJ;;;;"}

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

@@ -138,7 +138,7 @@ var useComparisonTable = function (_a) {
     };
 };
 
-var css_248z = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #f9f9fd;\n  border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #f9f9fd;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #f9f9fd;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
+var css_248z = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #FAF8F5;\n  border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #f9f9fd;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #FAF8F5;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n.style-module_show-details-button__3HR-p:hover {\n  background-color: #FCF7EF;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
 var baseStyles = {"container":"style-module_container__xHPlk","noScrollBars":"style-module_noScrollBars__1ri_E","noScrollBarsMobile":"style-module_noScrollBarsMobile__1txeg","section":"style-module_section__1bf_0","overflow-container":"style-module_overflow-container__oBPQw","group-container":"style-module_group-container__2G6Ix","group-title":"style-module_group-title__2vvRm","sticky":"style-module_sticky__2Xmbl","header":"style-module_header__23SZy","show-details-container":"style-module_show-details-container__1smn4","show-details-button":"style-module_show-details-button__3HR-p","icon-inverted":"style-module_icon-inverted__1SnO1"};
 styleInject(css_248z);
 
@@ -181,7 +181,7 @@ var ComparisonTable = function (props) {
                                                              * Print a table subheader if the `label` value is present
                                                              */
                                                             headerGroup.label && !collapsibleSections && (jsx("div", { className: baseStyles['group-title'], children: jsx("h4", { className: "p-h4 ".concat(baseStyles.sticky), children: headerGroup.label }) })), content] }) }) }) }) }, idString)) }, idString));
-                            }), hideDetails && (jsx("div", { className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsx("div", { children: jsxs("button", { className: classNames('w100 d-flex p-a p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
+                            }), hideDetails && (jsx("div", { className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsx("div", { children: jsxs("button", { className: classNames('w100 d-flex p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
 };
 
 export { ComparisonTable };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/comparisonTable/hooks/useComparisonTable.ts","../../../../../src/lib/components/comparisonTable/index.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport generateId from '../../../util/generateId';\nimport { ArrowValues } from '../components/TableArrows';\n\nexport const useComparisonTable = ({\n  onSelectionChanged,\n}: {\n  onSelectionChanged?: (selectedIndex: number) => void;\n}) => {\n  const [showMore, setShowMore] = useState<boolean>(false);\n  const [headerWidth, setHeaderWidth] = useState(1400);\n  const [selectedTabIndex, setSelectedTabIndex] = useState(0);\n  const [selectedSection, setSelectedSection] = useState('');\n  const [headerId, setHeaderId] = useState('');\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const contentContainerRef = useRef<HTMLDivElement | null>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const headerRefCallbackRef = useCallback((node) => {\n    if (node) {\n      setHeaderWidth(node.clientWidth);\n    }\n\n    headerRef.current = node;\n  }, []);\n\n  useEffect(() => {\n    if (!observerRef.current) {\n      observerRef.current = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const currentTabIndex = Math.round(\n            entry.target.scrollLeft / entry.contentRect.width\n          );\n\n          setHeaderWidth(entry.contentRect.width);\n\n          // Update selectedTabIndex to match the calculated current tab index\n          setSelectedTabIndex(currentTabIndex);\n        });\n      });\n    }\n\n    if (headerRef.current) {\n      observerRef.current.observe(headerRef.current);\n    }\n\n    return () => {\n      if (headerRef.current) {\n        observerRef.current?.unobserve(headerRef.current);\n      }\n      observerRef.current?.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    const resetHeaderWidth = () => {\n      if (headerRef.current) {\n        setHeaderWidth(headerRef.current.clientWidth);\n      }\n    };\n\n    window.addEventListener('resize', resetHeaderWidth);\n\n    return () => window.removeEventListener('resize', resetHeaderWidth);\n  }, []);\n\n  const handleTableScroll = () => {\n    if (!headerRef.current) {\n      return;\n    }\n\n    const headerWidth = headerRef.current.getBoundingClientRect().width;\n\n    const currentTabIndex = Math.round(\n      headerRef.current.scrollLeft / headerWidth\n    );\n\n    setSelectedTabIndex(currentTabIndex);\n  };\n\n  const debouncedTableScroll = debounce(handleTableScroll, 150);\n\n  useEffect(() => {\n    headerRef.current?.addEventListener('scroll', debouncedTableScroll, {\n      passive: true,\n    });\n\n    return headerRef.current?.removeEventListener('scroll', handleTableScroll);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleArrowsClick = (value: ArrowValues) => {\n    if (headerRef.current) {\n      const currentTabIndex = Math.round(\n        headerRef.current.scrollLeft / headerRef.current.clientWidth\n      );\n\n      const direction = value === 'next' ? 1 : -1;\n\n      const newTabIndex = currentTabIndex + direction;\n\n      headerRef.current.scroll({\n        top: 0,\n        left: headerWidth * newTabIndex,\n        behavior: 'smooth',\n      });\n\n      setSelectedTabIndex(() => {\n        return newTabIndex;\n      });\n    }\n  };\n\n  const toggleMoreRows = async () => {\n    setShowMore(!showMore);\n  };\n\n  useEffect(() => {\n    if (headerRef.current) {\n      return;\n    }\n\n    const headerById = document.getElementById(headerId);\n\n    if (headerById) {\n      headerRefCallbackRef(headerById);\n    }\n  }, [headerId, headerRefCallbackRef]);\n\n  useEffect(() => {\n    setHeaderId(generateId());\n  }, []);\n\n  useEffect(() => {\n    onSelectionChanged?.(selectedTabIndex);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedTabIndex]);\n\n  return {\n    headerWidth,\n    headerId,\n    contentContainerRef,\n    selectedSection,\n    setSelectedSection,\n    selectedTabIndex,\n    setSelectedTabIndex,\n    headerRefCallbackRef,\n    handleArrowsClick,\n    toggleMoreRows,\n    showMore,\n  };\n};\n","import classNames from 'classnames';\nimport { Fragment } from 'react';\nimport { ScrollSync, ScrollSyncPane } from 'react-scroll-sync';\n\nimport { AccordionItem } from './components/AccordionItem';\nimport Chevron from './components/Chevron';\nimport Row from './components/Row';\nimport TableArrows from './components/TableArrows';\nimport TableButton from './components/TableButton';\nimport TableInfoButton from './components/TableInfoButton';\nimport TableRating from './components/TableRating';\nimport TableRowHeader from './components/TableRowHeader';\nimport TableTrueFalse from './components/TableTrueFalse';\nimport { useComparisonTable } from './hooks/useComparisonTable';\nimport baseStyles from './style.module.scss';\n\nexport interface CellBaseProps<T> {\n  /** Used to display the row's title */\n  label?: React.ReactNode;\n  /**\n   *\n   * @param value The current data value\n   * @param element The complete data object\n   */\n  render?: (value: any, element: T) => React.ReactNode; // TODO: add typing to value param\n}\n\ninterface CellWithId<T> extends CellBaseProps<T> {\n  /** Used when adding component add-ons */\n  addonId: string | number;\n}\n\nexport type Cell<T> =\n  | ({ key: Extract<keyof T, string> } & CellBaseProps<T>)\n  | ({ key?: undefined } & CellWithId<T>);\n\nexport interface TableHeader<T> {\n  /** Required unique id number for each table group */\n  id: number;\n  /** Used to display a table group subheader */\n  label?: React.ReactNode;\n  cells: Array<Cell<T>>;\n  default?: boolean;\n}\n\nexport interface ComparisonTableProps<T> {\n  headers: Array<TableHeader<T>>;\n  data: Array<T>;\n  hideDetails?: boolean;\n  hideDetailsCaption?: string;\n  showDetailsCaption?: string;\n  hideScrollBars?: boolean;\n  hideScrollBarsMobile?: boolean;\n  collapsibleSections?: boolean;\n  cellWidth?: number;\n  firstColumnWidth?: number;\n  stickyHeaderTopOffset?: number;\n  growContent?: boolean;\n  classNameOverrides?: ClassNameOverrides;\n  onSelectionChanged?: (selectedIndex: number) => void;\n}\n\nexport interface ClassNameOverrides {\n  header?: string;\n  container?: string;\n  cell?: string;\n  headerCell?: string;\n  collapsibleSection?: string;\n  section?: string;\n  hideDetailsButton?: string;\n}\n\nconst ComparisonTable = <T extends { id: number }>(\n  props: ComparisonTableProps<T>\n) => {\n  const {\n    headers,\n    data,\n    hideDetails,\n    hideDetailsCaption = 'Hide details',\n    showDetailsCaption = 'Show details',\n    classNameOverrides,\n    hideScrollBars,\n    hideScrollBarsMobile = true,\n    collapsibleSections,\n    cellWidth,\n    firstColumnWidth,\n    stickyHeaderTopOffset,\n    growContent,\n    onSelectionChanged,\n  } = props;\n\n  const {\n    headerWidth,\n    headerId,\n    contentContainerRef,\n    selectedSection,\n    setSelectedSection,\n    selectedTabIndex,\n    headerRefCallbackRef,\n    handleArrowsClick,\n    toggleMoreRows,\n    showMore,\n  } = useComparisonTable({ onSelectionChanged });\n\n  const cssVariablesStyle = {\n    '--tableWidth': `${headerWidth}px`,\n    ...(cellWidth ? { '--cellWidth': `${cellWidth}px` } : {}),\n    ...(firstColumnWidth\n      ? { '--firstColumnWidth': `${firstColumnWidth}px` }\n      : {}),\n    ...(stickyHeaderTopOffset\n      ? { '--stickyHeaderTopOffset': `${stickyHeaderTopOffset}px` }\n      : {}),\n    ...(growContent ? { '--growContent': '100%' } : {}),\n  } as React.CSSProperties;\n\n  return (\n    <ScrollSync onSync={headerRefCallbackRef}>\n      <div\n        style={cssVariablesStyle}\n        className={classNames({\n          [baseStyles.noScrollBars]: hideScrollBars,\n          [baseStyles.noScrollBarsMobile]: hideScrollBarsMobile,\n        })}\n      >\n        <div\n          id={headerId}\n          className={classNames(baseStyles.header, classNameOverrides?.header)}\n        >\n          <ScrollSyncPane>\n            <div className={classNames(baseStyles.container)}>\n              <div className={classNames(baseStyles['overflow-container'])}>\n                <div className={baseStyles['group-container']}>\n                  <TableArrows\n                    onClick={handleArrowsClick}\n                    active={{\n                      left: selectedTabIndex > 0,\n                      right: selectedTabIndex < data.length - 1,\n                    }}\n                  />\n                  <Row<T>\n                    key=\"table-header-row\"\n                    rowId=\"table-header-row\"\n                    cell={headers[0].cells[0]}\n                    data={data}\n                    isRowHeader\n                    cellClassName={classNameOverrides?.headerCell}\n                  />\n                </div>\n              </div>\n            </div>\n          </ScrollSyncPane>\n        </div>\n        <div ref={contentContainerRef}>\n          {Array.isArray(headers) &&\n            headers\n              .filter(\n                (headerGroup) => !hideDetails || showMore || headerGroup.default\n              )\n              .map((headerGroup, headerGroupIndex) => {\n                const content = headerGroup.cells?.map((cell, index) => {\n                  const rowId = `${headerGroup.id}-${\n                    cell.key ?? 'addon'\n                  }-${index}`;\n\n                  /** Do not render the first row */\n                  if (index === 0 && headerGroupIndex === 0) return null;\n\n                  return (\n                    <Row<T>\n                      key={rowId}\n                      rowId={rowId}\n                      cell={cell}\n                      data={data}\n                      cellClassName={classNameOverrides?.cell}\n                    />\n                  );\n                });\n\n                const idString = `headerGroup-${headerGroup.id}`;\n\n                return (\n                  <Fragment key={idString}>\n                    {headerGroup.label && collapsibleSections ? (\n                      <AccordionItem\n                        className={classNames(\n                          'mt16',\n                          classNameOverrides?.collapsibleSection\n                        )}\n                        label={headerGroup.label}\n                        headerClassName=\"p24 br8\"\n                        isOpen={selectedSection === idString}\n                        onOpen={() => setSelectedSection(idString)}\n                        onClose={() => setSelectedSection('')}\n                      >\n                        <ScrollSyncPane>\n                          <div\n                            className={classNames(\n                              baseStyles.container,\n                              'pb16',\n                              classNameOverrides?.container,\n                              {\n                                [baseStyles.noScrollBars]: hideScrollBars,\n                              }\n                            )}\n                          >\n                            <div\n                              className={classNames(\n                                baseStyles['overflow-container']\n                              )}\n                            >\n                              <div className={baseStyles['group-container']}>\n                                {content}\n                              </div>\n                            </div>\n                          </div>\n                        </ScrollSyncPane>\n                      </AccordionItem>\n                    ) : (\n                      <section\n                        key={idString}\n                        className={classNames(\n                          baseStyles.section,\n                          classNameOverrides?.section\n                        )}\n                      >\n                        <ScrollSyncPane>\n                          <div\n                            className={classNames(\n                              baseStyles.container,\n                              'pb16',\n                              classNameOverrides?.container,\n                              {\n                                [baseStyles.noScrollBars]: hideScrollBars,\n                              }\n                            )}\n                          >\n                            <div\n                              className={classNames(\n                                baseStyles['overflow-container']\n                              )}\n                            >\n                              <div className={baseStyles['group-container']}>\n                                {\n                                  /**\n                                   * Print a table subheader if the `label` value is present\n                                   */\n                                  headerGroup.label && !collapsibleSections && (\n                                    <div className={baseStyles['group-title']}>\n                                      <h4\n                                        className={`p-h4 ${baseStyles.sticky}`}\n                                      >\n                                        {headerGroup.label}\n                                      </h4>\n                                    </div>\n                                  )\n                                }\n                                {content}\n                              </div>\n                            </div>\n                          </div>\n                        </ScrollSyncPane>\n                      </section>\n                    )}\n                  </Fragment>\n                );\n              })}\n          {hideDetails && (\n            <div\n              className={classNames(\n                baseStyles['show-details-container'],\n                baseStyles.sticky,\n                'mt48'\n              )}\n            >\n              <div>\n                <button\n                  className={classNames(\n                    'w100 d-flex p-a p-h4 c-pointer',\n                    baseStyles['show-details-button'],\n                    classNameOverrides?.hideDetailsButton\n                  )}\n                  onClick={toggleMoreRows}\n                  type=\"button\"\n                >\n                  {showMore ? hideDetailsCaption : showDetailsCaption}\n                  <Chevron\n                    className={showMore ? '' : baseStyles['icon-inverted']}\n                  />\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </ScrollSync>\n  );\n};\n\nexport {\n  ComparisonTable,\n  TableButton,\n  TableInfoButton,\n  TableRating,\n  TableRowHeader,\n  TableTrueFalse,\n};\n"],"names":["debounce","_jsx","ScrollSync","_jsxs","ScrollSyncPane"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/comparisonTable/hooks/useComparisonTable.ts","../../../../../src/lib/components/comparisonTable/index.tsx"],"sourcesContent":["import debounce from 'lodash.debounce';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport generateId from '../../../util/generateId';\nimport { ArrowValues } from '../components/TableArrows';\n\nexport const useComparisonTable = ({\n  onSelectionChanged,\n}: {\n  onSelectionChanged?: (selectedIndex: number) => void;\n}) => {\n  const [showMore, setShowMore] = useState<boolean>(false);\n  const [headerWidth, setHeaderWidth] = useState(1400);\n  const [selectedTabIndex, setSelectedTabIndex] = useState(0);\n  const [selectedSection, setSelectedSection] = useState('');\n  const [headerId, setHeaderId] = useState('');\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const contentContainerRef = useRef<HTMLDivElement | null>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const headerRefCallbackRef = useCallback((node) => {\n    if (node) {\n      setHeaderWidth(node.clientWidth);\n    }\n\n    headerRef.current = node;\n  }, []);\n\n  useEffect(() => {\n    if (!observerRef.current) {\n      observerRef.current = new ResizeObserver((entries) => {\n        entries.forEach((entry) => {\n          const currentTabIndex = Math.round(\n            entry.target.scrollLeft / entry.contentRect.width\n          );\n\n          setHeaderWidth(entry.contentRect.width);\n\n          // Update selectedTabIndex to match the calculated current tab index\n          setSelectedTabIndex(currentTabIndex);\n        });\n      });\n    }\n\n    if (headerRef.current) {\n      observerRef.current.observe(headerRef.current);\n    }\n\n    return () => {\n      if (headerRef.current) {\n        observerRef.current?.unobserve(headerRef.current);\n      }\n      observerRef.current?.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    const resetHeaderWidth = () => {\n      if (headerRef.current) {\n        setHeaderWidth(headerRef.current.clientWidth);\n      }\n    };\n\n    window.addEventListener('resize', resetHeaderWidth);\n\n    return () => window.removeEventListener('resize', resetHeaderWidth);\n  }, []);\n\n  const handleTableScroll = () => {\n    if (!headerRef.current) {\n      return;\n    }\n\n    const headerWidth = headerRef.current.getBoundingClientRect().width;\n\n    const currentTabIndex = Math.round(\n      headerRef.current.scrollLeft / headerWidth\n    );\n\n    setSelectedTabIndex(currentTabIndex);\n  };\n\n  const debouncedTableScroll = debounce(handleTableScroll, 150);\n\n  useEffect(() => {\n    headerRef.current?.addEventListener('scroll', debouncedTableScroll, {\n      passive: true,\n    });\n\n    return headerRef.current?.removeEventListener('scroll', handleTableScroll);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleArrowsClick = (value: ArrowValues) => {\n    if (headerRef.current) {\n      const currentTabIndex = Math.round(\n        headerRef.current.scrollLeft / headerRef.current.clientWidth\n      );\n\n      const direction = value === 'next' ? 1 : -1;\n\n      const newTabIndex = currentTabIndex + direction;\n\n      headerRef.current.scroll({\n        top: 0,\n        left: headerWidth * newTabIndex,\n        behavior: 'smooth',\n      });\n\n      setSelectedTabIndex(() => {\n        return newTabIndex;\n      });\n    }\n  };\n\n  const toggleMoreRows = async () => {\n    setShowMore(!showMore);\n  };\n\n  useEffect(() => {\n    if (headerRef.current) {\n      return;\n    }\n\n    const headerById = document.getElementById(headerId);\n\n    if (headerById) {\n      headerRefCallbackRef(headerById);\n    }\n  }, [headerId, headerRefCallbackRef]);\n\n  useEffect(() => {\n    setHeaderId(generateId());\n  }, []);\n\n  useEffect(() => {\n    onSelectionChanged?.(selectedTabIndex);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedTabIndex]);\n\n  return {\n    headerWidth,\n    headerId,\n    contentContainerRef,\n    selectedSection,\n    setSelectedSection,\n    selectedTabIndex,\n    setSelectedTabIndex,\n    headerRefCallbackRef,\n    handleArrowsClick,\n    toggleMoreRows,\n    showMore,\n  };\n};\n","import classNames from 'classnames';\nimport { Fragment } from 'react';\nimport { ScrollSync, ScrollSyncPane } from 'react-scroll-sync';\n\nimport { AccordionItem } from './components/AccordionItem';\nimport Chevron from './components/Chevron';\nimport Row from './components/Row';\nimport TableArrows from './components/TableArrows';\nimport TableButton from './components/TableButton';\nimport TableInfoButton from './components/TableInfoButton';\nimport TableRating from './components/TableRating';\nimport TableRowHeader from './components/TableRowHeader';\nimport TableTrueFalse from './components/TableTrueFalse';\nimport { useComparisonTable } from './hooks/useComparisonTable';\nimport baseStyles from './style.module.scss';\n\nexport interface CellBaseProps<T> {\n  /** Used to display the row's title */\n  label?: React.ReactNode;\n  /**\n   *\n   * @param value The current data value\n   * @param element The complete data object\n   */\n  render?: (value: any, element: T) => React.ReactNode; // TODO: add typing to value param\n}\n\ninterface CellWithId<T> extends CellBaseProps<T> {\n  /** Used when adding component add-ons */\n  addonId: string | number;\n}\n\nexport type Cell<T> =\n  | ({ key: Extract<keyof T, string> } & CellBaseProps<T>)\n  | ({ key?: undefined } & CellWithId<T>);\n\nexport interface TableHeader<T> {\n  /** Required unique id number for each table group */\n  id: number;\n  /** Used to display a table group subheader */\n  label?: React.ReactNode;\n  cells: Array<Cell<T>>;\n  default?: boolean;\n}\n\nexport interface ComparisonTableProps<T> {\n  headers: Array<TableHeader<T>>;\n  data: Array<T>;\n  hideDetails?: boolean;\n  hideDetailsCaption?: string;\n  showDetailsCaption?: string;\n  hideScrollBars?: boolean;\n  hideScrollBarsMobile?: boolean;\n  collapsibleSections?: boolean;\n  cellWidth?: number;\n  firstColumnWidth?: number;\n  stickyHeaderTopOffset?: number;\n  growContent?: boolean;\n  classNameOverrides?: ClassNameOverrides;\n  onSelectionChanged?: (selectedIndex: number) => void;\n}\n\nexport interface ClassNameOverrides {\n  header?: string;\n  container?: string;\n  cell?: string;\n  headerCell?: string;\n  collapsibleSection?: string;\n  section?: string;\n  hideDetailsButton?: string;\n}\n\nconst ComparisonTable = <T extends { id: number }>(\n  props: ComparisonTableProps<T>\n) => {\n  const {\n    headers,\n    data,\n    hideDetails,\n    hideDetailsCaption = 'Hide details',\n    showDetailsCaption = 'Show details',\n    classNameOverrides,\n    hideScrollBars,\n    hideScrollBarsMobile = true,\n    collapsibleSections,\n    cellWidth,\n    firstColumnWidth,\n    stickyHeaderTopOffset,\n    growContent,\n    onSelectionChanged,\n  } = props;\n\n  const {\n    headerWidth,\n    headerId,\n    contentContainerRef,\n    selectedSection,\n    setSelectedSection,\n    selectedTabIndex,\n    headerRefCallbackRef,\n    handleArrowsClick,\n    toggleMoreRows,\n    showMore,\n  } = useComparisonTable({ onSelectionChanged });\n\n  const cssVariablesStyle = {\n    '--tableWidth': `${headerWidth}px`,\n    ...(cellWidth ? { '--cellWidth': `${cellWidth}px` } : {}),\n    ...(firstColumnWidth\n      ? { '--firstColumnWidth': `${firstColumnWidth}px` }\n      : {}),\n    ...(stickyHeaderTopOffset\n      ? { '--stickyHeaderTopOffset': `${stickyHeaderTopOffset}px` }\n      : {}),\n    ...(growContent ? { '--growContent': '100%' } : {}),\n  } as React.CSSProperties;\n\n  return (\n    <ScrollSync onSync={headerRefCallbackRef}>\n      <div\n        style={cssVariablesStyle}\n        className={classNames({\n          [baseStyles.noScrollBars]: hideScrollBars,\n          [baseStyles.noScrollBarsMobile]: hideScrollBarsMobile,\n        })}\n      >\n        <div\n          id={headerId}\n          className={classNames(baseStyles.header, classNameOverrides?.header)}\n        >\n          <ScrollSyncPane>\n            <div className={classNames(baseStyles.container)}>\n              <div className={classNames(baseStyles['overflow-container'])}>\n                <div className={baseStyles['group-container']}>\n                  <TableArrows\n                    onClick={handleArrowsClick}\n                    active={{\n                      left: selectedTabIndex > 0,\n                      right: selectedTabIndex < data.length - 1,\n                    }}\n                  />\n                  <Row<T>\n                    key=\"table-header-row\"\n                    rowId=\"table-header-row\"\n                    cell={headers[0].cells[0]}\n                    data={data}\n                    isRowHeader\n                    cellClassName={classNameOverrides?.headerCell}\n                  />\n                </div>\n              </div>\n            </div>\n          </ScrollSyncPane>\n        </div>\n        <div ref={contentContainerRef}>\n          {Array.isArray(headers) &&\n            headers\n              .filter(\n                (headerGroup) => !hideDetails || showMore || headerGroup.default\n              )\n              .map((headerGroup, headerGroupIndex) => {\n                const content = headerGroup.cells?.map((cell, index) => {\n                  const rowId = `${headerGroup.id}-${\n                    cell.key ?? 'addon'\n                  }-${index}`;\n\n                  /** Do not render the first row */\n                  if (index === 0 && headerGroupIndex === 0) return null;\n\n                  return (\n                    <Row<T>\n                      key={rowId}\n                      rowId={rowId}\n                      cell={cell}\n                      data={data}\n                      cellClassName={classNameOverrides?.cell}\n                    />\n                  );\n                });\n\n                const idString = `headerGroup-${headerGroup.id}`;\n\n                return (\n                  <Fragment key={idString}>\n                    {headerGroup.label && collapsibleSections ? (\n                      <AccordionItem\n                        className={classNames(\n                          'mt16',\n                          classNameOverrides?.collapsibleSection\n                        )}\n                        label={headerGroup.label}\n                        headerClassName=\"p24 br8\"\n                        isOpen={selectedSection === idString}\n                        onOpen={() => setSelectedSection(idString)}\n                        onClose={() => setSelectedSection('')}\n                      >\n                        <ScrollSyncPane>\n                          <div\n                            className={classNames(\n                              baseStyles.container,\n                              'pb16',\n                              classNameOverrides?.container,\n                              {\n                                [baseStyles.noScrollBars]: hideScrollBars,\n                              }\n                            )}\n                          >\n                            <div\n                              className={classNames(\n                                baseStyles['overflow-container']\n                              )}\n                            >\n                              <div className={baseStyles['group-container']}>\n                                {content}\n                              </div>\n                            </div>\n                          </div>\n                        </ScrollSyncPane>\n                      </AccordionItem>\n                    ) : (\n                      <section\n                        key={idString}\n                        className={classNames(\n                          baseStyles.section,\n                          classNameOverrides?.section\n                        )}\n                      >\n                        <ScrollSyncPane>\n                          <div\n                            className={classNames(\n                              baseStyles.container,\n                              'pb16',\n                              classNameOverrides?.container,\n                              {\n                                [baseStyles.noScrollBars]: hideScrollBars,\n                              }\n                            )}\n                          >\n                            <div\n                              className={classNames(\n                                baseStyles['overflow-container']\n                              )}\n                            >\n                              <div className={baseStyles['group-container']}>\n                                {\n                                  /**\n                                   * Print a table subheader if the `label` value is present\n                                   */\n                                  headerGroup.label && !collapsibleSections && (\n                                    <div className={baseStyles['group-title']}>\n                                      <h4\n                                        className={`p-h4 ${baseStyles.sticky}`}\n                                      >\n                                        {headerGroup.label}\n                                      </h4>\n                                    </div>\n                                  )\n                                }\n                                {content}\n                              </div>\n                            </div>\n                          </div>\n                        </ScrollSyncPane>\n                      </section>\n                    )}\n                  </Fragment>\n                );\n              })}\n          {hideDetails && (\n            <div\n              className={classNames(\n                baseStyles['show-details-container'],\n                baseStyles.sticky,\n                'mt48'\n              )}\n            >\n              <div>\n                <button\n                  className={classNames(\n                    'w100 d-flex p-h4 c-pointer',\n                    baseStyles['show-details-button'],\n                    classNameOverrides?.hideDetailsButton\n                  )}\n                  onClick={toggleMoreRows}\n                  type=\"button\"\n                >\n                  {showMore ? hideDetailsCaption : showDetailsCaption}\n                  <Chevron\n                    className={showMore ? '' : baseStyles['icon-inverted']}\n                  />\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </ScrollSync>\n  );\n};\n\nexport {\n  ComparisonTable,\n  TableButton,\n  TableInfoButton,\n  TableRating,\n  TableRowHeader,\n  TableTrueFalse,\n};\n"],"names":["debounce","_jsx","ScrollSync","_jsxs","ScrollSyncPane"],"mappings":"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"}

package/dist/esm/components/dateSelector/components/Calendar.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { C as Calendar } from '../../../Calendar-2d7e51b5.js';
+export { C as Calendar } from '../../../Calendar-5ad3eccf.js';
 import '../../icon/icons/Calendar.js';
 import '../../button/index.js';
 import '../../../_commonjsHelpers-4730bd53.js';

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

@@ -1,7 +1,7 @@
 import { a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
-import { a as dayjs, C as Calendar } from '../../Calendar-2d7e51b5.js';
+import { a as dayjs, C as Calendar } from '../../Calendar-5ad3eccf.js';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-4730bd53.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 import { Input } from '../input/index.js';

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

@@ -2,7 +2,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { DateSelector } from './index.js';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-4730bd53.js';
-import { d as dayjs_min } from '../../Calendar-2d7e51b5.js';
+import { d as dayjs_min } from '../../Calendar-5ad3eccf.js';
 import '../../tslib.es6-a39f91fc.js';
 import '../../style-inject.es-1f59c1d0.js';
 import '../input/index.js';

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

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../Calendar-2d7e51b5.js';
+import '../../Calendar-5ad3eccf.js';
 import '../icon/icons/Calendar.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import '../../index-6ea95111.js';

package/dist/esm/components/icon/icons/BasketballSports.js

@@ -5,9 +5,9 @@ import '../../../tslib.es6-a39f91fc.js';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
-var BasketballSports = (function (props) {
+var BasketballSportsIcon = (function (props) {
     return createElement(IconWrapper, props, jsx("circle", { cx: 12, cy: 12, r: 10, stroke: "currentColor", strokeWidth: 2 }), jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M13.5 2.5c0 6.075-4.925 11-11 11M10 21c0-6.075 4.925-11 11-11" }), jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M3 7c7.732 0 14 6.268 14 14" }));
 });
 
-export default BasketballSports;
+export default BasketballSportsIcon;
 //# sourceMappingURL=BasketballSports.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BasketballSports.js","sources":["../../../../../../src/lib/components/icon/icons/BasketballSports.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <circle cx={12} cy={12} r={10} stroke=\"currentColor\" strokeWidth={2} />,\n    <path\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      d=\"M13.5 2.5c0 6.075-4.925 11-11 11M10 21c0-6.075 4.925-11 11-11\"\n    />,\n    <path\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      d=\"M3 7c7.732 0 14 6.268 14 14\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,wBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,gBAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,GAAI,EACvEA,cACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,+DAA+D,GACjE,EACFA,cACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,6BAA6B,GAC/B,CACH;AAdD,CAcC;;;;"}
+{"version":3,"file":"BasketballSports.js","sources":["../../../../../../src/lib/components/icon/icons/BasketballSports.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <circle cx={12} cy={12} r={10} stroke=\"currentColor\" strokeWidth={2} />,\n    <path\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      d=\"M13.5 2.5c0 6.075-4.925 11-11 11M10 21c0-6.075 4.925-11 11-11\"\n    />,\n    <path\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      d=\"M3 7c7.732 0 14 6.268 14 14\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,4BAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,gBAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,GAAI,EACvEA,cACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,+DAA+D,GACjE,EACFA,cACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,6BAA6B,GAC/B,CACH;AAdD,CAcC;;;;"}

package/dist/esm/components/icon/icons/BookOpen.js

@@ -5,9 +5,9 @@ import '../../../tslib.es6-a39f91fc.js';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
-var BookOpen = (function (props) {
+var BookOpenIcon = (function (props) {
     return createElement(IconWrapper, props, jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 7a4 4 0 0 0-4-4H2v15h7a3 3 0 0 1 3 3m0-14v14m0-14a4 4 0 0 1 4-4h6v15h-7a3 3 0 0 0-3 3" }));
 });
 
-export default BookOpen;
+export default BookOpenIcon;
 //# sourceMappingURL=BookOpen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookOpen.js","sources":["../../../../../../src/lib/components/icon/icons/BookOpen.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 7a4 4 0 0 0-4-4H2v15h7a3 3 0 0 1 3 3m0-14v14m0-14a4 4 0 0 1 4-4h6v15h-7a3 3 0 0 0-3 3\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,gBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,2FAA2F,GAC7F,CACH;AAVD,CAUC;;;;"}
+{"version":3,"file":"BookOpen.js","sources":["../../../../../../src/lib/components/icon/icons/BookOpen.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 7a4 4 0 0 0-4-4H2v15h7a3 3 0 0 1 3 3m0-14v14m0-14a4 4 0 0 1 4-4h6v15h-7a3 3 0 0 0-3 3\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,oBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,2FAA2F,GAC7F,CACH;AAVD,CAUC;;;;"}

package/dist/esm/components/icon/icons/Heart.js

@@ -5,9 +5,9 @@ import '../../../tslib.es6-a39f91fc.js';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
-var Heart = (function (props) {
+var HeartIcon = (function (props) {
     return createElement(IconWrapper, props, jsx("path", { stroke: "currentColor", strokeWidth: 2, d: "M17.388 2.698c-2.717 0-4.207 1.687-5.388 2.856-1.181-1.17-2.67-2.856-5.388-2.856-2.717 0-5.527 2.563-5.387 6.226 0 5.2 7.045 9.778 10.775 12.378 3.73-2.6 10.775-7.178 10.775-12.378.14-3.663-2.67-6.226-5.387-6.226Z" }));
 });
 
-export default Heart;
+export default HeartIcon;
 //# sourceMappingURL=Heart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heart.js","sources":["../../../../../../src/lib/components/icon/icons/Heart.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      d=\"M17.388 2.698c-2.717 0-4.207 1.687-5.388 2.856-1.181-1.17-2.67-2.856-5.388-2.856-2.717 0-5.527 2.563-5.387 6.226 0 5.2 7.045 9.778 10.775 12.378 3.73-2.6 10.775-7.178 10.775-12.378.14-3.663-2.67-6.226-5.387-6.226Z\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,aAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,uNAAuN,GACzN,CACH;AARD,CAQC;;;;"}
+{"version":3,"file":"Heart.js","sources":["../../../../../../src/lib/components/icon/icons/Heart.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      d=\"M17.388 2.698c-2.717 0-4.207 1.687-5.388 2.856-1.181-1.17-2.67-2.856-5.388-2.856-2.717 0-5.527 2.563-5.387 6.226 0 5.2 7.045 9.778 10.775 12.378 3.73-2.6 10.775-7.178 10.775-12.378.14-3.663-2.67-6.226-5.387-6.226Z\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,iBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,uNAAuN,GACzN,CACH;AARD,CAQC;;;;"}

package/dist/esm/components/icon/icons/Info.js

@@ -5,9 +5,9 @@ import '../../../tslib.es6-a39f91fc.js';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
-var Info = (function (props) {
+var InfoIcon = (function (props) {
     return createElement(IconWrapper, props, jsx("path", { fill: "currentColor", d: "M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z" }));
 });
 
-export default Info;
+export default InfoIcon;
 //# sourceMappingURL=Info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sources":["../../../../../../src/lib/components/icon/icons/Info.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      fill=\"currentColor\"\n      d=\"M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,YAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6SAA6S,GAC/S,CACH;AAPD,CAOC;;;;"}
+{"version":3,"file":"Info.js","sources":["../../../../../../src/lib/components/icon/icons/Info.tsx"],"sourcesContent":["/* Generated file. Do not modify. */\nimport { createElement } from 'react';\nimport { IconWrapper } from '../IconWrapper';\nimport type { IconWrapperProps } from '../IconWrapper';\nexport default (props: IconWrapperProps) =>\n  createElement(\n    IconWrapper,\n    props,\n    <path\n      fill=\"currentColor\"\n      d=\"M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z\"\n    />\n  );\n"],"names":["_jsx"],"mappings":";;;;;;;AAIA,gBAAe,UAAC,KAAuB;IACrC,OAAA,aAAa,CACX,WAAW,EACX,KAAK,EACLA,cACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,6SAA6S,GAC/S,CACH;AAPD,CAOC;;;;"}