@salutejs/plasma-new-hope 0.151.1-canary.1448.11015403933.0 → 0.152.0-canary.1374.11013124158.0

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css

@@ -0,0 +1,14 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.VerticalTabs_styles_15xyvpj_b2r261u__7475dadb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.VerticalTabs_styles_15xyvpj_s1tfgc53__7475dadb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;border-left:var(--s1tfgc53-0);border-radius:var(--plasma-tabs-divider-border-radius);}
+.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb::-webkit-scrollbar{display:none;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb .VerticalTabs_styles_15xyvpj_s1tfgc53__7475dadb{margin-top:auto;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipShowAll__7475dadb{overflow:visible;}
+.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb.VerticalTabs_styles_15xyvpj_focusVisible__7475dadb:focus::before,.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb[disabled]{cursor:not-allowed;}
+
+.base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
+
+.base_zefpir_bljnkat__35aebc71{background-color:var(--plasma-tabs-background-color);}
+
+.base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
+
+.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8{height:100%;}.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s16g9t9z__45c735a8,.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s1tfgc53__45c735a8,.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s1tfgc53__45c735a8 > button{height:100%;margin-top:0;}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js

@@ -0,0 +1,226 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+var tokens = require('../../../tokens.js');
+var index = require('../../../../../utils/index.js');
+var TabsContext = require('../../../TabsContext.js');
+var IconDisclosureLeft = require('../../../../_Icon/Icons/IconDisclosureLeft.js');
+var IconDisclosureRight = require('../../../../_Icon/Icons/IconDisclosureRight.js');
+require('@linaria/react');
+var VerticalTabs_styles = require('./VerticalTabs.styles.js');
+var base = require('./variations/_size/base.js');
+var base$1 = require('./variations/_view/base.js');
+var base$2 = require('./variations/_disabled/base.js');
+var base$3 = require('./variations/_stretch/base.js');
+
+var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
+var Keys = /*#__PURE__*/function (Keys) {
+  Keys[Keys["end"] = 35] = "end";
+  Keys[Keys["home"] = 36] = "home";
+  Keys[Keys["up"] = 38] = "up";
+  Keys[Keys["down"] = 40] = "down";
+  return Keys;
+}(Keys || {});
+var verticalTabsRoot = function verticalTabsRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
+    var id = props.id,
+      _props$stretch = props.stretch,
+      stretch = _props$stretch === void 0 ? false : _props$stretch,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$clip = props.clip,
+      clip = _props$clip === void 0 ? 'showAll' : _props$clip,
+      size = props.size,
+      view = props.view,
+      children = props.children,
+      index$1 = props.index,
+      className = props.className,
+      orientation = props.orientation,
+      _props$hasDivider = props.hasDivider,
+      hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var _useState = React.useState(true),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      firstItemVisible = _useState2[0],
+      setFirstItemVisible = _useState2[1];
+    var _useState3 = React.useState(true),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      lastItemVisible = _useState4[0],
+      setLastItemVisible = _useState4[1];
+    var refs = React.useMemo(function () {
+      return new TabsContext.TabItemRefs(index$1);
+    }, []);
+    var uniqId = plasmaCore.safeUseId();
+    var tabsId = id || uniqId;
+    var stretchClass = firstItemVisible && lastItemVisible && stretch ? tokens.classes.tabsStretch : undefined;
+    var clipScrollClass = !stretch && clip === 'scroll' ? tokens.classes.tabsClipScroll : undefined;
+    var clipShowAllClass = !stretch && clip === 'showAll' ? tokens.classes.tabsClipShowAll : undefined;
+    var scrollRef = React.useRef(null);
+    var trackRef = React.useRef(null);
+    var upArrowRef = React.useRef(null);
+    var onPrev = React.useCallback(function () {
+      var _firstOverflowingTab$;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollTop = Math.round(scrollRef.current.scrollTop);
+      var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
+        if (!item.current || item.current.offsetTop === undefined) {
+          return;
+        }
+        var tabStartX = item.current.offsetTop;
+        return tabStartX < scrollTop;
+      });
+      firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef, refs]);
+    var onNext = React.useCallback(function () {
+      var _lastOverflowingTab$c;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
+      var lastOverflowingTab = refs.items.find(function (item) {
+        if (!item.current || item.current.offsetTop === undefined) {
+          return;
+        }
+        var tabEndX = item.current.offsetTop + item.current.offsetHeight;
+        return tabEndX > scrollBottom;
+      });
+      lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef, refs]);
+    var PreviousButton = /*#__PURE__*/React.createElement(VerticalTabs_styles.StyledArrow, {
+      type: "button",
+      "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
+      onClick: onPrev,
+      tabIndex: disabled ? -1 : 0,
+      disabled: disabled,
+      ref: upArrowRef
+    }, /*#__PURE__*/React.createElement(IconDisclosureLeft.IconDisclosureLeft, {
+      color: "var(".concat(tokens.tokens.arrowColor, ")")
+    }));
+    var NextButton = /*#__PURE__*/React.createElement(VerticalTabs_styles.StyledArrow, {
+      type: "button",
+      "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
+      onClick: onNext,
+      tabIndex: disabled ? -1 : 0,
+      disabled: disabled
+    }, /*#__PURE__*/React.createElement(IconDisclosureRight.IconDisclosureRight, {
+      color: "var(".concat(tokens.tokens.arrowColor, ")")
+    }));
+    var handleScroll = React.useCallback(function (event) {
+      event.stopPropagation();
+      var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
+      var scrollTop = Math.round(event.currentTarget.scrollTop);
+      setFirstItemVisible(scrollTop <= 0);
+      setLastItemVisible(scrollTop >= maxScrollTop);
+    }, [setFirstItemVisible, setLastItemVisible]);
+    var onKeyDown = React.useCallback(function (event) {
+      if (index$1 === undefined) {
+        return;
+      }
+      var minIndex = 0;
+      var maxIndex = refs.items.length - 1;
+      var nextIndex;
+      switch (event.keyCode) {
+        case Keys.end:
+          nextIndex = maxIndex;
+          break;
+        case Keys.up:
+          nextIndex = index$1 > minIndex ? index$1 - 1 : index$1;
+          break;
+        case Keys.down:
+          nextIndex = index$1 < maxIndex ? index$1 + 1 : index$1;
+          break;
+        case Keys.home:
+          nextIndex = minIndex;
+          break;
+        default:
+          return;
+      }
+      if (nextIndex !== index$1) {
+        var _refs$items$nextIndex, _refs$items$nextIndex2;
+        event.preventDefault();
+        (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
+        (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
+          block: 'center',
+          inline: 'center',
+          behavior: 'smooth'
+        });
+      }
+    }, [index$1]);
+    React.useEffect(function () {
+      var _scrollRef$current, _scrollRef$current2;
+      setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
+    }, []);
+
+    // Этот хук компенсирует появление верхней стрелки при прокрутке
+    React.useEffect(function () {
+      if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {
+        return;
+      }
+      scrollRef.current.scrollTo({
+        top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight)
+      });
+    }, [firstItemVisible, scrollRef, upArrowRef]);
+    return /*#__PURE__*/React.createElement(TabsContext.TabsContext.Provider, {
+      value: refs
+    }, /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      view: view,
+      role: "tablist",
+      size: size,
+      id: tabsId,
+      ref: outerRef,
+      disabled: disabled,
+      className: index.cx(stretchClass, className),
+      onKeyDown: onKeyDown,
+      orientation: orientation
+    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(VerticalTabs_styles.StyledContentWrapper, {
+      className: index.cx(clipScrollClass, clipShowAllClass),
+      ref: scrollRef,
+      onScroll: handleScroll
+    }, /*#__PURE__*/React.createElement(VerticalTabs_styles.StyledContent, {
+      hasDivider: hasDivider,
+      ref: trackRef
+    }, children)), !lastItemVisible && NextButton));
+  });
+};
+var verticalTabsConfig = {
+  name: 'VerticalTabs',
+  tag: 'div',
+  layout: verticalTabsRoot,
+  base: VerticalTabs_styles.base,
+  variations: {
+    size: {
+      css: base.base
+    },
+    view: {
+      css: base$1.base
+    },
+    disabled: {
+      css: base$2.base,
+      attrs: true
+    },
+    stretch: {
+      css: base$3.base,
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'divider',
+    size: 'xs'
+  }
+};
+
+exports.verticalTabsConfig = verticalTabsConfig;
+exports.verticalTabsRoot = verticalTabsRoot;
+//# sourceMappingURL=VerticalTabs.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../../engines/types';\nimport { classes, tokens } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { VerticalTabsProps } from '../../../Tabs.types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\n\nimport { base, StyledArrow, StyledContent, StyledContentWrapper } from './VerticalTabs.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    up = 38,\n    down = 40,\n}\n\nexport const verticalTabsRoot = (Root: RootProps<HTMLDivElement, VerticalTabsProps>) =>\n    forwardRef<HTMLDivElement, VerticalTabsProps>((props, outerRef) => {\n        const {\n            id,\n            stretch = false,\n            disabled = false,\n            clip = 'showAll',\n            size,\n            view,\n            children,\n            index,\n            className,\n            orientation,\n            hasDivider = true,\n            ...rest\n        } = props;\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const refs = useMemo(() => new TabItemRefs(index), []);\n\n        const uniqId = safeUseId();\n        const tabsId = id || uniqId;\n\n        const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n        const clipScrollClass = !stretch && clip === 'scroll' ? classes.tabsClipScroll : undefined;\n        const clipShowAllClass = !stretch && clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const upArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollTop = Math.round(scrollRef.current.scrollTop);\n            const firstOverflowingTab = refs.items\n                .slice()\n                .reverse()\n                .find((item: MutableRefObject<HTMLElement | null>) => {\n                    if (!item.current || item.current.offsetTop === undefined) {\n                        return;\n                    }\n                    const tabStartX = item.current.offsetTop;\n\n                    return tabStartX < scrollTop;\n                });\n\n            firstOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef, refs]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);\n            const lastOverflowingTab = refs.items.find((item: MutableRefObject<HTMLElement | null>) => {\n                if (!item.current || item.current.offsetTop === undefined) {\n                    return;\n                }\n                const tabEndX = item.current.offsetTop + item.current.offsetHeight;\n\n                return tabEndX > scrollBottom;\n            });\n\n            lastOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef, refs]);\n\n        const PreviousButton = (\n            <StyledArrow\n                type=\"button\"\n                aria-label=\"Предыдущий таб\"\n                onClick={onPrev}\n                tabIndex={disabled ? -1 : 0}\n                disabled={disabled}\n                ref={upArrowRef}\n            >\n                <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n            </StyledArrow>\n        );\n\n        const NextButton = (\n            <StyledArrow\n                type=\"button\"\n                aria-label=\"Следующий таб\"\n                onClick={onNext}\n                tabIndex={disabled ? -1 : 0}\n                disabled={disabled}\n            >\n                <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n            </StyledArrow>\n        );\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation();\n                const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                setFirstItemVisible(scrollTop <= 0);\n                setLastItemVisible(scrollTop >= maxScrollTop);\n            },\n            [setFirstItemVisible, setLastItemVisible],\n        );\n\n        const onKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                if (index === undefined) {\n                    return;\n                }\n\n                const minIndex = 0;\n                const maxIndex = refs.items.length - 1;\n                let nextIndex: number;\n\n                switch (event.keyCode) {\n                    case Keys.end:\n                        nextIndex = maxIndex;\n                        break;\n                    case Keys.up:\n                        nextIndex = index > minIndex ? index - 1 : index;\n                        break;\n                    case Keys.down:\n                        nextIndex = index < maxIndex ? index + 1 : index;\n                        break;\n                    case Keys.home:\n                        nextIndex = minIndex;\n                        break;\n                    default:\n                        return;\n                }\n\n                if (nextIndex !== index) {\n                    event.preventDefault();\n                    refs.items[nextIndex].current?.focus();\n                    refs.items[nextIndex].current?.scrollIntoView({\n                        block: 'center',\n                        inline: 'center',\n                        behavior: 'smooth',\n                    });\n                }\n            },\n            [index],\n        );\n\n        useEffect(() => {\n            setLastItemVisible(scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight);\n        }, []);\n\n        // Этот хук компенсирует появление верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight),\n            });\n        }, [firstItemVisible, scrollRef, upArrowRef]);\n\n        return (\n            <TabsContext.Provider value={refs}>\n                <Root\n                    view={view}\n                    role=\"tablist\"\n                    size={size}\n                    id={tabsId}\n                    ref={outerRef}\n                    disabled={disabled}\n                    className={cx(stretchClass, className)}\n                    onKeyDown={onKeyDown}\n                    orientation={orientation}\n                    {...rest}\n                >\n                    {!firstItemVisible && PreviousButton}\n                    <StyledContentWrapper\n                        className={cx(clipScrollClass, clipShowAllClass)}\n                        ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n                        onScroll={handleScroll}\n                    >\n                        <StyledContent\n                            hasDivider={hasDivider}\n                            ref={trackRef as MutableRefObject<HTMLDivElement | null>}\n                        >\n                            {children}\n                        </StyledContent>\n                    </StyledContentWrapper>\n                    {!lastItemVisible && NextButton}\n                </Root>\n            </TabsContext.Provider>\n        );\n    });\n\nexport const verticalTabsConfig = {\n    name: 'VerticalTabs',\n    tag: 'div',\n    layout: verticalTabsRoot,\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        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","verticalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","size","view","children","index","className","orientation","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","stretchClass","classes","tabsStretch","undefined","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","upArrowRef","onPrev","useCallback","_firstOverflowingTab$","current","scrollTop","Math","round","firstOverflowingTab","items","slice","reverse","find","item","offsetTop","tabStartX","scrollIntoView","block","inline","onNext","_lastOverflowingTab$c","scrollBottom","clientHeight","lastOverflowingTab","tabEndX","offsetHeight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollTop","currentTarget","scrollHeight","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","up","down","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","behavior","useEffect","_scrollRef$current","_scrollRef$current2","scrollTo","top","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","verticalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;AAegE,IAE3DA,IAAI,0BAAJA,IAAI,EAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAJA,IAAI,CAAA;AAAA,CAAA,CAAJA,IAAI,IAAA,EAAA,CAAA,CAAA;IAOIC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CAAoC,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAC/D,IAAA,IACIC,EAAE,GAYFF,KAAK,CAZLE,EAAE;MAAAC,cAAA,GAYFH,KAAK,CAXLI,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MAAAE,eAAA,GAWfL,KAAK,CAVLM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,WAAA,GAUhBP,KAAK,CATLQ,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA;MAChBE,IAAI,GAQJT,KAAK,CARLS,IAAI;MACJC,IAAI,GAOJV,KAAK,CAPLU,IAAI;MACJC,QAAQ,GAMRX,KAAK,CANLW,QAAQ;MACRC,OAAK,GAKLZ,KAAK,CALLY,KAAK;MACLC,SAAS,GAITb,KAAK,CAJLa,SAAS;MACTC,WAAW,GAGXd,KAAK,CAHLc,WAAW;MAAAC,iBAAA,GAGXf,KAAK,CAFLgB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;AACdE,MAAAA,IAAI,GAAAC,iDAAA,CACPlB,KAAK,EAAAmB,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAAgDC,cAAQ,CAAC,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,mBAAmB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5C,IAAA,IAAAI,UAAA,GAA8CL,cAAQ,CAAC,IAAI,CAAC;MAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAArDE,MAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE1C,IAAMG,IAAI,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAM,IAAIC,uBAAW,CAACpB,OAAK,CAAC,CAAA;AAAA,KAAA,EAAE,EAAE,CAAC,CAAA;AAEtD,IAAA,IAAMqB,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,MAAM,GAAGjC,EAAE,IAAI+B,MAAM,CAAA;AAE3B,IAAA,IAAMG,YAAY,GAAGZ,gBAAgB,IAAII,eAAe,IAAIxB,OAAO,GAAGiC,cAAO,CAACC,WAAW,GAAGC,SAAS,CAAA;AACrG,IAAA,IAAMC,eAAe,GAAG,CAACpC,OAAO,IAAII,IAAI,KAAK,QAAQ,GAAG6B,cAAO,CAACI,cAAc,GAAGF,SAAS,CAAA;AAC1F,IAAA,IAAMG,gBAAgB,GAAG,CAACtC,OAAO,IAAII,IAAI,KAAK,SAAS,GAAG6B,cAAO,CAACM,eAAe,GAAGJ,SAAS,CAAA;AAE7F,IAAA,IAAMK,SAAS,GAAGC,YAAM,CAAqB,IAAI,CAAC,CAAA;AAClD,IAAA,IAAMC,QAAQ,GAAGD,YAAM,CAAqB,IAAI,CAAC,CAAA;AACjD,IAAA,IAAME,UAAU,GAAGF,YAAM,CAA2B,IAAI,CAAC,CAAA;AAEzD,IAAA,IAAMG,MAAM,GAAGC,iBAAW,CAAC,YAAM;AAAA,MAAA,IAAAC,qBAAA,CAAA;AAC7B,MAAA,IAAI5C,QAAQ,IAAI,CAACsC,SAAS,CAACO,OAAO,EAAE;AAChC,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMC,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACV,SAAS,CAACO,OAAO,CAACC,SAAS,CAAC,CAAA;AACzD,MAAA,IAAMG,mBAAmB,GAAGzB,IAAI,CAAC0B,KAAK,CACjCC,KAAK,EAAE,CACPC,OAAO,EAAE,CACTC,IAAI,CAAC,UAACC,IAA0C,EAAK;AAClD,QAAA,IAAI,CAACA,IAAI,CAACT,OAAO,IAAIS,IAAI,CAACT,OAAO,CAACU,SAAS,KAAKtB,SAAS,EAAE;AACvD,UAAA,OAAA;AACJ,SAAA;AACA,QAAA,IAAMuB,SAAS,GAAGF,IAAI,CAACT,OAAO,CAACU,SAAS,CAAA;QAExC,OAAOC,SAAS,GAAGV,SAAS,CAAA;AAChC,OAAC,CAAC,CAAA;AAENG,MAAAA,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAAL,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAnBK,mBAAmB,CAAEJ,OAAO,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,IAA5BA,qBAAA,CAA8Ba,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,SAAS;AAAEC,QAAAA,MAAM,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;KACxF,EAAE,CAAC3D,QAAQ,EAAEsC,SAAS,EAAEd,IAAI,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAMoC,MAAM,GAAGjB,iBAAW,CAAC,YAAM;AAAA,MAAA,IAAAkB,qBAAA,CAAA;AAC7B,MAAA,IAAI7D,QAAQ,IAAI,CAACsC,SAAS,CAACO,OAAO,EAAE;AAChC,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMiB,YAAY,GAAGf,IAAI,CAACC,KAAK,CAACV,SAAS,CAACO,OAAO,CAACC,SAAS,GAAGR,SAAS,CAACO,OAAO,CAACkB,YAAY,CAAC,CAAA;MAC7F,IAAMC,kBAAkB,GAAGxC,IAAI,CAAC0B,KAAK,CAACG,IAAI,CAAC,UAACC,IAA0C,EAAK;AACvF,QAAA,IAAI,CAACA,IAAI,CAACT,OAAO,IAAIS,IAAI,CAACT,OAAO,CAACU,SAAS,KAAKtB,SAAS,EAAE;AACvD,UAAA,OAAA;AACJ,SAAA;AACA,QAAA,IAAMgC,OAAO,GAAGX,IAAI,CAACT,OAAO,CAACU,SAAS,GAAGD,IAAI,CAACT,OAAO,CAACqB,YAAY,CAAA;QAElE,OAAOD,OAAO,GAAGH,YAAY,CAAA;AACjC,OAAC,CAAC,CAAA;AAEFE,MAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAAH,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAlBG,kBAAkB,CAAEnB,OAAO,MAAA,IAAA,IAAAgB,qBAAA,KAAA,KAAA,CAAA,IAA3BA,qBAAA,CAA6BJ,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,SAAS;AAAEC,QAAAA,MAAM,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;KACvF,EAAE,CAAC3D,QAAQ,EAAEsC,SAAS,EAAEd,IAAI,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAM2C,cAAc,gBAChBC,KAAA,CAAAC,aAAA,CAACC,+BAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,YAAA,EAAW,iFAAgB;AAC3BC,MAAAA,OAAO,EAAE9B,MAAO;AAChB+B,MAAAA,QAAQ,EAAEzE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BA,MAAAA,QAAQ,EAAEA,QAAS;AACnB0E,MAAAA,GAAG,EAAEjC,UAAAA;AAAW,KAAA,eAEhB2B,KAAA,CAAAC,aAAA,CAACM,qCAAkB,EAAA;AAACC,MAAAA,KAAK,EAAAC,MAAAA,CAAAA,MAAA,CAASC,aAAM,CAACC,UAAU,EAAA,GAAA,CAAA;AAAI,KAAE,CAChD,CAChB,CAAA;AAED,IAAA,IAAMC,UAAU,gBACZZ,KAAA,CAAAC,aAAA,CAACC,+BAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,YAAA,EAAW,2EAAe;AAC1BC,MAAAA,OAAO,EAAEZ,MAAO;AAChBa,MAAAA,QAAQ,EAAEzE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BA,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,eAEnBoE,KAAA,CAAAC,aAAA,CAACY,uCAAmB,EAAA;AAACL,MAAAA,KAAK,EAAAC,MAAAA,CAAAA,MAAA,CAASC,aAAM,CAACC,UAAU,EAAA,GAAA,CAAA;AAAI,KAAE,CACjD,CAChB,CAAA;AAED,IAAA,IAAMG,YAAY,GAAGvC,iBAAW,CAC5B,UAACwC,KAAiC,EAAW;MACzCA,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,IAAMC,YAAY,GAAGF,KAAK,CAACG,aAAa,CAACC,YAAY,GAAGJ,KAAK,CAACG,aAAa,CAACvB,YAAY,CAAA;MACxF,IAAMjB,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACmC,KAAK,CAACG,aAAa,CAACxC,SAAS,CAAC,CAAA;AAE3D3B,MAAAA,mBAAmB,CAAC2B,SAAS,IAAI,CAAC,CAAC,CAAA;AACnCvB,MAAAA,kBAAkB,CAACuB,SAAS,IAAIuC,YAAY,CAAC,CAAA;AACjD,KAAC,EACD,CAAClE,mBAAmB,EAAEI,kBAAkB,CAC5C,CAAC,CAAA;AAED,IAAA,IAAMiE,SAAS,GAAG7C,iBAAW,CACzB,UAACwC,KAAoC,EAAK;MACtC,IAAI7E,OAAK,KAAK2B,SAAS,EAAE;AACrB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMwD,QAAQ,GAAG,CAAC,CAAA;MAClB,IAAMC,QAAQ,GAAGlE,IAAI,CAAC0B,KAAK,CAACyC,MAAM,GAAG,CAAC,CAAA;AACtC,MAAA,IAAIC,SAAiB,CAAA;MAErB,QAAQT,KAAK,CAACU,OAAO;QACjB,KAAKvG,IAAI,CAACwG,GAAG;AACTF,UAAAA,SAAS,GAAGF,QAAQ,CAAA;AACpB,UAAA,MAAA;QACJ,KAAKpG,IAAI,CAACyG,EAAE;UACRH,SAAS,GAAGtF,OAAK,GAAGmF,QAAQ,GAAGnF,OAAK,GAAG,CAAC,GAAGA,OAAK,CAAA;AAChD,UAAA,MAAA;QACJ,KAAKhB,IAAI,CAAC0G,IAAI;UACVJ,SAAS,GAAGtF,OAAK,GAAGoF,QAAQ,GAAGpF,OAAK,GAAG,CAAC,GAAGA,OAAK,CAAA;AAChD,UAAA,MAAA;QACJ,KAAKhB,IAAI,CAAC2G,IAAI;AACVL,UAAAA,SAAS,GAAGH,QAAQ,CAAA;AACpB,UAAA,MAAA;AACJ,QAAA;AACI,UAAA,OAAA;AACR,OAAA;MAEA,IAAIG,SAAS,KAAKtF,OAAK,EAAE;QAAA,IAAA4F,qBAAA,EAAAC,sBAAA,CAAA;QACrBhB,KAAK,CAACiB,cAAc,EAAE,CAAA;AACtB,QAAA,CAAAF,qBAAA,GAAA1E,IAAI,CAAC0B,KAAK,CAAC0C,SAAS,CAAC,CAAC/C,OAAO,cAAAqD,qBAAA,KAAA,KAAA,CAAA,IAA7BA,qBAAA,CAA+BG,KAAK,EAAE,CAAA;AACtC,QAAA,CAAAF,sBAAA,GAAA3E,IAAI,CAAC0B,KAAK,CAAC0C,SAAS,CAAC,CAAC/C,OAAO,cAAAsD,sBAAA,KAAA,KAAA,CAAA,IAA7BA,sBAAA,CAA+B1C,cAAc,CAAC;AAC1CC,UAAAA,KAAK,EAAE,QAAQ;AACfC,UAAAA,MAAM,EAAE,QAAQ;AAChB2C,UAAAA,QAAQ,EAAE,QAAA;AACd,SAAC,CAAC,CAAA;AACN,OAAA;AACJ,KAAC,EACD,CAAChG,OAAK,CACV,CAAC,CAAA;AAEDiG,IAAAA,eAAS,CAAC,YAAM;MAAA,IAAAC,kBAAA,EAAAC,mBAAA,CAAA;MACZlF,kBAAkB,CAAC,CAAAiF,CAAAA,kBAAA,GAAAlE,SAAS,CAACO,OAAO,MAAA,IAAA,IAAA2D,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBjB,YAAY,OAAAkB,CAAAA,mBAAA,GAAKnE,SAAS,CAACO,OAAO,MAAA4D,IAAAA,IAAAA,mBAAA,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAmB1C,YAAY,CAAC,CAAA,CAAA;KAC1F,EAAE,EAAE,CAAC,CAAA;;AAEN;AACAwC,IAAAA,eAAS,CAAC,YAAM;MACZ,IAAIrF,gBAAgB,IAAI,CAACoB,SAAS,CAACO,OAAO,IAAI,CAACJ,UAAU,CAACI,OAAO,EAAE;AAC/D,QAAA,OAAA;AACJ,OAAA;AAEAP,MAAAA,SAAS,CAACO,OAAO,CAAC6D,QAAQ,CAAC;AACvBC,QAAAA,GAAG,EAAE5D,IAAI,CAACC,KAAK,CAACV,SAAS,CAACO,OAAO,CAACC,SAAS,GAAGL,UAAU,CAACI,OAAO,CAACkB,YAAY,CAAA;AACjF,OAAC,CAAC,CAAA;KACL,EAAE,CAAC7C,gBAAgB,EAAEoB,SAAS,EAAEG,UAAU,CAAC,CAAC,CAAA;AAE7C,IAAA,oBACI2B,KAAA,CAAAC,aAAA,CAACuC,uBAAW,CAACC,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEtF,IAAAA;AAAK,KAAA,eAC9B4C,KAAA,CAAAC,aAAA,CAAC7E,IAAI,EAAAuH,iCAAA,CAAA;AACD3G,MAAAA,IAAI,EAAEA,IAAK;AACX4G,MAAAA,IAAI,EAAC,SAAS;AACd7G,MAAAA,IAAI,EAAEA,IAAK;AACXP,MAAAA,EAAE,EAAEiC,MAAO;AACX6C,MAAAA,GAAG,EAAE/E,QAAS;AACdK,MAAAA,QAAQ,EAAEA,QAAS;AACnBO,MAAAA,SAAS,EAAE0G,QAAE,CAACnF,YAAY,EAAEvB,SAAS,CAAE;AACvCiF,MAAAA,SAAS,EAAEA,SAAU;AACrBhF,MAAAA,WAAW,EAAEA,WAAAA;KACTG,EAAAA,IAAI,CAEP,EAAA,CAACO,gBAAgB,IAAIiD,cAAc,eACpCC,KAAA,CAAAC,aAAA,CAAC6C,wCAAoB,EAAA;AACjB3G,MAAAA,SAAS,EAAE0G,QAAE,CAAC/E,eAAe,EAAEE,gBAAgB,CAAE;AACjDsC,MAAAA,GAAG,EAAEpC,SAAqD;AAC1D6E,MAAAA,QAAQ,EAAEjC,YAAAA;AAAa,KAAA,eAEvBd,KAAA,CAAAC,aAAA,CAAC+C,iCAAa,EAAA;AACV1G,MAAAA,UAAU,EAAEA,UAAW;AACvBgE,MAAAA,GAAG,EAAElC,QAAAA;KAEJnC,EAAAA,QACU,CACG,CAAC,EACtB,CAACiB,eAAe,IAAI0D,UACnB,CACY,CAAC,CAAA;AAE/B,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMqC,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjI,gBAAgB;AACxBkI,EAAAA,IAAI,EAAJA,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACRvH,IAAAA,IAAI,EAAE;AACFwH,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDxH,IAAAA,IAAI,EAAE;AACFuH,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD7H,IAAAA,QAAQ,EAAE;AACN2H,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDjI,IAAAA,OAAO,EAAE;AACL6H,MAAAA,GAAG,EAAEK,WAAU;AACfD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACN7H,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js

@@ -0,0 +1,39 @@
+import './VerticalTabs.styles_15xyvpj.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var tokens = require('../../../tokens.js');
+
+var base = "b2r261u";
+var _exp = function _exp() {
+  return function (_ref) {
+    var hasDivider = _ref.hasDivider;
+    return hasDivider ? "1px solid var(".concat(tokens.tokens.tabsDividerColor, ")") : '0';
+  };
+};
+var StyledContent = /*#__PURE__*/react.styled('div')({
+  name: "StyledContent",
+  "class": "s1tfgc53",
+  propsAsIs: false,
+  vars: {
+    "s1tfgc53-0": [/*#__PURE__*/_exp()]
+  }
+});
+var StyledContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "StyledContentWrapper",
+  "class": "s16g9t9z",
+  propsAsIs: false
+});
+var StyledArrow = /*#__PURE__*/react.styled('button')({
+  name: "StyledArrow",
+  "class": "s81cx4",
+  propsAsIs: false
+});
+
+exports.StyledArrow = StyledArrow;
+exports.StyledContent = StyledContent;
+exports.StyledContentWrapper = StyledContentWrapper;
+exports.base = base;
+//# sourceMappingURL=VerticalTabs.styles.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n    display: inline-flex;\n    flex-direction: column;\n    align-items: start;\n\n    border-left: ${({ hasDivider }) => (hasDivider ? `1px solid var(${tokens.tabsDividerColor})` : '0')};\n    border-radius: var(${tokens.tabsDividerBorderRadius});\n`;\n\nexport const StyledContentWrapper = styled.div`\n    /* allows correctly display outline focus on tabs item */\n    margin: -0.125rem;\n    padding: 0.25rem;\n\n    box-sizing: content-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n        scroll-padding: 0.25rem;\n        overscroll-behavior: contain;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n\n        ${StyledContent} {\n            margin-top: auto;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    transform: rotate(90deg);\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base","_exp","_ref","hasDivider","concat","tokens","tabsDividerColor","StyledContent","styled","name","class","propsAsIs","vars","StyledContentWrapper","StyledArrow"],"mappings":";;;;;;;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAAC,IAAAC,IAAA,GAXgBA,SAWhBA,IAAAA,GAAA;AAAA,EAAA,OAOiB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,IAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAkBA,UAAU,oBAAAC,MAAA,CAAoBC,aAAM,CAACC,gBAAiB,SAAK,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhG,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAKhBX,IAAoF,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtG,EAAA;AAEM,IAAMY,oBAAoB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BzC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_15xyvpj.css

@@ -0,0 +1,4 @@
+.b2r261u{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s1tfgc53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;border-left:var(--s1tfgc53-0);border-radius:var(--plasma-tabs-divider-border-radius);}
+.s16g9t9z{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s16g9t9z.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s16g9t9z.tabs-clip-scroll .s1tfgc53{margin-top:auto;}.s16g9t9z.tabs-clip-show-all{overflow:visible;}
+.s81cx4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.s81cx4::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s81cx4.focus-visible:focus::before,.s81cx4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s81cx4[disabled]{cursor:not-allowed;}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js

@@ -0,0 +1,9 @@
+import './base_do8935.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1vdpmya";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    opacity: var(${tokens.disabledOpacity});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css

@@ -0,0 +1 @@
+.b1vdpmya{opacity:var(--plasma-tabs-disabled-opacity);}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js

@@ -0,0 +1,9 @@
+import './base_1sekozo.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1t51iwr";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    width: var(${tokens.tabsWidth});\n    height: var(${tokens.tabsHeight});\n\n    --plasma_private-outline-radius: var(${tokens.tabsBorderRadius});\n    border-radius: var(${tokens.tabsBorderRadius});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}

package/cjs/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css}

@@ -1 +1 @@
-.b12fajph{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
+.b1t51iwr{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js

@@ -0,0 +1,9 @@
+import './base_phkacz.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1qe0zg0";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';\n\nexport const base = css`\n    &.${classes.tabsStretch} {\n        height: 100%;\n\n        ${StyledContentWrapper}, ${StyledContent}, ${StyledContent} > button {\n            height: 100%;\n            margin-top: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAShB;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css

@@ -0,0 +1 @@
+.b1qe0zg0.tabs-stretched{height:100%;}.b1qe0zg0.tabs-stretched .s16g9t9z,.b1qe0zg0.tabs-stretched .s1tfgc53,.b1qe0zg0.tabs-stretched .s1tfgc53 > button{height:100%;margin-top:0;}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_zefpir.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bljnkat";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    background-color: var(${tokens.tabsBackgroundColor});\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_zefpir.css

@@ -0,0 +1 @@
+.bljnkat{background-color:var(--plasma-tabs-background-color);}

package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var VerticalTabsContext = /*#__PURE__*/React.createContext(null);
+
+exports.VerticalTabsContext = VerticalTabsContext;
+//# sourceMappingURL=VerticalTabsContext.js.map

package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsContext.js","sources":["../../../../../src/components/Tabs/ui/vertical/VerticalTabsContext.ts"],"sourcesContent":["import { createContext, ReactNode } from 'react';\n\nexport const VerticalTabsContext = createContext<ReactNode | null>(null);\n"],"names":["VerticalTabsContext","createContext"],"mappings":";;;;;;IAEaA,mBAAmB,gBAAGC,mBAAa,CAAmB,IAAI;;;;"}

package/cjs/index.css

@@ -182,33 +182,57 @@
 
 .Switch_svqw4q_bagv7wj__12723d90{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_svqw4q_bagv7wj__12723d90:focus{outline:0 none;}
 
-.base_iw773q_b12fajph__34b9af5a{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
+.base_1sq08yf_bxoicu2__bb7a4868{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
 
-.base_aij3sf_b1mh5p08__d6b8b2c3{background-color:var(--plasma-tabs-background-color);}.base_aij3sf_b1mh5p08__d6b8b2c3::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_aij3sf_b1mh5p08__d6b8b2c3.base_aij3sf_tabsHasLeftArrow__d6b8b2c3::after{left:1.5rem;}.base_aij3sf_b1mh5p08__d6b8b2c3.base_aij3sf_tabsHasRightArrow__d6b8b2c3::after{right:1.5rem;}
+.base_9miwn_bupjtit__d014f2e9{background-color:var(--plasma-tabs-background-color);}.base_9miwn_bupjtit__d014f2e9::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_9miwn_bupjtit__d014f2e9.base_9miwn_tabsHasLeftArrow__d014f2e9::after{left:1.5rem;}.base_9miwn_bupjtit__d014f2e9.base_9miwn_tabsHasRightArrow__d014f2e9::after{right:1.5rem;}
 
-.base_1i8tr9c_b1lwejhw__63d2542b{opacity:var(--plasma-tabs-disabled-opacity);}
+.base_j9bg3m_bbh58a1__de7491f9{opacity:var(--plasma-tabs-disabled-opacity);}
 
-.base_1ujjl52_b1aa8x3y__dbe55f93.base_1ujjl52_tabsPilled__dbe55f93{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
+.base_r0ggur_bc7z19b__6485a778.base_r0ggur_tabsPilled__6485a778{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
 
-.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea{width:100%;}.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_sh5e38r__a2a07cea,.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_s8qwlso__a2a07cea,.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_s8qwlso__a2a07cea > button{width:100%;margin-left:0;}
+.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df{width:100%;}.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s158pfyo__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df > button{width:100%;margin-left:0;}
 
-.Tabs_styles_z4dnzh_bu8v92r__3f447f56{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
-.Tabs_styles_z4dnzh_s8qwlso__3f447f56{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.Tabs_styles_z4dnzh_sh5e38r__3f447f56{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Tabs_styles_z4dnzh_sh5e38r__3f447f56.Tabs_styles_z4dnzh_tabsClipScroll__3f447f56{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Tabs_styles_z4dnzh_sh5e38r__3f447f56.Tabs_styles_z4dnzh_tabsClipScroll__3f447f56::-webkit-scrollbar{display:none;}.Tabs_styles_z4dnzh_sh5e38r__3f447f56.Tabs_styles_z4dnzh_tabsClipShowAll__3f447f56{overflow:visible;}
-.Tabs_styles_z4dnzh_s1ekwj92__3f447f56{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.Tabs_styles_z4dnzh_s1ekwj92__3f447f56::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Tabs_styles_z4dnzh_s1ekwj92__3f447f56.Tabs_styles_z4dnzh_focusVisible__3f447f56:focus::before,.Tabs_styles_z4dnzh_s1ekwj92__3f447f56[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.Tabs_styles_z4dnzh_s1ekwj92__3f447f56[disabled]{cursor:not-allowed;}
+.HorizontalTabs_styles_m8d2xg_b7gl603__65b97283{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
+.HorizontalTabs_styles_m8d2xg_s191iwmt__65b97283{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283.HorizontalTabs_styles_m8d2xg_tabsClipScroll__65b97283{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283.HorizontalTabs_styles_m8d2xg_tabsClipScroll__65b97283::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283.HorizontalTabs_styles_m8d2xg_tabsClipShowAll__65b97283{overflow:visible;}
+.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);}.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283.HorizontalTabs_styles_m8d2xg_focusVisible__65b97283:focus::before,.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283[disabled]{cursor:not-allowed;}
 
-.base_7pcxtm_b5uyjxl__b67ab7ce{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_7pcxtm_b5uyjxl__b67ab7ce:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7pcxtm_b5uyjxl__b67ab7ce:hover .base_7pcxtm_r265xop__b67ab7ce{color:var(--plasma-tab-item-hover-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce:active{color:var(--plasma-tab-item-color-active);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_tabItemAnimated__b67ab7ce{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce .base_7pcxtm_r265xop__b67ab7ce{color:var(--plasma-tab-item-selected-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce .base_7pcxtm_r265xop__b67ab7ce:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
+.base_15vj1zs_b1vyjqk2__9e5b62cd{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_15vj1zs_b1vyjqk2__9e5b62cd:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_15vj1zs_b1vyjqk2__9e5b62cd:hover .base_15vj1zs_r1nh4m12__9e5b62cd{color:var(--plasma-tab-item-hover-additional-content-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd:active{color:var(--plasma-tab-item-color-active);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_tabItemAnimated__9e5b62cd{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd .base_15vj1zs_r1nh4m12__9e5b62cd{color:var(--plasma-tab-item-selected-additional-content-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd .base_15vj1zs_r1nh4m12__9e5b62cd:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
 
-.base_1d7e3fp_bvmpqz9__8fd7c45d{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+.base_kcn71r_b1lnzg5o__73784135{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
 
-.base_l36za5_b1lija56__367a6ea0.base_l36za5_tabsPilled__367a6ea0{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
+.base_1blwjaf_b1vjpd4t__06d77ae1.base_1blwjaf_tabsPilled__06d77ae1{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
 
-.base_1rysr2y_b1v60yof__4164591e[disabled]{cursor:not-allowed;}.base_1rysr2y_b1v60yof__4164591e[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1rysr2y_b1v60yof__4164591e[disabled].base_1rysr2y_selectedTabsItem__4164591e:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
+.base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.TabItem_styles_pj75hv_bop0yoy__517b6ce5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.TabItem_styles_pj75hv_bop0yoy__517b6ce5:first-child{margin-left:0;}.TabItem_styles_pj75hv_bop0yoy__517b6ce5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TabItem_styles_pj75hv_bop0yoy__517b6ce5.TabItem_styles_pj75hv_focusVisible__517b6ce5:focus::before,.TabItem_styles_pj75hv_bop0yoy__517b6ce5[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
-.TabItem_styles_pj75hv_s1xiypp1__517b6ce5{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.TabItem_styles_pj75hv_r265xop__517b6ce5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-tab-item-additional-content-color);}.TabItem_styles_pj75hv_r265xop__517b6ce5:hover{color:var(--plasma-tab-item-hover-additional-content-color);}
-.TabItem_styles_pj75hv_l10xoh79__517b6ce5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.TabItem_styles_pj75hv_l10xoh79__517b6ce5:hover{color:inherit;}
+.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae:first-child{margin-left:0;}.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae.HorizontalTabItem_styles_dlu4l9_focusVisible__affff1ae:focus::before,.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.HorizontalTabItem_styles_dlu4l9_s1l5e9z0__affff1ae{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.HorizontalTabItem_styles_dlu4l9_r1nh4m12__affff1ae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-tab-item-additional-content-color);}.HorizontalTabItem_styles_dlu4l9_r1nh4m12__affff1ae:hover{color:var(--plasma-tab-item-hover-additional-content-color);}
+.HorizontalTabItem_styles_dlu4l9_l13nweg3__affff1ae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_dlu4l9_l13nweg3__affff1ae:hover{color:inherit;}
+
+.VerticalTabs_styles_15xyvpj_b2r261u__7475dadb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.VerticalTabs_styles_15xyvpj_s1tfgc53__7475dadb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;border-left:var(--s1tfgc53-0);border-radius:var(--plasma-tabs-divider-border-radius);}
+.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb::-webkit-scrollbar{display:none;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb .VerticalTabs_styles_15xyvpj_s1tfgc53__7475dadb{margin-top:auto;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipShowAll__7475dadb{overflow:visible;}
+.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb.VerticalTabs_styles_15xyvpj_focusVisible__7475dadb:focus::before,.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb[disabled]{cursor:not-allowed;}
+
+.base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
+
+.base_zefpir_bljnkat__35aebc71{background-color:var(--plasma-tabs-background-color);}
+
+.base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
+
+.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8{height:100%;}.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s16g9t9z__45c735a8,.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s1tfgc53__45c735a8,.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s1tfgc53__45c735a8 > button{height:100%;margin-top:0;}
+
+.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17.VerticalTabItem_styles_1wjwjj4_focusVisible__94ca6e17:focus::before,.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.VerticalTabItem_styles_1wjwjj4_s4s0t81__94ca6e17{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.VerticalTabItem_styles_1wjwjj4_rur46hh__94ca6e17{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-tab-item-additional-content-color);}.VerticalTabItem_styles_1wjwjj4_rur46hh__94ca6e17:hover{color:var(--plasma-tab-item-hover-additional-content-color);}
+.VerticalTabItem_styles_1wjwjj4_l1ms3p4x__94ca6e17{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1wjwjj4_l1ms3p4x__94ca6e17:hover{color:inherit;}
+
+.base_1agah6e_byyhn69__d92f02fe{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_1agah6e_byyhn69__d92f02fe:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_1agah6e_byyhn69__d92f02fe:hover .base_1agah6e_rur46hh__d92f02fe{color:var(--plasma-tab-item-hover-additional-content-color);}.base_1agah6e_byyhn69__d92f02fe:active{color:var(--plasma-tab-item-color-active);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_tabItemAnimated__d92f02fe{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe .base_1agah6e_rur46hh__d92f02fe{color:var(--plasma-tab-item-selected-additional-content-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe .base_1agah6e_rur46hh__d92f02fe:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe::after{content:'';position:absolute;left:calc(-1 * var(--plasma-tab-item-margin-left) - 1.5px);background:var(--plasma-tab-item-selected-divider-color);height:100%;width:2px;border-radius:1px;}
+
+.base_1izl8z9_b13ylalc__6dd590df{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+
+.base_13f4t5k_bvdfayd__c71883f1[disabled]{cursor:not-allowed;}.base_13f4t5k_bvdfayd__c71883f1[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_13f4t5k_bvdfayd__c71883f1[disabled].base_13f4t5k_selectedTabsItem__c71883f1:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
 .CalendarHeader_styles_1jfelqf_sjaqipy__a85b865d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
 .CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:hover,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/cjs/index.js

@@ -58,8 +58,11 @@ var after = require('./components/Switch/_label-position/after.js');
 var before = require('./components/Switch/_label-position/before.js');
 var Switch = require('./components/Switch/Switch.js');
 var Switch_tokens = require('./components/Switch/Switch.tokens.js');
-var Tabs = require('./components/Tabs/ui/Tabs/Tabs.js');
-var TabItem = require('./components/Tabs/ui/TabItem/TabItem.js');
+var HorizontalTabs = require('./components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js');
+var HorizontalTabItem = require('./components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js');
+var VerticalTabs = require('./components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js');
+var VerticalTabItem = require('./components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js');
+var VerticalTabsContext = require('./components/Tabs/ui/vertical/VerticalTabsContext.js');
 var tokens = require('./components/Tabs/tokens.js');
 var TabsContext = require('./components/Tabs/TabsContext.js');
 var createTabsController = require('./components/Tabs/createTabsController.js');
@@ -346,10 +349,15 @@ exports.Switch_LabelPosition_Before = before.labelPosition_Before;
 exports.switchConfig = Switch.switchConfig;
 exports.switchRoot = Switch.switchRoot;
 exports.switchTokens = Switch_tokens.tokens;
-exports.tabsConfig = Tabs.tabsConfig;
-exports.tabsRoot = Tabs.tabsRoot;
-exports.tabItemConfig = TabItem.tabItemConfig;
-exports.tabItemRoot = TabItem.tabItemRoot;
+exports.horizontalTabsConfig = HorizontalTabs.horizontalTabsConfig;
+exports.horizontalTabsRoot = HorizontalTabs.horizontalTabsRoot;
+exports.horizontalTabItemConfig = HorizontalTabItem.horizontalTabItemConfig;
+exports.horizontalTabItemRoot = HorizontalTabItem.horizontalTabItemRoot;
+exports.verticalTabsConfig = VerticalTabs.verticalTabsConfig;
+exports.verticalTabsRoot = VerticalTabs.verticalTabsRoot;
+exports.verticalTabItemConfig = VerticalTabItem.verticalTabItemConfig;
+exports.verticalTabItemRoot = VerticalTabItem.verticalTabItemRoot;
+exports.VerticalTabsContext = VerticalTabsContext.VerticalTabsContext;
 exports.tabsTokens = tokens.tokens;
 exports.TabItemRefs = TabsContext.TabItemRefs;
 exports.TabsContext = TabsContext.TabsContext;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}