@redneckz/wildless-cms-uni-blocks 0.10.6 → 0.10.8

package/mobile/dist/components/Headline/Headline.js

@@ -10,6 +10,7 @@ const headlineVersionStyles_1 = require("./headlineVersionStyles");
 exports.Headline = (0, uni_jsx_1.JSX)(({ className, title, description, headlineVersion = 'XL', align = 'text-center', as, isPadding = true, isTheme = false, version = '', ...rest }) => {
     const versionStyle = headlineVersionStyles_1.headlineVersionStyles[headlineVersion];
     const paddingStyle = isPadding ? 'p-default' : '';
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex flex-col', paddingStyle, versionStyle.wrapper, className), version: version, isTheme: isTheme, ...rest, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { className: (0, style_1.style)('whitespace-pre-wrap', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: versionStyle.descriptionSize, align: align, children: description })) : null] }));
+    const descriptionStyle = { marginTop: versionStyle.descriptionStyle };
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(paddingStyle, className), version: version, isTheme: isTheme, ...rest, children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { className: (0, style_1.style)('whitespace-pre-wrap', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: versionStyle.descriptionSize, align: align, ...descriptionStyle, children: description })) : null] }));
 });
 //# sourceMappingURL=Headline.js.map

package/mobile/dist/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,0DAAuD;AACvD,gEAA6D;AAE7D,6CAA0C;AAE1C,mEAAgE;AAInD,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,KAAK,EACL,WAAW,EACX,eAAe,GAAG,IAAI,EACtB,KAAK,GAAG,aAAa,EACrB,EAAE,EACF,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,EAAE,EACZ,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,6CAAqB,CAAC,eAAe,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAElD,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,EAChF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IACN,SAAS,EAAE,IAAA,aAAK,EAAC,qBAAqB,EAAE,KAAK,CAAC,KAC1C,YAAY,EAAE,KAAK,EACvB,EAAE,EAAE,EAAE,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,EAChC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,qBAAS,IAAC,IAAI,EAAE,YAAY,CAAC,eAA2B,EAAE,KAAK,EAAE,KAAK,YACpE,WAAW,GACF,CACb,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,4DAAyD;AACzD,0DAAuD;AACvD,gEAA6D;AAC7D,6CAA0C;AAC1C,mEAAgE;AAOnD,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EACC,SAAS,EACT,KAAK,EACL,WAAW,EACX,eAAe,GAAG,IAAI,EACtB,KAAK,GAAG,aAAa,EACrB,EAAE,EACF,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,EAAE,EACZ,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,6CAAqB,CAAC,eAAe,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,MAAM,gBAAgB,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,CAAC;IAEtE,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,YAAY,EAAE,SAAS,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAO,IACN,SAAS,EAAE,IAAA,aAAK,EAAC,qBAAqB,EAAE,KAAK,CAAC,KAC1C,YAAY,EAAE,KAAK,EACvB,EAAE,EAAE,EAAE,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,EAChC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,qBAAS,IACR,IAAI,EAAE,YAAY,CAAC,eAA2B,EAC9C,KAAK,EAAE,KAAK,KACR,gBAAgB,YAEnB,WAAW,GACF,CACb,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/dist/components/Headline/headlineVersionStyles.d.ts

@@ -2,8 +2,8 @@ import type { HeadlineSmallVersion, HeadlineVersion } from '../../model/Headline
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { TextSize, TitleSize } from '../../ui-kit/Text/TextProps';
 export declare const headlineVersionStyles: Record<HeadlineVersion, {
-    wrapper: string;
     title: HeadingCommonProps;
     descriptionSize: TextSize | TitleSize;
+    descriptionStyle: string;
 }>;
 export declare const HEADLINE_SMALL_VERSION: Record<HeadlineSmallVersion, string>;

package/mobile/dist/components/Headline/headlineVersionStyles.js

@@ -2,34 +2,34 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HEADLINE_SMALL_VERSION = exports.headlineVersionStyles = void 0;
 exports.headlineVersionStyles = {
     XXL: {
-        wrapper: 'gap-[18px]',
         title: { headingType: 'h0', as: 'h1' },
         descriptionSize: 'text-h5',
+        descriptionStyle: 'mt-5',
     },
     XL: {
-        wrapper: 'gap-4',
         title: { headingType: 'h1', as: 'h1' },
         descriptionSize: 'text-xl-light',
+        descriptionStyle: 'mt-4',
     },
     L: {
-        wrapper: 'gap-4',
         title: { headingType: 'h2', as: 'h2' },
         descriptionSize: 'text-xl-light',
+        descriptionStyle: 'mt-4',
     },
     M: {
-        wrapper: 'gap-3',
         title: { headingType: 'h3', as: 'h3' },
         descriptionSize: 'text-xl-light',
+        descriptionStyle: 'mt-3',
     },
     S: {
-        wrapper: 'gap-2',
         title: { headingType: 'h4', as: 'h4' },
         descriptionSize: 'text-xl-light',
+        descriptionStyle: 'mt-2',
     },
     XS: {
-        wrapper: 'gap-2',
         title: { headingType: 'h5', as: 'h5' },
         descriptionSize: 'text-l-light',
+        descriptionStyle: 'mt-2',
     },
 };
 // TODO Move to Gallery and rename

package/mobile/dist/components/Headline/headlineVersionStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"headlineVersionStyles.js","sourceRoot":"","sources":["../../../src/components/Headline/headlineVersionStyles.ts"],"names":[],"mappings":";;AAIa,QAAA,qBAAqB,GAO9B;IACF,GAAG,EAAE;QACH,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,SAAS;KAC3B;IACD,EAAE,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;KACjC;IACD,CAAC,EAAE;QACD,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;KACjC;IACD,CAAC,EAAE;QACD,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;KACjC;IACD,CAAC,EAAE;QACD,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;KACjC;IACD,EAAE,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,cAAc;KAChC;CACF,CAAC;AAEF,kCAAkC;AACrB,QAAA,sBAAsB,GAAyC;IAC1E,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,QAAQ;IACb,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,cAAc;IACjB,EAAE,EAAE,eAAe;CACpB,CAAC"}
+{"version":3,"file":"headlineVersionStyles.js","sourceRoot":"","sources":["../../../src/components/Headline/headlineVersionStyles.ts"],"names":[],"mappings":";;AAIa,QAAA,qBAAqB,GAO9B;IACF,GAAG,EAAE;QACH,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,SAAS;QAC1B,gBAAgB,EAAE,MAAM;KACzB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;QAChC,gBAAgB,EAAE,MAAM;KACzB;IACD,CAAC,EAAE;QACD,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;QAChC,gBAAgB,EAAE,MAAM;KACzB;IACD,CAAC,EAAE;QACD,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;QAChC,gBAAgB,EAAE,MAAM;KACzB;IACD,CAAC,EAAE;QACD,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,eAAe;QAChC,gBAAgB,EAAE,MAAM;KACzB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;QACtC,eAAe,EAAE,cAAc;QAC/B,gBAAgB,EAAE,MAAM;KACzB;CACF,CAAC;AAEF,kCAAkC;AACrB,QAAA,sBAAsB,GAAyC;IAC1E,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,QAAQ;IACb,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,cAAc;IACjB,EAAE,EAAE,eAAe;CACpB,CAAC"}

package/mobile/dist/components/Tabs/CenteredTabs.d.ts

@@ -0,0 +1,7 @@
+import type { RenderTabProps } from './renderTab';
+import type { TabData } from './TabsContent';
+interface CenteredTabsProps extends RenderTabProps {
+    tabs?: TabData[];
+}
+export declare const CenteredTabs: import("@redneckz/uni-jsx").UNIComponent<CenteredTabsProps, any, any>;
+export {};

package/mobile/dist/components/Tabs/CenteredTabs.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CenteredTabs = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const renderTab_1 = require("./renderTab");
+exports.CenteredTabs = (0, uni_jsx_1.JSX)(({ tabs, ...rest }) => ((0, jsx_runtime_1.jsx)("div", { className: "flex p-1 m-auto bg-main-gray rounded-md", children: tabs?.map((0, renderTab_1.renderTab)({ ...rest })) })));
+//# sourceMappingURL=CenteredTabs.js.map

package/mobile/dist/components/Tabs/CenteredTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenteredTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/CenteredTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2CAAwC;AAO3B,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACxE,gCAAK,SAAS,EAAC,yCAAyC,YAAE,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAO,CACnG,CAAC,CAAC"}

package/mobile/dist/components/Tabs/LinkTab.d.ts

@@ -1,9 +1,9 @@
-import type { LinkTabData, TabData } from './TabsContent';
+import type { LinkTabData, TabData, TabsMode } from './TabsContent';
 interface LinkTabProps {
     tab: LinkTabData;
     currentTab?: TabData;
-    isScrollable?: boolean;
     onClick: (tab: TabData) => void;
+    tabsMode?: TabsMode;
 }
 export declare const LinkTab: import("@redneckz/uni-jsx").UNIComponent<LinkTabProps, any, any>;
 export {};

package/mobile/dist/components/Tabs/LinkTab.js

@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const useLink_1 = require("../../hooks/useLink");
 const tabItemClasses_1 = require("./tabItemClasses");
 exports.LinkTab = (0, uni_jsx_1.JSX)((props) => {
-    const { tab, currentTab, onClick, isScrollable = false } = props;
+    const { tab, currentTab, onClick, tabsMode } = props;
     const active = currentTab?.type === 'link' && currentTab.href === tab.href;
     const link = (0, useLink_1.useLink)();
     const adjustedProps = link(tab);
@@ -13,6 +13,6 @@ exports.LinkTab = (0, uni_jsx_1.JSX)((props) => {
         adjustedProps.onClick(ev);
         onClick(tab);
     };
-    return ((0, jsx_runtime_1.jsx)("a", { role: "tab", className: (0, tabItemClasses_1.getLinkTabClassName)('link', active, isScrollable), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("span", { className: (0, tabItemClasses_1.getLinkTabClassName)('text', active, isScrollable), children: tab.text }) }));
+    return ((0, jsx_runtime_1.jsx)("a", { role: "tab", className: (0, tabItemClasses_1.getLinkTabClassName)('link', active, tabsMode), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("span", { className: (0, tabItemClasses_1.getLinkTabClassName)('text', active, tabsMode), children: tab.text }) }));
 });
 //# sourceMappingURL=LinkTab.js.map

package/mobile/dist/components/Tabs/LinkTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,qDAAuD;AAU1C,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IACjE,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,EAAmC,EAAE,EAAE;QAC1D,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5D,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,WAAW,YAEpB,iCAAM,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,YAAG,GAAG,CAAC,IAAI,GAAQ,GACnF,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,qDAAuD;AAU1C,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,EAAmC,EAAE,EAAE;QAC1D,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,WAAW,YAEpB,iCAAM,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAG,GAAG,CAAC,IAAI,GAAQ,GAC/E,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/dist/components/Tabs/ScrollableTabs.js

@@ -2,23 +2,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollableTabs = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
+const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
 const SwipeListContainer_1 = require("../../ui-kit/SwipeListControl/SwipeListContainer");
 const useSwipeListScroll_1 = require("../../ui-kit/SwipeListControl/useSwipeListScroll");
-const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
 const renderTab_1 = require("./renderTab");
 const scrollButtonStyle = 'absolute z-40 top-0';
 exports.ScrollableTabs = (0, uni_jsx_1.JSX)((props) => {
-    const { tabs, onClick, currentTab, page, showCounter } = props;
+    const { tabs, ...rest } = props;
     const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({
         itemCount: tabs?.length || 0,
         isCyclic: false,
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative max-w-full m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-sans max-w-full w-full overflow-hidden relative bg-white`, children: (0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs?.map((0, renderTab_1.renderTab)({
-                        onClick,
-                        currentTab,
-                        showCounter,
-                        page,
-                        isScrollable: true,
-                    })) }) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: `${scrollButtonStyle} left-6`, onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: `${scrollButtonStyle} rotate-180 right-6`, onClick: scroll.scrollRight })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative max-w-full m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-sans max-w-full w-full overflow-hidden relative bg-white`, children: (0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs?.map((0, renderTab_1.renderTab)({ ...rest })) }) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: `${scrollButtonStyle} left-6`, onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: `${scrollButtonStyle} rotate-180 right-6`, onClick: scroll.scrollRight })) : null] }));
 });
 //# sourceMappingURL=ScrollableTabs.js.map

package/mobile/dist/components/Tabs/ScrollableTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/ScrollableTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,yFAAsF;AACtF,yFAAsF;AACtF,iEAAsF;AACtF,2CAAwC;AAQxC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEnC,QAAA,cAAc,GAAG,IAAA,aAAG,EAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;QAC5B,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACzC,gCAAK,SAAS,EAAE,+DAA+D,YAC7E,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,IAAI,EAAE,GAAG,CACR,IAAA,qBAAS,EAAC;wBACR,OAAO;wBACP,UAAU;wBACV,WAAW;wBACX,IAAI;wBACJ,YAAY,EAAE,IAAI;qBACnB,CAAC,CACH,GACkB,GACjB,EACL,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IAAC,SAAS,EAAE,GAAG,iBAAiB,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,GAAI,CAC3F,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,GAAG,iBAAiB,qBAAqB,EACpD,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ScrollableTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/ScrollableTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAAsF;AACtF,yFAAsF;AACtF,yFAAsF;AAEtF,2CAAwC;AASxC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEnC,QAAA,cAAc,GAAG,IAAA,aAAG,EAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;QAC5B,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACzC,gCAAK,SAAS,EAAE,+DAA+D,YAC7E,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GACf,GACjB,EACL,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IAAC,SAAS,EAAE,GAAG,iBAAiB,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,GAAI,CAC3F,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,GAAG,iBAAiB,qBAAqB,EACpD,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/dist/components/Tabs/Tabs.js

@@ -5,10 +5,11 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const defaultEventBus_1 = require("../../EventBus/defaultEventBus");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const CenteredTabs_1 = require("./CenteredTabs");
 const renderTab_1 = require("./renderTab");
 const ScrollableTabs_1 = require("./ScrollableTabs");
 exports.Tabs = (0, uni_jsx_1.JSX)((props) => {
-    const { className = '', tabs, showCounter, isSticky, tabsMode, ...rest } = props;
+    const { className = '', tabs, isSticky, ...rest } = props;
     const [currentTab, setCurrentTab] = (0, hooks_1.useState)(tabs ? tabs[0] : undefined);
     (0, hooks_1.useEffect)(() => {
         if (!tabs || !tabs[0]) {
@@ -25,13 +26,19 @@ exports.Tabs = (0, uni_jsx_1.JSX)((props) => {
         fireTabEvent(selectedTab);
         setCurrentTab(selectedTab);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children: tabsMode === 'scrollable' ? ((0, jsx_runtime_1.jsx)(ScrollableTabs_1.ScrollableTabs, { tabs: tabs, onClick: handleClick, currentTab: currentTab, showCounter: showCounter, ...rest })) : (tabs?.map((0, renderTab_1.renderTab)({
-            onClick: handleClick,
-            currentTab,
-            showCounter,
-            ...rest,
-        }))) }));
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children: renderTabs({ tabs, onClick: handleClick, currentTab, ...rest }) }));
 });
+const renderTabs = ({ tabsMode, tabs, ...rest }) => {
+    switch (tabsMode) {
+        case 'wideScreen':
+            return tabs?.map((0, renderTab_1.renderTab)({ tabsMode, ...rest }));
+        case 'centered':
+            return (0, jsx_runtime_1.jsx)(CenteredTabs_1.CenteredTabs, { tabs: tabs, tabsMode: tabsMode, ...rest });
+        case 'scrollable':
+            return (0, jsx_runtime_1.jsx)(ScrollableTabs_1.ScrollableTabs, { tabs: tabs, tabsMode: tabsMode, ...rest });
+    }
+    return null;
+};
 const fireTabEvent = (tab) => {
     if (tab.type === 'group') {
         defaultEventBus_1.defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });

package/mobile/dist/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,oEAAiE;AAEjE,4DAAyD;AACzD,2CAAwC;AACxC,qDAAkD;AAKrC,QAAA,IAAI,GAAG,IAAA,aAAG,EAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,IAAI,KAAK,OAAO,EAAE;YAChC,iCAAe,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;SAClF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,WAAoB,EAAE,EAAE;QACvD,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,2CACT,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EACnC,IAAI,SAAS,EAAE,EACf,IAAI,EAAC,SAAS,KACV,IAAI,YAEP,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,CAC3B,uBAAC,+BAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC,CAAC,CAAC,CACF,IAAI,EAAE,GAAG,CACP,IAAA,qBAAS,EAAC;YACR,OAAO,EAAE,WAAW;YACpB,UAAU;YACV,WAAW;YACX,GAAG,IAAI;SACR,CAAC,CACH,CACF,GACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE;QACxB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;KACjE;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;KAClE;AACH,CAAC,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,oEAAiE;AAEjE,4DAAyD;AACzD,iDAA8C;AAC9C,2CAAwC;AACxC,qDAAkD;AAUrC,QAAA,IAAI,GAAG,IAAA,aAAG,EAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,IAAI,KAAK,OAAO,EAAE;YAChC,iCAAe,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;SAClF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,WAAoB,EAAE,EAAE;QACvD,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,2CACT,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EACnC,IAAI,SAAS,EAAE,EACf,IAAI,EAAC,SAAS,KACV,IAAI,YAEP,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,CAAC,GACnD,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAAmB,EAAE,EAAE;IAClE,QAAQ,QAAQ,EAAE;QAChB,KAAK,YAAY;YACf,OAAO,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;QACrD,KAAK,UAAU;YACb,OAAO,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAAC;QACpE,KAAK,YAAY;YACf,OAAO,uBAAC,+BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAAC;KACvE;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE;QACxB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;KACjE;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;KAClE;AACH,CAAC,CAAC"}

package/mobile/dist/components/Tabs/TabsContent.d.ts

@@ -27,10 +27,11 @@ export declare type TabData = GroupTabData | LinkTabData;
 /**
  * @enumNames [
  *   "По ширине экрана",
- *   "С прокруткой"
+ *   "С прокруткой",
+ *   "По центру"
  * ]
  */
-export declare type TabsMode = 'wideScreen' | 'scrollable';
+export declare type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
 /**
  * @title Вкладки
  */

package/mobile/dist/components/Tabs/renderGroupTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { GroupTabData } from './TabsContent';
 import type { RenderTabProps } from './renderTab';
-export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, isScrollable }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;
+import type { GroupTabData } from './TabsContent';
+export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, tabsMode }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;

package/mobile/dist/components/Tabs/renderGroupTab.js

@@ -5,17 +5,17 @@ const tabItemClasses_1 = require("./tabItemClasses");
 const BADGE_CLASSES = 'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
 const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
 const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover/btn:text-primary-main';
-const renderGroupTab = ({ page, currentTab, showCounter, onClick, isScrollable = false }) => (tab, i) => {
+const renderGroupTab = ({ page, currentTab, showCounter, onClick, tabsMode }) => (tab, i) => {
     const active = currentTab === tab;
     const count = tab.ref && page?.blocks
         ? page.blocks.filter((block) => block?.labels?.includes(tab.ref)).length
         : 0;
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tabItemClasses_1.getGroupTabClassName)('div', active, isScrollable), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: (0, jsx_runtime_1.jsxs)("div", { className: `flex flex-1 items-center justify-center ${(0, tabItemClasses_1.getGroupTabClassName)('text', active, isScrollable)}`, children: [renderTitle(tab.title, active, isScrollable), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tabItemClasses_1.getGroupTabClassName)('div', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: (0, jsx_runtime_1.jsxs)("div", { className: `flex flex-1 items-center justify-center ${(0, tabItemClasses_1.getGroupTabClassName)('text', active, tabsMode)}`, children: [renderTitle(tab.title, active, tabsMode), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
 };
 exports.renderGroupTab = renderGroupTab;
-const renderTitle = (title, active, isScrollable) => {
+const renderTitle = (title, active, tabsMode) => {
     const activeClassName = active ? tabItemClasses_1.WHITE_ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES;
-    const titleClassName = isScrollable
+    const titleClassName = tabsMode === 'scrollable'
         ? `${tabItemClasses_1.TEXT_CLASSES} ${activeClassName}`
         : `${tabItemClasses_1.TEXT_CLASSES} ${active ? tabItemClasses_1.ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES}`;
     return title ? (0, jsx_runtime_1.jsx)("h3", { className: titleClassName, children: title }) : null;

package/mobile/dist/components/Tabs/renderGroupTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";;;AAEA,qDAM0B;AAE1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAEnE,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAkB,EAAE,EAAE,CACrF,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,gCAEE,SAAS,EAAE,IAAA,qCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5D,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,iCACE,SAAS,EAAE,2CAA2C,IAAA,qCAAoB,EACxE,MAAM,EACN,MAAM,EACN,YAAY,CACb,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AA9BS,QAAA,cAAc,kBA8BvB;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IACxF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,0CAAyB,CAAC,CAAC,CAAC,sCAAqB,CAAC;IACnF,MAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC,GAAG,6BAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,CAAC;IAE9E,OAAO,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,gCAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
+{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";;;AACA,qDAM0B;AAG1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAEnE,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAkB,EAAE,EAAE,CACzE,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,gCAEE,SAAS,EAAE,IAAA,qCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,iCACE,SAAS,EAAE,2CAA2C,IAAA,qCAAoB,EACxE,MAAM,EACN,MAAM,EACN,QAAQ,CACT,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxC,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AA9BS,QAAA,cAAc,kBA8BvB;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,QAAmB,EAAE,EAAE;IACtF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,0CAAyB,CAAC,CAAC,CAAC,sCAAqB,CAAC;IACnF,MAAM,cAAc,GAClB,QAAQ,KAAK,YAAY;QACvB,CAAC,CAAC,GAAG,6BAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,CAAC;IAEhF,OAAO,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,gCAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/mobile/dist/components/Tabs/renderTab.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import type { ContentPageDef } from '../../model/ContentPageDef';
-import type { TabData } from './TabsContent';
+import type { TabData, TabsMode } from './TabsContent';
 export interface RenderTabProps {
     page?: ContentPageDef;
     currentTab?: TabData;
     showCounter?: boolean;
     onClick: (tab: TabData) => void;
-    isScrollable?: boolean;
+    tabsMode?: TabsMode;
 }
-export declare const renderTab: ({ page, currentTab, showCounter, onClick, isScrollable }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;
+export declare const renderTab: ({ page, showCounter, ...rest }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;

package/mobile/dist/components/Tabs/renderTab.js

@@ -4,16 +4,16 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const assertUnreachable_1 = require("../../utils/assertUnreachable");
 const LinkTab_1 = require("./LinkTab");
 const renderGroupTab_1 = require("./renderGroupTab");
-const renderTab = ({ page, currentTab, showCounter, onClick, isScrollable = false }) => (tab, i) => {
+const renderTab = ({ page, showCounter, ...rest }) => (tab, i) => {
     const type = tab.type;
     if (!(type === 'group' || type === 'link')) {
         return null;
     }
     switch (type) {
         case 'group':
-            return (0, renderGroupTab_1.renderGroupTab)({ page, currentTab, showCounter, onClick, isScrollable })(tab, i);
+            return (0, renderGroupTab_1.renderGroupTab)({ page, showCounter, ...rest })(tab, i);
         case 'link': {
-            return ((0, jsx_runtime_1.jsx)(LinkTab_1.LinkTab, { tab: tab, currentTab: currentTab, isScrollable: isScrollable, onClick: onClick }, String(i)));
+            return (0, jsx_runtime_1.jsx)(LinkTab_1.LinkTab, { tab: tab, ...rest }, String(i));
         }
         default:
             (0, assertUnreachable_1.assertUnreachable)(type);

package/mobile/dist/components/Tabs/renderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAClE,uCAAoC;AACpC,qDAAkD;AAW3C,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAkB,EAAE,EAAE,CACrF,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,IAAA,+BAAc,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC1F,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,CACL,uBAAC,iBAAO,IAEN,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,IAJX,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC;SACH;QACD;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AA5BS,QAAA,SAAS,aA4BlB"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAClE,uCAAoC;AACpC,qDAAkD;AAW3C,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAkB,EAAE,EAAE,CACnD,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,IAAA,+BAAc,EAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAChE,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,uBAAC,iBAAO,IAAiB,GAAG,EAAE,GAAG,KAAM,IAAI,IAA7B,MAAM,CAAC,CAAC,CAAC,CAAwB,CAAC;SACxD;QACD;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AApBS,QAAA,SAAS,aAoBlB"}

package/mobile/dist/components/Tabs/tabItemClasses.d.ts

@@ -1,3 +1,4 @@
+import type { TabsMode } from './TabsContent';
 export declare const LINK_CLASSES = "h-12 flex-1 flex items-center justify-center cursor-pointer";
 export declare const ACTIVE_LINK_CLASSES = "bg-primary-main";
 export declare const INACTIVE_LINK_CLASSES = "group/btn bg-white";
@@ -7,5 +8,5 @@ export declare const TEXT_CLASSES = "font-sans text-m text-center";
 export declare const ACTIVE_TEXT_CLASSES = "text-white";
 export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text group-hover/btn:text-primary-main";
 export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
-export declare const getGroupTabClassName: (type: string, active: boolean, isScrollable: boolean) => any;
-export declare const getLinkTabClassName: (type: string, active: boolean, isScrollable: boolean) => any;
+export declare const getGroupTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
+export declare const getLinkTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;

package/mobile/dist/components/Tabs/tabItemClasses.js

@@ -15,7 +15,11 @@ const GROUP_TAB_CLASSES = {
             active: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.SCROLLABLE_ACTIVE_LINK_CLASSES}`,
             default: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES}`,
         },
-        default: {
+        centered: {
+            active: `px-4 rounded-md ${exports.LINK_CLASSES} ${exports.WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
+            default: `px-4 rounded-md ${exports.LINK_CLASSES} group/btn bg-transparent whitespace-nowrap`,
+        },
+        wideScreen: {
             active: `${exports.LINK_CLASSES} ${exports.WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
             default: `${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES} whitespace-nowrap`,
         },
@@ -25,7 +29,11 @@ const GROUP_TAB_CLASSES = {
             active: `h-full border-0 border-b-2`,
             default: ``,
         },
-        default: {
+        centered: {
+            active: '',
+            default: '',
+        },
+        wideScreen: {
             active: '',
             default: '',
         },
@@ -37,7 +45,11 @@ const LINK_TAB_CLASSES = {
             active: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.SCROLLABLE_ACTIVE_LINK_CLASSES}`,
             default: `inline-flex px-4 grow whitespace-nowrap ${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES}`,
         },
-        default: {
+        centered: {
+            active: `px-4 rounded-md ${exports.LINK_CLASSES} ${exports.WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
+            default: `px-4 rounded-md ${exports.LINK_CLASSES} group/btn bg-transparent whitespace-nowrap`,
+        },
+        wideScreen: {
             active: `${exports.LINK_CLASSES} ${exports.WIDESCREEN_ACTIVE_LINK_CLASSES}`,
             default: `${exports.LINK_CLASSES} ${exports.INACTIVE_LINK_CLASSES}`,
         },
@@ -47,22 +59,26 @@ const LINK_TAB_CLASSES = {
             active: `${exports.TEXT_CLASSES} flex items-center h-full border-0 border-b-2 ${exports.WHITE_ACTIVE_TEXT_CLASSES}`,
             default: `${exports.TEXT_CLASSES} ${exports.INACTIVE_TEXT_CLASSES}`,
         },
-        default: {
+        centered: {
+            active: `${exports.TEXT_CLASSES} ${exports.ACTIVE_TEXT_CLASSES}`,
+            default: `${exports.TEXT_CLASSES} ${exports.INACTIVE_TEXT_CLASSES}`,
+        },
+        wideScreen: {
             active: `${exports.TEXT_CLASSES} ${exports.ACTIVE_TEXT_CLASSES}`,
             default: `${exports.TEXT_CLASSES} ${exports.INACTIVE_TEXT_CLASSES}`,
         },
     },
 };
-const getGroupTabClassName = (type, active, isScrollable) => {
-    const styleType = isScrollable ? 'scrollable' : 'default';
+const getGroupTabClassName = (type, active, tabsMode) => {
     const styleActive = active ? 'active' : 'default';
-    return GROUP_TAB_CLASSES[type][styleType][styleActive];
+    const mode = tabsMode || 'wideScreen';
+    return GROUP_TAB_CLASSES[type][mode][styleActive];
 };
 exports.getGroupTabClassName = getGroupTabClassName;
-const getLinkTabClassName = (type, active, isScrollable) => {
-    const styleType = isScrollable ? 'scrollable' : 'default';
+const getLinkTabClassName = (type, active, tabsMode) => {
     const styleActive = active ? 'active' : 'default';
-    return LINK_TAB_CLASSES[type][styleType][styleActive];
+    const mode = tabsMode || 'wideScreen';
+    return LINK_TAB_CLASSES[type][mode][styleActive];
 };
 exports.getLinkTabClassName = getLinkTabClassName;
 //# sourceMappingURL=tabItemClasses.js.map

package/mobile/dist/components/Tabs/tabItemClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":";;AAAa,QAAA,YAAY,GAAG,6DAA6D,CAAC;AAC7E,QAAA,mBAAmB,GAAG,iBAAiB,CAAC;AACxC,QAAA,qBAAqB,GAAG,oBAAoB,CAAC;AAE7C,QAAA,8BAA8B,GAAG,4BAA4B,CAAC;AAC9D,QAAA,8BAA8B,GAAG,4BAA4B,CAAC;AAE9D,QAAA,YAAY,GAAG,8BAA8B,CAAC;AAC9C,QAAA,mBAAmB,GAAG,YAAY,CAAC;AACnC,QAAA,qBAAqB,GAAG,uDAAuD,CAAC;AAEhF,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAE7D,MAAM,iBAAiB,GAAG;IACxB,GAAG,EAAE;QACH,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,oBAAY,IAAI,sCAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,oBAAY,IAAI,6BAAqB,EAAE;SAC5F;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,oBAAY,IAAI,sCAA8B,oBAAoB;YAC7E,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,oBAAoB;SACtE;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,4BAA4B;YACpC,OAAO,EAAE,EAAE;SACZ;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC;AACF,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,oBAAY,IAAI,sCAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,oBAAY,IAAI,6BAAqB,EAAE;SAC5F;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,oBAAY,IAAI,sCAA8B,EAAE;YAC3D,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,oBAAY,iDAAiD,iCAAyB,EAAE;YACnG,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,oBAAY,IAAI,2BAAmB,EAAE;YAChD,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;KACF;CACF,CAAC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IAC3F,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;AACzD,CAAC,CAAC;AALW,QAAA,oBAAoB,wBAK/B;AAEK,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IAC1F,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;AACxD,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B"}
+{"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":";;AAEa,QAAA,YAAY,GAAG,6DAA6D,CAAC;AAC7E,QAAA,mBAAmB,GAAG,iBAAiB,CAAC;AACxC,QAAA,qBAAqB,GAAG,oBAAoB,CAAC;AAE7C,QAAA,8BAA8B,GAAG,4BAA4B,CAAC;AAC9D,QAAA,8BAA8B,GAAG,4BAA4B,CAAC;AAE9D,QAAA,YAAY,GAAG,8BAA8B,CAAC;AAC9C,QAAA,mBAAmB,GAAG,YAAY,CAAC;AACnC,QAAA,qBAAqB,GAAG,uDAAuD,CAAC;AAEhF,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAE7D,MAAM,iBAAiB,GAAG;IACxB,GAAG,EAAE;QACH,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,oBAAY,IAAI,sCAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,oBAAY,IAAI,6BAAqB,EAAE;SAC5F;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,mBAAmB,oBAAY,IAAI,sCAA8B,oBAAoB;YAC7F,OAAO,EAAE,mBAAmB,oBAAY,6CAA6C;SACtF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,oBAAY,IAAI,sCAA8B,oBAAoB;YAC7E,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,oBAAoB;SACtE;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,4BAA4B;YACpC,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;QACD,UAAU,EAAE;YACV,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC;AACF,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,oBAAY,IAAI,sCAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,oBAAY,IAAI,6BAAqB,EAAE;SAC5F;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,mBAAmB,oBAAY,IAAI,sCAA8B,oBAAoB;YAC7F,OAAO,EAAE,mBAAmB,oBAAY,6CAA6C;SACtF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,oBAAY,IAAI,sCAA8B,EAAE;YAC3D,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,oBAAY,iDAAiD,iCAAyB,EAAE;YACnG,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,GAAG,oBAAY,IAAI,2BAAmB,EAAE;YAChD,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;QACD,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,oBAAY,IAAI,2BAAmB,EAAE;YAChD,OAAO,EAAE,GAAG,oBAAY,IAAI,6BAAqB,EAAE;SACpD;KACF;CACF,CAAC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,QAAmB,EAAE,EAAE;IACzF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAClD,MAAM,IAAI,GAAG,QAAQ,IAAI,YAAY,CAAC;IAEtC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AACpD,CAAC,CAAC;AALW,QAAA,oBAAoB,wBAK/B;AAEK,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,QAAmB,EAAE,EAAE;IACxF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAClD,MAAM,IAAI,GAAG,QAAQ,IAAI,YAAY,CAAC;IAEtC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AACnD,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B"}

package/mobile/dist/hooks/useForm.js

@@ -6,7 +6,7 @@ const useForm = (initialState, onSubmit) => {
     const [isDirtyForm, setDirtyForm] = (0, hooks_1.useState)(false);
     const [dirtyFieldsMap, setDirtyFieldsMap] = (0, hooks_1.useState)({});
     const handlersMap = (0, hooks_1.useRef)({});
-    const field = (fieldName) => {
+    const field = (0, hooks_1.useCallback)((fieldName) => {
         if (!handlersMap.current) {
             handlersMap.current = {};
         }
@@ -19,7 +19,7 @@ const useForm = (initialState, onSubmit) => {
             isDirty: isDirtyForm || dirtyFieldsMap[fieldName],
             onChange: handlersMap.current[fieldName],
         };
-    };
+    }, [formState, isDirtyForm, dirtyFieldsMap]);
     const reset = (0, hooks_1.useCallback)(() => {
         setFormState(initialState);
         setDirtyForm(false);

package/mobile/dist/hooks/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":";;AAAA,uDAA4E;AAarE,MAAM,OAAO,GAAG,CACrB,YAAuB,EACvB,QAAiC,EASjC,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAY,YAAY,CAAC,CAAC;IAEpE,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAClD,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,cAAM,EAAyD,EAAE,CAAC,CAAC;IAEvF,MAAM,KAAK,GAAmC,CAAC,SAAS,EAAE,EAAE;QAC1D,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;SAC1B;QAED,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE;YAC3C,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YAC1D,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC;QAEF,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC;YAC3B,OAAO,EAAE,WAAW,IAAI,cAAc,CAAC,SAAS,CAAC;YACjD,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;SACzC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,YAAY,CAAC,CAAC;QAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAmB,EAAE,EAAE;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO;QACL,SAAS;QACT;YACE,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;YACnE,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,OAAO,WA+DlB"}
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":";;AAAA,uDAA4E;AAarE,MAAM,OAAO,GAAG,CACrB,YAAuB,EACvB,QAAiC,EASjC,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAY,YAAY,CAAC,CAAC;IAEpE,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAClD,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,cAAM,EAAyD,EAAE,CAAC,CAAC;IAEvF,MAAM,KAAK,GAAmC,IAAA,mBAAW,EACvD,CAAC,SAAS,EAAE,EAAE;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,WAAW,CAAC,OAAO,GAAG,EAAE,CAAC;SAC1B;QAED,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE;YAC3C,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YAC1D,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC;QAEF,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC;YAC3B,OAAO,EAAE,WAAW,IAAI,cAAc,CAAC,SAAS,CAAC;YACjD,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;SACzC,CAAC;IACJ,CAAC,EACD,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CACzC,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,YAAY,CAAC,CAAC;QAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAmB,EAAE,EAAE;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;IAEF,OAAO;QACL,SAAS;QACT;YACE,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;YACnE,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC,CAAC;AAlEW,QAAA,OAAO,WAkElB"}

package/mobile/dist/hooks/useLink.js

@@ -11,7 +11,7 @@ function useLink(params = {}) {
     const { close } = (0, useDialog_1.useDialog)();
     return (props) => ({
         ...props,
-        href: isRemote ? props.href : (0, adjustHref_1.adjustHref)(router)(props.href, basePath),
+        href: isRemote && !basePath ? props.href : (0, adjustHref_1.adjustHref)(router)(props.href, basePath),
         'aria-label': props.text,
         onClick: (0, handlerDecorator_1.handlerDecorator)(handleHref(props), props),
     });

package/mobile/dist/hooks/useLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/hooks/useLink.ts"],"names":[],"mappings":";;AACA,0DAAuD;AAEvD,oDAAiD;AACjD,sCAA0C;AAC1C,yDAAsD;AACtD,2CAAwC;AAWxC,SAAgB,OAAO,CAAC,SAAwB,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEtC,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE9B,OAAO,CAA2C,KAAQ,EAAiB,EAAE,CAAC,CAAC;QAC7E,GAAG,KAAK;QACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,uBAAU,EAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC;QACtE,YAAY,EAAE,KAAK,CAAC,IAAI;QACxB,OAAO,EAAE,IAAA,mCAAgB,EAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;KACpD,CAAC,CAAC;IAEH,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAkC;QAC3E,OAAO,CAAC,EAAqB,EAAE,EAAE;YAC/B,OAAO,IAAI,OAAO,CAAC,EAAE,CAAC,CAAC;YAEvB,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,CAAC,IAAA,gBAAU,EAAC,IAAI,EAAE,MAAM,CAAC,EAAE;gBAClD,kBAAkB;gBAClB,OAAO;aACR;YAED,KAAK,EAAE,CAAC;YAER,iBAAiB;YACjB,EAAE,EAAE,cAAc,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;AACH,CAAC;AA7BD,0BA6BC"}
+{"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/hooks/useLink.ts"],"names":[],"mappings":";;AACA,0DAAuD;AAEvD,oDAAiD;AACjD,sCAA0C;AAC1C,yDAAsD;AACtD,2CAAwC;AAWxC,SAAgB,OAAO,CAAC,SAAwB,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEtC,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE9B,OAAO,CAA2C,KAAQ,EAAiB,EAAE,CAAC,CAAC;QAC7E,GAAG,KAAK;QACR,IAAI,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,uBAAU,EAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnF,YAAY,EAAE,KAAK,CAAC,IAAI;QACxB,OAAO,EAAE,IAAA,mCAAgB,EAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;KACpD,CAAC,CAAC;IAEH,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAkC;QAC3E,OAAO,CAAC,EAAqB,EAAE,EAAE;YAC/B,OAAO,IAAI,OAAO,CAAC,EAAE,CAAC,CAAC;YAEvB,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,CAAC,IAAA,gBAAU,EAAC,IAAI,EAAE,MAAM,CAAC,EAAE;gBAClD,kBAAkB;gBAClB,OAAO;aACR;YAED,KAAK,EAAE,CAAC;YAER,iBAAiB;YACjB,EAAE,EAAE,cAAc,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;AACH,CAAC;AA7BD,0BA6BC"}

package/mobile/dist/ui-kit/Checkbox/Checkbox.js

@@ -15,9 +15,12 @@ const CHECK_PATHS = [
 ];
 exports.Checkbox = (0, uni_jsx_1.JSX)(({ className, value, text, disabled, isRadio, onChange }) => {
     const handleChange = (0, hooks_1.useCallback)((e) => {
+        if (disabled) {
+            return;
+        }
         e.preventDefault();
         onChange && onChange(!value);
-    }, [onChange, value]);
+    }, [onChange, disabled, value]);
     const icon = isRadio ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute left-1 w-3 h-3 rounded-full bg-primary-main" })) : ((0, jsx_runtime_1.jsx)(SVG_1.SVG, { paths: CHECK_PATHS, className: "absolute left-1 ml-px block", width: "11", height: "9", fill: "white", viewBox: "0 0 11 9" }));
     return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("label", { className: "flex items-center relative cursor-pointer group/box", onClick: handleChange, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('appearance-none w-5 h-5 border-solid cursor-pointer m-0', isRadio ? 'rounded-full border-2' : checkboxStyle(value), value ? 'border-primary-main' : 'border-gray', disabled ? 'bg-main-disabled' : 'group-hover/box:border-primary-hover'), role: "checkbox", "aria-checked": Boolean(value), "aria-disabled": Boolean(disabled) }), value ? icon : null, text ? (0, jsx_runtime_1.jsx)("span", { className: "font-sans ml-3 text-l-light", children: text }) : null] }) }));
 });

package/mobile/dist/ui-kit/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,6CAA0C;AAE1C,gCAA6B;AAG7B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,4HAA4H;QAC/H,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1D,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAmB,EAAE,EAAE;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,sDAAsD,GAAG,CACzE,CAAC,CAAC,CAAC,CACF,uBAAC,SAAG,IACF,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GAClB,CACH,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,mCACE,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,YAAY,aAErB,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,yDAAyD,EACzD,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACxD,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,EAC7C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,sCAAsC,CACvE,EACD,IAAI,EAAC,UAAU,kBACD,OAAO,CAAC,KAAK,CAAC,mBACb,OAAO,CAAC,QAAQ,CAAC,GAChC,EACD,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnB,IAAI,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACpE,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,IAAA,aAAK,EAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui-kit/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,6CAA0C;AAE1C,gCAA6B;AAG7B,MAAM,WAAW,GAAG;IAClB;QACE,CAAC,EAAE,4HAA4H;QAC/H,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EACzB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1D,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAmB,EAAE,EAAE;QACtB,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC5B,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,sDAAsD,GAAG,CACzE,CAAC,CAAC,CAAC,CACF,uBAAC,SAAG,IACF,KAAK,EAAE,WAAW,EAClB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GAClB,CACH,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,mCACE,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,YAAY,aAErB,gCACE,SAAS,EAAE,IAAA,aAAK,EACd,yDAAyD,EACzD,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACxD,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,EAC7C,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,sCAAsC,CACvE,EACD,IAAI,EAAC,UAAU,kBACD,OAAO,CAAC,KAAK,CAAC,mBACb,OAAO,CAAC,QAAQ,CAAC,GAChC,EACD,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnB,IAAI,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACpE,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,IAAA,aAAK,EAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}

package/mobile/dist/ui-kit/InputRange/InputRange.js

@@ -2,24 +2,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputRange = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const addSpacesBetweenNumbers_1 = require("../../utils/addSpacesBetweenNumbers");
 const clamp_1 = require("../../utils/clamp");
-const getSanitizedValue_1 = require("../../utils/getSanitizedValue");
+const style_1 = require("../../utils/style");
+const Text_1 = require("../Text/Text");
+const parseDecimal_1 = require("./parseDecimal");
+const renderRangeWithTicks_1 = require("./renderRangeWithTicks");
 const DISABLED_INPUT_CLASSES = 'disabled:border-gray disabled:bg-main-divider';
-exports.InputRange = (0, uni_jsx_1.JSX)(({ className, title, items = [], min = 1, max = 100, step = 1, value = min, disabled = false, onChange, }) => {
-    const handleChange = (e) => {
-        if (!onChange) {
-            return;
-        }
-        onChange((0, clamp_1.clamp)(Number((0, getSanitizedValue_1.getSanitizedValue)(e.target.value)), min, max));
-    };
-    const inputStyle = {
-        backgroundSize: `${(((value - min) * 100) / (max - min)).toFixed(2)}% 100%`,
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("label", { className: "block relative", children: [title ? (0, jsx_runtime_1.jsx)("span", { className: "text-m-light text-primary-text", children: title }) : null, (0, jsx_runtime_1.jsx)("input", { className: `m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-gray rounded-md
-            outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-text ${DISABLED_INPUT_CLASSES}`, value: (0, addSpacesBetweenNumbers_1.addSpacesBetweenNumbers)(value), disabled: disabled, onChange: handleChange, onBlur: handleChange }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-x-0 -bottom-1 px-4 leading-[18px]", children: (0, jsx_runtime_1.jsx)("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, disabled: disabled, onChange: handleChange, style: inputStyle }) })] }), renderRangeCaption(items)] }));
+const DEFAULT_MIN = 1;
+const DEFAULT_MAX = 100;
+exports.InputRange = (0, uni_jsx_1.JSX)(({ className, title, items = [], list = [], min = list.length ? 0 : DEFAULT_MIN, max = list.length ? list.length - 1 : DEFAULT_MAX, step = 1, value = list[0] || min, disabled = false, onChange, }) => {
+    const [isFocused, setFocused] = (0, hooks_1.useState)(false);
+    const handleChange = (0, hooks_1.useCallback)((e) => {
+        onChange && onChange((0, parseDecimal_1.parseDecimal)(e.target?.value));
+    }, [onChange]);
+    const handleFocus = (0, hooks_1.useCallback)(() => {
+        setFocused(true);
+    }, []);
+    const handleBlur = (0, hooks_1.useCallback)(() => {
+        setFocused(false);
+        onChange && onChange(list.length ? closestValue(list)(value) : (0, clamp_1.clamp)(value || 0, min, max));
+    }, [onChange, value]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("label", { className: "block relative", children: [title ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: title })) : null, (0, jsx_runtime_1.jsx)("input", { className: (0, style_1.style)('m-0 mt-2 font-sans text-h3 w-full h-14', 'border border-solid border-gray rounded-md outline-none', 'p-0 pl-4 box-border', 'text-primary-text hover:border-primary-hover focus:border-primary-text', DISABLED_INPUT_CLASSES), value: isFocused ? value : (0, addSpacesBetweenNumbers_1.addSpacesBetweenNumbers)(value), disabled: disabled, onInput: handleChange, onFocus: handleFocus, onBlur: handleBlur }), (0, renderRangeWithTicks_1.renderRangeWithTicks)({ list, min, max, step, disabled, value, onChange })] }), renderRangeCaption(items)] }));
 });
-function renderRangeCaption(items) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-between my-2", children: items.map((item, i) => ((0, jsx_runtime_1.jsx)("span", { className: "text-s-light text-secondary-text", children: item }, String(i)))) }));
-}
+const closestValue = (list) => (_) => list.reduce((prev, curr) => (Math.abs(curr - _) < Math.abs(prev - _) ? curr : prev));
+const renderRangeCaption = (items) => ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-between my-2", children: items.map((item, i) => ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-s-light", color: "text-secondary-text", children: item }, String(i)))) }));
 //# sourceMappingURL=InputRange.js.map

package/mobile/dist/ui-kit/InputRange/InputRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iFAA8E;AAC9E,6CAA0C;AAC1C,qEAAkE;AAGlE,MAAM,sBAAsB,GAAG,+CAA+C,CAAC;AAElE,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EACC,SAAS,EACT,KAAK,EACL,KAAK,GAAG,EAAE,EACV,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,GAAG,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAA+C,CAAC,CAAC,EAAE,EAAE;QACrE,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,QAAQ,CAAC,IAAA,aAAK,EAAC,MAAM,CAAC,IAAA,qCAAiB,EAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACvB,mCAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/E,kCACE,SAAS,EAAE;sHAC+F,sBAAsB,EAAE,EAClI,KAAK,EAAE,IAAA,iDAAuB,EAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,YAAY,GACpB,EACF,gCAAK,SAAS,EAAC,kDAAkD,YAC/D,kCACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,UAAU,GACjB,GACE,IACA,EACP,kBAAkB,CAAC,KAAK,CAAC,IACtB,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,KAAe;IACzC,OAAO,CACL,gCAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,iCAAsB,SAAS,EAAC,kCAAkC,YAC/D,IAAI,IADI,MAAM,CAAC,CAAC,CAAC,CAEb,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":"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"}