@amboss/design-system 3.20.6 → 3.20.8-canary.1

package/build/esm/components/ColorIndicator/ColorIndicator.d.ts

@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren } from "react";
 import { type ColorDotProps } from "./ColorDot";
 export type ColorIndicatorProps = {
-    color: "gray" | "blue" | "green" | "yellow" | "red" | "purple";
+    color: "gray" | "blue" | "green" | "yellow" | "red" | "purple" | "neonBlue" | "neonGreen" | "neonPink";
 } & Pick<ColorDotProps, "shape" | "size"> & PropsWithChildren;
 export declare const ColorIndicator: FC<ColorIndicatorProps>;

package/build/esm/components/ColorPicker/ColorPickerOption.js

@@ -1 +1 @@
-import React from"react";import{Icon}from"../Icon/Icon";import{ColorIndicator}from"../ColorIndicator/ColorIndicator";export const ColorPickerOption=({color,isSelected,size})=>{let iconName="check-small";return React.createElement(ColorIndicator,{color:color,shape:"circle",size:size},isSelected&&React.createElement(Icon,{name:iconName,color:"onAccent",size:"s",role:"img","aria-label":iconName}))};
+import React from"react";import{Icon}from"../Icon/Icon";import{ColorIndicator}from"../ColorIndicator/ColorIndicator";let lowContrastColors=new Set(["neonBlue","neonGreen","neonPink"]);export const ColorPickerOption=({color,isSelected,size})=>{let iconName="check-small",iconColor=lowContrastColors.has(color)?"primary":"onAccent";return React.createElement(ColorIndicator,{color:color,shape:"circle",size:size},isSelected&&React.createElement(Icon,{name:iconName,color:iconColor,size:"s",role:"img","aria-label":iconName}))};

package/build/esm/components/NavBar/NavBar.d.ts

@@ -11,17 +11,23 @@ export type NavBarProps = SubThemeProviderProps & {
 };
 export declare function NavBar({ name, children, as, "data-e2e-test-id": dataE2eTestId, }: NavBarProps): React.ReactElement;
 export declare namespace NavBar {
-    var SubMenuContainer: ({ children, name, "data-e2e-test-id": dataE2eTestId, }: {
+    var SubMenuContainer: ({ children, name, isCompact, "data-e2e-test-id": dataE2eTestId, }: {
         name: string;
         as?: "div";
         "data-e2e-test-id"?: string;
         children: React.ReactNode[] | React.ReactNode;
     } & {
         name: NavBarName;
+        isCompact?: boolean;
     }) => React.ReactElement;
     var TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, isCompact, onBlur, onClick, onFocus, ...rest }: import("./NavBarTabButton").NavBarTabButtonProps) => React.ReactNode;
     var DropdownTriggerButton: React.ForwardRefExoticComponent<Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
         children?: React.ReactNode | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
     var SearchInput: React.ForwardRefExoticComponent<import("./NavBarSearchInput").NavBarSearchInputProps & React.RefAttributes<HTMLButtonElement>>;
+    var SlideDown: ({ children, isVisible, position, }: {
+        children: React.ReactNode;
+        isVisible: boolean;
+        position: "top" | "bottom";
+    } & Omit<React.HTMLAttributes<HTMLDivElement>, "children">) => React.ReactElement;
 }

package/build/esm/components/NavBar/NavBar.js

@@ -1 +1 @@
-var NavBarName;import React from"react";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSubMenuContainer}from"./NavBarSubMenuContainer";import{NavBarTabButton}from"./NavBarTabButton";import{NavBarDropdownTriggerButton}from"./NavBarDropdownTriggerButton";import{NavBarSearchInput}from"./NavBarSearchInput";var NavBarName1=((NavBarName={}).Learning="learning",NavBarName.ClinicalCare="clinicalCare",NavBarName.Teaching="teaching",NavBarName.Unset="unset",NavBarName);export{NavBarName1 as NavBarName,};let getNavigationName=name=>`${name[0].toUpperCase()}${name.slice(1)}`;export function NavBar({name,children,as,"data-e2e-test-id":dataE2eTestId}){return React.createElement(SubThemeProvider,{name:`navigation${getNavigationName(name)}`,"data-e2e-test-id":dataE2eTestId,as:as},children)}NavBar.SubMenuContainer=NavBarSubMenuContainer,NavBar.TabButton=NavBarTabButton,NavBar.DropdownTriggerButton=NavBarDropdownTriggerButton,NavBar.SearchInput=NavBarSearchInput;
+var NavBarName;import React from"react";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSubMenuContainer}from"./NavBarSubMenuContainer";import{NavBarTabButton}from"./NavBarTabButton";import{NavBarDropdownTriggerButton}from"./NavBarDropdownTriggerButton";import{NavBarSearchInput}from"./NavBarSearchInput";import{NavBarSlideDown}from"./NavBarSlideDown";var NavBarName1=((NavBarName={}).Learning="learning",NavBarName.ClinicalCare="clinicalCare",NavBarName.Teaching="teaching",NavBarName.Unset="unset",NavBarName);export{NavBarName1 as NavBarName,};let getNavigationName=name=>`${name[0].toUpperCase()}${name.slice(1)}`;export function NavBar({name,children,as,"data-e2e-test-id":dataE2eTestId}){return React.createElement(SubThemeProvider,{name:`navigation${getNavigationName(name)}`,"data-e2e-test-id":dataE2eTestId,as:as},children)}NavBar.SubMenuContainer=NavBarSubMenuContainer,NavBar.TabButton=NavBarTabButton,NavBar.DropdownTriggerButton=NavBarDropdownTriggerButton,NavBar.SearchInput=NavBarSearchInput,NavBar.SlideDown=NavBarSlideDown;

package/build/esm/components/NavBar/NavBarSlideDown.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type NavBarSlideDownProps = {
+    children: React.ReactNode;
+    isVisible: boolean;
+    position: "top" | "bottom";
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+export declare const NavBarSlideDown: ({ children, isVisible, position, }: NavBarSlideDownProps) => React.ReactElement;
+export {};

package/build/esm/components/NavBar/NavBarSlideDown.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";let SlideDownContainer=styled("div",{target:"e1bn4krd0",label:"SlideDownContainer"})(({isVisible,position})=>({transition:"transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",willChange:"transform",position:"absolute",zIndex:1,[position]:0,width:"100%",..."top"===position&&{top:0,transform:isVisible?"translateY(0)":"translateY(-100%)"},..."bottom"===position&&{bottom:0,transform:isVisible?"translateY(100%)":"translateY(0)"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNsaWRlRG93bi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTbGlkZURvd24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBUUkFOU0lUSU9OX0RVUkFUSU9OID0gMjUwO1xuY29uc3QgVFJBTlNJVElPTl9USU1JTkdfRlVOQ1RJT04gPSBcImN1YmljLWJlemllcigwLjI1LCAxLCAwLjUsIDEpXCI7XG5cbnR5cGUgTmF2QmFyU2xpZGVEb3duUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGlzVmlzaWJsZTogYm9vbGVhbjtcbiAgcG9zaXRpb246IFwidG9wXCIgfCBcImJvdHRvbVwiO1xufSAmIE9taXQ8UmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCBcImNoaWxkcmVuXCI+O1xuXG5jb25zdCBTbGlkZURvd25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIik8TmF2QmFyU2xpZGVEb3duUHJvcHM+KFxuICAoeyBpc1Zpc2libGUsIHBvc2l0aW9uIH0pID0+ICh7XG4gICAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgJHtUUkFOU0lUSU9OX1RJTUlOR19GVU5DVElPTn1gLFxuICAgIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXg6IDEsXG4gICAgW3Bvc2l0aW9uXTogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInRvcFwiICYmIHtcbiAgICAgIHRvcDogMCxcbiAgICAgIHRyYW5zZm9ybTogaXNWaXNpYmxlID8gXCJ0cmFuc2xhdGVZKDApXCIgOiBcInRyYW5zbGF0ZVkoLTEwMCUpXCIsXG4gICAgfSksXG4gICAgLi4uKHBvc2l0aW9uID09PSBcImJvdHRvbVwiICYmIHtcbiAgICAgIGJvdHRvbTogMCxcbiAgICAgIHRyYW5zZm9ybTogaXNWaXNpYmxlID8gXCJ0cmFuc2xhdGVZKDEwMCUpXCIgOiBcInRyYW5zbGF0ZVkoMClcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTbGlkZURvd24gPSAoe1xuICBjaGlsZHJlbixcbiAgaXNWaXNpYmxlLFxuICBwb3NpdGlvbixcbn06IE5hdkJhclNsaWRlRG93blByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgPFNsaWRlRG93bkNvbnRhaW5lciBpc1Zpc2libGU9e2lzVmlzaWJsZX0gcG9zaXRpb249e3Bvc2l0aW9ufT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU2xpZGVEb3duQ29udGFpbmVyPlxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZMkIifQ== */");export const NavBarSlideDown=({children,isVisible,position})=>React.createElement(SlideDownContainer,{isVisible:isVisible,position:position},children);

package/build/esm/components/NavBar/NavBarSubMenuContainer.d.ts

@@ -3,6 +3,7 @@ import { type SubThemeProviderProps } from "../SubThemeProvider/SubThemeProvider
 import type { NavBarName } from "./NavBar";
 type NavBarSubMenuContainerProps = SubThemeProviderProps & {
     name: NavBarName;
+    isCompact?: boolean;
 };
-export declare const NavBarSubMenuContainer: ({ children, name, "data-e2e-test-id": dataE2eTestId, }: NavBarSubMenuContainerProps) => React.ReactElement;
+export declare const NavBarSubMenuContainer: ({ children, name, isCompact, "data-e2e-test-id": dataE2eTestId, }: NavBarSubMenuContainerProps) => React.ReactElement;
 export {};

package/build/esm/components/NavBar/NavBarSubMenuContainer.js

@@ -1 +1 @@
-import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";let StyledSubMenuContainer=styled("div",{target:"elrg6c20",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vTmF2QmFyXCI7XG5cbnR5cGUgTmF2QmFyU3ViTWVudUNvbnRhaW5lclByb3BzID0gU3ViVGhlbWVQcm92aWRlclByb3BzICYge1xuICBuYW1lOiBOYXZCYXJOYW1lO1xufTtcblxuY29uc3QgU3R5bGVkU3ViTWVudUNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbn0pKTtcblxuY29uc3QgZ2V0U3ViTmF2aWdhdGlvbk5hbWUgPSAobmFtZTogTmF2QmFyTmFtZSkgPT5cbiAgYCR7bmFtZVswXS50b1VwcGVyQ2FzZSgpfSR7bmFtZS5zbGljZSgxKX1gO1xuXG5leHBvcnQgY29uc3QgTmF2QmFyU3ViTWVudUNvbnRhaW5lciA9ICh7XG4gIGNoaWxkcmVuLFxuICBuYW1lLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIDxTdWJUaGVtZVByb3ZpZGVyXG4gICAgbmFtZT17YHN1Yk5hdmlnYXRpb24ke2dldFN1Yk5hdmlnYXRpb25OYW1lKG5hbWUpfWB9XG4gICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgPlxuICAgIDxTdHlsZWRTdWJNZW51Q29udGFpbmVyPntjaGlsZHJlbn08L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gIDwvU3ViVGhlbWVQcm92aWRlcj5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStCIn0= */"),getSubNavigationName=name=>`${name[0].toUpperCase()}${name.slice(1)}`;export const NavBarSubMenuContainer=({children,name,"data-e2e-test-id":dataE2eTestId})=>React.createElement(SubThemeProvider,{name:`subNavigation${getSubNavigationName(name)}`,"data-e2e-test-id":dataE2eTestId},React.createElement(StyledSubMenuContainer,null,children));
+import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSlideDown}from"./NavBarSlideDown";let StyledSubMenuContainer=styled("div",{target:"e1x3dw6s0",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default,boxShadow:theme.values.elevation[1]}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vTmF2QmFyXCI7XG5pbXBvcnQgeyBOYXZCYXJTbGlkZURvd24gfSBmcm9tIFwiLi9OYXZCYXJTbGlkZURvd25cIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSBTdWJUaGVtZVByb3ZpZGVyUHJvcHMgJiB7XG4gIG5hbWU6IE5hdkJhck5hbWU7XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRTdWJNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG59KSk7XG5cbmNvbnN0IGdldFN1Yk5hdmlnYXRpb25OYW1lID0gKG5hbWU6IE5hdkJhck5hbWUpID0+XG4gIGAke25hbWVbMF0udG9VcHBlckNhc2UoKX0ke25hbWUuc2xpY2UoMSl9YDtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclN1Yk1lbnVDb250YWluZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgbmFtZSxcbiAgaXNDb21wYWN0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIDxTdWJUaGVtZVByb3ZpZGVyXG4gICAgbmFtZT17YHN1Yk5hdmlnYXRpb24ke2dldFN1Yk5hdmlnYXRpb25OYW1lKG5hbWUpfWB9XG4gICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgPlxuICAgIDxOYXZCYXJTbGlkZURvd24gaXNWaXNpYmxlPXshaXNDb21wYWN0fSBwb3NpdGlvbj1cImJvdHRvbVwiPlxuICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXI+e2NoaWxkcmVufTwvU3R5bGVkU3ViTWVudUNvbnRhaW5lcj5cbiAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjK0IifQ== */"),getSubNavigationName=name=>`${name[0].toUpperCase()}${name.slice(1)}`;export const NavBarSubMenuContainer=({children,name,isCompact,"data-e2e-test-id":dataE2eTestId})=>React.createElement(SubThemeProvider,{name:`subNavigation${getSubNavigationName(name)}`,"data-e2e-test-id":dataE2eTestId},React.createElement(NavBarSlideDown,{isVisible:!isCompact,position:"bottom"},React.createElement(StyledSubMenuContainer,null,children)));

package/build/esm/components/NavBar/NavBarTabButton.js

@@ -1 +1 @@
-import React,{useCallback,useMemo}from"react";import styled from"@emotion/styled";let StyledButton=styled("button",{target:"e1m22c6i0",label:"StyledButton"})(({theme,isActive,isCompact})=>{let size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxxs}`,color:theme.values.color.text.secondary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},...isActive&&{cursor:"default",zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default,paddingBottom:theme.variables.size.spacing.s,marginBottom:theme.variables.size.spacing.xs,...!isCompact&&{paddingBottom:theme.variables.size.spacing.m,marginBottom:0,borderBottomRightRadius:0,borderBottomLeftRadius:0,"&:before":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,left:`-${size}`,borderBottomRightRadius:borderBottomRadius,boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`},"&:after":{right:`-${size}`,borderBottomLeftRadius:borderBottomRadius,content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`}}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxQYXJ0aWFsPE5hdkJhclRhYkJ1dHRvblByb3BzPj4oXG4gICh7IHRoZW1lLCBpc0FjdGl2ZSwgaXNDb21wYWN0IH0pID0+IHtcbiAgICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuICAgIGNvbnN0IGJvcmRlckJvdHRvbVJhZGl1cyA9IGBjYWxjKCR7c2l6ZX0gLSAke3NoYWRvd09mZnNldH0pYDtcbiAgICByZXR1cm4ge1xuICAgICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG5cbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG5cbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcblxuICAgICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oaXNBY3RpdmUgJiYge1xuICAgICAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgICAgIC4uLighaXNDb21wYWN0ICYmIHtcbiAgICAgICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAsXG4gICAgICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBsZWZ0OiBgLSR7c2l6ZX1gLFxuICAgICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlckJvdHRvbVJhZGl1cyxcbiAgICAgICAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgcmlnaHQ6IGAtJHtzaXplfWAsXG4gICAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJCb3R0b21SYWRpdXMsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgekluZGV4OiAxLFxuICAgICAgICAgICAgd2lkdGg6IHNpemUsXG4gICAgICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgICAgICBib3hTaGFkb3c6IGAtJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCB0eXBlIE5hdkJhclRhYkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyVGFiQnV0dG9uID0gKHtcbiAgYXJpYUF0dHJpYnV0ZXM6IHRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gIGNoaWxkcmVuLFxuICBpc0FjdGl2ZSxcbiAgaXNDb21wYWN0LFxuICBvbkJsdXIsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IE5hdkJhclRhYkJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3ROb2RlID0+IHtcbiAgY29uc3QgYXJpYUF0dHJpYnV0ZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBiYXNlQXR0cmlidXRlcyA9IHtcbiAgICAgIC4uLnRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gICAgICBcImFyaWEtZGlzYWJsZWRcIjogaXNBY3RpdmUsXG4gICAgICB0YWJJbmRleDogaXNBY3RpdmUgPyAtMSA6IDAsXG4gICAgfTtcblxuICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uYmFzZUF0dHJpYnV0ZXMsXG4gICAgICAgIFwiYXJpYS1jdXJyZW50XCI6IFwicGFnZVwiIGFzIGNvbnN0LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gYmFzZUF0dHJpYnV0ZXM7XG4gIH0sIFtpc0FjdGl2ZSwgdGhlaXJBcmlhQXR0cmlidXRlc10pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNBY3RpdmUgJiYgb25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2xpY2ssIGlzQWN0aXZlXVxuICApO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgaXNDb21wYWN0PXtpc0NvbXBhY3R9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIifQ== */");export const NavBarTabButton=({ariaAttributes:theirAriaAttributes,children,isActive,isCompact,onBlur,onClick,onFocus,...rest})=>{let ariaAttributes=useMemo(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=useCallback(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]);return React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children)};
+import React,{useCallback,useEffect,useMemo,useRef}from"react";import styled from"@emotion/styled";let TRANSITION_DELAY="0.15s",TRANSITION_FUNCTION="cubic-bezier(0.25, 1, 0.5, 1)",StyledButton=styled("button",{target:"emcmoe00",label:"StyledButton"})(({theme,isActive,isCompact,shouldAnimate})=>{let expanded=isActive&&!isCompact,size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`,compactMarginBottom=theme.variables.size.spacing.xs,compactBottomRadius=theme.variables.size.borderRadius.xs,transitionsEnabled=!!shouldAnimate,baseTransitionDuration=transitionsEnabled?"250ms":"0ms",baseTransitionDelay="0ms",pseudoTransitionDelay="0ms";return transitionsEnabled&&(baseTransitionDelay=expanded?"unset":TRANSITION_DELAY,pseudoTransitionDelay=expanded?TRANSITION_DELAY:"unset"),{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxxs}`,color:theme.values.color.text.secondary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},marginBottom:compactMarginBottom,borderBottomLeftRadius:compactBottomRadius,borderBottomRightRadius:compactBottomRadius,transitionProperty:"margin-bottom, padding-bottom, border-bottom-left-radius, border-bottom-right-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:TRANSITION_FUNCTION,transitionDelay:baseTransitionDelay,"&:before, &:after":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,opacity:+!!expanded,transitionProperty:"opacity, transform, border-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:TRANSITION_FUNCTION,transitionDelay:pseudoTransitionDelay},"&:before":{transform:expanded?"scale(1) translate(-28px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomRightRadius:expanded?borderBottomRadius:0},"&:after":{transform:expanded?"scale(1) translate(16px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomLeftRadius:expanded?borderBottomRadius:0},...isActive&&{cursor:"default",zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default},...expanded&&{marginBottom:0,paddingBottom:`calc(${theme.variables.size.spacing.m} + ${shadowOffset})`,borderBottomLeftRadius:0,borderBottomRightRadius:0}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBUUkFOU0lUSU9OX0RVUkFUSU9OID0gXCIyNTBtc1wiO1xuY29uc3QgVFJBTlNJVElPTl9ERUxBWSA9IFwiMC4xNXNcIjtcbmNvbnN0IFRSQU5TSVRJT05fRlVOQ1RJT04gPSBcImN1YmljLWJlemllcigwLjI1LCAxLCAwLjUsIDEpXCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxcbiAgUGFydGlhbDxOYXZCYXJUYWJCdXR0b25Qcm9wcz4gJiB7IHNob3VsZEFuaW1hdGU/OiBib29sZWFuIH1cbj4oKHsgdGhlbWUsIGlzQWN0aXZlLCBpc0NvbXBhY3QsIHNob3VsZEFuaW1hdGUgfSkgPT4ge1xuICBjb25zdCBleHBhbmRlZCA9IGlzQWN0aXZlICYmICFpc0NvbXBhY3Q7XG4gIGNvbnN0IHNpemUgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnM7XG4gIGNvbnN0IHNoYWRvd09mZnNldCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuICBjb25zdCBib3JkZXJCb3R0b21SYWRpdXMgPSBgY2FsYygke3NpemV9IC0gJHtzaGFkb3dPZmZzZXR9KWA7XG5cbiAgY29uc3QgY29tcGFjdE1hcmdpbkJvdHRvbSA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHM7XG4gIGNvbnN0IGNvbXBhY3RCb3R0b21SYWRpdXMgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHM7XG4gIGNvbnN0IHRyYW5zaXRpb25zRW5hYmxlZCA9IEJvb2xlYW4oc2hvdWxkQW5pbWF0ZSk7XG4gIGNvbnN0IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24gPSB0cmFuc2l0aW9uc0VuYWJsZWRcbiAgICA/IFRSQU5TSVRJT05fRFVSQVRJT05cbiAgICA6IFwiMG1zXCI7XG5cbiAgbGV0IGJhc2VUcmFuc2l0aW9uRGVsYXkgPSBcIjBtc1wiO1xuICBsZXQgcHNldWRvVHJhbnNpdGlvbkRlbGF5ID0gXCIwbXNcIjtcblxuICBpZiAodHJhbnNpdGlvbnNFbmFibGVkKSB7XG4gICAgYmFzZVRyYW5zaXRpb25EZWxheSA9IGV4cGFuZGVkID8gXCJ1bnNldFwiIDogVFJBTlNJVElPTl9ERUxBWTtcbiAgICBwc2V1ZG9UcmFuc2l0aW9uRGVsYXkgPSBleHBhbmRlZCA/IFRSQU5TSVRJT05fREVMQVkgOiBcInVuc2V0XCI7XG4gIH1cblxuICByZXR1cm4ge1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcblxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgYm9yZGVyOiAwLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAxLFxuXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4c31gLFxuXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuXG4gICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBtYXJnaW5Cb3R0b206IGNvbXBhY3RNYXJnaW5Cb3R0b20sXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogY29tcGFjdEJvdHRvbVJhZGl1cyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogY29tcGFjdEJvdHRvbVJhZGl1cyxcblxuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTpcbiAgICAgIFwibWFyZ2luLWJvdHRvbSwgcGFkZGluZy1ib3R0b20sIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXMsIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBiYXNlVHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogVFJBTlNJVElPTl9GVU5DVElPTixcbiAgICB0cmFuc2l0aW9uRGVsYXk6IGJhc2VUcmFuc2l0aW9uRGVsYXksXG5cbiAgICBcIiY6YmVmb3JlLCAmOmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBib3R0b206IDAsXG4gICAgICB6SW5kZXg6IDEsXG4gICAgICB3aWR0aDogc2l6ZSxcbiAgICAgIGhlaWdodDogc2l6ZSxcblxuICAgICAgb3BhY2l0eTogZXhwYW5kZWQgPyAxIDogMCxcblxuICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiBcIm9wYWNpdHksIHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1c1wiLFxuICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBiYXNlVHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgICAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiBUUkFOU0lUSU9OX0ZVTkNUSU9OLFxuICAgICAgdHJhbnNpdGlvbkRlbGF5OiBwc2V1ZG9UcmFuc2l0aW9uRGVsYXksXG4gICAgfSxcblxuICAgIFwiJjpiZWZvcmVcIjoge1xuICAgICAgdHJhbnNmb3JtOiBleHBhbmRlZFxuICAgICAgICA/IGBzY2FsZSgxKSB0cmFuc2xhdGUoLTI4cHgsIDApYFxuICAgICAgICA6IGBzY2FsZSgwLjUpIHRyYW5zbGF0ZSgwcHgsIC00cHgpYCxcbiAgICAgIHRyYW5zZm9ybU9yaWdpbjogXCIxMDAlIDEwMCVcIixcbiAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogZXhwYW5kZWQgPyBib3JkZXJCb3R0b21SYWRpdXMgOiAwLFxuICAgIH0sXG5cbiAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgdHJhbnNmb3JtOiBleHBhbmRlZFxuICAgICAgICA/IGBzY2FsZSgxKSB0cmFuc2xhdGUoMTZweCwgMClgXG4gICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgdHJhbnNmb3JtT3JpZ2luOiBcIjEwMCUgMTAwJVwiLFxuICAgICAgYm94U2hhZG93OiBgLSR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgfSxcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgICAgekluZGV4OiAwLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLihleHBhbmRlZCAmJiB7XG4gICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgICBwYWRkaW5nQm90dG9tOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gKyAke3NoYWRvd09mZnNldH0pYCxcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IDAsXG4gICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogMCxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG5leHBvcnQgdHlwZSBOYXZCYXJUYWJCdXR0b25Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBpc0NvbXBhY3Q/OiBib29sZWFuO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclRhYkJ1dHRvbiA9ICh7XG4gIGFyaWFBdHRyaWJ1dGVzOiB0aGVpckFyaWFBdHRyaWJ1dGVzLFxuICBjaGlsZHJlbixcbiAgaXNBY3RpdmUsXG4gIGlzQ29tcGFjdCxcbiAgb25CbHVyLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICAuLi5yZXN0XG59OiBOYXZCYXJUYWJCdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHByZXZpb3VzSXNDb21wYWN0UmVmID0gdXNlUmVmKGlzQ29tcGFjdCk7XG4gIGNvbnN0IHByZXZpb3VzSXNBY3RpdmVSZWYgPSB1c2VSZWYoaXNBY3RpdmUpO1xuICBjb25zdCBiZWNhbWVJbmFjdGl2ZSA9XG4gICAgcHJldmlvdXNJc0FjdGl2ZVJlZi5jdXJyZW50ID09PSB0cnVlICYmIGlzQWN0aXZlID09PSBmYWxzZTtcbiAgY29uc3Qgc2hvdWxkQW5pbWF0ZSA9XG4gICAgIWJlY2FtZUluYWN0aXZlICYmIHByZXZpb3VzSXNDb21wYWN0UmVmLmN1cnJlbnQgIT09IGlzQ29tcGFjdDtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHByZXZpb3VzSXNDb21wYWN0UmVmLmN1cnJlbnQgPSBpc0NvbXBhY3Q7XG4gIH0sIFtpc0NvbXBhY3RdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHByZXZpb3VzSXNBY3RpdmVSZWYuY3VycmVudCA9IGlzQWN0aXZlO1xuICB9LCBbaXNBY3RpdmVdKTtcblxuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGJhc2VBdHRyaWJ1dGVzID0ge1xuICAgICAgLi4udGhlaXJBcmlhQXR0cmlidXRlcyxcbiAgICAgIFwiYXJpYS1kaXNhYmxlZFwiOiBpc0FjdGl2ZSxcbiAgICAgIHRhYkluZGV4OiBpc0FjdGl2ZSA/IC0xIDogMCxcbiAgICB9O1xuXG4gICAgaWYgKGlzQWN0aXZlKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5iYXNlQXR0cmlidXRlcyxcbiAgICAgICAgXCJhcmlhLWN1cnJlbnRcIjogXCJwYWdlXCIgYXMgY29uc3QsXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiBiYXNlQXR0cmlidXRlcztcbiAgfSwgW2lzQWN0aXZlLCB0aGVpckFyaWFBdHRyaWJ1dGVzXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgaWYgKCFpc0FjdGl2ZSAmJiBvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGljaywgaXNBY3RpdmVdXG4gICk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgZGF0YS1kcy1pZD1cIlRhYkJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBpc0NvbXBhY3Q9e2lzQ29tcGFjdH1cbiAgICAgIHNob3VsZEFuaW1hdGU9e3Nob3VsZEFuaW1hdGV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTcUIifQ== */");export const NavBarTabButton=({ariaAttributes:theirAriaAttributes,children,isActive,isCompact,onBlur,onClick,onFocus,...rest})=>{let previousIsCompactRef=useRef(isCompact),previousIsActiveRef=useRef(isActive),shouldAnimate=(!0!==previousIsActiveRef.current||!1!==isActive)&&previousIsCompactRef.current!==isCompact;useEffect(()=>{previousIsCompactRef.current=isCompact},[isCompact]),useEffect(()=>{previousIsActiveRef.current=isActive},[isActive]);let ariaAttributes=useMemo(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=useCallback(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]);return React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,shouldAnimate:shouldAnimate,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children)};