@salutejs/plasma-new-hope 0.163.0-canary.1475.11269507677.0 → 0.164.0-canary.1475.11270666367.0

package/styled-components/es/examples/{plasma_b2c/components/Tabs/TabItem.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js}

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { tabsTokens } from '../../../../components/Tabs';
+import { tabsTokens } from '../../../../../components/Tabs';
 export var config = {
   defaults: {
     view: 'default',
@@ -7,10 +7,10 @@ export var config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
-      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
-      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor),
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);"], tabsTokens.itemColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemSelectedDividerColorHover, tabsTokens.additionalContentColor, tabsTokens.additionalContentHoverColor, tabsTokens.additionalContentSelectedColor, tabsTokens.additionalContentSelectedHoverColor)
+      clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
+      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
+      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
     },
     size: {
       xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),

package/styled-components/es/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js}

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { tabsTokens } from '../../../../components/Tabs';
+import { tabsTokens } from '../../../../../components/Tabs';
 export var config = {
   defaults: {
     view: 'filled',

package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js

@@ -0,0 +1,22 @@
+import { css } from 'styled-components';
+import { tabsTokens } from '../../../../../components/Tabs';
+export var config = {
+  defaults: {
+    view: 'divider',
+    size: 'xs'
+  },
+  variations: {
+    view: {
+      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
+    },
+    size: {
+      xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
+      s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
+      m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
+      l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js

@@ -0,0 +1,22 @@
+import { css } from 'styled-components';
+import { tabsTokens } from '../../../../../components/Tabs';
+export var config = {
+  defaults: {
+    view: 'divider',
+    size: 'xs'
+  },
+  variations: {
+    view: {
+      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
+    },
+    size: {
+      xs: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+      s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+      m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
+      l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
+    }
+  }
+};

package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/RangeDate/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAwBhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/RangeDate/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsBhB,CAAC"}

package/types/components/Tabs/TabItem.types.d.ts

@@ -0,0 +1,96 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { AsProps } from '../../types';
+declare type RightContent = {
+    /**
+     * Значение таба
+     */
+    value?: string | number;
+    /**
+     * Слот для контента справа, например `Icon`
+     */
+    contentRight?: never;
+} | {
+    /**
+     * Значение таба
+     */
+    value?: never;
+    /**
+     * Слот для контента справа, например `Icon`
+     */
+    contentRight?: ReactNode;
+};
+export interface BaseTabItemProps extends ButtonHTMLAttributes<HTMLButtonElement>, AsProps {
+    /**
+     * Выбран ли TabItem
+     */
+    selected?: boolean;
+    /**
+     * TabItem неактивен
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Контент слева
+     */
+    contentLeft?: ReactNode;
+    /**
+     * Контент справа
+     */
+    contentRight?: ReactNode;
+    /**
+     * Callback, необходимый для клавиатурной навигации
+     */
+    onIndexChange?: (index: number) => void;
+    /**
+     * Индекс TabItem внутри Tabs - необходим для клавиатурной навигации
+     */
+    itemIndex?: number;
+}
+export declare type CustomHorizontalTabItemProps = {
+    /**
+     * Расположение табов
+     */
+    orientation?: 'horizontal';
+    /**
+     * TabItem c округлым border-radius
+     * @default false
+     */
+    pilled?: boolean;
+    /**
+     * Фон TabItem меняется с анимацией
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Вид TabItem
+     */
+    view?: string;
+    /**
+     * Размер TabItem
+     */
+    size?: string;
+    /**
+     * Активен ли TabItem
+     * @deprecated Используйте свойство `selected`
+     */
+    isActive?: boolean;
+} & RightContent;
+export declare type CustomVerticalTabItemProps = {
+    /**
+     * Расположение табов
+     */
+    orientation: 'vertical';
+    /**
+     * Вид TabItem
+     */
+    view?: string;
+    /**
+     * Размер TabItem
+     */
+    size?: string;
+} & RightContent;
+export declare type HorizontalTabItemProps = BaseTabItemProps & CustomHorizontalTabItemProps;
+export declare type VerticalTabItemProps = BaseTabItemProps & CustomVerticalTabItemProps;
+export declare type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps;
+export {};
+//# sourceMappingURL=TabItem.types.d.ts.map

package/types/components/Tabs/TabItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,aAAK,YAAY,GACX;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACtF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oBAAY,4BAA4B,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,YAAY,CAAC;AAEjB,oBAAY,0BAA0B,GAAG;IACrC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,oBAAY,sBAAsB,GAAG,gBAAgB,GAAG,4BAA4B,CAAC;AAErF,oBAAY,oBAAoB,GAAG,gBAAgB,GAAG,0BAA0B,CAAC;AAEjF,oBAAY,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC"}

package/types/components/Tabs/{ui/Tabs/Tabs.types.d.ts → Tabs.types.d.ts}

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from 'react';
-import type { AsProps } from '../../../../types';
-export declare type CustomTabsProps = {
+import type { AsProps } from '../../types';
+export interface BaseTabsProps extends HTMLAttributes<HTMLDivElement>, AsProps {
     /**
      * Как ведет себя компонент при ограничении ширины
      * @default 'scroll'
@@ -14,6 +14,16 @@ export declare type CustomTabsProps = {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Индекс активного элемента, необходим для клавиатурной навигации
+     */
+    index?: number;
+}
+export declare type CustomHorizontalTabsProps = {
+    /**
+     * Расположение табов
+     */
+    orientation?: 'horizontal';
     /**
      * Табы растянуты на доступную область
      * @default false
@@ -24,18 +34,14 @@ export declare type CustomTabsProps = {
      * @default false
      */
     pilled?: boolean;
-    /**
-     * Размер табов
-     */
-    size?: string;
     /**
      * Вид табов
      */
     view?: string;
     /**
-     * Индекс активного элемента, необходим для клавиатурной навигации
+     * Размер табов
      */
-    index?: number;
+    size?: string;
     /**
      * Уберет скругление с выбранной стороны и подвинет контейнер
      * @deprecated
@@ -45,5 +51,26 @@ export declare type CustomTabsProps = {
         right?: string;
     };
 };
-export declare type TabsProps = HTMLAttributes<HTMLDivElement> & AsProps & CustomTabsProps;
+export declare type CustomVerticalTabsProps = {
+    /**
+     * Расположение табов
+     */
+    orientation: 'vertical';
+    /**
+     * Наличие divider
+     * @default true
+     */
+    hasDivider?: boolean;
+    /**
+     * Вид табов
+     */
+    view?: string;
+    /**
+     * Размер табов
+     */
+    size?: string;
+};
+export declare type HorizontalTabsProps = BaseTabsProps & CustomHorizontalTabsProps;
+export declare type VerticalTabsProps = BaseTabsProps & CustomVerticalTabsProps;
+export declare type TabsProps = HorizontalTabsProps | VerticalTabsProps;
 //# sourceMappingURL=Tabs.types.d.ts.map

package/types/components/Tabs/Tabs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO;IAC1E;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,yBAAyB,GAAG;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,aAAa,GAAG,yBAAyB,CAAC;AAE5E,oBAAY,iBAAiB,GAAG,aAAa,GAAG,uBAAuB,CAAC;AAExE,oBAAY,SAAS,GAAG,mBAAmB,GAAG,iBAAiB,CAAC"}

package/types/components/Tabs/createTabsController.d.ts

@@ -1,9 +1,10 @@
 import React, { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { TabsProps, TabItemProps } from '.';
-export interface TabsControllerProps extends TabsProps {
+import { HorizontalTabItemProps } from './TabItem.types';
+import { HorizontalTabsProps } from './Tabs.types';
+export interface TabsControllerProps extends HorizontalTabsProps {
     items: Array<{
         label: string;
-    } & TabItemProps>;
+    } & HorizontalTabItemProps>;
     index: number;
     onIndexChange: (index: number) => void;
     children?: never;
@@ -16,5 +17,5 @@ export interface TabsControllerProps extends TabsProps {
  * Функция для создания `TabController`, которая дает возможность
  * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.
  */
-export declare function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(ListComponent: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>, ItemComponent: ForwardRefExoticComponent<TabItemProps & RefAttributes<HTMLDivElement>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
+export declare function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>, ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
 //# sourceMappingURL=createTabsController.d.ts.map

package/types/components/Tabs/createTabsController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTabsController.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/createTabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IAClD,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,SAAS,mBAAmB,EACxF,aAAa,EAAE,yBAAyB,CAAC,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,EACnF,aAAa,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,sFAwBzF"}
+{"version":3,"file":"createTabsController.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/createTabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC5D,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,sBAAsB,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,SAAS,mBAAmB,EACxF,aAAa,EAAE,yBAAyB,CAAC,mBAAmB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,EAC7F,aAAa,EAAE,yBAAyB,CAAC,sBAAsB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,sFAwBnG"}

package/types/components/Tabs/index.d.ts

@@ -1,9 +1,11 @@
-export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs';
-export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem';
+export { horizontalTabsRoot, horizontalTabsConfig } from './ui/horizontal/HorizontalTabs/HorizontalTabs';
+export { horizontalTabItemRoot, horizontalTabItemConfig } from './ui/horizontal/HorizontalTabItem/HorizontalTabItem';
+export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
+export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
 export { tokens as tabsTokens } from './tokens';
 export { TabItemRefs, TabsContext } from './TabsContext';
 export { createTabsController } from './createTabsController';
 export type { TabsControllerProps } from './createTabsController';
-export type { TabsProps } from './ui/Tabs/Tabs.types';
-export type { TabItemProps } from './ui/TabItem/TabItem.types';
+export type { HorizontalTabsProps } from './Tabs.types';
+export type { HorizontalTabItemProps } from './TabItem.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

package/types/components/Tabs/tokens.d.ts

@@ -3,6 +3,7 @@ export declare const classes: {
     tabsPilled: string;
     tabsGroupFilledBackground: string;
     tabsStretch: string;
+    tabsNoDivider: string;
     tabItemDivider: string;
     tabItemAnimated: string;
     tabContent: string;
@@ -10,18 +11,23 @@ export declare const classes: {
     tabLeftContent: string;
     tabsHasLeftArrow: string;
     tabsHasRightArrow: string;
+    tabsHasTopArrow: string;
+    tabsHasBottomArrow: string;
     tabsClipScroll: string;
     tabsClipShowAll: string;
 };
 export declare const tokens: {
     disabledOpacity: string;
     containerWidth: string;
+    containerHeight: string;
     cursor: string;
     color: string;
     colorHover: string;
+    tabsDividerWidth: string;
     tabsDividerHeight: string;
     tabsDividerColor: string;
     tabsDividerBorderRadius: string;
+    itemSelectedDividerWidth: string;
     itemSelectedDividerHeight: string;
     itemSelectedDividerColor: string;
     itemSelectedDividerColorHover: string;
@@ -41,6 +47,7 @@ export declare const tokens: {
     itemPadding: string;
     itemPaddingClear: string;
     itemPaddingPilled: string;
+    itemPaddingOrientationVertical: string;
     itemMarginLeft: string;
     itemMarginLeftFilled: string;
     itemContentGap: string;
@@ -50,19 +57,20 @@ export declare const tokens: {
     arrowOuterPadding: string;
     arrowViewOuterPadding: string;
     itemColor: string;
+    itemValueColor: string;
     itemBackgroundColor: string;
     itemColorHover: string;
+    itemValueColorHover: string;
     itemColorActive: string;
+    itemValueColorActive: string;
     itemBackgroundColorHover: string;
     itemSelectedColor: string;
+    itemSelectedValueColor: string;
     itemSelectedBackgroundColor: string;
     itemSelectedColorHover: string;
+    itemSelectedValueColorHover: string;
     itemSelectedBackgroundColorHover: string;
     itemBackgroundTransition: string;
-    additionalContentColor: string;
-    additionalContentHoverColor: string;
-    additionalContentSelectedColor: string;
-    additionalContentSelectedHoverColor: string;
     fontFamily: string;
     fontSize: string;
     fontStyle: string;

package/types/components/Tabs/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoElB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwElB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { RootProps } from '../../../../../engines';
+import { HorizontalTabItemProps } from '../../../TabItem.types';
+export declare const horizontalTabItemRoot: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const horizontalTabItemConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) => React.ForwardRefExoticComponent<HorizontalTabItemProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+        pilled: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+    };
+};
+//# sourceMappingURL=HorizontalTabItem.d.ts.map

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGA+GvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBAjHQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAwI5F,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TabItemValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const RightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=HorizontalTabItem.styles.d.ts.map

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAqChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAExB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAchB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAOhB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAahB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2DhB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { RootProps } from '../../../../../engines/types';
+import type { HorizontalTabsProps } from '../../../Tabs.types';
+export declare const horizontalTabsRoot: (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) => React.ForwardRefExoticComponent<import("../../../Tabs.types").BaseTabsProps & import("../../../Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const horizontalTabsConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) => React.ForwardRefExoticComponent<import("../../../Tabs.types").BaseTabsProps & import("../../../Tabs.types").CustomHorizontalTabsProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+        stretch: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+        pilled: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=HorizontalTabs.d.ts.map

package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAK9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAiB/D,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC,iLA6MjF,CAAC;AAEP,eAAO,MAAM,oBAAoB;;;mBA/MQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA2OtF,CAAC"}

package/types/components/Tabs/ui/{Tabs/Tabs.styles.d.ts → horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts}

@@ -6,4 +6,4 @@ export declare const StyledArrow: import("@linaria/react").StyledComponent<impor
     isLeftArrow?: boolean | undefined;
     isFilled?: boolean | undefined;
 }>;
-//# sourceMappingURL=Tabs.styles.d.ts.map
+//# sourceMappingURL=HorizontalTabs.styles.d.ts.map

package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;EAyBvB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAShB,CAAC"}

package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}

package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { RootProps } from '../../../../../engines';
+import { VerticalTabItemProps } from '../../../TabItem.types';
+export declare const verticalTabItemRoot: (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) => React.ForwardRefExoticComponent<VerticalTabItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const verticalTabItemConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) => React.ForwardRefExoticComponent<VerticalTabItemProps & React.RefAttributes<HTMLButtonElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+    };
+    defaults: {
+        view: string;
+    };
+};
+//# sourceMappingURL=VerticalTabItem.d.ts.map

package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,CAAC,mGAwGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBA1GQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CA8H3F,CAAC"}

package/types/components/Tabs/ui/{TabItem/TabItem.styles.d.ts → vertical/VerticalTabItem/VerticalTabItem.styles.d.ts}

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export declare const base: import("@linaria/core").LinariaClassName;
 export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TabItemValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const RightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const LeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-//# sourceMappingURL=TabItem.styles.d.ts.map
+//# sourceMappingURL=VerticalTabItem.styles.d.ts.map

package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAiChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAExB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}

package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAchB,CAAC"}

package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map