@geneui/components 2.16.0-canary-12a636d-09092024 → 2.16.0-canary-7376102-11092024

package/Popover/index.js

@@ -1,26 +1,431 @@
 import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useRef, useState, useContext, useCallback, useMemo, Children, useEffect } from 'react';
-import { _ as _default } from '../Popover-f4d1cac0.js';
+import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
+import ReactDOM__default from 'react-dom';
 import { u as useSwipeable } from '../index-122432cd.js';
 import { c as classnames } from '../index-031ff73c.js';
 import PropTypes from 'prop-types';
 import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
 import useDeviceType from '../hooks/useDeviceType.js';
 import useUpdatableRef from '../hooks/useUpdatableRef.js';
-import { d as popoverConfig, s as screenTypes } from '../configs-1fb8eed2.js';
+import { g as popoverConfig, s as screenTypes } from '../configs-00612ce0.js';
 import { GeneUIDesignSystemContext } from '../GeneUIProvider/index.js';
 import Portal from '../Portal/index.js';
 import CustomScrollbar from '../Scrollbar/index.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import { g as guid } from '../guid-8ddf77b3.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
 import '../dateValidation-67caec66.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../hooks/useForceUpdate.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"2.15.0\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"2.15.0\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;width:100%}[data-gene-ui-version=\"2.15.0\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"2.15.0\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"2.15.0\"] .popover{width:100%}[data-gene-ui-version=\"2.15.0\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"2.15.0\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"2.15.0\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"2.15.0\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"2.15.0\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"2.15.0\"] .fullHeight{height:100%}[data-gene-ui-version=\"2.15.0\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"2.15.0\"] .popover-footer,[data-gene-ui-version=\"2.15.0\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"2.15.0\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"2.15.0\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"2.15.0\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"2.15.0\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"2.15.0\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"2.15.0\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
+var Popover$2 = {};
+
+var util = {};
+
+Object.defineProperty(util, "__esModule", { value: true });
+util.Constants = {
+    POPOVER_CONTAINER_CLASS_NAME: 'react-tiny-popover-container',
+    DEFAULT_PADDING: 6,
+    DEFAULT_WINDOW_PADDING: 6,
+    FADE_TRANSITION: 0.35,
+    DEFAULT_ARROW_COLOR: 'black',
+    DEFAULT_POSITIONS: ['top', 'left', 'right', 'bottom'],
+    EMPTY_CLIENT_RECT: {
+        top: 0,
+        left: 0,
+        bottom: 0,
+        height: 0,
+        right: 0,
+        width: 0,
+    },
+};
+util.arrayUnique = function (array) { return array.filter(function (value, index, self) { return self.indexOf(value) === index; }); };
+
+var ArrowContainer$1 = {};
+
+var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(ArrowContainer$1, "__esModule", { value: true });
+var React$1 = React__default;
+var util_1$1 = util;
+var ArrowContainer = function (_a) {
+    var position = _a.position, children = _a.children, style = _a.style, _b = _a.arrowColor, arrowColor = _b === void 0 ? util_1$1.Constants.DEFAULT_ARROW_COLOR : _b, _c = _a.arrowSize, arrowSize = _c === void 0 ? 10 : _c, arrowStyle = _a.arrowStyle, popoverRect = _a.popoverRect, targetRect = _a.targetRect;
+    return (React$1.createElement("div", { style: __assign({ paddingLeft: position === 'right' ? arrowSize : 0, paddingTop: position === 'bottom' ? arrowSize : 0, paddingBottom: position === 'top' ? arrowSize : 0, paddingRight: position === 'left' ? arrowSize : 0 }, style) },
+        React$1.createElement("div", { style: __assign({ position: 'absolute' }, (function () {
+                var arrowWidth = arrowSize * 2;
+                var top = (targetRect.top - popoverRect.top) + (targetRect.height / 2) - (arrowWidth / 2);
+                var left = (targetRect.left - popoverRect.left) + (targetRect.width / 2) - (arrowWidth / 2);
+                left = left < 0 ? 0 : left;
+                left = left + arrowWidth > popoverRect.width ? popoverRect.width - arrowWidth : left;
+                top = top < 0 ? 0 : top;
+                top = top + arrowWidth > popoverRect.height ? popoverRect.height - arrowWidth : top;
+                switch (position) {
+                    case 'right':
+                        return {
+                            borderTop: arrowSize + "px solid transparent",
+                            borderBottom: arrowSize + "px solid transparent",
+                            borderRight: arrowSize + "px solid " + arrowColor,
+                            left: 0,
+                            top: top,
+                        };
+                    case 'left':
+                        return {
+                            borderTop: arrowSize + "px solid transparent",
+                            borderBottom: arrowSize + "px solid transparent",
+                            borderLeft: arrowSize + "px solid " + arrowColor,
+                            right: 0,
+                            top: top,
+                        };
+                    case 'bottom':
+                        return {
+                            borderLeft: arrowSize + "px solid transparent",
+                            borderRight: arrowSize + "px solid transparent",
+                            borderBottom: arrowSize + "px solid " + arrowColor,
+                            top: 0,
+                            left: left,
+                        };
+                    case 'top':
+                    default:
+                        return {
+                            borderLeft: arrowSize + "px solid transparent",
+                            borderRight: arrowSize + "px solid transparent",
+                            borderTop: arrowSize + "px solid " + arrowColor,
+                            bottom: 0,
+                            left: left,
+                        };
+                }
+            })(), arrowStyle) }),
+        children));
+};
+ArrowContainer$1.ArrowContainer = ArrowContainer;
+
+var __extends = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(Popover$2, "__esModule", { value: true });
+var React = React__default;
+var react_dom_1 = ReactDOM__default;
+var util_1 = util;
+var ArrowContainer_1 = ArrowContainer$1;
+Popover$2.ArrowContainer = ArrowContainer_1.ArrowContainer;
+var Popover$1 = /** @class */ (function (_super) {
+    __extends(Popover, _super);
+    function Popover() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.target = null;
+        _this.targetRect = null;
+        _this.targetPositionIntervalHandler = null;
+        _this.popoverDiv = null;
+        _this.positionOrder = null;
+        _this.willUnmount = false;
+        _this.willMount = false;
+        _this.onResize = function (e) {
+            _this.renderPopover();
+        };
+        _this.onClick = function (e) {
+            var _a = _this.props, onClickOutside = _a.onClickOutside, isOpen = _a.isOpen;
+            if (!_this.willUnmount && !_this.willMount && !_this.popoverDiv.contains(e.target) && !_this.target.contains(e.target) && onClickOutside && isOpen) {
+                onClickOutside(e);
+            }
+        };
+        return _this;
+    }
+    Popover.prototype.componentDidMount = function () {
+        var _this = this;
+        window.setTimeout(function () { return _this.willMount = false; });
+        var _a = this.props, position = _a.position, isOpen = _a.isOpen;
+        this.target = react_dom_1.findDOMNode(this);
+        this.positionOrder = this.getPositionPriorityOrder(position);
+        this.updatePopover(isOpen);
+    };
+    Popover.prototype.componentDidUpdate = function (prevProps) {
+        if (this.target == null) {
+            this.target = react_dom_1.findDOMNode(this);
+        }
+        var prevIsOpen = prevProps.isOpen, prevPosition = prevProps.position, prevBody = prevProps.content;
+        var _a = this.props, isOpen = _a.isOpen, content = _a.content, position = _a.position;
+        this.positionOrder = this.getPositionPriorityOrder(this.props.position);
+        var hasNewDestination = prevProps.contentDestination !== this.props.contentDestination;
+        if (prevIsOpen !== isOpen ||
+            prevBody !== content ||
+            prevPosition !== position ||
+            hasNewDestination) {
+            if (hasNewDestination) {
+                this.removePopover();
+                this.popoverDiv.remove();
+            }
+            this.updatePopover(isOpen);
+        }
+    };
+    Popover.prototype.componentWillMount = function () {
+        this.willUnmount = false;
+        this.willMount = true;
+    };
+    Popover.prototype.componentWillUnmount = function () {
+        this.willUnmount = true;
+        this.removePopover();
+    };
+    Popover.prototype.render = function () {
+        return this.props.children;
+    };
+    Popover.prototype.updatePopover = function (isOpen) {
+        if (isOpen && this.target != null) {
+            if (!this.popoverDiv || !this.popoverDiv.parentNode) {
+                var transitionDuration = this.props.transitionDuration;
+                this.popoverDiv = this.createContainer();
+                this.popoverDiv.style.opacity = '0';
+                this.popoverDiv.style.transition = "opacity " + (transitionDuration || util_1.Constants.FADE_TRANSITION) + "s";
+                (this.props.contentDestination || window.document.body).appendChild(this.popoverDiv);
+                window.addEventListener('resize', this.onResize);
+                window.addEventListener('click', this.onClick);
+            }
+            this.renderPopover();
+        }
+        else if (this.popoverDiv && this.popoverDiv.parentNode) {
+            this.removePopover();
+        }
+    };
+    Popover.prototype.renderPopover = function (positionIndex) {
+        var _this = this;
+        if (positionIndex === void 0) { positionIndex = 0; }
+        if (positionIndex >= this.positionOrder.length) {
+            this.removePopover();
+            return;
+        }
+        this.renderWithPosition({ position: this.positionOrder[positionIndex], targetRect: this.target.getBoundingClientRect() }, function (violation, rect) {
+            var _a;
+            var _b = _this.props, disableReposition = _b.disableReposition, contentLocation = _b.contentLocation;
+            if (violation && !disableReposition && !(typeof contentLocation === 'object')) {
+                _this.renderPopover(positionIndex + 1);
+            }
+            else {
+                var _c = _this.props, contentLocation_1 = _c.contentLocation, align = _c.align;
+                var _d = _this.getNudgedPopoverPosition(rect), nudgedTop = _d.top, nudgedLeft = _d.left;
+                var rectTop = rect.top, rectLeft = rect.left;
+                var position = _this.positionOrder[positionIndex];
+                var _e = disableReposition ? { top: rectTop, left: rectLeft } : { top: nudgedTop, left: nudgedLeft }, top_1 = _e.top, left = _e.left;
+                if (contentLocation_1) {
+                    var targetRect = _this.target.getBoundingClientRect();
+                    var popoverRect = _this.popoverDiv.getBoundingClientRect();
+                    (_a = typeof contentLocation_1 === 'function' ? contentLocation_1({ targetRect: targetRect, popoverRect: popoverRect, position: position, align: align, nudgedLeft: nudgedLeft, nudgedTop: nudgedTop }) : contentLocation_1, top_1 = _a.top, left = _a.left);
+                    _this.popoverDiv.style.left = left.toFixed() + "px";
+                    _this.popoverDiv.style.top = top_1.toFixed() + "px";
+                }
+                else {
+                    var destinationTopOffset = 0;
+                    var destinationLeftOffset = 0;
+                    if (_this.props.contentDestination) {
+                        var destRect = _this.props.contentDestination.getBoundingClientRect();
+                        destinationTopOffset = -destRect.top;
+                        destinationLeftOffset = -destRect.left;
+                    }
+                    var _f = [top_1 + window.pageYOffset, left + window.pageXOffset], absoluteTop = _f[0], absoluteLeft = _f[1];
+                    var finalLeft = absoluteLeft + destinationTopOffset;
+                    var finalTop = absoluteTop + destinationLeftOffset;
+                    _this.popoverDiv.style.left = finalLeft.toFixed() + "px";
+                    _this.popoverDiv.style.top = finalTop.toFixed() + "px";
+                }
+                _this.popoverDiv.style.width = null;
+                _this.popoverDiv.style.height = null;
+                _this.renderWithPosition({
+                    position: position,
+                    nudgedTop: nudgedTop - rect.top,
+                    nudgedLeft: nudgedLeft - rect.left,
+                    targetRect: _this.target.getBoundingClientRect(),
+                    popoverRect: _this.popoverDiv.getBoundingClientRect(),
+                }, function () {
+                    _this.startTargetPositionListener(10);
+                    if (_this.popoverDiv.style.opacity !== '1') {
+                        _this.popoverDiv.style.opacity = '1';
+                    }
+                });
+            }
+        });
+    };
+    Popover.prototype.startTargetPositionListener = function (checkInterval) {
+        var _this = this;
+        if (this.targetPositionIntervalHandler === null) {
+            this.targetPositionIntervalHandler = window.setInterval(function () {
+                var newTargetRect = _this.target.getBoundingClientRect();
+                if (_this.targetPositionHasChanged(_this.targetRect, newTargetRect)) {
+                    _this.renderPopover();
+                }
+                _this.targetRect = newTargetRect;
+            }, checkInterval);
+        }
+    };
+    Popover.prototype.renderWithPosition = function (_a, callback) {
+        var _this = this;
+        var position = _a.position, _b = _a.nudgedLeft, nudgedLeft = _b === void 0 ? 0 : _b, _c = _a.nudgedTop, nudgedTop = _c === void 0 ? 0 : _c, _d = _a.targetRect, targetRect = _d === void 0 ? util_1.Constants.EMPTY_CLIENT_RECT : _d, _e = _a.popoverRect, popoverRect = _e === void 0 ? util_1.Constants.EMPTY_CLIENT_RECT : _e;
+        var _f = this.props, padding = _f.windowBorderPadding, content = _f.content, align = _f.align;
+        var getContent = function (args) {
+            return typeof content === 'function'
+                ? content(args)
+                : content;
+        };
+        react_dom_1.unstable_renderSubtreeIntoContainer(this, getContent({ position: position, nudgedLeft: nudgedLeft, nudgedTop: nudgedTop, targetRect: targetRect, popoverRect: popoverRect, align: align }), this.popoverDiv, function () {
+            if (_this.willUnmount) {
+                return;
+            }
+            var targetRect = _this.target.getBoundingClientRect();
+            var popoverRect = _this.popoverDiv.getBoundingClientRect();
+            var _a = _this.getLocationForPosition(position, targetRect, popoverRect), top = _a.top, left = _a.left;
+            callback(position === 'top' && top < padding ||
+                position === 'left' && left < padding ||
+                position === 'right' && left + popoverRect.width > window.innerWidth - padding ||
+                position === 'bottom' && top + popoverRect.height > window.innerHeight - padding, { width: popoverRect.width, height: popoverRect.height, top: top, left: left });
+        });
+    };
+    Popover.prototype.getNudgedPopoverPosition = function (_a) {
+        var top = _a.top, left = _a.left, width = _a.width, height = _a.height;
+        var padding = this.props.windowBorderPadding;
+        top = top < padding ? padding : top;
+        top = top + height > window.innerHeight - padding ? window.innerHeight - padding - height : top;
+        left = left < padding ? padding : left;
+        left = left + width > window.innerWidth - padding ? window.innerWidth - padding - width : left;
+        return { top: top, left: left };
+    };
+    Popover.prototype.removePopover = function () {
+        var _this = this;
+        if (this.popoverDiv) {
+            var transitionDuration = this.props.transitionDuration;
+            this.popoverDiv.style.opacity = '0';
+            var remove = function () {
+                if (_this.willUnmount || !_this.props.isOpen || !_this.popoverDiv.parentNode) {
+                    window.clearInterval(_this.targetPositionIntervalHandler);
+                    window.removeEventListener('resize', _this.onResize);
+                    window.removeEventListener('click', _this.onClick);
+                    _this.targetPositionIntervalHandler = null;
+                    if (_this.popoverDiv.parentNode) {
+                        _this.popoverDiv.parentNode.removeChild(_this.popoverDiv);
+                    }
+                }
+            };
+            if (!this.willUnmount) {
+                window.setTimeout(remove, (transitionDuration || util_1.Constants.FADE_TRANSITION) * 1000);
+            }
+            else {
+                remove();
+            }
+        }
+    };
+    Popover.prototype.getPositionPriorityOrder = function (position) {
+        if (position && typeof position !== 'string') {
+            if (util_1.Constants.DEFAULT_POSITIONS.every(function (defaultPosition) { return position.find(function (p) { return p === defaultPosition; }) !== undefined; })) {
+                return util_1.arrayUnique(position);
+            }
+            else {
+                var remainingPositions = util_1.Constants.DEFAULT_POSITIONS.filter(function (defaultPosition) { return position.find(function (p) { return p === defaultPosition; }) === undefined; });
+                return util_1.arrayUnique(position.concat(remainingPositions));
+            }
+        }
+        else if (position && typeof position === 'string') {
+            var remainingPositions = util_1.Constants.DEFAULT_POSITIONS.filter(function (defaultPosition) { return defaultPosition !== position; });
+            return util_1.arrayUnique([position].concat(remainingPositions));
+        }
+    };
+    Popover.prototype.createContainer = function () {
+        var _a = this.props, containerStyle = _a.containerStyle, containerClassName = _a.containerClassName;
+        var container = window.document.createElement('div');
+        container.style.overflow = 'hidden';
+        if (containerStyle) {
+            Object.keys(containerStyle).forEach(function (key) { return container.style[key] = containerStyle[key]; });
+        }
+        container.className = containerClassName;
+        container.style.position = 'absolute';
+        container.style.top = '0';
+        container.style.left = '0';
+        return container;
+    };
+    Popover.prototype.getLocationForPosition = function (position, newTargetRect, popoverRect) {
+        var _a = this.props, padding = _a.padding, align = _a.align;
+        var targetMidX = newTargetRect.left + (newTargetRect.width / 2);
+        var targetMidY = newTargetRect.top + (newTargetRect.height / 2);
+        var top;
+        var left;
+        switch (position) {
+            case 'top':
+                top = newTargetRect.top - popoverRect.height - padding;
+                left = targetMidX - (popoverRect.width / 2);
+                if (align === 'start') {
+                    left = newTargetRect.left;
+                }
+                if (align === 'end') {
+                    left = newTargetRect.right - popoverRect.width;
+                }
+                break;
+            case 'left':
+                top = targetMidY - (popoverRect.height / 2);
+                left = newTargetRect.left - padding - popoverRect.width;
+                if (align === 'start') {
+                    top = newTargetRect.top;
+                }
+                if (align === 'end') {
+                    top = newTargetRect.bottom - popoverRect.height;
+                }
+                break;
+            case 'bottom':
+                top = newTargetRect.bottom + padding;
+                left = targetMidX - (popoverRect.width / 2);
+                if (align === 'start') {
+                    left = newTargetRect.left;
+                }
+                if (align === 'end') {
+                    left = newTargetRect.right - popoverRect.width;
+                }
+                break;
+            case 'right':
+                top = targetMidY - (popoverRect.height / 2);
+                left = newTargetRect.right + padding;
+                if (align === 'start') {
+                    top = newTargetRect.top;
+                }
+                if (align === 'end') {
+                    top = newTargetRect.bottom - popoverRect.height;
+                }
+                break;
+        }
+        return { top: top, left: left };
+    };
+    Popover.prototype.targetPositionHasChanged = function (oldTargetRect, newTargetRect) {
+        return oldTargetRect === null
+            || oldTargetRect.left !== newTargetRect.left
+            || oldTargetRect.top !== newTargetRect.top
+            || oldTargetRect.width !== newTargetRect.width
+            || oldTargetRect.height !== newTargetRect.height;
+    };
+    Popover.defaultProps = {
+        padding: util_1.Constants.DEFAULT_PADDING,
+        windowBorderPadding: util_1.Constants.DEFAULT_WINDOW_PADDING,
+        position: ['top', 'right', 'left', 'bottom'],
+        align: 'center',
+        containerClassName: util_1.Constants.POPOVER_CONTAINER_CLASS_NAME,
+    };
+    return Popover;
+}(React.Component));
+var _default = Popover$2.default = Popover$1;
+
+var css_248z = "[data-gene-ui-version=\"2.15.1\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"2.15.1\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"2.15.1\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;width:100%}[data-gene-ui-version=\"2.15.1\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"2.15.1\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"2.15.1\"] .popover{width:100%}[data-gene-ui-version=\"2.15.1\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"2.15.1\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"2.15.1\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"2.15.1\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"2.15.1\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"2.15.1\"] .fullHeight{height:100%}[data-gene-ui-version=\"2.15.1\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"2.15.1\"] .popover-footer,[data-gene-ui-version=\"2.15.1\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"2.15.1\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"2.15.1\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"2.15.1\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"2.15.1\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"2.15.1\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"2.15.1\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
 styleInject(css_248z);
 
 const setRef = (ref, currentRef) => {

package/PopoverV2/index.js

@@ -1,13 +1,13 @@
 import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import 'react';
-export { P as default } from '../index-18431aad.js';
+export { P as default } from '../index-664c705c.js';
 import '../index-122432cd.js';
 import '../index-031ff73c.js';
 import 'prop-types';
 import '../index-a0e4e333.js';
 import '../hooks/useDeviceType.js';
 import '../hooks/useClickOutside.js';
-import '../configs-1fb8eed2.js';
+import '../configs-00612ce0.js';
 import '../Scrollbar/index.js';
 import '../GeneUIProvider/index.js';
 import '../debounce-4419bc2f.js';

package/Products/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { s as screenTypes } from '../configs-1fb8eed2.js';
+import { s as screenTypes } from '../configs-00612ce0.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useDeviceType from '../hooks/useDeviceType.js';
@@ -14,7 +14,7 @@ import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../tslib.es6-f211516f.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .products-switcher-holder{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 2rem;text-align:center;width:100%}[data-gene-ui-version=\"2.15.0\"] .products-switcher-holder .divider{margin-left:auto;margin-right:auto}[data-gene-ui-version=\"2.15.0\"] .product-item{border:1px solid #0000;border-radius:1rem;cursor:pointer;display:flex;flex-wrap:wrap;font:600 1.2rem/1.42 var(--font-family);justify-content:center;margin:.5rem 0;padding:1rem .5rem;text-align:center;width:33.3333333333%}[data-gene-ui-version=\"2.15.0\"] .product-item .icon{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:100%;display:flex;height:5rem;justify-content:center;margin:0 0 .5rem;transition:color .2s,background .2s;width:5rem}[data-gene-ui-version=\"2.15.0\"] .product-item p{width:100%}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .product-item:hover .icon{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.0\"] .product-item.active .icon{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.15.0\"] .product-item.active{pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .product-item:hover{border-color:rgba(var(--background-sc-rgb),.11)}}";
+var css_248z = "[data-gene-ui-version=\"2.15.1\"] .products-switcher-holder{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 2rem;text-align:center;width:100%}[data-gene-ui-version=\"2.15.1\"] .products-switcher-holder .divider{margin-left:auto;margin-right:auto}[data-gene-ui-version=\"2.15.1\"] .product-item{border:1px solid #0000;border-radius:1rem;cursor:pointer;display:flex;flex-wrap:wrap;font:600 1.2rem/1.42 var(--font-family);justify-content:center;margin:.5rem 0;padding:1rem .5rem;text-align:center;width:33.3333333333%}[data-gene-ui-version=\"2.15.1\"] .product-item .icon{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:100%;display:flex;height:5rem;justify-content:center;margin:0 0 .5rem;transition:color .2s,background .2s;width:5rem}[data-gene-ui-version=\"2.15.1\"] .product-item p{width:100%}@media (hover:hover){[data-gene-ui-version=\"2.15.1\"] .product-item:hover .icon{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.1\"] .product-item.active .icon{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.15.1\"] .product-item.active{pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"2.15.1\"] .product-item:hover{border-color:rgba(var(--background-sc-rgb),.11)}}";
 styleInject(css_248z);
 
 function Products(_ref) {

package/Profile/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { s as screenTypes } from '../configs-1fb8eed2.js';
+import { s as screenTypes } from '../configs-00612ce0.js';
 import { c as childrenOf, n as noop } from '../index-a0e4e333.js';
 import useToggle from '../hooks/useToggle.js';
 import useDeviceType from '../hooks/useDeviceType.js';
@@ -11,7 +11,7 @@ import Empty from '../Empty/index.js';
 import Icon from '../Icon/index.js';
 import Popover from '../Popover/index.js';
 import Avatar from '../Avatar/index.js';
-import Tooltip from '../Tooltip/index.js';
+import { T as Tooltip } from '../index-464ea32b.js';
 import Menu from '../Menu/index.js';
 import Search from '../Search/index.js';
 import Divider from '../Divider/index.js';
@@ -22,7 +22,6 @@ import 'react-dom';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../tslib.es6-f211516f.js';
-import '../Popover-f4d1cac0.js';
 import '../index-122432cd.js';
 import '../hooks/useUpdatableRef.js';
 import '../hooks/useForceUpdate.js';
@@ -38,7 +37,7 @@ import '../hooks/useKeyDown.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .profile-menu-holder{min-width:25rem;width:100%}[data-gene-ui-version=\"2.15.0\"] .user-profile-c{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:1.6rem;box-shadow:0 .3rem .6rem 0 #00000029;color:var(--background-sc);cursor:pointer;display:flex;font:600 1.2rem/1.6rem var(--font-family);padding:.3rem;transition:color .3s,background .3s}[data-gene-ui-version=\"2.15.0\"] .user-profile-c:focus-visible{border-radius:1.6rem;outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.15.0\"] .user-profile-c>p{max-width:25.6rem;padding:.3rem 1.6rem;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.15.0\"] .user-profile-c .user-profile-text-select{-webkit-user-select:auto;user-select:auto}[data-gene-ui-version=\"2.15.0\"] .user-profile-c>.icon{margin:0 .7rem 0 0}html[dir=rtl] .user-profile-c>.icon{margin:0 0 0 .7rem}[data-gene-ui-version=\"2.15.0\"] .user-profile-c:hover{background:rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"2.15.0\"] .user-profile-c.active{background-color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.15.0\"] .profile-module{align-items:center;display:flex;font:600 1.7rem/2.3rem var(--font-family);margin:20px 0;width:100%}[data-gene-ui-version=\"2.15.0\"] .popover-content .profile-module{padding:0 1.5rem}[data-gene-ui-version=\"2.15.0\"] .profile-module>li:first-child{flex-shrink:0}html:not([dir=rtl]) .profile-module>li:first-child{padding-right:1.8rem}html[dir=rtl] .profile-module>li:first-child{padding-left:1.8rem}[data-gene-ui-version=\"2.15.0\"] .profile-module>li:nth-child(2){flex:auto;overflow:hidden}[data-gene-ui-version=\"2.15.0\"] .popover-holder.mobile-view .profile-module{border-bottom:1px solid rgba(var(--background-sc-rgb),.05);margin-bottom:2rem;padding:.8rem 1.4rem}[data-gene-ui-version=\"2.15.0\"] .profile-module-sub-title{font:600 1.3rem/1.7rem var(--font-family);margin:.4rem 0 0;opacity:.7}[data-gene-ui-version=\"2.15.0\"] .popover-content:has(#partners){max-height:100%;overflow:hidden}[data-gene-ui-version=\"2.15.0\"] .languages__imgWrapper{border-radius:100%;height:2.4rem;overflow:hidden;position:relative;width:2.4rem}[data-gene-ui-version=\"2.15.0\"] .languages__flagImg{display:block;height:100%;left:50%;max-width:inherit;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.15.0\"] .languages__title{align-items:center;display:flex;height:100%}[data-gene-ui-version=\"2.15.0\"] .languages__titleImgContainer{border-radius:100%;display:inline-block;height:1.6rem;margin:0 .8rem;overflow:hidden;position:relative;width:1.6rem}[data-gene-ui-version=\"2.15.0\"] .languages__selectedTitle{margin-inline-start:.8rem}[data-gene-ui-version=\"2.15.0\"] .languages__titleImg{display:block;height:100%;left:50%;max-width:inherit;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.15.0\"] .partners__searchHolder{background:var(--background);left:0;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}[data-gene-ui-version=\"2.15.0\"] .partners__emptyTitle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.15.0\"] .partners__title{display:flex}";
+var css_248z = "[data-gene-ui-version=\"2.15.1\"] .profile-menu-holder{min-width:25rem;width:100%}[data-gene-ui-version=\"2.15.1\"] .user-profile-c{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:1.6rem;box-shadow:0 .3rem .6rem 0 #00000029;color:var(--background-sc);cursor:pointer;display:flex;font:600 1.2rem/1.6rem var(--font-family);padding:.3rem;transition:color .3s,background .3s}[data-gene-ui-version=\"2.15.1\"] .user-profile-c:focus-visible{border-radius:1.6rem;outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.15.1\"] .user-profile-c>p{max-width:25.6rem;padding:.3rem 1.6rem;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.15.1\"] .user-profile-c .user-profile-text-select{-webkit-user-select:auto;user-select:auto}[data-gene-ui-version=\"2.15.1\"] .user-profile-c>.icon{margin:0 .7rem 0 0}html[dir=rtl] .user-profile-c>.icon{margin:0 0 0 .7rem}[data-gene-ui-version=\"2.15.1\"] .user-profile-c:hover{background:rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"2.15.1\"] .user-profile-c.active{background-color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.15.1\"] .profile-module{align-items:center;display:flex;font:600 1.7rem/2.3rem var(--font-family);margin:20px 0;width:100%}[data-gene-ui-version=\"2.15.1\"] .popover-content .profile-module{padding:0 1.5rem}[data-gene-ui-version=\"2.15.1\"] .profile-module>li:first-child{flex-shrink:0}html:not([dir=rtl]) .profile-module>li:first-child{padding-right:1.8rem}html[dir=rtl] .profile-module>li:first-child{padding-left:1.8rem}[data-gene-ui-version=\"2.15.1\"] .profile-module>li:nth-child(2){flex:auto;overflow:hidden}[data-gene-ui-version=\"2.15.1\"] .popover-holder.mobile-view .profile-module{border-bottom:1px solid rgba(var(--background-sc-rgb),.05);margin-bottom:2rem;padding:.8rem 1.4rem}[data-gene-ui-version=\"2.15.1\"] .profile-module-sub-title{font:600 1.3rem/1.7rem var(--font-family);margin:.4rem 0 0;opacity:.7}[data-gene-ui-version=\"2.15.1\"] .popover-content:has(#partners){max-height:100%;overflow:hidden}[data-gene-ui-version=\"2.15.1\"] .languages__imgWrapper{border-radius:100%;height:2.4rem;overflow:hidden;position:relative;width:2.4rem}[data-gene-ui-version=\"2.15.1\"] .languages__flagImg{display:block;height:100%;left:50%;max-width:inherit;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.15.1\"] .languages__title{align-items:center;display:flex;height:100%}[data-gene-ui-version=\"2.15.1\"] .languages__titleImgContainer{border-radius:100%;display:inline-block;height:1.6rem;margin:0 .8rem;overflow:hidden;position:relative;width:1.6rem}[data-gene-ui-version=\"2.15.1\"] .languages__selectedTitle{margin-inline-start:.8rem}[data-gene-ui-version=\"2.15.1\"] .languages__titleImg{display:block;height:100%;left:50%;max-width:inherit;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.15.1\"] .partners__searchHolder{background:var(--background);left:0;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}[data-gene-ui-version=\"2.15.1\"] .partners__emptyTitle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.15.1\"] .partners__title{display:flex}";
 styleInject(css_248z);
 
 function ProfileModule(_ref) {

package/Progress/index.js

@@ -11,7 +11,7 @@ import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 import '../tslib.es6-f211516f.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .progress-holder{color:rgba(var(--background-sc-rgb),.64);display:flex;flex-direction:column;font:600 1.6rem/2rem var(--font-family)}[data-gene-ui-version=\"2.15.0\"] .progress-holder:not(.a-circular){width:100%}[data-gene-ui-version=\"2.15.0\"] .progress-holder.a-default.s-medium{font-size:1.4rem}[data-gene-ui-version=\"2.15.0\"] .progress-holder.a-default.s-small{font-size:1.2rem}[data-gene-ui-version=\"2.15.0\"] .progress-holder.a-default .progress-line{margin:.5rem 0 0}[data-gene-ui-version=\"2.15.0\"] .progress-holder:not(.a-default){font:700 1.2rem/1.6rem var(--font-family)}[data-gene-ui-version=\"2.15.0\"] .progress-holder:not(.a-default) .progress-sub-title{font:600 1rem/1.4rem var(--font-family);margin:.5rem 0 0;text-transform:capitalize}[data-gene-ui-version=\"2.15.0\"] .progress-holder.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.15.0\"] .progress-holder.c-fail{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.15.0\"] .progress-holder .to-be-colored{color:var(--hero)}[data-gene-ui-version=\"2.15.0\"] .progress-holder.a-box-bar,[data-gene-ui-version=\"2.15.0\"] .progress-holder.a-box-circular{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);box-shadow:0 .6rem .9rem 0 #0000000d}[data-gene-ui-version=\"2.15.0\"] .progress-holder.a-box-circular{border-radius:2rem}[data-gene-ui-version=\"2.15.0\"] .progress-line{background:rgba(var(--background-sc-rgb),.06);border-radius:1rem;display:flex;height:.8rem;width:100%}[data-gene-ui-version=\"2.15.0\"] .a-box-bar>.progress-line{background:none;border-radius:0;height:.5rem}[data-gene-ui-version=\"2.15.0\"] .s-medium .progress-line{height:.6rem}[data-gene-ui-version=\"2.15.0\"] .s-small .progress-line{height:.3rem}[data-gene-ui-version=\"2.15.0\"] .progress-line .progress-line-fill{background:var(--hero);border-radius:inherit;max-width:100%;transition:width .3s}[data-gene-ui-version=\"2.15.0\"] .a-linear .progress-line{background:rgba(var(--background-sc-rgb),.19);height:1.6rem}[data-gene-ui-version=\"2.15.0\"] .a-linear .progress-line .progress-line-fill{animation:linear-animation .8s linear infinite;background:repeating-linear-gradient(-45deg,rgba(var(--background-sc-rgb),.34),rgba(var(--background-sc-rgb),.34) 1rem,#0000 1rem,#0000 2rem) 0 0/11.3rem 10rem}@keyframes linear-animation{to{background-position:11.3rem 0}}[data-gene-ui-version=\"2.15.0\"] .a-linear.s-small .progress-line{height:.8rem}[data-gene-ui-version=\"2.15.0\"] .progress-structure{align-items:center;display:flex}[data-gene-ui-version=\"2.15.0\"] .a-detailed>.progress-structure{min-height:5.2rem}[data-gene-ui-version=\"2.15.0\"] .a-box-bar>.progress-structure,[data-gene-ui-version=\"2.15.0\"] .a-box-circular>.progress-structure{min-height:7.3rem;padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .a-box-circular>.progress-structure{min-height:7.8rem}[data-gene-ui-version=\"2.15.0\"] .progress-structure .left-info{flex:auto;overflow:hidden}[data-gene-ui-version=\"2.15.0\"] .progress-structure .right-info{flex-shrink:0}[data-gene-ui-version=\"2.15.0\"] .progress-structure .blended{color:rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.15.0\"] .progress-structure .bc-icon-success{color:var(--confirm);margin:0 .8rem}[data-gene-ui-version=\"2.15.0\"] .progress-structure .left-additional-info{font:600 1.6rem/2rem var(--font-family);margin:0 4rem 0 0;width:5rem}html[dir=rtl] .progress-structure .left-additional-info{margin:0 0 0 4rem}[data-gene-ui-version=\"2.15.0\"] .progress-actions{align-items:center;display:flex}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner{--size:12rem;--borderSize:0.8rem;font:600 2.2rem/2.6rem var(--font-family);height:var(--size);position:relative;width:var(--size)}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner:hover .layer-text,[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner:not(:hover) .layer-action{opacity:0}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner .icon{cursor:pointer}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner:not(.s-very-small) .icon{font-size:3.6rem}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner.s-medium{--size:10rem;--borderSize:0.6rem;font-size:2rem}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner.s-small{--size:8rem;--borderSize:0.5rem;font-size:1.8rem}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner.s-small .icon{font-size:3rem}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner.s-very-small{--size:5rem;--borderSize:0.4rem;font-size:1.2rem;font-weight:700}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner svg{display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.15.0\"] .circular-progress-inner svg path{stroke:var(--hero);stroke-dasharray:0,30rem;stroke-dashoffset:0;stroke-linecap:round;stroke-width:6;fill-opacity:0}[data-gene-ui-version=\"2.15.0\"] .circular-progress-back{border:var(--borderSize) solid rgba(var(--background-sc-rgb),.06);border-radius:100%;height:100%;width:100%}[data-gene-ui-version=\"2.15.0\"] .circular-progress-layer{display:flex;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}[data-gene-ui-version=\"2.15.0\"] .circular-progress-layer>div{transition:opacity .3s}[data-gene-ui-version=\"2.15.0\"] .circular-progress-layer .layer-action{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.15.0\"] .linear-progress-text{font:600 1.8rem/2.2rem var(--font-family);margin:.5rem 0 0;text-align:center;width:100%}[data-gene-ui-version=\"2.15.0\"] .on-hover-layers{align-items:center;display:flex;justify-content:center;min-height:4rem;min-width:4rem;position:relative}[data-gene-ui-version=\"2.15.0\"] .on-hover-layers>li{transition:opacity .3s}[data-gene-ui-version=\"2.15.0\"] .on-hover-layers>li:nth-child(2){height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.15.0\"] .progress-holder:hover .on-hover-layers>li:nth-child(2){opacity:1}[data-gene-ui-version=\"2.15.0\"] .progress-holder:hover .on-hover-layers>li:nth-last-child(2){opacity:0}";
+var css_248z = "[data-gene-ui-version=\"2.15.1\"] .progress-holder{color:rgba(var(--background-sc-rgb),.64);display:flex;flex-direction:column;font:600 1.6rem/2rem var(--font-family)}[data-gene-ui-version=\"2.15.1\"] .progress-holder:not(.a-circular){width:100%}[data-gene-ui-version=\"2.15.1\"] .progress-holder.a-default.s-medium{font-size:1.4rem}[data-gene-ui-version=\"2.15.1\"] .progress-holder.a-default.s-small{font-size:1.2rem}[data-gene-ui-version=\"2.15.1\"] .progress-holder.a-default .progress-line{margin:.5rem 0 0}[data-gene-ui-version=\"2.15.1\"] .progress-holder:not(.a-default){font:700 1.2rem/1.6rem var(--font-family)}[data-gene-ui-version=\"2.15.1\"] .progress-holder:not(.a-default) .progress-sub-title{font:600 1rem/1.4rem var(--font-family);margin:.5rem 0 0;text-transform:capitalize}[data-gene-ui-version=\"2.15.1\"] .progress-holder.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.15.1\"] .progress-holder.c-fail{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.15.1\"] .progress-holder .to-be-colored{color:var(--hero)}[data-gene-ui-version=\"2.15.1\"] .progress-holder.a-box-bar,[data-gene-ui-version=\"2.15.1\"] .progress-holder.a-box-circular{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);box-shadow:0 .6rem .9rem 0 #0000000d}[data-gene-ui-version=\"2.15.1\"] .progress-holder.a-box-circular{border-radius:2rem}[data-gene-ui-version=\"2.15.1\"] .progress-line{background:rgba(var(--background-sc-rgb),.06);border-radius:1rem;display:flex;height:.8rem;width:100%}[data-gene-ui-version=\"2.15.1\"] .a-box-bar>.progress-line{background:none;border-radius:0;height:.5rem}[data-gene-ui-version=\"2.15.1\"] .s-medium .progress-line{height:.6rem}[data-gene-ui-version=\"2.15.1\"] .s-small .progress-line{height:.3rem}[data-gene-ui-version=\"2.15.1\"] .progress-line .progress-line-fill{background:var(--hero);border-radius:inherit;max-width:100%;transition:width .3s}[data-gene-ui-version=\"2.15.1\"] .a-linear .progress-line{background:rgba(var(--background-sc-rgb),.19);height:1.6rem}[data-gene-ui-version=\"2.15.1\"] .a-linear .progress-line .progress-line-fill{animation:linear-animation .8s linear infinite;background:repeating-linear-gradient(-45deg,rgba(var(--background-sc-rgb),.34),rgba(var(--background-sc-rgb),.34) 1rem,#0000 1rem,#0000 2rem) 0 0/11.3rem 10rem}@keyframes linear-animation{to{background-position:11.3rem 0}}[data-gene-ui-version=\"2.15.1\"] .a-linear.s-small .progress-line{height:.8rem}[data-gene-ui-version=\"2.15.1\"] .progress-structure{align-items:center;display:flex}[data-gene-ui-version=\"2.15.1\"] .a-detailed>.progress-structure{min-height:5.2rem}[data-gene-ui-version=\"2.15.1\"] .a-box-bar>.progress-structure,[data-gene-ui-version=\"2.15.1\"] .a-box-circular>.progress-structure{min-height:7.3rem;padding:0 2rem}[data-gene-ui-version=\"2.15.1\"] .a-box-circular>.progress-structure{min-height:7.8rem}[data-gene-ui-version=\"2.15.1\"] .progress-structure .left-info{flex:auto;overflow:hidden}[data-gene-ui-version=\"2.15.1\"] .progress-structure .right-info{flex-shrink:0}[data-gene-ui-version=\"2.15.1\"] .progress-structure .blended{color:rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.15.1\"] .progress-structure .bc-icon-success{color:var(--confirm);margin:0 .8rem}[data-gene-ui-version=\"2.15.1\"] .progress-structure .left-additional-info{font:600 1.6rem/2rem var(--font-family);margin:0 4rem 0 0;width:5rem}html[dir=rtl] .progress-structure .left-additional-info{margin:0 0 0 4rem}[data-gene-ui-version=\"2.15.1\"] .progress-actions{align-items:center;display:flex}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner{--size:12rem;--borderSize:0.8rem;font:600 2.2rem/2.6rem var(--font-family);height:var(--size);position:relative;width:var(--size)}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner:hover .layer-text,[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner:not(:hover) .layer-action{opacity:0}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner .icon{cursor:pointer}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner:not(.s-very-small) .icon{font-size:3.6rem}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner.s-medium{--size:10rem;--borderSize:0.6rem;font-size:2rem}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner.s-small{--size:8rem;--borderSize:0.5rem;font-size:1.8rem}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner.s-small .icon{font-size:3rem}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner.s-very-small{--size:5rem;--borderSize:0.4rem;font-size:1.2rem;font-weight:700}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner svg{display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.15.1\"] .circular-progress-inner svg path{stroke:var(--hero);stroke-dasharray:0,30rem;stroke-dashoffset:0;stroke-linecap:round;stroke-width:6;fill-opacity:0}[data-gene-ui-version=\"2.15.1\"] .circular-progress-back{border:var(--borderSize) solid rgba(var(--background-sc-rgb),.06);border-radius:100%;height:100%;width:100%}[data-gene-ui-version=\"2.15.1\"] .circular-progress-layer{display:flex;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}[data-gene-ui-version=\"2.15.1\"] .circular-progress-layer>div{transition:opacity .3s}[data-gene-ui-version=\"2.15.1\"] .circular-progress-layer .layer-action{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.15.1\"] .linear-progress-text{font:600 1.8rem/2.2rem var(--font-family);margin:.5rem 0 0;text-align:center;width:100%}[data-gene-ui-version=\"2.15.1\"] .on-hover-layers{align-items:center;display:flex;justify-content:center;min-height:4rem;min-width:4rem;position:relative}[data-gene-ui-version=\"2.15.1\"] .on-hover-layers>li{transition:opacity .3s}[data-gene-ui-version=\"2.15.1\"] .on-hover-layers>li:nth-child(2){height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.15.1\"] .progress-holder:hover .on-hover-layers>li:nth-child(2){opacity:1}[data-gene-ui-version=\"2.15.1\"] .progress-holder:hover .on-hover-layers>li:nth-last-child(2){opacity:0}";
 styleInject(css_248z);
 
 function Progress(_ref) {

package/Radio/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { c as checkboxRadioSwitcherConfig } from '../configs-1fb8eed2.js';
+import { c as checkboxRadioSwitcherConfig } from '../configs-00612ce0.js';
 import { i as interceptValue } from '../index-a0e4e333.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
 import { g as guid } from '../guid-8ddf77b3.js';

package/RadioGroup/index.js

@@ -7,7 +7,7 @@ import Radio from '../Radio/index.js';
 import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import '../configs-1fb8eed2.js';
+import '../configs-00612ce0.js';
 import '../checkboxRadioSwitcher-5b69d7bd.js';
 import '../style-inject.es-746bb8ed.js';
 import '../guid-8ddf77b3.js';

package/Range/index.js

@@ -2,12 +2,12 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useState, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-63c5d423.js';
+import { c as createSliderWithTooltip, R as Range } from '../rangeAndSlider-693a3d41.js';
 import useWidth from '../hooks/useWidth.js';
 import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useToggle from '../hooks/useToggle.js';
-import '../configs-1fb8eed2.js';
+import '../configs-00612ce0.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../index-45eafea6.js';
 import '../react-lifecycles-compat.es-6e1f3768.js';

package/Rating/index.js

@@ -21,7 +21,7 @@ function SvgSquareMajor(props) {
     }));
 }
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .rating{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-gene-ui-version=\"2.15.0\"] .rating *>svg{color:unset!important}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;transition:transform .1s ease-in;width:100%}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper:hover{cursor:pointer;transform:scale(1.1)}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper-readonly{pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper:focus-visible{outline:.02rem solid var(--hero)}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper-small:not(:first-child){margin-inline-start:.4rem}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper-medium:not(:first-child){margin-inline-start:.8rem}[data-gene-ui-version=\"2.15.0\"] .rating__wrapper-big:not(:first-child){margin-inline-start:1.2rem}[data-gene-ui-version=\"2.15.0\"] .rating__element{height:100%;inset-inline-start:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:7}[data-gene-ui-version=\"2.15.0\"] .rating__icon-small{font-size:3.2rem}[data-gene-ui-version=\"2.15.0\"] .rating__icon-medium{font-size:3.6rem}[data-gene-ui-version=\"2.15.0\"] .rating__icon-big{font-size:4.2rem}";
+var css_248z = "[data-gene-ui-version=\"2.15.1\"] .rating{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-gene-ui-version=\"2.15.1\"] .rating *>svg{color:unset!important}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;transition:transform .1s ease-in;width:100%}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper:hover{cursor:pointer;transform:scale(1.1)}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper-readonly{pointer-events:none}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper:focus-visible{outline:.02rem solid var(--hero)}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper-small:not(:first-child){margin-inline-start:.4rem}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper-medium:not(:first-child){margin-inline-start:.8rem}[data-gene-ui-version=\"2.15.1\"] .rating__wrapper-big:not(:first-child){margin-inline-start:1.2rem}[data-gene-ui-version=\"2.15.1\"] .rating__element{height:100%;inset-inline-start:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:7}[data-gene-ui-version=\"2.15.1\"] .rating__icon-small{font-size:3.2rem}[data-gene-ui-version=\"2.15.1\"] .rating__icon-medium{font-size:3.6rem}[data-gene-ui-version=\"2.15.1\"] .rating__icon-big{font-size:4.2rem}";
 styleInject(css_248z);
 
 const sizes = { small: 32, medium: 36, big: 42 };
@@ -49,9 +49,9 @@ const Rating = (props) => {
     const [temporaryRating, setTemporaryRating] = useState(0);
     const [disableMouseMove, setDisableMouseMove] = useState(false);
     const calculateRegardingPosition = (e) => {
-        const getClientPosition = e.clientX -
-            (isRTLMode ? e.currentTarget.offsetLeft + e.currentTarget.clientWidth : e.currentTarget.offsetLeft);
-        const getRelativeWidth = Math.abs((getClientPosition / e.currentTarget.offsetWidth) * 100);
+        const { left, width } = e.currentTarget.getBoundingClientRect();
+        const getClientPosition = e.clientX - (isRTLMode ? left + width : left);
+        const getRelativeWidth = Math.abs((getClientPosition / width) * 100);
         return halfAllow && getRelativeWidth <= 50 ? 50 : 100;
     };
     const handleMouseMoveForElement = (e, currentRating) => {