@redneckz/wildless-cms-uni-blocks 0.6.33 → 0.6.35

package/lib/ui-kit/List/List.fixture.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     'primary dotted (default)': JSX.Element;
     'primary w/o dots': JSX.Element;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: JSX.Element;
 export default _default;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
     'w/o dots': JSX.Element;
     '1 element': JSX.Element;
     '2 elements': JSX.Element;
+    'empty element': JSX.Element;
+    'string element': JSX.Element;
 };
 export default _default;

package/lib/ui-kit/SwipeListControl/SwipeListControl.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 { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, 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';
@@ -15,8 +15,11 @@ export const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = D
         showDots,
         children,
     };
-    const handleScroll = (e) => {
+    const handleScroll = useCallback((e) => {
         const { scrollLeft, clientWidth, childElementCount, scrollWidth, children: childrenCollection, } = e?.currentTarget;
+        if (!childrenCollection[0]) {
+            return;
+        }
         // horizontal PADDING / 2 to compensate padding-margin combo of child container
         // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
         const itemWidth = childrenCollection[0].offsetWidth - padding / 2;
@@ -34,7 +37,7 @@ export const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = D
         }
         setActiveIndex(index);
         setIndexFraction(fraction);
-    };
+    }, [gap, padding, activeIndex, onSlideChange]);
     return (_jsxs("div", { className: className, children: [_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), _jsx(SwipeListControlDots, { ...dotsProps })] }));
 });
 //# sourceMappingURL=SwipeListControl.js.map

package/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,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,EAA6B,MAAM,wBAAwB,CAAC;AAEzF,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,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,QAAQ,GACT,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,GAA0C,CAAC,CAAC,EAAE,EAAE;QAChE,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,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,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;AAG9D,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,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,QAAQ,GACT,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,GAA0C,WAAW,CACrE,CAAC,CAAC,EAAE,EAAE;QACJ,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QACpC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YAC1B,OAAO;SACR;QAED,+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,EACD,CAAC,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,CAC3C,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/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
 const BASE_DOT_WIDTH = 6;
 const ACTIVE_DOT_WIDTH_CHANGE = 16;
 const BASE_DOT_OPACITY = 0.3;
 const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
 export const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
-    const handleClick = (idx) => (e) => {
+    const handleClick = useCallback((idx) => (e) => {
         if (idx === activeIndex) {
             return;
         }
         const contentContainer = e.currentTarget.parentElement
             ?.previousElementSibling;
         contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    };
-    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (_jsx("div", { onClick: handleClick(idx), className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    }, [activeIndex]);
+    return showDots && children ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children.length && children.map ? (children.map((_, idx) => (_jsx("div", { onClick: handleClick(idx), className: DOT_STYLES, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx))))) : (_jsx("div", { className: DOT_STYLES, style: createDotStyle(1) })) })) : null;
 });
 const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
@@ -22,14 +23,10 @@ const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     }
     const leftIndexMod = 1 - indexFraction;
     const rightIndexMod = indexFraction;
-    return currentIdx === activeIndex
-        ? {
-            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
-            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
-        }
-        : {
-            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
-            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
-        };
+    return createDotStyle(currentIdx === activeIndex ? leftIndexMod : rightIndexMod);
 };
+const createDotStyle = (indexModifier) => ({
+    opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * indexModifier}`,
+    width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * indexModifier}px`,
+});
 //# sourceMappingURL=SwipeListControlDots.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACzC,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACjC,cAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CAC/B,cAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAI,CACzD,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,cAAc,CAAC,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,aAAqB,EAA0B,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;IAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;CACvE,CAAC,CAAC"}

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

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
 import { SwipeListControlItem } from './SwipeListControlItem.js';
 import { getContainerStyle } from './utils/getContainerStyle.js';
-export const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
-    return (_jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { children: children })) }));
+export const SwipeListControlList = JSX(({ className = '', activeIndex = -1, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, children, onScroll, }) => {
+    return children ? (_jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children.length && children.map ? (children.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": true, children: children })) })) : null;
 });
 //# sourceMappingURL=SwipeListControlList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.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;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,GAC1B,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,oBAAoB,IAEnB,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,cAAE,QAAQ,GAAwB,CACxD,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.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;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,CAAC,EAChB,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,KAAC,oBAAoB,IAEnB,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kCACxD,QAAQ,GACY,CACxB,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -3,9 +3,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderArrows } from '../Button/renderArrows.js';
 export const TableArrowScrollControl = JSX(({ isScrollAvailable, onNextClick, onPrevClick, showNextButton, showPrevButton }) => {
     return isScrollAvailable ? (_jsx("div", { children: renderArrows({
-            handler: [onPrevClick, onNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['top-[108px]', 'top-11'],
+            dec: onPrevClick,
+            inc: onNextClick,
+            canDec: showPrevButton,
+            canInc: showNextButton,
+            btnClass: ['top-[108px]', 'top-[44px]'],
             className: 'right-7',
             isDisabled: true,
         }) })) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACG,YAAY,CAAC;YACZ,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;YACnC,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;YACzC,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACnC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACG,YAAY,CAAC;YACZ,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC;YACvC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -1,8 +1,9 @@
 export interface TableArrowScrollControlProps {
-    activeCardIndex: number;
+    activeIndex: number;
     onNextClick: () => void;
     onPrevClick: () => void;
     isScrollAvailable?: boolean;
     showNextButton: boolean;
     showPrevButton: boolean;
+    setActiveIndex: (index: number) => void;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
     active: JSX.Element;

package/mobile/bundle/BlockRenderer/BlockRendererOptions.d.ts

@@ -0,0 +1,11 @@
+import type { BlockAncestors, BlockDecorator } from '../model/BlockDecorator';
+import type { BlocksRegistry } from '../model/BlocksRegistry';
+import type { ContentPageDef, Slot } from '../model/ContentPageDef';
+export interface BlockRendererOptions {
+    key?: string;
+    page?: ContentPageDef;
+    blockDecorator?: BlockDecorator;
+    blocksRegistry?: BlocksRegistry;
+    parent?: Slot;
+    ancestors?: BlockAncestors;
+}

package/mobile/bundle/BlockRenderer/defaultBlockDecorator.d.ts

@@ -0,0 +1,2 @@
+import type { BlockDecorator } from '../model/BlockDecorator';
+export declare const defaultBlockDecorator: BlockDecorator;

package/mobile/bundle/BlockRenderer/getParentBlockContent.d.ts

@@ -0,0 +1,2 @@
+import type { BlockRendererOptions } from './BlockRendererOptions';
+export declare function getParentBlockContent<C extends Record<string, any>>(options: BlockRendererOptions | undefined, defaultContent: C): C;

package/mobile/bundle/BlockRenderer/getParentBlockDef.d.ts

@@ -0,0 +1,3 @@
+import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
+import type { BlockDef } from '../model/ContentPageDef';
+export declare function getParentBlockDef(options: BlockRendererOptions | undefined): BlockDef;

package/mobile/bundle/BlockRenderer/renderBlock.d.ts

@@ -0,0 +1,3 @@
+import type { BlockDef } from '../model/ContentPageDef';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+export declare function renderBlock(block: BlockDef, options: BlockRendererOptions): any;

package/mobile/bundle/BlockRenderer/renderBlockList.d.ts

@@ -0,0 +1,9 @@
+import type { SlotName } from '../model/BlockDecorator';
+import type { BlockDef } from '../model/ContentPageDef';
+import type { VNode } from '../model/VNode';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+export interface BlocksListRendererProps extends BlockRendererOptions {
+    slotName?: SlotName;
+    renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+}
+export declare const renderBlocksList: (blocks: BlockDef[] | undefined, { key, ancestors, slotName, renderChild, ...options }: BlocksListRendererProps) => VNode[];

package/mobile/bundle/BlockRenderer/renderChildren.d.ts

@@ -0,0 +1,10 @@
+import type { BlockDef } from '../model/ContentPageDef';
+import type { UniBlockProps } from '../model/JSXBlock';
+import type { VNode } from '../model/VNode';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+interface ChildrenRendererProps extends UniBlockProps {
+    children?: VNode;
+    renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+}
+export declare function renderChildren({ children, block, options, renderChild, }: ChildrenRendererProps): VNode[] | null;
+export {};

package/mobile/bundle/bundle.umd.js

@@ -231,6 +231,53 @@
         return JSXTmpl;
     };
 
+    const DEFAULT_SLOT_NAME = null;
+
+    function style2className(style) {
+        return style ? style.filter(Boolean).join(' ') : '';
+    }
+
+    const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
+
+    const DEFAULT_ANCESTORS = [];
+    const DEFAULT_STYLE = ['col-span-12'];
+    function renderBlock(block, options) {
+        const { key, blockDecorator = defaultBlockDecorator, blocksRegistry = {}, ancestors = DEFAULT_ANCESTORS, } = options;
+        const { type } = block;
+        if (!(type && type in blocksRegistry)) {
+            console.warn(`No block with "${type}" is registered`);
+        }
+        const BlockComponent = type && blocksRegistry[type];
+        return blockDecorator({
+            blockClassName: `scroll-mt-12 ${style2className(block.style || DEFAULT_STYLE)}`,
+            block,
+            ancestors,
+            // Adjusted by decorator block and blockClassName
+            render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
+                const { content } = adjustedBlock;
+                return BlockComponent ? (jsx(BlockComponent, { className: adjustedBlockClassName, block: block, options: options, ...content }, key)) : null;
+            },
+        }, key);
+    }
+
+    const EMPTY_ANCESTORS = [];
+    const renderBlocksList = (blocks, { key, ancestors = EMPTY_ANCESTORS, slotName = DEFAULT_SLOT_NAME, renderChild = renderBlock, ...options }) => (blocks || []).map((_, j) => renderChild(_, {
+        ...options,
+        key: `${key ? key : _.type}-${j}`,
+        ancestors: options.parent
+            ? [...(ancestors || EMPTY_ANCESTORS), [options.parent, slotName]]
+            : ancestors,
+    }));
+
+    function renderChildren({ children, block, options, renderChild, }) {
+        if (children) {
+            return children;
+        }
+        return block && options
+            ? renderBlocksList(block.blocks, { ...options, parent: block, renderChild })
+            : null;
+    }
+
     class EventBus {
         static inst = new EventBus();
         subscribers = {};
@@ -351,19 +398,15 @@
 
     const AccordionItemsList = JSX(({ children }) => (jsx("ul", { className: "list-none m-0 p-0", children: children })));
 
-    const Accordion = JSX(({ title, description, className = '', children, ...rest }) => (jsxs(BlockWrapper, { className: `py-6 px-4 bg-white text-primary-text ${className}`, ...rest, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? (jsx("div", { className: "mb-5", children: jsx(Paragraph, { size: "text-m", font: "font-light", align: "text-center", children: description }) })) : null, jsx(AccordionItemsList, { children: children })] })));
+    const Accordion = JSX(({ title, description, className = '', ...rest }) => (jsxs(BlockWrapper, { className: `py-6 px-4 bg-white text-primary-text ${className}`, ...rest, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? (jsx("div", { className: "mb-5", children: jsx(Paragraph, { size: "text-m", font: "font-light", align: "text-center", children: description }) })) : null, jsx(AccordionItemsList, { children: renderChildren(rest) })] })));
     Accordion.childrenTypes = ['AccordionItem'];
 
-    function getParentBlockDef(ancestors, type) {
-        const [block] = (ancestors || [])
-            .map((item) => item)
-            .reverse()
-            .find(([_]) => _ && 'type' in _ && (!type || type === _.type)) || [];
-        return block || {};
+    function getParentBlockDef(options) {
+        return options?.parent || {};
     }
 
-    function getParentBlockContent(ancestors, defaultContent) {
-        const { content } = getParentBlockDef(ancestors);
+    function getParentBlockContent(options, defaultContent) {
+        const { content } = getParentBlockDef(options);
         return content || defaultContent;
     }
 
@@ -472,9 +515,9 @@
     });
 
     const icons = ['PlusIcon', 'MinusIcon'];
-    const AccordionItem = JSX(({ className = '', ancestors, label = '', labelIcon, isExpanded, children }) => {
-        const { bordered } = getParentBlockContent(ancestors, {});
-        return (jsx("li", { className: `${bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'} border-solid border-main-divider ${className}`, children: jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0", isUnfolded: isUnfolded, children: children })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, onClick: onToggle })) }) }));
+    const AccordionItem = JSX(({ className = '', label = '', labelIcon, isExpanded, ...rest }) => {
+        const { bordered } = getParentBlockContent(rest.options, {});
+        return (jsx("li", { className: `${bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'} border-solid border-main-divider ${className}`, children: jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0", isUnfolded: isUnfolded, children: renderChildren(rest) })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, onClick: onToggle })) }) }));
     });
     AccordionItem.childrenTypes = [];
     const FoldButton = JSX(({ className, icon, label, primaryIcon, onClick }) => (jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`, onClick: onClick, children: [jsxs("div", { className: "flex group-hover:text-primary-main", children: [primaryIcon ? (jsx(Img, { image: getIconWithVersion(primaryIcon), className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, jsx(Text, { size: "text-m-title-xs", font: "font-medium", children: label })] }), jsx(Img, { className: "flex-shrink-0", image: getIconWithVersion({ icon: icon }), width: "24", height: "24", asSVG: true })] })));
@@ -495,15 +538,15 @@
     const BASE_DOT_OPACITY = 0.3;
     const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
     const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
-        const handleClick = (idx) => (e) => {
+        const handleClick = useCallback((idx) => (e) => {
             if (idx === activeIndex) {
                 return;
             }
             const contentContainer = e.currentTarget.parentElement
                 ?.previousElementSibling;
             contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-        };
-        return showDots && children?.length ? (jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (jsx("div", { onClick: handleClick(idx), className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+        }, [activeIndex]);
+        return showDots && children ? (jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children.length && children.map ? (children.map((_, idx) => (jsx("div", { onClick: handleClick(idx), className: DOT_STYLES, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx))))) : (jsx("div", { className: DOT_STYLES, style: createDotStyle(1) })) })) : null;
     });
     const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
         if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
@@ -511,16 +554,12 @@
         }
         const leftIndexMod = 1 - indexFraction;
         const rightIndexMod = indexFraction;
-        return currentIdx === activeIndex
-            ? {
-                opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
-                width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
-            }
-            : {
-                opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
-                width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
-            };
+        return createDotStyle(currentIdx === activeIndex ? leftIndexMod : rightIndexMod);
     };
+    const createDotStyle = (indexModifier) => ({
+        opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * indexModifier}`,
+        width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * indexModifier}px`,
+    });
 
     const SwipeListControlItem = JSX(({ className = '', children, ...rest }) => {
         return (jsx("div", { className: `snap-center snap-always min-w-full box-border ${className}`, role: "listitem", ...rest, children: children }));
@@ -536,8 +575,8 @@
         };
     };
 
-    const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
-        return (jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (jsx(SwipeListControlItem, { children: children })) }));
+    const SwipeListControlList = JSX(({ className = '', activeIndex = -1, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, children, onScroll, }) => {
+        return children ? (jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children.length && children.map ? (children.map((child, idx) => (jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": true, children: children })) })) : null;
     });
 
     /*
@@ -595,8 +634,11 @@
             showDots,
             children,
         };
-        const handleScroll = (e) => {
+        const handleScroll = useCallback((e) => {
             const { scrollLeft, clientWidth, childElementCount, scrollWidth, children: childrenCollection, } = e?.currentTarget;
+            if (!childrenCollection[0]) {
+                return;
+            }
             // horizontal PADDING / 2 to compensate padding-margin combo of child container
             // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
             const itemWidth = childrenCollection[0].offsetWidth - padding / 2;
@@ -614,7 +656,7 @@
             }
             setActiveIndex(index);
             setIndexFraction(fraction);
-        };
+        }, [gap, padding, activeIndex, onSlideChange]);
         return (jsxs("div", { className: className, children: [jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), jsx(SwipeListControlDots, { ...dotsProps })] }));
     });
 
@@ -797,8 +839,8 @@
         const { className, title } = props;
         return (jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, jsx("div", { role: "table", children: jsx(TableInner, { ...props }) })] }));
     });
-    const TableInner = JSX(({ columns, rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, ...rest }) => {
-        const [columnsViewState, setColumnsViewState] = useState(new Array(columns?.length || 0).fill(!visibleRowLength));
+    const TableInner = JSX(({ columns = [], rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, ...rest }) => {
+        const [columnsViewState, setColumnsViewState] = useState(new Array(columns.length).fill(!visibleRowLength));
         const handleToggleColumn = useCallback((colIndex) => {
             const toggleColState = (colState, i) => i === colIndex ? !colState : colState;
             setColumnsViewState((_) => _.map(toggleColState));
@@ -1020,10 +1062,10 @@
     });
 
     const Footer = JSX(({ className = '', ...rest }) => {
-        const fallback = rest.page?.fallback;
+        const fallback = rest.options?.page?.fallback;
         const sitemap = useSWRResource(projectSettings.SITEMAP || 'sitemap', fallback);
         const { documents, relatedEnterprises, contacts, socialMedia, horizontalNavigationTitle } = useSWRResource(projectSettings.FOOTER || 'footer', fallback);
-        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, hasButton: true }), jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { label: item.text, ...rest, children: jsx(LinkList, { documents: item.items, ...rest }) }, String(i)))) }), jsx("div", { children: sitemap?.dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android", ...rest }), jsx(SearchBar, { className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
+        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, hasButton: true }), jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { label: item.text, children: jsx(LinkList, { documents: item.items }) }, String(i)))) }), jsx("div", { children: sitemap?.dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android", ...rest }), jsx(SearchBar, { className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents })] }));
     });
     const renderSubMenuItem = (menu, i) => {
         const { icon, href, text } = menu;
@@ -1131,15 +1173,14 @@
 
     const Header = JSX(({ className = '', bgColor = 'bg-white', ...rest }) => {
         const router = useRouter();
-        const { page } = rest;
-        const fallback = page?.fallback;
+        const fallback = rest.options?.page?.fallback;
         const { topItems, dispositions, defaultLocation } = useSWRResource(projectSettings.SITEMAP || 'sitemap', fallback);
         const activeTopItem = topItems?.find(isTopItemActive(router));
         const subItems = activeTopItem?.items;
         const activeSubItem = findActiveSubItem(router)(subItems);
         const [burgerMenuShow, setBurgerMenuShow] = useState(false);
         const toggleBurgerMenu = () => setBurgerMenuShow(!burgerMenuShow);
-        return (jsxs("header", { className: `${bgColor} ${className}`, children: [jsxs("div", { className: "container px-4 py-0 box-border", children: [jsx(HeaderTop, { onClick: toggleBurgerMenu, bgColor: bgColor }), jsx("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]", children: jsx("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", active: _ === activeSubItem, bgColor: bgColor, ..._ }, String(i)))) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(AccordionItemsList, { children: topItems?.map((item, i) => (jsx(AccordionItem, { label: item.text, ...rest, children: jsx(LinkList, { documents: item.items, ...rest }) }, String(i)))) }) })) : null] }));
+        return (jsxs("header", { className: `${bgColor} ${className}`, children: [jsxs("div", { className: "container px-4 py-0 box-border", children: [jsx(HeaderTop, { onClick: toggleBurgerMenu, bgColor: bgColor }), jsx("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]", children: jsx("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", active: _ === activeSubItem, bgColor: bgColor, ..._ }, String(i)))) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(AccordionItemsList, { children: topItems?.map((item, i) => (jsx(AccordionItem, { label: item.text, children: jsx(LinkList, { documents: item.items }) }, String(i)))) }) })) : null] }));
     });
 
     const AlignText = {
@@ -1506,10 +1547,6 @@
         Placeholder,
     };
 
-    function style2className(style) {
-        return style ? style.filter(Boolean).join(' ') : '';
-    }
-
     const api = LikeAPI();
     function useLikeService(pagePath) {
         const [likeCount, setLikeCount] = useState(0);
@@ -1551,59 +1588,25 @@
         return (jsxs("div", { className: `border-main border-2 border-solid bg-white flex w-[125px] items-center justify-center gap-3 p-2 font-sans ${className}`, children: [jsx(LikeButton, { onClick: handlerDecorator(likeService.like), ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u043B\u0430\u0439\u043A\u00BB" }), jsx(LikeButton, { onClick: handlerDecorator(likeService.dislike), className: "rotate-180", ariaLabel: "\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043E\u0442\u043C\u0435\u0442\u043A\u0443 \u00AB\u0434\u0438\u0437\u043B\u0430\u0439\u043A\u00BB" }), jsx("span", { className: "select-none", children: likeService.likeCount })] }));
     });
 
-    const DEFAULT_SLOT_NAME = null;
-
-    const renderSlots = ({ slots, parent, options, ancestors = [], }) => Object.entries(slots || {}).reduce((res, [slotName, slotBlocks]) => ({
-        ...res,
-        [slotName]: renderBlocksList({
-            blocks: slotBlocks,
-            parent,
-            slotName,
-            options,
-            ancestors,
-        }),
-    }), {});
-
-    function renderBlock({ block = {}, options, ancestors = [] }) {
-        const { key, page, blockDecorator, blocksRegistry = {} } = options;
-        const { type, slots, blocks: childBlocks } = block;
-        if (!(type && type in blocksRegistry)) {
-            console.warn(`No block with "${type}" is registered`);
-        }
-        const BlockComponent = type && blocksRegistry[type];
-        const subBlockRenderProps = { parent: block, options, ancestors };
-        const children = renderBlocksList({ ...subBlockRenderProps, blocks: childBlocks });
-        const blockSlots = slots ? renderSlots({ ...subBlockRenderProps, slots }) : {};
-        return blockDecorator({
-            blockClassName: `scroll-mt-12 ${style2className(block.style)}`,
-            block,
-            ancestors,
-            // Adjusted by decorator block and blockClassName
-            render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
-                const { content } = adjustedBlock;
-                return BlockComponent ? (jsx(BlockComponent, { page: page, block: adjustedBlock, className: adjustedBlockClassName, ancestors: ancestors, slots: blockSlots, ...content, children: children }, key)) : null;
-            },
-        }, key);
-    }
-
-    const renderBlocksList = ({ blocks, parent, slotName = DEFAULT_SLOT_NAME, options, ancestors = [], }) => (blocks || []).map((_, j) => renderBlock({
-        block: _,
-        options: { ...options, key: `${options.key ? options.key : _.type}-${j}` },
-        ancestors: [...ancestors, [parent, slotName]],
-    }));
-
-    const defaultBlockDecorator = ({ blockClassName, block, render }) => render({ blockClassName, block });
     const ContentPage = JSX((props) => {
         const { className = '', blocksRegistry, blockDecorator, data = {} } = props;
         const { style: pageStyle, blocks, slots, likeControl, colorPalette = 'pc' } = data;
         const options = {
             key: '',
-            blocksRegistry,
             page: data,
-            blockDecorator: blockDecorator || defaultBlockDecorator,
+            blocksRegistry,
+            blockDecorator,
+            parent: data,
         };
-        const pageSlots = renderSlots({ slots, parent: data, options });
-        return (jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [pageSlots?.header ? (jsx("div", { className: "mb-5 shadow-[0_8px_32px_0px_#00000014]", children: pageSlots.header })) : null, blocks?.length ? (jsxs("div", { className: "container grid grid-cols-12 gap-1", children: [renderBlocksList({ blocks, parent: data, options }), pageSlots?.footer ? pageSlots.footer : null] })) : null, likeControl ? renderLikeControl() : null] }));
+        return (jsxs("section", { className: `relative ${style2className(pageStyle)} ${className}`, "data-theme": colorPalette, children: [slots?.header ? (jsx("div", { className: "mb-5 shadow-[0_8px_32px_0px_#00000014]", children: renderBlocksList(slots?.header, {
+                        ...options,
+                        slotName: 'header',
+                    }) })) : null, jsxs("div", { className: "container grid grid-cols-12 gap-1", children: [renderBlocksList(blocks, options), slots?.footer
+                            ? renderBlocksList(slots?.footer, {
+                                ...options,
+                                slotName: 'footer',
+                            })
+                            : null] }), likeControl ? renderLikeControl() : null] }));
     });
     ContentPage.childrenTypes = [];
     ContentPage.slots = () => ['header', 'footer'];
@@ -1615,7 +1618,7 @@
         return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
     }
 
-    const packageVersion = "0.6.33";
+    const packageVersion = "0.6.35";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;