@foxford/ui 2.80.0-beta-d262988-20250924 → 2.81.0-beta-3000e76-20250930

package/components/Arrow/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","jsx","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAuBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAG,IAACC,UAAI,CAACC,KAAMN,EAAUO,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCV,KAC/E,IAGlB,CACEW,YAzBmB,QA0BnBC,MAAQjB,GAAWA,EAAMa,SAAW,QAAUK,UAAKA,MAAGC,iBAAAA,2DA1BnC"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","jsx","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAmBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAG,IAACC,UAAI,CAACC,KAAMN,EAAUO,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCV,KAC/E,IAGlB,CACEW,YArBmB,QAsBnBC,MAAQjB,GAAWA,EAAMa,SAAW,QAAUK,UAAKA,MAAGC,iBAAAA,2DAtBnC"}

package/components/Arrow/Arrow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oRAWMA,MAAAA,eAAiB,QAYjBC,MAAAA,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CAACC,KAAML,EAAUM,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCT,KAC/E,IAGlB,CACEU,YAzBmB,QA0BnBC,MAAQhB,GAAWA,EAAMY,SAAW,QAAUK,MAAQC"}
+{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oRAWMA,MAAAA,eAAiB,QAQjBC,MAAAA,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CAACC,KAAML,EAAUM,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCT,KAC/E,IAGlB,CACEU,YArBmB,QAsBnBC,MAAQhB,GAAWA,EAAMY,SAAW,QAAUK,MAAQC"}

package/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","jsx","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAsBMA,MAAAA,IAAiDC,gBAAAA,gBACrDC,MAAAA,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAQ,IAACP,WAAa,CAAA,GAAI,KACpCD,WAAAQ,IAACP,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,MAINE,EAAUe,MAAQV,WAAAA,IAACC,MAAAA,KAAW,CAACU,OAAK,IAAM,eAEpClB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEmB,YAnDmB,MAoDnBC,MAAQzB,GACCA,EAAMgB,SAAW,QAAUU,UAAAA,MAAQC,iBAAAA,uCArDzB"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","jsx","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAkBMA,MAAAA,IAAiDC,gBAAAA,gBACrDC,MAAAA,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAQ,IAACP,WAAa,CAAA,GAAI,KACpCD,WAAAQ,IAACP,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,MAINE,EAAUe,MAAQV,WAAAA,IAACC,MAAAA,KAAW,CAACU,OAAK,IAAM,eAEpClB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEmB,YA/CmB,MAgDnBC,MAAQzB,GACCA,EAAMgB,SAAW,QAAUU,UAAAA,MAAQC,iBAAAA,uCAjDzB"}

package/components/Tab/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUMA,MAAAA,eAAiB,MAYjBC,MAAAA,IAAiDC,gBACrDC,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAa,CAAA,GAAI,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEkB,YAnDmB,MAoDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUMA,MAAAA,eAAiB,MAQjBC,MAAAA,IAAiDC,gBACrDC,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAa,CAAA,GAAI,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}

package/dts/index.d.ts

@@ -883,8 +883,8 @@ type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparen
 type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
 type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
 type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
-type Size$b = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type SizeValue = Size$b | CSSGlobalValue | number;
+type Size$d = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type SizeValue = Size$d | CSSGlobalValue | number;
 type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type Color = keyof typeof ColorNames | CSSColor;
 type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
@@ -979,21 +979,21 @@ declare const adultDarkTheme: DefaultTheme;
 /**
  * Value for breakpoint
  */
-type PossibleValues = number | Size$b | 'auto' | 'initial' | 'inherit' | boolean;
+type PossibleValues = number | Size$d | 'auto' | 'initial' | 'inherit' | boolean;
 type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
 type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
 type CssProperty = string | CalcProperty;
 type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
 type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = Partial<Record<`${T}${ResponsiveKeys}`, V>>;
-type ResponsiveProperty<V = number | Size$b> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
-declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$b, number>) => () => () => FlattenSimpleInterpolation | null;
+type ResponsiveProperty<V = number | Size$d> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
+declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size$d, number>) => () => () => FlattenSimpleInterpolation | null;
 interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
     sizes: ResponsiveNamedProperty<T>;
     cssProperty: CssProperty;
     sizing?: null | string;
     customSizeHandler?: (_value: PossibleValues) => PossibleValues;
     sort?: (_a: string, _b: string) => number;
-    predefinedSizes?: Record<Size$b, number>;
+    predefinedSizes?: Record<Size$d, number>;
 }
 /**
  * Миксин для генерации media запросов
@@ -1094,7 +1094,7 @@ interface ExpandButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     /** Кастомные цвета */
     palette?: Partial<Record<keyof ExpandButtonPalette, Color>>;
 }
-interface TextProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
+interface TextProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated */
 DisplayProperty, ColorProperty, Omit<React.HTMLAttributes<HTMLElement>, 'color'>, Omit<React.BlockquoteHTMLAttributes<HTMLElement>, 'color'>, Omit<React.LabelHTMLAttributes<HTMLElement>, 'color'> {
     /** Применение присета стилей и размеров */
@@ -1171,7 +1171,7 @@ declare const Text: React.ForwardRefExoticComponent<TextProps> & {
 type IconPackIconName = Uncapitalize<keyof typeof IconPack>;
 type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
 type IconName = IconPackIconName | IconNameDefault;
-interface IconProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
+interface IconProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
     /** UI: brand (v3), or default (v2) */
     preset?: ThemePreset;
     /** Icon color */
@@ -1275,7 +1275,7 @@ type AnchorPalette = {
     colorHover: CSSColor;
     colorDisabled: CSSColor;
 };
-interface AnchorProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
+interface AnchorProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use children as function */
@@ -1334,9 +1334,9 @@ DisplayProperty {
  */
 declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
 
-type Size$a = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-type Margin$6 = number | string;
-interface ButtonBaseProps extends ResponsiveSizeProps<Size$a>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
+type Size$c = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$8 = number | string;
+interface ButtonBaseProps extends ResponsiveSizeProps<Size$c>, ResponsiveMarginProps, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, 
 /** @deprecated */
 ColorProperty, 
 /** @deprecated */
@@ -1501,43 +1501,43 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default 'm' */
-    size?: Size$a | [DESKTOP: Size$a, TABLET: Size$a, MOBILE: Size$a] | [XL: Size$a, L: Size$a, M: Size$a, S: Size$a, XS: Size$a, XXS: Size$a];
+    size?: Size$c | [DESKTOP: Size$c, TABLET: Size$c, MOBILE: Size$c] | [XL: Size$c, L: Size$c, M: Size$c, S: Size$c, XS: Size$c, XXS: Size$c];
     /**
      * Размер для XXS брейкпоинта.
      *
      * @default undefined */
-    sizeXXS?: Size$a;
+    sizeXXS?: Size$c;
     /**
      * Размер для XS брейкпоинта.
      *
      * @default undefined */
-    sizeXS?: Size$a;
+    sizeXS?: Size$c;
     /**
      * Размер для S брейкпоинта.
      *
      * @default undefined */
-    sizeS?: Size$a;
+    sizeS?: Size$c;
     /**
      * Размер для M брейкпоинта.
      *
      * @default undefined */
-    sizeM?: Size$a;
+    sizeM?: Size$c;
     /**
      * Размер для L брейкпоинта.
      *
      * @default undefined */
-    sizeL?: Size$a;
+    sizeL?: Size$c;
     /**
      * Размер для XL брейкпоинта.
      *
      * @default undefined */
-    sizeXL?: Size$a;
+    sizeXL?: Size$c;
     /**
      * Модификация размеров.
      *
      * @general
      * @default undefined */
-    sizes?: Partial<Record<Size$a, React.CSSProperties>>;
+    sizes?: Partial<Record<Size$c, React.CSSProperties>>;
     /**
      * Внешние отступы.
      *
@@ -1545,37 +1545,37 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
      *
      * @general
      * @default undefined */
-    margin?: Margin$6 | [DESKTOP: Margin$6, TABLET: Margin$6, MOBILE: Margin$6] | [XL: Margin$6, L: Margin$6, M: Margin$6, S: Margin$6, XS: Margin$6, XXS: Margin$6];
+    margin?: Margin$8 | [DESKTOP: Margin$8, TABLET: Margin$8, MOBILE: Margin$8] | [XL: Margin$8, L: Margin$8, M: Margin$8, S: Margin$8, XS: Margin$8, XXS: Margin$8];
     /**
      * Отступ для XXS брейкпоинта.
      *
      * @default undefined */
-    marginXXS?: Margin$6;
+    marginXXS?: Margin$8;
     /**
      * Отступ для XS брейкпоинта.
      *
      * @default undefined */
-    marginXS?: Margin$6;
+    marginXS?: Margin$8;
     /**
      * Отступ для S брейкпоинта.
      *
      * @default undefined */
-    marginS?: Margin$6;
+    marginS?: Margin$8;
     /**
      * Отступ для M брейкпоинта.
      *
      * @default undefined */
-    marginM?: Margin$6;
+    marginM?: Margin$8;
     /**
      * Отступ для L брейкпоинта.
      *
      * @default undefined */
-    marginL?: Margin$6;
+    marginL?: Margin$8;
     /**
      * Отступ для XL брейкпоинта.
      *
      * @default undefined */
-    marginXL?: Margin$6;
+    marginXL?: Margin$8;
     /** @ignore */
     primary?: boolean;
     /** @ignore */
@@ -1666,62 +1666,165 @@ interface AlertProps extends BaseProps {
 
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
 
-type ArrowPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorActive: CSSColor;
-    backgroundColorActive: CSSColor;
-    borderColorActive: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-    shadowColor: CSSColor;
-};
+type Size$b = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$7 = number | string;
 interface ArrowProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
     /**
-     * UI: v3 (brand), or v2 (default)
-     * @default "default" */
-    preset?: ThemePreset;
+     * Версия компонента: v3 ("brand") или v2 ("default").
+     *
+     * @general
+     * @default 'default' */
+    preset?: 'default' | 'brand';
     /**
-     * Custom colors
+     * Кастомные цвета.
+     *
+     * @general
      * @default undefined */
-    palette?: Partial<Record<keyof ArrowPalette, Color>>;
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        borderColor?: Color;
+        colorHover?: Color;
+        backgroundColorHover?: Color;
+        borderColorHover?: Color;
+        colorActive?: Color;
+        backgroundColorActive?: Color;
+        borderColorActive?: Color;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+        borderColorDisabled?: Color;
+        shadowColor?: Color;
+    };
     /**
-     * Props for icon component
+     * Пропсы для компонента иконки.
+     *
+     * @general
      * @default {} */
     iconProps?: IconProps;
     /**
-     * Shape variant
+     * Квадратная форма рутового элемента.
+     *
+     * @general
      * @default false */
     square?: boolean;
     /**
-     * Arrow direction
+     * Вариант направления стрелки.
+     *
+     * @general
      * @default true */
     top?: boolean;
     /**
-     * Arrow direction
+     * Вариант направления стрелки.
+     *
+     * @general
      * @default false */
     right?: boolean;
     /**
-     * Arrow direction
+     * Вариант направления стрелки.
+     *
+     * @general
      * @default false */
     bottom?: boolean;
     /**
-     * Arrow direction
+     * Вариант направления стрелки.
+     *
+     * @general
      * @default false */
     left?: boolean;
     /**
-     * Appearance variant
+     * Вариант цветовой схемы.
+     *
+     * @general
      * @default false */
     contrast?: boolean;
     /**
-     * Appearance variant
+     * Вариант внешнего вида.
+     *
+     * @general
      * @default false */
     outline?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'l' */
+    size?: Size$b | [DESKTOP: Size$b, TABLET: Size$b, MOBILE: Size$b] | [XL: Size$b, L: Size$b, M: Size$b, S: Size$b, XS: Size$b, XXS: Size$b];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$b;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$b;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$b;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$b;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$b;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$b;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$b, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$7 | [DESKTOP: Margin$7, TABLET: Margin$7, MOBILE: Margin$7] | [XL: Margin$7, L: Margin$7, M: Margin$7, S: Margin$7, XS: Margin$7, XXS: Margin$7];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$7;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$7;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$7;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$7;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$7;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$7;
     /** @ignore */
     inverse?: boolean;
     /** @ignore @deprecated */
@@ -1730,13 +1833,9 @@ interface ArrowProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveM
 
 /**
  *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
+ * Контрол многоцелевого назначения.
  *
- * See full [ArrowProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Arrow/types.ts)
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
  */
 declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
 
@@ -1971,7 +2070,7 @@ type ArrowBadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface ArrowBadgeProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
+interface ArrowBadgeProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
@@ -2013,47 +2112,174 @@ ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'colo
  */
 declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
 
-type TabPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-};
-interface TabProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
+type Size$a = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
+type Margin$6 = number | string;
+interface TabProps extends ResponsiveSizeProps<Size$a, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, 
 /** @deprecated Use palette */
 ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof TabPalette, Color>>;
-    /** React children */
+    /**
+     * Версия компонента: v3 ("brand") или v2 ("default").
+     *
+     * @general
+     * @default 'default' */
+    preset?: 'default' | 'brand';
+    /**
+     * Кастомные цвета.
+     *
+     * @general
+     * @default undefined */
+    palette?: {
+        color?: Color;
+        backgroundColor?: Color;
+        borderColor?: Color;
+        colorHover?: Color;
+        backgroundColorHover?: Color;
+        borderColorHover?: Color;
+        colorDisabled?: Color;
+        backgroundColorDisabled?: Color;
+        borderColorDisabled?: Color;
+    };
+    /**
+     * Основной контент.
+     *
+     * @general
+     * @default undefined */
     children: React.ReactNode | ((props: {
         textProps: TextProps;
         baseTextProps: Partial<TextProps>;
     }) => React.ReactNode);
-    /** Props for text component */
+    /**
+     * Пропсы для компонента типографики.
+     *
+     * @general
+     * @default {} */
     textProps?: TextProps;
-    /** Active appearance */
+    /**
+     * Признак, управляющий активным состоянием.
+     *
+     * @general
+     * @default false */
     active?: boolean;
-    /** Appearance variant */
+    /**
+     * Вариант внешнего вида.
+     *
+     * @general
+     * @default false */
     outline?: boolean;
-    /** Appearance variant */
+    /**
+     * Вариант внешнего вида.
+     *
+     * @general
+     * @default false */
     onColored?: boolean;
-    /** Appearance variant */
+    /**
+     * Вариант внешнего вида.
+     *
+     * @general
+     * @default false */
     black?: boolean;
-    /** Pointed left */
+    /**
+     * Вариант направления указателя.
+     *
+     * @general
+     * @default false */
     left?: boolean;
-    /** Pointed right */
+    /**
+     * Вариант направления указателя.
+     *
+     * @general
+     * @default false */
     right?: boolean;
-    /** Border radius applied */
+    /**
+     * Скруглённые границы рутового элемента.
+     *
+     * @general
+     * @default false */
     rounded?: boolean;
+    /**
+     * Размер.
+     *
+     * Использование кортежей включает применение размеров в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default 'm' */
+    size?: Size$a | [DESKTOP: Size$a, TABLET: Size$a, MOBILE: Size$a] | [XL: Size$a, L: Size$a, M: Size$a, S: Size$a, XS: Size$a, XXS: Size$a];
+    /**
+     * Размер для XXS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXXS?: Size$a;
+    /**
+     * Размер для XS брейкпоинта.
+     *
+     * @default undefined */
+    sizeXS?: Size$a;
+    /**
+     * Размер для S брейкпоинта.
+     *
+     * @default undefined */
+    sizeS?: Size$a;
+    /**
+     * Размер для M брейкпоинта.
+     *
+     * @default undefined */
+    sizeM?: Size$a;
+    /**
+     * Размер для L брейкпоинта.
+     *
+     * @default undefined */
+    sizeL?: Size$a;
+    /**
+     * Размер для XL брейкпоинта.
+     *
+     * @default undefined */
+    sizeXL?: Size$a;
+    /**
+     * Модификация размеров.
+     *
+     * @general
+     * @default undefined */
+    sizes?: Partial<Record<Size$a, React.CSSProperties>>;
+    /**
+     * Внешние отступы.
+     *
+     * Использование кортежей включает применение отступов в зависимости от ширины вьюпорта.
+     *
+     * @general
+     * @default undefined */
+    margin?: Margin$6 | [DESKTOP: Margin$6, TABLET: Margin$6, MOBILE: Margin$6] | [XL: Margin$6, L: Margin$6, M: Margin$6, S: Margin$6, XS: Margin$6, XXS: Margin$6];
+    /**
+     * Отступ для XXS брейкпоинта.
+     *
+     * @default undefined */
+    marginXXS?: Margin$6;
+    /**
+     * Отступ для XS брейкпоинта.
+     *
+     * @default undefined */
+    marginXS?: Margin$6;
+    /**
+     * Отступ для S брейкпоинта.
+     *
+     * @default undefined */
+    marginS?: Margin$6;
+    /**
+     * Отступ для M брейкпоинта.
+     *
+     * @default undefined */
+    marginM?: Margin$6;
+    /**
+     * Отступ для L брейкпоинта.
+     *
+     * @default undefined */
+    marginL?: Margin$6;
+    /**
+     * Отступ для XL брейкпоинта.
+     *
+     * @default undefined */
+    marginXL?: Margin$6;
     /** @ignore */
     compact?: boolean;
     /** @ignore */
@@ -2068,13 +2294,9 @@ ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color
 
 /**
  *
- * Component accepts all \<button\> attributes.
+ * Контрол, предназначенный для навигации между разделами контента.
  *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [TabProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Tab/types.ts)
+ * Поддерживается "ref" и все нативные атрибуты \<button\> элемента.
  */
 declare const Tab: React.ForwardRefExoticComponent<TabProps>;
 
@@ -2082,7 +2304,7 @@ type BadgePalette = {
     color: CSSColor;
     backgroundColor: CSSColor;
 };
-interface BadgeProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, 
+interface BadgeProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty, 
 /** @deprecated Use children as function */
@@ -3059,7 +3281,7 @@ type ListItemPalette = {
     backgroundColorHover: CSSColor;
     mediaPlaceholderColor: CSSColor;
 };
-interface ListItemProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
+interface ListItemProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
     /** Root node type */
     as?: React.ElementType;
     /** Main text content or render function */
@@ -3137,7 +3359,7 @@ type IndicatorPalette = {
     backgroundColor: CSSColor;
     shadowColor: CSSColor;
 };
-interface IndicatorProps extends ResponsiveSizeProps<Size$b, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
+interface IndicatorProps extends ResponsiveSizeProps<Size$d, SizeValue>, ResponsiveMarginProps, React.ComponentPropsWithRef<'span'> {
     /** Custom colors */
     palette?: Partial<Record<keyof IndicatorPalette, Color>>;
     /** Text content */
@@ -3182,7 +3404,7 @@ type AvatarPalette = {
     shadowColor: CSSColor;
 };
 type AvatarSize = SizeValue | 'sm';
-interface AvatarProps extends ResponsiveSizeProps<Size$b, AvatarSize>, ResponsiveMarginProps, 
+interface AvatarProps extends ResponsiveSizeProps<Size$d, AvatarSize>, ResponsiveMarginProps, 
 /** @deprecated Use palette */
 ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
     /** UI: brand (v3), or default (v2) */
@@ -5278,7 +5500,7 @@ declare const useScrollMonitor: ({ target, scrollThrottleMS, scrollEndDebounceMS
 
 declare const vAlign: (align: "top" | "middle" | "bottom" | "text-top" | "text-bottom" | "baseline") => styled_components.FlattenSimpleInterpolation;
 
-declare function buildMediaQuery(value: number | Size$b | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$b, number>): ReturnType<typeof css>;
+declare function buildMediaQuery(value: number | Size$d | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size$d, number>): ReturnType<typeof css>;
 declare const desktopFirst: (a: string, b: string) => number;
 declare const mobileFirst: (a: string, b: string) => number;
 
@@ -7561,4 +7783,4 @@ type AspectRatioProps = AspectRatioBaseProps & Omit<React.ComponentPropsWithRef<
  */
 declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps>;
 
-export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$b as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };
+export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$d as Size, type SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithThemePreset, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollMonitor, vAlign };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.80.0-beta-d262988-20250924",
+  "version": "2.81.0-beta-3000e76-20250930",
   "description": "UI components and utilities",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -68,6 +68,6 @@
     "shared",
     "theme"
   ],
-  "sha": "d262988",
+  "sha": "3000e76",
   "scripts": {}
 }