@redneckz/wildless-cms-uni-blocks 0.2.101 → 0.2.105

package/lib/ui-kit/Icon/IconProps.js

@@ -10,26 +10,26 @@ export var IconMap;
     IconMap[IconMap["CalendarIcon"] = 4] = "CalendarIcon";
     IconMap[IconMap["CalendarTickIcon"] = 5] = "CalendarTickIcon";
     IconMap[IconMap["CalendarWhiteIcon"] = 6] = "CalendarWhiteIcon";
-    IconMap[IconMap["CardWithGemIcon"] = 7] = "CardWithGemIcon";
-    IconMap[IconMap["ChartSquareIcon"] = 8] = "ChartSquareIcon";
-    IconMap[IconMap["CardIcon"] = 9] = "CardIcon";
-    IconMap[IconMap["CardPosIcon"] = 10] = "CardPosIcon";
-    IconMap[IconMap["CardTickIcon"] = 11] = "CardTickIcon";
+    IconMap[IconMap["CardIcon"] = 7] = "CardIcon";
+    IconMap[IconMap["CardPosIcon"] = 8] = "CardPosIcon";
+    IconMap[IconMap["CardTickIcon"] = 9] = "CardTickIcon";
+    IconMap[IconMap["CardWithGemIcon"] = 10] = "CardWithGemIcon";
+    IconMap[IconMap["ChartSquareIcon"] = 11] = "ChartSquareIcon";
     IconMap[IconMap["ClockIcon"] = 12] = "ClockIcon";
     IconMap[IconMap["ComfortableCompIcon"] = 13] = "ComfortableCompIcon";
     IconMap[IconMap["CreditCardsIcon"] = 14] = "CreditCardsIcon";
-    IconMap[IconMap["DiscountShapeIcon"] = 15] = "DiscountShapeIcon";
-    IconMap[IconMap["DocIcon"] = 16] = "DocIcon";
-    IconMap[IconMap["DocumentTextIcon"] = 17] = "DocumentTextIcon";
-    IconMap[IconMap["DollarIcon"] = 18] = "DollarIcon";
-    IconMap[IconMap["EarthIcon"] = 19] = "EarthIcon";
-    IconMap[IconMap["EmptyWalletChangeIcon"] = 20] = "EmptyWalletChangeIcon";
-    IconMap[IconMap["EmptyWalletIcon"] = 21] = "EmptyWalletIcon";
-    IconMap[IconMap["EmptyWalletWhiteIcon"] = 22] = "EmptyWalletWhiteIcon";
-    IconMap[IconMap["EuroIcon"] = 23] = "EuroIcon";
-    IconMap[IconMap["GlassIcon"] = 24] = "GlassIcon";
-    IconMap[IconMap["GlobalIcon"] = 25] = "GlobalIcon";
-    IconMap[IconMap["GridIcon"] = 26] = "GridIcon";
+    IconMap[IconMap["DocIcon"] = 15] = "DocIcon";
+    IconMap[IconMap["DocumentTextIcon"] = 16] = "DocumentTextIcon";
+    IconMap[IconMap["DollarIcon"] = 17] = "DollarIcon";
+    IconMap[IconMap["EarthIcon"] = 18] = "EarthIcon";
+    IconMap[IconMap["EmptyWalletChangeIcon"] = 19] = "EmptyWalletChangeIcon";
+    IconMap[IconMap["EmptyWalletIcon"] = 20] = "EmptyWalletIcon";
+    IconMap[IconMap["EmptyWalletWhiteIcon"] = 21] = "EmptyWalletWhiteIcon";
+    IconMap[IconMap["EuroIcon"] = 22] = "EuroIcon";
+    IconMap[IconMap["GlassIcon"] = 23] = "GlassIcon";
+    IconMap[IconMap["GlobalIcon"] = 24] = "GlobalIcon";
+    IconMap[IconMap["GridIcon"] = 25] = "GridIcon";
+    IconMap[IconMap["GridIconWhite"] = 26] = "GridIconWhite";
     IconMap[IconMap["InterestGrowthIcon"] = 27] = "InterestGrowthIcon";
     IconMap[IconMap["InterestIcon"] = 28] = "InterestIcon";
     IconMap[IconMap["JCBIcon"] = 29] = "JCBIcon";

package/lib/ui-kit/Icon/IconProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OAgEX;AAhED,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,uDAAe,CAAA;IACf,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6DAAkB,CAAA;IAClB,+DAAmB,CAAA;IACnB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,gDAAW,CAAA;IACX,oEAAqB,CAAA;IACrB,4DAAiB,CAAA;IACjB,gEAAmB,CAAA;IACnB,4CAAS,CAAA;IACT,8DAAkB,CAAA;IAClB,kDAAY,CAAA;IACZ,gDAAW,CAAA;IACX,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,sEAAsB,CAAA;IACtB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,8CAAU,CAAA;IACV,kEAAoB,CAAA;IACpB,sDAAc,CAAA;IACd,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,kEAAoB,CAAA;IACpB,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,oEAAqB,CAAA;IACrB,sEAAsB,CAAA;IACtB,gFAA2B,CAAA;IAC3B,8DAAkB,CAAA;IAClB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,oEAAqB,CAAA;AACvB,CAAC,EAhEW,OAAO,KAAP,OAAO,QAgElB"}
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OAgEX;AAhED,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,uDAAe,CAAA;IACf,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6DAAkB,CAAA;IAClB,+DAAmB,CAAA;IACnB,6CAAU,CAAA;IACV,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,4DAAiB,CAAA;IACjB,4DAAiB,CAAA;IACjB,gDAAW,CAAA;IACX,oEAAqB,CAAA;IACrB,4DAAiB,CAAA;IACjB,4CAAS,CAAA;IACT,8DAAkB,CAAA;IAClB,kDAAY,CAAA;IACZ,gDAAW,CAAA;IACX,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,sEAAsB,CAAA;IACtB,8CAAU,CAAA;IACV,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,8CAAU,CAAA;IACV,wDAAe,CAAA;IACf,kEAAoB,CAAA;IACpB,sDAAc,CAAA;IACd,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,kEAAoB,CAAA;IACpB,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,oEAAqB,CAAA;IACrB,sEAAsB,CAAA;IACtB,gFAA2B,CAAA;IAC3B,8DAAkB,CAAA;IAClB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,oEAAqB,CAAA;AACvB,CAAC,EAhEW,OAAO,KAAP,OAAO,QAgElB"}

package/lib/ui-kit/Logo/Logo.d.ts

@@ -2,5 +2,6 @@ export interface LogoProps {
     className: string;
     href: string;
     targetBlank: boolean;
+    bgColor?: string;
 }
 export declare const Logo: (props: import("@redneckz/uni-jsx").PropsWithChildren<Partial<LogoProps>, any>, context?: any) => any;

package/lib/ui-kit/Logo/Logo.js

@@ -8,7 +8,15 @@ const LOGO_PATHS = [
     'M14.7 27.83h2.58c.67 0 1.14.14 1.4.4.27.25.4.72.4 1.38v7.4c0 .66-.12 1.12-.4 1.38-.4.41-1.16.41-1.78.41l-.4-.01v3.5l.78.14v-2.88c1.2 0 1.97-.4 2.34-1.22v4.29h.26l.5-.01V29.74c0-.68.13-1.16.4-1.43.25-.27.72-.4 1.37-.4.67 0 1.65-.1 2.16.4.26.27.38.76.38 1.43v3.8h-1.77v-4.06h-.77v12.99c.26-.03.5-.07.77-.12V34.3h1.77v7.64c.36-.1.72-.21 1.08-.34v-7c0-.8.19-1.4 1-1.67l-.9-4.87h1.8l.3 5.31h.22l.3-5.31h1.88l-1.01 4.87c.84.3 1.01.81 1.01 1.66v4.53a16.63 16.63 0 0 0 1.5-1.27v-9.83h5.25l.1-.72H24.93l.17.89c-.38-.72-1.12-1.08-2.2-1.08h-.77c-1.3 0-2.1.52-2.4 1.55-.27-1.08-1.1-1.62-2.46-1.62h-3.36v14.52c.26.09.52.18.78.25V27.84Zm16.29 5.58-.85-.8.85-4.37v5.17Z',
     'M27.66 40.79c.27-.14.55-.28.8-.43v-5.98h-.8v6.4Z',
 ];
-export const Logo = JSX(({ className, href, children, targetBlank }) => {
-    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className || ''}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', children: [_jsx(SVG, { className: "text-primary-main w-10", viewBox: "0 0 40 45", paths: LOGO_PATHS.map((d) => ({ d })) }), _jsx("span", { className: "text-black text-base font-medium ml-2.5", children: children || 'Россельхозбанк' })] }));
+const SVG_COLOR = {
+    'bg-white': 'text-primary-main',
+    transparent: 'text-white',
+};
+const TEXT_COLOR = {
+    'bg-white': 'text-black',
+    transparent: 'text-white',
+};
+export const Logo = JSX(({ className, href, children, targetBlank, bgColor = 'bg-white' }) => {
+    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className || ''}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', children: [_jsx(SVG, { className: `${SVG_COLOR[bgColor]} w-10`, viewBox: "0 0 40 45", paths: LOGO_PATHS.map((d) => ({ d })) }), _jsx("span", { className: `${TEXT_COLOR[bgColor]} text-base font-medium ml-2.5`, children: children || 'Россельхозбанк' })] }));
 });
 //# sourceMappingURL=Logo.js.map

package/lib/ui-kit/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAQ7B,MAAM,UAAU,GAAG;IACjB,w5CAAw5C;IACx5C,2OAA2O;IAC3O,0JAA0J;IAC1J,gpBAAgpB;IAChpB,kDAAkD;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,IAAI,EAAE,EAAE,EAC/E,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,aAExC,KAAC,GAAG,IACF,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACrC,EACF,eAAM,SAAS,EAAC,yCAAyC,YACtD,QAAQ,IAAI,gBAAgB,GACxB,IACL,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAS7B,MAAM,UAAU,GAAG;IACjB,w5CAAw5C;IACx5C,2OAA2O;IAC3O,0JAA0J;IAC1J,gpBAAgpB;IAChpB,kDAAkD;CACnD,CAAC;AACF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,IAAI,EAAE,EAAE,EAC/E,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,aAExC,KAAC,GAAG,IACF,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,EACvC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACrC,EACF,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,+BAA+B,YACnE,QAAQ,IAAI,gBAAgB,GACxB,IACL,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/SearchBar.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { Button } from './Button/Button.js';
 import { Icon } from './Icon/Icon.js';
 export const SearchBar = JSX(({ className, context }) => {
     const { term, setTerm } = context.useSearch();
-    const [inputHasFocus, setInputHasFocus] = context.useState(false);
-    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[24px] h-[24px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-base text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: `${inputHasFocus ? 'border-primary-text' : 'border-main-divider'} h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%]`, value: term, onChange: (e) => setTerm(e.target.value), onFocus: (e) => setInputHasFocus(true), onBlur: (e) => setInputHasFocus(false), type: "text", name: "search-bar-input" }), inputHasFocus && (_jsx("button", { type: "submit", className: "absolute font-sans font-normal cursor-pointer text-sm bg-primary-main hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white", onClick: (e) => {
+    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[24px] h-[24px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-base text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input" }), _jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (e) => {
                     e.preventDefault();
                     console.log('click');
-                }, children: "\u041D\u0430\u0439\u0442\u0438" }))] }));
+                }, children: _jsx("div", { className: "font-normal text-sm px-9 py-[9px]", children: "\u041D\u0430\u0439\u0442\u0438" }) })] }));
 });
 //# sourceMappingURL=SearchBar.js.map

package/lib/ui-kit/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3E,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE,GACT,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAC1C,kIAAkI,EAClI,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACtC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,GACvB,EACD,aAAa,IAAI,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mNAAmN,EAC7N,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,+CAGM,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,oLAAoL,EAEtL,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,GACvB,EACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/TopItem/TopItem.d.ts

@@ -1,3 +1,4 @@
+import { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 export interface TopItemContent extends LinkProps {
     active?: boolean;
@@ -7,5 +8,6 @@ export interface TopItemProps extends TopItemContent {
     flat?: boolean;
     ariaLabel?: string;
     onClick?: (ev: MouseEvent) => any;
+    bgColor?: BgColorVersion;
 }
 export declare const TopItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<TopItemProps, any>, context?: any) => any;

package/lib/ui-kit/TopItem/TopItem.js

@@ -1,10 +1,22 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const TopItem = JSX(({ className, text, href, target, active, flat, onClick, children, ariaLabel }) => {
-    const linkStyle = active ? 'border-primary-main rounded-md' : 'border-transparent';
-    const textStyle = active
-        ? 'text-primary-main'
-        : `${flat ? 'text-primary-text' : 'text-secondary-text'} hover:text-primary-main`;
-    return (_jsx("a", { className: `inline-block border border-solid bg-transparent text-center no-underline ${flat ? '' : 'px-4 py-2'} ${linkStyle} ${className || ''}`, href: href, target: target, onClick: onClick, rel: "noopener noreferrer", "aria-label": ariaLabel, children: _jsx("span", { className: `font-sans font-normal text-sm ${textStyle}`, children: text || children }) }));
-});
+const TEXT_CLASSES = 'font-sans font-normal text-sm';
+const LINK_CLASSES = 'inline-block border border-solid bg-transparent text-center no-underline';
+export const TopItem = JSX(({ className = '', text, href, target, active, flat, onClick, children, ariaLabel, bgColor = 'bg-white', }) => (_jsx("a", { className: `${getLinkClasses(bgColor, active, flat)} ${className}`, href: href, target: target, onClick: onClick, rel: "noopener noreferrer", "aria-label": ariaLabel, children: _jsx("span", { className: getTextClasses(bgColor, active, flat), children: text || children }) })));
+const getLinkClasses = (bgColor, active, flat) => {
+    let classes = 'border-transparent';
+    if (active) {
+        classes = `rounded-md ${bgColor === 'bg-white' ? 'border-primary-main' : 'border-white'}`;
+    }
+    return `${classes} ${LINK_CLASSES} ${flat ? '' : 'px-4 py-2'}`;
+};
+const getTextClasses = (bgColor, active, flat) => {
+    let classes = 'text-white';
+    if (bgColor === 'bg-white') {
+        classes = active
+            ? 'text-primary-main'
+            : `${flat ? 'text-primary-text' : 'text-secondary-text'} hover:text-primary-main`;
+    }
+    return `${classes} ${TEXT_CLASSES}`;
+};
 //# sourceMappingURL=TopItem.js.map

package/lib/ui-kit/TopItem/TopItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TopItem/TopItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAcxC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,oBAAoB,CAAC;IACnF,MAAM,SAAS,GAAG,MAAM;QACtB,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,0BAA0B,CAAC;IAEpF,OAAO,CACL,YACE,SAAS,EAAE,4EACT,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WACd,IAAI,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,qBAAqB,gBACb,SAAS,YAErB,eAAM,SAAS,EAAE,iCAAiC,SAAS,EAAE,YAAG,IAAI,IAAI,QAAQ,GAAQ,GACtF,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TopItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TopItem/TopItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAgBxC,MAAM,YAAY,GAAG,+BAA+B,CAAC;AACrD,MAAM,YAAY,GAAG,0EAA0E,CAAC;AAEhG,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,UAAU,GACrB,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,SAAS,EAAE,EAClE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,qBAAqB,gBACb,SAAS,YAErB,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,GAC/E,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAgB,EAAE,IAAc,EAAE,EAAE;IACnF,IAAI,OAAO,GAAG,oBAAoB,CAAC;IACnC,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,cAAc,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;KAC3F;IAED,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,MAAgB,EAAE,IAAc,EAAE,EAAE;IACnF,IAAI,OAAO,GAAG,YAAY,CAAC;IAC3B,IAAI,OAAO,KAAK,UAAU,EAAE;QAC1B,OAAO,GAAG,MAAM;YACd,CAAC,CAAC,mBAAmB;YACrB,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,0BAA0B,CAAC;KACrF;IAED,OAAO,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC;AACtC,CAAC,CAAC"}

package/lib/utils/adjustHref.d.ts

@@ -0,0 +1,4 @@
+export declare const adjustHref: (href: string | undefined, router: {
+    pathname: string;
+    href?: string | undefined;
+}) => string | undefined;

package/lib/utils/adjustHref.js

@@ -0,0 +1,18 @@
+import { getOrigin, isURL } from './url.js';
+import { MOBILE_URL_PATH } from './withoutMobilePath.js';
+export const adjustHref = (href, router) => {
+    if (!href) {
+        return href;
+    }
+    const relativeHref = toRelativeHref(href, router) || '';
+    const isMobilePage = router?.pathname.startsWith(MOBILE_URL_PATH);
+    return isMobilePage && !isURL(relativeHref) ? `${MOBILE_URL_PATH}${relativeHref}` : relativeHref;
+};
+const toRelativeHref = (href, router) => {
+    if (!href) {
+        return href;
+    }
+    const origin = getOrigin(router?.href);
+    return origin ? href.replace(origin, '') || '/' : href;
+};
+//# sourceMappingURL=adjustHref.js.map

package/lib/utils/adjustHref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjustHref.js","sourceRoot":"","sources":["../../src/utils/adjustHref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAwB,EACxB,MAA2C,EAC3C,EAAE;IACF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IACxD,MAAM,YAAY,GAAG,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAClE,OAAO,YAAY,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,MAAyB,EAAE,EAAE;IAC7E,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACzD,CAAC,CAAC"}

package/lib/utils/maxBy.d.ts

@@ -0,0 +1,2 @@
+export declare const maxBy: <Item, Value>(discriminator: (item: Item) => Value) => (list: Item[]) => Item;
+export declare const minBy: <Item, Value>(discriminator: (item: Item) => Value) => (list: Item[]) => Item;

package/lib/utils/maxBy.js

@@ -0,0 +1,3 @@
+export const maxBy = (discriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
+export const minBy = (discriminator) => maxBy((_) => -discriminator(_));
+//# sourceMappingURL=maxBy.js.map

package/lib/utils/maxBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maxBy.js","sourceRoot":"","sources":["../../src/utils/maxBy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAChB,CAAc,aAAoC,EAAE,EAAE,CACtD,CAAC,IAAY,EAAQ,EAAE,CACrB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAc,aAAoC,EAAE,EAAE,CACzE,KAAK,CAAC,CAAC,CAAO,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/lib/utils/url.d.ts

@@ -1,16 +1,3 @@
-export declare const MOBILE_URL_PATH = "/mobile";
 export declare const isURL: (href?: string) => boolean | undefined;
-export declare const isHrefActive: (href: string | undefined, router: {
-    pathname?: string | undefined;
-    href?: string | undefined;
-}, cmp?: (href: string, baseHref: string) => boolean) => boolean;
 export declare const withoutQuery: (href?: string) => string;
-export declare const withoutMobilePath: (href?: string) => string;
 export declare const getOrigin: (href?: string) => string | undefined;
-export declare const adjustHref: (href: string | undefined, router: {
-    pathname: string;
-    href?: string | undefined;
-}) => string | undefined;
-export declare const toRelativeHref: (href: string | undefined, router: {
-    href?: string | undefined;
-}) => string | undefined;

package/lib/utils/url.js

@@ -1,12 +1,7 @@
-export const MOBILE_URL_PATH = '/mobile';
 export const isURL = (href) => href?.includes('//');
-export const isHrefActive = (href, router, cmp = (href, baseHref) => href === baseHref) => {
-    return cmp(withoutQuery(href), withoutMobilePath(withoutQuery(isURL(href) ? router.href : router.pathname)));
-};
 export const withoutQuery = (href) => (href || '').replace(/\/?\?.*/, '');
-export const withoutMobilePath = (href) => (href || '').replace(MOBILE_URL_PATH, '');
 export const getOrigin = (href) => {
-    if (!isURL(href)) {
+    if (!href || !isURL(href)) {
         return undefined;
     }
     const url = href;
@@ -15,19 +10,4 @@ export const getOrigin = (href) => {
     const endOfOrigin = url.indexOf('/', endOfProto + protoSeparator.length);
     return endOfOrigin !== -1 ? url.substring(0, endOfOrigin) : url;
 };
-export const adjustHref = (href, router) => {
-    if (!href) {
-        return href;
-    }
-    const relativeHref = toRelativeHref(href, router);
-    const isMobilePage = router?.pathname.startsWith(MOBILE_URL_PATH);
-    return isMobilePage && !isURL(relativeHref) ? `${MOBILE_URL_PATH}${relativeHref}` : relativeHref;
-};
-export const toRelativeHref = (href, router) => {
-    if (!href) {
-        return href;
-    }
-    const origin = getOrigin(router?.href);
-    return origin ? href.replace(origin, '') || '/' : href;
-};
 //# sourceMappingURL=url.js.map

package/lib/utils/url.js.map

@@ -1 +1 @@
-{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAwB,EACxB,MAA4C,EAC5C,MAAmD,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ,EACxF,EAAE;IACF,OAAO,GAAG,CACR,YAAY,CAAC,IAAI,CAAC,EAClB,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAC7E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AAEnF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;AAE9F,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,GAAG,GAAG,IAAK,CAAC;IAClB,MAAM,cAAc,GAAG,IAAI,CAAC;IAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACzE,OAAO,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAwB,EACxB,MAA2C,EAC3C,EAAE;IACF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,CAAE,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAClE,OAAO,YAAY,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,YAAY,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAwB,EAAE,MAAyB,EAAE,EAAE;IACpF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACzD,CAAC,CAAC"}
+{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AAEnF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,GAAG,GAAG,IAAI,CAAC;IACjB,MAAM,cAAc,GAAG,IAAI,CAAC;IAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACzE,OAAO,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC,CAAC"}

package/lib/utils/withoutMobilePath.d.ts

@@ -0,0 +1,2 @@
+export declare const MOBILE_URL_PATH = "/mobile";
+export declare const withoutMobilePath: (href?: string) => string;

package/lib/utils/withoutMobilePath.js

@@ -0,0 +1,3 @@
+export const MOBILE_URL_PATH = '/mobile';
+export const withoutMobilePath = (href) => (href || '').replace(MOBILE_URL_PATH, '');
+//# sourceMappingURL=withoutMobilePath.js.map

package/lib/utils/withoutMobilePath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withoutMobilePath.js","sourceRoot":"","sources":["../../src/utils/withoutMobilePath.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.101",
+  "version": "0.2.105",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -142,7 +142,9 @@
   ],
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx,css}": [
-      "prettier --write",
+      "prettier --write"
+    ],
+    "src/**/*.{js,jsx,ts,tsx}": [
       "eslint"
     ],
     "*.{js,jsx,ts,tsx,css,json}": [

package/src/components/BlockContent.ts

@@ -6,6 +6,7 @@ import type { GalleryContent } from './Gallery/GalleryContent';
 import type { HeaderContent } from './Header/HeaderContent';
 import type { LinkDocsContent } from './LinkDocs/LinkDocsContent';
 import type { MobileAppTileContent } from './MobileAppTile/MobileAppTileContent';
+import type { NavigationContent } from './Navigation/NavigationContent';
 import type { PictureTextContent } from './PictureText/PictureTextContent';
 import type { PlaceholderContent } from './Placeholder/PlaceholderContent';
 import type { ProductBlockContent } from './ProductBlock/ProductBlockContent';
@@ -13,9 +14,9 @@ import type { ProductGalleryContent } from './ProductGallery/ProductGalleryConte
 import type { ProductTileContent } from './ProductTile/ProductTileContent';
 import type { PromoTileContent } from './PromoTile/PromoTileContent';
 import type { StepsBlockContent } from './StepsBlock/StepsBlockContent';
+import type { TariffsTableContent } from './TariffsTable/TariffsTableContent';
 import type { TextBlockContent } from './TextBlock/TextBlockContent';
 import type { TileContent } from './Tile/TileContent';
-import { TariffsTableContent } from './TariffsTable/TariffsTableContent';
 
 /**
  * @hidden
@@ -38,4 +39,5 @@ export type BlockContent =
   | StepsBlockContent
   | TariffsTableContent
   | TextBlockContent
-  | TileContent;
+  | TileContent
+  | NavigationContent;

package/src/components/Blocks.ts

@@ -10,6 +10,7 @@ import { Headline } from './Headline/Headline';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MiniGallery } from './MiniGallery/MiniGallery';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
+import { Navigation } from './Navigation/Navigation';
 import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
@@ -44,4 +45,5 @@ export const Blocks = {
   TariffsTable,
   TextBlock,
   Tile,
+  Navigation,
 };

package/src/components/ContentPage/ContentPage.page.json

@@ -18,25 +18,38 @@
           "type": "Header",
           "style": ["-mx-20", "mb-5", "shadow-[0_8px_32px_0px_#00000014]"],
           "content": {
-            "defaultLocation": "Москва",
-            "topItems": [
-              {
-                "href": "https://rshb.ru/",
-                "text": "Бизнес клиентам",
-                "target": "_blank"
-              },
-              {
-                "href": "https://rshb.ru/",
-                "text": "Частным клиентам",
-                "target": "_blank"
-              }
-            ]
+            "defaultLocation": "Москва"
           }
         }
       ]
     }
   },
   "blocks": [
+    {
+      "type": "Navigation",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "Потребительский кредит наличными",
+        "buttons": [
+          {
+            "href": "/credits",
+            "text": "Оформить"
+          },
+          {
+            "href": "/tariffs",
+            "text": "Тарифы"
+          },
+          {
+            "href": "/harvest",
+            "text": "Урожай"
+          },
+          {
+            "href": "/faq",
+            "text": "Частые вопросы"
+          }
+        ]
+      }
+    },
     {
       "type": "ProductGallery",
       "style": ["col-span-12"],
@@ -95,8 +108,8 @@
                 }
               ],
               "image": {
-                "src": "worker.png",
-                "title": "Рабочий",
+                "src": "money-2.png",
+                "title": "Деньги",
                 "format": "webp",
                 "alt": "Кредит наличными",
                 "size": {
@@ -1843,7 +1856,7 @@
           {
             "label": "Кредит на общих условиях",
             "description": "До 5 млн ₽ на общих условиях получения кредита",
-            "icon": "DiscountShapeIcon"
+            "icon": "DocumentTextIcon"
           }
         ],
         "image": {
@@ -1857,6 +1870,10 @@
         }
       }
     },
+    {
+      "type": "CreditCalculator",
+      "style": ["col-span-12"]
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

package/src/components/Footer/FooterContent.ts

@@ -1,5 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
-import type { SitemapProps } from '../../model/SitemapProps';
+import type { SitemapProps } from '../../services/sitemap/SitemapProps';
 
 /**
  * @title Тип контакта

package/src/components/Footer/Sitemap.tsx

@@ -1,10 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import { useSitemap } from '../../hooks/useSitemap';
-import { mergeTopItems } from '../../mergeTopItems';
 import type { LinkProps } from '../../model/LinkProps';
-import type { TopMenuItem } from '../../model/SitemapProps';
+import { mergeTopItems } from '../../services/sitemap/mergeTopItems';
+import type { TopMenuItem } from '../../services/sitemap/SitemapProps';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import type { UniBlockProps } from '../../types';
+
 export interface SitemapProps extends UniBlockProps {
   items?: TopMenuItem[];
 }

package/src/components/Gallery/GalleryContainer.tsx

@@ -51,6 +51,7 @@ function renderCard({ card, version, context }: GalleryCardData, i: number) {
         items-stretch ${cardStyleMap[version]} w-full col-span-4`}
       version={card.version}
       key={String(i)}
+      role="listitem"
     >
       <GalleryCardInner {...card} />
     </Tile>

package/src/components/Header/Header.fixture.tsx

@@ -1,21 +1,7 @@
 import { context } from '../../setup-fixture';
 import { Header } from './Header';
 
-export default (
-  <Header
-    context={context}
-    defaultLocation="Москва"
-    topItems={[
-      {
-        href: 'https://rshb.ru/',
-        text: 'Бизнес клиентам',
-        target: '_blank',
-      },
-      {
-        href: 'https://rshb.ru/',
-        text: 'Частным клиентам',
-        target: '_blank',
-      },
-    ]}
-  />
-);
+export default {
+  default: <Header context={context} defaultLocation="Москва" />,
+  transparent: <Header context={context} defaultLocation="Москва" bgColor="transparent" />,
+};

package/src/components/Header/Header.tsx

@@ -1,61 +1,72 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import { useSitemap } from '../../hooks/useSitemap';
-import { mergeTopItems } from '../../mergeTopItems';
+import type { BgColorVersion } from '../../model/BgColorVersion';
+import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem';
+import { isTopItemActive } from '../../services/sitemap/isTopItemActive';
+import { mergeTopItems } from '../../services/sitemap/mergeTopItems';
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import type { UniBlockProps } from '../../types';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
 import { Logo } from '../../ui-kit/Logo/Logo';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import type { HeaderContent } from './HeaderContent';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu';
-import { isSubItemActive } from './isSubItemActive';
-import { isTopItemActive } from './isTopItemActive';
+
+const BORDER_COLORS: Record<BgColorVersion, string> = {
+  'bg-white': 'bg-main-divider',
+  transparent: 'bg-main-divider opacity-30',
+};
 
 export interface HeaderProps extends HeaderContent, UniBlockProps {}
 
-export const Header = JSX<HeaderProps>(({ className, defaultLocation, context, topItems }) => {
-  const router = context.useRouter();
-  const sitemap = useSitemap(context.useAsyncData);
-  const { handlerDecorator } = context;
+export const Header = JSX<HeaderProps>(
+  ({ className, defaultLocation, bgColor = 'bg-white', context, topItems }) => {
+    const router = context.useRouter();
+    const sitemap = useSitemap(context.useAsyncData);
+    const { handlerDecorator } = context;
 
-  const mergedItems = mergeTopItems(sitemap.topItems, topItems);
-  const activeTopItem = mergedItems.find(isTopItemActive(router));
-  const subItems = activeTopItem?.items;
-  const activeSubItem = subItems?.find(isSubItemActive(router));
+    const mergedItems = mergeTopItems(sitemap.topItems, topItems);
+    const activeTopItem = mergedItems.find(isTopItemActive(router));
+    const subItems = activeTopItem?.items;
+    const activeSubItem = findActiveSubItem(router)(subItems);
 
-  const topMenu = mergedItems.map((_, i) => (
-    <TopItem
-      key={String(i)}
-      active={_ === activeTopItem}
-      {...useLink({ router, handlerDecorator }, _)}
-      ariaLabel={_.text}
-    />
-  ));
+    const topMenu = mergedItems.map((_, i) => (
+      <TopItem
+        key={String(i)}
+        active={_ === activeTopItem}
+        {...useLink({ router, handlerDecorator }, _)}
+        ariaLabel={_.text}
+        bgColor={bgColor}
+      />
+    ));
 
-  const subMenu = subItems?.map((_) => (
-    <HeaderItem
-      key={_.href}
-      className="mr-8"
-      active={_ === activeSubItem}
-      {...useLink({ router, handlerDecorator }, _)}
-    />
-  ));
+    const subMenu = subItems?.map((_) => (
+      <HeaderItem
+        key={_.href}
+        className="mr-8"
+        active={_ === activeSubItem}
+        {...useLink({ router, handlerDecorator }, _)}
+        bgColor={bgColor}
+      />
+    ));
 
-  return (
-    <header className={`pt-5 pb-8 px-20 bg-white ${className || ''}`}>
-      <div className="container">
-        <div className="flex items-center">
-          <Logo className="mr-8" />
-          {topMenu}
-          <HeaderSecondaryMenu
-            context={context}
-            className="ml-auto"
-            defaultLocation={defaultLocation}
-          />
+    return (
+      <header className={`pt-5 pb-8 px-20 ${bgColor} ${className || ''}`}>
+        <div className="container">
+          <div className="flex items-center">
+            <Logo className="mr-8" bgColor={bgColor} />
+            {topMenu}
+            <HeaderSecondaryMenu
+              context={context}
+              className="ml-auto"
+              defaultLocation={defaultLocation}
+              bgColor={bgColor}
+            />
+          </div>
+          <div className={`mt-5 h-[1px] ${BORDER_COLORS[bgColor]}`} />
+          <nav className="mt-5">{subMenu}</nav>
         </div>
-        <div className="mt-5 h-[1px] bg-main-divider" />
-        <nav className="mt-5">{subMenu}</nav>
-      </div>
-    </header>
-  );
-});
+      </header>
+    );
+  },
+);