@redneckz/wildless-cms-uni-blocks 0.7.5 → 0.7.7

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;AAIlD,2DAAwD;AACxD,4EAAyE;AAEzE,0EAAuE;AACvE,4DAAyD;AACzD,iDAA8C;AAC9C,0DAAuD;AAEvD,+DAA4D;AAC5D,mDAAgD;AAIhD,MAAM,yBAAyB,GAAyC;IACtE,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,yBAAyB,CAAC,OAAO,CAAC,EAC5C,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE3B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,GACpE,IAAA,+BAAc,EACZ,iCAAe,CAAC,OAAO,IAAI,SAAS,EACpC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAC7B,CAAC;IAEJ,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAO,IAAiB,MAAM,EAAE,CAAC,KAAK,aAAa,gBAAc,CAAC,CAAC,IAAI,KAAM,CAAC,IAAjE,MAAM,CAAC,CAAC,CAAC,CAA4D,CACpF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,cAAc,SAAS,IAChC,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MACzD,EAAE,EACF,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,iCAAK,SAAS,EAAC,WAAW,aACxB,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,WAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EACtD,OAAO,EACR,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,EACN,gCACE,SAAS,EAAE,4BAA4B,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,GACvF,EACD,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAC7C,uBAAC,6BAAa,IAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,IAAI,IACJ,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;AAIlD,2DAAwD;AACxD,4EAAyE;AAEzE,0EAAuE;AACvE,4DAAyD;AACzD,iDAA8C;AAC9C,0DAAuD;AACvD,6CAA0C;AAE1C,+DAA4D;AAC5D,mDAAgD;AAIhD,MAAM,yBAAyB,GAAyC;IACtE,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,OAAO,GAAG,UAAU,EACpB,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,yBAAyB,CAAC,OAAO,CAAC,EAC5C,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE3B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,GACpE,IAAA,+BAAc,EACZ,iCAAe,CAAC,OAAO,IAAI,SAAS,EACpC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAC7B,CAAC;IAEJ,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAO,IAAiB,MAAM,EAAE,CAAC,KAAK,aAAa,gBAAc,CAAC,CAAC,IAAI,KAAM,CAAC,IAAjE,MAAM,CAAC,CAAC,CAAC,CAA4D,CACpF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,aAAK,EACd,YAAY,EACZ,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC7D,SAAS,CACV,EACD,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,iCAAK,SAAS,EAAC,WAAW,aACxB,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,WAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EACtD,OAAO,EACR,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,GACV,IACE,EACN,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,2BAA2B,EAC3B,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAC9C,GACD,EACD,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAC7C,uBAAC,6BAAa,IAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,IAAI,IACJ,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Header/HeaderChatBotButton.d.ts

@@ -0,0 +1,11 @@
+import type { IconVersion } from '../../model/IconVersion';
+import type { ChatBot as ChatBotWithEmptyOption } from './HeaderContent';
+export declare type ChatBot = Exclude<ChatBotWithEmptyOption, ''>;
+interface HeaderChatBotButtonProps {
+    className?: string;
+    iconVersion?: IconVersion;
+    chat?: ChatBot;
+    onClick?: () => void;
+}
+export declare const HeaderChatBotButton: import("@redneckz/uni-jsx").UNIComponent<HeaderChatBotButtonProps, any, any>;
+export {};

package/dist/components/Header/HeaderChatBotButton.js

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderChatBotButton = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useBool_1 = require("../../hooks/useBool");
+const style_1 = require("../../utils/style");
+const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
+const useChatBot_1 = require("./useChatBot");
+const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
+exports.HeaderChatBotButton = (0, uni_jsx_1.JSX)((props) => {
+    const [loadRequested, { setTrue: load }] = (0, useBool_1.useBool)();
+    return loadRequested ? ((0, jsx_runtime_1.jsx)(HeaderChatBotButtonWithLoader, { ...props })) : (renderChatBotButton({ ...props, onClick: load }));
+});
+const HeaderChatBotButtonWithLoader = (0, uni_jsx_1.JSX)(({ chat = 'personal', ...rest }) => {
+    (0, useChatBot_1.useChatBot)(chat);
+    return renderChatBotButton(rest);
+});
+const renderChatBotButton = ({ className, iconVersion, onClick }) => ((0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: (0, style_1.style)(CHAT_BUTTON_EXTERNAL_NAME, className), image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: "\u0427\u0430\u0442", onClick: onClick }));
+//# sourceMappingURL=HeaderChatBotButton.js.map

package/dist/components/Header/HeaderChatBotButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderChatBotButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderChatBotButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,6CAA0C;AAE1C,2EAAwE;AACxE,6CAA0C;AAW1C,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAE3C,QAAA,mBAAmB,GAAG,IAAA,aAAG,EAA2B,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,IAAA,iBAAO,GAAE,CAAC;IAErD,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,uBAAC,6BAA6B,OAAK,KAAK,GAAI,CAC7C,CAAC,CAAC,CAAC,CACF,mBAAmB,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACjD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,6BAA6B,GAAG,IAAA,aAAG,EACvC,CAAC,EAAE,IAAI,GAAG,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACjC,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;IAEjB,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAA4B,EAAE,EAAE,CAAC,CAC7F,uBAAC,qDAAyB,IACxB,SAAS,EAAE,IAAA,aAAK,EAAC,yBAAyB,EAAE,SAAS,CAAC,EACtD,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAC9C,SAAS,EAAC,oBAAK,EACf,OAAO,EAAE,OAAO,GAChB,CACH,CAAC"}

package/dist/components/Header/HeaderContent.d.ts

@@ -5,6 +5,11 @@ import type { IconProps, Picture } from '../../model/Picture';
  * @title Пункт подменю
  */
 export declare type SubMenuItem = LinkProps & IconProps;
+/**
+ * @title Чат-бот
+ * @enumNames ["", "Для физических лиц", "Для юридических лиц"]
+ */
+export declare type ChatBot = '' | 'personal' | 'business';
 /**
  * @title Ссылка дополнительного меню
  * @required ["text", "href"]
@@ -24,11 +29,11 @@ export interface Logo {
 }
 /**
  * @title Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)
- * @required ["defaultLocation", "topItems"]
  */
 export interface HeaderContent {
     /** @hidden */
     showSubMenu?: boolean;
     /** @hidden */
     bgColor?: BgColorVersion;
+    chat?: ChatBot;
 }

package/dist/components/Header/HeaderSecondaryMenu.d.ts

@@ -1,10 +1,12 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
+import type { ChatBot } from './HeaderContent';
 interface HeaderSecondaryMenuContent {
     version?: BlockVersion;
     defaultLocation?: string;
     officesLink?: string;
     foreignOffices?: ForeignOffice[];
+    chat?: ChatBot;
 }
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
     className?: string;

package/dist/components/Header/HeaderSecondaryMenu.js

@@ -2,22 +2,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSecondaryMenu = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useBool_1 = require("../../hooks/useBool");
 const useLocation_1 = require("../../hooks/useLocation");
-const Img_1 = require("../../ui-kit/Img/Img");
 const Location_1 = require("../../ui-kit/Location/Location");
 const TopItem_1 = require("../../ui-kit/TopItem/TopItem");
+const style_1 = require("../../utils/style");
+const HeaderChatBotButton_1 = require("./HeaderChatBotButton");
 const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
-exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices }) => {
-    const [isShowLocationModal, setShowLocationModal] = (0, hooks_1.useState)(false);
+exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices, chat }) => {
+    const [isShowLocationModal, { setTrue: showLocationModal, setFalse: hideLocationModal }] = (0, useBool_1.useBool)();
     const [location, onChangeLocation] = (0, useLocation_1.useLocation)(defaultLocation);
-    const showLocationModal = (0, hooks_1.useCallback)(() => {
-        setShowLocationModal(true);
-    }, []);
-    const hideLocationModal = (0, hooks_1.useCallback)(() => {
-        setShowLocationModal(false);
-    }, []);
     const iconVersion = version === 'transparent' ? 'white' : 'black';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-5", flat: true, href: "#", text: location.name, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: showLocationModal }), officesLink ? ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-7", flat: true, href: officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", ariaLabel: "\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u0441\u0435\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043E\u0444\u0438\u0441\u043E\u0432 \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u043E\u0432" })) : null, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 group/btn text-primary-text hover:text-primary-main group-data-transparent:text-white", ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'LoupeIcon', iconVersion }, className: "h-full pointer-events-none", imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0 pointer-events-none", asSVG: true }) }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "group/btn min-w-8 min-h-8 text-secondary-light hover:text-secondary-hover group-data-transparent:text-white", ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'GridIcon', iconVersion }, className: "h-full bg-main-divider/20 rounded-full pointer-events-none", imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0", asSVG: true }) }), isShowLocationModal ? ((0, jsx_runtime_1.jsx)(Location_1.Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex items-center', className), children: [(0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-5", flat: true, href: "#", text: location.name, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: showLocationModal }), officesLink ? ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-7", flat: true, href: officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", ariaLabel: "\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u0441\u0435\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043E\u0444\u0438\u0441\u043E\u0432 \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u043E\u0432" })) : null, chat ? ((0, jsx_runtime_1.jsx)(HeaderChatBotButton_1.HeaderChatBotButton, { className: "mr-5", iconVersion: iconVersion, chat: chat })) : null, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5", image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", disabled: true }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { image: { icon: 'GridIcon', iconVersion }, ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", isRounded: true, disabled: true }), isShowLocationModal ? ((0, jsx_runtime_1.jsx)(Location_1.Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
 });
 //# sourceMappingURL=HeaderSecondaryMenu.js.map

package/dist/components/Header/HeaderSecondaryMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,yDAAsD;AAItD,8CAA2C;AAC3C,6DAA0D;AAC1D,0DAAuD;AACvD,2EAAwE;AAa3D,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,GAAG,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE7E,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,GAAG,IAAA,yBAAW,EAAC,eAAe,CAAC,CAAC;IAElE,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACzC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACzC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,OAAO,CACL,iCAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,uBAAC,iBAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,SAAS,EAAC,sFAAgB,EAC1B,OAAO,EAAE,iBAAiB,GAC1B,EACD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,iBAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,8FAAmB,EACxB,SAAS,EAAC,+NAA2C,GACrD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qDAAyB,IACxB,SAAS,EAAC,4FAA4F,EACtG,SAAS,EAAC,4EAAgB,YAE1B,uBAAC,SAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EACzC,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,iFAAiF,EAChG,KAAK,SACL,GACwB,EAC5B,uBAAC,qDAAyB,IACxB,SAAS,EAAC,6GAA6G,EACvH,SAAS,EAAC,2HAAuB,YAEjC,uBAAC,SAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EACxC,SAAS,EAAC,4DAA4D,EACtE,cAAc,EAAC,6DAA6D,EAC5E,KAAK,SACL,GACwB,EAC3B,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAQ,IACP,eAAe,EAAE,QAAQ,EACzB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,iBAAiB,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,yDAAsD;AAItD,6DAA0D;AAC1D,0DAAuD;AACvD,6CAA0C;AAC1C,+DAA4D;AAE5D,2EAAwE;AAc3D,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,GAAG,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,GACtF,IAAA,iBAAO,GAAE,CAAC;IAEZ,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,GAAG,IAAA,yBAAW,EAAC,eAAe,CAAC,CAAC;IAElE,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,mBAAmB,EAAE,SAAS,CAAC,aACnD,uBAAC,iBAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,SAAS,EAAC,sFAAgB,EAC1B,OAAO,EAAE,iBAAiB,GAC1B,EACD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,iBAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,8FAAmB,EACxB,SAAS,EAAC,+NAA2C,GACrD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,yCAAmB,IAAC,SAAS,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAC/E,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qDAAyB,IACxB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EACzC,SAAS,EAAC,4EAAgB,EAC1B,QAAQ,EAAE,IAAI,GACd,EACF,uBAAC,qDAAyB,IACxB,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EACxC,SAAS,EAAC,2HAAuB,EACjC,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,GACd,EACD,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAQ,IACP,eAAe,EAAE,QAAQ,EACzB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,iBAAiB,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Header/HeaderSecondaryMenuButton.d.ts

@@ -1,6 +1,11 @@
-interface HeaderSecondaryMenuButtonProps {
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+export interface HeaderSecondaryMenuButtonProps extends ImageContent {
     className?: string;
+    isRounded?: boolean;
+    disabled?: boolean;
     ariaLabel?: string;
+    onClick?: (ev?: {
+        preventDefault: () => void;
+    }) => void;
 }
 export declare const HeaderSecondaryMenuButton: import("@redneckz/uni-jsx").UNIComponent<HeaderSecondaryMenuButtonProps, any, any>;
-export {};

package/dist/components/Header/HeaderSecondaryMenuButton.js

@@ -2,5 +2,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSecondaryMenuButton = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className = '', children, ariaLabel }) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `border-0 p-0 w-6 h-6 flex items-center bg-inherit cursor-pointer ${className}`, disabled: true, "aria-label": ariaLabel, children: children })));
+const Img_1 = require("../../ui-kit/Img/Img");
+const style_1 = require("../../utils/style");
+exports.HeaderSecondaryMenuButton = (0, uni_jsx_1.JSX)(({ className, isRounded, disabled, ariaLabel, image, onClick }) => ((0, jsx_runtime_1.jsx)("button", { className: (0, style_1.style)('group/btn border-0 p-0 flex items-center bg-inherit', isRounded
+        ? 'w-8 h-8 text-secondary-light hover:text-secondary-hove'
+        : 'w-6 h-6 text-primary-text hover:text-primary-main', 'group-data-transparent:text-white', className), type: "button", disabled: disabled, "aria-label": ariaLabel, onClick: onClick, children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image, className: (0, style_1.style)('h-full', isRounded ? 'bg-main-divider/20 rounded-full' : ''), imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0", asSVG: true }) })));
 //# sourceMappingURL=HeaderSecondaryMenuButton.js.map

package/dist/components/Header/HeaderSecondaryMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAO3B,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC3C,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,oEAAoE,SAAS,EAAE,EAC1F,QAAQ,EAAE,IAAI,gBACF,SAAS,YAEpB,QAAQ,GACF,CACV,CACF,CAAC"}
+{"version":3,"file":"HeaderSecondaryMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenuButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,8CAA2C;AAE3C,6CAA0C;AAU7B,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAC1C,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACjE,mCACE,SAAS,EAAE,IAAA,aAAK,EACd,qDAAqD,EACrD,SAAS;QACP,CAAC,CAAC,wDAAwD;QAC1D,CAAC,CAAC,mDAAmD,EACvD,mCAAmC,EACnC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAE,OAAO,YAEhB,uBAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9E,cAAc,EAAC,6DAA6D,EAC5E,KAAK,SACL,GACK,CACV,CACF,CAAC"}

package/dist/components/Header/useChatBot.d.ts

@@ -0,0 +1,2 @@
+import { ChatBot } from './HeaderChatBotButton';
+export declare const useChatBot: (chat: ChatBot) => unknown;

package/dist/components/Header/useChatBot.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChatBot = void 0;
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useExternalNS_1 = require("../../hooks/useExternalNS");
+const CHATBOT_NAMESPACE = 'chatbot';
+const CHATBOT_URL = {
+    personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
+    business: '', //TODO: add url business chat
+};
+const useChatBot = (chat) => {
+    (0, hooks_1.useEffect)(() => globalThis.localStorage?.setItem('webchat-keep-open', String(Date.now())), []);
+    return (0, useExternalNS_1.useExternalNS)(CHATBOT_NAMESPACE, CHATBOT_URL[chat]);
+};
+exports.useChatBot = useChatBot;
+//# sourceMappingURL=useChatBot.js.map

package/dist/components/Header/useChatBot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatBot.js","sourceRoot":"","sources":["../../../src/components/Header/useChatBot.ts"],"names":[],"mappings":";;AAAA,uDAAwD;AACxD,6DAA0D;AAG1D,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAEpC,MAAM,WAAW,GAA4B;IAC3C,QAAQ,EAAE,2CAA2C;IACrD,QAAQ,EAAE,EAAE,EAAE,6BAA6B;CAC5C,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,EAAE;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE/F,OAAO,IAAA,6BAAa,EAAC,iBAAiB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7D,CAAC,CAAC;AAJW,QAAA,UAAU,cAIrB"}

package/dist/components/Tabs/LinkTab.d.ts

@@ -2,6 +2,7 @@ import type { LinkTabData, TabData } from './TabsContent';
 interface LinkTabProps {
     tab: LinkTabData;
     currentTab?: TabData;
+    isScrollable?: boolean;
 }
 export declare const LinkTab: import("@redneckz/uni-jsx").UNIComponent<LinkTabProps, any, any>;
 export {};

package/dist/components/Tabs/LinkTab.js

@@ -5,10 +5,10 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const useLink_1 = require("../../hooks/useLink");
 const tabItemClasses_1 = require("./tabItemClasses");
 exports.LinkTab = (0, uni_jsx_1.JSX)((props) => {
-    const { tab, currentTab } = props;
+    const { tab, currentTab, isScrollable = false } = props;
     const active = currentTab?.type === 'link' && currentTab.href === tab.href;
     const link = (0, useLink_1.useLink)();
     const adjustedProps = link(tab);
-    return ((0, jsx_runtime_1.jsx)("a", { role: "tab", className: `${tabItemClasses_1.LINK_CLASSES} ${active ? tabItemClasses_1.ACTIVE_LINK_CLASSES : tabItemClasses_1.INACTIVE_LINK_CLASSES}`, target: tab.target, href: adjustedProps.href, onClick: adjustedProps.onClick, children: (0, jsx_runtime_1.jsx)("span", { className: `${tabItemClasses_1.TEXT_CLASSES} ${active ? tabItemClasses_1.ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES}`, children: tab.text }) }));
+    return ((0, jsx_runtime_1.jsx)("a", { role: "tab", className: (0, tabItemClasses_1.getLinkTabClassName)('link', active, isScrollable), target: tab.target, href: adjustedProps.href, onClick: adjustedProps.onClick, children: (0, jsx_runtime_1.jsx)("span", { className: (0, tabItemClasses_1.getLinkTabClassName)('text', active, isScrollable), children: tab.text }) }));
 });
 //# sourceMappingURL=LinkTab.js.map

package/dist/components/Tabs/LinkTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,qDAO0B;AAQb,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,CACL,8BACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,EACpF,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,aAAa,CAAC,OAAO,YAE9B,iCAAM,SAAS,EAAE,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,YACvF,GAAG,CAAC,IAAI,GACJ,GACL,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,qDAAuD;AAS1C,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,OAAO,CACL,8BACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5D,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,aAAa,CAAC,OAAO,YAE9B,iCAAM,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,YAAG,GAAG,CAAC,IAAI,GAAQ,GACnF,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Tabs/ScrollableTabs.d.ts

@@ -0,0 +1,8 @@
+import type { RenderTabProps } from './renderTab';
+import type { TabData } from './TabsContent';
+interface ScrollableTabsProps extends RenderTabProps {
+    tabs?: TabData[];
+}
+export declare type IsScrollButtonsShown = boolean[];
+export declare const ScrollableTabs: import("@redneckz/uni-jsx").UNIComponent<ScrollableTabsProps, any, any>;
+export {};

package/dist/components/Tabs/ScrollableTabs.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollableTabs = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const SwipeListContainer_1 = require("../../ui-kit/SwipeListControl/SwipeListContainer");
+const useSwipeListScroll_1 = require("../../ui-kit/SwipeListControl/useSwipeListScroll");
+const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
+const renderTab_1 = require("./renderTab");
+const scrollButtonStyle = 'absolute z-50 top-0';
+exports.ScrollableTabs = (0, uni_jsx_1.JSX)((props) => {
+    const { tabs, onClick, currentTab, page, showCounter } = props;
+    const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({
+        itemCount: tabs?.length || 0,
+        isCyclic: false,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative max-w-full m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-sans max-w-full w-full overflow-hidden relative bg-white`, children: (0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs?.map((0, renderTab_1.renderTab)({
+                        onClick,
+                        currentTab,
+                        showCounter,
+                        page,
+                        isScrollable: true,
+                    })) }) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: `${scrollButtonStyle} left-6`, onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: `${scrollButtonStyle} rotate-180 right-6`, onClick: scroll.scrollRight })) : null] }));
+});
+//# sourceMappingURL=ScrollableTabs.js.map

package/dist/components/Tabs/ScrollableTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/ScrollableTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,yFAAsF;AACtF,yFAAsF;AACtF,iEAAsF;AACtF,2CAAwC;AAQxC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEnC,QAAA,cAAc,GAAG,IAAA,aAAG,EAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;QAC5B,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACzC,gCAAK,SAAS,EAAE,+DAA+D,YAC7E,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,IAAI,EAAE,GAAG,CACR,IAAA,qBAAS,EAAC;wBACR,OAAO;wBACP,UAAU;wBACV,WAAW;wBACX,IAAI;wBACJ,YAAY,EAAE,IAAI;qBACnB,CAAC,CACH,GACkB,GACjB,EACL,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IAAC,SAAS,EAAE,GAAG,iBAAiB,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,GAAI,CAC3F,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,GAAG,iBAAiB,qBAAqB,EACpD,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -6,14 +6,16 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const EventBus_1 = require("../../EventBus/EventBus");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const renderTab_1 = require("./renderTab");
+const ScrollableTabs_1 = require("./ScrollableTabs");
 exports.Tabs = (0, uni_jsx_1.JSX)((props) => {
-    const { className = '', tabs, showCounter, isSticky, ...rest } = props;
+    const { className = '', tabs, showCounter, isSticky, tabsMode, ...rest } = props;
     const [currentTab, setCurrentTab] = (0, hooks_1.useState)(tabs ? tabs[0] : undefined);
     (0, hooks_1.useEffect)(() => EventBus_1.EventBus.inst.subscribe('tab', (event) => {
         const tab = tabs?.find(checkTab(event));
         if (event.type === 'link' && tab) {
             setCurrentTab(tab);
         }
+        return [];
     }), [tabs]);
     (0, hooks_1.useEffect)(() => currentTab?.type === 'group'
         ? EventBus_1.EventBus.inst.subject('tab', { label: currentTab.ref })
@@ -24,7 +26,12 @@ exports.Tabs = (0, uni_jsx_1.JSX)((props) => {
         }
         setCurrentTab(selectedTab);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `${isSticky ? 'sticky top-1 z-20 ' : ''}box-border flex gap-x-1 ${className}`, role: "tablist", ...rest, children: tabs?.map((0, renderTab_1.renderTab)({ onClick: handleClick, currentTab, showCounter, ...rest })) }));
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20 ' : ''} ${className}`, role: "tablist", ...rest, children: tabsMode === 'scrollable' ? ((0, jsx_runtime_1.jsx)(ScrollableTabs_1.ScrollableTabs, { tabs: tabs, onClick: handleClick, currentTab: currentTab, showCounter: showCounter, ...rest })) : (tabs?.map((0, renderTab_1.renderTab)({
+            onClick: handleClick,
+            currentTab,
+            showCounter,
+            ...rest,
+        }))) }));
 });
 const checkTab = (event) => (_) => _.type === 'link' && _.href === `#${event.label}`;
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,sDAAmD;AAEnD,4DAAyD;AACzD,2CAAwC;AAU3B,QAAA,IAAI,GAAG,IAAA,aAAG,EAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,mBAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,MAAM,GAAG,GAAG,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,GAAG,EAAE;YAChC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpB;IACH,CAAC,CAAC,EACJ,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,UAAU,EAAE,IAAI,KAAK,OAAO;QAC1B,CAAC,CAAC,mBAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;QACzD,CAAC,CAAC,SAAS,EACf,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,WAAoB,EAAE,EAAE;QACvD,IAAI,WAAW,EAAE,IAAI,KAAK,OAAO,EAAE;YACjC,mBAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;SAC/E;QACD,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,2BAA2B,SAAS,EAAE,EACxF,IAAI,EAAC,SAAS,KACV,IAAI,YAEP,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GACpE,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC,CAAU,EAAE,EAAE,CAC7D,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,sDAAmD;AAGnD,4DAAyD;AACzD,2CAAwC;AACxC,qDAAkD;AASrC,QAAA,IAAI,GAAG,IAAA,aAAG,EAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,mBAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,MAAM,GAAG,GAAG,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,GAAG,EAAE;YAChC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpB;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,EACJ,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,IAAA,iBAAS,EACP,GAAG,EAAE,CACH,UAAU,EAAE,IAAI,KAAK,OAAO;QAC1B,CAAC,CAAC,mBAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;QACzD,CAAC,CAAC,SAAS,EACf,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,WAAoB,EAAE,EAAE;QACvD,IAAI,WAAW,EAAE,IAAI,KAAK,OAAO,EAAE;YACjC,mBAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;SAC/E;QACD,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,2CACT,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EACpC,IAAI,SAAS,EAAE,EACf,IAAI,EAAC,SAAS,KACV,IAAI,YAEP,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,CAC3B,uBAAC,+BAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC,CAAC,CAAC,CACF,IAAI,EAAE,GAAG,CACP,IAAA,qBAAS,EAAC;YACR,OAAO,EAAE,WAAW;YACpB,UAAU;YACV,WAAW;YACX,GAAG,IAAI;SACR,CAAC,CACH,CACF,GACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC,CAAU,EAAE,EAAE,CAC7D,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC"}

package/dist/components/Tabs/TabsContent.d.ts

@@ -23,6 +23,13 @@ export declare type LinkTabData = LinkProps & {
  * }
  */
 export declare type TabData = GroupTabData | LinkTabData;
+/**
+ * @enumNames [
+ *   "По ширине экрана",
+ *   "С прокруткой"
+ * ]
+ */
+export declare type TabsMode = 'wideScreen' | 'scrollable';
 /**
  * @title Вкладки
  */
@@ -33,4 +40,9 @@ export interface TabsContent {
     isSticky?: boolean;
     /** @title Показывать счетчик блоков во вкладках */
     showCounter?: boolean;
+    /**
+     * @title Режим вкладок
+     * @default "wideScreen"
+     */
+    tabsMode?: TabsMode;
 }

package/dist/components/Tabs/renderGroupTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { RenderTabProps } from './renderTab';
 import type { GroupTabData } from './TabsContent';
-export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;
+import type { RenderTabProps } from './renderTab';
+export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, isScrollable }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;

package/dist/components/Tabs/renderGroupTab.js

@@ -5,14 +5,22 @@ const tabItemClasses_1 = require("./tabItemClasses");
 const BADGE_CLASSES = 'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
 const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
 const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover/btn:text-primary-main';
-const renderGroupTab = ({ page, currentTab, showCounter, onClick }) => (tab, i) => {
+const renderGroupTab = ({ page, currentTab, showCounter, onClick, isScrollable = false }) => (tab, i) => {
     const active = currentTab === tab;
     const count = tab.ref && page?.blocks
         ? page.blocks.filter((block) => block?.labels?.includes(tab.ref)).length
         : 0;
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${tabItemClasses_1.LINK_CLASSES} ${active ? tabItemClasses_1.ACTIVE_LINK_CLASSES : tabItemClasses_1.INACTIVE_LINK_CLASSES}`, role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? renderTitle(tab.title, active) : null, showCounter && count ? renderCount(count, active) : null] }) }, String(i)));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tabItemClasses_1.getGroupTabClassName)('div', active, isScrollable), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: (0, jsx_runtime_1.jsxs)("div", { className: `flex flex-1 items-center justify-center ${(0, tabItemClasses_1.getGroupTabClassName)('text', active, isScrollable)}`, children: [renderTitle(tab.title, active, isScrollable), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
 };
 exports.renderGroupTab = renderGroupTab;
-const renderTitle = (title, active) => ((0, jsx_runtime_1.jsx)("h3", { className: `${tabItemClasses_1.TEXT_CLASSES} ${active ? tabItemClasses_1.ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES}`, children: title }));
-const renderCount = (count, active) => ((0, jsx_runtime_1.jsx)("div", { className: `${BADGE_CLASSES} ${active ? ACTIVE_BADGE_CLASSES : INACTIVE_BADGE_CLASSES}`, children: count }));
+const renderTitle = (title, active, isScrollable) => {
+    const activeClassName = active ? tabItemClasses_1.WHITE_ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES;
+    const titleClassName = isScrollable
+        ? `${tabItemClasses_1.TEXT_CLASSES} ${activeClassName}`
+        : `${tabItemClasses_1.TEXT_CLASSES} ${active ? tabItemClasses_1.ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES}`;
+    return title ? (0, jsx_runtime_1.jsx)("h3", { className: titleClassName, children: title }) : null;
+};
+const renderCount = (showCounter, count, active) => {
+    return showCounter && count ? ((0, jsx_runtime_1.jsx)("div", { className: `${BADGE_CLASSES} ${active ? ACTIVE_BADGE_CLASSES : INACTIVE_BADGE_CLASSES}`, children: count })) : null;
+};
 //# sourceMappingURL=renderGroupTab.js.map

package/dist/components/Tabs/renderGroupTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";;;AACA,qDAO0B;AAG1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAEnE,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAkB,EAAE,EAAE,CAC/D,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,gCAEE,SAAS,EAAE,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,EACpF,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,iCAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAClD,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACrD,IATD,MAAM,CAAC,CAAC,CAAC,CAUV,CACP,CAAC;AACJ,CAAC,CAAC;AAxBS,QAAA,cAAc,kBAwBvB;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,EAAE,EAAE,CAAC,CACtD,+BAAI,SAAS,EAAE,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,YACrF,KAAK,GACH,CACN,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,EAAE,EAAE,CAAC,CACtD,gCAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC"}
+{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";;;AAEA,qDAM0B;AAE1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAEnE,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAkB,EAAE,EAAE,CACrF,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,gCAEE,SAAS,EAAE,IAAA,qCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5D,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,iCACE,SAAS,EAAE,2CAA2C,IAAA,qCAAoB,EACxE,MAAM,EACN,MAAM,EACN,YAAY,CACb,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AA9BS,QAAA,cAAc,kBA8BvB;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IACxF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,0CAAyB,CAAC,CAAC,CAAC,sCAAqB,CAAC;IACnF,MAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC,GAAG,6BAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,CAAC;IAE9E,OAAO,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,gCAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/dist/components/Tabs/renderTab.d.ts

@@ -6,5 +6,6 @@ export interface RenderTabProps {
     currentTab?: TabData;
     showCounter?: boolean;
     onClick: (tab: TabData) => void;
+    isScrollable?: boolean;
 }
-export declare const renderTab: ({ page, currentTab, showCounter, onClick }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;
+export declare const renderTab: ({ page, currentTab, showCounter, onClick, isScrollable }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;

package/dist/components/Tabs/renderTab.js

@@ -4,23 +4,21 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const assertUnreachable_1 = require("../../utils/assertUnreachable");
 const LinkTab_1 = require("./LinkTab");
 const renderGroupTab_1 = require("./renderGroupTab");
-const renderTab = ({ page, currentTab, showCounter, onClick }) => 
-// Linter doesn't understand that switch processes all cases
-// eslint-disable-next-line consistent-return
-(tab, i) => {
+const renderTab = ({ page, currentTab, showCounter, onClick, isScrollable = false }) => (tab, i) => {
     const type = tab.type;
     if (!(type === 'group' || type === 'link')) {
         return null;
     }
     switch (type) {
         case 'group':
-            return (0, renderGroupTab_1.renderGroupTab)({ page, currentTab, showCounter, onClick })(tab, i);
+            return (0, renderGroupTab_1.renderGroupTab)({ page, currentTab, showCounter, onClick, isScrollable })(tab, i);
         case 'link': {
-            return (0, jsx_runtime_1.jsx)(LinkTab_1.LinkTab, { tab: tab, currentTab: currentTab }, String(i));
+            return ((0, jsx_runtime_1.jsx)(LinkTab_1.LinkTab, { tab: tab, currentTab: currentTab, isScrollable: isScrollable }, String(i)));
         }
         default:
             (0, assertUnreachable_1.assertUnreachable)(type);
     }
+    return null;
 };
 exports.renderTab = renderTab;
 //# sourceMappingURL=renderTab.js.map

package/dist/components/Tabs/renderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAClE,uCAAoC;AACpC,qDAAkD;AAU3C,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAkB,EAAE,EAAE;AAC/D,4DAA4D;AAC5D,6CAA6C;AAC7C,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,IAAA,+BAAc,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC5E,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,uBAAC,iBAAO,IAAiB,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,IAA3C,MAAM,CAAC,CAAC,CAAC,CAAsC,CAAC;SACtE;QACD;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;AACH,CAAC,CAAC;AApBS,QAAA,SAAS,aAoBlB"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAClE,uCAAoC;AACpC,qDAAkD;AAW3C,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAkB,EAAE,EAAE,CACrF,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,IAAA,+BAAc,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC1F,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,CACL,uBAAC,iBAAO,IAAiB,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,IAAvE,MAAM,CAAC,CAAC,CAAC,CAAkE,CAC1F,CAAC;SACH;QACD;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAtBS,QAAA,SAAS,aAsBlB"}

package/dist/components/Tabs/tabItemClasses.d.ts

@@ -1,6 +1,11 @@
 export declare const LINK_CLASSES = "h-12 flex-1 flex items-center justify-center cursor-pointer";
 export declare const ACTIVE_LINK_CLASSES = "bg-primary-main";
 export declare const INACTIVE_LINK_CLASSES = "group/btn bg-white";
-export declare const TEXT_CLASSES = "font-sans text-m";
+export declare const SCROLLABLE_ACTIVE_LINK_CLASSES = "bg-white text-primary-main";
+export declare const WIDESCREEN_ACTIVE_LINK_CLASSES = "bg-primary-main text-white";
+export declare const TEXT_CLASSES = "font-sans text-m text-center";
 export declare const ACTIVE_TEXT_CLASSES = "text-white";
 export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text group-hover/btn:text-primary-main";
+export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
+export declare const getGroupTabClassName: (type: string, active: boolean, isScrollable: boolean) => any;
+export declare const getLinkTabClassName: (type: string, active: boolean, isScrollable: boolean) => any;

package/dist/components/Tabs/tabItemClasses.js

@@ -1,9 +1,68 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INACTIVE_TEXT_CLASSES = exports.ACTIVE_TEXT_CLASSES = exports.TEXT_CLASSES = exports.INACTIVE_LINK_CLASSES = exports.ACTIVE_LINK_CLASSES = exports.LINK_CLASSES = void 0;
+exports.getLinkTabClassName = exports.getGroupTabClassName = exports.WHITE_ACTIVE_TEXT_CLASSES = exports.INACTIVE_TEXT_CLASSES = exports.ACTIVE_TEXT_CLASSES = exports.TEXT_CLASSES = exports.WIDESCREEN_ACTIVE_LINK_CLASSES = exports.SCROLLABLE_ACTIVE_LINK_CLASSES = exports.INACTIVE_LINK_CLASSES = exports.ACTIVE_LINK_CLASSES = exports.LINK_CLASSES = void 0;
 exports.LINK_CLASSES = 'h-12 flex-1 flex items-center justify-center cursor-pointer';
 exports.ACTIVE_LINK_CLASSES = 'bg-primary-main';
 exports.INACTIVE_LINK_CLASSES = 'group/btn bg-white';
-exports.TEXT_CLASSES = 'font-sans text-m';
+exports.SCROLLABLE_ACTIVE_LINK_CLASSES = 'bg-white text-primary-main';
+exports.WIDESCREEN_ACTIVE_LINK_CLASSES = 'bg-primary-main text-white';
+exports.TEXT_CLASSES = 'font-sans text-m text-center';
 exports.ACTIVE_TEXT_CLASSES = 'text-white';
 exports.INACTIVE_TEXT_CLASSES = 'text-secondary-text group-hover/btn:text-primary-main';
+exports.WHITE_ACTIVE_TEXT_CLASSES = 'text-primary-main';
+const GROUP_TAB_CLASSES = {
+    div: {
+        scrollable: {
+            active: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.SCROLLABLE_ACTIVE_LINK_CLASSES}`,
+            default: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES}`,
+        },
+        default: {
+            active: `${exports.LINK_CLASSES} ${exports.WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
+            default: `${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES} whitespace-nowrap`,
+        },
+    },
+    text: {
+        scrollable: {
+            active: `h-full border-0 border-b-2`,
+            default: ``,
+        },
+        default: {
+            active: '',
+            default: '',
+        },
+    },
+};
+const LINK_TAB_CLASSES = {
+    link: {
+        scrollable: {
+            active: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.SCROLLABLE_ACTIVE_LINK_CLASSES}`,
+            default: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES}`,
+        },
+        default: {
+            active: `${exports.LINK_CLASSES} ${exports.WIDESCREEN_ACTIVE_LINK_CLASSES}`,
+            default: `${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES}`,
+        },
+    },
+    text: {
+        scrollable: {
+            active: `${exports.TEXT_CLASSES} flex items-center h-full border-0 border-b-2 ${exports.WHITE_ACTIVE_TEXT_CLASSES}`,
+            default: `${exports.TEXT_CLASSES} ${exports.INACTIVE_TEXT_CLASSES}`,
+        },
+        default: {
+            active: `${exports.TEXT_CLASSES} ${exports.ACTIVE_TEXT_CLASSES}`,
+            default: `${exports.TEXT_CLASSES} ${exports.INACTIVE_TEXT_CLASSES}`,
+        },
+    },
+};
+const getGroupTabClassName = (type, active, isScrollable) => {
+    const styleType = isScrollable ? 'scrollable' : 'default';
+    const styleActive = active ? 'active' : 'default';
+    return GROUP_TAB_CLASSES[type][styleType][styleActive];
+};
+exports.getGroupTabClassName = getGroupTabClassName;
+const getLinkTabClassName = (type, active, isScrollable) => {
+    const styleType = isScrollable ? 'scrollable' : 'default';
+    const styleActive = active ? 'active' : 'default';
+    return LINK_TAB_CLASSES[type][styleType][styleActive];
+};
+exports.getLinkTabClassName = getLinkTabClassName;
 //# sourceMappingURL=tabItemClasses.js.map

package/dist/components/Tabs/tabItemClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":";;AAAa,QAAA,YAAY,GAAG,6DAA6D,CAAC;AAC7E,QAAA,mBAAmB,GAAG,iBAAiB,CAAC;AACxC,QAAA,qBAAqB,GAAG,oBAAoB,CAAC;AAE7C,QAAA,YAAY,GAAG,kBAAkB,CAAC;AAClC,QAAA,mBAAmB,GAAG,YAAY,CAAC;AACnC,QAAA,qBAAqB,GAAG,uDAAuD,CAAC"}
+{"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":";;AAAa,QAAA,YAAY,GAAG,6DAA6D,CAAC;AAC7E,QAAA,mBAAmB,GAAG,iBAAiB,CAAC;AACxC,QAAA,qBAAqB,GAAG,oBAAoB,CAAC;AAE7C,QAAA,8BAA8B,GAAG,4BAA4B,CAAC;AAC9D,QAAA,8BAA8B,GAAG,4BAA4B,CAAC;AAE9D,QAAA,YAAY,GAAG,8BAA8B,CAAC;AAC9C,QAAA,mBAAmB,GAAG,YAAY,CAAC;AACnC,QAAA,qBAAqB,GAAG,uDAAuD,CAAC;AAEhF,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAE7D,MAAM,iBAAiB,GAAG;IACxB,GAAG,EAAE;QACH,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,oBAAY,IAAI,sCAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,oBAAY,IAAI,6BAAqB,EAAE;SAC5F;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,oBAAY,IAAI,sCAA8B,oBAAoB;YAC7E,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,oBAAoB;SACtE;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,4BAA4B;YACpC,OAAO,EAAE,EAAE;SACZ;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC;AACF,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,oBAAY,IAAI,sCAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,oBAAY,IAAI,6BAAqB,EAAE;SAC5F;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,oBAAY,IAAI,sCAA8B,EAAE;YAC3D,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,oBAAY,iDAAiD,iCAAyB,EAAE;YACnG,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,oBAAY,IAAI,2BAAmB,EAAE;YAChD,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;KACF;CACF,CAAC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IAC3F,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;AACzD,CAAC,CAAC;AALW,QAAA,oBAAoB,wBAK/B;AAEK,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IAC1F,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;AACxD,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B"}

package/dist/hooks/useBool.d.ts

@@ -0,0 +1,9 @@
+export declare function useBool(defaultValue?: boolean): [
+    boolean,
+    {
+        setValue: (_: boolean) => void;
+        setTrue: () => void;
+        setFalse: () => void;
+        toggle: () => void;
+    }
+];

package/dist/hooks/useBool.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBool = void 0;
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+function useBool(defaultValue = false) {
+    const [value, setValue] = (0, hooks_1.useState)(defaultValue);
+    const setTrue = (0, hooks_1.useCallback)(() => setValue(true), []);
+    const setFalse = (0, hooks_1.useCallback)(() => setValue(false), []);
+    const toggle = (0, hooks_1.useCallback)(() => setValue((_) => !_), []);
+    return [value, { setValue, setTrue, setFalse, toggle }];
+}
+exports.useBool = useBool;
+//# sourceMappingURL=useBool.js.map

package/dist/hooks/useBool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBool.js","sourceRoot":"","sources":["../../src/hooks/useBool.ts"],"names":[],"mappings":";;AAAA,uDAAoE;AAEpE,SAAgB,OAAO,CAAC,YAAY,GAAG,KAAK;IAS1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,YAAY,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1D,OAAO,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AAC1D,CAAC;AAhBD,0BAgBC"}