@redneckz/wildless-cms-uni-blocks 0.3.95 → 0.4.0

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

@@ -10,6 +10,6 @@ const TEXT_COLOR = {
     transparent: 'text-white',
 };
 export const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', hideTitle }) => {
-    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [_jsx(Img, { image: { icon: 'Logo' }, className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, asSVG: true }), hideTitle ? null : (_jsx("span", { className: `${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`, children: children || 'Россельхозбанк' }))] }));
+    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [_jsx(Img, { image: { icon: 'Logo' }, className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, asSVG: true }), hideTitle ? null : (_jsx("span", { className: `${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`, children: children || 'Россельхозбанк' }))] }));
 });
 //# sourceMappingURL=Logo.js.map

package/mobile/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;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAUjC,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,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC7B,sFAAgB,aAE3B,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,SAAG,EACvF,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,6BAA6B,YACjE,QAAQ,IAAI,gBAAgB,GACxB,CACR,IACC,CACL,CAAC;AACJ,CAAC,CACF,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,YAAY,CAAC;AAUjC,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,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC7B,sFAAgB,aAE3B,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,SAAG,EACvF,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,4BAA4B,YAChE,QAAQ,IAAI,gBAAgB,GACxB,CACR,IACC,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Radio/Radio.d.ts

@@ -1,2 +1,2 @@
 import { RadioProps } from './RadioProps';
-export declare const Radio: (props: import("@redneckz/uni-jsx").PropsWithChildren<RadioProps, any>, context?: any) => any;
+export declare const Radio: import("@redneckz/uni-jsx").UNIComponent<RadioProps, any, any>;

package/mobile/lib/ui-kit/Radio/Radio.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const Radio = JSX(({ name, text, value, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "flex items-center relative cursor-pointer", children: [_jsx("input", { className: "appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main", type: "radio", value: value, name: name, checked: checked, onChange: onChange }), text ? _jsx("span", { className: "font-sans ml-3 text-m-base cursor-pointer", children: text }) : null] }) })));
+export const Radio = JSX(({ name, text, value, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "flex items-center relative cursor-pointer", children: [_jsx("input", { className: "appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main", type: "radio", value: value, name: name, checked: checked, onChange: onChange }), text ? _jsx("span", { className: "font-sans ml-3 cursor-pointer", children: text }) : null] }) })));
 //# sourceMappingURL=Radio.js.map

package/mobile/lib/ui-kit/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui-kit/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5F,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,2CAA2C,aAC1D,gBACE,SAAS,EAAC,wMAAwM,EAClN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2CAA2C,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAClF,GACJ,CACP,CAAC,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui-kit/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5F,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,2CAA2C,aAC1D,gBACE,SAAS,EAAC,wMAAwM,EAClN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtE,GACJ,CACP,CAAC,CAAC"}

package/mobile/lib/ui-kit/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -8,5 +8,5 @@ interface RadioButtonGroupProps extends UniBlockProps {
     checkedItem?: string;
     onChangeCheckedItem: (id: string) => void;
 }
-export declare const RadioButtonGroup: (props: import("@redneckz/uni-jsx").PropsWithChildren<RadioButtonGroupProps, any>, context?: any) => any;
+export declare const RadioButtonGroup: import("@redneckz/uni-jsx").UNIComponent<RadioButtonGroupProps, any, any>;
 export {};

package/mobile/lib/ui-kit/SVG.d.ts

@@ -16,4 +16,4 @@ export interface SVGProps extends SVGPathOptions {
     width?: string;
     height?: string;
 }
-export declare const SVG: (props: import("@redneckz/uni-jsx").PropsWithChildren<SVGProps, any>, context?: any) => any;
+export declare const SVG: import("@redneckz/uni-jsx").UNIComponent<SVGProps, any, any>;

package/mobile/lib/ui-kit/SearchBar/SearchBar.d.ts

@@ -1,2 +1,2 @@
 import type { UniBlockProps } from '../../types';
-export declare const SearchBar: (props: import("@redneckz/uni-jsx").PropsWithChildren<UniBlockProps, any>, context?: any) => any;
+export declare const SearchBar: import("@redneckz/uni-jsx").UNIComponent<UniBlockProps, any, any>;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { SearchBarInner } from './SearchBarInner.js';
-export const SearchBar = JSX(({ className = '', context }) => {
-    return _jsx(SearchBarInner, { context: context, className: className, isMobile: true });
+export const SearchBar = JSX(({ className = '' }) => {
+    return _jsx(SearchBarInner, { className: className, isMobile: true });
 });
 //# sourceMappingURL=SearchBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAI,CAAC;AACpF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACjE,OAAO,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAI,CAAC;AAClE,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/SearchBar/SearchBarInner.d.ts

@@ -1,5 +1,5 @@
-import type { UniBlockProps } from '../../types';
-export interface SearchBarInnerProps extends UniBlockProps {
+export interface SearchBarInnerProps {
     isMobile?: boolean;
+    className?: string;
 }
-export declare const SearchBarInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<SearchBarInnerProps, any>, context?: any) => any;
+export declare const SearchBarInner: import("@redneckz/uni-jsx").UNIComponent<SearchBarInnerProps, any, any>;

package/mobile/lib/ui-kit/SearchBar/SearchBarInner.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useSearch } from '../../hooks/useSearch.js';
 import { Button } from '../Button/Button.js';
 import { Img } from '../Img/Img.js';
-export const SearchBarInner = JSX(({ className, context, isMobile = false }) => {
-    const { term, setTerm } = context.useSearch();
+export const SearchBarInner = JSX(({ className, isMobile = false }) => {
+    const { term, setTerm } = useSearch();
     const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
-    const SearchBarLabelClassName = isMobile ? 'font-normal text-sm' : 'text-l-light';
-    const SearchBarInputClassName = isMobile
-        ? ' placeholder-transparent font-normal'
-        : 'font-light h-full';
+    const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
+    const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
     const inputPlaceholder = isMobile ? 'some search' : undefined;
     return (_jsxs("form", { className: `font-sans 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: LoupeIconClassName, children: _jsx(Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : (_jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, 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 text-l text-black border border-solid rounded-md box-border
               outline-none pr-[6%] border-main-divider focus:border-primary-text ${SearchBarInputClassName}`, value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: inputPlaceholder }), isMobile ? (_jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
@@ -17,6 +16,6 @@ export const SearchBarInner = JSX(({ className, context, isMobile = false }) =>
                 }, children: _jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (_jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (ev) => {
                     ev?.preventDefault();
                     console.log('click');
-                }, children: _jsx("div", { className: "font-normal text-sm px-9 py-[9px]", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
+                }, children: _jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
 });
 //# sourceMappingURL=SearchBarInner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBarInner.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBarInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAE9C,MAAM,kBAAkB,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAChF,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC;IAClF,MAAM,uBAAuB,GAAG,QAAQ;QACtC,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,mBAAmB,CAAC;IACxB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,OAAO,CACL,gBAAM,SAAS,EAAE,sBAAsB,SAAS,EAAE,aAChD,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAE,kBAAkB,YAChC,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,uBAAuB,uBAAuB,EAAE,2FAGrD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE;mFAC8D,uBAAuB,EAAE,EAClG,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,EAClD,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAE,gBAAgB,GAC7B,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,SAAS,EAAC,uHAAuH,EACjI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACd,EAAE,EAAE,cAAc,EAAE,CAAC;oBACrB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,CACV,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SearchBarInner.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBarInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAOjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEtC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAChF,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACrE,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,OAAO,CACL,gBAAM,SAAS,EAAE,sBAAsB,SAAS,EAAE,aAChD,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAE,kBAAkB,YAChC,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,uBAAuB,uBAAuB,EAAE,2FAGrD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE;mFACgE,uBAAuB,EAAE,EACpG,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,EAClD,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAE,gBAAgB,GAC7B,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,SAAS,EAAC,uHAAuH,EACjI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACd,EAAE,EAAE,cAAc,EAAE,CAAC;oBACrB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,cAAK,SAAS,EAAC,oBAAoB,+CAAY,GACxC,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Select/Select.d.ts

@@ -5,4 +5,4 @@ export interface SelectProps {
     value: string;
     onChange: (value: string) => void;
 }
-export declare const Select: (props: import("@redneckz/uni-jsx").PropsWithChildren<SelectProps, any>, context?: any) => any;
+export declare const Select: import("@redneckz/uni-jsx").UNIComponent<SelectProps, any, any>;

package/mobile/lib/ui-kit/Select/SelectOption.d.ts

@@ -3,4 +3,4 @@ export interface SelectOptionProps {
     value?: string;
     selected?: boolean;
 }
-export declare const SelectOption: (props: import("@redneckz/uni-jsx").PropsWithChildren<SelectOptionProps, any>, context?: any) => any;
+export declare const SelectOption: import("@redneckz/uni-jsx").UNIComponent<SelectOptionProps, any, any>;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.d.ts

@@ -1,2 +1,2 @@
 import type { SwipeListControlProps } from './SwipeListControlProps';
-export declare const SwipeListControl: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlProps, any>, context?: any) => any;
+export declare const SwipeListControl: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlProps, any, any>;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
 import { SwipeListControlDots } from './SwipeListControlDots.js';
 import { SwipeListControlList } from './SwipeListControlList.js';
 import { getIndexParts } from './utils/getIndexParts.js';
 import { getScrollPoints } from './utils/getScrollPoints.js';
-export const SwipeListControl = JSX(({ className, context, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
-    const [activeIndex, setActiveIndex] = context.useState(0);
-    const [indexFraction, setIndexFraction] = context.useState(0);
+export const SwipeListControl = JSX(({ className, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [indexFraction, setIndexFraction] = useState(0);
     const dotsProps = {
         activeIndex,
         indexFraction,

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEtE,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QAEpC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,kBAAkB,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACnF,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,KAAC,oBAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QAEpC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,kBAAkB,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACnF,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,KAAC,oBAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.d.ts

@@ -3,4 +3,4 @@ export interface SwipeListControlDotsProps {
     indexFraction: number;
     showDots?: boolean;
 }
-export declare const SwipeListControlDots: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlDotsProps, any>, context?: any) => any;
+export declare const SwipeListControlDots: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlDotsProps, any, any>;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlItem.d.ts

@@ -6,4 +6,4 @@ export interface SwipeListControlItemProps {
     style?: Record<string, string>;
     'aria-current'?: boolean;
 }
-export declare const SwipeListControlItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlItemProps, any>, context?: any) => any;
+export declare const SwipeListControlItem: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlItemProps, any, any>;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlList.d.ts

@@ -7,4 +7,4 @@ export interface SwipeListControlListProps extends SwipeContainer {
     activeIndex: number;
     onScroll?: (e: any) => void;
 }
-export declare const SwipeListControlList: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlListProps, any>, context?: any) => any;
+export declare const SwipeListControlList: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlListProps, any, any>;

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControl.d.ts

@@ -1,2 +1,2 @@
 import type { TableArrowScrollControlProps } from './TableArrowScrollControlProps';
-export declare const TableArrowScrollControl: (props: import("@redneckz/uni-jsx").PropsWithChildren<TableArrowScrollControlProps, any>, context?: any) => any;
+export declare const TableArrowScrollControl: import("@redneckz/uni-jsx").UNIComponent<TableArrowScrollControlProps, any, any>;

package/mobile/lib/ui-kit/Tabs/Tabs.d.ts

@@ -1,2 +1,2 @@
 import type { TabsProps } from './TabsProps';
-export declare const Tabs: (props: import("@redneckz/uni-jsx").PropsWithChildren<TabsProps, any>, context?: any) => any;
+export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

package/mobile/lib/ui-kit/Tabs/Tabs.js

@@ -6,10 +6,10 @@ const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
 export const Tabs = JSX(({ tabs, currentTabIndex, onTabClick }) => {
     return (_jsx("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
 });
-const tabDescriptionStyle = (isActive = false) => `font-light text-xs ${isActive ? '' : 'text-secondary-text'}`;
+const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
 const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
     const isActive = currentTabIndex === index;
-    return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": isActive, children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "font-medium m-0 text-base", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
+    return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": isActive, children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
 };
 const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
 //# sourceMappingURL=Tabs.js.map

package/mobile/lib/ui-kit/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,sBAAsB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAEhE,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,2BAA2B,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,iBAAiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3D,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC5E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

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

@@ -11,4 +11,4 @@ export interface TopItemProps extends TopItemContent {
     bgColor?: BgColorVersion;
     dataItemName?: string;
 }
-export declare const TopItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<TopItemProps, any>, context?: any) => any;
+export declare const TopItem: import("@redneckz/uni-jsx").UNIComponent<TopItemProps, any, any>;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-const TEXT_CLASSES = 'font-sans font-light text-sm';
+const TEXT_CLASSES = 'font-sans text-s-light';
 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 = false, flat = false) => {

package/mobile/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;AAiBxC,MAAM,YAAY,GAAG,8BAA8B,CAAC;AACpD,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,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,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,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,IAAI,OAAO,KAAK,UAAU,EAAE;QAC1B,OAAO,cAAc,YAAY,EAAE,CAAC;KACrC;IACD,MAAM,cAAc,GAAG,GACrB,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAC/B,0BAA0B,CAAC;IAE3B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAAI,YAAY,EAAE,CAAC;AAC5E,CAAC,CAAC"}
+{"version":3,"file":"TopItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TopItem/TopItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAiBxC,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAC9C,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,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,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,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;IAC/E,IAAI,OAAO,KAAK,UAAU,EAAE;QAC1B,OAAO,cAAc,YAAY,EAAE,CAAC;KACrC;IACD,MAAM,cAAc,GAAG,GACrB,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAC/B,0BAA0B,CAAC;IAE3B,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAAI,YAAY,EAAE,CAAC;AAC5E,CAAC,CAAC"}

package/mobile/src/common.css

@@ -84,7 +84,10 @@ html {
     height: 4px;
     background: transparent;
     border-radius: 5px;
-    background-image: linear-gradient(#42ab44, #42ab44);
+    background-image: linear-gradient(
+      rgb(var(--color-primary-main)),
+      rgb(var(--color-primary-main))
+    );
     background-repeat: no-repeat;
   }
 
@@ -93,30 +96,45 @@ html {
     height: 18px;
     width: 18px;
     border-radius: 50%;
-    background: #fff;
+    background: rgb(var(--color-primary-main));
     cursor: pointer;
     box-shadow: none;
-    border: 3px solid #42ab44;
   }
 
   input[type='range'].slider::-moz-range-thumb {
     height: 12px;
     width: 12px;
     border-radius: 50%;
-    background: #fff;
+    background: rgb(var(--color-primary-main));
     cursor: pointer;
     box-shadow: none;
-    border: 3px solid #42ab44;
   }
 
   input[type='range'].slider::-ms-thumb {
     height: 18px;
     width: 18px;
     border-radius: 50%;
-    background: #fff;
+    background: rgb(var(--color-primary-main));
     cursor: pointer;
     box-shadow: none;
-    border: 3px solid #42ab44;
+  }
+
+  input[type='range'].slider:disabled {
+    background-image: linear-gradient(rgb(201, 202, 204), rgb(201, 202, 204));
+    pointer-events: none;
+    cursor: default;
+  }
+
+  input[type='range'].slider:disabled::-webkit-slider-thumb {
+    background: rgb(201, 202, 204);
+  }
+
+  input[type='range'].slider:disabled::-moz-range-thumb {
+    background: rgb(201, 202, 204);
+  }
+
+  input[type='range'].slider:disabled::-ms-thumb {
+    background: rgb(201, 202, 204);
   }
 
   /* Hide arrows */

package/mobile/src/components/Accordion/Accordion.tsx

@@ -11,7 +11,7 @@ export const Accordion = JSX<AccordionProps>(
     return (
       <section className={`py-6 px-4 font-sans bg-white text-primary-text ${className}`}>
         {title ? <Heading headingType="h3" className="mb-2 text-center" title={title} /> : null}
-        {description ? <div className="mb-5 text-m-md text-center">{description}</div> : null}
+        {description ? <div className="mb-5 text-m-light text-center">{description}</div> : null}
         {accordionItems?.length ? (
           <ul className="list-none m-0 p-0">
             {accordionItems.map((item, i) => (

package/mobile/src/components/Accordion/AccordionItem.tsx

@@ -9,10 +9,7 @@ export interface AccordionItemProps extends AccordionItemCommonProps, UniBlockPr
 
 export const AccordionItem = JSX<AccordionItemProps>(
   ({ label, labelIcon, blocks, bordered, context }) => {
-    const { hasContent, icon, handleToggle } = useActiveHandler({
-      context,
-      blocks,
-    });
+    const { hasContent, icon, handleToggle } = useActiveHandler({ blocks });
 
     return (
       <li className={`${borderedLiClass(bordered)} border-solid border-main-divider`}>
@@ -23,7 +20,7 @@ export const AccordionItem = JSX<AccordionItemProps>(
           onClick={handleToggle}
         >
           <span
-            className={`text-m-title-xs pr-2.5 font-medium flex ${
+            className={`text-m-title-xs font-medium pr-2.5 flex ${
               hasContent ? 'group-hover:text-primary-main' : ''
             }`}
           >
@@ -32,7 +29,7 @@ export const AccordionItem = JSX<AccordionItemProps>(
             ) : null}
             {label}
           </span>
-          {hasContent ? <Img image={icon} width="24" height="24" asSVG /> : null}
+          {hasContent ? <Img className="w-6" image={icon} width="24" height="24" asSVG /> : null}
         </button>
         {hasContent ? <AccordionItemInner blocks={blocks} context={context} /> : null}
       </li>

package/mobile/src/components/Accordion/useActiveHandler.ts

@@ -1,8 +1,9 @@
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { IconName } from '../../icons/IconName';
 import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
 
-export const useActiveHandler = ({ context, blocks, initialState = false }: ActiveHandler) => {
-  const [isActive, setIsActive] = context.useState(initialState);
+export const useActiveHandler = ({ blocks, initialState = false }: ActiveHandler) => {
+  const [isActive, setIsActive] = useState(initialState);
   const hasContent = blocks?.length;
   const icon: IconName = isActive ? 'MinusIcon' : 'PlusIcon';
 

package/mobile/src/components/BenefitsBlock/BenefitsBlock.example.json

@@ -8,7 +8,12 @@
         "benefitType": "description"
       },
       "icon": {
-        "icon": "ClockIcon"
+        "icon": "ClockIcon",
+        "format": "webp",
+        "size": {
+          "width": 70,
+          "height": 70
+        }
       }
     },
     {
@@ -18,7 +23,12 @@
         "benefitType": "description"
       },
       "icon": {
-        "icon": "SignDocsIcon"
+        "icon": "SignDocsIcon",
+        "format": "webp",
+        "size": {
+          "width": 70,
+          "height": 70
+        }
       }
     }
   ]

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -3,25 +3,20 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { UniBlockProps } from '../../types';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
-import type { BenefitItem, BenefitsBlockContent } from './BenefitsBlockContent';
+import type { BenefitItemProps, BenefitsBlockContent } from './BenefitsBlockContent';
 import { DescriptionType, ListBenefitDef, TextBenefitDef } from './BenefitsBlockContent';
 
 export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
 
 export const BenefitsBlock = JSX<BenefitsBlockProps>(
-  ({ className = '', headingType = 'h2', title, benefitList, ...rest }) => {
+  ({ className = '', title, benefitList, ...rest }) => {
     return (
       <BlockWrapper
         className={`font-sans text-primary-text bg-white p-12 flex flex-col items-center ${className}`}
         {...rest}
       >
         {title ? (
-          <Heading
-            headingType={headingType}
-            as="h2"
-            className="max-w-[47rem] text-center"
-            title={title}
-          />
+          <Heading headingType="h3" as="h2" className="max-w-[47rem] text-center" title={title} />
         ) : null}
         {benefitList?.length ? renderBenefits(benefitList) : null}
       </BlockWrapper>
@@ -29,29 +24,29 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(
   },
 );
 
-const renderBenefits = (benefits: BenefitItem[]) => {
+const renderBenefits = (benefits: BenefitItemProps[]) => {
   return (
-    <div className="flex flex-wrap w-full justify-center gap-x-20 mt-9">
+    <div className="flex flex-wrap w-full justify-center gap-x-20 mt-8">
       {benefits.map(renderStep)}
     </div>
   );
 };
 
-const renderStep = (benefit: BenefitItem, i: number) => {
+const renderStep = (benefit: BenefitItemProps, i: number) => {
   const description = benefit?.description || undefined;
 
   return (
-    <div key={String(i)} className="flex items-center basis-1/2 max-w-[500px] mb-[46px]">
-      {benefit?.icon ? (
+    <div key={String(i)} className="flex items-center basis-1/2 max-w-[500px] mb-14">
+      {benefit?.icon?.icon ? (
         <Img
-          className="h-[70px] w-[70px] min-w-[70px] min-h-[70px] mr-5"
+          className="w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-main-divider"
           image={benefit.icon}
-          width="70"
-          height="70"
+          asSVG
         />
       ) : null}
-      <div>
-        {benefit?.label ? <h3 className="font-medium text-xl-light m-0">{benefit.label}</h3> : null}
+      {benefit?.icon?.src ? <Img image={benefit.icon} /> : null}
+      <div className="ml-5">
+        {benefit?.label ? <h3 className="text-h6 m-0">{benefit.label}</h3> : null}
         {renderDescription(description)}
       </div>
     </div>

package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
+import type { TitleProp } from '../../model/HeadlineType';
 import type { EmptyOption } from '../../model/EmptyOptionType';
 
 /**
@@ -37,7 +37,7 @@ export type DescriptionType = EmptyOption | TextBenefitDef | ListBenefitDef;
 /**
  * @title Преимущество
  */
-export interface BenefitItem {
+export interface BenefitItemProps {
   /** @title Название */
   label?: string;
   /** @title Описание */
@@ -48,10 +48,10 @@ export interface BenefitItem {
 /**
  * @title Блок преимущества
  */
-export type BenefitsBlockContent = HeadingCommonProps & {
+export type BenefitsBlockContent = TitleProp & {
   /**
    * @title Список преимуществ
    * @maxItems 6
    */
-  benefitList?: BenefitItem[];
+  benefitList?: BenefitItemProps[];
 };

package/mobile/src/components/Blocks.spec.tsx

@@ -1,6 +1,7 @@
-import { setup } from '@redneckz/uni-jsx';
+import { setupHooks } from '@redneckz/uni-jsx/lib/hooks';
+import { setup } from '@redneckz/uni-jsx/lib/setup';
 import { render } from '@testing-library/react';
-import { useEffect, useState } from 'react';
+import * as React from 'react';
 import runtime from 'react/jsx-runtime';
 import { Blocks } from './Blocks';
 import type { ContentPageContext } from './ContentPage/ContentPageContext';
@@ -8,35 +9,28 @@ import type { ContentPageContext } from './ContentPage/ContentPageContext';
 const { jsx, jsxs } = runtime as any;
 
 setup(jsx, jsxs);
+setupHooks(React as any);
 
 const emptyFn = () => {
   /* For sure */
 };
 
 const context: ContentPageContext = {
-  useState,
-  useEffect,
   useRouter: () => ({
     pathname: '/credits',
     query: {},
     push: emptyFn,
     replace: emptyFn,
   }),
-  useAsyncData: () => ({}),
-  useGeolocation: (defaultLocation) => [defaultLocation, emptyFn],
-  useLikeService: () => ({
-    likeCount: 0,
-    like: emptyFn,
-    dislike: emptyFn,
-  }),
   handlerDecorator: (): any => emptyFn,
-  useSearch: () => ({
-    term: '',
-    setTerm: emptyFn,
-  }),
   IntersectionObserverTag: ({ children }) => children,
 };
 
+jest.mock('@redneckz/uni-jsx/lib/hooks/useAsyncData', () => ({
+  __esModule: true,
+  useAsyncData: () => ({}),
+}));
+
 describe('Blocks', () => {
   beforeEach(() => {
     jest.resetModules();

package/mobile/src/components/Bonus/Bonus.tsx

@@ -1,21 +1,29 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { UniBlockProps } from '../../types';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import type { BonusContent } from './BonusContent';
+import { Headline } from '../Headline/Headline';
 
 export interface BonusProps extends BonusContent, UniBlockProps {}
 
 export const Bonus = JSX<BonusProps>((props) => {
-  const { className = '', title, description, bonusItems, ...rest } = props;
+  const { context, className = '', title, description, bonusItems, ...rest } = props;
 
   return (
-    <BlockWrapper className={`font-sans bg-white p-[50px] pb-9 ${className}`} {...rest}>
+    <BlockWrapper
+      className={`font-sans bg-white p-[50px] pb-9 ${className}`}
+      context={context}
+      {...rest}
+    >
       <div className="container">
-        {title ? <Heading headingType="h3" className="text-center" title={title} /> : null}
-        {description ? (
-          <div className="text-xl-light text-center mt-[10px]">{description}</div>
-        ) : null}
+        <Headline
+          context={context}
+          className="!p-0"
+          title={title}
+          description={description}
+          headlineVersion="M"
+          align="center"
+        />
         <div className="flex flex-wrap w-full mt-9">
           {bonusItems
             ? bonusItems.map((_, i) => {