profinansy-ui-lib 3.6.49 → 3.6.51

package/dist/components/uikit/FieldRow/FieldRow.styled.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputContainer = exports.Hint = exports.Required = exports.Label = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Container = styled_components_1.default.div `
+  width: 100%;
+  margin-bottom: ${(props) => props.marginBottom}px;
+`;
+exports.Container = Container;
+const Label = styled_components_1.default.label `
+  font-weight: 500;
+  font-size: 13px;
+  line-height: 16px;
+  color: ${(props) => props.theme.text.fourth};
+  padding-bottom: 4px;
+  display: flex;
+  width: fit-content;
+`;
+exports.Label = Label;
+const Required = styled_components_1.default.span `
+  color: ${(props) => props.theme.text.negative};
+  margin-left: 2px;
+`;
+exports.Required = Required;
+const Hint = styled_components_1.default.div `
+  margin-left: 5px;
+  display: flex;
+  align-items: center;
+  position: relative;
+`;
+exports.Hint = Hint;
+const InputContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+`;
+exports.InputContainer = InputContainer;
+//# sourceMappingURL=FieldRow.styled.js.map

package/dist/components/uikit/FieldRow/FieldRow.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/FieldRow.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEtC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAA0B;;mBAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY;CAC/C,CAAA;AA+BQ,8BAAS;AA7BlB,MAAM,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;WAIf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;;;CAI5C,CAAA;AAqBmB,sBAAK;AAnBzB,MAAM,QAAQ,GAAG,2BAAM,CAAC,IAAI,CAAA;WACjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;;CAE9C,CAAA;AAgB0B,4BAAQ;AAdnC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKtB,CAAA;AASoC,oBAAI;AAPzC,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKhC,CAAA;AAE0C,wCAAc"}

package/dist/components/uikit/FieldRow/FieldRow.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FieldRow.typed.js.map

package/dist/components/uikit/FieldRow/FieldRow.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/FieldRow.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/FieldRow/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldRow = void 0;
+var FieldRow_1 = require("./FieldRow");
+Object.defineProperty(exports, "FieldRow", { enumerable: true, get: function () { return FieldRow_1.FieldRow; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/FieldRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/components/uikit/FilterButton/Button/Button.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Button.styled"));
+const Typography_1 = require("../../Typography");
+const Filter2_svg_1 = __importDefault(require("../../../../icons/Filter2.svg"));
+const Button = (0, react_1.forwardRef)((_a, ref) => {
+    var { activeElements, text, isStroke, size, customIcon, withoutTextOnMobile = false } = _a, props = __rest(_a, ["activeElements", "text", "isStroke", "size", "customIcon", "withoutTextOnMobile"]);
+    return (react_1.default.createElement(Styled.Button, Object.assign({ isText: !!text, ref: ref, activeElements: activeElements, isStroke: isStroke, size: size, withoutTextOnMobile: withoutTextOnMobile }, props),
+        !!text && (react_1.default.createElement(Typography_1.Typography, { variant: "description-Medium", tag: "span" }, text)),
+        customIcon ? customIcon : react_1.default.createElement(Filter2_svg_1.default, null),
+        !!activeElements && (react_1.default.createElement(Styled.Counter, { size: size },
+            react_1.default.createElement(Typography_1.Typography, { variant: "tag-Medium9", tag: "span" }, activeElements)))));
+});
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/uikit/FilterButton/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/uikit/FilterButton/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wDAAyC;AACzC,iDAA6C;AAC7C,gFAAsD;AAatD,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,mBAAmB,GAAG,KAAK,OAE5B,EADI,KAAK,cAPV,mFAQC,CADS;IAIV,OAAO,CACL,8BAAC,MAAM,CAAC,MAAM,kBACZ,MAAM,EAAE,CAAC,CAAC,IAAI,EACd,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,mBAAmB,EAAE,mBAAmB,IACpC,KAAK;QAER,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,uBAAU,IAAC,OAAO,EAAC,oBAAoB,EAAC,GAAG,EAAC,MAAM,IAChD,IAAI,CACM,CACd;QACA,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,8BAAC,qBAAU,OAAG;QAExC,CAAC,CAAC,cAAc,IAAI,CACnB,8BAAC,MAAM,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI;YACxB,8BAAC,uBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,GAAG,EAAC,MAAM,IACzC,cAAc,CACJ,CACE,CAClB,CACa,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AACQ,wBAAM"}

package/dist/components/uikit/FilterButton/Button/Button.styled.js

@@ -0,0 +1,102 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counter = exports.Button = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const animation_2 = require("../../../../constants/animation/animation");
+const common_1 = require("../../../../constants/common");
+const getSize = () => {
+    return {
+        M: {
+            height: '44px',
+            maxHeight: '44px',
+            borderRadius: '8px'
+        },
+        S: {
+            height: '36px',
+            maxHeight: '36px',
+            borderRadius: '10px'
+        },
+        XS: {
+            height: '32px',
+            maxHeight: '32px',
+            borderRadius: '10px'
+        }
+    };
+};
+exports.Button = styled_components_1.default.button `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${(props) => (props.size === 'M' ? '10px' : '6px')};
+  ${({ size }) => getSize()[size]}
+  ${(props) => props.isText &&
+    (0, styled_components_1.css) `
+      padding-left: ${props.size === 'M' ? '14px' : '10px'};
+    `}
+  gap: 6px;
+  border: ${(props) => props.isStroke ? `0.5px solid ${props.theme.stroke.primary}` : 'none'};
+  background: ${(props) => props.isStroke ? 'transparent' : props.theme.interactiveControls.secondary};
+  cursor: pointer;
+  transition: background-color 0.3s ${animation_2.AnimationFunctions.animation_1},
+    border 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & > span {
+    color: ${(props) => props.theme.text.primary};
+  }
+  & path {
+    fill: ${(props) => props.theme.icons.primary};
+  }
+  &:hover {
+    background: ${(props) => props.isStroke ? 'transparent' : props.theme.background.secondaryAlpha};
+    border: ${(props) => props.isStroke ? `0.5px solid ${props.theme.stroke.contrast}` : 'none'};
+  }
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    ${(props) => props.withoutTextOnMobile &&
+    (0, styled_components_1.css) `
+        padding-left: ${(props) => props.size === 'M' ? '10px' : '6px'};
+        & > span {
+          display: none;
+        }
+      `}
+  }
+`;
+exports.Counter = styled_components_1.default.div `
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: ${(props) => (props.size === 'M' ? '8px' : '4px')};
+  right: 8px;
+  min-width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: ${(props) => props.theme.background.accent};
+  & > span {
+    font-size: 8px;
+    color: ${(props) => props.theme.text.contrastThemed};
+  }
+`;
+//# sourceMappingURL=Button.styled.js.map

package/dist/components/uikit/FilterButton/Button/Button.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styled.js","sourceRoot":"","sources":["../../../../../src/components/uikit/FilterButton/Button/Button.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAE/C,yEAA8E;AAC9E,yDAA2D;AAC3D,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO;QACL,CAAC,EAAE;YACD,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,KAAK;SACpB;QACD,CAAC,EAAE;YACD,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,MAAM;SACrB;QACD,EAAE,EAAE;YACF,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,MAAM;SACrB;KACF,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAMjC;;;;;aAKW,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IACzD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC;IAC7B,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,MAAM;IACZ,IAAA,uBAAG,EAAA;sBACe,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KACrD;;YAEO,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM;gBACzD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS;;sCAExC,8BAAkB,CAAC,WAAW;kBAClD,8BAAkB,CAAC,WAAW;;aAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;YAGpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;;;kBAG9B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc;cAC9D,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM;;uBAErD,qBAAY;MAC7B,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,mBAAmB;IACzB,IAAA,uBAAG,EAAA;wBACe,CAAC,KAAsC,EAAE,EAAE,CACzD,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;;;;OAItC;;CAEN,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAiC;;;;;SAKzD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;gBAKxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM;;;aAG3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;CAEtD,CAAA"}

package/dist/components/uikit/FilterButton/Drop/Drop.js

@@ -0,0 +1,129 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterDrop = exports.useDrop = void 0;
+const react_1 = require("@floating-ui/react");
+const react_2 = __importStar(require("react"));
+const Styled = __importStar(require("./Drop.styled"));
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../../theme/theme.const");
+const TextButton_1 = require("../../TextButton");
+const zIndex_1 = require("../../../../constants/zIndex");
+function useDrop({ placement = 'bottom-end' }) {
+    const [open, setOpen] = (0, react_2.useState)(false);
+    const data = (0, react_1.useFloating)({
+        placement,
+        open,
+        onOpenChange: setOpen,
+        whileElementsMounted: react_1.autoUpdate,
+        middleware: [
+            (0, react_1.offset)(4),
+            (0, react_1.flip)({
+                crossAxis: placement.includes('-'),
+                fallbackAxisSideDirection: 'end',
+                padding: 5
+            }),
+            (0, react_1.shift)({ padding: { top: 70, bottom: 10, left: 10, right: 10 } })
+        ]
+    });
+    const context = data.context;
+    const click = (0, react_1.useClick)(context);
+    const dismiss = (0, react_1.useDismiss)(context);
+    const role = (0, react_1.useRole)(context);
+    const interactions = (0, react_1.useInteractions)([dismiss, role, click]);
+    return react_2.default.useMemo(() => (Object.assign(Object.assign({ open,
+        setOpen }, interactions), data)), [open, setOpen, interactions, data]);
+}
+exports.useDrop = useDrop;
+const DropContext = react_2.default.createContext(null);
+exports.FilterDrop = (0, react_2.forwardRef)((_a, ref) => {
+    var { children, isConfirmWithoutClose, isCancelWithoutClose, resetFilter, handleConfirm, widthDrop, heightDrop, padding } = _a, props = __rest(_a, ["children", "isConfirmWithoutClose", "isCancelWithoutClose", "resetFilter", "handleConfirm", "widthDrop", "heightDrop", "padding"]);
+    const popup = useDrop(Object.assign({}, props));
+    (0, react_2.useImperativeHandle)(ref, () => ({
+        handleClose() {
+            popup.setOpen(false);
+        }
+    }));
+    return (react_2.default.createElement(DropContext.Provider, { value: popup },
+        react_2.default.createElement(PopupTrigger, { targetElement: props.targetElement }),
+        react_2.default.createElement(DropContent, { padding: padding, widthDrop: widthDrop, heightDrop: heightDrop, resetFilter: resetFilter, handleConfirm: handleConfirm, isConfirmWithoutClose: isConfirmWithoutClose, isCancelWithoutClose: isCancelWithoutClose }, children)));
+});
+const PopupTrigger = ({ targetElement }) => {
+    const context = (0, react_2.useContext)(DropContext);
+    const ref = (0, react_1.useMergeRefs)([context.refs.setReference]);
+    if (targetElement && react_2.default.isValidElement(targetElement)) {
+        return react_2.default.cloneElement(targetElement, context.getReferenceProps(Object.assign(Object.assign({ ref }, targetElement.props), { 'data-state': context.open ? 'open' : 'closed' })));
+    }
+    return null;
+};
+const DropContent = ({ children, padding, widthDrop, heightDrop, resetFilter, handleConfirm, isCancelWithoutClose, isConfirmWithoutClose }) => {
+    const _a = (0, react_2.useContext)(DropContext), { context: floatingContext } = _a, context = __rest(_a, ["context"]);
+    const ref = (0, react_1.useMergeRefs)([context.refs.setFloating]);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const { styles: transitionStyles } = (0, react_1.useTransitionStyles)(floatingContext, {
+        duration: {
+            open: 300,
+            close: 300
+        },
+        initial: {
+            opacity: 0
+        }
+    });
+    const reset = () => {
+        resetFilter();
+        if (!isCancelWithoutClose)
+            context.setOpen(false);
+    };
+    const confirm = () => {
+        handleConfirm();
+        if (!isConfirmWithoutClose)
+            context.setOpen(false);
+    };
+    if (!floatingContext.open)
+        return null;
+    return (react_2.default.createElement(react_1.FloatingPortal, null,
+        react_2.default.createElement(react_1.FloatingFocusManager, { context: floatingContext, modal: false },
+            react_2.default.createElement("div", Object.assign({ ref: ref, style: Object.assign({ zIndex: zIndex_1.zIndex.zIndex5 }, context.floatingStyles) }, context.getFloatingProps()),
+                react_2.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+                    react_2.default.createElement("div", { style: transitionStyles },
+                        react_2.default.createElement(Styled.Tooltip, { heightDrop: heightDrop, widthDrop: widthDrop, mode: mode },
+                            react_2.default.createElement(Styled.Content, { heightDrop: heightDrop, padding: padding }, children),
+                            (handleConfirm || resetFilter) && (react_2.default.createElement(Styled.Footer, null,
+                                handleConfirm && (react_2.default.createElement(TextButton_1.TextButton, { text: "\u041F\u043E\u0438\u0441\u043A", onClick: confirm })),
+                                resetFilter && (react_2.default.createElement(TextButton_1.TextButton, { text: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", onClick: reset, style: { marginLeft: 'auto' } })))))))))));
+};
+//# sourceMappingURL=Drop.js.map

package/dist/components/uikit/FilterButton/Drop/Drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drop.js","sourceRoot":"","sources":["../../../../../src/components/uikit/FilterButton/Drop/Drop.tsx"],"names":[],"mappings":"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"}

package/dist/components/uikit/FilterButton/Drop/Drop.styled.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = exports.Content = exports.Tooltip = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Scroll_1 = require("../../../../styles/Scroll");
+exports.Tooltip = styled_components_1.default.div `
+  font-family: 'Manrope', sans-serif;
+  box-sizing: border-box;
+  width: ${(props) => props.widthDrop}px;
+  max-height: ${(props) => props.heightDrop}px;
+  overflow: hidden;
+  background-color: ${(props) => props.theme.background.field};
+  border-radius: 12px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  z-index: 9999999;
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `}
+`;
+exports.Content = styled_components_1.default.div `
+  max-height: ${(props) => `calc(${props.heightDrop}px - 108px)`};
+  padding: ${(props) => props.padding || '12px'};
+  height: 100%;
+  overflow-y: auto;
+  white-space: break-spaces;
+  position: relative;
+  ${Scroll_1.Scroll}
+`;
+exports.Footer = styled_components_1.default.div `
+  display: flex;
+  justify-content: space-between;
+  margin: 12px;
+  & .text-button > span {
+    font-size: 14px;
+    font-weight: 400;
+  }
+`;
+//# sourceMappingURL=Drop.styled.js.map

package/dist/components/uikit/FilterButton/Drop/Drop.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drop.styled.js","sourceRoot":"","sources":["../../../../../src/components/uikit/FilterButton/Drop/Drop.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,sDAAkD;AAErC,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAI/B;;;WAGS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;gBACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU;;sBAErB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;gBAE7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;IAEjD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,IAAI,KAAK,MAAM;IACrB,IAAA,uBAAG,EAAA;4BACqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC7D;CACJ,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAyC;gBAC1D,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,UAAU,aAAa;aACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM;;;;;IAK3C,eAAM;CACT,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ/B,CAAA"}

package/dist/components/uikit/FilterButton/FilterButton.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterButton = void 0;
+const react_1 = __importStar(require("react"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Drop_1 = require("./Drop/Drop");
+const Button_1 = require("./Button/Button");
+const FilterButton = (0, react_1.forwardRef)((props, ref) => {
+    const { text, activeElements, isStroke = false, children, resetFilter, handleConfirm, size = 'XS', customIcon, isConfirmWithoutClose = false, isCancelWithoutClose = false, handleCustomOpen, padding, widthDrop = 240, heightDrop = 448, withoutTextOnMobile } = props;
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    if (handleCustomOpen) {
+        return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Button_1.Button, { customIcon: customIcon, withoutTextOnMobile: withoutTextOnMobile, onClick: handleCustomOpen, activeElements: activeElements, isStroke: isStroke, size: size, text: text })));
+    }
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Drop_1.FilterDrop, { ref: ref, padding: padding, widthDrop: widthDrop, heightDrop: heightDrop, isCancelWithoutClose: isCancelWithoutClose, isConfirmWithoutClose: isConfirmWithoutClose, resetFilter: resetFilter, handleConfirm: handleConfirm, targetElement: react_1.default.createElement(Button_1.Button, { customIcon: customIcon, withoutTextOnMobile: withoutTextOnMobile, activeElements: activeElements, isStroke: isStroke, size: size, text: text }) }, children)));
+});
+exports.FilterButton = FilterButton;
+//# sourceMappingURL=FilterButton.js.map

package/dist/components/uikit/FilterButton/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/FilterButton/FilterButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,gEAAsD;AACtD,yDAAiD;AACjD,4DAAoD;AAEpD,sCAAwC;AACxC,4CAAwC;AAExC,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,IAAI,EACJ,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,IAAI,GAAG,IAAI,EACX,UAAU,EACV,qBAAqB,GAAG,KAAK,EAC7B,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,EAChB,OAAO,EACP,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,EAChB,mBAAmB,EACpB,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,IAAI,gBAAgB,EAAE;QACpB,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;YACjC,8BAAC,eAAM,IACL,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,gBAAgB,EACzB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACY,CACjB,CAAA;KACF;IAED,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,iBAAU,IACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,aAAa,EACX,8BAAC,eAAM,IACL,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,IAGH,QAAQ,CACE,CACC,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,oCAAY"}