@ultraviolet/ui 3.0.0-beta.22 → 3.0.0-beta.24

package/dist/components/Tabs/index.js

@@ -1,41 +1,11 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { useRef, useState, useMemo, useEffect, Children, isValidElement, cloneElement } from "react";
-import { StyledTabButton, Tab } from "./Tab.js";
+import { tabsContainer, tabsMenu, tabsMenuContainer } from "./styles.css.js";
+import { Tab } from "./Tab.js";
 import { TabMenu } from "./TabMenu.js";
 import { TabMenuItem } from "./TabMenuItem.js";
 import { TabsContext } from "./TabsContext.js";
-const MenuContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ewug27g2"
-} : {
-  target: "ewug27g2",
-  label: "MenuContainer"
-})("display:flex;flex-direction:column;", StyledTabButton, "{font-size:", ({
-  theme
-}) => theme.typography.bodySmall.fontSize, ";line-height:", ({
-  theme
-}) => theme.typography.bodySmall.lineHeight, ";font-weight:inherit;padding:", ({
-  theme
-}) => `${theme.space["1"]} ${theme.space["2"]}`, ";border-bottom-width:1.5px;width:100%;cursor:pointer;min-width:6.875rem;background-color:transparent;&[aria-disabled='true'],&:disabled{cursor:not-allowed;filter:grayscale(1) opacity(50%);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFicy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgY2xvbmVFbGVtZW50LFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0eWxlZFRhYkJ1dHRvbiwgVGFiIH0gZnJvbSAnLi9UYWInXG5pbXBvcnQgeyBUYWJNZW51IH0gZnJvbSAnLi9UYWJNZW51J1xuaW1wb3J0IHsgVGFiTWVudUl0ZW0gfSBmcm9tICcuL1RhYk1lbnVJdGVtJ1xuaW1wb3J0IHsgVGFic0NvbnRleHQgfSBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG5jb25zdCBNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAke1N0eWxlZFRhYkJ1dHRvbn0ge1xuICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250U2l6ZX07XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwubGluZUhlaWdodH07XG4gICAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMSddfSAke3RoZW1lLnNwYWNlWycyJ119YH07XG4gICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMS41cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1pbi13aWR0aDogNi44NzVyZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10sXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMSkgb3BhY2l0eSg1MCUpO1xuICAgIH1cbiAgfVxuYFxuXG4vLyBNaWdyYXRpb24gdG8gTWVudSB3aWxsIG5vdCB3b3JrIGFzIGV4cGVjdGVkIGhlcmUuXG5jb25zdCBTdHlsZWRUYWJNZW51ID0gc3R5bGVkKFRhYk1lbnUpYFxuICBwb3NpdGlvbjogc3RpY2t5O1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5tZW51fTtcbmBcblxuY29uc3QgVGFic0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBvdmVyZmxvdy14OiBzY3JvbGw7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMDtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lOyAvKiBJRSBhbmQgRWRnZSAqL1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7IC8qIEZpcmVmb3ggKi9cblxuICAmOjphZnRlciB7XG4gICAgei1pbmRleDogLTE7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMnB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbnR5cGUgVGFic1Byb3BzID0ge1xuICBzZWxlY3RlZD86IHN0cmluZyB8IG51bWJlclxuICBvbkNoYW5nZTogKGRhdGE6IHN0cmluZyB8IG51bWJlcikgPT4gdm9pZFxuICBtb3JlRGlzY2xvc3VyZT86IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufSAmIE9taXQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCAnb25DaGFuZ2UnIHwgJ3JvbGUnPlxuXG5jb25zdCBTSEFET1dfVEhSRVNIT0xEID0gMTBcblxuLyoqXG4gKiBUYWJzIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBzZXQgb2YgdGFicyB3aXRoIGEgc2luZ2xlIHRhYiBzZWxlY3RlZCBhdCBhIHRpbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJzID0gKHtcbiAgY2hpbGRyZW4gPSBudWxsLFxuICBvbkNoYW5nZSxcbiAgbW9yZURpc2Nsb3N1cmUgPSAnTW9yZScsXG4gIHNlbGVjdGVkLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIC4uLnByb3BzXG59OiBUYWJzUHJvcHMpID0+IHtcbiAgY29uc3QgdGFic1JlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oe30gYXMgSFRNTERpdkVsZW1lbnQpXG4gIGNvbnN0IG1vcmVTdGF0aWNSZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtkaXNwbGF5TW9yZSwgc2V0RGlzcGxheU1vcmVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgb25DaGFuZ2UsXG4gICAgICBzZWxlY3RlZCxcbiAgICB9KSxcbiAgICBbc2VsZWN0ZWQsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RGlzcGxheU1vcmUodGFic1JlZi5jdXJyZW50LnNjcm9sbFdpZHRoID4gdGFic1JlZi5jdXJyZW50LmNsaWVudFdpZHRoKVxuICB9LCBbY2hpbGRyZW5dKVxuXG4gIC8vIFNjcm9sbCBhdXRvbWF0aWNhbGx5IHRvIHRoZSB0YWJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0YWIgPSB0YWJzUmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvcihcbiAgICAgIGBbcm9sZT0ndGFiJ11bYXJpYS1zZWxlY3RlZD0ndHJ1ZSddYCxcbiAgICApIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAodGFiICYmIHRhYnNSZWYuY3VycmVudC5zY3JvbGxUbykge1xuICAgICAgdGFic1JlZi5jdXJyZW50LnNjcm9sbFRvKHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBsZWZ0OiB0YWIub2Zmc2V0TGVmdCB9KVxuICAgIH1cbiAgfSwgW3NlbGVjdGVkXSlcblxuICAvLyBDaGFuZ2UgdGhlIG1vcmVCdXR0b24gc3R5bGUgYXV0b21hdGljYWxseSBiYXNlZCBvbiB0aGUgc2Nyb2xsIHRvIHNob3cgdGhhdCBhIHNjcm9sbCBlZmZlY3QgaXMgcG9zc2libGUuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRhYnNSZWYuY3VycmVudFxuICAgIGNvbnN0IG1vcmVFbGVtZW50ID0gbW9yZVN0YXRpY1JlZi5jdXJyZW50XG4gICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgIGlmIChtb3JlRWxlbWVudD8uc3R5bGUpIHtcbiAgICAgICAgbW9yZUVsZW1lbnQuc3R5bGUuYm94U2hhZG93ID1cbiAgICAgICAgICBlbGVtZW50LnNjcm9sbExlZnQgKyBTSEFET1dfVEhSRVNIT0xEID5cbiAgICAgICAgICBlbGVtZW50LnNjcm9sbFdpZHRoIC0gZWxlbWVudC5jbGllbnRXaWR0aFxuICAgICAgICAgICAgPyAnbm9uZSdcbiAgICAgICAgICAgIDogJydcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGRpc3BsYXlNb3JlKSB7XG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChkaXNwbGF5TW9yZSkge1xuICAgICAgICBlbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICB9XG4gICAgfVxuICB9LCBbZGlzcGxheU1vcmVdKVxuXG4gIC8vIG1hcHBpbmcgb2YgdGFiIGNoaWxkcmVuIHRvIGF2b2lkIHVzaW5nIHN1YnRpdGxlIHByb3BzXG4gIGNvbnN0IG1lbnVJdGVtQ2hpbGRyZW4gPSBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IHtcbiAgICBpZiAoaXNWYWxpZEVsZW1lbnQ8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFRhYj4+KGNoaWxkKSkge1xuICAgICAgcmV0dXJuIGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgc3VidGl0bGU6IG51bGwsXG4gICAgICB9KVxuICAgIH1cblxuICAgIHJldHVybiBudWxsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8VGFic0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIDxUYWJzQ29udGFpbmVyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXt0YWJzUmVmfVxuICAgICAgICByb2xlPVwidGFibGlzdFwiXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZGlzcGxheU1vcmUgPyAoXG4gICAgICAgICAgPFN0eWxlZFRhYk1lbnUgZGlzY2xvc3VyZT17bW9yZURpc2Nsb3N1cmV9IHJlZj17bW9yZVN0YXRpY1JlZn0+XG4gICAgICAgICAgICA8TWVudUNvbnRhaW5lcj57bWVudUl0ZW1DaGlsZHJlbn08L01lbnVDb250YWluZXI+XG4gICAgICAgICAgPC9TdHlsZWRUYWJNZW51PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvVGFic0NvbnRhaW5lcj5cbiAgICA8L1RhYnNDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRhYnMuVGFiID0gVGFiXG5UYWJzLk1lbnUgPSBUYWJNZW51XG5UYWJzLk1lbnVJdGVtID0gVGFiTWVudUl0ZW1cbiJdfQ== */"));
-const StyledTabMenu = /* @__PURE__ */ _styled(TabMenu, process.env.NODE_ENV === "production" ? {
-  target: "ewug27g1"
-} : {
-  target: "ewug27g1",
-  label: "StyledTabMenu"
-})("position:sticky;right:0;top:0;bottom:0;background:", ({
-  theme
-}) => theme.colors.neutral.background, ";box-shadow:", ({
-  theme
-}) => theme.shadows.menu, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFicy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgY2xvbmVFbGVtZW50LFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0eWxlZFRhYkJ1dHRvbiwgVGFiIH0gZnJvbSAnLi9UYWInXG5pbXBvcnQgeyBUYWJNZW51IH0gZnJvbSAnLi9UYWJNZW51J1xuaW1wb3J0IHsgVGFiTWVudUl0ZW0gfSBmcm9tICcuL1RhYk1lbnVJdGVtJ1xuaW1wb3J0IHsgVGFic0NvbnRleHQgfSBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG5jb25zdCBNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAke1N0eWxlZFRhYkJ1dHRvbn0ge1xuICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250U2l6ZX07XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwubGluZUhlaWdodH07XG4gICAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMSddfSAke3RoZW1lLnNwYWNlWycyJ119YH07XG4gICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMS41cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1pbi13aWR0aDogNi44NzVyZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10sXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMSkgb3BhY2l0eSg1MCUpO1xuICAgIH1cbiAgfVxuYFxuXG4vLyBNaWdyYXRpb24gdG8gTWVudSB3aWxsIG5vdCB3b3JrIGFzIGV4cGVjdGVkIGhlcmUuXG5jb25zdCBTdHlsZWRUYWJNZW51ID0gc3R5bGVkKFRhYk1lbnUpYFxuICBwb3NpdGlvbjogc3RpY2t5O1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5tZW51fTtcbmBcblxuY29uc3QgVGFic0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBvdmVyZmxvdy14OiBzY3JvbGw7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMDtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lOyAvKiBJRSBhbmQgRWRnZSAqL1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7IC8qIEZpcmVmb3ggKi9cblxuICAmOjphZnRlciB7XG4gICAgei1pbmRleDogLTE7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMnB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbnR5cGUgVGFic1Byb3BzID0ge1xuICBzZWxlY3RlZD86IHN0cmluZyB8IG51bWJlclxuICBvbkNoYW5nZTogKGRhdGE6IHN0cmluZyB8IG51bWJlcikgPT4gdm9pZFxuICBtb3JlRGlzY2xvc3VyZT86IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufSAmIE9taXQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCAnb25DaGFuZ2UnIHwgJ3JvbGUnPlxuXG5jb25zdCBTSEFET1dfVEhSRVNIT0xEID0gMTBcblxuLyoqXG4gKiBUYWJzIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBzZXQgb2YgdGFicyB3aXRoIGEgc2luZ2xlIHRhYiBzZWxlY3RlZCBhdCBhIHRpbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJzID0gKHtcbiAgY2hpbGRyZW4gPSBudWxsLFxuICBvbkNoYW5nZSxcbiAgbW9yZURpc2Nsb3N1cmUgPSAnTW9yZScsXG4gIHNlbGVjdGVkLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIC4uLnByb3BzXG59OiBUYWJzUHJvcHMpID0+IHtcbiAgY29uc3QgdGFic1JlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oe30gYXMgSFRNTERpdkVsZW1lbnQpXG4gIGNvbnN0IG1vcmVTdGF0aWNSZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtkaXNwbGF5TW9yZSwgc2V0RGlzcGxheU1vcmVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgb25DaGFuZ2UsXG4gICAgICBzZWxlY3RlZCxcbiAgICB9KSxcbiAgICBbc2VsZWN0ZWQsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RGlzcGxheU1vcmUodGFic1JlZi5jdXJyZW50LnNjcm9sbFdpZHRoID4gdGFic1JlZi5jdXJyZW50LmNsaWVudFdpZHRoKVxuICB9LCBbY2hpbGRyZW5dKVxuXG4gIC8vIFNjcm9sbCBhdXRvbWF0aWNhbGx5IHRvIHRoZSB0YWJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0YWIgPSB0YWJzUmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvcihcbiAgICAgIGBbcm9sZT0ndGFiJ11bYXJpYS1zZWxlY3RlZD0ndHJ1ZSddYCxcbiAgICApIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAodGFiICYmIHRhYnNSZWYuY3VycmVudC5zY3JvbGxUbykge1xuICAgICAgdGFic1JlZi5jdXJyZW50LnNjcm9sbFRvKHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBsZWZ0OiB0YWIub2Zmc2V0TGVmdCB9KVxuICAgIH1cbiAgfSwgW3NlbGVjdGVkXSlcblxuICAvLyBDaGFuZ2UgdGhlIG1vcmVCdXR0b24gc3R5bGUgYXV0b21hdGljYWxseSBiYXNlZCBvbiB0aGUgc2Nyb2xsIHRvIHNob3cgdGhhdCBhIHNjcm9sbCBlZmZlY3QgaXMgcG9zc2libGUuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRhYnNSZWYuY3VycmVudFxuICAgIGNvbnN0IG1vcmVFbGVtZW50ID0gbW9yZVN0YXRpY1JlZi5jdXJyZW50XG4gICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgIGlmIChtb3JlRWxlbWVudD8uc3R5bGUpIHtcbiAgICAgICAgbW9yZUVsZW1lbnQuc3R5bGUuYm94U2hhZG93ID1cbiAgICAgICAgICBlbGVtZW50LnNjcm9sbExlZnQgKyBTSEFET1dfVEhSRVNIT0xEID5cbiAgICAgICAgICBlbGVtZW50LnNjcm9sbFdpZHRoIC0gZWxlbWVudC5jbGllbnRXaWR0aFxuICAgICAgICAgICAgPyAnbm9uZSdcbiAgICAgICAgICAgIDogJydcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGRpc3BsYXlNb3JlKSB7XG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChkaXNwbGF5TW9yZSkge1xuICAgICAgICBlbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICB9XG4gICAgfVxuICB9LCBbZGlzcGxheU1vcmVdKVxuXG4gIC8vIG1hcHBpbmcgb2YgdGFiIGNoaWxkcmVuIHRvIGF2b2lkIHVzaW5nIHN1YnRpdGxlIHByb3BzXG4gIGNvbnN0IG1lbnVJdGVtQ2hpbGRyZW4gPSBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IHtcbiAgICBpZiAoaXNWYWxpZEVsZW1lbnQ8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFRhYj4+KGNoaWxkKSkge1xuICAgICAgcmV0dXJuIGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgc3VidGl0bGU6IG51bGwsXG4gICAgICB9KVxuICAgIH1cblxuICAgIHJldHVybiBudWxsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8VGFic0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIDxUYWJzQ29udGFpbmVyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXt0YWJzUmVmfVxuICAgICAgICByb2xlPVwidGFibGlzdFwiXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZGlzcGxheU1vcmUgPyAoXG4gICAgICAgICAgPFN0eWxlZFRhYk1lbnUgZGlzY2xvc3VyZT17bW9yZURpc2Nsb3N1cmV9IHJlZj17bW9yZVN0YXRpY1JlZn0+XG4gICAgICAgICAgICA8TWVudUNvbnRhaW5lcj57bWVudUl0ZW1DaGlsZHJlbn08L01lbnVDb250YWluZXI+XG4gICAgICAgICAgPC9TdHlsZWRUYWJNZW51PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvVGFic0NvbnRhaW5lcj5cbiAgICA8L1RhYnNDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRhYnMuVGFiID0gVGFiXG5UYWJzLk1lbnUgPSBUYWJNZW51XG5UYWJzLk1lbnVJdGVtID0gVGFiTWVudUl0ZW1cbiJdfQ== */"));
-const TabsContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ewug27g0"
-} : {
-  target: "ewug27g0",
-  label: "TabsContainer"
-})("display:flex;flex-wrap:nowrap;overflow-x:scroll;position:relative;z-index:0;-ms-overflow-style:none;scrollbar-width:none;&::after{z-index:-1;content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:", ({
-  theme
-}) => theme.colors.neutral.border, ";}&::-webkit-scrollbar{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFicy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBDaGlsZHJlbixcbiAgY2xvbmVFbGVtZW50LFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0eWxlZFRhYkJ1dHRvbiwgVGFiIH0gZnJvbSAnLi9UYWInXG5pbXBvcnQgeyBUYWJNZW51IH0gZnJvbSAnLi9UYWJNZW51J1xuaW1wb3J0IHsgVGFiTWVudUl0ZW0gfSBmcm9tICcuL1RhYk1lbnVJdGVtJ1xuaW1wb3J0IHsgVGFic0NvbnRleHQgfSBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG5jb25zdCBNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuICAke1N0eWxlZFRhYkJ1dHRvbn0ge1xuICAgIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbC5mb250U2l6ZX07XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwubGluZUhlaWdodH07XG4gICAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMSddfSAke3RoZW1lLnNwYWNlWycyJ119YH07XG4gICAgYm9yZGVyLWJvdHRvbS13aWR0aDogMS41cHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG1pbi13aWR0aDogNi44NzVyZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10sXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgZmlsdGVyOiBncmF5c2NhbGUoMSkgb3BhY2l0eSg1MCUpO1xuICAgIH1cbiAgfVxuYFxuXG4vLyBNaWdyYXRpb24gdG8gTWVudSB3aWxsIG5vdCB3b3JrIGFzIGV4cGVjdGVkIGhlcmUuXG5jb25zdCBTdHlsZWRUYWJNZW51ID0gc3R5bGVkKFRhYk1lbnUpYFxuICBwb3NpdGlvbjogc3RpY2t5O1xuICByaWdodDogMDtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5tZW51fTtcbmBcblxuY29uc3QgVGFic0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogbm93cmFwO1xuICBvdmVyZmxvdy14OiBzY3JvbGw7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMDtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lOyAvKiBJRSBhbmQgRWRnZSAqL1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7IC8qIEZpcmVmb3ggKi9cblxuICAmOjphZnRlciB7XG4gICAgei1pbmRleDogLTE7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMnB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gXG5cbnR5cGUgVGFic1Byb3BzID0ge1xuICBzZWxlY3RlZD86IHN0cmluZyB8IG51bWJlclxuICBvbkNoYW5nZTogKGRhdGE6IHN0cmluZyB8IG51bWJlcikgPT4gdm9pZFxuICBtb3JlRGlzY2xvc3VyZT86IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufSAmIE9taXQ8SFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCAnb25DaGFuZ2UnIHwgJ3JvbGUnPlxuXG5jb25zdCBTSEFET1dfVEhSRVNIT0xEID0gMTBcblxuLyoqXG4gKiBUYWJzIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBzZXQgb2YgdGFicyB3aXRoIGEgc2luZ2xlIHRhYiBzZWxlY3RlZCBhdCBhIHRpbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJzID0gKHtcbiAgY2hpbGRyZW4gPSBudWxsLFxuICBvbkNoYW5nZSxcbiAgbW9yZURpc2Nsb3N1cmUgPSAnTW9yZScsXG4gIHNlbGVjdGVkLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIC4uLnByb3BzXG59OiBUYWJzUHJvcHMpID0+IHtcbiAgY29uc3QgdGFic1JlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4oe30gYXMgSFRNTERpdkVsZW1lbnQpXG4gIGNvbnN0IG1vcmVTdGF0aWNSZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtkaXNwbGF5TW9yZSwgc2V0RGlzcGxheU1vcmVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgb25DaGFuZ2UsXG4gICAgICBzZWxlY3RlZCxcbiAgICB9KSxcbiAgICBbc2VsZWN0ZWQsIG9uQ2hhbmdlXSxcbiAgKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RGlzcGxheU1vcmUodGFic1JlZi5jdXJyZW50LnNjcm9sbFdpZHRoID4gdGFic1JlZi5jdXJyZW50LmNsaWVudFdpZHRoKVxuICB9LCBbY2hpbGRyZW5dKVxuXG4gIC8vIFNjcm9sbCBhdXRvbWF0aWNhbGx5IHRvIHRoZSB0YWJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0YWIgPSB0YWJzUmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvcihcbiAgICAgIGBbcm9sZT0ndGFiJ11bYXJpYS1zZWxlY3RlZD0ndHJ1ZSddYCxcbiAgICApIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAodGFiICYmIHRhYnNSZWYuY3VycmVudC5zY3JvbGxUbykge1xuICAgICAgdGFic1JlZi5jdXJyZW50LnNjcm9sbFRvKHsgYmVoYXZpb3I6ICdzbW9vdGgnLCBsZWZ0OiB0YWIub2Zmc2V0TGVmdCB9KVxuICAgIH1cbiAgfSwgW3NlbGVjdGVkXSlcblxuICAvLyBDaGFuZ2UgdGhlIG1vcmVCdXR0b24gc3R5bGUgYXV0b21hdGljYWxseSBiYXNlZCBvbiB0aGUgc2Nyb2xsIHRvIHNob3cgdGhhdCBhIHNjcm9sbCBlZmZlY3QgaXMgcG9zc2libGUuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRhYnNSZWYuY3VycmVudFxuICAgIGNvbnN0IG1vcmVFbGVtZW50ID0gbW9yZVN0YXRpY1JlZi5jdXJyZW50XG4gICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgIGlmIChtb3JlRWxlbWVudD8uc3R5bGUpIHtcbiAgICAgICAgbW9yZUVsZW1lbnQuc3R5bGUuYm94U2hhZG93ID1cbiAgICAgICAgICBlbGVtZW50LnNjcm9sbExlZnQgKyBTSEFET1dfVEhSRVNIT0xEID5cbiAgICAgICAgICBlbGVtZW50LnNjcm9sbFdpZHRoIC0gZWxlbWVudC5jbGllbnRXaWR0aFxuICAgICAgICAgICAgPyAnbm9uZSdcbiAgICAgICAgICAgIDogJydcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGRpc3BsYXlNb3JlKSB7XG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChkaXNwbGF5TW9yZSkge1xuICAgICAgICBlbGVtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIGhhbmRsZXIpXG4gICAgICB9XG4gICAgfVxuICB9LCBbZGlzcGxheU1vcmVdKVxuXG4gIC8vIG1hcHBpbmcgb2YgdGFiIGNoaWxkcmVuIHRvIGF2b2lkIHVzaW5nIHN1YnRpdGxlIHByb3BzXG4gIGNvbnN0IG1lbnVJdGVtQ2hpbGRyZW4gPSBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IHtcbiAgICBpZiAoaXNWYWxpZEVsZW1lbnQ8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFRhYj4+KGNoaWxkKSkge1xuICAgICAgcmV0dXJuIGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgc3VidGl0bGU6IG51bGwsXG4gICAgICB9KVxuICAgIH1cblxuICAgIHJldHVybiBudWxsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8VGFic0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIDxUYWJzQ29udGFpbmVyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXt0YWJzUmVmfVxuICAgICAgICByb2xlPVwidGFibGlzdFwiXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZGlzcGxheU1vcmUgPyAoXG4gICAgICAgICAgPFN0eWxlZFRhYk1lbnUgZGlzY2xvc3VyZT17bW9yZURpc2Nsb3N1cmV9IHJlZj17bW9yZVN0YXRpY1JlZn0+XG4gICAgICAgICAgICA8TWVudUNvbnRhaW5lcj57bWVudUl0ZW1DaGlsZHJlbn08L01lbnVDb250YWluZXI+XG4gICAgICAgICAgPC9TdHlsZWRUYWJNZW51PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvVGFic0NvbnRhaW5lcj5cbiAgICA8L1RhYnNDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cblRhYnMuVGFiID0gVGFiXG5UYWJzLk1lbnUgPSBUYWJNZW51XG5UYWJzLk1lbnVJdGVtID0gVGFiTWVudUl0ZW1cbiJdfQ== */"));
 const SHADOW_THRESHOLD = 10;
 const Tabs = ({
   children = null,
@@ -91,9 +61,9 @@ const Tabs = ({
     }
     return null;
   });
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: /* @__PURE__ */ jsxs(TabsContainer, { className, "data-testid": dataTestId, ref: tabsRef, role: "tablist", ...props, children: [
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: `${className ? `${className} ` : ""}${tabsContainer}`, "data-testid": dataTestId, ref: tabsRef, role: "tablist", ...props, children: [
     children,
-    displayMore ? /* @__PURE__ */ jsx(StyledTabMenu, { disclosure: moreDisclosure, ref: moreStaticRef, children: /* @__PURE__ */ jsx(MenuContainer, { children: menuItemChildren }) }) : null
+    displayMore ? /* @__PURE__ */ jsx(TabMenu, { className: tabsMenu, disclosure: moreDisclosure, ref: moreStaticRef, children: /* @__PURE__ */ jsx("div", { className: tabsMenuContainer, children: menuItemChildren }) }) : null
   ] }) });
 };
 Tabs.Tab = Tab;

package/dist/components/Tabs/styles.css.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var tabsMenuContainer = "uv_1xz9hlg0";
+var tabsMenu = "uv_1xz9hlg1";
+var tabsContainer = "uv_1xz9hlg2";
+var tabsBadge = "uv_1xz9hlg3";
+var tabsTextSelected = { selected: "uv_1xz9hlg4", "default": "uv_1xz9hlg5" };
+var tabsBadgeContainer = "uv_1xz9hlg6";
+var tabsButton = "uv_1xz9hlg7";
+var tabsArrowIcon = "uv_1xz9hlg8";
+var tabsMenuWrapper = "uv_1xz9hlg9";
+exports.tabsArrowIcon = tabsArrowIcon;
+exports.tabsBadge = tabsBadge;
+exports.tabsBadgeContainer = tabsBadgeContainer;
+exports.tabsButton = tabsButton;
+exports.tabsContainer = tabsContainer;
+exports.tabsMenu = tabsMenu;
+exports.tabsMenuContainer = tabsMenuContainer;
+exports.tabsMenuWrapper = tabsMenuWrapper;
+exports.tabsTextSelected = tabsTextSelected;

package/dist/components/Tabs/styles.css.d.ts

@@ -0,0 +1,9 @@
+export declare const tabsMenuContainer: string;
+export declare const tabsMenu: string;
+export declare const tabsContainer: string;
+export declare const tabsBadge: string;
+export declare const tabsTextSelected: Record<"default" | "selected", string>;
+export declare const tabsBadgeContainer: string;
+export declare const tabsButton: string;
+export declare const tabsArrowIcon: string;
+export declare const tabsMenuWrapper: string;

package/dist/components/Tabs/styles.css.js

@@ -0,0 +1,21 @@
+/* empty css                          */
+var tabsMenuContainer = "uv_1xz9hlg0";
+var tabsMenu = "uv_1xz9hlg1";
+var tabsContainer = "uv_1xz9hlg2";
+var tabsBadge = "uv_1xz9hlg3";
+var tabsTextSelected = { selected: "uv_1xz9hlg4", "default": "uv_1xz9hlg5" };
+var tabsBadgeContainer = "uv_1xz9hlg6";
+var tabsButton = "uv_1xz9hlg7";
+var tabsArrowIcon = "uv_1xz9hlg8";
+var tabsMenuWrapper = "uv_1xz9hlg9";
+export {
+  tabsArrowIcon,
+  tabsBadge,
+  tabsBadgeContainer,
+  tabsButton,
+  tabsContainer,
+  tabsMenu,
+  tabsMenuContainer,
+  tabsMenuWrapper,
+  tabsTextSelected
+};

package/dist/components/TagInput/index.cjs

@@ -62,7 +62,9 @@ const TagInput = ({
       inputRef?.current?.focus();
     }
   };
-  const onInputChange = (e) => setInput(e.target.value);
+  const onInputChange = (e) => {
+    setInput(e.target.value);
+  };
   const addTag = () => {
     const newTagInput = input ? [...tagInputState, {
       index: ids.getUUID("tag"),
@@ -117,25 +119,6 @@ const TagInput = ({
       }
     }
   };
-  const handlePaste = (e) => {
-    e.preventDefault();
-    const newTagInput = [...tagInputState, {
-      index: ids.getUUID("tag"),
-      label: e?.clipboardData?.getData("Text")
-    }];
-    setTagInput(newTagInput);
-    setStatus({
-      [newTagInput.length - 1]: STATUS.LOADING
-    });
-    try {
-      dispatchOnChange(newTagInput);
-      setStatus({
-        [newTagInput.length - 1]: STATUS.IDLE
-      });
-    } catch {
-      setTagInput(tagInputState);
-    }
-  };
   const clearAll = () => {
     setInput("");
     setTagInput([]);
@@ -165,7 +148,7 @@ const TagInput = ({
           e.stopPropagation();
           deleteTag(tag.index);
         } : void 0, sentiment: "neutral", children: tag.label }, tag.index)),
-        !disabled ? /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": ariaLabel, className: styles_css.tagInput, "data-size": size, id: localId, name, onBlur: addTag, onChange: onInputChange, onKeyDown: handleInputKeydown, onPaste: handlePaste, placeholder: tagInputState.length === 0 ? placeholder : "", readOnly, ref: inputRef, type: "text", value: input }) : null
+        !disabled ? /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": ariaLabel, className: styles_css.tagInput, "data-size": size, id: localId, name, onBlur: addTag, onChange: onInputChange, onKeyDown: handleInputKeydown, placeholder: tagInputState.length === 0 ? placeholder : "", readOnly, ref: inputRef, type: "text", value: input }) : null
       ] }),
       computedClearable || success || error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.tagInputStateContainer, children: [
         computedClearable ? /* @__PURE__ */ jsxRuntime.jsx(index$4.Button, { "aria-label": "clear value", disabled, onClick: clearAll, sentiment: "neutral", size: "xsmall", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) }) : null,

package/dist/components/TagInput/index.js

@@ -60,7 +60,9 @@ const TagInput = ({
       inputRef?.current?.focus();
     }
   };
-  const onInputChange = (e) => setInput(e.target.value);
+  const onInputChange = (e) => {
+    setInput(e.target.value);
+  };
   const addTag = () => {
     const newTagInput = input ? [...tagInputState, {
       index: getUUID("tag"),
@@ -115,25 +117,6 @@ const TagInput = ({
       }
     }
   };
-  const handlePaste = (e) => {
-    e.preventDefault();
-    const newTagInput = [...tagInputState, {
-      index: getUUID("tag"),
-      label: e?.clipboardData?.getData("Text")
-    }];
-    setTagInput(newTagInput);
-    setStatus({
-      [newTagInput.length - 1]: STATUS.LOADING
-    });
-    try {
-      dispatchOnChange(newTagInput);
-      setStatus({
-        [newTagInput.length - 1]: STATUS.IDLE
-      });
-    } catch {
-      setTagInput(tagInputState);
-    }
-  };
   const clearAll = () => {
     setInput("");
     setTagInput([]);
@@ -163,7 +146,7 @@ const TagInput = ({
           e.stopPropagation();
           deleteTag(tag.index);
         } : void 0, sentiment: "neutral", children: tag.label }, tag.index)),
-        !disabled ? /* @__PURE__ */ jsx("input", { "aria-label": ariaLabel, className: tagInput, "data-size": size, id: localId, name, onBlur: addTag, onChange: onInputChange, onKeyDown: handleInputKeydown, onPaste: handlePaste, placeholder: tagInputState.length === 0 ? placeholder : "", readOnly, ref: inputRef, type: "text", value: input }) : null
+        !disabled ? /* @__PURE__ */ jsx("input", { "aria-label": ariaLabel, className: tagInput, "data-size": size, id: localId, name, onBlur: addTag, onChange: onInputChange, onKeyDown: handleInputKeydown, placeholder: tagInputState.length === 0 ? placeholder : "", readOnly, ref: inputRef, type: "text", value: input }) : null
       ] }),
       computedClearable || success || error ? /* @__PURE__ */ jsxs("div", { className: tagInputStateContainer, children: [
         computedClearable ? /* @__PURE__ */ jsx(Button, { "aria-label": "clear value", disabled, onClick: clearAll, sentiment: "neutral", size: "xsmall", variant: "ghost", children: /* @__PURE__ */ jsx(CloseIcon, {}) }) : null,

package/dist/components/Tooltip/index.cjs

@@ -20,6 +20,7 @@ const Tooltip = react.forwardRef(({
   "data-testid": dataTestId,
   portalTarget,
   debounceDelay,
-  tabIndex
-}, tooltipRef) => /* @__PURE__ */ jsxRuntime.jsx(index.Popup, { className: `${className ? `${className} ` : ""}${styles_css.tooltip}`, containerFullHeight, containerFullWidth, "data-testid": dataTestId, debounceDelay, id, innerRef, maxWidth, placement, portalTarget, ref: tooltipRef, role, tabIndex, text, visible, children }));
+  tabIndex,
+  style
+}, tooltipRef) => /* @__PURE__ */ jsxRuntime.jsx(index.Popup, { className: `${className ? `${className} ` : ""}${styles_css.tooltip}`, containerFullHeight, containerFullWidth, "data-testid": dataTestId, debounceDelay, id, innerRef, maxWidth, placement, portalTarget, ref: tooltipRef, role, style, tabIndex, text, visible, children }));
 exports.Tooltip = Tooltip;

package/dist/components/Tooltip/index.d.ts

@@ -36,6 +36,7 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
     disableAnimation?: boolean;
     portalTarget?: HTMLElement;
     dynamicDomRendering?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "containerFullHeight" | "containerFullWidth" | "debounceDelay" | "portalTarget" | "innerRef"> & {
+    style?: import("react").CSSProperties;
+} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "containerFullHeight" | "containerFullWidth" | "debounceDelay" | "portalTarget" | "innerRef"> & {
     placement?: Exclude<ComponentProps<typeof Popup>["placement"], "nested-menu">;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tooltip/index.js

@@ -18,8 +18,9 @@ const Tooltip = forwardRef(({
   "data-testid": dataTestId,
   portalTarget,
   debounceDelay,
-  tabIndex
-}, tooltipRef) => /* @__PURE__ */ jsx(Popup, { className: `${className ? `${className} ` : ""}${tooltip}`, containerFullHeight, containerFullWidth, "data-testid": dataTestId, debounceDelay, id, innerRef, maxWidth, placement, portalTarget, ref: tooltipRef, role, tabIndex, text, visible, children }));
+  tabIndex,
+  style
+}, tooltipRef) => /* @__PURE__ */ jsx(Popup, { className: `${className ? `${className} ` : ""}${tooltip}`, containerFullHeight, containerFullWidth, "data-testid": dataTestId, debounceDelay, id, innerRef, maxWidth, placement, portalTarget, ref: tooltipRef, role, style, tabIndex, text, visible, children }));
 export {
   Tooltip
 };

package/dist/index.cjs

@@ -6,6 +6,7 @@ const normalize = require("./utils/normalize.cjs");
 const themes = require("@ultraviolet/themes");
 const animations = require("./utils/animations.cjs");
 const utilities = require("./utils/responsive/utilities.cjs");
+const animationVanillaExtract_css = require("./utils/animationVanillaExtract.css.cjs");
 const ids = require("./utils/ids.cjs");
 const index$1 = require("./components/ActionBar/index.cjs");
 const index$2 = require("./components/Alert/index.cjs");
@@ -129,6 +130,10 @@ exports.zoomIn = animations.zoomIn;
 exports.zoomOut = animations.zoomOut;
 exports.down = utilities.down;
 exports.up = utilities.up;
+exports.fadeInVanillaExtract = animationVanillaExtract_css.fadeInVanillaExtract;
+exports.pingVanillaExtract = animationVanillaExtract_css.pingVanillaExtract;
+exports.slideFromBottomVanillaExtract = animationVanillaExtract_css.slideFromBottomVanillaExtract;
+exports.zoomInVanillaExtract = animationVanillaExtract_css.zoomInVanillaExtract;
 exports.getUUID = ids.getUUID;
 exports.ActionBar = index$1.ActionBar;
 exports.Alert = index$2.Alert;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export type { UltravioletUITheme } from './theme';
 export { darkTheme, default as theme, extendTheme, ThemeProvider, useTheme, } from './theme';
-export { Breakpoint, bounce, down, fadeIn, fadeOut, flash, getUUID, normalize, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, up, zoomIn, zoomOut, } from './utils';
+export { Breakpoint, bounce, down, fadeIn, fadeInVanillaExtract, fadeOut, flash, getUUID, normalize, ping, pingVanillaExtract, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromBottomVanillaExtract, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, up, zoomIn, zoomInVanillaExtract, zoomOut, } from './utils';

package/dist/index.js

@@ -4,6 +4,7 @@ import { default as default3 } from "./utils/normalize.js";
 import { ThemeProvider, consoleDarkTheme, consoleLightTheme, useTheme } from "@ultraviolet/themes";
 import { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut } from "./utils/animations.js";
 import { down, up } from "./utils/responsive/utilities.js";
+import { fadeInVanillaExtract, pingVanillaExtract, slideFromBottomVanillaExtract, zoomInVanillaExtract } from "./utils/animationVanillaExtract.css.js";
 import { getUUID } from "./utils/ids.js";
 import { ActionBar } from "./components/ActionBar/index.js";
 import { Alert } from "./components/Alert/index.js";
@@ -162,12 +163,14 @@ export {
   down,
   extendTheme,
   fadeIn,
+  fadeInVanillaExtract,
   fadeOut,
   flash,
   getUUID,
   default3 as normalize,
   notification,
   ping,
+  pingVanillaExtract,
   pulse,
   quickScaleDown,
   scaleBack,
@@ -178,6 +181,7 @@ export {
   sketchOut,
   slideDownLarge,
   slideFromBottom,
+  slideFromBottomVanillaExtract,
   slideFromLeft,
   slideFromRight,
   slideFromTop,
@@ -193,5 +197,6 @@ export {
   up,
   useTheme,
   zoomIn,
+  zoomInVanillaExtract,
   zoomOut
 };