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

package/lib/components/TariffsTable/TariffsTableRow.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 { Img } from '../../ui-kit/Img/Img.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
 import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer.js';
@@ -9,8 +9,10 @@ import { TariffsTableCell } from './TariffsTableCell.js';
 import { TariffsTableRowContainer } from './TariffsTableRowContainer.js';
 export const TariffsTableRow = JSX(({ row: { header, data }, activeIndex, rowIdx, ...rest }) => {
     const [tableInner, setTableInner] = useState(undefined);
+    const handleSetTableInner = useCallback((_) => setTableInner(_), []);
     const [openTableInnerIdx, setOpenTableInnerIdx] = useState(undefined);
+    const handleOpenTableInnerIdx = useCallback((_) => setOpenTableInnerIdx(_), []);
     const onHideContentClick = () => setTableInner(undefined);
-    return (_jsxs(TariffsTableRowContainer, { onHideContentClick: onHideContentClick, tableInner: tableInner, ...rest, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: getIconWithVersion(header.icon), width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeIndex: activeIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, setTableInner: setTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: setOpenTableInnerIdx, ...rest }, String(i)))) })) : null] }));
+    return (_jsxs(TariffsTableRowContainer, { onHideContentClick: onHideContentClick, tableInner: tableInner, ...rest, children: [_jsx("div", { className: `text-s py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES}`, children: _jsxs("div", { className: "flex items-center text-primary-text", role: "cell", children: [header?.icon ? (_jsx(Img, { className: "mr-[14px] max-w-6 max-h-6", image: getIconWithVersion(header.icon), width: "24px", height: "24px", asSVG: true })) : null, header?.title ? _jsx("div", { className: "text-m-light", children: header?.title }) : null] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeIndex: activeIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cells, i) => (_jsx(TariffsTableCell, { cells: cells, rowIdx: rowIdx, cellIdx: i, setTableInner: handleSetTableInner, tableInner: tableInner, openTableInnerIdx: openTableInnerIdx, setOpenTableInnerIdx: handleOpenTableInnerIdx, ...rest }, String(i)))) })) : null] }));
 });
 //# sourceMappingURL=TariffsTableRow.js.map

package/lib/components/TariffsTable/TariffsTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQtE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAC9F,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAE1F,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,wBAAwB,IACvB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,KAClB,IAAI,aAER,cAAK,SAAS,EAAE,eAAe,kBAAkB,IAAI,eAAe,EAAE,YACpE,eAAK,SAAS,EAAC,qCAAqC,EAAC,IAAI,EAAC,MAAM,aAC7D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACtC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,MAAM,EAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,KACtC,IAAI,IARH,MAAM,CAAC,CAAC,CAAC,CASd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACiB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQtE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuC,SAAS,CAAC,CAAC;IAC9F,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,CAAuC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAC7D,EAAE,CACH,CAAC;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC1F,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,CAAqB,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAClD,EAAE,CACH,CAAC;IACF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,wBAAwB,IACvB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,KAClB,IAAI,aAER,cAAK,SAAS,EAAE,eAAe,kBAAkB,IAAI,eAAe,EAAE,YACpE,eAAK,SAAS,EAAC,qCAAqC,EAAC,IAAI,EAAC,MAAM,aAC7D,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EACtC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,cAAc,YAAE,MAAM,EAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACvE,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,EACV,aAAa,EAAE,mBAAmB,EAClC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,uBAAuB,KACzC,IAAI,IARH,MAAM,CAAC,CAAC,CAAC,CASd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACiB,CAC5B,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Video/VideoContent.d.ts

@@ -1,5 +1,6 @@
 import type { TitleProps } from '../../model/HeadlineType';
 import type { Picture } from '../../model/Picture';
+/** @title Блок Видео */
 export interface VideoContent extends TitleProps {
     /** @title URL */
     src?: string;

package/lib/hooks/useIntersectionObserver.d.ts

@@ -1,3 +1,9 @@
-export declare function useIntersectionObserver<R extends Element>(observerCallback: IntersectionObserverCallback, observerOptions?: IntersectionObserverInit): {
+export interface IntersectionObserverOptions<E extends Element = Element> {
+    sensitivity?: number;
+    rootRef?: {
+        current: E | null;
+    };
+}
+export declare function useIntersectionObserver<R extends Element>(observerCallback: IntersectionObserverCallback, { sensitivity, rootRef }?: IntersectionObserverOptions): {
     current: R | null;
 };

package/lib/hooks/useIntersectionObserver.js

@@ -1,6 +1,8 @@
-import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-export function useIntersectionObserver(observerCallback, observerOptions) {
+import { useEffect, useMemo, useRef } from '@redneckz/uni-jsx/lib/hooks';
+const SENSITIVITY_SCALE = 10;
+export function useIntersectionObserver(observerCallback, { sensitivity, rootRef } = {}) {
     const ref = useRef(null);
+    const observerOptions = useMemo(() => ({ threshold: sensitivityToThreshold(sensitivity), root: rootRef?.current }), [sensitivity, rootRef?.current]);
     useEffect(() => {
         if (!ref.current) {
             return undefined;
@@ -13,4 +15,11 @@ export function useIntersectionObserver(observerCallback, observerOptions) {
     }, [observerCallback, observerOptions]);
     return ref;
 }
+function sensitivityToThreshold(sensitivity = 0) {
+    const thresholdsCount = Math.round(sensitivity * SENSITIVITY_SCALE);
+    return new Array(thresholdsCount)
+        .fill(0)
+        .map((_, thi) => Math.min(thi / thresholdsCount), 1)
+        .concat(1);
+}
 //# sourceMappingURL=useIntersectionObserver.js.map

package/lib/hooks/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sourceRoot":"","sources":["../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,UAAU,uBAAuB,CACrC,gBAA8C,EAC9C,eAA0C;IAE1C,MAAM,GAAG,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;QACzF,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"useIntersectionObserver.js","sourceRoot":"","sources":["../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOzE,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,UAAU,uBAAuB,CACrC,gBAA8C,EAC9C,EAAE,WAAW,EAAE,OAAO,KAAkC,EAAE;IAE1D,MAAM,GAAG,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAEnC,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,sBAAsB,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAClF,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAChC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;QACzF,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,sBAAsB,CAAC,WAAW,GAAG,CAAC;IAC7C,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC,CAAC;IAEpE,OAAO,IAAI,KAAK,CAAC,eAAe,CAAC;SAC9B,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;SACnD,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,CAAC"}

package/lib/hooks/useLink.js

@@ -1,5 +1,5 @@
 import { adjustHref } from '../utils/adjustHref.js';
-import { isURL } from '../utils/url.js';
+import { isHash, isURL } from '../utils/url.js';
 import { handlerDecorator } from './handlerDecorator.js';
 import { useRouter } from './useRouter.js';
 export function useLink() {
@@ -14,7 +14,7 @@ export function useLink() {
                 props.onClick && props.onClick(ev);
                 const isLocalHref = href && !isURL(href);
                 const isLocalTarget = !props.target || props.target === '_self';
-                if (isLocalHref && isLocalTarget) {
+                if (isLocalHref && isLocalTarget && !isHash(href)) {
                     ev?.preventDefault();
                     router.push(href);
                 }

package/lib/hooks/useLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/hooks/useLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,UAAU,OAAO;IAGrB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAE5C,OAAO;YACL,GAAG,KAAK;YACR,IAAI;YACJ,YAAY,EAAE,KAAK,CAAC,IAAI;YACxB,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAAmC,EAAE,EAAE;gBAChE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACnC,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACzC,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC;gBAChE,IAAI,WAAW,IAAI,aAAa,EAAE;oBAChC,EAAE,EAAE,cAAc,EAAE,CAAC;oBACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACnB;YACH,CAAC,EAAE,KAAK,CAAC;SACV,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/hooks/useLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,UAAU,OAAO;IAGrB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAE5C,OAAO;YACL,GAAG,KAAK;YACR,IAAI;YACJ,YAAY,EAAE,KAAK,CAAC,IAAI;YACxB,OAAO,EAAE,gBAAgB,CAAC,CAAC,EAAmC,EAAE,EAAE;gBAChE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACnC,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACzC,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC;gBAChE,IAAI,WAAW,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;oBACjD,EAAE,EAAE,cAAc,EAAE,CAAC;oBACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACnB;YACH,CAAC,EAAE,KAAK,CAAC;SACV,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/lib/ui-kit/BlockWrapper.js

@@ -4,19 +4,13 @@ import { useEffect, useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hook
 import { EventBus } from '../EventBus/EventBus.js';
 import { useIntersectionObserver } from '../hooks/useIntersectionObserver.js';
 import { changeHashOnObserve } from '../utils/changeHashOnObserve.js';
-const THRESHOLD_ACCURACY = 100; // Decimals number (100 is for two decimals number, 0.**)
-const THRESHOLD_ARRAY_LENGTH = 18;
-const THRESHOLD_ARRAY_START_VALUE = (THRESHOLD_ACCURACY - THRESHOLD_ARRAY_LENGTH) / THRESHOLD_ACCURACY;
-const OBSERVER_OPTIONS = {
-    threshold: new Array(THRESHOLD_ARRAY_LENGTH).fill(0).map(getIntersectionThreshold),
-};
 export const BlockWrapper = JSX(({ className, block, tag = 'section', role, children }) => {
     const Tag = tag;
     const { anchor, labels } = block || {};
     const [isVisible, setVisible] = useState(true);
     const anchorClickRef = useRef({});
     const observerCallback = useMemo(() => changeHashOnObserve({ anchor, anchorClickRef }), [anchor]);
-    const ref = useIntersectionObserver(observerCallback, OBSERVER_OPTIONS);
+    const ref = useIntersectionObserver(observerCallback, { sensitivity: 1 });
     useEffect(() => EventBus.inst.subscribe('anchorClick', (e) => {
         setVisible(true);
         anchorClickRef.current = e;
@@ -33,10 +27,6 @@ export const BlockWrapper = JSX(({ className, block, tag = 'section', role, chil
     }), []);
     return isVisible ? (_jsx(Tag, { className: className, role: role, ...(anchor ? { id: anchor, ref } : {}), children: children })) : null;
 });
-function getIntersectionThreshold(_, i) {
-    const value = (i + 1) / THRESHOLD_ACCURACY + THRESHOLD_ARRAY_START_VALUE;
-    return Math.round(value * THRESHOLD_ACCURACY) / THRESHOLD_ACCURACY;
-}
 function changeHash(label) {
     if (label) {
         globalThis.document.location.hash = label;

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

@@ -1 +1 @@
-{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BlockWrapper.js","sourceRoot":"","sources":["../../src/ui-kit/BlockWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAOnE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxD,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAEvC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,MAAM,CAA4B,EAAE,CAAC,CAAC;IAE7D,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,EACrD,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC;IAE1E,SAAS,CACP,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3C,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;IAC7B,CAAC,CAAC,EACJ,EAAE,CACH,CAAC;IACF,SAAS,CACP,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;QACvC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,MAAM,WAAW,GAAG,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC;YACpD,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;SACzF;aAAM;YACL,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,GAAG,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC3E,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,KAAc;IAChC,IAAI,KAAK,EAAE;QACT,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;KAC3C;AACH,CAAC"}

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

@@ -1,2 +1,4 @@
 import type { ButtonProps } from './ButtonProps';
 export declare const ArrowButton: import("@redneckz/uni-jsx").UNIComponent<ButtonProps, any, any>;
+export declare const ScrollLeftButton: import("@redneckz/uni-jsx").UNIComponent<ButtonProps, any, any>;
+export declare const ScrollRightButton: import("@redneckz/uni-jsx").UNIComponent<ButtonProps, any, any>;

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

@@ -5,4 +5,6 @@ import { Button } from './Button.js';
 export const ArrowButton = JSX(({ className, disabled, ...rest }) => (_jsx(Button, { rounded: true, className: `group 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(Img, { className: "w-4 h-4 min-w-4 min-h-4 rounded-full box-border", image: { icon: 'ArrowLeftIcon', iconVersion: 'black' }, imageClassName: "group-hover:text-primary-main", width: "16", height: "16", asSVG: true }) })));
+export const ScrollLeftButton = JSX((props) => (_jsx(ArrowButton, { ...props, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left" })));
+export const ScrollRightButton = JSX((props) => (_jsx(ArrowButton, { ...props, className: `${props.className || ''} rotate-180`, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right" })));
 //# sourceMappingURL=ArrowButton.js.map

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

@@ -1 +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,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,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,2GACT,QAAQ;QACN,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,oDACN,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAER,KAAC,GAAG,IACF,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,EACtD,cAAc,EAAC,+BAA+B,EAC9C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,GACK,CACV,CAAC,CAAC"}
+{"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,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,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,2GACT,QAAQ;QACN,CAAC,CAAC,wCAAwC;QAC1C,CAAC,CAAC,oDACN,IAAI,SAAS,IAAI,EAAE,EAAE,EACrB,QAAQ,EAAE,QAAQ,KACd,IAAI,YAER,KAAC,GAAG,IACF,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,EACtD,cAAc,EAAC,+BAA+B,EAC9C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,GACK,CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1D,KAAC,WAAW,OAAK,KAAK,EAAE,SAAS,EAAC,6FAAkB,wBAAoB,aAAa,GAAG,CACzF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,KAAC,WAAW,OACN,KAAK,EACT,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,EAAE,aAAa,EAChD,SAAS,EAAC,mGAAmB,wBACV,cAAc,GACjC,CACH,CAAC,CAAC"}

package/lib/ui-kit/Foldable/FoldableSection.js

@@ -10,6 +10,6 @@ export const FoldableSection = JSX(({ className = '', isUnfolded, children }) =>
                 : '';
         }
     }, [isUnfolded, children?.length]);
-    return (_jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${className}`, children: children }));
+    return (_jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden ${containerRef.current || !isUnfolded ? 'max-h-0' : ''} ${className}`, children: children }));
 });
 //# sourceMappingURL=FoldableSection.js.map

package/lib/ui-kit/Foldable/FoldableSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FoldableSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldableSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3C,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU;gBAC/C,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,IAAI;gBAC1C,CAAC,CAAC,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,yDAAyD,SAAS,EAAE,YAE9E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"FoldableSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldableSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3C,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU;gBAC/C,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,IAAI;gBAC1C,CAAC,CAAC,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,iDACT,YAAY,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACpD,IAAI,SAAS,EAAE,YAEd,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,16 +1,17 @@
 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 { useTariffsInnerTableData } from './useTariffsInnerTableData.js';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { InnerTableBody } from './InnerTableBody.js';
 import { TableInnerButton } from './InnerTableButton.js';
 import { InnerTableHeader } from './InnerTableHeader.js';
+import { useTariffsInnerTableData } from './useTariffsInnerTableData.js';
 const EMPTY_DATA = 'Данных нет';
 export const InnerTable = JSX(({ dataUrl, pdfUrl, onClick }) => {
     const { tableData } = useTariffsInnerTableData(dataUrl);
     const [activeTabIndex, setActiveTabIndex] = useState(0);
+    const handleActiveTabIndex = useCallback((_) => setActiveTabIndex(_), []);
     const items = tableData?.[activeTabIndex]?.items ?? [];
     const currencies = tableData?.map((item) => item.currency ?? '');
-    return tableData ? (_jsxs("div", { className: "bg-white z-10", children: [_jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: setActiveTabIndex, linkToPDF: pdfUrl }), _jsx(InnerTableBody, { activeTabIndex: activeTabIndex, items: items }), _jsx(TableInnerButton, { onClick: onClick, isOpen: true })] })) : (_jsxs("div", { className: "my-5 text-h6 text-center", children: [_jsx("p", { children: EMPTY_DATA }), _jsx(TableInnerButton, { onClick: onClick, isOpen: true })] }));
+    return tableData ? (_jsxs("div", { className: "bg-white z-10", children: [_jsx(InnerTableHeader, { currencies: currencies, activeTabIndex: activeTabIndex, setActiveTabIndex: handleActiveTabIndex, linkToPDF: pdfUrl }), _jsx(InnerTableBody, { activeTabIndex: activeTabIndex, items: items }), _jsx(TableInnerButton, { onClick: onClick, isOpen: true })] })) : (_jsxs("div", { className: "my-5 text-h6 text-center", children: [_jsx("p", { children: EMPTY_DATA }), _jsx(TableInnerButton, { onClick: onClick, isOpen: true })] }));
 });
 //# sourceMappingURL=InnerTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InnerTable.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,SAAS,EAAE,GAAmB,wBAAwB,CAAC,OAAO,CAAC,CAAC;IAExE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAEvD,MAAM,UAAU,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAEjE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,MAAM,GACjB,EACF,KAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,EAChE,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAG,IACzC,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,0BAA0B,aACvC,sBAAI,UAAU,GAAK,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAG,IACzC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"InnerTable.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAMtE,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,SAAS,EAAE,GAAmB,wBAAwB,CAAC,OAAO,CAAC,CAAC;IACxE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClF,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IACvD,MAAM,UAAU,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAEjE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,oBAAoB,EACvC,SAAS,EAAE,MAAM,GACjB,EACF,KAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAI,EAChE,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAG,IACzC,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,0BAA0B,aACvC,sBAAI,UAAU,GAAK,EACnB,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAG,IACzC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/InnerTable/InnerTableBody.js

@@ -1,16 +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 { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Img } from '../Img/Img.js';
 import { InnerTableBodyItem } from './InnerTableBodyItem.js';
 export const InnerTableBody = JSX(({ activeTabIndex, items }) => {
     const [hiddenTables, setHiddenTables] = useState({});
-    const toggleTable = (key) => {
-        setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] }));
-    };
+    const toggleTables = useCallback((key) => setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] })), []);
     return (_jsx("div", { children: items.map((_, tableIdx) => {
             const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
-            return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex p-4 bg-main-stroke text-xl-light text-center justify-center cursor-pointer relative", onClick: () => toggleTable(key), children: [_.title, _jsx(Img, { image: hiddenTables[key] ? 'PlusIcon' : 'MinusIcon', className: "absolute right-[22px]", width: "24", height: "24" })] }), _jsx("div", { className: `w-full pl-2 overflow-hidden transition-height duration-500 ease-in-out ${hiddenTables[key] ? 'h-0' : ''}`, children: _jsx("div", { className: "relative", children: _jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
+            return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex p-4 bg-main-stroke text-xl-light text-center justify-center cursor-pointer relative", onClick: () => toggleTables(key), children: [_.title, _jsx(Img, { image: hiddenTables[key] ? 'PlusIcon' : 'MinusIcon', className: "absolute right-[22px]", width: "24", height: "24" })] }), _jsx("div", { className: `w-full pl-2 overflow-hidden transition-height duration-500 ease-in-out ${hiddenTables[key] ? 'h-0' : ''}`, children: _jsx("div", { className: "relative", children: _jsx(InnerTableBodyItem, { rows: _.rowsData }) }) })] }, key));
         }) }));
 });
 //# sourceMappingURL=InnerTableBody.js.map

package/lib/ui-kit/InnerTable/InnerTableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerTableBody.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAE9E,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,OAAO,CACL,wBACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC;YAElE,OAAO,CACL,eAAe,SAAS,EAAC,QAAQ,aAC/B,eACE,SAAS,EAAC,0FAA0F,EACpG,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,aAE9B,CAAC,CAAC,KAAK,EACR,KAAC,GAAG,IACF,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EACnD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,IACE,EACN,cACE,SAAS,EAAE,0EACT,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAC9B,EAAE,YAEF,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,kBAAkB,IAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,GAAI,GACpC,GACF,KArBE,GAAG,CAsBP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"InnerTableBody.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,GAAG,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAChF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,wBACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YACzB,MAAM,GAAG,GAAG,gBAAgB,cAAc,aAAa,QAAQ,EAAE,CAAC;YAElE,OAAO,CACL,eAAe,SAAS,EAAC,QAAQ,aAC/B,eACE,SAAS,EAAC,0FAA0F,EACpG,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,aAE/B,CAAC,CAAC,KAAK,EACR,KAAC,GAAG,IACF,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EACnD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,IACE,EACN,cACE,SAAS,EAAE,0EACT,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAC9B,EAAE,YAEF,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,kBAAkB,IAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,GAAI,GACpC,GACF,KArBE,GAAG,CAsBP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,9 +1,2 @@
-import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/Text';
-interface ParagraphProps {
-    size?: TextSize;
-    color?: TextColor;
-    align?: TextAlign;
-    font?: FontWeight;
-}
+import type { ParagraphProps } from './ParagraphProps';
 export declare const Paragraph: import("@redneckz/uni-jsx").UNIComponent<ParagraphProps, any, any>;
-export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../../src/ui-kit/Paragraph/Paragraph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAUxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,WAAW,GAAG,aAAa,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;IAElE,OAAO,YAAG,SAAS,EAAE,WAAW,YAAG,QAAQ,GAAK,CAAC;AACnD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../../src/ui-kit/Paragraph/Paragraph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,WAAW,GAAG,aAAa,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;IAElE,OAAO,YAAG,SAAS,EAAE,WAAW,YAAG,QAAQ,GAAK,CAAC;AACnD,CAAC,CAAC,CAAC"}

package/lib/ui-kit/Paragraph/ParagraphProps.d.ts

@@ -0,0 +1,7 @@
+import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/TextProps';
+export interface ParagraphProps {
+    size?: TextSize;
+    color?: TextColor;
+    align?: TextAlign;
+    font?: FontWeight;
+}

package/lib/ui-kit/Paragraph/ParagraphProps.js

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

package/lib/ui-kit/Paragraph/ParagraphProps.js.map

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

package/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: "font-sans flex items-center relative cursor-pointer", children: [_jsx("input", { className: "appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-checkbox-hover\n        checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text\n        after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer", type: "radio", value: value, name: name, checked: checked, onChange: onChange }), text ? _jsx("span", { className: "text-primary-text ml-3 cursor-pointer", children: text }) : null] }) })));
+export const Radio = JSX(({ name, text, value, checked, onChange, className }) => (_jsx("div", { className: className, children: _jsxs("label", { className: "font-sans flex items-center relative cursor-pointer", children: [_jsx("input", { className: "appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-checkbox-hover\n        checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text\n        after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer", type: "radio", value: value, name: name, checked: checked, onChange: (_) => onChange(_.target.value) }), text ? _jsx("span", { className: "text-primary-text ml-3 cursor-pointer", children: text }) : null] }) })));
 //# sourceMappingURL=Radio.js.map

package/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,qDAAqD,aACpE,gBACE,SAAS,EAAC,uYAEoH,EAC9H,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,uCAAuC,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9E,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,qDAAqD,aACpE,gBACE,SAAS,EAAC,uYAEoH,EAC9H,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,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/Radio/RadioProps.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export interface RadioProps {
     name: string;
     text?: string;
     value: string;
     checked: boolean;
-    onChange: (value: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (value: string) => void;
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import type { SwipeContainerProps } from './SwipeListControlProps';
+declare type ItemsVisibilityList = Array<IntersectionObserverEntry | undefined>;
+declare type SwipeListItemWidthAuto = 0;
+/**
+ * @title Список
+ */
+interface SwipeListContainerProps extends SwipeContainerProps {
+    className?: string;
+    containerRef?: {
+        current: HTMLDivElement | null;
+    };
+    activeIndex?: number;
+    visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3;
+    snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
+    onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
+    onVisibleIndicesChange?: (indices: number[]) => void;
+}
+export declare const SwipeListContainer: import("@redneckz/uni-jsx").UNIComponent<SwipeListContainerProps, any, any>;
+export {};

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { mapChildren } from '../../utils/mapChildren.js';
+import { SwipeListItem } from './SwipeListItem.js';
+const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]'];
+export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount, gap = 0, padding = 0, snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
+    const observerOptions = {
+        sensitivity: 1,
+        rootRef: containerRef,
+    };
+    const itemsVisibilityListRef = useRef([]);
+    const handleIntersection = useCallback((idx, entry) => {
+        const itemsVisibilityList = [...(itemsVisibilityListRef.current || [])];
+        itemsVisibilityList[idx] = entry;
+        itemsVisibilityListRef.current = itemsVisibilityList;
+        onVisibleItemsChange && onVisibleItemsChange(itemsVisibilityList);
+        onVisibleIndicesChange && onVisibleIndicesChange(getVisibleIndices(itemsVisibilityList));
+    }, [onVisibleItemsChange, onVisibleIndicesChange]);
+    return (_jsx("div", { className: `box-border overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: `${snapAlign} ${visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''}`, style: getContainerStyle(padding / 4), activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
+});
+// Styles used to compensate outer container padding to get rid of clipping effect
+const getContainerStyle = (padding) => ({
+    marginLeft: `${-padding}px`,
+    marginRight: `${-padding}px`,
+    paddingLeft: `${padding}px`,
+    paddingRight: `${padding}px`,
+});
+const getVisibleIndices = (itemsVisibilityList) => itemsVisibilityList
+    .map((_, i) => [_, i])
+    .filter(([_]) => _ && _.intersectionRatio >= 0.9)
+    .map(([, i]) => i);
+//# sourceMappingURL=SwipeListContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}

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

@@ -1,43 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
+import { SwipeListContainer } from './SwipeListContainer.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, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, children, }) => {
-    const [activeIndex, setActiveIndex] = useState(0);
-    const [indexFraction, setIndexFraction] = useState(0);
-    const dotsProps = {
-        activeIndex,
-        indexFraction,
-        showDots,
-        children,
-    };
-    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;
-        const scrollPoints = getScrollPoints({
-            gap,
-            padding,
-            clientWidth,
-            scrollWidth,
-            childElementCount,
-            itemWidth,
-        });
-        const { index, fraction } = getIndexParts(scrollLeft, scrollPoints);
-        if (index !== activeIndex && onSlideChange) {
-            onSlideChange();
-        }
-        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 })] }));
+import { useSwipeListScroll } from './useSwipeListScroll.js';
+const DEFAULT_GAP = 14;
+/*
+  Horizontal padding used on a container above SwipeListControl.
+  Same value used on a SwipeListControlChildren container to compensate it
+  and get rid of a clipping effect caused by overflow: hidden.
+ */
+const DEFAULT_PADDING = 16;
+export const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, children, onVisibleIndicesChange, }) => {
+    const itemCount = Array.isArray(children) ? children.length : 0;
+    const [containerRef, scroll] = useSwipeListScroll({
+        itemCount,
+        onVisibleIndicesChange,
+    });
+    const [activeIndex] = scroll.visibleIndicesRange;
+    return (_jsxs("div", { className: className, children: [_jsx(SwipeListContainer, { containerRef: containerRef, activeIndex: activeIndex, visibleItemCount: 1, gap: gap, padding: padding, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: children }), showDots ? (_jsx(SwipeListControlDots, { containerRef: containerRef, activeIndex: activeIndex, dotCount: itemCount })) : null] }));
 });
 //# 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,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"}
+{"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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB;;;;GAIG;AACH,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,sBAAsB,GACvB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS;QACT,sBAAsB;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,EACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,QAAQ,GACU,EACpB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,6 +1,9 @@
-export interface SwipeListControlDotsProps {
-    activeIndex: number;
-    indexFraction: number;
-    showDots?: boolean;
+interface SwipeListControlDotsProps {
+    containerRef?: {
+        current: HTMLDivElement | null;
+    };
+    activeIndex?: number;
+    dotCount?: number;
 }
 export declare const SwipeListControlDots: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlDotsProps, any, any>;
+export {};

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

@@ -1,32 +1,15 @@
 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 = useCallback((idx) => (e) => {
-        if (idx === activeIndex) {
-            return;
+const dotStyle = 'cursor-pointer bg-primary-main h-2 rounded-full transition-width duration-300';
+export const SwipeListControlDots = JSX(({ containerRef, activeIndex, dotCount = 0 }) => {
+    const handleClick = (idx) => {
+        if (idx !== activeIndex && containerRef?.current) {
+            containerRef.current.children[idx]?.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
         }
-        const contentContainer = e.currentTarget.parentElement
-            ?.previousElementSibling;
-        contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }, [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) {
-        return undefined;
-    }
-    const leftIndexMod = 1 - indexFraction;
-    const rightIndexMod = indexFraction;
-    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`,
+    };
+    return dotCount ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: new Array(dotCount).fill(null).map((_, idx) => (_jsx("div", { className: `${dotStyle} ${idx === activeIndex ? 'w-6' : 'w-2 opacity-30'}`, role: "button", "aria-hidden": true, onClick: () => handleClick(idx) }, String(idx)))) })) : null;
 });
 //# 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;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"}
+{"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,QAAQ,GAAG,+EAA+E,CAAC;AAQjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE;IAC9C,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,GAAG,KAAK,WAAW,IAAI,YAAY,EAAE,OAAO,EAAE;YAChD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC;gBACjD,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,+BAA+B,YAC3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,GAAG,QAAQ,IAAI,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAC1E,IAAI,EAAC,QAAQ,uBAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAJ1B,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -1,7 +1,7 @@
 /**
  * @title Контейнер
  */
-export interface SwipeContainer {
+export interface SwipeContainerProps {
     /** @title Расстояние между элементами */
     gap?: number;
     /** @title Отступы */
@@ -10,9 +10,9 @@ export interface SwipeContainer {
 /**
  * @title Swipe-контроллер
  */
-export interface SwipeListControlProps extends SwipeContainer {
+export interface SwipeListControlProps extends SwipeContainerProps {
     className?: string;
     /** @title Точки-индикаторы */
     showDots?: boolean;
-    onSlideChange?: () => void;
+    onVisibleIndicesChange?: (indices: number[]) => void;
 }