@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js

@@ -9,41 +9,35 @@ var common = require('../../../../../../engines/common.js');
 var Select$1 = require('../../../../../Select/Select.js');
 var Indicator$1 = require('../../../../../Indicator/Indicator.js');
 
-var SelectBase = /*#__PURE__*/common.component(Select$1.selectConfig);
-var _exp = function _exp() {
-  return SelectBase;
-};
-var Select = /*#__PURE__*/react.styled(_exp())({
+const SelectBase = common.component(Select$1.selectConfig);
+const _exp = /*#__PURE__*/() => SelectBase;
+const Select = /*#__PURE__*/react.styled(_exp())({
   name: "Select",
-  "class": "ss3v1fl",
+  class: "ss3v1fl",
   propsAsIs: true
 });
-var mergedIndicatorConfig = /*#__PURE__*/common.mergeConfig(Indicator$1.indicatorConfig);
-var Indicator = /*#__PURE__*/common.component(mergedIndicatorConfig);
-var IconFilterWrapper = /*#__PURE__*/react.styled('div')({
+const mergedIndicatorConfig = common.mergeConfig(Indicator$1.indicatorConfig);
+const Indicator = common.component(mergedIndicatorConfig);
+const IconFilterWrapper = /*#__PURE__*/react.styled('div')({
   name: "IconFilterWrapper",
-  "class": "ixw8ftq",
+  class: "ixw8ftq",
   propsAsIs: false
 });
-var _exp41 = function _exp41() {
-  return Indicator;
-};
-var StyledIndicator = /*#__PURE__*/react.styled(_exp41())({
+const _exp41 = /*#__PURE__*/() => Indicator;
+const StyledIndicator = /*#__PURE__*/react.styled(_exp41())({
   name: "StyledIndicator",
-  "class": "s1qytkol",
+  class: "s1qytkol",
   propsAsIs: true
 });
-var _exp46 = function _exp46() {
-  return Table_styles.StyledDivider;
-};
-var StyledDivider = /*#__PURE__*/react.styled(_exp46())({
+const _exp46 = /*#__PURE__*/() => Table_styles.StyledDivider;
+const StyledDivider = /*#__PURE__*/react.styled(_exp46())({
   name: "StyledDivider",
-  "class": "s1amtrwp",
+  class: "s1amtrwp",
   propsAsIs: true
 });
-var ControlPanel = /*#__PURE__*/react.styled('div')({
+const ControlPanel = /*#__PURE__*/react.styled('div')({
   name: "ControlPanel",
-  "class": "cda48hg",
+  class: "cda48hg",
   propsAsIs: false
 });
 

package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.styles.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { selectConfig, selectTokens } from '../../../../../Select';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { tableTokens as tokens } from '../../../../Table.tokens';\nimport { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';\n\nconst SelectBase = component(selectConfig);\nexport const Select = styled(SelectBase)`\n    ${selectTokens.padding}: var(${tokens.selectPadding});\n    ${selectTokens.borderRadius}: var(${tokens.selectBorderRadius});\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: var(${tokens.selectItemBorderRadius});\n    ${selectTokens.itemIconMargin}: var(${tokens.selectItemIconMargin});\n    ${selectTokens.itemIconSize}: var(${tokens.selectItemIconSize});\n    ${selectTokens.cellPadding}: var(${tokens.selectCellPadding});\n    ${selectTokens.cellTitleFontFamily}: var(${tokens.selectCellTitleFontFamily});\n    ${selectTokens.cellTitleFontSize}: var(${tokens.selectCellTitleFontSize});\n    ${selectTokens.cellTitleFontStyle}: var(${tokens.selectCellTitleFontStyle});\n    ${selectTokens.cellTitleFontWeight}: var(${tokens.selectCellTitleFontWeight});\n    ${selectTokens.cellTitleLetterSpacing}: var(${tokens.selectCellTitleLetterSpacing});\n    ${selectTokens.cellTitleLineHeight}: var(${tokens.selectCellTitleLineHeight});\n    ${selectTokens.checkboxTriggerSize}: var(${tokens.selectCheckboxTriggerSize});\n    ${selectTokens.checkboxTriggerBorderRadius}: var(${tokens.selectCheckboxTriggerBorderRadius});\n    ${selectTokens.checkboxTriggerBorderWidth}: var(${tokens.selectCheckboxTriggerBorderWidth});\n    ${selectTokens.checkboxTriggerBorderCheckedColor}: var(${tokens.selectCheckboxTriggerBorderCheckedColor});\n    ${selectTokens.checkboxFillColor}: var(--text-accent);\n    ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n    ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const IconFilterWrapper = styled.div`\n    position: relative;\n    line-height: 0;\n    cursor: pointer;\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    position: absolute;\n    top: 2%;\n    right: 3%;\n    ${indicatorTokens.size}: 0.375rem;\n    ${indicatorTokens.color}: var(--surface-accent);\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    padding: var(${tokens.filterCheckboxPadding});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    margin: var(${tokens.filterDividerMargin});\n`;\n\nexport const ControlPanel = styled.div`\n    display: flex;\n    justify-content: space-between;\n    padding: var(${tokens.selectControlPanelPadding});\n    gap: var(${tokens.selectControlPanelGap});\n    user-select: none;\n`;\n"],"names":["SelectBase","component","selectConfig","_exp","Select","styled","name","class","propsAsIs","mergedIndicatorConfig","mergeConfig","indicatorConfig","Indicator","IconFilterWrapper","_exp41","StyledIndicator","_exp46","Divider","StyledDivider","ControlPanel"],"mappings":";;;;;;;;;;AAQA,IAAMA,UAAU,gBAAGC,gBAAS,CAACC,qBAAY,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPzBA,SAOyBA,IAAAA,GAAA;AAAA,EAAA,OACdH,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,MAAM,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB3B,EAAA;AAED,IAAMC,qBAAqB,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGX,gBAAS,CAACQ,qBAAqB,CAAC,CAAA;AAE3C,IAAMI,iBAAiB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAM,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAEoCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMpC,EAAA;AAIC,IAAAQ,MAAA,GAnDgBA,SAmDhBA,MAAAA,GAAA;AAAA,EAAA,OAEkCC,0BAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,aAAa,gBAAGb,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAElC,EAAA;AAEM,IAAMW,YAAY,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC;;;;;;;;"}
+{"version":3,"file":"Filter.styles.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { selectConfig, selectTokens } from '../../../../../Select';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { tableTokens as tokens } from '../../../../Table.tokens';\nimport { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';\n\nconst SelectBase = component(selectConfig);\nexport const Select = styled(SelectBase)`\n    ${selectTokens.padding}: var(${tokens.selectPadding});\n    ${selectTokens.borderRadius}: var(${tokens.selectBorderRadius});\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: var(${tokens.selectItemBorderRadius});\n    ${selectTokens.itemIconMargin}: var(${tokens.selectItemIconMargin});\n    ${selectTokens.itemIconSize}: var(${tokens.selectItemIconSize});\n    ${selectTokens.cellPadding}: var(${tokens.selectCellPadding});\n    ${selectTokens.cellTitleFontFamily}: var(${tokens.selectCellTitleFontFamily});\n    ${selectTokens.cellTitleFontSize}: var(${tokens.selectCellTitleFontSize});\n    ${selectTokens.cellTitleFontStyle}: var(${tokens.selectCellTitleFontStyle});\n    ${selectTokens.cellTitleFontWeight}: var(${tokens.selectCellTitleFontWeight});\n    ${selectTokens.cellTitleLetterSpacing}: var(${tokens.selectCellTitleLetterSpacing});\n    ${selectTokens.cellTitleLineHeight}: var(${tokens.selectCellTitleLineHeight});\n    ${selectTokens.checkboxTriggerSize}: var(${tokens.selectCheckboxTriggerSize});\n    ${selectTokens.checkboxTriggerBorderRadius}: var(${tokens.selectCheckboxTriggerBorderRadius});\n    ${selectTokens.checkboxTriggerBorderWidth}: var(${tokens.selectCheckboxTriggerBorderWidth});\n    ${selectTokens.checkboxTriggerBorderCheckedColor}: var(${tokens.selectCheckboxTriggerBorderCheckedColor});\n    ${selectTokens.checkboxFillColor}: var(--text-accent);\n    ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n    ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const IconFilterWrapper = styled.div`\n    position: relative;\n    line-height: 0;\n    cursor: pointer;\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    position: absolute;\n    top: 2%;\n    right: 3%;\n    ${indicatorTokens.size}: 0.375rem;\n    ${indicatorTokens.color}: var(--surface-accent);\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    padding: var(${tokens.filterCheckboxPadding});\n`;\n\nexport const StyledDivider = styled(Divider)`\n    margin: var(${tokens.filterDividerMargin});\n`;\n\nexport const ControlPanel = styled.div`\n    display: flex;\n    justify-content: space-between;\n    padding: var(${tokens.selectControlPanelPadding});\n    gap: var(${tokens.selectControlPanelGap});\n    user-select: none;\n`;\n"],"names":["SelectBase","component","selectConfig","_exp","Select","styled","name","class","propsAsIs","mergedIndicatorConfig","mergeConfig","indicatorConfig","Indicator","IconFilterWrapper","_exp41","StyledIndicator","_exp46","Divider","StyledDivider","ControlPanel"],"mappings":";;;;;;;;;;AAQA,MAAMA,UAAU,GAAGC,gBAAS,CAACC,qBAAY,CAAC,CAAA;AAAC,MAAAC,IAAA,gBAPzBA,MAQWH,UAAU,CAAA;AAAhC,MAAMI,MAAM,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB3B,EAAA;AAED,MAAMC,qBAAqB,GAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AAC1D,MAAMC,SAAS,GAAGX,gBAAS,CAACQ,qBAAqB,CAAC,CAAA;AAE3C,MAAMI,iBAAiB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,MAAAM,MAAA,gBAvCgBA,MAyCoBF,SAAS,CAAA;AAAxC,MAAMG,eAAe,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMpC,EAAA;AAIC,MAAAQ,MAAA,gBAnDgBA,MAqDkBC,0BAAO,CAAA;AAApC,MAAMC,aAAa,gBAAGb,YAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAElC,EAAA;AAEM,MAAMW,YAAY,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC;;;;;;;;"}

package/cjs/components/Tabs/TabsContext.js

@@ -2,35 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-var TabItemRefs = /*#__PURE__*/function () {
-  function TabItemRefs(value) {
-    _rollupPluginBabelHelpers.classCallCheck(this, TabItemRefs);
-    _rollupPluginBabelHelpers.defineProperty(this, "items", []);
-    _rollupPluginBabelHelpers.defineProperty(this, "current", 0);
+class TabItemRefs {
+  items = [];
+  current = 0;
+  constructor(value) {
     this.current = value || 0;
   }
-  return _rollupPluginBabelHelpers.createClass(TabItemRefs, [{
-    key: "register",
-    value: function register(ref) {
-      this.items.push(ref);
-      return this.items.length - 1;
-    }
-  }, {
-    key: "unregister",
-    value: function unregister(ref) {
-      this.items.splice(this.items.indexOf(ref), 1);
-    }
-  }, {
-    key: "setCurrent",
-    value: function setCurrent(value) {
-      this.current = value;
-    }
-  }]);
-}();
-var TabsContext = /*#__PURE__*/React.createContext(null);
+  register(ref) {
+    this.items.push(ref);
+    return this.items.length - 1;
+  }
+  unregister(ref) {
+    this.items.splice(this.items.indexOf(ref), 1);
+  }
+  setCurrent(value) {
+    this.current = value;
+  }
+}
+const TabsContext = /*#__PURE__*/React.createContext(null);
 
 exports.TabItemRefs = TabItemRefs;
 exports.TabsContext = TabsContext;

package/cjs/components/Tabs/TabsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContext.js","sources":["../../../src/components/Tabs/TabsContext.tsx"],"sourcesContent":["import { MutableRefObject, createContext } from 'react';\n\nexport class TabItemRefs {\n    public items: MutableRefObject<HTMLElement | null>[] = [];\n\n    public current = 0;\n\n    constructor(value?: number) {\n        this.current = value || 0;\n    }\n\n    public register(ref: MutableRefObject<HTMLElement | null>): number {\n        this.items.push(ref);\n        return this.items.length - 1;\n    }\n\n    public unregister(ref: MutableRefObject<HTMLElement | null>) {\n        this.items.splice(this.items.indexOf(ref), 1);\n    }\n\n    public setCurrent(value: number) {\n        this.current = value;\n    }\n}\n\nexport const TabsContext = createContext<TabItemRefs | null>(null);\n"],"names":["TabItemRefs","value","_classCallCheck","_defineProperty","current","_createClass","key","register","ref","items","push","length","unregister","splice","indexOf","setCurrent","TabsContext","createContext"],"mappings":";;;;;;;AAEA,IAAaA,WAAW,gBAAA,YAAA;EAKpB,SAAAA,WAAAA,CAAYC,KAAc,EAAE;AAAAC,IAAAA,wCAAA,OAAAF,WAAA,CAAA,CAAA;AAAAG,IAAAA,wCAAA,gBAJ2B,EAAE,CAAA,CAAA;AAAAA,IAAAA,wCAAA,kBAExC,CAAC,CAAA,CAAA;AAGd,IAAA,IAAI,CAACC,OAAO,GAAGH,KAAK,IAAI,CAAC,CAAA;AAC7B,GAAA;EAAC,OAAAI,qCAAA,CAAAL,WAAA,EAAA,CAAA;IAAAM,GAAA,EAAA,UAAA;AAAAL,IAAAA,KAAA,EAED,SAAAM,QAAgBC,CAAAA,GAAyC,EAAU;AAC/D,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACF,GAAG,CAAC,CAAA;AACpB,MAAA,OAAO,IAAI,CAACC,KAAK,CAACE,MAAM,GAAG,CAAC,CAAA;AAChC,KAAA;AAAC,GAAA,EAAA;IAAAL,GAAA,EAAA,YAAA;AAAAL,IAAAA,KAAA,EAED,SAAAW,UAAkBJ,CAAAA,GAAyC,EAAE;AACzD,MAAA,IAAI,CAACC,KAAK,CAACI,MAAM,CAAC,IAAI,CAACJ,KAAK,CAACK,OAAO,CAACN,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;AACjD,KAAA;AAAC,GAAA,EAAA;IAAAF,GAAA,EAAA,YAAA;AAAAL,IAAAA,KAAA,EAED,SAAAc,UAAkBd,CAAAA,KAAa,EAAE;MAC7B,IAAI,CAACG,OAAO,GAAGH,KAAK,CAAA;AACxB,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA,GAAA;IAGQe,WAAW,gBAAGC,mBAAa,CAAqB,IAAI;;;;;"}
+{"version":3,"file":"TabsContext.js","sources":["../../../src/components/Tabs/TabsContext.tsx"],"sourcesContent":["import { MutableRefObject, createContext } from 'react';\n\nexport class TabItemRefs {\n    public items: MutableRefObject<HTMLElement | null>[] = [];\n\n    public current = 0;\n\n    constructor(value?: number) {\n        this.current = value || 0;\n    }\n\n    public register(ref: MutableRefObject<HTMLElement | null>): number {\n        this.items.push(ref);\n        return this.items.length - 1;\n    }\n\n    public unregister(ref: MutableRefObject<HTMLElement | null>) {\n        this.items.splice(this.items.indexOf(ref), 1);\n    }\n\n    public setCurrent(value: number) {\n        this.current = value;\n    }\n}\n\nexport const TabsContext = createContext<TabItemRefs | null>(null);\n"],"names":["TabItemRefs","items","current","constructor","value","register","ref","push","length","unregister","splice","indexOf","setCurrent","TabsContext","createContext"],"mappings":";;;;;;AAEO,MAAMA,WAAW,CAAC;AACdC,EAAAA,KAAK,GAA2C,EAAE,CAAA;AAElDC,EAAAA,OAAO,GAAG,CAAC,CAAA;EAElBC,WAAWA,CAACC,KAAc,EAAE;AACxB,IAAA,IAAI,CAACF,OAAO,GAAGE,KAAK,IAAI,CAAC,CAAA;AAC7B,GAAA;EAEOC,QAAQA,CAACC,GAAyC,EAAU;AAC/D,IAAA,IAAI,CAACL,KAAK,CAACM,IAAI,CAACD,GAAG,CAAC,CAAA;AACpB,IAAA,OAAO,IAAI,CAACL,KAAK,CAACO,MAAM,GAAG,CAAC,CAAA;AAChC,GAAA;EAEOC,UAAUA,CAACH,GAAyC,EAAE;AACzD,IAAA,IAAI,CAACL,KAAK,CAACS,MAAM,CAAC,IAAI,CAACT,KAAK,CAACU,OAAO,CAACL,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;AACjD,GAAA;EAEOM,UAAUA,CAACR,KAAa,EAAE;IAC7B,IAAI,CAACF,OAAO,GAAGE,KAAK,CAAA;AACxB,GAAA;AACJ,CAAA;MAEaS,WAAW,gBAAGC,mBAAa,CAAqB,IAAI;;;;;"}

package/cjs/components/Tabs/createTabsController.js

@@ -9,8 +9,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
-  _excluded2 = ["label"];
 /**
  * @deprecated
  * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
@@ -20,27 +18,30 @@ var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
  */
 function createTabsController(ListComponent, ItemComponent) {
   // eslint-disable-next-line prefer-arrow-callback
-  return /*#__PURE__*/React.forwardRef(function TabsController(_ref, ref) {
-    var items = _ref.items,
-      index = _ref.index,
-      onIndexChange = _ref.onIndexChange,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var disabled = rest.disabled;
+  return /*#__PURE__*/React.forwardRef(function TabsController({
+    items,
+    index,
+    autoscroll,
+    onIndexChange,
+    ...rest
+  }, ref) {
+    const {
+      disabled
+    } = rest;
     return /*#__PURE__*/React__default.default.createElement(ListComponent, _rollupPluginBabelHelpers.extends({
       ref: ref,
       index: index
-    }, rest), items.map(function (_ref2, i) {
-      var label = _ref2.label,
-        restItem = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-      return /*#__PURE__*/React__default.default.createElement(ItemComponent, _rollupPluginBabelHelpers.extends({
-        key: i,
-        selected: i === index,
-        itemIndex: i,
-        onIndexChange: onIndexChange,
-        tabIndex: !disabled && i === index ? 0 : -1,
-        disabled: disabled
-      }, restItem), label);
-    }));
+    }, rest), items.map(({
+      label,
+      ...restItem
+    }, i) => /*#__PURE__*/React__default.default.createElement(ItemComponent, _rollupPluginBabelHelpers.extends({
+      key: i,
+      selected: i === index,
+      itemIndex: i,
+      onIndexChange: onIndexChange,
+      tabIndex: !disabled && i === index ? 0 : -1,
+      disabled: disabled
+    }, restItem), label)));
   });
 }
 

package/cjs/components/Tabs/createTabsController.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTabsController.js","sources":["../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalCommonTabsProps, HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalCommonTabsProps {\n    items: Array<{ label: string } & HorizontalTabItemProps>;\n    index: number;\n    onIndexChange: (index: number) => void;\n    children?: never;\n    autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n    ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n    // eslint-disable-next-line prefer-arrow-callback\n    return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n        const { disabled } = rest;\n\n        return (\n            <ListComponent ref={ref} index={index} {...rest}>\n                {items.map(({ label, ...restItem }, i) => (\n                    <ItemComponent\n                        key={i}\n                        selected={i === index}\n                        itemIndex={i}\n                        onIndexChange={onIndexChange}\n                        tabIndex={!disabled && i === index ? 0 : -1}\n                        disabled={disabled}\n                        {...restItem}\n                    >\n                        {label}\n                    </ItemComponent>\n                ))}\n            </ListComponent>\n        );\n    });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,gBAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,iCAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,iDAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,sBAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,iCAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"createTabsController.js","sources":["../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalCommonTabsProps, HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalCommonTabsProps {\n    items: Array<{ label: string } & HorizontalTabItemProps>;\n    index: number;\n    onIndexChange: (index: number) => void;\n    children?: never;\n    autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n    ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n    // eslint-disable-next-line prefer-arrow-callback\n    return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n        const { disabled } = rest;\n\n        return (\n            <ListComponent ref={ref} index={index} {...rest}>\n                {items.map(({ label, ...restItem }, i) => (\n                    <ItemComponent\n                        key={i}\n                        selected={i === index}\n                        itemIndex={i}\n                        onIndexChange={onIndexChange}\n                        tabIndex={!disabled && i === index ? 0 : -1}\n                        disabled={disabled}\n                        {...restItem}\n                    >\n                        {label}\n                    </ItemComponent>\n                ))}\n            </ListComponent>\n        );\n    });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","items","index","autoscroll","onIndexChange","rest","ref","disabled","React","createElement","_extends","map","label","restItem","i","key","selected","itemIndex","tabIndex"],"mappings":";;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;AACA,EAAA,oBAAOC,gBAAU,CAAO,SAASC,cAAcA,CAAC;IAAEC,KAAK;IAAEC,KAAK;IAAEC,UAAU;IAAEC,aAAa;IAAE,GAAGC,IAAAA;GAAM,EAAEC,GAAG,EAAE;IACvG,MAAM;AAAEC,MAAAA,QAAAA;AAAS,KAAC,GAAGF,IAAI,CAAA;AAEzB,IAAA,oBACIG,sBAAA,CAAAC,aAAA,CAACZ,aAAa,EAAAa,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAI;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EAAKG,IAAI,CAC1CJ,EAAAA,KAAK,CAACU,GAAG,CAAC,CAAC;MAAEC,KAAK;MAAE,GAAGC,QAAAA;KAAU,EAAEC,CAAC,kBACjCN,sBAAA,CAAAC,aAAA,CAACX,aAAa,EAAAY,iCAAA,CAAA;AACVK,MAAAA,GAAG,EAAED,CAAE;MACPE,QAAQ,EAAEF,CAAC,KAAKZ,KAAM;AACtBe,MAAAA,SAAS,EAAEH,CAAE;AACbV,MAAAA,aAAa,EAAEA,aAAc;MAC7Bc,QAAQ,EAAE,CAACX,QAAQ,IAAIO,CAAC,KAAKZ,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACfM,QAAQ,CAAA,EAEXD,KACU,CAClB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}

package/cjs/components/Tabs/tokens.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   selectedTabsItem: 'selected-tabs-item',
   tabsPilled: 'tabs-pilled',
   tabsGroupFilledBackground: 'tabs-group-filled-background',
@@ -21,7 +21,7 @@ var classes = {
   tabsClipShowAll: 'tabs-clip-show-all',
   tabsTruncate: 'tabs-truncate'
 };
-var tokens = {
+const tokens = {
   disabledOpacity: '--plasma-tabs-disabled-opacity',
   containerWidth: '--plasma-tabs-container-width',
   containerHeight: '--plasma-tabs-container-height',

package/cjs/components/Tabs/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n    selectedTabsItem: 'selected-tabs-item',\n    tabsPilled: 'tabs-pilled',\n    tabsGroupFilledBackground: 'tabs-group-filled-background',\n    tabsStretch: 'tabs-stretched',\n    tabsNoDivider: 'tabs-no-divider',\n    tabItemDivider: 'tab-item-divider',\n    tabItemAnimated: 'tab-item-animated',\n    tabContent: 'tab-item-content',\n    tabRightContent: 'tab-item-right-content',\n    tabLeftContent: 'tab-item-left-content',\n    tabsHasLeftArrow: 'tabs-has-left-arrow',\n    tabsHasRightArrow: 'tabs-has-right-arrow',\n    tabsHasTopArrow: 'tabs-has-top-arrow',\n    tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n    tabsClipScroll: 'tabs-clip-scroll',\n    tabsClipShowAll: 'tabs-clip-show-all',\n    tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n    disabledOpacity: '--plasma-tabs-disabled-opacity',\n    containerWidth: '--plasma-tabs-container-width',\n    containerHeight: '--plasma-tabs-container-height',\n    cursor: '--plasma-tabs-cursor',\n    color: '--plasma-tabs-color',\n    colorHover: '--plasma-tabs-color-hover',\n\n    tabsDividerWidth: '--plasma-tabs-divider-width',\n    tabsDividerHeight: '--plasma-tabs-divider-height',\n    tabsDividerColor: '--plasma-tabs-divider-color',\n    tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n    itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n    itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n    itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n    itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n    outlineFocusColor: '--plasma-tabs-outline-focus-color',\n    arrowColor: '--plasma-tabs-arrow-color',\n    arrowColorHover: '--plasma-tabs-arrow-color-hover',\n    arrowColorActive: '--plasma-tabs-arrow-color-active',\n    tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n    tabsBackgroundColor: '--plasma-tabs-background-color',\n    tabsBorderRadius: '--plasma-tabs-border-radius',\n    tabsWidth: '--plasma-tabs-width',\n    tabsHeight: '--plasma-tabs-height',\n    tabsPadding: '--plasma-tabs-padding',\n    tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n    itemBorderRadius: '--plasma-tab-item-border-radius',\n    itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n    itemWidth: '--plasma-tab-item-width',\n    itemHeight: '--plasma-tab-item-height',\n    itemPadding: '--plasma-tab-item-padding',\n    itemPaddingClear: '--plasma-tab-item-padding-clear',\n    itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n    itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n    itemMarginLeft: '--plasma-tab-item-margin-left',\n    itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n    itemContentGap: '--plasma-tab-item-content-gap',\n\n    itemContentPadding: '--plasma-tab-item-content-padding',\n    itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n    arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n    arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n    arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n    itemColor: '--plasma-tab-item-color',\n    itemValueColor: '--plasma-tab-item-value-color',\n    itemBackgroundColor: '--plasma-tab-item-background-color',\n    itemColorHover: '--plasma-tab-item-color-hover',\n    itemValueColorHover: '--plasma-tab-item-value-color-hover',\n    itemColorActive: '--plasma-tab-item-color-active',\n    itemValueColorActive: '--plasma-tab-item-value-color-active',\n    itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n    itemCursor: '--plasma-tab-item-cursor',\n\n    itemSelectedColor: '--plasma-tab-item-selected-color',\n    itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n    itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n    itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n    itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n    itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n    itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n    fontFamily: '--plasma-tab-item-font-family',\n    fontSize: '--plasma-tab-item-font-size',\n    fontStyle: '--plasma-tab-item-font-style',\n    fontWeight: '--plasma-tab-item-font-weight',\n    letterSpacing: '--plasma-tab-item-letter-spacing',\n    lineHeight: '--plasma-tab-item-lineheight',\n\n    valueFontFamily: '--plasma-tab-item-value-font-family',\n    valueFontSize: '--plasma-tab-item-value-font-size',\n    valueFontStyle: '--plasma-tab-item-value-font-style',\n    valueFontWeight: '--plasma-tab-item-value-font-weight',\n    valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n    valueLineHeight: '--plasma-tab-item-value-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../src/components/Tabs/tokens.ts"],"sourcesContent":["export const classes = {\n    selectedTabsItem: 'selected-tabs-item',\n    tabsPilled: 'tabs-pilled',\n    tabsGroupFilledBackground: 'tabs-group-filled-background',\n    tabsStretch: 'tabs-stretched',\n    tabsNoDivider: 'tabs-no-divider',\n    tabItemDivider: 'tab-item-divider',\n    tabItemAnimated: 'tab-item-animated',\n    tabContent: 'tab-item-content',\n    tabRightContent: 'tab-item-right-content',\n    tabLeftContent: 'tab-item-left-content',\n    tabsHasLeftArrow: 'tabs-has-left-arrow',\n    tabsHasRightArrow: 'tabs-has-right-arrow',\n    tabsHasTopArrow: 'tabs-has-top-arrow',\n    tabsHasBottomArrow: 'tabs-has-bottom-arrow',\n    tabsClipScroll: 'tabs-clip-scroll',\n    tabsClipShowAll: 'tabs-clip-show-all',\n    tabsTruncate: 'tabs-truncate',\n};\n\nexport const tokens = {\n    disabledOpacity: '--plasma-tabs-disabled-opacity',\n    containerWidth: '--plasma-tabs-container-width',\n    containerHeight: '--plasma-tabs-container-height',\n    cursor: '--plasma-tabs-cursor',\n    color: '--plasma-tabs-color',\n    colorHover: '--plasma-tabs-color-hover',\n\n    tabsDividerWidth: '--plasma-tabs-divider-width',\n    tabsDividerHeight: '--plasma-tabs-divider-height',\n    tabsDividerColor: '--plasma-tabs-divider-color',\n    tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',\n\n    itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',\n    itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',\n    itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',\n    itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',\n\n    outlineFocusColor: '--plasma-tabs-outline-focus-color',\n    arrowColor: '--plasma-tabs-arrow-color',\n    arrowColorHover: '--plasma-tabs-arrow-color-hover',\n    arrowColorActive: '--plasma-tabs-arrow-color-active',\n    tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',\n\n    tabsBackgroundColor: '--plasma-tabs-background-color',\n    tabsBorderRadius: '--plasma-tabs-border-radius',\n    tabsWidth: '--plasma-tabs-width',\n    tabsHeight: '--plasma-tabs-height',\n    tabsPadding: '--plasma-tabs-padding',\n    tabsPilledBorderRadius: '--plasma-tabs-pilled-border-radius',\n\n    itemBorderRadius: '--plasma-tab-item-border-radius',\n    itemPilledBorderRadius: '--plasma-tab-item-pilled-border-radius',\n    itemWidth: '--plasma-tab-item-width',\n    itemHeight: '--plasma-tab-item-height',\n    itemPadding: '--plasma-tab-item-padding',\n    itemPaddingClear: '--plasma-tab-item-padding-clear',\n    itemPaddingPilled: '--plasma-tab-item-padding-pilled',\n    itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',\n    itemMarginLeft: '--plasma-tab-item-margin-left',\n    itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',\n    itemContentGap: '--plasma-tab-item-content-gap',\n\n    itemContentPadding: '--plasma-tab-item-content-padding',\n    itemContentPaddingClear: '--plasma-tab-item-content-padding-clear',\n\n    arrowInnerPadding: '--plasma-tab-arrow-inner-padding',\n    arrowOuterPadding: '--plasma-tab-arrow-outer-padding',\n    arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',\n\n    itemColor: '--plasma-tab-item-color',\n    itemValueColor: '--plasma-tab-item-value-color',\n    itemBackgroundColor: '--plasma-tab-item-background-color',\n    itemColorHover: '--plasma-tab-item-color-hover',\n    itemValueColorHover: '--plasma-tab-item-value-color-hover',\n    itemColorActive: '--plasma-tab-item-color-active',\n    itemValueColorActive: '--plasma-tab-item-value-color-active',\n    itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',\n    itemCursor: '--plasma-tab-item-cursor',\n\n    itemSelectedColor: '--plasma-tab-item-selected-color',\n    itemSelectedValueColor: '--plasma-tab-item-selected-value-color',\n    itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',\n    itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',\n    itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',\n    itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',\n\n    itemBackgroundTransition: '--plasma-tab-item-background-transition',\n\n    fontFamily: '--plasma-tab-item-font-family',\n    fontSize: '--plasma-tab-item-font-size',\n    fontStyle: '--plasma-tab-item-font-style',\n    fontWeight: '--plasma-tab-item-font-weight',\n    letterSpacing: '--plasma-tab-item-letter-spacing',\n    lineHeight: '--plasma-tab-item-lineheight',\n\n    valueFontFamily: '--plasma-tab-item-value-font-family',\n    valueFontSize: '--plasma-tab-item-value-font-size',\n    valueFontStyle: '--plasma-tab-item-value-font-style',\n    valueFontWeight: '--plasma-tab-item-value-font-weight',\n    valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',\n    valueLineHeight: '--plasma-tab-item-value-lineheight',\n};\n"],"names":["classes","selectedTabsItem","tabsPilled","tabsGroupFilledBackground","tabsStretch","tabsNoDivider","tabItemDivider","tabItemAnimated","tabContent","tabRightContent","tabLeftContent","tabsHasLeftArrow","tabsHasRightArrow","tabsHasTopArrow","tabsHasBottomArrow","tabsClipScroll","tabsClipShowAll","tabsTruncate","tokens","disabledOpacity","containerWidth","containerHeight","cursor","color","colorHover","tabsDividerWidth","tabsDividerHeight","tabsDividerColor","tabsDividerBorderRadius","itemSelectedDividerWidth","itemSelectedDividerHeight","itemSelectedDividerColor","itemSelectedDividerColorHover","outlineFocusColor","arrowColor","arrowColorHover","arrowColorActive","tabsFilledBackgroundColor","tabsBackgroundColor","tabsBorderRadius","tabsWidth","tabsHeight","tabsPadding","tabsPilledBorderRadius","itemBorderRadius","itemPilledBorderRadius","itemWidth","itemHeight","itemPadding","itemPaddingClear","itemPaddingPilled","itemPaddingOrientationVertical","itemMarginLeft","itemMarginLeftFilled","itemContentGap","itemContentPadding","itemContentPaddingClear","arrowInnerPadding","arrowOuterPadding","arrowViewOuterPadding","itemColor","itemValueColor","itemBackgroundColor","itemColorHover","itemValueColorHover","itemColorActive","itemValueColorActive","itemBackgroundColorHover","itemCursor","itemSelectedColor","itemSelectedValueColor","itemSelectedBackgroundColor","itemSelectedColorHover","itemSelectedValueColorHover","itemSelectedBackgroundColorHover","itemBackgroundTransition","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight"],"mappings":"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"}

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js

@@ -18,122 +18,113 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
-var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
-    var size = props.size,
-      view = props.view,
-      isActive = props.isActive,
-      selected = props.selected,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$pilled = props.pilled,
-      pilled = _props$pilled === void 0 ? false : _props$pilled,
-      children = props.children,
-      value = props.value,
-      contentLeft = props.contentLeft,
-      contentRight = props.contentRight,
-      _props$animated = props.animated,
-      animated = _props$animated === void 0 ? true : _props$animated,
-      onIndexChange = props.onIndexChange,
-      itemIndex = props.itemIndex,
-      tabIndex = props.tabIndex,
-      className = props.className,
-      onClick = props.onClick,
-      _props$maxItemWidth = props.maxItemWidth,
-      maxWidth = _props$maxItemWidth === void 0 ? 'auto' : _props$maxItemWidth,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var innerRef = React.useRef(null);
-    var ref = plasmaCore.useForkRef(outerRef, innerRef);
-    var refs = React.useContext(TabsContext.TabsContext);
-    var role = 'tab';
-    var pilledAttr = view !== 'clear' && pilled;
-    var animatedClass = animated ? tokens.classes.tabItemAnimated : undefined;
-    var pilledClass = pilledAttr ? tokens.classes.tabsPilled : undefined;
-    var selectedClass = isActive || selected ? tokens.classes.selectedTabsItem : undefined;
-    var truncateClass = maxWidth !== 'auto' ? tokens.classes.tabsTruncate : undefined;
-    var hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
-    var navigationTabIndex = !disabled && (refs === null || refs === void 0 ? void 0 : refs.current) === itemIndex ? 0 : -1;
-    React.useEffect(function () {
-      if (!refs) {
-        return;
-      }
-      refs.register(innerRef);
-      return function () {
-        return refs.unregister(innerRef);
-      };
-    }, [refs]);
-    React.useLayoutEffect(function () {
-      var _innerRef$current$par;
-      if (!selected || !innerRef.current) {
-        return;
-      }
-      var scrollEl = (_innerRef$current$par = innerRef.current.parentElement) === null || _innerRef$current$par === void 0 ? void 0 : _innerRef$current$par.parentElement;
-      if (!scrollEl) {
-        return;
-      }
-      var scrollElStyle = getComputedStyle(scrollEl);
-      scrollEl.scrollTo({
-        left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10)
-      });
-    }, [selected]);
-    var onItemFocus = React.useCallback(function (event) {
-      if (disabled) {
-        return;
-      }
-      if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
-        innerRef.current.scrollTo({
-          top: 0,
-          left: innerRef.current.offsetLeft,
-          behavior: 'smooth'
-        });
-        return;
-      }
-      if (!refs) {
-        return;
-      }
-      var focusIndex = refs.items.findIndex(function (itemRef) {
-        return itemRef.current === event.target;
+const horizontalTabItemRoot = Root => /*#__PURE__*/React.forwardRef((props, outerRef) => {
+  const {
+    size,
+    view,
+    isActive,
+    selected,
+    disabled = false,
+    pilled = false,
+    children,
+    value,
+    contentLeft,
+    contentRight,
+    animated = true,
+    onIndexChange,
+    itemIndex,
+    tabIndex,
+    className,
+    onClick,
+    maxItemWidth: maxWidth = 'auto',
+    ...rest
+  } = props;
+  const innerRef = React.useRef(null);
+  const ref = plasmaCore.useForkRef(outerRef, innerRef);
+  const refs = React.useContext(TabsContext.TabsContext);
+  const role = 'tab';
+  const pilledAttr = view !== 'clear' && pilled;
+  const animatedClass = animated ? tokens.classes.tabItemAnimated : undefined;
+  const pilledClass = pilledAttr ? tokens.classes.tabsPilled : undefined;
+  const selectedClass = isActive || selected ? tokens.classes.selectedTabsItem : undefined;
+  const truncateClass = maxWidth !== 'auto' ? tokens.classes.tabsTruncate : undefined;
+  const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
+  const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;
+  React.useEffect(() => {
+    if (!refs) {
+      return;
+    }
+    refs.register(innerRef);
+    return () => refs.unregister(innerRef);
+  }, [refs]);
+  React.useLayoutEffect(() => {
+    if (!selected || !innerRef.current) {
+      return;
+    }
+    const scrollEl = innerRef.current.parentElement?.parentElement;
+    if (!scrollEl) {
+      return;
+    }
+    const scrollElStyle = getComputedStyle(scrollEl);
+    scrollEl.scrollTo({
+      left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10)
+    });
+  }, [selected]);
+  const onItemFocus = React.useCallback(event => {
+    if (disabled) {
+      return;
+    }
+    if (!hasKeyNavigation && innerRef?.current) {
+      innerRef.current.scrollTo({
+        top: 0,
+        left: innerRef.current.offsetLeft,
+        behavior: 'smooth'
       });
-      if (focusIndex === refs.current) {
-        return;
-      }
-      onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
-      refs.setCurrent(focusIndex);
-    }, [refs, innerRef, onIndexChange, disabled]);
-    var handleClick = function handleClick(event) {
-      if (!onClick) {
-        return;
-      }
-      onClick(event);
-    };
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: ref,
-      disabled: disabled,
-      pilled: pilled,
-      role: role,
-      view: view
-      // TODO: убрать каст any, когда будут удалены deprecated props
-      ,
-      size: size,
-      onFocus: onItemFocus,
-      tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
-      className: index.cx(pilledClass, selectedClass, animatedClass, truncateClass, className),
-      onClick: handleClick
-    }, rest, {
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest.style), {}, {
-        maxWidth: maxWidth
-      })
-    }), /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, contentLeft && /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.LeftContent, {
-      className: tokens.classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.StyledContent, {
-      className: tokens.classes.tabContent
-    }, children), !contentRight && value && /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.RightContent, {
-      className: tokens.classes.tabRightContent
-    }, contentRight)));
-  });
-};
-var horizontalTabItemConfig = {
+      return;
+    }
+    if (!refs) {
+      return;
+    }
+    const focusIndex = refs.items.findIndex(itemRef => itemRef.current === event.target);
+    if (focusIndex === refs.current) {
+      return;
+    }
+    onIndexChange?.(focusIndex);
+    refs.setCurrent(focusIndex);
+  }, [refs, innerRef, onIndexChange, disabled]);
+  const handleClick = event => {
+    if (!onClick) {
+      return;
+    }
+    onClick(event);
+  };
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    ref: ref,
+    disabled: disabled,
+    pilled: pilled,
+    role: role,
+    view: view
+    // TODO: убрать каст any, когда будут удалены deprecated props
+    ,
+    size: size,
+    onFocus: onItemFocus,
+    tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
+    className: index.cx(pilledClass, selectedClass, animatedClass, truncateClass, className),
+    onClick: handleClick
+  }, rest, {
+    style: {
+      ...rest.style,
+      maxWidth
+    }
+  }), /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, contentLeft && /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.LeftContent, {
+    className: tokens.classes.tabLeftContent
+  }, contentLeft), /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.StyledContent, {
+    className: tokens.classes.tabContent
+  }, children), !contentRight && value && /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React__default.default.createElement(HorizontalTabItem_styles.RightContent, {
+    className: tokens.classes.tabRightContent
+  }, contentRight)));
+});
+const horizontalTabItemConfig = {
   name: 'HorizontalTabItem',
   tag: 'button',
   layout: horizontalTabItemRoot,

package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalTabItemProps } from '../../../TabItem.types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { LeftContent, RightContent, StyledContent, TabItemValue, base } from './HorizontalTabItem.styles';\n\nexport const horizontalTabItemRoot = (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) =>\n    forwardRef<HTMLDivElement, HorizontalTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            isActive,\n            selected,\n            disabled = false,\n            pilled = false,\n            children,\n            value,\n            contentLeft,\n            contentRight,\n            animated = true,\n            onIndexChange,\n            itemIndex,\n            tabIndex,\n            className,\n            onClick,\n            maxItemWidth: maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const pilledAttr = view !== 'clear' && pilled;\n        const animatedClass = animated ? classes.tabItemAnimated : undefined;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n        const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n        const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n        const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n        useEffect(() => {\n            if (!refs) {\n                return;\n            }\n\n            refs.register(innerRef);\n\n            return () => refs.unregister(innerRef);\n        }, [refs]);\n\n        useLayoutEffect(() => {\n            if (!selected || !innerRef.current) {\n                return;\n            }\n\n            const scrollEl = innerRef.current.parentElement?.parentElement;\n            if (!scrollEl) {\n                return;\n            }\n\n            const scrollElStyle = getComputedStyle(scrollEl);\n            scrollEl.scrollTo({\n                left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n            });\n        }, [selected]);\n\n        const onItemFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (disabled) {\n                    return;\n                }\n\n                if (!hasKeyNavigation && innerRef?.current) {\n                    innerRef.current.scrollTo({\n                        top: 0,\n                        left: innerRef.current.offsetLeft,\n                        behavior: 'smooth',\n                    });\n\n                    return;\n                }\n\n                if (!refs) {\n                    return;\n                }\n\n                const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n                if (focusIndex === refs.current) {\n                    return;\n                }\n\n                onIndexChange?.(focusIndex);\n                refs.setCurrent(focusIndex);\n            },\n            [refs, innerRef, onIndexChange, disabled],\n        );\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (!onClick) {\n                return;\n            }\n\n            onClick(event);\n        };\n\n        return (\n            <Root\n                ref={ref}\n                disabled={disabled}\n                pilled={pilled}\n                role={role}\n                view={view}\n                // TODO: убрать каст any, когда будут удалены deprecated props\n                size={size as any}\n                onFocus={onItemFocus}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                className={cx(pilledClass, selectedClass, animatedClass, truncateClass, className)}\n                onClick={handleClick}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                <>\n                    {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n                    {!value && contentRight && (\n                        <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n                    )}\n                </>\n            </Root>\n        );\n    });\n\nexport const horizontalTabItemConfig = {\n    name: 'HorizontalTabItem',\n    tag: 'button',\n    layout: horizontalTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["horizontalTabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","value","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","truncateClass","tabsTruncate","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","useLayoutEffect","_innerRef$current$par","scrollEl","parentElement","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onItemFocus","useCallback","event","top","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","horizontalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"HorizontalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalTabItemProps } from '../../../TabItem.types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { LeftContent, RightContent, StyledContent, TabItemValue, base } from './HorizontalTabItem.styles';\n\nexport const horizontalTabItemRoot = (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) =>\n    forwardRef<HTMLDivElement, HorizontalTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            isActive,\n            selected,\n            disabled = false,\n            pilled = false,\n            children,\n            value,\n            contentLeft,\n            contentRight,\n            animated = true,\n            onIndexChange,\n            itemIndex,\n            tabIndex,\n            className,\n            onClick,\n            maxItemWidth: maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const pilledAttr = view !== 'clear' && pilled;\n        const animatedClass = animated ? classes.tabItemAnimated : undefined;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n        const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n        const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n        const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n        useEffect(() => {\n            if (!refs) {\n                return;\n            }\n\n            refs.register(innerRef);\n\n            return () => refs.unregister(innerRef);\n        }, [refs]);\n\n        useLayoutEffect(() => {\n            if (!selected || !innerRef.current) {\n                return;\n            }\n\n            const scrollEl = innerRef.current.parentElement?.parentElement;\n            if (!scrollEl) {\n                return;\n            }\n\n            const scrollElStyle = getComputedStyle(scrollEl);\n            scrollEl.scrollTo({\n                left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n            });\n        }, [selected]);\n\n        const onItemFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (disabled) {\n                    return;\n                }\n\n                if (!hasKeyNavigation && innerRef?.current) {\n                    innerRef.current.scrollTo({\n                        top: 0,\n                        left: innerRef.current.offsetLeft,\n                        behavior: 'smooth',\n                    });\n\n                    return;\n                }\n\n                if (!refs) {\n                    return;\n                }\n\n                const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n                if (focusIndex === refs.current) {\n                    return;\n                }\n\n                onIndexChange?.(focusIndex);\n                refs.setCurrent(focusIndex);\n            },\n            [refs, innerRef, onIndexChange, disabled],\n        );\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (!onClick) {\n                return;\n            }\n\n            onClick(event);\n        };\n\n        return (\n            <Root\n                ref={ref}\n                disabled={disabled}\n                pilled={pilled}\n                role={role}\n                view={view}\n                // TODO: убрать каст any, когда будут удалены deprecated props\n                size={size as any}\n                onFocus={onItemFocus}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                className={cx(pilledClass, selectedClass, animatedClass, truncateClass, className)}\n                onClick={handleClick}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                <>\n                    {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n                    {!value && contentRight && (\n                        <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n                    )}\n                </>\n            </Root>\n        );\n    });\n\nexport const horizontalTabItemConfig = {\n    name: 'HorizontalTabItem',\n    tag: 'button',\n    layout: horizontalTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["horizontalTabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","disabled","pilled","children","value","contentLeft","contentRight","animated","onIndexChange","itemIndex","tabIndex","className","onClick","maxItemWidth","maxWidth","rest","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","truncateClass","tabsTruncate","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","useLayoutEffect","scrollEl","parentElement","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onItemFocus","useCallback","event","top","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","React","createElement","_extends","onFocus","cx","style","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","horizontalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}