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

package/lib/components/TabsLayout/TabsLayout.js

@@ -1,33 +1,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
-import { useCarouselControls } from '../../hooks/useCarouselControls.js';
+import { useRouter } from '../../hooks/useRouter.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer.js';
-import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll.js';
 import { UniBlock } from '../../UniBlock/UniBlock.js';
 import { style } from '../../utils/style.js';
-import { CarouselScrollButtons } from '../Carousel/CarouselScrollButtons.js';
-import { alignTabStyle } from './alignTabStyle.js';
-import { TabsLayoutButton } from './TabsLayoutButton.js';
-import { TabsLayoutRedirectSection } from './TabsLayoutRedirectSection.js';
-export const TabsLayout = UniBlock(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
+import { renderTabsLayout } from './renderTabsLayout.js';
+const TAB_QUERY_PARAM_KEY = 'tab';
+export const TabsLayout = UniBlock(({ className = '', tabs = [], block, tabsType, ...rest }) => {
+    const router = useRouter();
+    const { isReady } = router;
     const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
+    const defaultSelectedTab = tabs.findIndex((_) => Boolean(_.selected));
+    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 }] = useCarouselControls({ itemCount }, activeTabIndex);
-    const [containerRef, scroll] = useSwipeListScroll({ itemCount });
-    return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [_jsxs("div", { className: "relative border-b-8 border-primary-main", children: [_jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), _jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (_jsx(TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : (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 = useCallback((_) => {
+        const index = tabs.indexOf(_);
+        const tab = tabs[index];
+        setActiveTabIndex(index);
+        if (tab.type === 'group') {
+            updateUrlSearchTabParam(_, index);
+        }
+    }, [tabs]);
+    return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [renderTabsLayout({
+                items: tabs,
+                value: tabs[activeTabIndex],
+                tabsType,
+                onChange: handleChange,
+            }), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: 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) => (_jsx(TabsLayoutButton, { className: alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
 //# sourceMappingURL=TabsLayout.js.map

package/lib/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/lib/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/lib/components/TabsLayout/renderTabsLayout.d.ts

@@ -0,0 +1,10 @@
+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/lib/components/TabsLayout/renderTabsLayout.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { ScrollableTabsControl } from '../../ui-kit/TabsControl/ScrollableTabsControl.js';
+import { TabsControl } from '../../ui-kit/TabsControl/TabsControl.js';
+export const renderTabsLayout = ({ tabsType = 'animated', ...props }) => {
+    switch (tabsType) {
+        case 'default':
+            return _jsx(TabsControl, { ...props });
+        case 'underlined':
+            return (_jsx("div", { className: "flex", children: _jsx(TabsControl, { className: "m-auto", tabsType: "underlined", ...props }) }));
+        case 'animated':
+            return (_jsx("div", { className: "border-b-8 border-primary-main", children: _jsx(ScrollableTabsControl, { className: "m-auto", ...props, tabsType: "animated" }) }));
+        default:
+            return null;
+    }
+};
+//# sourceMappingURL=renderTabsLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderTabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/renderTabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAEvF,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAUnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IACvF,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,YAAY;YACf,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,YAAY,KAAK,KAAK,GAAI,GAC/D,CACP,CAAC;QACJ,KAAK,UAAU;YACb,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,qBAAqB,IAAC,SAAS,EAAC,QAAQ,KAAK,KAAK,EAAE,QAAQ,EAAC,UAAU,GAAG,GACvE,CACP,CAAC;QACJ;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC"}

package/lib/hooks/useAspects/handleAspects.d.ts

@@ -1,4 +1,4 @@
-import { type FormState } from '../../components/ApplicationFormCustom/getInitialFormState';
+import { type FormState } from '../../components/ApplicationForm/getInitialFormState';
 import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
 import { type Aspects, type AspectsAttribute } from './useAspects';
 export declare type HandleAspectsProps = {

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

@@ -5,11 +5,23 @@ import { ScrollLeftButton, ScrollRightButton } from '../LinkButton/ArrowButton.j
 import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer.js';
 import { useSwipeListScroll } from '../SwipeListControl/useSwipeListScroll.js';
 import { renderTab } from './renderTab.js';
-const scrollButtonStyle = 'hidden sm:flex absolute z-40 top-0';
-export const ScrollableTabsControl = 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',
+    },
+};
+export const ScrollableTabsControl = JSX(({ className, items = [], value, onChange, tabsType = 'default' }) => {
     const [containerRef, scroll] = useSwipeListScroll({
         itemCount: items?.length || 0,
     });
-    return (_jsxs("div", { className: style('relative overflow-x-auto no-scrollbar', className), role: "tablist", children: [_jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: items.map(renderTab(value, onChange, tabsType)) }), scroll.canScrollLeft ? (_jsx(ScrollLeftButton, { className: style('left-6', scrollButtonStyle), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (_jsx(ScrollRightButton, { className: style('right-6', scrollButtonStyle), onClick: scroll.scrollRight })) : null] }));
+    return (_jsxs("div", { className: style('relative overflow-x-auto no-scrollbar', className), children: [_jsx(SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, itemClassName: scrollStyleType[tabsType].itemClassName, gap: scrollStyleType[tabsType].gap, children: items.map(renderTab(value, onChange, tabsType)) }), scroll.canScrollLeft ? (_jsx(ScrollLeftButton, { className: style('left-6', scrollButtonStyle, scrollStyleType[tabsType].buttonTop), onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? (_jsx(ScrollRightButton, { className: style('right-6', scrollButtonStyle, scrollStyleType[tabsType].buttonTop), onClick: scroll.scrollRight })) : null] }));
 });
 //# sourceMappingURL=ScrollableTabsControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableTabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/ScrollableTabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACtC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvD,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,aACvF,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC7B,EACpB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EAC7C,OAAO,EAAE,MAAM,CAAC,UAAU,GAC1B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,KAAC,iBAAiB,IAChB,SAAS,EAAE,KAAK,CAAC,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;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;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACtC,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,kBAAkB,CAAiB;QAChE,SAAS,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,uCAAuC,EAAE,SAAS,CAAC,aACvE,KAAC,kBAAkB,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,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC7B,EACpB,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,KAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,CACd,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,KAAC,iBAAiB,IAChB,SAAS,EAAE,KAAK,CACd,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/lib/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/lib/ui-kit/TabsControl/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgB9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,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,KAAC,YAAY,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,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAK9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,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,KAAC,YAAY,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,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}

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

@@ -1,31 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
-import { Text } from '../Text/Text.js';
+import { renderTabItemInner } from './renderTabItemInner.js';
 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',
 };
-export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
+export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
     const Tag = tag;
-    const { text, appendRight, ...link } = item;
-    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [_jsx(Text, { size: "text-m", children: text }), appendRight ? _jsx("div", { className: "ml-xs", children: appendRight }) : null] }) }));
+    const { text, description, icon, appendRight, ...link } = item;
+    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tablist", onClick: onClick, ...link, children: _jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [renderTabItemInner({
+                    text,
+                    description,
+                    icon,
+                    isActive,
+                    type,
+                }), appendRight ? _jsx("div", { className: "ml-xs", children: appendRight }) : null] }) }));
 });
 //# sourceMappingURL=TabItemInner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;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;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,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,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,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,eACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,EAChC,WAAW,CAAC,CAAC,CAAC,cAAK,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;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;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,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,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,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,eACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAEA,kBAAkB,CAAC;oBAClB,IAAI;oBACJ,WAAW;oBACX,IAAI;oBACJ,QAAQ;oBACR,IAAI;iBACL,CAAC,EACD,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -3,6 +3,6 @@ import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
     scrollable: JSX.Element;
-    rounded: JSX.Element;
+    animated: JSX.Element;
 };
 export default _default;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cAAK,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5F,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cACE,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAC1E,IAAI,EAAC,UAAU,YAEd,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}

package/lib/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/lib/ui-kit/TabsControl/renderTab.d.ts

@@ -1,3 +1,3 @@
-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/lib/ui-kit/TabsControl/renderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAkC,MAAM,WAAW,CAAC;AAGpE,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAc,EAAE,EAAE,CACpF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,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"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAGtD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAe,EAAE,EAAE,CACrF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,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"}

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

@@ -0,0 +1,10 @@
+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/lib/ui-kit/TabsControl/renderTabItemInner.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { style } from '../../utils/style.js';
+import { Img } from '../Img/Img.js';
+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',
+});
+export const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
+    const buttonClassNames = getButtonClassNames(isActive);
+    return (_jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, role: "tab", children: [icon ? (_jsx(Img, { className: 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, _jsxs("div", { className: "border-0", children: [_jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), _jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
+};
+//# sourceMappingURL=renderTabItemInner.js.map

package/lib/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,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;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;AAUH,MAAM,CAAC,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,eACE,SAAS,EAAE,KAAK,CAAC,kDAAkD,CAAC,gBACxD,IAAI,EAChB,IAAI,EAAC,KAAK,aAET,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,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,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,IAAI,GACD,EACN,cAAK,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"}