@redneckz/wildless-cms-uni-blocks 0.2.74 → 0.2.77

package/lib/ui-kit/Button/ArrowButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from './Button.js';
+import { SVG } from '../SVG.js';
+const ARROW_PATHS = [
+    {
+        d: 'm9 12 4-4-4-4',
+        stroke: 'currentColor',
+        strokeWidth: '2',
+        strokeLinecap: 'round',
+        fill: 'none',
+    },
+    {
+        d: 'M2 9a1 1 0 0 1 0-2v2Zm6-2a1 1 0 0 1 0 2V7ZM2 7h6v2H2V7Z',
+    },
+];
+export const ArrowButton = JSX(({ className, disabled, ...rest }) => (_jsx(Button, { rounded: true, className: `shadow-[0_4px_25px_rgba(0,0,0,0.07)] w-12 h-12 min-h-12 max-h-12 flex items-center justify-center ${disabled
+        ? 'bg-secondary-light text-secondary-text'
+        : 'bg-white text-primary-text hover:text-primary-main'} ${className || ''}`, disabled: disabled, ...rest, children: _jsx(SVG, { paths: ARROW_PATHS, viewBox: "0 0 16 16", fill: "none", width: "16", height: "16" }) })));
+//# sourceMappingURL=ArrowButton.js.map

package/lib/ui-kit/Button/ArrowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ArrowButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,eAAe;QAClB,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,GAAG;QAChB,aAAa,EAAE,OAAO;QACtB,IAAI,EAAE,MAAM;KACb;IACD;QACE,CAAC,EAAE,yDAAyD;KAC7D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAChF,KAAC,MAAM,IACL,OAAO,QACP,SAAS,EAAE,qGACT,QAAQ;QACN,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,oDACN,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAER,KAAC,GAAG,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC3E,CACV,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;CAC7F,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;CACpD,CAAC;AAEF,MAAM,WAAW,GAAG,gDAAgD,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5F,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,GAAG,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAChE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;KACH;IAED,OAAO,CACL,YACE,SAAS,EAAE,GAAG,WAAW,gCAAgC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,IACpF,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5F,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GAAG,oCACzB,WAAW,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAC9F,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,aAC/B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,0BACE,cAAK,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAO,EACrD,cAAK,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAO,IACvD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/Button/ButtonProps.d.ts

@@ -0,0 +1,21 @@
+import type { ButtonVersion } from '../../model/ButtonVersion';
+import type { LinkContent } from '../../model/LinkContent';
+import { IconName } from '../Icon/IconProps';
+export interface ButtonInnerProps {
+    text?: string;
+    aboveText?: string;
+    appendLeft?: any;
+    rounded?: boolean;
+}
+export interface ButtonProps extends LinkContent, ButtonInnerProps {
+    className?: string;
+    version?: ButtonVersion;
+    disabled?: boolean;
+    rel?: string;
+    ariaLabel?: string;
+    /** @hidden */
+    onClick?: (ev: MouseEvent) => any;
+}
+export interface ButtonWithIconProps extends ButtonProps {
+    icon?: IconName;
+}

package/lib/ui-kit/Button/ButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonProps.ts"],"names":[],"mappings":""}

package/lib/ui-kit/Button/LikeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikeButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/LikeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACpF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,+CAA+C,SAAS,IAAI,EAAE,EAAE,EAC3E,OAAO,EAAE,OAAO,gBACJ,SAAS,YAEpB,cAAc,EAAE,GACV,CACV,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG;QACb,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,OAAO;QACtB,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,KAAK;KACnB,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,aACrE,kBACM,MAAM,EACV,gBAAgB,EAAC,IAAI,EACrB,CAAC,EAAC,wLAAwL,GAC1L,EACF,kBACM,MAAM,EACV,CAAC,EAAC,oGAAoG,GACtG,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { SVG } from '../SVG.js';
+const CHECK_PATHS = [
+    {
+        d: 'M10.207.793a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414L3.5 6.086 8.793.793a1 1 0 0 1 1.414 0Z',
+        fillRule: 'evenodd',
+        clipRule: 'evenodd',
+        fill: 'white',
+    },
+];
+export const Checkbox = JSX(({ text, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "flex items-center cursor-pointer relative", children: [_jsx("input", { className: `peer appearance-none w-5 h-5 border-solid border rounded border-black checked:bg-primary-main checked:border-primary-main`, type: "checkbox", onChange: (e) => {
+                    onChange(e.target.checked);
+                }, checked: checked }), _jsx(SVG, { paths: CHECK_PATHS, className: "hidden absolute left-2 ml-px peer-checked:block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }), text ? _jsx("span", { className: "font-sans ml-2 text-sm cursor-pointer", children: text }) : null] }) })));
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,4HAA4H;QAC/H,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACrF,cAAK,SAAS,EAAE,SAAS,YACvB,iBAAO,SAAS,EAAC,2CAA2C,aAC1D,gBACE,SAAS,EAAE,2HAA2H,EACtI,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC7B,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,GAAG,IACF,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9E,GACJ,CACP,CAAC,CAAC"}

package/lib/ui-kit/Checkbox/CheckboxProps.d.ts

@@ -0,0 +1,6 @@
+export interface CheckboxProps {
+    text?: string;
+    checked: boolean;
+    onChange: (value: boolean) => void;
+    className?: string;
+}

package/lib/ui-kit/Checkbox/CheckboxProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CheckboxProps.js.map

package/lib/ui-kit/Checkbox/CheckboxProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/CheckboxProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import type { TopItemProps } from '../TopItem/TopItem';
+export declare type HeaderItemProps = TopItemProps;
+export declare const HeaderItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<TopItemProps, any>, context?: any) => any;

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderItem.js","sourceRoot":"","sources":["../../../src/ui-kit/HeaderItem/HeaderItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,2CAA2C,CAAC;IAC7F,OAAO,CACL,aACE,SAAS,EAAE,iEACT,SAAS,IAAI,EACf,EAAE,EACF,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAE,mCAAmC,SAAS,EAAE,YAAG,IAAI,IAAI,QAAQ,GAAQ,EACzF,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,0DAA0D,GAAG,CAC7E,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { projectSettings } from '../../ProjectSettings.js';
+export const Icon = JSX(({ className, name, alt = `Icon ${name}`, title = alt, ...imgProps }) => (_jsx("img", { className: className, src: `${projectSettings.CDN || ''}icons/${name}.svg`, alt: alt, title: title, ...imgProps })));
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,GAAG,QAAQ,IAAI,EAAE,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CACvE,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,EACpD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,GACZ,CACH,CACF,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,OAqBX;AArBD,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,qDAAc,CAAA;IACd,+CAAW,CAAA;IACX,mEAAqB,CAAA;IACrB,iDAAY,CAAA;IACZ,2DAAiB,CAAA;IACjB,6CAAU,CAAA;IACV,6CAAU,CAAA;IACV,+CAAW,CAAA;IACX,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,sEAAsB,CAAA;IACtB,0DAAgB,CAAA;IAChB,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,0CAAQ,CAAA;IACR,gDAAW,CAAA;AACb,CAAC,EArBW,OAAO,KAAP,OAAO,QAqBlB"}

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+export const InputRange = JSX(({ className, title, items = [], min = 1, max = 100, step = 1, value = min, onChange }) => {
+    const handleChange = (value) => {
+        if (!onChange)
+            return;
+        const sanitizedValue = Number(value.replace(/\D/g, ''));
+        onChange(sanitizedValue);
+    };
+    const inputStyle = {
+        backgroundSize: `${(value * 100) / max - 1}% 100%`,
+    };
+    const handleBlur = () => {
+        if (!onChange)
+            return;
+        if (value < min)
+            onChange(min);
+        if (value > max)
+            onChange(max);
+    };
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "relative", children: [title ? (_jsx("span", { className: "absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5", children: title })) : null, _jsx("input", { className: `m-0 font-sans text-sm w-full h-12 border-2 border-solid border-main-divider rounded-md outline-none p-0 pl-4 m-0 box-border text-primary-text ${title ? 'pt-4' : ''}`, value: String(value).replace(/\B(?=(\d{3})+(?!\d))/g, ' '), onChange: (e) => handleChange(e.target.value), onBlur: handleBlur }), _jsx("div", { className: "absolute inset-x-0 mt-0.5 top-8 px-4", children: _jsx("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, onChange: (e) => handleChange(e.target.value), style: inputStyle }) })] }), _jsx("div", { className: "flex justify-between mt-3 mb-4", children: items.map((item, i) => (_jsx("span", { className: "text-xs text-secondary-text pl-4", children: item }, String(i)))) })] }));
+});
+//# sourceMappingURL=InputRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ;KACnD,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,+DAA+D,YAC5E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,SAAS,EAAE,iJACT,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACnB,EAAE,EACF,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,EAC1D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,UAAU,GAClB,EACF,cAAK,SAAS,EAAC,sCAAsC,YACnD,gBACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,UAAU,GACjB,GACE,IACF,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAsB,SAAS,EAAC,kCAAkC,YAC/D,IAAI,IADI,MAAM,CAAC,CAAC,CAAC,CAEb,CACR,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/InputRange/InputRangeProps.d.ts

@@ -0,0 +1,10 @@
+export interface InputRangeProps {
+    className?: string;
+    items?: string[];
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    title?: string;
+    onChange?: (value: number) => void;
+}

package/lib/ui-kit/InputRange/InputRangeProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InputRangeProps.js.map

package/lib/ui-kit/InputRange/InputRangeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRangeProps.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRangeProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { SVG } from '../SVG.js';
+const LOGO_PATHS = [
+    'm13.72 25.51 4.42-4.33v-2.95l-4.42 4.32v2.96Zm0-10.98 4.42-4.35V7.41l-4.42 4.31v2.8Zm0 3.63 4.42-4.33v-2.78l-4.42 4.32v2.8ZM12.46 7.44l-.6-.56V0h-.66v6.22l-.58-.57V0h-.67v5l-.59-.58V0H8.7v6.56l4.44 4.33V0h-.67v7.44Zm1.26 14.35 4.42-4.33v-2.78L13.72 19v2.8Zm-5.03-.61 4.44 4.33v-2.96l-4.44-4.32v2.95Zm8.79-16.76-.59.58V0h-.66v5.66l-.6.56V0h-.66v6.87l-.58.57V0h-.67v10.9l4.42-4.34V0h-.66v4.42Zm-8.79 5.76 4.44 4.35v-2.8L8.69 7.4v2.77Zm0 3.65 4.44 4.33v-2.8l-4.44-4.3v2.77Zm0 3.63 4.44 4.33V19l-4.44-4.31v2.78Zm26.37 2.29H24.3a2.25 2.25 0 0 0 .36-1.22 2.32 2.32 0 0 0-2.33-2.31 2.32 2.32 0 0 0-2.31 2.31c0 .5.16.96.43 1.34a.74.74 0 0 0-.33.61c0 .26.14.49.33.62a2.32 2.32 0 0 0-.43 1.34 2.31 2.31 0 0 0 2.31 2.31 2.32 2.32 0 0 0 2.33-2.31c0-.45-.13-.87-.36-1.22h8.01v.49h-.8v.68h.8v.7h-.8v1.3h.8v-.58h1.17v.58h.79v-1.3h-.79v-.7h.79v-.68h-.79v-.5h1.58a.56.56 0 0 0 .56-.56v-.34a.57.57 0 0 0-.56-.56Zm-11.53 2.7a1.2 1.2 0 0 1-2.4 0c0-.24.08-.47.2-.66l.34-.56a.97.97 0 0 1-.34-.75c0-.3.13-.56.33-.74l-.32-.56a1.13 1.13 0 0 1-.2-.66 1.2 1.2 0 0 1 2.4 0c0 .49-.56 1.65-.56 1.65v.62c-.01.01.55 1.17.55 1.66ZM4.67 18.34v2.89c0 2.75 1.2 4.53 1.9 5.21l4.58 4.5c1.28 1.25 1.5 1.66 1.79 2.37v-3.2c0-2.84-1.44-3.94-2.19-4.67-1.73-1.68-2.89-2.8-3.82-3.73a8.98 8.98 0 0 1-2.26-3.37Zm6.08 14.24c-1.73-1.7-2.89-2.8-3.82-3.73a10 10 0 0 1-2.25-2.98v2.49a7.87 7.87 0 0 0 1.89 5.24l4.58 4.47c1.28 1.25 1.5 1.85 1.79 2.55v-3.37c0-2.85-1.45-3.95-2.19-4.67Z',
+    'M19.88 5.34c-.32 0-.64 0-.96.02V6.7a18.5 18.5 0 1 1 .95 36.94A18.5 18.5 0 0 1 1.35 25.17c0-5.67 2.55-10.73 6.58-14.13V9.32A19.78 19.78 0 0 0 0 25.17C0 36.12 8.9 45 19.88 45a19.85 19.85 0 0 0 19.86-19.83c0-10.95-8.9-19.83-19.87-19.83Z',
+    'M33.93 35.53c.3-.41.6-.85.87-1.3v-2.66h-.87v3.96Zm2.54-4.92c.12-.4.24-.78.34-1.16h-2.88v.7h.43c.77-.02 1.63-.03 2.11.46Zm-19.19-1.27h-.78v7.91h.78v-7.9Z',
+    '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 || 'Россельхозбанк' })] }));
+});
+//# sourceMappingURL=Logo.js.map

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

@@ -0,0 +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"}

package/lib/ui-kit/SearchBar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from './Icon.js';
+import { Icon } from './Icon/Icon.js';
 export const SearchBar = JSX(({ className, context }) => {
     const { term, setTerm } = context.useSearch();
     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("span", { 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", { className: "pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]", value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "s" }), term && (_jsx("button", { type: "submit", className: "absolute font-sans font-normal text-sm cursor-pointer bg-transparent hover:bg-primary-hover active:bg-primary-active text-primary-main hover:text-white border-none px-5 py-2 rounded top-1 right-1 outline-none", onClick: (e) => {

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,QAAQ,CAAC;AAE9B,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,eAAM,SAAS,EAAC,qDAAqD,2FAE9D,CACR,IACG,EACN,gBACE,SAAS,EAAC,gJAAgJ,EAC1J,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,GAAG,GACR,EACD,IAAI,IAAI,CACP,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kNAAkN,EAC5N,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,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,eAAM,SAAS,EAAC,qDAAqD,2FAE9D,CACR,IACG,EACN,gBACE,SAAS,EAAC,gJAAgJ,EAC1J,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,GAAG,GACR,EACD,IAAI,IAAI,CACP,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kNAAkN,EAC5N,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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAc,MAAM,cAAc,CAAC;AAE1D,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAG,OAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/lib/ui-kit/Title/TitleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/TitleProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,sCAAsB,CAAA;IACtB,kCAAkB,CAAA;IAClB,qCAAqB,CAAA;IACrB,qCAAqB,CAAA;AACvB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB"}

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

@@ -0,0 +1,11 @@
+import type { LinkContent } from '../../model/LinkContent';
+export interface TopItemContent extends LinkContent {
+    active?: boolean;
+}
+export interface TopItemProps extends TopItemContent {
+    className?: string;
+    flat?: boolean;
+    ariaLabel?: string;
+    onClick?: (ev: MouseEvent) => any;
+}
+export declare const TopItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<TopItemProps, any>, context?: any) => any;

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

@@ -0,0 +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"}

package/lib/utils/clamp.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (value: number, min: number, max: number) => number;

package/lib/utils/clamp.js

@@ -0,0 +1,2 @@
+export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
+//# sourceMappingURL=clamp.js.map

package/lib/utils/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","sourceRoot":"","sources":["../../src/utils/clamp.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAC/D,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.74",
+  "version": "0.2.77",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",

package/src/common.css

@@ -31,6 +31,36 @@
   --color-gradient-to: 69, 172, 69; /* TODO: change color to theme eo */
 }
 
+[data-theme='eo2'] {
+  --color-primary-main: 255, 204, 0;
+  --color-primary-hover: 187, 151, 39;
+  --color-primary-active: 126, 99, 12;
+  --color-secondary-hover: 241, 236, 221;
+  --color-secondary-active: 229, 222, 199;
+  --color-gradient-from: 141, 189, 76; /* TODO: change color to theme eo */
+  --color-gradient-to: 69, 172, 69; /* TODO: change color to theme eo */
+}
+
+[data-theme='eo3'] {
+  --color-primary-main: 225, 186, 30;
+  --color-primary-hover: 187, 151, 39;
+  --color-primary-active: 126, 99, 12;
+  --color-secondary-hover: 241, 236, 221;
+  --color-secondary-active: 229, 222, 199;
+  --color-gradient-from: 141, 189, 76; /* TODO: change color to theme eo */
+  --color-gradient-to: 69, 172, 69; /* TODO: change color to theme eo */
+}
+
+[data-theme='eo4'] {
+  --color-primary-main: 233, 191, 23;
+  --color-primary-hover: 187, 151, 39;
+  --color-primary-active: 126, 99, 12;
+  --color-secondary-hover: 241, 236, 221;
+  --color-secondary-active: 229, 222, 199;
+  --color-gradient-from: 141, 189, 76; /* TODO: change color to theme eo */
+  --color-gradient-to: 69, 172, 69; /* TODO: change color to theme eo */
+}
+
 @tailwind components;
 @tailwind utilities;
 
@@ -68,4 +98,44 @@
     scroll-snap-stop: always;
     width: 100%;
   }
+
+  input[type='range'].slider {
+    -webkit-appearance: none;
+    height: 4px;
+    background: transparent;
+    border-radius: 5px;
+    background-image: linear-gradient(#42ab44, #42ab44);
+    background-repeat: no-repeat;
+  }
+
+  input[type='range'].slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    height: 18px;
+    width: 18px;
+    border-radius: 50%;
+    background: #fff;
+    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;
+    cursor: pointer;
+    box-shadow: none;
+    border: 3px solid #42ab44;
+  }
+
+  input[type='range'].slider::-ms-thumb {
+    height: 18px;
+    width: 18px;
+    border-radius: 50%;
+    background: #fff;
+    cursor: pointer;
+    box-shadow: none;
+    border: 3px solid #42ab44;
+  }
 }

package/src/components/BaseTile/BaseTile.tsx

@@ -0,0 +1,98 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { BaseTileContent } from './BaseTileContent';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../types';
+import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
+import { Button } from '../../ui-kit/Button/Button';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { Img } from '../../ui-kit/Img';
+import { Title } from '../../ui-kit/Title/Title';
+import { useLink } from '../../hooks/useLink';
+import { getColSpan } from '../../utils/getColSpan';
+
+export interface BaseTileProps extends BaseTileContent, UniBlockProps {}
+
+const TITLE_CLASSES = 'font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]';
+
+export const BaseTile = JSX<BaseTileProps>(
+  ({
+    className,
+    context,
+    title,
+    titleSize,
+    description,
+    children,
+    buttons,
+    image,
+    items,
+    version = 'primary',
+  }) => {
+    const router = context.useRouter();
+    const { handlerDecorator } = context;
+    return (
+      <div className={`font-sans flex flex-col grow h-full`}>
+        {title && (
+          <Title size={titleSize || getTitleSizeByClassName(className)} className={TITLE_CLASSES}>
+            {title}
+          </Title>
+        )}
+        <div className="flex grow justify-between">
+          <div className="flex flex-col justify-between items-start">
+            <div>
+              {description ? (
+                <div className="font-normal text-base max-w-[600px] mb-5">{description}</div>
+              ) : null}
+              {children}
+              {items?.length ? renderItems(items, version) : null}
+            </div>
+            {buttons?.length ? (
+              <div className="flex mt-9 gap-3">
+                {buttons.map((button, index) =>
+                  renderButton(useLink({ router, handlerDecorator }, button), index),
+                )}
+              </div>
+            ) : null}
+          </div>
+          {image?.src && <Img className="mt-auto ml-7" image={image} />}
+        </div>
+      </div>
+    );
+  },
+);
+
+function getTitleSizeByClassName(className: string = '') {
+  const colSpan = getColSpan(className);
+  if (colSpan <= 4) {
+    return 'S';
+  } else if (colSpan <= 8) {
+    return 'M';
+  } else {
+    return 'L';
+  }
+}
+
+function renderItems(items: string[] = [], version?: BlockVersion) {
+  return (
+    <section className="max-w-[600px]" role="list">
+      {items.map((_, i) => (
+        <BlockItem key={String(i)} className={i ? 'mt-2.5' : ''} text={_} version={version} />
+      ))}
+    </section>
+  );
+}
+
+function renderButton({ icon, ...button }: ButtonWithIconProps, i: number) {
+  if (!button?.text) return;
+
+  if (icon)
+    return (
+      <Button
+        key={String(i)}
+        appendLeft={<Icon name={icon} width="24" height="24" />}
+        {...button}
+      />
+    );
+
+  return <Button key={String(i)} {...button} />;
+}

package/src/components/BaseTile/BaseTileContent.ts

@@ -0,0 +1,14 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { Picture } from '../../model/Picture';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { TitleSize } from '../../ui-kit/Title/TitleProps';
+
+export interface BaseTileContent {
+  title?: string;
+  titleSize?: TitleSize;
+  description?: string;
+  image?: Picture;
+  items?: string[];
+  buttons?: ButtonWithIconProps[];
+  version?: BlockVersion;
+}

package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx

@@ -0,0 +1,34 @@
+import { context } from '../../setup-fixture';
+
+import { BenefitsBlock } from './BenefitsBlock';
+
+export default (
+  <BenefitsBlock
+    context={context}
+    title="Преимущества кредита"
+    benefits={[
+      {
+        label: 'Без комиссии',
+        description:
+          'Комиссия за выдачу кредита не взимается. Допускается полное или частичное погашение кредита',
+        icon: 'ClockIcon',
+      },
+      {
+        label: 'Оформление по паспорту',
+        description: 'Обеспечение не требуется. Кредит можно получить на любые цели',
+        icon: 'SignDocsIcon',
+      },
+      {
+        label: 'Без залога и поручительства',
+        description:
+          'Единовременное перечисление суммы кредита в полном объёме на текущий счет в Банке',
+        icon: 'ComfortableCompIcon',
+      },
+      {
+        label: 'Деньги за 3 дня',
+        description: 'Рассмотрение заявки с момента предоставления полного комплекта документов',
+        icon: 'ActualBalanceIcon',
+      },
+    ]}
+  />
+);

package/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -0,0 +1,42 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { Benefit, BenefitsBlockContent } from './BenefitsBlockContent';
+import type { UniBlockProps } from '../../types';
+import { Icon } from '../../ui-kit/Icon/Icon';
+
+export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
+
+export const BenefitsBlock = JSX<BenefitsBlockProps>(({ className, title, benefits }) => {
+  return (
+    <section
+      className={`font-sans text-primary-text bg-white p-12 pb-2 flex flex-col items-center ${
+        className || ''
+      }`}
+    >
+      <h2 className="font-medium text-title m-0 max-w-[47rem] text-center">{title}</h2>
+      {benefits?.length ? (
+        <div className="grid grid-cols-2 gap-5 mt-9">{benefits.map(renderStep)}</div>
+      ) : null}
+    </section>
+  );
+});
+
+const renderStep = (benefit: Benefit, i: number) => {
+  return (
+    <div key={String(i)} className="flex items-center p-10 gap-5 max-w-[580px]">
+      {benefit.icon && (
+        <Icon
+          className="h-[70px] w-[70px] min-w-[70px] min-h-[70px]"
+          name={benefit.icon}
+          width="70"
+          height="70"
+        />
+      )}
+      <div>
+        <h3 className="font-medium text-xl m-0">{benefit.label}</h3>
+        {benefit.description && (
+          <div className="font-normal text-sm mt-2">{benefit.description}</div>
+        )}
+      </div>
+    </div>
+  );
+};

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -0,0 +1,12 @@
+import type { IconName } from '../../ui-kit/Icon/IconProps';
+
+export interface Benefit {
+  label: string;
+  description?: string;
+  icon?: IconName;
+}
+
+export interface BenefitsBlockContent {
+  title?: string;
+  benefits?: Benefit[];
+}