@redneckz/wildless-cms-uni-blocks 0.3.12 → 0.3.13

package/lib/components/TariffsTable/TariffsTable.mobile.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { TariffsTableVertical } from './TariffsTableVertical.js';
+import { TariffsTableHorizontal } from './TariffsTableHorizontal.js';
+export const TariffsTable = JSX(({ className, context, title, description, columns, rowHeaders, orientation = 'vertical' }) => {
+    const colData = getColData(columns);
+    const tiles = getTiles(rowHeaders, colData);
+    return (_jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? _jsx("div", { className: "mb-5 text-center text-m-md", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
+});
+function renderOrientationTable(orientation, tiles, context) {
+    return orientation === 'vertical' ? (_jsx(TariffsTableVertical, { tiles: tiles })) : (_jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
+}
+const getColData = (columns) => columns?.[0].data ? columns[0].data : [];
+const getTiles = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
+    header,
+    data: colData?.[i] || [{}],
+}));
+//# sourceMappingURL=TariffsTable.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTable.mobile.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,GAAG,UAAU,EAAE,EAAE,EAAE;IAC5F,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,mBAAS,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC9E,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IACnE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,sBAAsB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO;IACzD,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAClC,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAC3D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAE,EAAE,CAC/D,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAE3C,MAAM,QAAQ,GAAG,CACf,UAA+C,EAC/C,OAAiC,EACjC,EAAE,CACF,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;CAC3B,CAAC,CAAC,CAAC"}

package/lib/components/TariffsTable/TariffsTableCell.js

@@ -6,9 +6,9 @@ import { Icon } from '../../ui-kit/Icon/Icon.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 export const TariffsTableCell = JSX(({ cell, isLastRow }) => {
     const cellWrapperClasses = `first:pl-0 pl-10 w-80 flex-grow flex flex-col border-solid border-main-divider border border-t-0 border-x-0 ${isLastRow ? 'border-t-0 rounded-b-md' : ''}`;
-    return (_jsx("div", { className: cellWrapperClasses, role: "cell", children: _jsx("div", { children: cell.map((item, i) => renderCellInner(item, i)) }) }));
+    return (_jsx("div", { className: cellWrapperClasses, role: "cell", children: _jsx("div", { children: cell.map(renderCellInner) }) }));
 });
-const renderCellInner = ({ label, description, list, image, buttons }, i) => (_jsxs("div", { className: "first:pt-5 last:pb-5", children: [i > 0 && (_jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-4" })), label && _jsx("div", { className: "text-xl font-medium m-0", children: label }), description && _jsx("div", { className: "text-sm text-secondary-text", children: description }), list?.items?.length ? (_jsx("div", { className: "flex flex-col justify-between items-start", children: _jsx("div", { role: "list", children: list.items.map((text, idx) => (_jsx(BlockItem, { className: "text-sm", text: text, version: "gray", isDotted: list.isDotted ?? true }, String(idx)))) }) })) : null, image && _jsx(Img, { image: image }), buttons?.length
+const renderCellInner = ({ label, description, list, image, buttons }, i) => (_jsxs("div", { className: "first:pt-5 last:pb-5", children: [i > 0 && (_jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-4" })), label ? _jsx("div", { className: "text-xl font-medium m-0", children: label }) : null, description ? _jsx("div", { className: "text-sm text-secondary-text", children: description }) : null, list?.items?.length ? (_jsx("div", { className: "flex flex-col justify-between items-start", children: _jsx("div", { role: "list", children: list.items.map((text, idx) => (_jsx(BlockItem, { className: "text-sm", text: text, version: "gray", isDotted: list.isDotted ?? true }, String(idx)))) }) })) : null, image && _jsx(Img, { image: image }), buttons?.length
             ? buttons.map(({ icon, ...buttonProps }, idx) => (_jsx(Button, { className: `${idx > 0 ? 'ml-3' : ''} w-12 h-12`, appendLeft: icon && _jsx(Icon, { name: icon, width: "24px", height: "24px", asSVG: true }), ...buttonProps }, String(idx))))
             : null] }, String(i)));
 //# sourceMappingURL=TariffsTableCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TariffsTableCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAQ3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACjF,MAAM,kBAAkB,GAAG,+GACzB,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAC1C,EAAE,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAC,MAAM,YAC7C,wBAAM,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAO,GACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CACtB,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAwB,EAClE,CAAS,EACT,EAAE,CAAC,CACH,eAAqB,SAAS,EAAC,sBAAsB,aAClD,CAAC,GAAG,CAAC,IAAI,CACR,cAAK,SAAS,EAAC,oEAAoE,GAAG,CACvF,EACA,KAAK,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EAC/D,WAAW,IAAI,cAAK,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAO,EAC/E,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,2CAA2C,YACxD,cAAK,IAAI,EAAC,MAAM,YACb,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,SAAS,IACR,SAAS,EAAC,SAAS,EAEnB,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,IAH1B,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,OAAO,EAAE,MAAM;YACd,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,KAAC,MAAM,IACL,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAE/C,UAAU,EAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACrE,WAAW,IAFV,MAAM,CAAC,GAAG,CAAC,CAGhB,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,KA/BA,MAAM,CAAC,CAAC,CAAC,CAgCb,CACP,CAAC"}
+{"version":3,"file":"TariffsTableCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAQ3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACjF,MAAM,kBAAkB,GAAG,+GACzB,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAC1C,EAAE,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAC,MAAM,YAC7C,wBAAM,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,GAAO,GAClC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CACtB,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAwB,EAClE,CAAS,EACT,EAAE,CAAC,CACH,eAAqB,SAAS,EAAC,sBAAsB,aAClD,CAAC,GAAG,CAAC,IAAI,CACR,cAAK,SAAS,EAAC,oEAAoE,GAAG,CACvF,EACA,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACrE,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACrF,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,2CAA2C,YACxD,cAAK,IAAI,EAAC,MAAM,YACb,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,SAAS,IACR,SAAS,EAAC,SAAS,EAEnB,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,IAH1B,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,OAAO,EAAE,MAAM;YACd,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,KAAC,MAAM,IACL,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAE/C,UAAU,EAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACrE,WAAW,IAFV,MAAM,CAAC,GAAG,CAAC,CAGhB,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,KA/BA,MAAM,CAAC,CAAC,CAAC,CAgCb,CACP,CAAC"}

package/lib/components/TariffsTable/TariffsTableContent.d.ts

@@ -1,7 +1,11 @@
 import type { IconName } from '../../icons/IconName';
-import type { Picture } from '../../model/Picture';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { CellData, RowHeader } from '../ComparisonTable/ComparisonTableContent';
+import type { CellData } from '../ComparisonTable/ComparisonTableContent';
+import type { ListOrientation } from '../../model/ListOrientation';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
+import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 /**
  * @title Ряд
  */
@@ -19,35 +23,35 @@ export interface TariffsTableColumn {
 /**
  * @title Список
  */
-export interface TariffsTableList {
+export declare type TariffsTableList = ListContent & {
     /** @title Маркеры */
     isDotted?: boolean;
-    /** @title Элементы списка */
-    items?: string[];
-}
+};
 /**
  * @title Ячейка
  */
-export interface TariffsTableCellData extends CellData {
+export declare type TariffsTableCellData = CellData & ImageContent & ButtonContent & {
     list?: TariffsTableList;
-    image?: Picture;
-    /** @title Кнопки */
-    buttons?: ButtonWithIconProps[];
-}
+};
 /**
  * @title Параметр
  */
-export interface TariffsTableRowHeader extends RowHeader {
+export declare type TariffsTableRowHeader = HeadingContent & {
     icon?: IconName;
-}
+};
 /**
  * @title Таблица тарифов
  */
-export interface TariffsTableContent {
-    /** @title Заголовок */
-    title?: string;
+export declare type TariffsTableContent = HeadingContent & DescriptionContent & {
     /** @title Колонки */
     columns?: TariffsTableColumn[];
     /** @title Параметры */
     rowHeaders?: TariffsTableRowHeader[];
-}
+    /** @title Направление таблицы (моб.) */
+    orientation?: ListOrientation;
+};
+/** @hidden */
+export declare type TariffsTableTileCellProps = {
+    header: TariffsTableRowHeader;
+    data: TariffsTableCellData[];
+};

package/lib/components/TariffsTable/TariffsTableHorizontal.d.ts

@@ -0,0 +1,6 @@
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
+import type { TariffsTableTileCellProps } from './TariffsTableContent';
+export declare const TariffsTableHorizontal: (props: import("@redneckz/uni-jsx").PropsWithChildren<{
+    context: ContentPageContext;
+    tiles: TariffsTableTileCellProps[];
+}, any>, context?: any) => any;

package/lib/components/TariffsTable/TariffsTableHorizontal.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
+import { TariffsTableTileCell } from './TariffsTableTileCell.js';
+export const TariffsTableHorizontal = JSX(({ tiles, context }) => (_jsx(SwipeListControl, { context: context, children: tiles.map((tile, i) => (_jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
+//# sourceMappingURL=TariffsTableHorizontal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTableHorizontal.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableHorizontal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAGtC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACzB,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,oBAAoB,OAAqB,IAAI,IAAnB,MAAM,CAAC,CAAC,CAAC,CAAc,CACnD,CAAC,GACe,CACpB,CAAC,CAAC"}

package/lib/components/TariffsTable/TariffsTableTileCell.d.ts

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

package/lib/components/TariffsTable/TariffsTableTileCell.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { TableTileHeader } from './TableTileHeader.js';
+import { BlockItem } from '../../ui-kit/BlockItem/BlockItem.js';
+import { Img } from '../../ui-kit/Img/Img.js';
+import { Button } from '../../ui-kit/Button/Button.js';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+export const TariffsTableTileCell = JSX(({ header, data }) => {
+    return (_jsxs("div", { className: "rounded-md border-main-stroke h-full box-border border p-4", children: [_jsx(TableTileHeader, { ...header }), data?.length ? data.map(renderCellInner) : null] }));
+});
+const renderCellInner = ({ label, description, list, image, buttons }, i) => (_jsxs("div", { children: [i > 0 && (_jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-2" })), label ? _jsx("div", { className: "text-m-sm m-0", children: label }) : null, description ? (_jsx("div", { className: "text-m-sm text-secondary-text mt-[3px]", children: description })) : null, list?.items?.length ? (_jsx("div", { className: "flex flex-col justify-between items-start", children: _jsx("div", { role: "list", children: list.items.map((text, idx) => (_jsx(BlockItem, { className: "text-m-sm", text: text, version: "gray", isDotted: list.isDotted ?? true }, String(idx)))) }) })) : null, image && _jsx(Img, { image: { ...image, className: 'm-0' } }), buttons?.length ? (_jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (_jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`, rounded: rounded, appendLeft: icon && _jsx(Icon, { name: icon, width: "24px", height: "24px", asSVG: true }), ...buttonProps, "aria-label": icon }, String(idx)))) })) : null] }, String(i)));
+//# sourceMappingURL=TariffsTableTileCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTableTileCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableTileCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAA4B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,eAAK,SAAS,EAAC,4DAA4D,aACzE,KAAC,eAAe,OAAK,MAAM,GAAI,EAC9B,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,IAC5C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CACtB,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAwB,EAClE,CAAS,EACT,EAAE,CAAC,CACH,0BACG,CAAC,GAAG,CAAC,IAAI,CACR,cAAK,SAAS,EAAC,oEAAoE,GAAG,CACvF,EACA,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,eAAe,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC3D,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,2CAA2C,YACxD,cAAK,IAAI,EAAC,MAAM,YACb,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,SAAS,IACR,SAAS,EAAC,WAAW,EAErB,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,IAH1B,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAI,EACvD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,wBACG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,KAAC,MAAM,IACL,SAAS,EAAE,QAAQ,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAElF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACrE,WAAW,gBACH,IAAI,IAJX,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,KArCA,MAAM,CAAC,CAAC,CAAC,CAsCb,CACP,CAAC"}

package/lib/components/TariffsTable/TariffsTableVertical.d.ts

@@ -0,0 +1,4 @@
+import type { TariffsTableTileCellProps } from './TariffsTableContent';
+export declare const TariffsTableVertical: (props: import("@redneckz/uni-jsx").PropsWithChildren<{
+    tiles: TariffsTableTileCellProps[];
+}, any>, context?: any) => any;

package/lib/components/TariffsTable/TariffsTableVertical.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { TariffsTableTileCell } from './TariffsTableTileCell.js';
+export const TariffsTableVertical = JSX(({ tiles }) => (_jsx("div", { className: "flex flex-col gap-3.5", children: tiles.map((tile, i) => (_jsx(TariffsTableTileCell, { ...tile }, String(i)))) })));
+//# sourceMappingURL=TariffsTableVertical.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTableVertical.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableVertical.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAyC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC7F,cAAK,SAAS,EAAC,uBAAuB,YACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,oBAAoB,OAAqB,IAAI,IAAnB,MAAM,CAAC,CAAC,CAAC,CAAc,CACnD,CAAC,GACE,CACP,CAAC,CAAC"}

package/lib/components/TextBlock/TextBlock.fixture.d.ts

@@ -1,4 +1,6 @@
 import { TextBlockContent } from './TextBlockContent';
 export declare const TEXT_BLOCK: TextBlockContent;
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

package/lib/components/TextBlock/TextBlock.fixture.mobile.d.ts

@@ -1,4 +1,6 @@
 import { TextBlockContent } from './TextBlockContent';
 export declare const TEXT_BLOCK: TextBlockContent;
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

package/lib/components/TextBlock/TextBlock.mobile.js

@@ -24,7 +24,7 @@ const textBlockStyleMaps = {
 };
 export const TextBlock = JSX(({ title, description, blockVersion = 'primary', iconVersion, image, className = '', items, isDotted = true, }) => {
     const textBlockStyleMap = textBlockStyleMaps[blockVersion];
-    return (_jsxs("section", { className: `font-sans px-4 py-[18px] flex flex-col ${textBlockStyleMap.background} ${className}`, children: [iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion === 'big' ? renderImage(image) : null, _jsxs("div", { className: "py-0.5", children: [title ? (_jsx("div", { className: `font-medium text-base mb-1 ${textBlockStyleMap.title}`, children: title })) : null, description ? (_jsx("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description })) : null, items?.length ? (_jsx(List, { items: items, isDotted: isDotted, version: "gray", className: "mt-1 text-m-sm text-secondary-text" })) : null] })] }));
+    return (_jsxs("section", { className: `font-sans px-4 py-[18px] flex flex-col ${textBlockStyleMap.background} ${className}`, children: [iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion === 'big' ? renderImage(image) : null, _jsxs("div", { className: "py-0.5", children: [title ? (_jsx("div", { className: `font-medium text-base mb-1 ${textBlockStyleMap.title}`, children: title })) : null, description ? (_jsx("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description })) : null, items?.length ? (_jsx(List, { className: "mt-1", items: items, isDotted: isDotted, version: blockVersion.indexOf('secondary') !== -1 ? 'secondary' : 'gray' })) : null] })] }));
 });
 function renderIcon(className) {
     return (_jsx("div", { className: "mb-3", children: _jsx("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));

package/lib/components/TextBlock/TextBlock.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/TextBlock/TextBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAK9C,MAAM,kBAAkB,GAAqD;IAC3E,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EACC,KAAK,EACL,WAAW,EACX,YAAY,GAAG,SAAS,EACxB,WAAW,EACX,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,GAAG,IAAI,GAChB,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,mBACE,SAAS,EAAE,0CAA0C,iBAAiB,CAAC,UAAU,IAAI,SAAS,EAAE,aAE/F,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EACnE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClD,eAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,oCAAoC,GAC9C,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5E,CAAC"}
+{"version":3,"file":"TextBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/TextBlock/TextBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAK9C,MAAM,kBAAkB,GAAqD;IAC3E,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EACC,KAAK,EACL,WAAW,EACX,YAAY,GAAG,SAAS,EACxB,WAAW,EACX,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,GAAG,IAAI,GAChB,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,mBACE,SAAS,EAAE,0CAA0C,iBAAiB,CAAC,UAAU,IAAI,SAAS,EAAE,aAE/F,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EACnE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAClD,eAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,GACxE,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5E,CAAC"}

package/lib/components/Tile/Tile.fixture.d.ts

@@ -1,5 +1,6 @@
 import type { TileContent } from './TileContent';
 export declare const TILE: TileContent;
+export declare const TILE_PREMIUM: TileContent;
 declare const _default: {
     credit: any;
     mortgage: any;

package/lib/hooks/useTableArrowScrollControl.d.ts

@@ -0,0 +1,7 @@
+import type { TableArrowScrollControlProps } from '../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
+export declare const useTableArrowScrollControl: ({ columnsLength, colsLengthForScroll, activeCardIndex, setActiveCardIndex, }: {
+    columnsLength: number;
+    colsLengthForScroll: number;
+    activeCardIndex: number;
+    setActiveCardIndex: (_: number) => void;
+}) => Required<TableArrowScrollControlProps>;

package/lib/hooks/useTableArrowScrollControl.js

@@ -0,0 +1,9 @@
+export const useTableArrowScrollControl = ({ columnsLength, colsLengthForScroll, activeCardIndex, setActiveCardIndex, }) => {
+    const onNextClick = () => setActiveCardIndex(activeCardIndex + 1);
+    const onPrevClick = () => setActiveCardIndex(activeCardIndex - 1);
+    const isScrollAvailable = columnsLength > colsLengthForScroll;
+    const showNextButton = isScrollAvailable && columnsLength - activeCardIndex > colsLengthForScroll;
+    const showPrevButton = Boolean(isScrollAvailable && activeCardIndex > 0);
+    return { onNextClick, onPrevClick, isScrollAvailable, showNextButton, showPrevButton };
+};
+//# sourceMappingURL=useTableArrowScrollControl.js.map

package/lib/hooks/useTableArrowScrollControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableArrowScrollControl.js","sourceRoot":"","sources":["../../src/hooks/useTableArrowScrollControl.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GAMnB,EAA0C,EAAE;IAC3C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAElE,MAAM,iBAAiB,GAAG,aAAa,GAAG,mBAAmB,CAAC;IAC9D,MAAM,cAAc,GAAG,iBAAiB,IAAI,aAAa,GAAG,eAAe,GAAG,mBAAmB,CAAC;IAClG,MAAM,cAAc,GAAG,OAAO,CAAC,iBAAiB,IAAI,eAAe,GAAG,CAAC,CAAC,CAAC;IAEzE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACzF,CAAC,CAAC"}

package/lib/model/ListOrientation.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @title Направление списка
+ * @enumNames [
+ *    "Вертикально",
+ *    "Горизонтально",
+ *    ]
+ */
+export declare type ListOrientation = 'vertical' | 'horizontal';

package/lib/model/ListOrientation.js

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

package/lib/model/ListOrientation.js.map

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

package/lib/model/SitemapProps.d.ts

@@ -1,4 +1,5 @@
 import type { LinkProps } from './LinkProps';
+import { IconName } from '../icons/IconName';
 /**
  * @title Меню
  * @required ["text", "href"]
@@ -7,7 +8,17 @@ export interface TopMenuItem extends LinkProps {
     /** @title Ссылки */
     items?: LinkProps[];
 }
+/**
+ * @title Ссылка дополнительного меню
+ * @required ["text", "href"]
+ */
+export interface DispositionItem extends LinkProps {
+    /** @hidden */
+    icon?: IconName;
+}
 export interface SitemapProps {
     /** @title Дополнительное меню */
     topItems?: TopMenuItem[];
+    /** @title Дополнительное меню */
+    dispositions?: DispositionItem[];
 }

package/lib/services/sitemap/SitemapProps.d.ts

@@ -1,4 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
+import { IconName } from '../../icons/IconName';
 /**
  * @title Ссылка
  * @required ["text", "href"]
@@ -7,7 +8,17 @@ export interface TopMenuItem extends LinkProps {
     /** @hidden */
     items?: LinkProps[];
 }
+/**
+ * @title Ссылка дополнительного меню
+ * @required ["text", "href"]
+ */
+export interface DispositionItem extends LinkProps {
+    /** @hidden */
+    icon?: IconName;
+}
 export interface SitemapProps {
-    /** @title Дополнительное меню */
+    /** @title Основное меню */
     topItems?: TopMenuItem[];
+    /** @title Дополнительное меню */
+    dispositions?: DispositionItem[];
 }

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

@@ -2,3 +2,4 @@ import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
 export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {
 }
 export declare const Button: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonCommonProps, any>, context?: any) => any;
+export declare const RegularButton: (props: import("@redneckz/uni-jsx").PropsWithChildren<ButtonCommonProps, any>, context?: any) => any;

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

@@ -11,27 +11,12 @@ const buttonDisabledStyleMap = {
     secondary: 'bg-secondary-light text-secondary-text',
     link: '',
 };
-const styleButton = 'text-center font-sans select-none';
-export const Button = JSX(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'none', ariaLabel, ...rest }) => {
+const buttonStyle = 'text-center font-sans select-none';
+export const Button = JSX((props) => {
+    const { text, aboveText, appendLeft, children, disabled, rounded } = props;
     const buttonInner = children ?? (_jsx(ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded }));
-    return disabled
-        ? renderDisabledButton({ buttonInner, ariaLabel, className, version, rounded })
-        : renderButton({
-            buttonInner,
-            ariaLabel,
-            className,
-            version,
-            rounded,
-            href,
-            target,
-            onClick,
-            rest,
-        });
+    return disabled ? (_jsx(DisabledButton, { ...props, children: buttonInner })) : (_jsx(RegularButton, { ...props, children: buttonInner }));
 });
-function renderButton({ className, buttonInner, ariaLabel, version, rounded, href, target, onClick, rest, }) {
-    return (_jsx("a", { className: `${styleButton} inline-block cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: !href ? 'button' : 'link', ...rest, children: buttonInner }));
-}
-function renderDisabledButton({ className, buttonInner, ariaLabel, version, rounded }) {
-    return (_jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
-}
+export const RegularButton = JSX(({ className, ariaLabel, version = 'none', rounded, href, target, children, onClick, ...rest }) => (_jsx("a", { className: `${buttonStyle} inline-block cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, href: href, target: target, onClick: onClick, "aria-label": ariaLabel, role: href ? 'link' : 'button', ...rest, children: children })));
+const DisabledButton = JSX(({ className, children, ariaLabel, version = 'none', rounded }) => (_jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: "-1", className: `inline-block ${buttonStyle} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: children })));
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;IAC5F,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAIxD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5F,CAAC;IAEF,OAAO,QAAQ;QACb,CAAC,CAAC,oBAAoB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAC/E,CAAC,CAAC,YAAY,CAAC;YACX,WAAW;YACX,SAAS;YACT,SAAS;YACT,OAAO;YACP,OAAO;YACP,IAAI;YACJ,MAAM;YACN,OAAO;YACP,IAAI;SACL,CAAC,CAAC;AACT,CAAC,CACF,CAAC;AAEF,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,IAAI,GACL;IACC,OAAO,CACL,YACE,SAAS,EAAE,GAAG,WAAW,6CACvB,cAAc,CAAC,OAAO,CAAC,IAAI,EAC7B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,EAChE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3B,IAAI,YAEP,WAAW,GACV,CACL,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE;IACnF,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,gBAAgB,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAC7E,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,WAAW,GACR,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,4EAA4E;IACrF,SAAS,EACP,0FAA0F;IAC5F,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,uCAAuC;IAChD,SAAS,EAAE,wCAAwC;IACnD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAIxD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAoB,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE3E,MAAM,WAAW,GAAG,QAAQ,IAAI,CAC9B,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5F,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,cAAc,OAAK,KAAK,YAAG,WAAW,GAAkB,CAC1D,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,OAAK,KAAK,YAAG,WAAW,GAAiB,CACxD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EACC,SAAS,EACT,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,GAAG,WAAW,6CACvB,cAAc,CAAC,OAAO,CAAC,IAAI,EAC7B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,IAAI,EAAE,EAAE,EAChE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAC1B,IAAI,YAEP,QAAQ,GACP,CACL,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,CACxB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACjE,cACE,IAAI,EAAC,QAAQ,mBACC,MAAM,gBACR,SAAS,EACrB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,gBAAgB,WAAW,IAAI,sBAAsB,CAAC,OAAO,CAAC,IAAI,EAAE,IAC7E,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC7B,IAAI,SAAS,IAAI,EAAE,EAAE,YAEpB,QAAQ,GACL,CACP,CACF,CAAC"}

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

@@ -1,14 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const ButtonInner = JSX(({ text, aboveText, appendLeft, rounded, version }) => {
-    const withoutText = !text && !aboveText && Boolean(appendLeft);
-    const buttonInnerClasses = version !== 'link'
-        ? `flex items-center justify-center
-          ${withoutText ? 'h-12 w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`} ${rounded ? 'rounded-full' : ''}`
-        : null;
-    return renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text });
+export const ButtonInner = JSX((props) => {
+    const { text, aboveText, appendLeft } = props;
+    return (_jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs text-left", children: aboveText }), _jsx("div", { className: "text-m-button font-medium text-left", children: text })] })) : null] }));
 });
-function renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text }) {
-    return (_jsxs("div", { className: buttonInnerClasses, children: [appendLeft ? appendLeft : null, withoutText ? null : (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs text-left", children: aboveText }), _jsx("div", { className: "text-m-button font-medium text-left", children: text })] }))] }));
-}
+const getButtonStyle = (props) => {
+    const { version, aboveText, rounded } = props;
+    if (version === 'link') {
+        return '';
+    }
+    const withTextStyle = `px-8 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`;
+    return [
+        'flex items-center justify-center',
+        isWithText(props) ? withTextStyle : 'h-12 w-12',
+        rounded ? 'rounded-full' : '',
+    ].join(' ');
+};
+const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
 //# sourceMappingURL=ButtonInner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IACpD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GACtB,OAAO,KAAK,MAAM;QAChB,CAAC,CAAC;YACE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,IACzE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAC7B,EAAE;QACJ,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7F,CAAC,CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE;IACzF,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,aAC/B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,0BACE,cAAK,SAAS,EAAC,sBAAsB,YAAE,SAAS,GAAO,EACvD,cAAK,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAO,IAC7D,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,sBAAsB,YAAE,SAAS,GAAO,EACvD,cAAK,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAO,IAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAEpE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
-import type { ImgSource, Picture } from '../../model/Picture';
+import type { Picture, ImgSource } from '../../model/Picture';
 export interface ImageProps {
     className?: string;
+    imageClassName?: string;
     image: Picture;
 }
 export declare const Img: (props: import("@redneckz/uni-jsx").PropsWithChildren<ImageProps, any>, context?: any) => any;

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const Img = JSX(({ className = '', image: { size, ...image } }) => {
+export const Img = JSX(({ className = '', image: { size, ...image }, imageClassName = '' }) => {
     const style = {
         width: size?.width ? `${size?.width}px` : '100%',
         height: size?.height ? `${size?.height}px` : '100%',
     };
     return (_jsxs("picture", { className: `flex-none ${className}`, children: [image.sources?.length
                 ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
-                : null, _jsx("img", { className: image.className || '', src: image.src, alt: image.alt || image.title, title: image.title, style: style, ...size })] }));
+                : null, _jsx("img", { className: imageClassName, src: image.src, alt: image.alt || image.title, title: image.title, style: style, ...size })] }));
 });
 export function formatToMimeType(format) {
     return format ? `image/${String(format)}` : undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;IACnF,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAChD,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,EAAE,aACzC,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,EAChC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,IAAI,GACR,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CACpB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAChD,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,EAAE,aACzC,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,IAAI,GACR,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}

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

@@ -1,4 +1,8 @@
-import type { ImgSource } from '../../model/Picture';
-import { ImageProps } from './ImgProps';
+import type { Picture, ImgSource } from '../../model/Picture';
+export interface ImageProps {
+    className?: string;
+    imageClassName?: string;
+    image: Picture;
+}
 export declare const Img: (props: import("@redneckz/uni-jsx").PropsWithChildren<ImageProps, any>, context?: any) => any;
 export declare function formatToMimeType(format: ImgSource['format']): string | undefined;

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

@@ -1,17 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const Img = JSX(({ className = '', image }) => {
+export const Img = JSX(({ className = '', image, imageClassName }) => {
     if (!image) {
         return null;
     }
+    return (_jsxs("picture", { className: className, children: [image.sources?.length
+                ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
+                : null, renderImg(image, imageClassName)] }));
+});
+const renderImg = (image, imageClassName = '') => {
     const style = {
         width: image.size?.width ? `${image.size?.width}px` : '100%',
         height: image.size?.height ? `${image.size?.height}px` : '100%',
     };
-    return (_jsxs("picture", { className: className, children: [image.sources?.length
-                ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
-                : null, _jsx("img", { src: image.src, className: `m-auto ${image.className || ''}`, alt: image.alt || image.title, title: image.title, style: style, ...image.size })] }));
-});
+    const title = image.title || '';
+    const alt = image.alt || image.title;
+    return (_jsx("img", { src: image.src, className: `m-auto ${imageClassName}`, alt: alt, title: title, style: style, ...image.size }));
+};
 export function formatToMimeType(format) {
     return format ? `image/${String(format)}` : undefined;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Img.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAC5C,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
+{"version":3,"file":"Img.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/E,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IAC/C,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,cAAc,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
 import { SwipeListControlDots } from './SwipeListControlDots.js';
@@ -8,6 +8,12 @@ import { getScrollPoints } from './utils/getScrollPoints.js';
 export const SwipeListControl = JSX(({ className, context, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
     const [activeIndex, setActiveIndex] = context.useState(0);
     const [indexFraction, setIndexFraction] = context.useState(0);
+    const dotsProps = {
+        activeIndex,
+        indexFraction,
+        showDots,
+        children,
+    };
     const handleScroll = (e) => {
         const { scrollLeft, clientWidth, childElementCount, scrollWidth, children } = e.currentTarget;
         // horizontal PADDING / 2 to compensate padding-margin combo of child container
@@ -28,8 +34,6 @@ export const SwipeListControl = JSX(({ className, context, children, gap = DEFAU
         setActiveIndex(index);
         setIndexFraction(fraction);
     };
-    return (_jsxs("div", { className: className, children: [renderSwipeList({ gap, padding, activeIndex, handleScroll, children }), renderSwipelistDots({ activeIndex, indexFraction, showDots, children })] }));
+    return (_jsxs("div", { className: className, children: [_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), _jsx(SwipeListControlDots, { ...dotsProps })] }));
 });
-const renderSwipeList = ({ gap, padding, activeIndex, handleScroll, children }) => (_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }));
-const renderSwipelistDots = ({ activeIndex, indexFraction, showDots, children }) => (_jsx(SwipeListControlDots, { activeIndex: activeIndex, indexFraction: indexFraction, showDots: showDots, children: children }));
 //# 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,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,CAAC,CAAU,EAAE,EAAE;QAClC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,GACzE,CAAC,CAAC,aAA4B,CAAC;QAEjC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,QAAQ,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACzE,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,aACtB,eAAe,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EACtE,mBAAmB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IACpE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjF,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,CACxB,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAClF,KAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,YAC7F,QAAQ,GACY,CACxB,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,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEtE,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAU,EAAE,EAAE;QAClC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,GACzE,CAAC,CAAC,aAA4B,CAAC;QAEjC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,QAAQ,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,KAAC,oBAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -6,7 +6,15 @@ 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 }) => {
-    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (_jsx("div", { className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    const handleClick = (idx) => (e) => {
+        if (idx === activeIndex) {
+            return;
+        }
+        const contentContainer = e.currentTarget.parentElement
+            ?.previousElementSibling;
+        contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth' });
+    };
+    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;
 });
 const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     if (currentIdx < activeIndex || currentIdx > activeIndex + 1)