@trafilea/afrodita-components 5.0.0-beta.293 → 5.0.0-beta.294

package/build/index.js/src/components/input/basePlusButton/BasePlusButton.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var BaseInput = require('../base/BaseInput.js');
-var Theme = require('../../../core/theme/Theme.js');
-var enums = require('../../../types/enums.js');
-var ButtonSecondary = require('../../cta/secondary/ButtonSecondary.js');
-var ButtonSecondaryOutline = require('../../cta/secondary/ButtonSecondaryOutline.js');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Success = require('./Success.js');
-
-var ButtonContainer = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  margin-left: 0.625rem;\n\n  button {\n    width: 100%;\n    height: 100%;\n    background-color: ", ";\n  }\n"], ["\n  margin-left: 0.625rem;\n\n  button {\n    width: 100%;\n    height: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var status = _a.status, type = _a.type, theme = _a.theme;
-    return status === enums.InputValidationType.Empty &&
-        type === 'primary' &&
-        theme.colors.shades['850'].color;
-});
-var BasePlusButton = function (_a) {
-    var onClick = _a.onClick, onClickEdit = _a.onClickEdit, text = _a.text, success = _a.success, editText = _a.editText, successText = _a.successText, rest = tslib_es6.__rest(_a, ["onClick", "onClickEdit", "text", "success", "editText", "successText"]);
-    var _b = React.useState(enums.InputValidationType.Empty), status = _b[0], setStatus = _b[1];
-    var _c = React.useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var theme = Theme.useTheme();
-    var onChangeInput = React.useCallback(function (value) { return setInputValue(value); }, []);
-    if (success) {
-        return (jsxRuntime.jsx(Success.Success, tslib_es6.__assign({ successText: successText, size: rest.size }, { children: jsxRuntime.jsx(ButtonContainer, tslib_es6.__assign({ status: status, type: "secondary", theme: theme }, { children: jsxRuntime.jsx(ButtonSecondaryOutline, { text: editText, onClick: onClickEdit, disabled: rest.disabled }, void 0) }), void 0) }), void 0));
-    }
-    return (jsxRuntime.jsx(BaseInput.BaseInput, tslib_es6.__assign({ onValidation: setStatus, onChange: onChangeInput }, rest, { children: jsxRuntime.jsx(ButtonContainer, tslib_es6.__assign({ status: status, type: "primary", theme: theme }, { children: jsxRuntime.jsx(ButtonSecondary, { text: text, onClick: function () { return onClick(inputValue); }, disabled: rest.disabled || status === enums.InputValidationType.Error }, void 0) }), void 0) }), void 0));
-};
-var templateObject_1;
-
-exports.BasePlusButton = BasePlusButton;
-//# sourceMappingURL=BasePlusButton.js.map

package/build/index.js/src/components/input/basePlusButton/BasePlusButton.js.map

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

package/build/index.js/src/components/input/basePlusButton/Success.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../../icons/index.js');
-
-var SuccessContainer = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  height: ", ";\n  display: flex;\n"], ["\n  height: ", ";\n  display: flex;\n"])), function (_a) {
-    var size = _a.size;
-    return (size === 'small' ? '36px' : '');
-});
-var SuccessMessage = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  background-color: #dfefe0;\n  border: 0.063rem solid #5ead63;\n  border-radius: 0.5rem;\n  width: 100%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  box-sizing: border-box;\n"], ["\n  background-color: #dfefe0;\n  border: 0.063rem solid #5ead63;\n  border-radius: 0.5rem;\n  width: 100%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  box-sizing: border-box;\n"])));
-var SuccessText = emotionStyled_esm.span(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-left: 0.313rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-left: 0.313rem;\n"])));
-var Success = function (_a) {
-    var children = _a.children, successText = _a.successText, size = _a.size;
-    return (jsxRuntime.jsxs(SuccessContainer, tslib_es6.__assign({ size: size }, { children: [jsxRuntime.jsxs(SuccessMessage, { children: [jsxRuntime.jsx(index.Icon.Actions.Check, { fill: "#5EAD63", width: 1.375, height: 1.063 }, void 0), jsxRuntime.jsx(SuccessText, { children: successText }, void 0)] }, void 0), children] }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-exports.Success = Success;
-//# sourceMappingURL=Success.js.map

package/build/index.js/src/components/input/basePlusButton/Success.js.map

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

package/build/index.js/src/components/input/basePlusIcon/BasePlusIcon.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var BaseInput = require('../base/BaseInput.js');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var enums = require('../../../types/enums.js');
-var Theme = require('../../../core/theme/Theme.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  input {\n    padding-right: 2.688rem;\n  }\n"], ["\n  input {\n    padding-right: 2.688rem;\n  }\n"])));
-var IconContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  right: 0.875rem;\n  width: 1.125rem;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg path {\n    fill: ", ";\n  }\n"], ["\n  position: absolute;\n  right: 0.875rem;\n  width: 1.125rem;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg path {\n    fill: ", ";\n  }\n"])), function (props) { return props.color; });
-var BasePlusIcon = function (_a) {
-    var Icon = _a.Icon, rest = tslib_es6.__rest(_a, ["Icon"]);
-    var theme = Theme.useTheme();
-    var _b = React.useState(enums.InputValidationType.Empty), status = _b[0], setStatus = _b[1];
-    return (jsxRuntime.jsx(Container, { children: jsxRuntime.jsx(BaseInput.BaseInput, tslib_es6.__assign({}, rest, { onValidation: setStatus }, { children: jsxRuntime.jsx(IconContainer, tslib_es6.__assign({ color: status === enums.InputValidationType.Valid
-                    ? theme.colors.shades['700'].color
-                    : status === enums.InputValidationType.Error
-                        ? theme.colors.semantic.urgent.color
-                        : '' }, { children: React.createElement(Icon, { fill: theme.colors.shades['250'].color }) }), void 0) }), void 0) }, void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.BasePlusIcon = BasePlusIcon;
-//# sourceMappingURL=BasePlusIcon.js.map

package/build/index.js/src/components/input/basePlusIcon/BasePlusIcon.js.map

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

package/build/index.js/src/components/input/custom/Custom.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var BaseInput = require('../base/BaseInput.js');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Theme = require('../../../core/theme/Theme.js');
-var Button = require('../../shared/button/Button.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  overflow: hidden;\n\n  input {\n    border-radius: ", ";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n    width: 100%;\n  }\n"], ["\n  overflow: hidden;\n\n  input {\n    border-radius: ", ";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n    width: 100%;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.component.inputCustom.input.borderRadius;
-});
-var ButtonContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  max-width: 50%;\n  margin-left: -6px;\n\n  button {\n    width: 100%;\n    height: 100%;\n    border-radius: ", ";\n  }\n"], ["\n  max-width: 50%;\n  margin-left: -6px;\n\n  button {\n    width: 100%;\n    height: 100%;\n    border-radius: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.component.inputCustom.button.borderRadius;
-});
-var Custom = function (_a) {
-    var onClick = _a.onClick, text = _a.text, variant = _a.variant, rest = tslib_es6.__rest(_a, ["onClick", "text", "variant"]);
-    var theme = Theme.useTheme();
-    var props = React.useMemo(function () { return ({
-        variant: variant,
-        onClick: onClick,
-        text: text,
-        disabled: rest.disabled,
-    }); }, [variant, onClick, text, rest.disabled]);
-    return (jsxRuntime.jsx(Container, tslib_es6.__assign({ theme: theme }, { children: jsxRuntime.jsx(BaseInput.BaseInput, tslib_es6.__assign({}, rest, { children: jsxRuntime.jsx(ButtonContainer, tslib_es6.__assign({ theme: theme }, { children: jsxRuntime.jsx(Button.Button, tslib_es6.__assign({}, props), void 0) }), void 0) }), void 0) }), void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.Custom = Custom;
-//# sourceMappingURL=Custom.js.map

package/build/index.js/src/components/input/custom/Custom.js.map

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

package/build/index.js/src/components/input/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var BaseInput = require('./base/BaseInput.js');
-var Custom = require('./custom/Custom.js');
-var BasePlusButton = require('./basePlusButton/BasePlusButton.js');
-var BasePlusIcon = require('./basePlusIcon/BasePlusIcon.js');
-
-var Input = {
-    Simple: BaseInput.BaseInput,
-    Custom: Custom.Custom,
-    SimplePlusButton: BasePlusButton.BasePlusButton,
-    SimplePlusIcon: BasePlusIcon.BasePlusIcon,
-};
-
-exports.Input = Input;
-//# sourceMappingURL=index.js.map

package/build/index.js/src/components/input/index.js.map

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

package/build/index.js/src/components/input/label/Label.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Theme = require('../../../core/theme/Theme.js');
-
-var Label = emotionStyled_esm.span(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  font-weight: 600;\n  color: ", ";\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n"], ["\n  font-weight: 600;\n  color: ", ";\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-});
-var MandatoryIcon = emotionStyled_esm.span(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  color: ", ";\n  margin-left: 0.25rem;\n"], ["\n  color: ", ";\n  margin-left: 0.25rem;\n"])), function (_a) {
-    var color = _a.color;
-    return color;
-});
-var InputLabel = function (_a) {
-    var label = _a.label, isDisabled = _a.isDisabled, isRequired = _a.isRequired;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsxs(Label, tslib_es6.__assign({ color: isDisabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color }, { children: [label, isRequired && jsxRuntime.jsx(MandatoryIcon, tslib_es6.__assign({ color: theme.colors.semantic.urgent.color }, { children: "*" }), void 0)] }), void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.InputLabel = InputLabel;
-exports.MandatoryIcon = MandatoryIcon;
-//# sourceMappingURL=Label.js.map

package/build/index.js/src/components/input/label/Label.js.map

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

package/build/index.js/src/components/mobile/gallery/ImageProductWithTagsMobile.js

@@ -1,126 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var InnerImageZoom = require('../../../../node_modules/react-inner-image-zoom/es/InnerImageZoom/InnerImageZoom.js');
-var slider = require('../../../../node_modules/@ant-design/react-slick/es/slider.js');
-var ButtonPrimary = require('../../cta/primary/ButtonPrimary.js');
-require('../../../core/theme/Theme.js');
-require('../../../types/enums.js');
-var index = require('../../icons/index.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  ", "\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n"], ["\n  ", "\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n"])), function (_a) {
-    var borderRadiusVariant = _a.borderRadiusVariant;
-    return borderRadiusVariant &&
-        "\n    border-radius: 40px;\n  ";
-});
-// max-height: 31.875rem;
-var TopTagContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '13px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '11px' : '0'); });
-var BottomTagContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
-var VideoOverlay = emotionStyled_esm.div(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"], ["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"])));
-var Video = emotionStyled_esm.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 510px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n"])));
-var VideoTag = emotionStyled_esm.div(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"], ["\n  gap: 8px;\n  position: absolute;\n  width: 100%;\n  bottom: 50px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"])));
-var Text = emotionStyled_esm.div(templateObject_7 || (templateObject_7 = tslib_es6.__makeTemplateObject(["\n  padding-top: 3px;\n"], ["\n  padding-top: 3px;\n"])));
-var NavButtonContainer = emotionStyled_esm.div(templateObject_8 || (templateObject_8 = tslib_es6.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n"], ["\n  height: 40px;\n  width: 40px;\n"])));
-var Button = emotionStyled_esm.button(templateObject_9 || (templateObject_9 = tslib_es6.__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"], ["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  height: 40px !important;\n  cursor: pointer;\n"])));
-var settings = {
-    dots: true,
-    infinite: false,
-    speed: 200,
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    initialSlide: 0,
-};
-var ImageProductWithTags = function (_a) {
-    var images = _a.images, _b = _a.customClick, customClick = _b === void 0 ? false : _b, topTag = _a.topTag, bottomTag = _a.bottomTag, testId = _a.testId, borderRadiusVariant = _a.borderRadiusVariant, selectedValue = _a.selectedValue;
-    var slick = React.useRef(null);
-    var sliderWrapper = React.useRef(null);
-    var iframeRef = React.useRef(null);
-    var _c = React.useState(false), isPlaying = _c[0], setIsPlaying = _c[1];
-    usePreventVerticalScroll(sliderWrapper);
-    var onButtonClick = React.useCallback(function (i) {
-        var _a;
-        (_a = slick.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(i);
-    }, [slick]);
-    var _sendCommandToIframe = function (command) {
-        var iframe = document.getElementById('vwo-video');
-        (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) &&
-            iframe.contentWindow.postMessage(JSON.stringify({
-                event: 'command',
-                func: command,
-            }), '*');
-    };
-    var _stopVideo = function () {
-        _sendCommandToIframe('stopVideo');
-        setIsPlaying(false);
-    };
-    var _playVideo = function () {
-        _sendCommandToIframe('playVideo');
-        setIsPlaying(true);
-    };
-    React.useEffect(function () {
-        var _a;
-        if (selectedValue) {
-            var matchingIndex = images.findIndex(function (image) { return image.imageUrl === selectedValue.imageUrl; });
-            if (matchingIndex !== -1) {
-                (_a = slick.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(matchingIndex);
-            }
-        }
-    }, [images, selectedValue]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [customClick && (jsxRuntime.jsx("div", tslib_es6.__assign({ style: { display: 'flex', marginBottom: '20px', gap: '10px' } }, { children: images.map(function (_, i) { return (jsxRuntime.jsx(ButtonPrimary, { onClick: function () { return onButtonClick(i); }, text: String(i + 1), inline: true }, i)); }) }), void 0)), jsxRuntime.jsx(Container, tslib_es6.__assign({ "data-testid": testId, borderRadiusVariant: borderRadiusVariant, ref: sliderWrapper }, { children: jsxRuntime.jsx(slider, tslib_es6.__assign({ afterChange: function (e) {
-                        var _a;
-                        var activeSlide = images[e];
-                        // If autoplay is true and iframe is the active slide, play the video
-                        var autoplay = (_a = activeSlide === null || activeSlide === void 0 ? void 0 : activeSlide.imageUrl) === null || _a === void 0 ? void 0 : _a.includes('autoplay=1');
-                        autoplay ? _playVideo() : _stopVideo();
-                    } }, settings, { nextArrow: jsxRuntime.jsx(NavButtonContainer, { children: jsxRuntime.jsx(Button, { children: jsxRuntime.jsx(index.Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0), prevArrow: jsxRuntime.jsx(NavButtonContainer, { children: jsxRuntime.jsx(Button, { children: jsxRuntime.jsx(index.Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0), ref: slick }, { children: images.map(function (image) {
-                        var _a, _b;
-                        return (jsxRuntime.jsxs("div", { children: [!((_a = image === null || image === void 0 ? void 0 : image.alt) === null || _a === void 0 ? void 0 : _a.includes('-video')) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InnerImageZoom, { src: image.imageUrl, zoomSrc: image.imageUrl, zoomType: "hover", imgAttributes: { alt: image.alt, width: '100%', height: '510px' }, height: 510, fullscreenOnMobile: true, className: "zoomWrapper" }, void 0), jsxRuntime.jsx(TopTagContainer, tslib_es6.__assign({ borderRadiusVariant: borderRadiusVariant, "data-testid": "topTag" }, { children: topTag }), void 0), jsxRuntime.jsx(BottomTagContainer, tslib_es6.__assign({ "data-testid": "bottomTag" }, { children: bottomTag }), void 0)] }, void 0)), ((_b = image === null || image === void 0 ? void 0 : image.alt) === null || _b === void 0 ? void 0 : _b.includes('-video')) && (jsxRuntime.jsxs(Video, { children: [jsxRuntime.jsx("iframe", { id: "vwo-video", ref: iframeRef, allowFullScreen: true, title: image.alt, width: "100%", height: "220px", src: image === null || image === void 0 ? void 0 : image.imageUrl, allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" }, void 0), jsxRuntime.jsx(VideoOverlay, { onClick: function () {
-                                                isPlaying ? _stopVideo() : _playVideo();
-                                            } }, void 0), jsxRuntime.jsxs(VideoTag, { children: [jsxRuntime.jsx(index.Icon.PDP.PlayMini, { width: 1.5 }, void 0), jsxRuntime.jsx(Text, { children: "VIDEO" }, void 0)] }, void 0)] }, void 0))] }, image.key));
-                    }) }), void 0) }), void 0)] }, void 0));
-};
-function usePreventVerticalScroll(ref, dragThreshold) {
-    if (dragThreshold === void 0) { dragThreshold = 5; }
-    var firstClientX = React.useRef(0);
-    var clientX = React.useRef(0);
-    var preventTouch = React.useCallback(function (e) {
-        clientX.current = e.touches[0].clientX - firstClientX.current;
-        // Vertical scrolling does not work when you start swiping horizontally.
-        if (Math.abs(clientX.current) > dragThreshold) {
-            if (e.cancelable) {
-                e.preventDefault();
-            }
-            e.returnValue = false;
-            return false;
-        }
-        return true;
-    }, [dragThreshold]);
-    var touchStart = React.useCallback(function (e) {
-        firstClientX.current = e.touches[0].clientX;
-    }, []);
-    React.useEffect(function () {
-        var current = ref.current;
-        if (current) {
-            current.addEventListener('touchstart', touchStart);
-            current.addEventListener('touchmove', preventTouch, { passive: false });
-        }
-        return function () {
-            if (current) {
-                current.removeEventListener('touchstart', touchStart);
-                // Had to change this line to prevent a typing error. You may not have the issue:
-                // current.removeEventListener('touchmove', preventTouch, { passive: false })
-                current.removeEventListener('touchmove', preventTouch);
-            }
-        };
-    }, [preventTouch, ref, touchStart]);
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-
-exports["default"] = ImageProductWithTags;
-exports.usePreventVerticalScroll = usePreventVerticalScroll;
-//# sourceMappingURL=ImageProductWithTagsMobile.js.map

package/build/index.js/src/components/mobile/gallery/ImageProductWithTagsMobile.js.map

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

package/build/index.js/src/components/mobile/gallery/ProductGalleryMobile.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var ImageProductWithTagsMobile = require('./ImageProductWithTagsMobile.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));
-var ProductGalleryMobile = function (_a) {
-    var images = _a.images, customClick = _a.customClick, topTag = _a.topTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId, _b = _a.borderRadiusVariant, borderRadiusVariant = _b === void 0 ? false : _b, selectedValue = _a.selectedValue;
-    return (jsxRuntime.jsx(Container, { children: jsxRuntime.jsx(ImageProductWithTagsMobile["default"], { images: images, customClick: customClick, topTag: topTag, bottomTag: bottomTag, testId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant, selectedValue: selectedValue }, void 0) }, void 0));
-};
-var templateObject_1;
-
-module.exports = ProductGalleryMobile;
-//# sourceMappingURL=ProductGalleryMobile.js.map

package/build/index.js/src/components/mobile/gallery/ProductGalleryMobile.js.map

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

package/build/index.js/src/components/mobile/gallery/ProductGalleryMobileV2/ImageProductWithTagsMobileV2.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var InnerImageZoom = require('../../../../../node_modules/react-inner-image-zoom/es/InnerImageZoom/InnerImageZoom.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  ", "\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"], ["\n  ", "\n  position: relative;\n  max-height: 31.875rem;\n  overflow: hidden;\n"])), function (_a) {
-    var borderRadiusVariant = _a.borderRadiusVariant;
-    return borderRadiusVariant &&
-        "\n    border-radius: 40px;\n  ";
-});
-var TopTagContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '13px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '11px' : '0'); });
-var BottomTagContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
-var ImageProductWithTagsMobileV2 = React.forwardRef(function ImageProductWithTags(_a, ref) {
-    var _b, _c;
-    var image = _a.image, topTag = _a.topTag, bottomTag = _a.bottomTag, testId = _a.testId, borderRadiusVariant = _a.borderRadiusVariant;
-    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ "data-testid": testId, ref: ref, borderRadiusVariant: borderRadiusVariant }, { children: [!((_b = image === null || image === void 0 ? void 0 : image.alt) === null || _b === void 0 ? void 0 : _b.includes('-video')) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InnerImageZoom, { src: image.imageUrl, zoomSrc: image.imageUrl, zoomType: "hover", imgAttributes: { alt: image.alt, width: '100%', height: '510px' }, height: 510, fullscreenOnMobile: true, className: "zoomWrapper" }, void 0), jsxRuntime.jsx(TopTagContainer, tslib_es6.__assign({ borderRadiusVariant: borderRadiusVariant }, { children: topTag }), void 0), jsxRuntime.jsx(BottomTagContainer, { children: bottomTag }, void 0)] }, void 0)), ((_c = image === null || image === void 0 ? void 0 : image.alt) === null || _c === void 0 ? void 0 : _c.includes('-video')) && (jsxRuntime.jsx("iframe", { allowFullScreen: true, title: image.alt, width: "100%", height: 510, src: image === null || image === void 0 ? void 0 : image.imageUrl, allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" }, void 0))] }), void 0));
-});
-var templateObject_1, templateObject_2, templateObject_3;
-
-module.exports = ImageProductWithTagsMobileV2;
-//# sourceMappingURL=ImageProductWithTagsMobileV2.js.map

package/build/index.js/src/components/mobile/gallery/ProductGalleryMobileV2/ImageProductWithTagsMobileV2.js.map

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

package/build/index.js/src/components/mobile/gallery/ProductGalleryMobileV2/ProductGalleryMobileV2.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var reactSwipeable_module = require('../../../../../node_modules/react-swipeable/dist/react-swipeable.module.js');
-var ImageProductWithTagsMobileV2 = require('./ImageProductWithTagsMobileV2.js');
-var SlideNavigation = require('../slide_navigation/SlideNavigation.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));
-var ProductGalleryMobileV2 = function (_a) {
-    var images = _a.images, selectedValue = _a.selectedValue, topTag = _a.topTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId, slideDotsDataTestId = _a.slideDotsDataTestId, _b = _a.borderRadiusVariant, borderRadiusVariant = _b === void 0 ? false : _b;
-    var _c = React.useState(0), index = _c[0], setIndex = _c[1];
-    React.useEffect(function () {
-        if (selectedValue == null) {
-            return;
-        }
-        setIndex(Math.max(0, images.indexOf(selectedValue)));
-    }, [selectedValue, images]);
-    var _d = React.useState(function () { return images[index]; }), selectedImage = _d[0], setSelectedImage = _d[1];
-    var handlers = reactSwipeable_module.useSwipeable({
-        onSwipedLeft: React.useCallback(function () {
-            setIndex(function (index) { return Math.min(index + 1, images.length - 1); });
-        }, [images.length]),
-        onSwipedRight: React.useCallback(function () {
-            setIndex(function (index) { return Math.max(index - 1, 0); });
-        }, []),
-    });
-    React.useEffect(function () {
-        setSelectedImage(images[index]);
-    }, [index, images]);
-    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(ImageProductWithTagsMobileV2, tslib_es6.__assign({}, handlers, { image: selectedImage, topTag: topTag, bottomTag: bottomTag, testId: productImageDataTestId, borderRadiusVariant: borderRadiusVariant }), void 0), jsxRuntime.jsx(SlideNavigation, { quantity: images.length, selectedIndex: images.indexOf(selectedImage), onNavigate: setIndex, testId: slideDotsDataTestId }, void 0)] }, void 0));
-};
-var templateObject_1;
-
-module.exports = ProductGalleryMobileV2;
-//# sourceMappingURL=ProductGalleryMobileV2.js.map

package/build/index.js/src/components/mobile/gallery/ProductGalleryMobileV2/ProductGalleryMobileV2.js.map

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

package/build/index.js/src/components/mobile/gallery/slide_navigation/ArrowButton.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-
-var Button = emotionStyled_esm.button(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  top: calc(50% - 40px);\n  height: 40px !important;\n"], ["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n  z-index: 5;\n  top: calc(50% - 40px);\n  height: 40px !important;\n"])));
-var ArrowButton = function (_a) {
-    var Icon = _a.Icon, onClick = _a.onClick, className = _a.className;
-    return (jsxRuntime.jsx(Button, tslib_es6.__assign({ className: className, type: "button", onClick: onClick }, { children: Icon }), void 0));
-};
-var templateObject_1;
-
-module.exports = ArrowButton;
-//# sourceMappingURL=ArrowButton.js.map

package/build/index.js/src/components/mobile/gallery/slide_navigation/ArrowButton.js.map

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

package/build/index.js/src/components/mobile/gallery/slide_navigation/SlideDots.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Theme = require('../../../../core/theme/Theme.js');
-var index = require('../../../icons/index.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  bottom: 15px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  svg {\n    padding: 0.125rem;\n    margin-left: 0.25rem;\n  }\n"], ["\n  position: absolute;\n  bottom: 15px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  svg {\n    padding: 0.125rem;\n    margin-left: 0.25rem;\n  }\n"])));
-var range = function (limit) { return tslib_es6.__spreadArray([], new Array(limit), true).map(function (_, index) { return index; }); };
-var SlideDots = function (_a) {
-    var quantity = _a.quantity, selectedIndex = _a.selectedIndex, containerDataTestId = _a.containerDataTestId;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Container, tslib_es6.__assign({ "data-testid": containerDataTestId }, { children: range(quantity).map(function (index$1) { return (jsxRuntime.jsx(index.Icon.SlideDots.SlideDot, { height: 0.75, width: 0.75, fill: index$1 === selectedIndex
-                ? theme.component.slideNavigation.slideDots.selectedDotColor
-                : theme.component.slideNavigation.slideDots.unselectedDotColor, opacity: theme.component.slideNavigation.slideDots.dotsOpacity, testId: "slide-dot-".concat(index$1) }, index$1)); }) }), void 0));
-};
-var templateObject_1;
-
-module.exports = SlideDots;
-//# sourceMappingURL=SlideDots.js.map

package/build/index.js/src/components/mobile/gallery/slide_navigation/SlideDots.js.map

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

package/build/index.js/src/components/mobile/gallery/slide_navigation/SlideNavigation.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../../../icons/index.js');
-var ArrowButton = require('./ArrowButton.js');
-var SlideDots = require('./SlideDots.js');
-var Theme = require('../../../../core/theme/Theme.js');
-
-var NavigationButton = emotionStyled_esm(ArrowButton)(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
-var RightButton = emotionStyled_esm(NavigationButton)(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  right: 0;\n"], ["\n  right: 0;\n"])));
-var LeftButton = emotionStyled_esm(NavigationButton)(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  left: 0;\n"], ["\n  left: 0;\n"])));
-var SlideNavigation = function (_a) {
-    var quantity = _a.quantity, selectedIndex = _a.selectedIndex, onNavigate = _a.onNavigate, testId = _a.testId;
-    var theme = Theme.useTheme();
-    var upperLimit = quantity - 1;
-    var lowerLimit = 0;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [selectedIndex > lowerLimit && (jsxRuntime.jsx(LeftButton, { Icon: jsxRuntime.jsx(index.Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: theme.colors.shades['700'].color, opacity: 0.5 }, void 0), onClick: function () {
-                    onNavigate(selectedIndex - 1);
-                } }, void 0)), selectedIndex < upperLimit && (jsxRuntime.jsx(RightButton, { Icon: jsxRuntime.jsx(index.Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: theme.colors.shades['700'].color, opacity: 0.5 }, void 0), onClick: function () {
-                    onNavigate(selectedIndex + 1);
-                } }, void 0)), jsxRuntime.jsx(SlideDots, { quantity: quantity, selectedIndex: selectedIndex, containerDataTestId: testId }, void 0)] }, void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-module.exports = SlideNavigation;
-//# sourceMappingURL=SlideNavigation.js.map

package/build/index.js/src/components/mobile/gallery/slide_navigation/SlideNavigation.js.map

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

package/build/index.js/src/components/modal/Modal.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var emotionReact_esm = require('../../../node_modules/@emotion/react/dist/emotion-react.esm.js');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../../../node_modules/@ribeirolabs/events/index.js');
-var index$1 = require('../../../node_modules/@ribeirolabs/events/react/index.js');
-var React = require('react');
-var Portal = require('../shared/portal/Portal.js');
-var media = require('../../utils/media.js');
-
-var visibleStyle = function (_a) {
-    var opened = _a.opened;
-    return opened
-        ? emotionReact_esm.css(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n        opacity: 1;\n        pointer-events: all;\n      "], ["\n        opacity: 1;\n        pointer-events: all;\n      "]))) : emotionReact_esm.css(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n        opacity: 0;\n        pointer-events: none;\n      "], ["\n        opacity: 0;\n        pointer-events: none;\n      "])));
-};
-var transformStyle = function (_a) {
-    var opened = _a.opened, maxFullScreen = _a.maxFullScreen;
-    return opened
-        ? emotionReact_esm.css(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n        transform: ", ";\n      "], ["\n        transform: ", ";\n      "])), maxFullScreen ? 'translateY(0)' : 'translate(-50%, -50%)') : emotionReact_esm.css(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n        transform: ", ";\n      "], ["\n        transform: ", ";\n      "])), maxFullScreen ? 'translateY(10%)' : 'translate(-50%, -40%)');
-};
-var Container = emotionStyled_esm.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  border: 1px solid var(--colors-pallete-primary-color);\n  border-radius: ", ";\n  padding: ", ";\n  position: fixed;\n  left: ", ";\n  top: ", ";\n  z-index: var(--zIndex-modal);\n  background-color: var(--colors-background-color);\n  transition: transform 0.3s, opacity 0.3s;\n  overflow-y: auto;\n  max-width: ", ";\n  max-height: ", ";\n  width: ", ";\n  height: ", ";\n  ", "\n\n  ", "\n  ", "\n"], ["\n  border: 1px solid var(--colors-pallete-primary-color);\n  border-radius: ", ";\n  padding: ", ";\n  position: fixed;\n  left: ", ";\n  top: ", ";\n  z-index: var(--zIndex-modal);\n  background-color: var(--colors-background-color);\n  transition: transform 0.3s, opacity 0.3s;\n  overflow-y: auto;\n  max-width: ", ";\n  max-height: ", ";\n  width: ", ";\n  height: ", ";\n  ", "\n\n  ", "\n  ", "\n"])), function (props) { return "".concat(props.maxFullScreen ? '0' : 'var(--radius-regular)'); }, function (props) { return "".concat(props.padding ? props.padding : '20px'); }, function (props) { return "".concat(props.maxFullScreen ? '0' : '50%'); }, function (props) { return "".concat(props.maxFullScreen ? '0' : '50%'); }, function (props) { return "".concat(props.maxFullScreen ? '100%' : '90vw'); }, function (props) { return "".concat(props.maxFullScreen ? '100%' : '90vh'); }, function (props) { return "".concat(props.maxFullScreen ? '100%' : 'auto'); }, function (props) { return "".concat(props.maxFullScreen ? '100%' : 'inherit'); }, media.mediaQueries({
-    minWidth: ['90%', 'var(--component-modal-minWidth)'],
-}), visibleStyle, transformStyle);
-var Overlay = emotionStyled_esm.div(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.75);\n  z-index: var(--zIndex-overlay);\n  transition: opacity 0.3s;\n\n  ", "\n"], ["\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.75);\n  z-index: var(--zIndex-overlay);\n  transition: opacity 0.3s;\n\n  ", "\n"])), visibleStyle);
-var Modal = function (_a) {
-    var id = _a.id, children = _a.children, _b = _a.dismissable, dismissable = _b === void 0 ? true : _b, _c = _a.maxFullScreen, maxFullScreen = _c === void 0 ? false : _c, padding = _a.padding;
-    var _d = useModal(id), opened = _d.opened, close = _d.close;
-    var onDismiss = function () {
-        if (!dismissable) {
-            return;
-        }
-        close();
-    };
-    return (emotionReactJsxRuntime_esm.jsxs(Portal.Portal, tslib_es6.__assign({ id: id }, { children: [emotionReactJsxRuntime_esm.jsx(Container, tslib_es6.__assign({ opened: opened, maxFullScreen: maxFullScreen, padding: padding }, { children: children }), void 0), emotionReactJsxRuntime_esm.jsx(Overlay, { opened: opened, onClick: onDismiss }, void 0)] }), void 0));
-};
-var modalEvent = function (id, detail) {
-    index.dispatchCustomEvent('modal', tslib_es6.__assign({ id: id }, detail));
-};
-var useModalEvent = function (id, cb) {
-    index$1.useEvent('modal', React.useCallback(function (event) {
-        if (event.detail.id !== id) {
-            return;
-        }
-        cb(event);
-    }, [id, cb]));
-};
-var useModal = function (id) {
-    var _a = React.useState(false), opened = _a[0], setOpened = _a[1];
-    useModalEvent(id, React.useCallback(function (event) { return setOpened(event.detail.type === 'open'); }, []));
-    var open = React.useCallback(function () {
-        modalEvent(id, { type: 'open' });
-    }, [id]);
-    var close = React.useCallback(function () {
-        modalEvent(id, { type: 'close' });
-    }, [id]);
-    return React.useMemo(function () { return ({
-        opened: opened,
-        open: open,
-        close: close,
-    }); }, [close, open, opened]);
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-
-exports.Modal = Modal;
-exports.Overlay = Overlay;
-exports.modalEvent = modalEvent;
-exports.useModal = useModal;
-exports.useModalEvent = useModalEvent;
-//# sourceMappingURL=Modal.js.map

package/build/index.js/src/components/modal/Modal.js.map

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