profinansy-ui-lib 3.1.84 → 3.1.85

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

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Counter = exports.Button = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../../constants/animation/animation");
+exports.Button = styled_components_1.default.button `
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 4px 8px;
+  height: ${(props) => (props.size === 'M' ? '44px' : '32px')};
+  gap: 6px;
+  background: ${(props) => props.isStroke ? 'transparent' : props.theme.background.field};
+  border-radius: 8px;
+  border: ${(props) => props.isStroke ? `0.5px solid ${props.theme.stroke.primary}` : 'none'};
+  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'};
+  }
+`;
+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,0EAAsC;AAEtC,yEAA8E;AAEjE,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAIjC;;;;;;YAMU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;gBAE7C,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;YAErD,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM;;sCAEnC,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;;CAE3E,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.d.ts

@@ -23,10 +23,10 @@ export declare function useDrop({ placement }: {
         floating: HTMLElement;
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
-        placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;

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

@@ -0,0 +1,124 @@
+"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");
+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: 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);
+const FilterDrop = (_a) => {
+    var { children, isConfirmWithoutClose, isCancelWithoutClose, resetFilter, handleConfirm } = _a, props = __rest(_a, ["children", "isConfirmWithoutClose", "isCancelWithoutClose", "resetFilter", "handleConfirm"]);
+    const popup = useDrop(Object.assign({}, props));
+    return (react_2.default.createElement(DropContext.Provider, { value: popup },
+        react_2.default.createElement(PopupTrigger, { targetElement: props.targetElement }),
+        react_2.default.createElement(DropContent, { resetFilter: resetFilter, handleConfirm: handleConfirm, isConfirmWithoutClose: isConfirmWithoutClose, isCancelWithoutClose: isCancelWithoutClose }, children)));
+};
+exports.FilterDrop = FilterDrop;
+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, 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: 999999 }, 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, null,
+                            react_2.default.createElement(Styled.Content, null, 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,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = exports.Content = exports.Tooltip = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Scroll_1 = require("../../Scroll/Scroll");
+exports.Tooltip = styled_components_1.default.div `
+  font-family: 'Manrope', sans-serif;
+  box-sizing: border-box;
+  width: 240px;
+  max-height: 448px;
+  overflow: hidden;
+  padding: 12px 0 12px 16px;
+  background-color: ${(props) => props.theme.background.field};
+  border-radius: 8px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  z-index: 9999999;
+`;
+exports.Content = styled_components_1.default.div `
+  max-height: 340px;
+  padding-right: 16px;
+  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 16px 0 0;
+`;
+//# 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,0EAAsC;AACtC,gDAA4C;AAE/B,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOX,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;;CAEpD,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;IAO7B,eAAM;CACT,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAA"}

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterButton = void 0;
+const react_1 = __importDefault(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 = ({ text, activeElements, isStroke = false, children, resetFilter, handleConfirm, size = 'S', isConfirmWithoutClose = false, isCancelWithoutClose = false, handleCustomOpen }) => {
+    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, { 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, { isCancelWithoutClose: isCancelWithoutClose, isConfirmWithoutClose: isConfirmWithoutClose, resetFilter: resetFilter, handleConfirm: handleConfirm, targetElement: react_1.default.createElement(Button_1.Button, { 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,kDAAyB;AACzB,gEAAsD;AACtD,yDAAiD;AACjD,4DAAoD;AAEpD,sCAAwC;AACxC,4CAAwC;AAExC,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,cAAc,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,IAAI,GAAG,GAAG,EACV,qBAAqB,GAAG,KAAK,EAC7B,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,EACF,EAAE,EAAE;IAClB,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,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,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,aAAa,EACX,8BAAC,eAAM,IACL,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,IAGH,QAAQ,CACE,CACC,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

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

@@ -0,0 +1,100 @@
+"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 StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const FilterButton_1 = require("./FilterButton");
+const Checkbox_1 = require("../Checkbox");
+const Modal_1 = require("../Modal");
+exports.default = {
+    title: 'Components/FilterButton',
+    component: FilterButton_1.FilterButton,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=4947-97036&mode=dev'
+        }
+    }
+};
+const LIST = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
+const LIST1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
+const FilterButton = () => {
+    const [active, setActive] = (0, react_1.useState)({});
+    const [active1, setActive1] = (0, react_1.useState)({});
+    const [selected1, setSelected1] = (0, react_1.useState)({});
+    const [openModal, setOpenModal] = (0, react_1.useState)(false);
+    const amountActive = Object.values(active).filter((item) => !!item).length;
+    const amountSelected = Object.values(selected1).filter((item) => !!item).length;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "FilterButton"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0444\u0438\u043B\u044C\u0442\u0440\u0430\u0446\u0438\u0438 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FilterButton_1.FilterButton, { activeElements: amountActive, text: "Filter" },
+                react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0422\u0430\u0440\u0433\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u043C\u043E\u0436\u0435\u0442 \u0438\u043C\u0435\u0442\u044C \u0434\u0432\u0430 \u0432\u0438\u0434\u0430: <b>default</b> \u0438 <b>stroke</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>default</b>. \u0414\u043B\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F\n      <b>stroke</b> \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0435\u043C\u0443 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>isStroke</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(FilterButton_1.FilterButton, { activeElements: amountActive },
+                    react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST })),
+                react_1.default.createElement(FilterButton_1.FilterButton, { activeElements: amountActive, isStroke: true },
+                    react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0422\u0430\u0440\u0433\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u043C\u043E\u0436\u0435\u0442 \u0438\u043C\u0435\u0442\u044C \u0434\u0432\u0430 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: <b>S</b> \u0438 <b>M</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D <b>S</b>. \u0414\u043B\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F\n      \u0434\u0440\u0443\u0433\u043E\u0433\u043E \u0440\u0430\u0437\u043C\u0435\u0440\u0430 \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0435\u043C\u0443 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>size</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: '12px' } },
+                react_1.default.createElement(FilterButton_1.FilterButton, { activeElements: amountActive },
+                    react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST })),
+                react_1.default.createElement(FilterButton_1.FilterButton, { activeElements: amountActive, size: "M" },
+                    react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST })))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0432\u043D\u0443\u0442\u0440\u0438 \u0444\u0438\u043B\u044C\u0442\u0440\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u043C\u043E\u0436\u0435\u0442 \u043E\u043F\u0446\u0438\u043E\u043D\u0430\u043B\u044C\u043D\u043E \u0441\u043E\u0434\u0435\u0436\u0440\u0430\u0436\u0438\u0442\u044C \u0434\u0432\u0435 \u043A\u043D\u043E\u043F\u043A\u0438 <b>\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C</b> \u0438 <b>\u041F\u043E\u0438\u0441\u043A</b>. \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430\n        <b>resetFilter</b> \u0438 <b>handleConfirm</b> \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E. \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u043E\u0438\u0441\u043A \u043D\u0443\u0436\u043D\u0430, \u043A\u043E\u0433\u0434\u0430 \u0444\u0438\u043B\u044C\u0442\u0440\u0430\u0446\u0438\u044F \u0434\u043E\u043B\u0436\u043D\u0430 \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0442\u044C\u0441\u044F \u043D\u0435 \u0441\u0440\u0430\u0437\u0443, \u0430 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438\n        \u043D\u0430 \u043D\u0435\u0435." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FilterButton_1.FilterButton, { isCancelWithoutClose: true, activeElements: amountSelected, size: "M", resetFilter: () => {
+                    setActive1({});
+                    setSelected1({});
+                }, handleConfirm: () => setSelected1(active1) },
+                react_1.default.createElement(List, { setActive: setActive1, active: active1, arr: LIST1 }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u0430\u0441\u0442\u043E\u043C\u043D\u044B\u0439 \u043A\u043B\u0438\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043D\u0435 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0442\u044C \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u0448\u043A\u0443 \u0441\u043D\u0438\u0437\u0443, \u0430 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0441\u0432\u043E\u044E \u0440\u0435\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u044E \u0444\u0438\u043B\u044C\u0442\u0440\u043E\u0432. \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E\n        <b>handleCustomOpen</b> \u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u043A\u043B\u0438\u043A \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FilterButton_1.FilterButton, { activeElements: amountActive, text: "Filter", handleCustomOpen: () => setOpenModal(true) },
+                react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST })),
+            react_1.default.createElement(Modal_1.Modal, { title: "\u0424\u0438\u043B\u044C\u0442\u0440\u044B", open: openModal, onClose: () => setOpenModal(false) },
+                react_1.default.createElement(List, { setActive: setActive, active: active, arr: LIST })))));
+};
+exports.FilterButton = FilterButton;
+const List = ({ setActive, active, arr }) => {
+    const handleChange = (val, e) => {
+        setActive(Object.assign(Object.assign({}, active), { [e.target.name]: val }));
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null, arr.map((item) => (react_1.default.createElement("div", { key: item, style: { marginBottom: '12px' } },
+        react_1.default.createElement(Checkbox_1.Checkbox, { checked: active[item], name: item.toString(), value: item, text: `Option №${item}`, size: "S", onChange: handleChange }))))));
+};
+//# sourceMappingURL=FilterButton.stories.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/FilterButton/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,4GAAA,YAAY,OAAA"}

package/dist/components/uikit/HiddenText/HiddenText.js

@@ -0,0 +1,65 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HiddenText = void 0;
+const react_1 = __importStar(require("react"));
+const Tooltip_1 = require("../Tooltip");
+const DefaultTooltip_1 = require("../Tooltip/components/DefaultTooltip/DefaultTooltip");
+const Styled = __importStar(require("./HiddenText.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const HiddenText = ({ text, className, maxWidth, mode = 'ellipsis', maxTextLength }) => {
+    const refContainer = (0, react_1.useRef)(null);
+    const refText = (0, react_1.useRef)(null);
+    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (mode === 'ellipsis') {
+            const widthContainer = (_a = refContainer.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+            const widthText = (_b = refText.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
+            if (widthContainer && widthText) {
+                if (widthText > widthContainer) {
+                    setShowTooltip(true);
+                }
+            }
+        }
+        if (mode === 'cutText') {
+            if (text.length > maxTextLength) {
+                setShowTooltip(true);
+            }
+        }
+    }, [refText.current, refContainer.current, mode]);
+    if (mode === 'cutText') {
+        const cutText = text.length > maxTextLength ? text.slice(0, maxTextLength) + '...' : text;
+        return (react_1.default.createElement(Styled.CutContainer, { maxWidth: maxWidth, className: (0, classnames_1.default)(className) }, showTooltip ? (react_1.default.createElement(Tooltip_1.Tooltip, { isHover: true, isClick: false, data: react_1.default.createElement(DefaultTooltip_1.DefaultTooltip, null, text) },
+            react_1.default.createElement("span", null, cutText))) : (react_1.default.createElement("span", null, cutText))));
+    }
+    return (react_1.default.createElement(Styled.Container, { maxWidth: maxWidth, ref: refContainer, className: (0, classnames_1.default)(className) }, showTooltip ? (react_1.default.createElement(Tooltip_1.Tooltip, { isHover: true, data: react_1.default.createElement(DefaultTooltip_1.DefaultTooltip, null, text), isClick: false },
+        react_1.default.createElement("span", null, text))) : (react_1.default.createElement("span", { ref: refText }, text))));
+};
+exports.HiddenText = HiddenText;
+//# sourceMappingURL=HiddenText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAE1D,wCAAoC;AAEpC,wFAAoF;AACpF,4DAA6C;AAC7C,4DAAmC;AAEnC,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,UAAU,EACjB,aAAa,EACD,EAAE,EAAE;IAChB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IACjC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAE5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,MAAM,cAAc,GAAG,MAAA,YAAY,CAAC,OAAO,0CAAE,WAAW,CAAA;YACxD,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,WAAW,CAAA;YAC9C,IAAI,cAAc,IAAI,SAAS,EAAE;gBAC/B,IAAI,SAAS,GAAG,cAAc,EAAE;oBAC9B,cAAc,CAAC,IAAI,CAAC,CAAA;iBACrB;aACF;SACF;QACD,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,IAAI,CAAC,MAAM,GAAG,aAAa,EAAE;gBAC/B,cAAc,CAAC,IAAI,CAAC,CAAA;aACrB;SACF;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjD,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,MAAM,OAAO,GACX,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;QAC3E,OAAO,CACL,8BAAC,MAAM,CAAC,YAAY,IAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,CAAC,IAE/B,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,iBAAO,IACN,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,8BAAC,+BAAc,QAAE,IAAI,CAAkB;YAE7C,4CAAO,OAAO,CAAQ,CACd,CACX,CAAC,CAAC,CAAC,CACF,4CAAO,OAAO,CAAQ,CACvB,CACmB,CACvB,CAAA;KACF;IAED,OAAO,CACL,8BAAC,MAAM,CAAC,SAAS,IACf,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,CAAC,IAE/B,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,iBAAO,IACN,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,8BAAC,+BAAc,QAAE,IAAI,CAAkB,EAC7C,OAAO,EAAE,KAAK;QAEd,4CAAO,IAAI,CAAQ,CACX,CACX,CAAC,CAAC,CAAC,CACF,wCAAM,GAAG,EAAE,OAAO,IAAG,IAAI,CAAQ,CAClC,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/uikit/HiddenText/HiddenText.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HiddenText = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const HiddenText_1 = require("./HiddenText");
+exports.default = {
+    title: 'Components',
+    component: HiddenText_1.HiddenText
+};
+const HiddenText = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0441\u043A\u0440\u044B\u0442\u043E\u0433\u043E \u0442\u0435\u043A\u0441\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F, \u043A\u043E\u0433\u0434\u0430 \u0442\u0435\u043A\u0441\u0442 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u043D\u0435 \u0432\u043C\u0435\u0449\u0430\u0435\u0442\u0441\u044F \u0438 \u043D\u0443\u0436\u043D\u043E \u0432\u044B\u043D\u0435\u0441\u0442\u0438 \u043F\u043E\u043B\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u0432 \u0442\u0443\u043B\u0442\u0438\u043F." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(HiddenText_1.HiddenText, { maxWidth: '500px', text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum and test." })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0423\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E\u044F\u0432\u043B\u0435\u043D\u0438\u044F \u0442\u0443\u043B\u0442\u0438\u043F\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0415\u0441\u043B\u0438 \u0442\u0435\u043A\u0441\u0442 \u0432\u043B\u0435\u0437\u0430\u0435\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440, \u0442\u043E \u0442\u0443\u043B\u0442\u0438\u043F \u043D\u0435 \u0431\u0443\u0434\u0435\u0442 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(HiddenText_1.HiddenText, { maxWidth: '800px', text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))));
+};
+exports.HiddenText = HiddenText;
+//# sourceMappingURL=HiddenText.stories.js.map

package/dist/components/uikit/HiddenText/HiddenText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,6CAAsD;AAEtD,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,uBAAS;CACrB,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,uJAAuC;QAClD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,6cAA2F,GAAG;QACrH,8BAAC,2BAAY;YACX,8BAAC,uBAAS,IACR,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAC,wcAAwc,GAC7c,CACW;QACf,8BAAC,uBAAU,uJAAuC;QAClD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mZAA8E,GAAG;QACxG,8BAAC,2BAAY;YACX,8BAAC,uBAAS,IACR,QAAQ,EAAE,OAAO,EACjB,IAAI,EAAC,6HAA6H,GAClI,CACW,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,UAAU,cAqBtB"}

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CutContainer = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Container = styled_components_1.default.div `
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: ${(props) => (props.maxWidth ? props.maxWidth : 'none')};
+`;
+exports.Container = Container;
+const CutContainer = styled_components_1.default.div `
+  max-width: ${(props) => (props.maxWidth ? props.maxWidth : 'none')};
+`;
+exports.CutContainer = CutContainer;
+//# sourceMappingURL=HiddenText.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenText.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/HiddenText.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEtC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAsB;;;;eAInC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;CACnE,CAAA;AAMQ,8BAAS;AAJlB,MAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAsB;eACtC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;CACnE,CAAA;AAEmB,oCAAY"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/HiddenText/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/dist/components/uikit/Hint/Hint.d.ts

@@ -24,10 +24,10 @@ export declare function useHint({ placement }?: HintOptions): {
         floating: HTMLElement;
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
-        placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        placement: Placement;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;