@codecademy/gamut 68.1.3-alpha.76714f.0 → 68.1.3-alpha.77bf63.0

package/dist/Popover/styles/variants.d.ts

@@ -1,21 +1,21 @@
 export declare const outlineVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"outline", false | "boxShadow" | "outline"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const widthStates: (props: Partial<Record<"widthRestricted", boolean>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const beakBorderStates: (props: Partial<Record<"hasBorder", boolean>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const beakVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"beak", string | number | false> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const beakSize: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "sml" | "lrg"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const patternVariantStyles: {
     [k: string]: {};
 };
 export declare const beakBoxVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "center" | "above" | "below"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;

package/dist/Popover/utils.d.ts

@@ -1,4 +1,4 @@
 import { PopoverProps } from './types';
 export declare const getDefaultOffset: ({ axis, position, variant, }: Pick<PopoverProps, "position" | "variant"> & {
-    axis: 'horizontal' | 'vertical';
+    axis: "horizontal" | "vertical";
 }) => number;

package/dist/PopoverContainer/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Minimal element shape required for popover positioning.
  * Accepts both HTMLElement and TargetRef so Popover and PopoverContainer can share hooks.

package/dist/PopoverContainer/hooks.js

@@ -1,4 +1,5 @@
 import { useEffect, useMemo } from 'react';
+import { isNullish } from '../utils/nullish';
 import { findAllAdditionalScrollingParents, findResizingParent } from './utils';
 
 /**
@@ -8,7 +9,7 @@ import { findAllAdditionalScrollingParents, findResizingParent } from './utils';
 
 /** Resolves Ref to current element; returns null for RefCallback or null ref. */
 export function getRefElement(ref) {
-  if (ref == null) return null;
+  if (isNullish(ref)) return null;
   if (typeof ref === 'function') return null;
   return ref.current;
 }

package/dist/PopoverContainer/utils.d.ts

@@ -46,7 +46,7 @@ export declare const ALIGN: {
  * positions have flipped the element to the opposite physical side.
  */
 export declare const getPosition: ({ alignment, container, offset, x, y, invertAxis, isRtl, }: PopoverPositionConfig & {
-    isRtl?: boolean | undefined;
+    isRtl?: boolean;
 }) => PopoverPositionResult;
 export declare const getContainers: (target: TargetRef, inline: boolean | undefined, scroll: {
     x: number;

package/dist/SkipToContent/index.d.ts

@@ -5,8 +5,8 @@ export type SkipToContentProps = {
 };
 export declare const SkipToContent: React.FC<SkipToContentProps>;
 declare const StyledSkipToContentTarget: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 type DataTestId = {
     'data-testid'?: string;

package/dist/Tabs/TabButton.d.ts

@@ -1,13 +1,23 @@
 import { StyleProps } from '@codecademy/variance';
-import type { ComponentType } from 'react';
 import { TabElementStyleProps } from './props';
 export interface TabButtonProps extends StyleProps<typeof tabVariants>, StyleProps<typeof tabStates>, TabElementStyleProps {
-    role?: string;
 }
 export declare const tabVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "block" | "standard"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const tabStates: (props: Partial<Record<"selected", boolean>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
-export declare const TabButton: ComponentType<TabButtonProps>;
+export declare const TabButton: import("@emotion/styled").StyledComponent<(((Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, "ref"> | Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
+    theme?: import("@emotion/react").Theme;
+}) & TabButtonProps, {}, {}>;

package/dist/Tabs/TabButton.js

@@ -79,8 +79,7 @@ export const tabStates = states({
     ...tabSelectedStyles
   }
 });
-const StyledTabButton = /*#__PURE__*/_styled(ButtonBase, {
+export const TabButton = /*#__PURE__*/_styled(ButtonBase, {
   target: "e1fxx1y10",
-  label: "StyledTabButton"
-})(tabVariants, tabStates, tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUd3QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UgfSBmcm9tICcuLi9CdXR0b25CYXNlJztcbmltcG9ydCB7XG4gIHRhYkVsZW1lbnRCYXNlUHJvcHMsXG4gIFRhYkVsZW1lbnRTdHlsZVByb3BzLFxuICBUYWJTZWxlY3RvcnMsXG59IGZyb20gJy4vcHJvcHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYkJ1dHRvblByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgdGFiVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIHRhYlN0YXRlcz4sXG4gICAgVGFiRWxlbWVudFN0eWxlUHJvcHMge1xuICByb2xlPzogc3RyaW5nO1xufVxuXG5jb25zdCB0YWJTZWxlY3RlZFN0eWxlcyA9IHtcbiAgZm9udFdlaWdodDogNzAwLFxuICBwdDogMTIsXG4gIHBiOiA4LFxuICBib3JkZXJCb3R0b21XaWR0aDogNCxcbiAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5Jyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGZvY3VzVmlzaWJsZVN0eWxlcyA9IHtcbiAgW1RhYlNlbGVjdG9ycy5GT0NVU19WSVNJQkxFICsgVGFiU2VsZWN0b3JzLkJFRk9SRV06IHtcbiAgICBjb250ZW50OiAnXCJcIicsXG4gICAgYm9yZGVyOiAyLFxuICAgIGJvcmRlckNvbG9yOiAncHJpbWFyeScsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgaW5zZXQ6IDAsXG4gICAgekluZGV4OiAwLFxuICAgIGJvcmRlclJhZGl1c1RvcDogJ21kJyxcbiAgICBib3JkZXJSYWRpdXNCb3R0b206ICdub25lJyxcbiAgfSxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCB0YWJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgcHg6IDI0LFxuICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICBjb2xvcjogJ3RleHQnLFxuICAgIGZvbnQ6ICdpbmhlcml0JyxcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICB6SW5kZXg6IDEsXG4gICAgW1RhYlNlbGVjdG9ycy5ESVNBQkxFRF06IHtcbiAgICAgIG9wYWNpdHk6IDAuMjUsXG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgfSxcbiAgICAuLi5mb2N1c1Zpc2libGVTdHlsZXMsXG4gIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgc3RhbmRhcmQ6IHtcbiAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICAgICAgYm9yZGVyTGVmdDogJ25vbmUnLFxuICAgICAgYm9yZGVyUmlnaHQ6ICdub25lJyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgYm9yZGVyQm90dG9tU3R5bGU6ICdzb2xpZCcsXG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGZvbnRTaXplOiAxNixcbiAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIHB0OiAxMixcbiAgICAgIHBiOiAxMSBhcyAxMiwgLy8gYm9yZGVyICsgcGFkZGluZyA9IDEycHhcbiAgICAgIFtUYWJTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gICAgICB9LFxuICAgICAgW1RhYlNlbGVjdG9ycy5TRUxFQ1RFRF06IHtcbiAgICAgICAgLi4udGFiU2VsZWN0ZWRTdHlsZXMsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBibG9jazoge1xuICAgICAgZm9udFdlaWdodDogJ25vcm1hbCcsXG4gICAgICBmb250U2l6ZTogMTQsXG4gICAgICBweTogMTIsXG4gICAgICBbVGFiU2VsZWN0b3JzLlNFTEVDVEVEXToge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQnLFxuICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IHRhYlN0YXRlcyA9IHN0YXRlcyh7XG4gIHNlbGVjdGVkOiB7XG4gICAgLi4udGFiU2VsZWN0ZWRTdHlsZXMsXG4gIH0sXG59KTtcblxuY29uc3QgU3R5bGVkVGFiQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkJhc2UpPFRhYkJ1dHRvblByb3BzPihcbiAgdGFiVmFyaWFudHMsXG4gIHRhYlN0YXRlcyxcbiAgdGFiRWxlbWVudEJhc2VQcm9wc1xuKTtcblxuZXhwb3J0IGNvbnN0IFRhYkJ1dHRvbiA9XG4gIFN0eWxlZFRhYkJ1dHRvbiBhcyB1bmtub3duIGFzIENvbXBvbmVudFR5cGU8VGFiQnV0dG9uUHJvcHM+O1xuIl19 */");
-export const TabButton = StyledTabButton;
+  label: "TabButton"
+})(tabVariants, tabStates, tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0d5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UgfSBmcm9tICcuLi9CdXR0b25CYXNlJztcbmltcG9ydCB7XG4gIHRhYkVsZW1lbnRCYXNlUHJvcHMsXG4gIFRhYkVsZW1lbnRTdHlsZVByb3BzLFxuICBUYWJTZWxlY3RvcnMsXG59IGZyb20gJy4vcHJvcHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYkJ1dHRvblByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgdGFiVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIHRhYlN0YXRlcz4sXG4gICAgVGFiRWxlbWVudFN0eWxlUHJvcHMge31cblxuY29uc3QgdGFiU2VsZWN0ZWRTdHlsZXMgPSB7XG4gIGZvbnRXZWlnaHQ6IDcwMCxcbiAgcHQ6IDEyLFxuICBwYjogOCxcbiAgYm9yZGVyQm90dG9tV2lkdGg6IDQsXG4gIGJvcmRlckNvbG9yOiAncHJpbWFyeScsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBmb2N1c1Zpc2libGVTdHlsZXMgPSB7XG4gIFtUYWJTZWxlY3RvcnMuRk9DVVNfVklTSUJMRSArIFRhYlNlbGVjdG9ycy5CRUZPUkVdOiB7XG4gICAgY29udGVudDogJ1wiXCInLFxuICAgIGJvcmRlcjogMixcbiAgICBib3JkZXJDb2xvcjogJ3ByaW1hcnknLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGluc2V0OiAwLFxuICAgIHpJbmRleDogMCxcbiAgICBib3JkZXJSYWRpdXNUb3A6ICdtZCcsXG4gICAgYm9yZGVyUmFkaXVzQm90dG9tOiAnbm9uZScsXG4gIH0sXG59IGFzIGNvbnN0O1xuXG5leHBvcnQgY29uc3QgdGFiVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgYmFzZToge1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIGJvcmRlclJhZGl1czogJ25vbmUnLFxuICAgIHB4OiAyNCxcbiAgICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gICAgY29sb3I6ICd0ZXh0JyxcbiAgICBmb250OiAnaW5oZXJpdCcsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgekluZGV4OiAxLFxuICAgIFtUYWJTZWxlY3RvcnMuRElTQUJMRURdOiB7XG4gICAgICBvcGFjaXR5OiAwLjI1LFxuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgIH0sXG4gICAgLi4uZm9jdXNWaXNpYmxlU3R5bGVzLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIHN0YW5kYXJkOiB7XG4gICAgICBiYWNrZ3JvdW5kOiAnbm9uZScsXG4gICAgICBib3JkZXJDb2xvcjogJ2JvcmRlci1wcmltYXJ5JyxcbiAgICAgIGJvcmRlckxlZnQ6ICdub25lJyxcbiAgICAgIGJvcmRlclJpZ2h0OiAnbm9uZScsXG4gICAgICBib3JkZXJUb3A6ICdub25lJyxcbiAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiAnc29saWQnLFxuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBmb250U2l6ZTogMTYsXG4gICAgICBmb250V2VpZ2h0OiA0MDAsXG4gICAgICBwdDogMTIsXG4gICAgICBwYjogMTEgYXMgMTIsIC8vIGJvcmRlciArIHBhZGRpbmcgPSAxMnB4XG4gICAgICBbVGFiU2VsZWN0b3JzLkhPVkVSXToge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQtc2VsZWN0ZWQnLFxuICAgICAgfSxcbiAgICAgIFtUYWJTZWxlY3RvcnMuU0VMRUNURURdOiB7XG4gICAgICAgIC4uLnRhYlNlbGVjdGVkU3R5bGVzLFxuICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICB9LFxuICAgIH0sXG4gICAgYmxvY2s6IHtcbiAgICAgIGZvbnRXZWlnaHQ6ICdub3JtYWwnLFxuICAgICAgZm9udFNpemU6IDE0LFxuICAgICAgcHk6IDEyLFxuICAgICAgW1RhYlNlbGVjdG9ycy5TRUxFQ1RFRF06IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgICAgICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCB0YWJTdGF0ZXMgPSBzdGF0ZXMoe1xuICBzZWxlY3RlZDoge1xuICAgIC4uLnRhYlNlbGVjdGVkU3R5bGVzLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBUYWJCdXR0b24gPSBzdHlsZWQoQnV0dG9uQmFzZSk8VGFiQnV0dG9uUHJvcHM+KFxuICB0YWJWYXJpYW50cyxcbiAgdGFiU3RhdGVzLFxuICB0YWJFbGVtZW50QmFzZVByb3BzXG4pO1xuIl19 */");

package/dist/Tabs/TabNav.d.ts

@@ -1,8 +1,9 @@
 import { StyleProps } from '@codecademy/variance';
-import type { ComponentType } from 'react';
-import type { ComponentPropsWithoutRef } from 'react';
 import { TabElementStyleProps } from './props';
 import { tabContainerStates, tabContainerVariants } from './styles';
-export interface TabNavProps extends StyleProps<typeof tabContainerVariants>, StyleProps<typeof tabContainerStates>, TabElementStyleProps, ComponentPropsWithoutRef<'nav'> {
+export interface TabNavProps extends StyleProps<typeof tabContainerVariants>, StyleProps<typeof tabContainerStates>, TabElementStyleProps {
 }
-export declare const TabNav: ComponentType<TabNavProps>;
+export declare const TabNav: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TabNavProps, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLElement>>, {}>;

package/dist/Tabs/TabNav.js

@@ -3,8 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { styledOptions } from '@codecademy/gamut-styles';
 import { tabElementBaseProps } from './props';
 import { tabContainerStates, tabContainerVariants } from './styles';
-const StyledTabNav = /*#__PURE__*/_styled('nav', _extends({}, {
+export const TabNav = /*#__PURE__*/_styled('nav', _extends({}, {
   target: "e14iwrk40",
-  label: "StyledTabNav"
-}, styledOptions()))(tabElementBaseProps, tabContainerVariants, tabContainerStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYk5hdi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXFCIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWJzL1RhYk5hdi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZWRPcHRpb25zIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzV2l0aG91dFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdGFiRWxlbWVudEJhc2VQcm9wcywgVGFiRWxlbWVudFN0eWxlUHJvcHMgfSBmcm9tICcuL3Byb3BzJztcbmltcG9ydCB7IHRhYkNvbnRhaW5lclN0YXRlcywgdGFiQ29udGFpbmVyVmFyaWFudHMgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiTmF2UHJvcHNcbiAgZXh0ZW5kcyBTdHlsZVByb3BzPHR5cGVvZiB0YWJDb250YWluZXJWYXJpYW50cz4sXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgdGFiQ29udGFpbmVyU3RhdGVzPixcbiAgICBUYWJFbGVtZW50U3R5bGVQcm9wcyxcbiAgICBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J25hdic+IHt9XG5cbmNvbnN0IFN0eWxlZFRhYk5hdiA9IHN0eWxlZCgnbmF2Jywgc3R5bGVkT3B0aW9uczwnbmF2Jz4oKSk8VGFiTmF2UHJvcHM+KFxuICB0YWJFbGVtZW50QmFzZVByb3BzLFxuICB0YWJDb250YWluZXJWYXJpYW50cyxcbiAgdGFiQ29udGFpbmVyU3RhdGVzXG4pO1xuXG5leHBvcnQgY29uc3QgVGFiTmF2ID0gU3R5bGVkVGFiTmF2IGFzIHVua25vd24gYXMgQ29tcG9uZW50VHlwZTxUYWJOYXZQcm9wcz47XG4iXX0= */");
-export const TabNav = StyledTabNav;
+  label: "TabNav"
+}, styledOptions()))(tabElementBaseProps, tabContainerVariants, tabContainerStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYk5hdi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNCIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWJzL1RhYk5hdi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZWRPcHRpb25zIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRhYkVsZW1lbnRCYXNlUHJvcHMsIFRhYkVsZW1lbnRTdHlsZVByb3BzIH0gZnJvbSAnLi9wcm9wcyc7XG5pbXBvcnQgeyB0YWJDb250YWluZXJTdGF0ZXMsIHRhYkNvbnRhaW5lclZhcmlhbnRzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYk5hdlByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgdGFiQ29udGFpbmVyVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIHRhYkNvbnRhaW5lclN0YXRlcz4sXG4gICAgVGFiRWxlbWVudFN0eWxlUHJvcHMge31cblxuZXhwb3J0IGNvbnN0IFRhYk5hdiA9IHN0eWxlZCgnbmF2Jywgc3R5bGVkT3B0aW9uczwnbmF2Jz4oKSk8VGFiTmF2UHJvcHM+KFxuICB0YWJFbGVtZW50QmFzZVByb3BzLFxuICB0YWJDb250YWluZXJWYXJpYW50cyxcbiAgdGFiQ29udGFpbmVyU3RhdGVzXG4pO1xuIl19 */");

package/dist/Tabs/TabNavLink.d.ts

@@ -1,8 +1,18 @@
-import type { ComponentProps, ComponentType } from 'react';
-declare const StyledTabNavLink: import("@emotion/styled").StyledComponent<import("./TabButton").TabButtonProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-/** Props for TabNavLink. Use when wrapping or composing TabNavLink. */
-export type TabNavLinkProps = ComponentProps<typeof StyledTabNavLink>;
-export declare const TabNavLink: ComponentType<TabNavLinkProps>;
+import { ComponentProps } from 'react';
+declare const StyledTabNavLink: import("@emotion/styled").StyledComponent<(Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+} & import("./TabButton").TabButtonProps) | (Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+} & import("./TabButton").TabButtonProps), {}, {}>;
+export declare const TabNavLink: React.FC<ComponentProps<typeof StyledTabNavLink>>;
 export {};

package/dist/Tabs/TabNavLink.js

@@ -4,10 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const StyledTabNavLink = /*#__PURE__*/_styled(TabButton, {
   target: "e1i5j2n60",
   label: "StyledTabNavLink"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYk5hdkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJOYXZMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIENvbXBvbmVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRhYkJ1dHRvbiB9IGZyb20gJy4vVGFiQnV0dG9uJztcblxuY29uc3QgU3R5bGVkVGFiTmF2TGluayA9IHN0eWxlZChUYWJCdXR0b24pKCk7XG5cbi8qKiBQcm9wcyBmb3IgVGFiTmF2TGluay4gVXNlIHdoZW4gd3JhcHBpbmcgb3IgY29tcG9zaW5nIFRhYk5hdkxpbmsuICovXG5leHBvcnQgdHlwZSBUYWJOYXZMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgU3R5bGVkVGFiTmF2TGluaz47XG5cbmV4cG9ydCBjb25zdCBUYWJOYXZMaW5rOiBDb21wb25lbnRUeXBlPFRhYk5hdkxpbmtQcm9wcz4gPSAoe1xuICB2YXJpYW50ID0gJ3N0YW5kYXJkJyxcbiAgcm9sZSA9ICd0YWInLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiA8U3R5bGVkVGFiTmF2TGluayByb2xlPXtyb2xlfSB2YXJpYW50PXt2YXJpYW50fSB7Li4ucmVzdH0gLz47XG59O1xuIl19 */");
-
-/** Props for TabNavLink. Use when wrapping or composing TabNavLink. */
-
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYk5hdkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJOYXZMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUYWJCdXR0b24gfSBmcm9tICcuL1RhYkJ1dHRvbic7XG5cbmNvbnN0IFN0eWxlZFRhYk5hdkxpbmsgPSBzdHlsZWQoVGFiQnV0dG9uKSgpO1xuXG5leHBvcnQgY29uc3QgVGFiTmF2TGluazogUmVhY3QuRkM8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFN0eWxlZFRhYk5hdkxpbms+PiA9ICh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICByb2xlID0gJ3RhYicsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIDxTdHlsZWRUYWJOYXZMaW5rIHJvbGU9e3JvbGV9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5yZXN0fSAvPjtcbn07XG4iXX0= */");
 export const TabNavLink = ({
   variant = 'standard',
   role = 'tab',

package/dist/Tabs/TabPanels.d.ts

@@ -1,6 +1,7 @@
-import type { ComponentType } from 'react';
-import type { ComponentPropsWithoutRef } from 'react';
 import { TabElementStyleProps } from './props';
-export interface TabPanelsProps extends TabElementStyleProps, ComponentPropsWithoutRef<'div'> {
+export interface TabPanelsProps extends TabElementStyleProps {
 }
-export declare const TabPanels: ComponentType<TabPanelsProps>;
+export declare const TabPanels: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TabPanelsProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Tabs/TabPanels.js

@@ -1,7 +1,6 @@
 import _styled from "@emotion/styled/base";
 import { tabElementBaseProps } from './props';
-const StyledTabPanels = /*#__PURE__*/_styled('div', {
+export const TabPanels = /*#__PURE__*/_styled('div', {
   target: "ebokd7t0",
-  label: "StyledTabPanels"
-})(tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWJzL1RhYlBhbmVscy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFR5cGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzV2l0aG91dFJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdGFiRWxlbWVudEJhc2VQcm9wcywgVGFiRWxlbWVudFN0eWxlUHJvcHMgfSBmcm9tICcuL3Byb3BzJztcblxuZXhwb3J0IGludGVyZmFjZSBUYWJQYW5lbHNQcm9wc1xuICBleHRlbmRzIFRhYkVsZW1lbnRTdHlsZVByb3BzLFxuICAgIENvbXBvbmVudFByb3BzV2l0aG91dFJlZjwnZGl2Jz4ge31cblxuY29uc3QgU3R5bGVkVGFiUGFuZWxzID0gc3R5bGVkKCdkaXYnKTxUYWJQYW5lbHNQcm9wcz4odGFiRWxlbWVudEJhc2VQcm9wcyk7XG5cbmV4cG9ydCBjb25zdCBUYWJQYW5lbHMgPVxuICBTdHlsZWRUYWJQYW5lbHMgYXMgdW5rbm93biBhcyBDb21wb25lbnRUeXBlPFRhYlBhbmVsc1Byb3BzPjtcbiJdfQ== */");
-export const TabPanels = StyledTabPanels;
+  label: "TabPanels"
+})(tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYlBhbmVscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlCIiwiZmlsZSI6Ii4uLy4uL3NyYy9UYWJzL1RhYlBhbmVscy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRhYkVsZW1lbnRCYXNlUHJvcHMsIFRhYkVsZW1lbnRTdHlsZVByb3BzIH0gZnJvbSAnLi9wcm9wcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiUGFuZWxzUHJvcHMgZXh0ZW5kcyBUYWJFbGVtZW50U3R5bGVQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgVGFiUGFuZWxzID0gc3R5bGVkKCdkaXYnKTxUYWJQYW5lbHNQcm9wcz4odGFiRWxlbWVudEJhc2VQcm9wcyk7XG4iXX0= */");

package/dist/Tabs/TabProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TabContextProps {
     variant: 'standard' | 'block';
 }

package/dist/Tabs/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const tabContainerVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "block" | "standard"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const tabContainerStates: (props: Partial<Record<"fill", boolean>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;