@popsure/dirty-swan 0.28.0-beta.4 → 0.28.0

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

@@ -0,0 +1,116 @@
+import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, f as fireEvent } from '../../customRender-39982d87.js';
+import AutoCompleteAddress from './index.js';
+import 'react';
+import 'react-dom';
+import '../../_commonjsHelpers-0f86abda.js';
+import 'react-dom/test-utils';
+import '../../index-e9e37a34.js';
+import '../../index-51913e93.js';
+import '../input/index.js';
+import '../../style-inject.es-1f59c1d0.js';
+import '../../v4-d2999257.js';
+import 'crypto';
+
+var address = {
+    street: 'Köpeniker Strasse',
+    houseNumber: '4000',
+    postcode: '10179',
+    city: 'Berlin',
+    country: 'DE',
+};
+var setup = function (address, onAddressChange) {
+    if (address === void 0) { address = undefined; }
+    if (onAddressChange === void 0) { onAddressChange = function () { }; }
+    return customRender(jsx(AutoCompleteAddress, { address: address, apiKey: '', onAddressChange: onAddressChange }, void 0));
+};
+var inputTestId = 'ds-input-input';
+describe('AutocompleteAddress component', function () {
+    it('Should show all address fields once a search is completed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getAllByTestId, getByDisplayValue, getByTestId;
+        return __generator(this, function (_b) {
+            // @ts-ignore
+            window.google.maps.places.Autocomplete = /** @class */ (function () {
+                function class_1(reference) {
+                    this.reference = reference;
+                }
+                // @ts-ignore
+                class_1.prototype.addListener = function (_action, callback) {
+                    this.reference.addEventListener('change', function (e) {
+                        return e.target.value !== ''
+                            ? callback({
+                                geometry: {
+                                    location: /** @class */ (function () {
+                                        function location() {
+                                        }
+                                        return location;
+                                    }()),
+                                },
+                                address_components: [
+                                    {
+                                        long_name: 'Köpeniker Strasse',
+                                        short_name: 'Köpeniker Strasse',
+                                        types: ['route'],
+                                    },
+                                ],
+                            })
+                            : null;
+                    });
+                };
+                return class_1;
+            }());
+            _a = setup(), getAllByTestId = _a.getAllByTestId, getByDisplayValue = _a.getByDisplayValue, getByTestId = _a.getByTestId;
+            fireEvent.change(getByTestId(inputTestId), {
+                target: { value: 'Köpeniker' },
+            });
+            expect(getAllByTestId(inputTestId).length).toEqual(5);
+            expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should enable to enter the address manually', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callback, _a, findByText, getAllByTestId, user, btn, inputs;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    callback = jest.fn();
+                    _a = setup(undefined, callback), findByText = _a.findByText, getAllByTestId = _a.getAllByTestId, user = _a.user;
+                    return [4 /*yield*/, findByText('Enter address manually')];
+                case 1:
+                    btn = _b.sent();
+                    return [4 /*yield*/, user.click(btn)];
+                case 2:
+                    _b.sent();
+                    inputs = getAllByTestId(inputTestId);
+                    return [4 /*yield*/, user.type(inputs[0], 'Köpeniker Strasse')];
+                case 3:
+                    _b.sent();
+                    return [4 /*yield*/, user.type(inputs[1], '4000')];
+                case 4:
+                    _b.sent();
+                    return [4 /*yield*/, user.type(inputs[3], '10179')];
+                case 5:
+                    _b.sent();
+                    return [4 /*yield*/, user.type(inputs[4], 'Berlin')];
+                case 6:
+                    _b.sent();
+                    // callback should be called with a complete address
+                    expect(callback).toHaveBeenCalledWith(address);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Should prefill fields if an address is provided', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getByDisplayValue;
+        return __generator(this, function (_a) {
+            getByDisplayValue = setup(address).getByDisplayValue;
+            expect(getByDisplayValue("Köpeniker Strasse")).toBeVisible();
+            expect(getByDisplayValue("4000")).toBeVisible();
+            expect(getByDisplayValue("10179")).toBeVisible();
+            expect(getByDisplayValue("Berlin")).toBeVisible();
+            return [2 /*return*/];
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/autocompleteAddress/index.test.tsx"],"sourcesContent":[null],"names":["render","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+
+var css_248z = ".styles-module_content-container__4wuQ0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
+var styles = {"content-container":"styles-module_content-container__4wuQ0"};
+styleInject(css_248z);
+
+var buttonTypeClassNameMap = {
+    primary: 'p-btn--primary',
+    secondary: 'p-btn--secondary',
+    outline: 'p-btn--outline',
+    outlineGrey: 'p-btn--outline-grey',
+};
+var Button = React__default.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon; _a.type; var props = __rest(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon", "type"]);
+    var buttonClassName = buttonTypeClassNameMap[buttonType];
+    var loadingClassName = loading ? 'p-btn--loading' : '';
+    return (jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxs("div", __assign({ className: styles['content-container'] }, { children: [jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
+                jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsx(Fragment, { children: buttonTitle }, void 0)) }), void 0));
+});
+
+export default Button;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":[null],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;AAMA,IAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,qBAAqB;CACnC,CAAC;AAcF,aAAeA,cAAK,CAAC,UAAU,CAC7B,UACE,EAQa,EACb,GAA2C;QARzC,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,WAAW,iBAAA,EACX,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,SACJ,MACD,KAAK,cAPV,yEAQC;IAGD,IAAM,eAAe,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC3D,IAAM,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IACzD,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAK,eAAe,SAAI,gBAAgB,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAClE,KAAK,cAER,QAAQ,IACPC,uBAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,iBACzCD,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB;gBACFA,uBAAM,WAAW,WAAO,aACpB,KAENA,0BAAG,WAAW,WAAI,CACnB,YACM,EACT;AACJ,CAAC,CACF;;;;"}

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

@@ -0,0 +1,6 @@
+import '../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+import 'react';
+export { C as default } from '../../../index-47663d39.js';
+import '../../../style-inject.es-1f59c1d0.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import '../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+export { CardWithLeftIcon as default } from '../index.js';
+import '../../../index-47663d39.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import 'react';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import '../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+export { CardWithTopIcon as default } from '../index.js';
+import '../../../index-47663d39.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import 'react';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import '../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+export { CardWithTopLeftIcon as default } from '../index.js';
+import '../../../index-47663d39.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import 'react';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,125 @@
+import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { f as featherLogo, a as arrowRight, i as info } from '../../index-47663d39.js';
+export { C as CardButton } from '../../index-47663d39.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import 'react';
+
+var css_248z$3 = ".style-module_container__3jKmy {\n  padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n  padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n  margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n  margin-left: 36px;\n}";
+var styles$3 = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
+styleInject(css_248z$3);
+
+var containerStyleFromTitleSize = function (titleSize) {
+    switch (titleSize) {
+        case 'xsmall':
+            return 'container--xsmall';
+        default:
+            return 'container';
+    }
+};
+var index$3 = (function (_a) {
+    var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _c = _a.state, state = _c === void 0 ? 'actionable' : _c, _d = _a.dropshadow, dropshadow = _d === void 0 ? true : _d, props = __rest(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
+    var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$3[containerStyleFromTitleSize(cardSize)];
+    var titleContainerStyle = styles$3['title-container'];
+    var headingStyle = headingForCardSize(cardSize);
+    var iconStyle = styles$3['right-icon'];
+    var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$3.indent : 'mt16');
+    return (jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxs("div", __assign({ className: titleContainerStyle }, { children: [leftIcon && (jsx("img", { className: "mr8", width: "28px", height: "28px", src: leftIcon === 'logo' ? featherLogo.src : leftIcon.src, alt: leftIcon === 'logo' ? featherLogo.alt : leftIcon.src }, void 0)),
+                    jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
+                    rightIcon && (jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
+            jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
+});
+
+var css_248z$2 = ".style-module_container__34kUF {\n  padding: 32px 24px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n  margin-left: 4px;\n}";
+var styles$2 = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
+styleInject(css_248z$2);
+
+var index$2 = (function (_a) {
+    var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, topIcon = _a.topIcon, _c = _a.topIconSize, topIconSize = _c === void 0 ? { width: 48, height: 48 } : _c, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest(_a, ["className", "title", "cardSize", "children", "topIcon", "topIconSize", "rightIcon", "state", "dropshadow"]);
+    var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$2.container;
+    var headingStyle = headingForCardSize(cardSize);
+    var iconStyle = styles$2['right-icon'];
+    return (jsx(Fragment, { children: jsxs("div", __assign({ className: cardStyle }, props, { children: [jsx("img", { width: topIconSize.width, height: topIconSize.height, alt: topIcon.alt, src: topIcon.src }, void 0),
+                jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
+                        rightIcon && (jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0), children] }), void 0) }, void 0));
+});
+
+var css_248z$1 = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
+var styles$1 = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
+styleInject(css_248z$1);
+
+var index$1 = (function (_a) {
+    var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
+    return (jsxs("div", __assign({ className: styles$1['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$1['top-icon'] + " " + (state === 'muted' ? styles$1['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
+            jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$1.container }, { children: [rightIcon && (jsx("img", { width: "20px", height: "20px", className: styles$1['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
+                    jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
+                    jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
+});
+
+var headingForCardSize = function (cardSize) {
+    switch (cardSize) {
+        case 'xsmall':
+        case 'small':
+            return 'p-h4';
+        case 'medium':
+            return 'p-h3';
+        case 'big':
+            return 'p-h2';
+    }
+};
+var associatedClassForCardState = function (state, dropshadow) {
+    var baseClass = (function () {
+        switch (state) {
+            case 'actionable':
+                return 'ds-card--actionable';
+            case 'muted':
+                return 'ds-card--muted';
+            case 'static':
+                return 'ds-card';
+        }
+    })();
+    if (dropshadow === false) {
+        return baseClass + " ds-card--no-dropshadow";
+    }
+    return baseClass;
+};
+
+var css_248z = ".style-module_container__384bg {\n  padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n  padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n  padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n  margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n  margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n  margin-top: 6px;\n}";
+var styles = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
+styleInject(css_248z);
+
+var containerStyleFromCardSize = function (cardSize) {
+    switch (cardSize) {
+        case 'xsmall':
+            return 'container--xsmall';
+        case 'small':
+            return 'container--small';
+        default:
+            return 'container';
+    }
+};
+var cardTextStyleFromCardSize = function (cardSize) {
+    switch (cardSize) {
+        case 'xsmall':
+        case 'small':
+            return 'card-text--small';
+        case 'medium':
+            return 'card-text--medium';
+        default:
+            return 'card-text--big';
+    }
+};
+var index = (function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
+    var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles[containerStyleFromCardSize(cardSize)];
+    var headingStyle = headingForCardSize(cardSize);
+    var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
+    var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles[cardTextStyleFromCardSize(cardSize)];
+    return (jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsx("img", { width: "48px", height: "48px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
+            jsxs("div", { children: [jsxs("div", __assign({ className: "d-flex" }, { children: [jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
+                            rightIcon && (jsx("img", { className: "ml-auto", width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
+                    jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
+});
+
+export { index as CardWithLeftIcon, index$2 as CardWithTopIcon, index$3 as CardWithTopLeftIcon, index$1 as InfoCard, associatedClassForCardState, headingForCardSize };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/cardWithTopLeftIcon/index.tsx","../../../../../src/lib/components/cards/cardWithTopIcon/index.tsx","../../../../../src/lib/components/cards/infoCard/index.tsx","../../../../../src/lib/components/cards/index.tsx","../../../../../src/lib/components/cards/cardWithLeftIcon/index.tsx"],"sourcesContent":[null,null,null,null,null],"names":["styles","_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import '../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+export { InfoCard as default } from '../index.js';
+import '../../../index-47663d39.js';
+import '../../../style-inject.es-1f59c1d0.js';
+import 'react';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,22 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+
+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  width: 16px;\n  height: 16px;\n  position: relative;\n}\n\n.style-module_chip-remove-button__3LK7e,\n.style-module_chip-remove-button-highlighted__3DysJ {\n  position: absolute;\n}\n\n.style-module_chip-remove-button__3LK7e:hover {\n  opacity: 0;\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","chip-remove-button-highlighted":"style-module_chip-remove-button-highlighted__3DysJ"};
+styleInject(css_248z);
+
+var removeButtonIcon = "data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
+
+var removeButtonHighlightedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
+
+var Chip = (function (_a) {
+    var value = _a.value, onRemove = _a.onRemove;
+    return (jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + styles['chip'] }, { children: [value.leftIcon && (jsx("img", { className: "mr8 " + styles['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
+            jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
+            jsxs("div", __assign({ className: "c-pointer " + styles['chip-button-container'], onClick: function () { return onRemove(value); } }, { children: [jsx("img", { className: styles['chip-remove-button-highlighted'], src: removeButtonHighlightedIcon, alt: "removal x button highlighted" }, void 0),
+                    jsx("img", { className: styles['chip-remove-button'], src: removeButtonIcon, alt: "removal x button" }, void 0)] }), void 0)] }), void 0));
+});
+
+export default Chip;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/lib/components/chip/icons/remove-button.svg","../../../../src/lib/components/chip/icons/remove-button-highlighted.svg","../../../../../src/lib/components/chip/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"",null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAAA,uBAAe;;ACAf,kCAAe;;ACKf,YAAe,UAAC,EAMf;QALC,KAAK,WAAA,EACL,QAAQ,cAAA;IAIJ,QACJA,uBAAK,SAAS,EAAE,wBAAsB,MAAM,CAAC,MAAM,CAAG,iBACnD,KAAK,CAAC,QAAQ,KACbC,aACE,SAAS,EAAE,SAAO,MAAM,CAAC,YAAY,CAAG,EACxC,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,KAAK,WAChB,CACH;YACDA,sBAAK,SAAS,EAAC,KAAK,gBAAE,KAAK,CAAC,KAAK,YAAO;YACxCD,uBACE,SAAS,EAAE,eAAa,MAAM,CAAC,uBAAuB,CAAG,EACzD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,GAAA,iBAE9BC,aACE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,EACnD,GAAG,EAAE,2BAA2B,EAChC,GAAG,EAAC,8BAA8B,WAClC;oBACFA,aACE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,kBAAkB,WACtB,aACE,aACF;AAzBF,CA0BL;;;;"}

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

@@ -0,0 +1,32 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { A as AnimateHeight } from '../../../../index-21239ab0.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import 'react';
+import '../../../../index-e9e37a34.js';
+
+var css_248z = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\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: #e6e5ff;\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);
+
+var ChevronSVG = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+var AccordionItem = function (_a) {
+    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 () {
+        if (!isOpen) {
+            onOpen();
+        }
+        else {
+            onClose();
+        }
+    };
+    return (jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles.container }, { children: [jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsx("div", __assign({ className: "d-flex ai-center " + styles.iconAndTextContainer }, { children: typeof label === 'string' ? (jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsx(Fragment, { children: label }, void 0)) }), void 0),
+                    jsx(ChevronSVG, { className: styles.chevron + " " + (!isOpen && styles.chevronClosed) }, void 0)] }), void 0),
+            jsx(AnimateHeight, __assign({ duration: 300, height: isOpen ? 'auto' : 0.1 }, { children: children }), void 0)] }), void 0));
+};
+
+export { AccordionItem };
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAIA,IAAM,UAAU,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC5DA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;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,uBAAK,SAAS,EAAE,sBAAoB,SAAS,SAAI,MAAM,CAAC,SAAW,iBACjEA,0BACE,SAAS,EAAE,iCAA+B,MAAM,CAAC,YAAY,SAAI,eAAiB,EAClF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,iBAEbD,sBAAK,SAAS,EAAE,sBAAoB,MAAM,CAAC,oBAAsB,gBAC9D,OAAO,KAAK,KAAK,QAAQ,IACxBA,qBAAI,SAAS,EAAC,MAAM,gBAAE,KAAK,YAAM,KAEjCA,0BAAG,KAAK,WAAI,CACb,YACG;oBACNA,IAAC,UAAU,IACT,SAAS,EAAK,MAAM,CAAC,OAAO,UAAI,CAAC,MAAM,IAAI,MAAM,CAAC,aAAa,CAAE,WACjE,aACK;YAGTA,IAAC,aAAa,aAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,gBACxD,QAAQ,YACK,aACZ,EACN;AACJ;;;;"}

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

@@ -0,0 +1,8 @@
+export { AccordionItem } from './AccordionItem.js';
+import '../../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+import '../../../../index-21239ab0.js';
+import 'react';
+import '../../../../index-e9e37a34.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Chevron = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+
+export default Chevron;
+//# sourceMappingURL=Chevron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.js","sources":["../../../../../../src/lib/components/comparisonTable/components/Chevron.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;IAAM,OAAO,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QACzDA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,mBAAmB,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAfmD;;;;"}

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

@@ -0,0 +1,36 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.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: var(--tableWidth);\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: 256px;\n    width: var(--cellWidth, 256px);\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;\n  color: #4c4c53;\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 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), 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\n.style-module_addon__CPf60 {\n  width: 100%;\n  border-right: none;\n  max-width: 100vw;\n}\n@media (min-width: 64rem) {\n  .style-module_addon__CPf60 {\n    max-width: 944px;\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);
+
+var Row = function (props) {
+    var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId;
+    return (jsxs("div", __assign({ className: "\n        d-flex\n        w-100\n        " + (isRowHeader ? styles.header : '') + "\n      " }, { children: [jsx("h4", __assign({ className: "\n          " + styles.cell + "\n          " + styles.sticky + "\n          " + (isRowHeader ? "p-h2 p--serif " + styles.title : '') + "\n          " + (typeof cell.key === 'undefined' ? styles.addon : '') + "\n        " }, { children: cell.label }), void 0),
+            Array.isArray(data) &&
+                data.map(function (item) {
+                    /**
+                     * Do not render a cell if
+                     * the data source object doesn't have the current key
+                     */
+                    if (typeof cell.key === 'undefined')
+                        return null;
+                    if (typeof item[cell.key] === 'undefined')
+                        return null;
+                    return (jsx("div", __assign({ className: "ta-center " + styles.cell }, { children: 
+                        /**
+                         * Return a function if `render` option is present
+                         * else print the current data source value
+                         */
+                        typeof cell.render === 'function'
+                            ? cell.render(item[cell.key], item)
+                            : "" + item[cell.key] }), rowId + "-" + item.id));
+                })] }), rowId));
+};
+var Row$1 = React__default.memo(Row);
+
+export default Row$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;AAYA,IAAM,GAAG,GAAG,UAA2B,KAAkB;IAC/C,IAAA,IAAI,GAA+B,KAAK,KAApC,EAAE,IAAI,GAAyB,KAAK,KAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAEjD,QACEA,uBAEE,SAAS,EAAE,+CAGP,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,cACnC,iBAEDC,qBACE,SAAS,EAAE,iBACP,MAAM,CAAC,IAAI,oBACX,MAAM,CAAC,MAAM,qBACb,WAAW,GAAG,mBAAiB,MAAM,CAAC,KAAO,GAAG,EAAE,sBAClD,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,gBACtD,gBAEA,IAAI,CAAC,KAAK,YACR;YAEJ,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,sBACE,SAAS,EAAE,eAAa,MAAM,CAAC,IAAM;;;;;wBAQnC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,KAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAG,KATjB,KAAK,SAAI,IAAI,CAAC,EAAI,CAWtB,EACN;iBACH,CAAC,MA3CC,KAAK,CA4CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,cAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ArrowIcon = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+
+export default ArrowIcon;
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/Arrow.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;IAAM,SAAS,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC3DA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,iCAAiC,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAfqD;;;;"}

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

@@ -0,0 +1,24 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as classnames } from '../../../../index-e9e37a34.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  z-index: 1;\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  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f5fa;\n  justify-content: center;\n  align-items: center;\n  stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f5fa;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f5fa;\n  cursor: pointer;\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"};
+styleInject(css_248z);
+
+var TableArrows = function (props) {
+    var _a, _b;
+    var active = props.active, onClick = props.onClick;
+    var handleButtonClick = function (value) { return function () { return onClick(value); }; };
+    return (jsxs("div", __assign({ className: styles.container }, { children: [jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classnames("p-btn--secondary d-flex", styles.prev, styles.arrow, (_a = {},
+                    _a[styles.active] = active.left,
+                    _a)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0),
+            jsx("button", __assign({ onClick: handleButtonClick('next'), className: classnames("p-btn--secondary d-flex", styles.next, styles.arrow, (_b = {},
+                    _b[styles.active] = active.right,
+                    _b)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
+};
+
+export default TableArrows;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","classNames"],"mappings":";;;;;;;;;;IAaM,WAAW,GAAG,UAAC,KAAuB;;IAClC,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAM,iBAAiB,GAAG,UAAC,KAAkB,IAAK,OAAA,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,GAAA,CAAC;IAEvE,QACEA,uBAAK,SAAS,EAAE,MAAM,CAAC,SAAS,iBAC9BC,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAEC,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;wBAE/B,gBAEDD,IAAC,SAAS,aAAG,YACN;YACTA,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAEC,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;wBAEhC,gBAEDD,IAAC,SAAS,aAAG,YACN,aACL,EACN;AACJ;;;;"}

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

@@ -0,0 +1,17 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.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  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: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #e6e5ff;\n  transition: all 0.3s ease;\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("span", __assign({ role: "button", className: "p-btn--secondary " + styles.button + " " + className, onClick: onClick }, { children: jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.66667C5.94991 2.66667 2.66667 5.94991 2.66667 10C2.66667 14.0501 5.94991 17.3333 10 17.3333C14.0501 17.3333 17.3333 14.0501 17.3333 10C17.3333 5.94991 14.0501 2.66667 10 2.66667ZM0.666667 10C0.666667 4.84534 4.84534 0.666667 10 0.666667C15.1547 0.666667 19.3333 4.84534 19.3333 10C19.3333 15.1547 15.1547 19.3333 10 19.3333C4.84534 19.3333 0.666667 15.1547 0.666667 10Z" }, void 0),
+                jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 9C10.5523 9 11 9.44772 11 10V13.3333C11 13.8856 10.5523 14.3333 10 14.3333C9.44772 14.3333 9 13.8856 9 13.3333V10C9 9.44772 9.44772 9 10 9Z" }, void 0),
+                jsx("path", { d: "M10.8333 6.66667C10.8333 7.1269 10.4602 7.5 10 7.5C9.53976 7.5 9.16667 7.1269 9.16667 6.66667C9.16667 6.20643 9.53976 5.83333 10 5.83333C10.4602 5.83333 10.8333 6.20643 10.8333 6.66667Z" }, void 0)] }), void 0) }), void 0));
+};
+
+export default TableInfoButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;IAEM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,uBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,sBAAoB,MAAM,CAAC,MAAM,SAAI,SAAW,EAC3D,OAAO,EAAE,OAAO,gBAEhBC,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElCD,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yXAAyX,WAC3X;gBACFA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iJAAiJ,WACnJ;gBACFA,cAAM,CAAC,EAAC,2LAA2L,WAAG,aAClM,YACD;AAzBH;;;;"}

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var StarIcon = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M5.933.004a.73.73 0 01.756.468L7.891 3.67l3.407.16c.677.03.954.886.422 1.306l-2.66 2.145.899 3.296c.17.647-.545 1.166-1.105.8l-2.85-1.872-2.858 1.873c-.561.368-1.28-.152-1.107-.801l.9-3.296L.278 5.136C-.253 4.716.024 3.86.7 3.831l3.407-.161L5.322.472a.73.73 0 01.61-.468z" }, void 0) }), void 0));
+};
+
+export default StarIcon;
+//# sourceMappingURL=StarIcon.js.map