@redneckz/wildless-cms-uni-blocks 0.14.294 → 0.14.295

package/bundle/components/Tabs/TabsContent.d.ts

@@ -33,7 +33,7 @@ export declare type TabData = GroupTabData | LinkTabData;
  *   "По центру"
  * ]
  */
-export declare type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
+export declare type TabsMode = 'wideScreen' | 'scrollable';
 /**
  * @title Вкладки
  */

package/bundle/components/TabsLayout/TabsLayoutContent.d.ts

@@ -1,22 +1,47 @@
-import { type Align } from '../../model/Align';
 import { type AspectsProps } from '../../model/AspectsProps';
-import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
-import { type LinkCommonProps } from '../../model/LinkProps';
+import { type DescriptionProps } from '../../model/HeadlineType';
+import { type LinkProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
+import { type TabsType } from '../../ui-kit/TabsControl/TabsControlProps';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 /**
  * @title Таб
  */
-export declare type Tab = TitleProps & DescriptionProps & IconProps & LinkCommonProps & AspectsProps & {
+export declare type TabBase = DescriptionProps & IconProps & LinkProps & AspectsProps & {
     /** @title Вкладка выбрана по-умолчанию */
     selected?: boolean;
 };
+/**
+ * @title Группа
+ */
+export declare type GroupTab = TabBase & {
+    /** @default group */
+    type: 'group';
+};
+/**
+ * @title Ссылка
+ */
+export declare type LinkTab = TabBase & LinkProps & {
+    /** @default link */
+    type: 'link';
+};
+/**
+ * @title Таб
+ * @default {
+ *    "type": "group"
+ * }
+ */
+export declare type Tab = GroupTab | LinkTab;
 /**
  * @title Табы
  */
 export declare type TabsLayoutContent = UniBlockContent & {
-    /** @title Выравнивание табов */
-    tabAlign?: Align;
     /** @title Список табов */
     tabs?: Tab[];
+    /** @title Режим отображения */
+    tabsType?: TabsType;
+    /** @title Закрепить сверху */
+    isSticky?: boolean;
+    /** @title Показывать счетчик блоков во вкладках */
+    showCounter?: boolean;
 };

package/bundle/components/TabsLayout/renderTabsLayout.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type TabItemBase } from '../../ui-kit/TabsControl/TabItem';
+import { type TabsControlProps, type TabsType } from '../../ui-kit/TabsControl/TabsControlProps';
+interface RenderTabsProps {
+    items: TabItemBase[];
+    value: TabItemBase;
+    onChange: TabsControlProps['onChange'];
+    tabsType?: TabsType;
+}
+export declare const renderTabsLayout: ({ tabsType, ...props }: RenderTabsProps) => JSX.Element | null;
+export {};

package/bundle/ui-kit/TabsControl/TabItem.d.ts

@@ -1,15 +1,16 @@
+import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
+import { type IconProps } from '../../model/Picture';
 import { type VNode } from '../../model/VNode';
-import { type TabsControlProps } from './TabsControlProps';
-export interface TabItemBase extends LinkProps {
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
     name?: string;
     appendRight?: VNode;
 }
-export declare type TabType = 'default' | 'underlined' | 'rounded';
 export interface TabItemProps {
     item?: TabItemBase;
     isActive?: boolean;
-    type?: TabType;
+    type?: TabsType;
     onClick?: TabsControlProps['onChange'];
 }
 export declare const TabItem: import("@redneckz/uni-jsx").UNIComponent<TabItemProps, any, any>;

package/bundle/ui-kit/TabsControl/TabsControlProps.d.ts

@@ -1,6 +1,15 @@
 import { type ListControlProps } from '../ListControlProps';
-import { type TabItemBase, type TabType } from './TabItem';
+import { type TabItemBase } from './TabItem';
+/**
+ * @title Тип вкладки
+ * @enumNames [
+ *   "По ширине экрана",
+ *   "С прокруткой",
+ *   "Кнопка с анимацией",
+ * ]
+ */
+export declare type TabsType = 'default' | 'underlined' | 'animated';
 export interface TabsControlProps extends ListControlProps<TabItemBase> {
     className?: string;
-    tabsType?: TabType;
+    tabsType?: TabsType;
 }

package/bundle/ui-kit/TabsControl/renderTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type TabItemBase, type TabType } from './TabItem';
-import { type TabsControlProps } from './TabsControlProps';
-export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) => (tab: TabItemBase, i: number) => JSX.Element;
+import { type TabItemBase } from './TabItem';
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabsType) => (tab: TabItemBase, i: number) => JSX.Element;

package/bundle/ui-kit/TabsControl/renderTabItemInner.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type Picture } from '../../model/Picture';
+interface TabsLayoutButtonProps {
+    isActive: boolean;
+    description?: string;
+    icon?: Picture;
+    type: string;
+    text?: string;
+}
+export declare const renderTabItemInner: ({ text, description, icon, isActive, type, }: TabsLayoutButtonProps) => JSX.Element;
+export {};

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

@@ -33,7 +33,7 @@ export declare type TabData = GroupTabData | LinkTabData;
  *   "По центру"
  * ]
  */
-export declare type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
+export declare type TabsMode = 'wideScreen' | 'scrollable';
 /**
  * @title Вкладки
  */

package/dist/components/Tabs/renderTabs.js

@@ -7,8 +7,6 @@ const renderTabs = ({ tabsMode, ...props }) => {
     switch (tabsMode) {
         case 'wideScreen':
             return (0, jsx_runtime_1.jsx)(TabsControl_1.TabsControl, { ...props });
-        case 'centered':
-            return ((0, jsx_runtime_1.jsx)("div", { className: "flex", children: (0, jsx_runtime_1.jsx)(TabsControl_1.TabsControl, { className: "m-auto p-xs rounded-md bg-main-gray", tabsType: "rounded", ...props }) }));
         case 'scrollable':
             return ((0, jsx_runtime_1.jsx)("div", { className: "flex", children: (0, jsx_runtime_1.jsx)(ScrollableTabsControl_1.ScrollableTabsControl, { className: "m-auto", tabsType: "underlined", ...props }) }));
         default:

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

@@ -1 +1 @@
-{"version":3,"file":"renderTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTabs.tsx"],"names":[],"mappings":";;;AAAA,0FAAuF;AAEvF,sEAAmE;AAW5D,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IACpE,QAAQ,QAAQ,EAAE;QAChB,KAAK,YAAY;YACf,OAAO,uBAAC,yBAAW,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,UAAU;YACb,OAAO,CACL,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,yBAAW,IACV,SAAS,EAAC,qCAAqC,EAC/C,QAAQ,EAAC,SAAS,KACd,KAAK,GACT,GACE,CACP,CAAC;QACJ,KAAK,YAAY;YACf,OAAO,CACL,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,6CAAqB,IAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,YAAY,KAAK,KAAK,GAAI,GACzE,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAvBW,QAAA,UAAU,cAuBrB"}
+{"version":3,"file":"renderTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTabs.tsx"],"names":[],"mappings":";;;AAAA,0FAAuF;AAEvF,sEAAmE;AAW5D,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IACpE,QAAQ,QAAQ,EAAE;QAChB,KAAK,YAAY;YACf,OAAO,uBAAC,yBAAW,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,YAAY;YACf,OAAO,CACL,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,6CAAqB,IAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,YAAY,KAAK,KAAK,GAAI,GACzE,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB"}

package/dist/components/TabsLayout/TabsLayout.js

@@ -3,33 +3,56 @@ exports.TabsLayout = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const renderBlockList_1 = require("../../BlockRenderer/renderBlockList");
-const useCarouselControls_1 = require("../../hooks/useCarouselControls");
+const useRouter_1 = require("../../hooks/useRouter");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const SwipeListContainer_1 = require("../../ui-kit/SwipeListControl/SwipeListContainer");
-const useSwipeListScroll_1 = require("../../ui-kit/SwipeListControl/useSwipeListScroll");
 const UniBlock_1 = require("../../UniBlock/UniBlock");
 const style_1 = require("../../utils/style");
-const CarouselScrollButtons_1 = require("../Carousel/CarouselScrollButtons");
-const alignTabStyle_1 = require("./alignTabStyle");
-const TabsLayoutButton_1 = require("./TabsLayoutButton");
-const TabsLayoutRedirectSection_1 = require("./TabsLayoutRedirectSection");
-exports.TabsLayout = (0, UniBlock_1.UniBlock)(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
+const renderTabsLayout_1 = require("./renderTabsLayout");
+const TAB_QUERY_PARAM_KEY = 'tab';
+exports.TabsLayout = (0, UniBlock_1.UniBlock)(({ className = '', tabs = [], block, tabsType, ...rest }) => {
+    const router = (0, useRouter_1.useRouter)();
+    const { isReady } = router;
     const [activeTabIndex, setActiveTabIndex] = (0, hooks_1.useState)(getInitSelectedIndex(tabs));
+    const defaultSelectedTab = tabs.findIndex((_) => Boolean(_.selected));
+    (0, hooks_1.useEffect)(() => {
+        const defaultTabIndex = router.query[TAB_QUERY_PARAM_KEY]
+            ? tabs.findIndex((_, index) => _.type === 'group' && String(index) === router.query[TAB_QUERY_PARAM_KEY])
+            : defaultSelectedTab;
+        setActiveTabIndex(defaultTabIndex === -1 ? 0 : defaultTabIndex);
+    }, [isReady, defaultSelectedTab]);
     const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
-    const itemCount = tabs.length;
-    const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = (0, useCarouselControls_1.useCarouselControls)({ itemCount }, activeTabIndex);
-    const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({ itemCount });
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b-8 border-primary-main", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), (0, jsx_runtime_1.jsx)(CarouselScrollButtons_1.CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? ((0, jsx_runtime_1.jsx)(TabsLayoutRedirectSection_1.TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : ((0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], {
+    const updateUrlSearchTabParam = (_, index) => {
+        const searchParams = new URLSearchParams(router.query);
+        if (_.text) {
+            searchParams.set(TAB_QUERY_PARAM_KEY, String(index));
+        }
+        else {
+            searchParams.delete(TAB_QUERY_PARAM_KEY);
+        }
+        router.replace(`${router.pathname}?${searchParams}`, '', { scroll: false });
+    };
+    const handleChange = (0, hooks_1.useCallback)((_) => {
+        const index = tabs.indexOf(_);
+        const tab = tabs[index];
+        setActiveTabIndex(index);
+        if (tab.type === 'group') {
+            updateUrlSearchTabParam(_, index);
+        }
+    }, [tabs]);
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, renderTabsLayout_1.renderTabsLayout)({
+                items: tabs,
+                value: tabs[activeTabIndex],
+                tabsType,
+                onChange: handleChange,
+            }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: (0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], {
                     ...rest?.options,
-                    key: `${slotName}-${block?.type}`,
                     slotName,
                     parent: block,
-                })) })] }));
+                }) })] }));
 }, {
     slots: ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [],
     childrenTypes: { exclude: ['TabsLayout'] }, // TODO: fix this on wcms
 });
-const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
+const getSlotName = (tab, index) => tab?.text || `Слот №${index}`;
 const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
-const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => ((0, jsx_runtime_1.jsx)(TabsLayoutButton_1.TabsLayoutButton, { className: alignTabStyle_1.alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
 //# sourceMappingURL=TabsLayout.js.map

package/dist/components/TabsLayout/TabsLayout.js.map

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

package/dist/components/TabsLayout/TabsLayoutContent.d.ts

@@ -1,22 +1,47 @@
-import { type Align } from '../../model/Align';
 import { type AspectsProps } from '../../model/AspectsProps';
-import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
-import { type LinkCommonProps } from '../../model/LinkProps';
+import { type DescriptionProps } from '../../model/HeadlineType';
+import { type LinkProps } from '../../model/LinkProps';
 import { type IconProps } from '../../model/Picture';
+import { type TabsType } from '../../ui-kit/TabsControl/TabsControlProps';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 /**
  * @title Таб
  */
-export declare type Tab = TitleProps & DescriptionProps & IconProps & LinkCommonProps & AspectsProps & {
+export declare type TabBase = DescriptionProps & IconProps & LinkProps & AspectsProps & {
     /** @title Вкладка выбрана по-умолчанию */
     selected?: boolean;
 };
+/**
+ * @title Группа
+ */
+export declare type GroupTab = TabBase & {
+    /** @default group */
+    type: 'group';
+};
+/**
+ * @title Ссылка
+ */
+export declare type LinkTab = TabBase & LinkProps & {
+    /** @default link */
+    type: 'link';
+};
+/**
+ * @title Таб
+ * @default {
+ *    "type": "group"
+ * }
+ */
+export declare type Tab = GroupTab | LinkTab;
 /**
  * @title Табы
  */
 export declare type TabsLayoutContent = UniBlockContent & {
-    /** @title Выравнивание табов */
-    tabAlign?: Align;
     /** @title Список табов */
     tabs?: Tab[];
+    /** @title Режим отображения */
+    tabsType?: TabsType;
+    /** @title Закрепить сверху */
+    isSticky?: boolean;
+    /** @title Показывать счетчик блоков во вкладках */
+    showCounter?: boolean;
 };

package/dist/components/TabsLayout/renderTabsLayout.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type TabItemBase } from '../../ui-kit/TabsControl/TabItem';
+import { type TabsControlProps, type TabsType } from '../../ui-kit/TabsControl/TabsControlProps';
+interface RenderTabsProps {
+    items: TabItemBase[];
+    value: TabItemBase;
+    onChange: TabsControlProps['onChange'];
+    tabsType?: TabsType;
+}
+export declare const renderTabsLayout: ({ tabsType, ...props }: RenderTabsProps) => JSX.Element | null;
+export {};

package/dist/components/TabsLayout/renderTabsLayout.js

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTabsLayout = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const ScrollableTabsControl_1 = require("../../ui-kit/TabsControl/ScrollableTabsControl");
+const TabsControl_1 = require("../../ui-kit/TabsControl/TabsControl");
+const renderTabsLayout = ({ tabsType = 'animated', ...props }) => {
+    switch (tabsType) {
+        case 'default':
+            return (0, jsx_runtime_1.jsx)(TabsControl_1.TabsControl, { ...props });
+        case 'underlined':
+            return ((0, jsx_runtime_1.jsx)("div", { className: "flex", children: (0, jsx_runtime_1.jsx)(TabsControl_1.TabsControl, { className: "m-auto", tabsType: "underlined", ...props }) }));
+        case 'animated':
+            return ((0, jsx_runtime_1.jsx)("div", { className: "border-b-8 border-primary-main", children: (0, jsx_runtime_1.jsx)(ScrollableTabsControl_1.ScrollableTabsControl, { className: "m-auto", ...props, tabsType: "animated" }) }));
+        default:
+            return null;
+    }
+};
+exports.renderTabsLayout = renderTabsLayout;
+//# sourceMappingURL=renderTabsLayout.js.map

package/dist/components/TabsLayout/renderTabsLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/renderTabsLayout.tsx"],"names":[],"mappings":";;;AAAA,0FAAuF;AAEvF,sEAAmE;AAU5D,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IACvF,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,uBAAC,yBAAW,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,YAAY;YACf,OAAO,CACL,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,yBAAW,IAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,YAAY,KAAK,KAAK,GAAI,GAC/D,CACP,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,gCAAK,SAAS,EAAC,gCAAgC,YAC7C,uBAAC,6CAAqB,IAAC,SAAS,EAAC,QAAQ,KAAK,KAAK,EAAE,QAAQ,EAAC,UAAU,GAAG,GACvE,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAnBW,QAAA,gBAAgB,oBAmB3B"}

package/dist/ui-kit/TabsControl/ScrollableTabsControl.js

@@ -7,11 +7,23 @@ const ArrowButton_1 = require("../LinkButton/ArrowButton");
 const SwipeListContainer_1 = require("../SwipeListControl/SwipeListContainer");
 const useSwipeListScroll_1 = require("../SwipeListControl/useSwipeListScroll");
 const renderTab_1 = require("./renderTab");
-const scrollButtonStyle = 'hidden sm:flex absolute z-40 top-0';
-exports.ScrollableTabsControl = (0, uni_jsx_1.JSX)(({ className, items = [], value, onChange, tabsType }) => {
+const scrollButtonStyle = 'hidden sm:flex absolute z-40';
+const scrollStyleType = {
+    animated: {
+        itemClassName: 'flex',
+        gap: 8,
+        buttonTop: 'top-5',
+    },
+    underlined: {
+        itemClassName: '',
+        gap: 0,
+        buttonTop: 'top-0',
+    },
+};
+exports.ScrollableTabsControl = (0, uni_jsx_1.JSX)(({ className, items = [], value, onChange, tabsType = 'default' }) => {
     const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({
         itemCount: items?.length || 0,
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative overflow-x-auto no-scrollbar', className), role: "tablist", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: items.map((0, renderTab_1.renderTab)(value, onChange, tabsType)) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: (0, style_1.style)('left-6', scrollButtonStyle), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: (0, style_1.style)('right-6', scrollButtonStyle), onClick: scroll.scrollRight })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative overflow-x-auto no-scrollbar', className), children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: scrollStyleType[tabsType].itemClassName, gap: scrollStyleType[tabsType].gap, children: items.map((0, renderTab_1.renderTab)(value, onChange, tabsType)) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: (0, style_1.style)('left-6', scrollButtonStyle, scrollStyleType[tabsType].buttonTop), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: (0, style_1.style)('right-6', scrollButtonStyle, scrollStyleType[tabsType].buttonTop), onClick: scroll.scrollRight })) : null] }));
 });
 //# sourceMappingURL=ScrollableTabsControl.js.map

package/dist/ui-kit/TabsControl/ScrollableTabsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableTabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/ScrollableTabsControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2DAAgF;AAChF,+EAA4E;AAC5E,+EAA4E;AAC5E,2CAAwC;AAGxC,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAElD,QAAA,qBAAqB,GAAG,IAAA,aAAG,EACtC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,uCAAuC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,aACvF,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,KAAK,CAAC,GAAG,CAAC,IAAA,qBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC7B,EACpB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IACf,SAAS,EAAE,IAAA,aAAK,EAAC,QAAQ,EAAE,iBAAiB,CAAC,EAC7C,OAAO,EAAE,MAAM,CAAC,UAAU,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,IAAA,aAAK,EAAC,SAAS,EAAE,iBAAiB,CAAC,EAC9C,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ScrollableTabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/ScrollableTabsControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2DAAgF;AAChF,+EAA4E;AAC5E,+EAA4E;AAC5E,2CAAwC;AAGxC,MAAM,iBAAiB,GAAG,8BAA8B,CAAC;AAEzD,MAAM,eAAe,GAAG;IACtB,QAAQ,EAAE;QACR,aAAa,EAAE,MAAM;QACrB,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,OAAO;KACnB;IACD,UAAU,EAAE;QACV,aAAa,EAAE,EAAE;QACjB,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,OAAO;KACnB;CACF,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,aAAG,EACtC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,EAAE,EAAE;IACnE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,uCAAuC,EAAE,SAAS,CAAC,aACvE,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,EACzD,aAAa,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,aAAa,EACtD,GAAG,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,GAAG,YAEjC,KAAK,CAAC,GAAG,CAAC,IAAA,qBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC7B,EACpB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IACf,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,EACR,iBAAiB,EACjB,eAAe,CAAC,QAAQ,CAAC,CAAC,SAAmB,CAC9C,EACD,OAAO,EAAE,MAAM,CAAC,UAAU,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,IAAA,aAAK,EACd,SAAS,EACT,iBAAiB,EACjB,eAAe,CAAC,QAAQ,CAAC,CAAC,SAAmB,CAC9C,EACD,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ui-kit/TabsControl/TabItem.d.ts

@@ -1,15 +1,16 @@
+import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
+import { type IconProps } from '../../model/Picture';
 import { type VNode } from '../../model/VNode';
-import { type TabsControlProps } from './TabsControlProps';
-export interface TabItemBase extends LinkProps {
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
     name?: string;
     appendRight?: VNode;
 }
-export declare type TabType = 'default' | 'underlined' | 'rounded';
 export interface TabItemProps {
     item?: TabItemBase;
     isActive?: boolean;
-    type?: TabType;
+    type?: TabsType;
     onClick?: TabsControlProps['onChange'];
 }
 export declare const TabItem: import("@redneckz/uni-jsx").UNIComponent<TabItemProps, any, any>;

package/dist/ui-kit/TabsControl/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAG9C,iDAA8C;AAgBjC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,uBAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,uBAAC,2BAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,IAAA,aAAG,EAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA0D;AAC1D,iDAA8C;AAK9C,iDAA8C;AAcjC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,uBAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,uBAAC,2BAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,IAAA,aAAG,EAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}

package/dist/ui-kit/TabsControl/TabItemInner.js

@@ -3,31 +3,37 @@ exports.TabItemInner = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const style_1 = require("../../utils/style");
-const Text_1 = require("../Text/Text");
+const renderTabItemInner_1 = require("./renderTabItemInner");
 const tabPaddingStyleMap = {
     default: 'px-xs',
     underlined: 'px-m',
-    rounded: 'px-lg rounded-md',
+    animated: 'px-m border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
 };
 const tabTextStyle = 'text-secondary-text hover:text-primary-main';
 const activeTabTextStyleMap = {
     default: 'text-black sm:text-white',
     underlined: 'text-primary-main border-b-2',
-    rounded: 'text-white',
+    animated: 'text-white sm:text-white',
 };
 const tabBgStyleMap = {
     default: 'bg-white',
     underlined: 'bg-white',
-    rounded: 'bg-transparent',
+    animated: 'p-1 ease-in duration-300 bg-white text-primary-text h-[70px] w-96',
 };
 const activeTabBgStyleMap = {
     default: 'sm:bg-primary-main',
     underlined: 'bg-white',
-    rounded: 'bg-primary-main',
+    animated: 'p-2 border-none bg-primary-main text-white h-20 w-96',
 };
-exports.TabItemInner = (0, uni_jsx_1.JSX)(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
+exports.TabItemInner = (0, uni_jsx_1.JSX)(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
     const Tag = tag;
-    const { text, appendRight, ...link } = item;
-    return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-m", children: text }), appendRight ? (0, jsx_runtime_1.jsx)("div", { className: "ml-xs", children: appendRight }) : null] }) }));
+    const { text, description, icon, appendRight, ...link } = item;
+    return ((0, jsx_runtime_1.jsx)(Tag, { className: (0, style_1.style)('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tablist", onClick: onClick, ...link, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [(0, renderTabItemInner_1.renderTabItemInner)({
+                    text,
+                    description,
+                    icon,
+                    isActive,
+                    type,
+                }), appendRight ? (0, jsx_runtime_1.jsx)("div", { className: "ml-xs", children: appendRight }) : null] }) }));
 });
 //# sourceMappingURL=TabItemInner.js.map

package/dist/ui-kit/TabsControl/TabItemInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5C,OAAO,CACL,uBAAC,GAAG,IACF,SAAS,EAAE,IAAA,aAAK,EACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAED,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,EAChC,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,OAAO,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,6DAA0D;AAI1D,MAAM,kBAAkB,GAA6B;IACnD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,kFAAkF;CAC7F,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA6B;IACtD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,QAAQ,EAAE,0BAA0B;CACrC,CAAC;AAEF,MAAM,aAAa,GAA6B;IAC9C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,mEAAmE;CAC9E,CAAC;AAEF,MAAM,mBAAmB,GAA6B;IACpD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,sDAAsD;CACjE,CAAC;AAMW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/D,OAAO,CACL,uBAAC,GAAG,IACF,SAAS,EAAE,IAAA,aAAK,EACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAEA,IAAA,uCAAkB,EAAC;oBAClB,IAAI;oBACJ,WAAW;oBACX,IAAI;oBACJ,QAAQ;oBACR,IAAI;iBACL,CAAC,EACD,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,OAAO,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ui-kit/TabsControl/TabsControl.js

@@ -4,5 +4,5 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const style_1 = require("../../utils/style");
 const renderTab_1 = require("./renderTab");
-exports.TabsControl = (0, uni_jsx_1.JSX)(({ className, tabsType = 'default', items = [], value, onChange }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tablist", children: items.map((0, renderTab_1.renderTab)(value, onChange, tabsType)) })));
+exports.TabsControl = (0, uni_jsx_1.JSX)(({ className, tabsType = 'default', items = [], value, onChange }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tabpanel", children: items.map((0, renderTab_1.renderTab)(value, onChange, tabsType)) })));
 //# sourceMappingURL=TabsControl.js.map

package/dist/ui-kit/TabsControl/TabsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2CAAwC;AAG3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,gCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,6CAA6C,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5F,KAAK,CAAC,GAAG,CAAC,IAAA,qBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}
+{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,2CAAwC;AAG3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,gCACE,SAAS,EAAE,IAAA,aAAK,EAAC,6CAA6C,EAAE,SAAS,CAAC,EAC1E,IAAI,EAAC,UAAU,YAEd,KAAK,CAAC,GAAG,CAAC,IAAA,qBAAS,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}

package/dist/ui-kit/TabsControl/TabsControlProps.d.ts

@@ -1,6 +1,15 @@
 import { type ListControlProps } from '../ListControlProps';
-import { type TabItemBase, type TabType } from './TabItem';
+import { type TabItemBase } from './TabItem';
+/**
+ * @title Тип вкладки
+ * @enumNames [
+ *   "По ширине экрана",
+ *   "С прокруткой",
+ *   "Кнопка с анимацией",
+ * ]
+ */
+export declare type TabsType = 'default' | 'underlined' | 'animated';
 export interface TabsControlProps extends ListControlProps<TabItemBase> {
     className?: string;
-    tabsType?: TabType;
+    tabsType?: TabsType;
 }

package/dist/ui-kit/TabsControl/renderTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type TabItemBase, type TabType } from './TabItem';
-import { type TabsControlProps } from './TabsControlProps';
-export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) => (tab: TabItemBase, i: number) => JSX.Element;
+import { type TabItemBase } from './TabItem';
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabsType) => (tab: TabItemBase, i: number) => JSX.Element;

package/dist/ui-kit/TabsControl/renderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";;;AAAA,uCAAoE;AAG7D,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAc,EAAE,EAAE,CACpF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,uBAAC,iBAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC;AAXO,QAAA,SAAS,aAWhB"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";;;AAAA,uCAAsD;AAG/C,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAe,EAAE,EAAE,CACrF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,uBAAC,iBAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC;AAXO,QAAA,SAAS,aAWhB"}

package/dist/ui-kit/TabsControl/renderTabItemInner.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type Picture } from '../../model/Picture';
+interface TabsLayoutButtonProps {
+    isActive: boolean;
+    description?: string;
+    icon?: Picture;
+    type: string;
+    text?: string;
+}
+export declare const renderTabItemInner: ({ text, description, icon, isActive, type, }: TabsLayoutButtonProps) => JSX.Element;
+export {};

package/dist/ui-kit/TabsControl/renderTabItemInner.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTabItemInner = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const style_1 = require("../../utils/style");
+const Img_1 = require("../Img/Img");
+const getButtonClassNames = (isActive) => ({
+    btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
+    text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
+    desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
+    icon: isActive ? '' : 'text-primary-main',
+    iconVersion: (isActive ? 'white' : 'normal'),
+    oldText: 'text-m text-center',
+    oldDesc: 'text-m-light',
+});
+const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
+    const buttonClassNames = getButtonClassNames(isActive);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, role: "tab", children: [icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: (0, style_1.style)('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
+                    ...icon,
+                    iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
+                }, width: "24", height: "24", alt: text })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "border-0", children: [(0, jsx_runtime_1.jsx)("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), (0, jsx_runtime_1.jsx)("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
+};
+exports.renderTabItemInner = renderTabItemInner;
+//# sourceMappingURL=renderTabItemInner.js.map

package/dist/ui-kit/TabsControl/renderTabItemInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTabItemInner.tsx"],"names":[],"mappings":";;;AAEA,6CAA0C;AAC1C,oCAAiC;AAEjC,MAAM,mBAAmB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,CAAC;IAClD,GAAG,EAAE,QACH,QAAQ,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC,mCAC5D,EAAE;IACF,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iCAAiC;IACpE,IAAI,EAAE,cAAc,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,4BAA4B,EAAE;IACnF,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;IACzC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAgB;IAC3D,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAUI,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,IAAI,GACkB,EAAE,EAAE;IAC1B,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,aAAK,EAAC,kDAAkD,CAAC,gBACxD,IAAI,EAChB,IAAI,EAAC,KAAK,aAET,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,SAAG,IACF,SAAS,EAAE,IAAA,aAAK,EAAC,yBAAyB,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAClE,KAAK,EAAE;oBACL,GAAG,IAAI;oBACP,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,gBAAgB,CAAC,WAAW;iBAC/D,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,IAAI,GACT,CACH,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,UAAU,aACvB,gCAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,IAAI,GACD,EACN,gCAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,WAAW,GACR,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,kBAAkB,sBAqC7B"}