@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/components/Tabs/TabMenu.js

@@ -1,63 +1,48 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons";
 import { forwardRef } from "react";
 import { Menu } from "../Menu/index.js";
-import { StyledTabButton } from "./Tab.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const ArrowIcon = /* @__PURE__ */ _styled(ArrowDownIcon, process.env.NODE_ENV === "production" ? {
-  target: "edb1sh92"
-} : {
-  target: "edb1sh92",
-  label: "ArrowIcon"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3VDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBBcnJvd0Rvd25JY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUge1xuICBCdXR0b25IVE1MQXR0cmlidXRlcyxcbiAgQ29tcG9uZW50UHJvcHMsXG4gIFJlYWN0Tm9kZSxcbiAgUmVmLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IE1lbnUgfSBmcm9tICcuLi9NZW51J1xuaW1wb3J0IHsgU3R5bGVkVGFiQnV0dG9uIH0gZnJvbSAnLi9UYWInXG5cbmNvbnN0IEFycm93SWNvbiA9IHN0eWxlZChBcnJvd0Rvd25JY29uKWBgXG5jb25zdCBTdHlsZWRNZW51ID0gc3R5bGVkKFN0eWxlZFRhYkJ1dHRvbilgXG4gICR7QXJyb3dJY29ufSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgdHJhbnNpdGlvbjogMzAwbXMgdHJhbnNmb3JtIGVhc2Utb3V0O1xuICB9XG5cbiAgJlthcmlhLWV4cGFuZGVkPSd0cnVlJ10gJHtBcnJvd0ljb259IHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTgwZGVnKTtcbiAgfVxuYFxuXG4vLyBUaGlzIHdpbGwgd3JhcCBhbmQgZ2l2ZSB0aGUgcG9zaXRpb25pbmcgdG8gdGhlIHBvcHVwIGRpdiB0aGF0IGlzIGFkZGVkIG9udG8gdGhlIGRpc2Nsb3N1cmVcbmNvbnN0IFN0eWxlZFBvc2l0aW9uaW5nV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICByaWdodDogMDtcbmBcblxudHlwZSBUYWJNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGlzY2xvc3VyZTogUmVhY3ROb2RlXG4gIHZpc2libGU/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTWVudT5bJ3Zpc2libGUnXVxuICBpZD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBNZW51PlsnaWQnXVxufSAmIE9taXQ8QnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+LCAnYXJpYS1kaXNhYmxlZCc+XG5cbmV4cG9ydCBjb25zdCBUYWJNZW51ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgZGlzY2xvc3VyZSxcbiAgICAgIHZpc2libGUsXG4gICAgICBpZCxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgJ2FyaWEtc2VsZWN0ZWQnOiBhcmlhU2VsZWN0ZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH06IFRhYk1lbnVQcm9wcyxcbiAgICByZWY6IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4sXG4gICkgPT4gKFxuICAgIDxTdHlsZWRQb3NpdGlvbmluZ1dyYXBwZXI+XG4gICAgICA8TWVudVxuICAgICAgICBkaXNjbG9zdXJlPXtcbiAgICAgICAgICA8U3R5bGVkTWVudVxuICAgICAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWQgPz8gJ2ZhbHNlJ31cbiAgICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJtZW51XCJcbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2FyaWFTZWxlY3RlZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ZGlzY2xvc3VyZX1cbiAgICAgICAgICAgIDxBcnJvd0ljb24gLz5cbiAgICAgICAgICA8L1N0eWxlZE1lbnU+XG4gICAgICAgIH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e2RvY3VtZW50LmJvZHl9XG4gICAgICAgIHJlZj17cmVmfSAvLyBXZSBuZWVkIHRvIGF0dGFjaCBpdCB0byB0aGUgYm9keSB0byBhdm9pZCBvdmVyZmxvdyBpc3N1ZXNcbiAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9NZW51PlxuICAgIDwvU3R5bGVkUG9zaXRpb25pbmdXcmFwcGVyPlxuICApLFxuKVxuIl19 */");
-const StyledMenu = /* @__PURE__ */ _styled(StyledTabButton, process.env.NODE_ENV === "production" ? {
-  target: "edb1sh91"
-} : {
-  target: "edb1sh91",
-  label: "StyledMenu"
-})(ArrowIcon, "{color:inherit;margin-left:", ({
-  theme
-}) => theme.space["1"], ";transition:300ms transform ease-out;}&[aria-expanded='true'] ", ArrowIcon, "{transform:rotate(-180deg);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiTWVudS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBBcnJvd0Rvd25JY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUge1xuICBCdXR0b25IVE1MQXR0cmlidXRlcyxcbiAgQ29tcG9uZW50UHJvcHMsXG4gIFJlYWN0Tm9kZSxcbiAgUmVmLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IE1lbnUgfSBmcm9tICcuLi9NZW51J1xuaW1wb3J0IHsgU3R5bGVkVGFiQnV0dG9uIH0gZnJvbSAnLi9UYWInXG5cbmNvbnN0IEFycm93SWNvbiA9IHN0eWxlZChBcnJvd0Rvd25JY29uKWBgXG5jb25zdCBTdHlsZWRNZW51ID0gc3R5bGVkKFN0eWxlZFRhYkJ1dHRvbilgXG4gICR7QXJyb3dJY29ufSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgbWFyZ2luLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgdHJhbnNpdGlvbjogMzAwbXMgdHJhbnNmb3JtIGVhc2Utb3V0O1xuICB9XG5cbiAgJlthcmlhLWV4cGFuZGVkPSd0cnVlJ10gJHtBcnJvd0ljb259IHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTgwZGVnKTtcbiAgfVxuYFxuXG4vLyBUaGlzIHdpbGwgd3JhcCBhbmQgZ2l2ZSB0aGUgcG9zaXRpb25pbmcgdG8gdGhlIHBvcHVwIGRpdiB0aGF0IGlzIGFkZGVkIG9udG8gdGhlIGRpc2Nsb3N1cmVcbmNvbnN0IFN0eWxlZFBvc2l0aW9uaW5nV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICByaWdodDogMDtcbmBcblxudHlwZSBUYWJNZW51UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgZGlzY2xvc3VyZTogUmVhY3ROb2RlXG4gIHZpc2libGU/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTWVudT5bJ3Zpc2libGUnXVxuICBpZD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBNZW51PlsnaWQnXVxufSAmIE9taXQ8QnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+LCAnYXJpYS1kaXNhYmxlZCc+XG5cbmV4cG9ydCBjb25zdCBUYWJNZW51ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgZGlzY2xvc3VyZSxcbiAgICAgIHZpc2libGUsXG4gICAgICBpZCxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgJ2FyaWEtc2VsZWN0ZWQnOiBhcmlhU2VsZWN0ZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH06IFRhYk1lbnVQcm9wcyxcbiAgICByZWY6IFJlZjxIVE1MQnV0dG9uRWxlbWVudD4sXG4gICkgPT4gKFxuICAgIDxTdHlsZWRQb3NpdGlvbmluZ1dyYXBwZXI+XG4gICAgICA8TWVudVxuICAgICAgICBkaXNjbG9zdXJlPXtcbiAgICAgICAgICA8U3R5bGVkTWVudVxuICAgICAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWQgPz8gJ2ZhbHNlJ31cbiAgICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJtZW51XCJcbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2FyaWFTZWxlY3RlZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ZGlzY2xvc3VyZX1cbiAgICAgICAgICAgIDxBcnJvd0ljb24gLz5cbiAgICAgICAgICA8L1N0eWxlZE1lbnU+XG4gICAgICAgIH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e2RvY3VtZW50LmJvZHl9XG4gICAgICAgIHJlZj17cmVmfSAvLyBXZSBuZWVkIHRvIGF0dGFjaCBpdCB0byB0aGUgYm9keSB0byBhdm9pZCBvdmVyZmxvdyBpc3N1ZXNcbiAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9NZW51PlxuICAgIDwvU3R5bGVkUG9zaXRpb25pbmdXcmFwcGVyPlxuICApLFxuKVxuIl19 */"));
-const StyledPositioningWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "edb1sh90"
-} : {
-  target: "edb1sh90",
-  label: "StyledPositioningWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1hlymjl",
-  styles: "display:flex;position:sticky;top:0;bottom:0;right:0"
-} : {
-  name: "1hlymjl",
-  styles: "display:flex;position:sticky;top:0;bottom:0;right:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIyQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJzL1RhYk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQXJyb3dEb3duSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHtcbiAgQnV0dG9uSFRNTEF0dHJpYnV0ZXMsXG4gIENvbXBvbmVudFByb3BzLFxuICBSZWFjdE5vZGUsXG4gIFJlZixcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBNZW51IH0gZnJvbSAnLi4vTWVudSdcbmltcG9ydCB7IFN0eWxlZFRhYkJ1dHRvbiB9IGZyb20gJy4vVGFiJ1xuXG5jb25zdCBBcnJvd0ljb24gPSBzdHlsZWQoQXJyb3dEb3duSWNvbilgYFxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZChTdHlsZWRUYWJCdXR0b24pYFxuICAke0Fycm93SWNvbn0ge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICAgIHRyYW5zaXRpb246IDMwMG1zIHRyYW5zZm9ybSBlYXNlLW91dDtcbiAgfVxuXG4gICZbYXJpYS1leHBhbmRlZD0ndHJ1ZSddICR7QXJyb3dJY29ufSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gIH1cbmBcblxuLy8gVGhpcyB3aWxsIHdyYXAgYW5kIGdpdmUgdGhlIHBvc2l0aW9uaW5nIHRvIHRoZSBwb3B1cCBkaXYgdGhhdCBpcyBhZGRlZCBvbnRvIHRoZSBkaXNjbG9zdXJlXG5jb25zdCBTdHlsZWRQb3NpdGlvbmluZ1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG5gXG5cbnR5cGUgVGFiTWVudVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGRpc2Nsb3N1cmU6IFJlYWN0Tm9kZVxuICB2aXNpYmxlPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1lbnU+Wyd2aXNpYmxlJ11cbiAgaWQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTWVudT5bJ2lkJ11cbn0gJiBPbWl0PEJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiwgJ2FyaWEtZGlzYWJsZWQnPlxuXG5leHBvcnQgY29uc3QgVGFiTWVudSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2Nsb3N1cmUsXG4gICAgICB2aXNpYmxlLFxuICAgICAgaWQsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdhcmlhLXNlbGVjdGVkJzogYXJpYVNlbGVjdGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9OiBUYWJNZW51UHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+LFxuICApID0+IChcbiAgICA8U3R5bGVkUG9zaXRpb25pbmdXcmFwcGVyPlxuICAgICAgPE1lbnVcbiAgICAgICAgZGlzY2xvc3VyZT17XG4gICAgICAgICAgPFN0eWxlZE1lbnVcbiAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkID8/ICdmYWxzZSd9XG4gICAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwibWVudVwiXG4gICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthcmlhU2VsZWN0ZWR9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2Rpc2Nsb3N1cmV9XG4gICAgICAgICAgICA8QXJyb3dJY29uIC8+XG4gICAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgICB9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgcG9ydGFsVGFyZ2V0PXtkb2N1bWVudC5ib2R5fVxuICAgICAgICByZWY9e3JlZn0gLy8gV2UgbmVlZCB0byBhdHRhY2ggaXQgdG8gdGhlIGJvZHkgdG8gYXZvaWQgb3ZlcmZsb3cgaXNzdWVzXG4gICAgICAgIHZpc2libGU9e3Zpc2libGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvTWVudT5cbiAgICA8L1N0eWxlZFBvc2l0aW9uaW5nV3JhcHBlcj5cbiAgKSxcbilcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TabMenu = forwardRef(({
-  children,
-  disclosure,
-  visible,
-  id,
-  disabled,
-  className,
-  "aria-selected": ariaSelected,
-  ...props
-}, ref) => /* @__PURE__ */ jsx(StyledPositioningWrapper, { children: /* @__PURE__ */ jsx(
-  Menu,
-  {
-    disclosure: /* @__PURE__ */ jsxs(StyledMenu, { "aria-disabled": disabled ?? "false", "aria-haspopup": "menu", "aria-selected": ariaSelected, className, disabled, role: "tab", type: "button", ...props, children: [
-      disclosure,
-      /* @__PURE__ */ jsx(ArrowIcon, {})
-    ] }),
-    id,
-    portalTarget: document.body,
-    ref,
+import { tabsMenuWrapper, tabsButton, tabsArrowIcon } from "./styles.css.js";
+const TabMenu = forwardRef(
+  ({
+    children,
+    disclosure,
     visible,
-    children
-  }
-) }));
+    id,
+    disabled,
+    className,
+    "aria-selected": ariaSelected,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx("div", { className: tabsMenuWrapper, children: /* @__PURE__ */ jsx(
+    Menu,
+    {
+      disclosure: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "aria-disabled": disabled ?? "false",
+          "aria-haspopup": "menu",
+          "aria-selected": ariaSelected,
+          className: `${className ? `${className} ` : ""}${tabsButton}`,
+          disabled,
+          role: "tab",
+          type: "button",
+          ...props,
+          children: [
+            disclosure,
+            /* @__PURE__ */ jsx(ArrowDownIcon, { className: tabsArrowIcon })
+          ]
+        }
+      ),
+      id,
+      placement: "bottom",
+      portalTarget: document.body,
+      ref,
+      visible,
+      children
+    }
+  ) })
+);
 export {
   TabMenu
 };

package/dist/components/Tabs/TabMenuItem.d.ts

@@ -1,23 +1,7 @@
 import type { ComponentProps } from 'react';
-declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
-    href?: HTMLAnchorElement["href"];
-    target?: HTMLAnchorElement["target"];
-    rel?: HTMLAnchorElement["rel"];
-    disabled?: boolean | undefined;
-    tooltip?: string | undefined;
-    className?: string | undefined;
-    children: import("react").ReactNode;
-    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-    borderless?: boolean;
-    sentiment?: "danger" | "neutral" | "primary";
-    active?: boolean;
-    'data-testid'?: string;
-    searchText?: string;
-} & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+import { Menu } from '../Menu';
 type TabMenuItemProps = {
     value?: string | number;
-} & ComponentProps<typeof StyledMenuItem>;
-export declare const TabMenuItem: ({ value, children, onClick, ...props }: TabMenuItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+} & ComponentProps<typeof Menu.Item>;
+export declare const TabMenuItem: ({ value, children, onClick, ...props }: TabMenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tabs/TabMenuItem.js

@@ -1,34 +1,35 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Menu } from "../Menu/index.js";
+import { tabsTextSelected } from "./styles.css.js";
 import { useTabsContext } from "./TabsContext.js";
-const StyledMenuItem = /* @__PURE__ */ _styled(Menu.Item, process.env.NODE_ENV === "production" ? {
-  target: "eeet93f0"
-} : {
-  target: "eeet93f0",
-  label: "StyledMenuItem"
-})("&[aria-selected='true']{color:", ({
-  theme
-}) => theme.colors.primary.text, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiTWVudUl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF3QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJzL1RhYk1lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IE1lbnUgfSBmcm9tICcuLi9NZW51J1xuaW1wb3J0IHsgdXNlVGFic0NvbnRleHQgfSBmcm9tICcuL1RhYnNDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZChNZW51Lkl0ZW0pYFxuICAmW2FyaWEtc2VsZWN0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gIH1cbmBcblxudHlwZSBUYWJNZW51SXRlbVByb3BzID0ge1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxufSAmIENvbXBvbmVudFByb3BzPHR5cGVvZiBTdHlsZWRNZW51SXRlbT5cblxuZXhwb3J0IGNvbnN0IFRhYk1lbnVJdGVtID0gKHtcbiAgdmFsdWUsXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICAuLi5wcm9wc1xufTogVGFiTWVudUl0ZW1Qcm9wcykgPT4ge1xuICBjb25zdCB7IHNlbGVjdGVkLCBvbkNoYW5nZSB9ID0gdXNlVGFic0NvbnRleHQoKVxuXG4gIGNvbnN0IGlzU2VsZWN0ZWQgPSB1c2VNZW1vKFxuICAgICgpID0+IHZhbHVlICE9PSB1bmRlZmluZWQgJiYgc2VsZWN0ZWQgPT09IHZhbHVlLFxuICAgIFt2YWx1ZSwgc2VsZWN0ZWRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudUl0ZW1cbiAgICAgIGFyaWEtc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBvbkNsaWNrPXtldmVudCA9PiB7XG4gICAgICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgb25DaGFuZ2UodmFsdWUpXG4gICAgICAgIH1cbiAgICAgICAgb25DbGljaz8uKGV2ZW50KVxuICAgICAgfX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRNZW51SXRlbT5cbiAgKVxufVxuIl19 */"));
 const TabMenuItem = ({
   value,
   children,
   onClick,
   ...props
 }) => {
-  const {
-    selected,
-    onChange
-  } = useTabsContext();
-  const isSelected = useMemo(() => value !== void 0 && selected === value, [value, selected]);
-  return /* @__PURE__ */ jsx(StyledMenuItem, { "aria-selected": isSelected, onClick: (event) => {
-    if (value !== void 0) {
-      onChange(value);
+  const { selected, onChange } = useTabsContext();
+  const isSelected = useMemo(
+    () => value !== void 0 && selected === value,
+    [value, selected]
+  );
+  return /* @__PURE__ */ jsx(
+    Menu.Item,
+    {
+      "aria-selected": isSelected,
+      className: tabsTextSelected[isSelected ? "selected" : "default"],
+      onClick: (event) => {
+        if (value !== void 0) {
+          onChange(value);
+        }
+        onClick?.(event);
+      },
+      ...props,
+      children
     }
-    onClick?.(event);
-  }, ...props, children });
+  );
 };
 export {
   TabMenuItem

package/dist/components/Tabs/TabsContext.js

@@ -1,5 +1,7 @@
 import { createContext, useContext } from "react";
-const TabsContext = createContext({});
+const TabsContext = createContext(
+  {}
+);
 const useTabsContext = () => useContext(TabsContext);
 export {
   TabsContext,

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

@@ -10,7 +10,7 @@ type TabsProps = {
  * Tabs component is used to display a set of tabs with a single tab selected at a time.
  */
 export declare const Tabs: {
-    ({ children, onChange, moreDisclosure, selected, className, "data-testid": dataTestId, ...props }: TabsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ children, onChange, moreDisclosure, selected, className, "data-testid": dataTestId, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
     Tab: import("react").ForwardRefExoticComponent<Omit<{
         as?: import("react").ElementType | undefined;
         badge?: ReactNode;
@@ -23,7 +23,8 @@ export declare const Tabs: {
         subtitle?: string;
         tooltip?: string;
         value?: string | number;
-    } & Omit<any, "children" | "className" | "value" | "tooltip" | "disabled" | "role" | "as" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
+        style?: import("react").CSSProperties;
+    } & Omit<any, "tooltip" | "disabled" | "as" | "className" | "children" | "value" | "role" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
     Menu: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         disclosure: ReactNode;
@@ -42,12 +43,11 @@ export declare const Tabs: {
         children: ReactNode;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         borderless?: boolean;
-        sentiment?: "danger" | "neutral" | "primary";
+        sentiment?: "primary" | "neutral" | "danger";
         active?: boolean;
         'data-testid'?: string;
         searchText?: string;
-    } & import("react").RefAttributes<HTMLElement> & {
-        theme?: import("@emotion/react").Theme;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+        style?: import("react").CSSProperties;
+    } & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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 { jsx, jsxs } from "react/jsx-runtime";
 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,
@@ -49,20 +19,22 @@ const Tabs = ({
   const tabsRef = useRef({});
   const moreStaticRef = useRef(null);
   const [displayMore, setDisplayMore] = useState(false);
-  const value = useMemo(() => ({
-    onChange,
-    selected
-  }), [selected, onChange]);
+  const value = useMemo(
+    () => ({
+      onChange,
+      selected
+    }),
+    [selected, onChange]
+  );
   useEffect(() => {
     setDisplayMore(tabsRef.current.scrollWidth > tabsRef.current.clientWidth);
   }, [children]);
   useEffect(() => {
-    const tab = tabsRef.current.querySelector(`[role='tab'][aria-selected='true']`);
+    const tab = tabsRef.current.querySelector(
+      `[role='tab'][aria-selected='true']`
+    );
     if (tab && tabsRef.current.scrollTo) {
-      tabsRef.current.scrollTo({
-        behavior: "smooth",
-        left: tab.offsetLeft
-      });
+      tabsRef.current.scrollTo({ behavior: "smooth", left: tab.offsetLeft });
     }
   }, [selected]);
   useEffect(() => {
@@ -91,10 +63,28 @@ const Tabs = ({
     }
     return null;
   });
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: /* @__PURE__ */ jsxs(TabsContainer, { className, "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
-  ] }) });
+  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(
+          TabMenu,
+          {
+            className: tabsMenu,
+            disclosure: moreDisclosure,
+            ref: moreStaticRef,
+            children: /* @__PURE__ */ jsx("div", { className: tabsMenuContainer, children: menuItemChildren })
+          }
+        ) : null
+      ]
+    }
+  ) });
 };
 Tabs.Tab = Tab;
 Tabs.Menu = TabMenu;

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/Tag/index.d.ts

@@ -1,9 +1,9 @@
-import type { MouseEventHandler, ReactNode } from 'react';
-import type { Color } from '../../theme';
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import type { SENTIMENTS } from './styles.css';
 type TagProps = {
     isLoading?: boolean;
     onClose?: MouseEventHandler<HTMLButtonElement>;
-    sentiment?: Color;
+    sentiment?: (typeof SENTIMENTS)[number];
     disabled?: boolean;
     copiable?: boolean;
     copyText?: string;
@@ -11,10 +11,11 @@ type TagProps = {
     className?: string;
     children: ReactNode;
     'data-testid'?: string;
+    style?: CSSProperties;
 };
 /**
  * Tag component is used to display a short text description of an item. It can be used to display a category
  * or any other metadata.
  */
-export declare const Tag: ({ children, isLoading, onClose, copiable, copyText, copiedText, disabled, sentiment, className, "data-testid": dataTestId, }: TagProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ children, isLoading, onClose, copiable, copyText, copiedText, disabled, sentiment, className, style, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};