@codecademy/gamut 72.2.2-alpha.dfb0a2.0 → 72.2.2-alpha.f96392.0

package/dist/Toggle/elements.d.ts

@@ -16,19 +16,19 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
 } & import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "medium"> & {
     theme?: import("@emotion/react").Theme;
 } & {
-    color?: import("@codecademy/variance").Scale<{
+    color?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "color";
         readonly scale: "colors";
     }>;
-    p?: import("@codecademy/variance").Scale<{
+    p?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
         readonly scale: "spacing";
     }>;
-    borderColor?: import("@codecademy/variance").Scale<{
+    borderColor?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
         readonly scale: "colors";
     }>;
-    px?: import("@codecademy/variance").Scale<{
+    px?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -37,7 +37,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    py?: import("@codecademy/variance").Scale<{
+    py?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -46,7 +46,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pt?: import("@codecademy/variance").Scale<{
+    pt?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingTop";
             readonly logical: "paddingBlockStart";
@@ -54,7 +54,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pb?: import("@codecademy/variance").Scale<{
+    pb?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingBottom";
             readonly logical: "paddingBlockEnd";
@@ -62,7 +62,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pr?: import("@codecademy/variance").Scale<{
+    pr?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingRight";
             readonly logical: "paddingInlineEnd";
@@ -70,7 +70,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pl?: import("@codecademy/variance").Scale<{
+    pl?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingLeft";
             readonly logical: "paddingInlineStart";
@@ -78,11 +78,11 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    m?: import("@codecademy/variance").Scale<{
+    m?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
         readonly scale: "spacing";
     }>;
-    mx?: import("@codecademy/variance").Scale<{
+    mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
         readonly properties: {
             readonly physical: readonly ["marginLeft", "marginRight"];
@@ -91,7 +91,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
-    my?: import("@codecademy/variance").Scale<{
+    my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
         readonly properties: {
             readonly physical: readonly ["marginTop", "marginBottom"];
@@ -100,7 +100,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
-    mt?: import("@codecademy/variance").Scale<{
+    mt?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginTop";
             readonly logical: "marginBlockStart";
@@ -108,7 +108,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    mb?: import("@codecademy/variance").Scale<{
+    mb?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginBottom";
             readonly logical: "marginBlockEnd";
@@ -116,7 +116,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    mr?: import("@codecademy/variance").Scale<{
+    mr?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginRight";
             readonly logical: "marginInlineEnd";
@@ -124,7 +124,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    ml?: import("@codecademy/variance").Scale<{
+    ml?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginLeft";
             readonly logical: "marginInlineStart";
@@ -132,15 +132,15 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    textColor?: import("@codecademy/variance").Scale<{
+    textColor?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "color";
         readonly scale: "colors";
     }>;
-    bg?: import("@codecademy/variance").Scale<{
+    bg?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "backgroundColor";
         readonly scale: "colors";
     }>;
-    borderColorX?: import("@codecademy/variance").Scale<{
+    borderColorX?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
         readonly properties: {
             readonly physical: readonly ["borderLeftColor", "borderRightColor"];
@@ -149,7 +149,7 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorY?: import("@codecademy/variance").Scale<{
+    borderColorY?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderColor";
         readonly properties: {
             readonly physical: readonly ["borderTopColor", "borderBottomColor"];
@@ -158,22 +158,22 @@ export declare const ToggleTrack: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorLeft?: import("@codecademy/variance").Scale<{
+    borderColorLeft?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderLeftColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorRight?: import("@codecademy/variance").Scale<{
+    borderColorRight?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderRightColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorTop?: import("@codecademy/variance").Scale<{
+    borderColorTop?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderTopColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
     }>;
-    borderColorBottom?: import("@codecademy/variance").Scale<{
+    borderColorBottom?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "borderBottomColor";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "colors";
@@ -196,11 +196,11 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
 } & Partial<Record<"disabled" | "labelRight", boolean>> & {
     theme?: import("@emotion/react").Theme;
 } & {
-    p?: import("@codecademy/variance").Scale<{
+    p?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
         readonly scale: "spacing";
     }>;
-    px?: import("@codecademy/variance").Scale<{
+    px?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingLeft", "paddingRight"];
@@ -209,7 +209,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    py?: import("@codecademy/variance").Scale<{
+    py?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "padding";
         readonly properties: {
             readonly physical: readonly ["paddingTop", "paddingBottom"];
@@ -218,7 +218,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pt?: import("@codecademy/variance").Scale<{
+    pt?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingTop";
             readonly logical: "paddingBlockStart";
@@ -226,7 +226,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pb?: import("@codecademy/variance").Scale<{
+    pb?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingBottom";
             readonly logical: "paddingBlockEnd";
@@ -234,7 +234,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pr?: import("@codecademy/variance").Scale<{
+    pr?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingRight";
             readonly logical: "paddingInlineEnd";
@@ -242,7 +242,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    pl?: import("@codecademy/variance").Scale<{
+    pl?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "paddingLeft";
             readonly logical: "paddingInlineStart";
@@ -250,11 +250,11 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    m?: import("@codecademy/variance").Scale<{
+    m?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
         readonly scale: "spacing";
     }>;
-    mx?: import("@codecademy/variance").Scale<{
+    mx?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
         readonly properties: {
             readonly physical: readonly ["marginLeft", "marginRight"];
@@ -263,7 +263,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
-    my?: import("@codecademy/variance").Scale<{
+    my?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "margin";
         readonly properties: {
             readonly physical: readonly ["marginTop", "marginBottom"];
@@ -272,7 +272,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly scale: "spacing";
     }>;
-    mt?: import("@codecademy/variance").Scale<{
+    mt?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginTop";
             readonly logical: "marginBlockStart";
@@ -280,7 +280,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    mb?: import("@codecademy/variance").Scale<{
+    mb?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginBottom";
             readonly logical: "marginBlockEnd";
@@ -288,7 +288,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    mr?: import("@codecademy/variance").Scale<{
+    mr?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginRight";
             readonly logical: "marginInlineEnd";
@@ -296,7 +296,7 @@ export declare const ToggleLabel: import("@emotion/styled").StyledComponent<{
         readonly scale: "spacing";
         readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
     }>;
-    ml?: import("@codecademy/variance").Scale<{
+    ml?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: {
             readonly physical: "marginLeft";
             readonly logical: "marginInlineStart";

package/dist/Typography/Text.d.ts

@@ -1,6 +1,4 @@
 import { StyleProps } from '@codecademy/variance';
-import { typographyElementVariants, typographyStyleVariants, typographyUtilities } from './variants';
-export { typographyElementVariants, typographyStyleVariants, typographyUtilities, };
 declare const displayVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "title-xxl" | "title-xl" | "title-lg" | "title-md" | "title-sm" | "title-xs" | "p-base" | "p-small" | "p-large"> & {
     theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
@@ -385,3 +383,4 @@ export declare const Text: import("react").ForwardRefExoticComponent<(Omit<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & TextNoTruncateProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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<HTMLSpanElement>>, "ref">) & import("react").RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/Typography/Text.js

@@ -3,9 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import { states, styledOptions, system, variant } from '@codecademy/gamut-styles';
 import { variance } from '@codecademy/variance';
 import { forwardRef } from 'react';
-import { typographyElementVariants, typographyStyleVariants, typographyUtilities } from './variants';
+import { typographyElementVariants, typographyStyleVariants } from './variants';
 import { jsx as _jsx } from "react/jsx-runtime";
-export { typographyElementVariants, typographyStyleVariants, typographyUtilities };
 const displayVariants = variant({
   variants: typographyStyleVariants
 });
@@ -111,7 +110,7 @@ const textProps = variance.compose(system.layout, system.typography, system.colo
 const StyledText = /*#__PURE__*/_styled('span', _extends({}, {
   target: "e8i0p5k0",
   label: "StyledText"
-}, styledOptions()))(elementVariants, truncateVariants, displayVariants, textStates, textProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UeXBvZ3JhcGh5L1RleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVKbUIiLCJmaWxlIjoiLi4vLi4vc3JjL1R5cG9ncmFwaHkvVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzdGF0ZXMsXG4gIHN0eWxlZE9wdGlvbnMsXG4gIHN5c3RlbSxcbiAgdmFyaWFudCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMsIHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIHR5cG9ncmFwaHlFbGVtZW50VmFyaWFudHMsXG4gIHR5cG9ncmFwaHlTdHlsZVZhcmlhbnRzLFxuICB0eXBvZ3JhcGh5VXRpbGl0aWVzLFxufSBmcm9tICcuL3ZhcmlhbnRzJztcblxuZXhwb3J0IHtcbiAgdHlwb2dyYXBoeUVsZW1lbnRWYXJpYW50cyxcbiAgdHlwb2dyYXBoeVN0eWxlVmFyaWFudHMsXG4gIHR5cG9ncmFwaHlVdGlsaXRpZXMsXG59O1xuXG5jb25zdCBkaXNwbGF5VmFyaWFudHMgPSB2YXJpYW50KHtcbiAgdmFyaWFudHM6IHR5cG9ncmFwaHlTdHlsZVZhcmlhbnRzLFxufSk7XG5cbmNvbnN0IGVsZW1lbnRWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnYXMnLFxuICB2YXJpYW50czogdHlwb2dyYXBoeUVsZW1lbnRWYXJpYW50cyxcbn0pO1xuXG5jb25zdCB0cnVuY2F0ZVZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICd0cnVuY2F0ZScsXG4gIHZhcmlhbnRzOiB7XG4gICAgZWxsaXBzaXM6IHtcbiAgICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICB9LFxuICAgIGZhZGU6IHtcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgdGV4dE92ZXJmbG93OiAnY2xpcCcsXG4gICAgICAnJjphZnRlcic6IHtcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdGV4dENvbG9yOiAnYmFja2dyb3VuZC1jdXJyZW50JyxcbiAgICAgICAgaW5zZXQ6IDAsXG4gICAgICAgIGxlZnQ6IDAuNjUsXG4gICAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgICAgJ2xpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiYSgwLCAwLCAwLCAwKSwgY3VycmVudENvbG9yIDc1JSknLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IHRydW5jYXRlTGluZXNTY2FsZSA9IHsgMTogMSwgMjogMiwgMzogMywgNDogNCwgNTogNSB9O1xuXG5jb25zdCB0cnVuY2F0ZUxpbmVzUHJvcHMgPSB2YXJpYW5jZS5jcmVhdGUoe1xuICB0cnVuY2F0ZUxpbmVzOiB7XG4gICAgc2NhbGU6IHRydW5jYXRlTGluZXNTY2FsZSxcbiAgICBwcm9wZXJ0eTogJ2FsbCcsXG4gICAgdHJhbnNmb3JtOiAodHJ1bmNhdGVMaW5lczogbnVtYmVyKSA9PlxuICAgICAgdHJ1bmNhdGVMaW5lcyA9PT0gMVxuICAgICAgICA/IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgICAgICAgIH1cbiAgICAgICAgOiB7XG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICBkaXNwbGF5OiAnLXdlYmtpdC1ib3gnLFxuICAgICAgICAgICAgV2Via2l0Qm94T3JpZW50OiAndmVydGljYWwnLFxuICAgICAgICAgICAgV2Via2l0TGluZUNsYW1wOiB0cnVuY2F0ZUxpbmVzLFxuICAgICAgICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgICAgICAgIHRvcDogYCR7MTAwIC0gMTAwIC8gdHJ1bmNhdGVMaW5lc30lYCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCB0ZXh0U3RhdGVzID0gc3RhdGVzKHtcbiAgY2VudGVyOiB7XG4gICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgfSxcbiAgYmxvY2s6IHtcbiAgICBkaXNwbGF5OiAnYmxvY2snLFxuICB9LFxuICBoaWdobGlnaHQ6IHtcbiAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgbWluV2lkdGg6ICcwLjRyZW0nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogMSxcbiAgICAvLyB0aGUgdGV4dCBpcyBtb3JlIGxlZ2libGUgYWdhaW5zdCB0aGUgYmFja2dyb3VuZCBjb2xvciB3aXRoIHRleHQgc21vb3RoaW5nXG4gICAgTW96T3N4Rm9udFNtb290aGluZzogJ2dyYXlzY2FsZScsXG4gICAgV2Via2l0Rm9udFNtb290aGluZzogJ2FudGlhbGlhc2VkJyxcbiAgICAnJjphZnRlcic6IHtcbiAgICAgIGJnOiAncHJpbWFyeS1pbnZlcnNlJyxcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICBoZWlnaHQ6ICczMi41JScsXG4gICAgICBsZWZ0OiAnMCcsXG4gICAgICBtbDogJy0wLjJyZW0nIGFzIGFueSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgdG9wOiAnNTAlJyxcbiAgICAgIHdpZHRoOiAnY2FsYygxMDAlICsgMC40cmVtKScsXG4gICAgICB6SW5kZXg6IC0xLFxuICAgIH0sXG4gIH0sXG4gIHNjcmVlbnJlYWRlcjoge1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgIGhlaWdodDogJzFweCcsXG4gICAgd2lkdGg6ICcxcHgnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICBsZWZ0OiAtOTk5OSxcbiAgICBwOiAwLFxuICAgIG06IDAsXG4gICAgYm9yZGVyOiAnbm9uZScsXG4gIH0sXG4gIHNtb290aDoge1xuICAgIFdlYmtpdEZvbnRTbW9vdGhpbmc6ICdhbnRpYWxpYXNlZCcsXG4gICAgTW96T3N4Rm9udFNtb290aGluZzogJ2dyYXlzY2FsZScsXG4gIH0sXG59KTtcblxuY29uc3QgdGV4dFByb3BzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLnR5cG9ncmFwaHksXG4gIHN5c3RlbS5jb2xvcixcbiAgc3lzdGVtLnNwYWNlLFxuICB0cnVuY2F0ZUxpbmVzUHJvcHNcbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZVRleHRQcm9wc1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIHRleHRQcm9wcz4sXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgdGV4dFN0YXRlcz4sXG4gICAgU3R5bGVQcm9wczx0eXBlb2YgZWxlbWVudFZhcmlhbnRzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiB0cnVuY2F0ZVZhcmlhbnRzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBkaXNwbGF5VmFyaWFudHM+IHt9XG5cbi8vIGlmIHlvdSdyZSBnb2luZyB0byB0cnVuY2F0ZSwgeW91IG5lZWQgdG8gcHJvdmlkZSBib3RoIG9mIHRoZXNlIHByb3BzIG9yIG5laXRoZXJcbmV4cG9ydCBpbnRlcmZhY2UgVGV4dFRydW5jYXRlUHJvcHMgZXh0ZW5kcyBCYXNlVGV4dFByb3BzIHtcbiAgdHJ1bmNhdGVMaW5lczogRXhjbHVkZTxCYXNlVGV4dFByb3BzWyd0cnVuY2F0ZUxpbmVzJ10sIHVuZGVmaW5lZD47XG4gIHRydW5jYXRlOiBFeGNsdWRlPEJhc2VUZXh0UHJvcHNbJ3RydW5jYXRlJ10sIGZhbHNlIHwgdW5kZWZpbmVkPjtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgVGV4dE5vVHJ1bmNhdGVQcm9wcyBleHRlbmRzIEJhc2VUZXh0UHJvcHMge1xuICB0cnVuY2F0ZUxpbmVzPzogbmV2ZXI7XG4gIHRydW5jYXRlPzogbmV2ZXI7XG59XG5cbmV4cG9ydCB0eXBlIFRleHRQcm9wcyA9IFRleHRUcnVuY2F0ZVByb3BzIHwgVGV4dE5vVHJ1bmNhdGVQcm9wcztcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZCgnc3BhbicsIHN0eWxlZE9wdGlvbnM8J3NwYW4nPigpKTxUZXh0UHJvcHM+KFxuICBlbGVtZW50VmFyaWFudHMsXG4gIHRydW5jYXRlVmFyaWFudHMsXG4gIGRpc3BsYXlWYXJpYW50cyxcbiAgdGV4dFN0YXRlcyxcbiAgdGV4dFByb3BzXG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IGZvcndhcmRSZWY8XG4gIEhUTUxTcGFuRWxlbWVudCxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFN0eWxlZFRleHQ+XG4+KCh7IGFzID0gJ3NwYW4nLCBtID0gMCwgLi4ucmVzdCB9LCByZWYpID0+IChcbiAgPFN0eWxlZFRleHQgYXM9e2FzfSBtPXttfSByZWY9e3JlZn0gey4uLnJlc3R9IC8+XG4pKTtcbiJdfQ== */");
+}, styledOptions()))(elementVariants, truncateVariants, displayVariants, textStates, textProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UeXBvZ3JhcGh5L1RleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZJbUIiLCJmaWxlIjoiLi4vLi4vc3JjL1R5cG9ncmFwaHkvVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzdGF0ZXMsXG4gIHN0eWxlZE9wdGlvbnMsXG4gIHN5c3RlbSxcbiAgdmFyaWFudCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMsIHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHR5cG9ncmFwaHlFbGVtZW50VmFyaWFudHMsIHR5cG9ncmFwaHlTdHlsZVZhcmlhbnRzIH0gZnJvbSAnLi92YXJpYW50cyc7XG5cbmNvbnN0IGRpc3BsYXlWYXJpYW50cyA9IHZhcmlhbnQoe1xuICB2YXJpYW50czogdHlwb2dyYXBoeVN0eWxlVmFyaWFudHMsXG59KTtcblxuY29uc3QgZWxlbWVudFZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdhcycsXG4gIHZhcmlhbnRzOiB0eXBvZ3JhcGh5RWxlbWVudFZhcmlhbnRzLFxufSk7XG5cbmNvbnN0IHRydW5jYXRlVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgcHJvcDogJ3RydW5jYXRlJyxcbiAgdmFyaWFudHM6IHtcbiAgICBlbGxpcHNpczoge1xuICAgICAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICAgIH0sXG4gICAgZmFkZToge1xuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICB0ZXh0T3ZlcmZsb3c6ICdjbGlwJyxcbiAgICAgICcmOmFmdGVyJzoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0ZXh0Q29sb3I6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgICBpbnNldDogMCxcbiAgICAgICAgbGVmdDogMC42NSxcbiAgICAgICAgYmFja2dyb3VuZDpcbiAgICAgICAgICAnbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCByZ2JhKDAsIDAsIDAsIDApLCBjdXJyZW50Q29sb3IgNzUlKScsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgdHJ1bmNhdGVMaW5lc1NjYWxlID0geyAxOiAxLCAyOiAyLCAzOiAzLCA0OiA0LCA1OiA1IH07XG5cbmNvbnN0IHRydW5jYXRlTGluZXNQcm9wcyA9IHZhcmlhbmNlLmNyZWF0ZSh7XG4gIHRydW5jYXRlTGluZXM6IHtcbiAgICBzY2FsZTogdHJ1bmNhdGVMaW5lc1NjYWxlLFxuICAgIHByb3BlcnR5OiAnYWxsJyxcbiAgICB0cmFuc2Zvcm06ICh0cnVuY2F0ZUxpbmVzOiBudW1iZXIpID0+XG4gICAgICB0cnVuY2F0ZUxpbmVzID09PSAxXG4gICAgICAgID8ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgICAgfVxuICAgICAgICA6IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgIGRpc3BsYXk6ICctd2Via2l0LWJveCcsXG4gICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6ICd2ZXJ0aWNhbCcsXG4gICAgICAgICAgICBXZWJraXRMaW5lQ2xhbXA6IHRydW5jYXRlTGluZXMsXG4gICAgICAgICAgICAnJjphZnRlcic6IHtcbiAgICAgICAgICAgICAgdG9wOiBgJHsxMDAgLSAxMDAgLyB0cnVuY2F0ZUxpbmVzfSVgLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICB9LFxufSk7XG5cbmNvbnN0IHRleHRTdGF0ZXMgPSBzdGF0ZXMoe1xuICBjZW50ZXI6IHtcbiAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICB9LFxuICBibG9jazoge1xuICAgIGRpc3BsYXk6ICdibG9jaycsXG4gIH0sXG4gIGhpZ2hsaWdodDoge1xuICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICBtaW5XaWR0aDogJzAuNHJlbScsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgekluZGV4OiAxLFxuICAgIC8vIHRoZSB0ZXh0IGlzIG1vcmUgbGVnaWJsZSBhZ2FpbnN0IHRoZSBiYWNrZ3JvdW5kIGNvbG9yIHdpdGggdGV4dCBzbW9vdGhpbmdcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgICBXZWJraXRGb250U21vb3RoaW5nOiAnYW50aWFsaWFzZWQnLFxuICAgICcmOmFmdGVyJzoge1xuICAgICAgYmc6ICdwcmltYXJ5LWludmVyc2UnLFxuICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgIGhlaWdodDogJzMyLjUlJyxcbiAgICAgIGxlZnQ6ICcwJyxcbiAgICAgIG1sOiAnLTAuMnJlbScgYXMgYW55LFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6ICc1MCUnLFxuICAgICAgd2lkdGg6ICdjYWxjKDEwMCUgKyAwLjRyZW0pJyxcbiAgICAgIHpJbmRleDogLTEsXG4gICAgfSxcbiAgfSxcbiAgc2NyZWVucmVhZGVyOiB7XG4gICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICB3aWR0aDogJzFweCcsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgIGxlZnQ6IC05OTk5LFxuICAgIHA6IDAsXG4gICAgbTogMCxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgfSxcbiAgc21vb3RoOiB7XG4gICAgV2Via2l0Rm9udFNtb290aGluZzogJ2FudGlhbGlhc2VkJyxcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgfSxcbn0pO1xuXG5jb25zdCB0ZXh0UHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0udHlwb2dyYXBoeSxcbiAgc3lzdGVtLmNvbG9yLFxuICBzeXN0ZW0uc3BhY2UsXG4gIHRydW5jYXRlTGluZXNQcm9wc1xuKTtcblxuZXhwb3J0IGludGVyZmFjZSBCYXNlVGV4dFByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgdGV4dFByb3BzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiB0ZXh0U3RhdGVzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiBlbGVtZW50VmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIHRydW5jYXRlVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIGRpc3BsYXlWYXJpYW50cz4ge31cblxuLy8gaWYgeW91J3JlIGdvaW5nIHRvIHRydW5jYXRlLCB5b3UgbmVlZCB0byBwcm92aWRlIGJvdGggb2YgdGhlc2UgcHJvcHMgb3IgbmVpdGhlclxuZXhwb3J0IGludGVyZmFjZSBUZXh0VHJ1bmNhdGVQcm9wcyBleHRlbmRzIEJhc2VUZXh0UHJvcHMge1xuICB0cnVuY2F0ZUxpbmVzOiBFeGNsdWRlPEJhc2VUZXh0UHJvcHNbJ3RydW5jYXRlTGluZXMnXSwgdW5kZWZpbmVkPjtcbiAgdHJ1bmNhdGU6IEV4Y2x1ZGU8QmFzZVRleHRQcm9wc1sndHJ1bmNhdGUnXSwgZmFsc2UgfCB1bmRlZmluZWQ+O1xufVxuZXhwb3J0IGludGVyZmFjZSBUZXh0Tm9UcnVuY2F0ZVByb3BzIGV4dGVuZHMgQmFzZVRleHRQcm9wcyB7XG4gIHRydW5jYXRlTGluZXM/OiBuZXZlcjtcbiAgdHJ1bmNhdGU/OiBuZXZlcjtcbn1cblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0gVGV4dFRydW5jYXRlUHJvcHMgfCBUZXh0Tm9UcnVuY2F0ZVByb3BzO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKCdzcGFuJywgc3R5bGVkT3B0aW9uczwnc3Bhbic+KCkpPFRleHRQcm9wcz4oXG4gIGVsZW1lbnRWYXJpYW50cyxcbiAgdHJ1bmNhdGVWYXJpYW50cyxcbiAgZGlzcGxheVZhcmlhbnRzLFxuICB0ZXh0U3RhdGVzLFxuICB0ZXh0UHJvcHNcbik7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gZm9yd2FyZFJlZjxcbiAgSFRNTFNwYW5FbGVtZW50LFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgU3R5bGVkVGV4dD5cbj4oKHsgYXMgPSAnc3BhbicsIG0gPSAwLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICA8U3R5bGVkVGV4dCBhcz17YXN9IG09e219IHJlZj17cmVmfSB7Li4ucmVzdH0gLz5cbikpO1xuIl19 */");
 export const Text = /*#__PURE__*/forwardRef(({
   as = 'span',
   m = 0,

package/dist/Video/lib/VidstackPlayer.d.ts

@@ -1,4 +1,4 @@
-import '../styles/vds_base_theme.scss';
+import '../vidstack-vendor.css';
 import React from 'react';
 import { VideoProps } from '..';
 type VidstackPlayerProps = VideoProps & {

package/dist/Video/lib/VidstackPlayer.js

@@ -1,11 +1,16 @@
 import _styled from "@emotion/styled/base";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Third-party Vidstack default theme styles */
 /* eslint-disable gamut/no-css-standalone */
-import '../styles/vds_base_theme.scss';
+import '../vidstack-vendor.css';
+
+/* eslint-enable gamut/no-css-standalone */
 import { styledOptions } from '@codecademy/gamut-styles';
+import { Global } from '@emotion/react';
 import { isYouTubeProvider, MediaPlayer, MediaProvider, Poster, Track, useMediaRemote, useMediaState } from '@vidstack/react';
 import React, { useRef, createElement as _createElement } from 'react';
 import { Box } from '../../Box';
+import { vdsBaseThemeStyles } from '../styles';
 import { keyboardShortcuts } from './utils/constants';
 import { vdsVariables } from './utils/variables';
 import { VideoLayout } from './VideoLayout';
@@ -15,7 +20,7 @@ const VariableProvider = /*#__PURE__*/_styled(Box, _extends({}, {
   label: "VariableProvider"
 }, styledOptions(['variables'])))(({
   variables
-}) => variables, "width:100%;height:100%;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWRlby9saWIvVmlkc3RhY2tQbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZGVvL2xpYi9WaWRzdGFja1BsYXllci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBnYW11dC9uby1jc3Mtc3RhbmRhbG9uZSAqL1xuaW1wb3J0ICcuLi9zdHlsZXMvdmRzX2Jhc2VfdGhlbWUuc2Nzcyc7XG5cbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCwgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgaXNZb3VUdWJlUHJvdmlkZXIsXG4gIE1lZGlhUGxheWVyLFxuICBNZWRpYVBsYXllckluc3RhbmNlLFxuICBNZWRpYVByb3ZpZGVyLFxuICBNZWRpYVByb3ZpZGVyQWRhcHRlcixcbiAgUG9zdGVyLFxuICBUcmFjayxcbiAgdXNlTWVkaWFSZW1vdGUsXG4gIHVzZU1lZGlhU3RhdGUsXG59IGZyb20gJ0B2aWRzdGFjay9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgVmlkZW9Qcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IGtleWJvYXJkU2hvcnRjdXRzIH0gZnJvbSAnLi91dGlscy9jb25zdGFudHMnO1xuaW1wb3J0IHsgdmRzVmFyaWFibGVzIH0gZnJvbSAnLi91dGlscy92YXJpYWJsZXMnO1xuaW1wb3J0IHsgVmlkZW9MYXlvdXQgfSBmcm9tICcuL1ZpZGVvTGF5b3V0JztcblxuY29uc3QgVmFyaWFibGVQcm92aWRlciA9IHN0eWxlZChCb3gsIHN0eWxlZE9wdGlvbnMoWyd2YXJpYWJsZXMnXSkpPHtcbiAgdmFyaWFibGVzPzogQ1NTT2JqZWN0O1xufT4oKHsgdmFyaWFibGVzIH0pID0+IHZhcmlhYmxlcywge1xuICB3aWR0aDogJzEwMCUnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG59KTtcblxudHlwZSBWaWRzdGFja1BsYXllclByb3BzID0gVmlkZW9Qcm9wcyAmIHtcbiAgb25Mb2FkOiAoKSA9PiB2b2lkO1xufTtcbmV4cG9ydCBjb25zdCBWaWRzdGFja1BsYXllcjogUmVhY3QuRkM8Vmlkc3RhY2tQbGF5ZXJQcm9wcz4gPSAoe1xuICBhdXRvcGxheSA9IGZhbHNlLFxuICBjb250cm9scyA9IHRydWUsXG4gIGxvb3AgPSBmYWxzZSxcbiAgbXV0ZWQgPSBmYWxzZSxcbiAgb25QbGF5LFxuICBvblJlYWR5LFxuICBvbkxvYWQsXG4gIHBsYWNlaG9sZGVySW1hZ2UsXG4gIHZpZGVvVGl0bGUsXG4gIHZpZGVvVXJsLFxuICB0ZXh0VHJhY2tzLFxuICB0aHVtYm5haWxzLFxuICB0cmFuc2xhdGlvbnMsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc2hvd0RlZmF1bHRQcm92aWRlckNvbnRyb2xzID0gZmFsc2UsXG59KSA9PiB7XG4gIGNvbnN0IHBsYXllciA9IHVzZVJlZjxNZWRpYVBsYXllckluc3RhbmNlPihudWxsKTtcbiAgY29uc3QgcGF1c2VkID0gdXNlTWVkaWFTdGF0ZSgncGF1c2VkJywgcGxheWVyKTtcbiAgY29uc3QgbWVkaWFSZW1vdGUgPSB1c2VNZWRpYVJlbW90ZShwbGF5ZXIpO1xuXG4gIC8qKlxuICAgKiAhV29ya2Fyb3VuZCBmb3IgVmlkc3RhY2sgWW91dHViZSBQcm92aWRlciBpc3N1ZSB3aXRoIG5hdGl2ZSBjb250cm9scyFcbiAgICogKE5vdCBuZWVkZWQgd2l0aCBDdXN0b20gQ29udHJvbHMgaS5lIHdoZW4gY29udHJvbHMgcHJvcHMgaXMgbm90IHNldCB0byB0cnVlIGluIDxNZWRpYVBsYXllcj4pXG4gICAqIFdoZW4gdGhlIHByb3ZpZGVyIGNoYW5nZXMgb3IgcGxheWVyIGlzIGluIHdhaXRpbmcgc3RhdGUsIHdlIG5lZWQgdG8gZm9yY2UgcmUtcGxheSB0aGUgdmlkZW8uXG4gICAqIFRoaXMgaXMgYmVjYXVzZSBvZiBhbiBpc3N1ZSBpbiBWaWRzdGFjayB3aGVyZSBZb3V0dWJlIHZpZGVvcyB3aXRoIG5hdGl2ZSBjb250cm9scyBrZWVwcyBwYXVzaW5nLlxuICAgKi9cbiAgY29uc3Qgb25Qcm92aWRlckNoYW5nZSA9IGFzeW5jIChwcm92aWRlcjogTWVkaWFQcm92aWRlckFkYXB0ZXIgfCBudWxsKSA9PiB7XG4gICAgaWYgKGlzWW91VHViZVByb3ZpZGVyKHByb3ZpZGVyKSkge1xuICAgICAgYXdhaXQgcHJvdmlkZXIucGxheSgpO1xuICAgIH1cbiAgfTtcbiAgY29uc3Qgb25QbGF5ZXJXYWl0aW5nID0gKCkgPT4ge1xuICAgIGlmIChpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXIuY3VycmVudD8ucHJvdmlkZXIpICYmIHBhdXNlZCkge1xuICAgICAgbWVkaWFSZW1vdGU/LnRvZ2dsZVBhdXNlZCgpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxWYXJpYWJsZVByb3ZpZGVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgIHN0eWxlPXt7IHdpZHRoLCBoZWlnaHQgfX1cbiAgICAgIHZhcmlhYmxlcz17dmRzVmFyaWFibGVzfVxuICAgID5cbiAgICAgIDxNZWRpYVBsYXllclxuICAgICAgICBhdXRvUGxheT17YXV0b3BsYXl9XG4gICAgICAgIGNvbnRyb2xzPXtzaG93RGVmYXVsdFByb3ZpZGVyQ29udHJvbHN9XG4gICAgICAgIGtleVNob3J0Y3V0cz17a2V5Ym9hcmRTaG9ydGN1dHN9XG4gICAgICAgIGxvb3A9e2xvb3B9XG4gICAgICAgIG11dGVkPXtcbiAgICAgICAgICBhdXRvcGxheSAmJiBpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXI/LmN1cnJlbnQ/LnByb3ZpZGVyKVxuICAgICAgICAgICAgPyB0cnVlXG4gICAgICAgICAgICA6IG11dGVkXG4gICAgICAgIH1cbiAgICAgICAgcGxheXNJbmxpbmVcbiAgICAgICAgcmVmPXtwbGF5ZXJ9XG4gICAgICAgIHNyYz17dmlkZW9Vcmx9XG4gICAgICAgIHRpdGxlPXt2aWRlb1RpdGxlfVxuICAgICAgICBvbkNhblBsYXk9e29uUmVhZHl9XG4gICAgICAgIG9uTG9hZD17b25Mb2FkfVxuICAgICAgICBvblBsYXk9e29uUGxheX1cbiAgICAgICAgb25QbGF5aW5nPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGF1dG9wbGF5ICYmIHBsYXllci5jdXJyZW50Py5tdXRlZCAmJiAhbXV0ZWQpIHtcbiAgICAgICAgICAgIG1lZGlhUmVtb3RlPy51bm11dGUoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIG9uUHJvdmlkZXJDaGFuZ2U9e29uUHJvdmlkZXJDaGFuZ2V9XG4gICAgICAgIG9uV2FpdGluZz17b25QbGF5ZXJXYWl0aW5nfVxuICAgICAgPlxuICAgICAgICA8TWVkaWFQcm92aWRlcj5cbiAgICAgICAgICB7cGxhY2Vob2xkZXJJbWFnZSAmJiAoXG4gICAgICAgICAgICA8UG9zdGVyXG4gICAgICAgICAgICAgIGFsdD17dmlkZW9UaXRsZX1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwidmRzLXBvc3RlclwiXG4gICAgICAgICAgICAgIHNyYz17cGxhY2Vob2xkZXJJbWFnZSBhcyBzdHJpbmd9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge3RleHRUcmFja3M/Lm1hcCgodHJhY2spID0+IChcbiAgICAgICAgICAgIDxUcmFjayB7Li4udHJhY2t9IGtleT17dHJhY2suc3JjfSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01lZGlhUHJvdmlkZXI+XG4gICAgICAgIDxWaWRlb0xheW91dFxuICAgICAgICAgIGNvbnRyb2xzPXtjb250cm9sc31cbiAgICAgICAgICB0aHVtYm5haWxzPXt0aHVtYm5haWxzfVxuICAgICAgICAgIHRyYW5zbGF0aW9ucz17dHJhbnNsYXRpb25zfVxuICAgICAgICAvPlxuICAgICAgPC9NZWRpYVBsYXllcj5cbiAgICA8L1ZhcmlhYmxlUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"));
+}) => variables, vdsBaseThemeStyles, "width:100%;height:100%;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWRlby9saWIvVmlkc3RhY2tQbGF5ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZGVvL2xpYi9WaWRzdGFja1BsYXllci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBUaGlyZC1wYXJ0eSBWaWRzdGFjayBkZWZhdWx0IHRoZW1lIHN0eWxlcyAqL1xuLyogZXNsaW50LWRpc2FibGUgZ2FtdXQvbm8tY3NzLXN0YW5kYWxvbmUgKi9cbmltcG9ydCAnLi4vdmlkc3RhY2stdmVuZG9yLmNzcyc7XG5cbi8qIGVzbGludC1lbmFibGUgZ2FtdXQvbm8tY3NzLXN0YW5kYWxvbmUgKi9cbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCwgeyBDU1NPYmplY3QgfSBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgaXNZb3VUdWJlUHJvdmlkZXIsXG4gIE1lZGlhUGxheWVyLFxuICBNZWRpYVBsYXllckluc3RhbmNlLFxuICBNZWRpYVByb3ZpZGVyLFxuICBNZWRpYVByb3ZpZGVyQWRhcHRlcixcbiAgUG9zdGVyLFxuICBUcmFjayxcbiAgdXNlTWVkaWFSZW1vdGUsXG4gIHVzZU1lZGlhU3RhdGUsXG59IGZyb20gJ0B2aWRzdGFjay9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi8uLi9Cb3gnO1xuaW1wb3J0IHsgVmlkZW9Qcm9wcyB9IGZyb20gJy4uJztcbmltcG9ydCB7IHZkc0Jhc2VUaGVtZVN0eWxlcyB9IGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyBrZXlib2FyZFNob3J0Y3V0cyB9IGZyb20gJy4vdXRpbHMvY29uc3RhbnRzJztcbmltcG9ydCB7IHZkc1ZhcmlhYmxlcyB9IGZyb20gJy4vdXRpbHMvdmFyaWFibGVzJztcbmltcG9ydCB7IFZpZGVvTGF5b3V0IH0gZnJvbSAnLi9WaWRlb0xheW91dCc7XG5cbmNvbnN0IFZhcmlhYmxlUHJvdmlkZXIgPSBzdHlsZWQoQm94LCBzdHlsZWRPcHRpb25zKFsndmFyaWFibGVzJ10pKTx7XG4gIHZhcmlhYmxlcz86IENTU09iamVjdDtcbn0+KCh7IHZhcmlhYmxlcyB9KSA9PiB2YXJpYWJsZXMsIHZkc0Jhc2VUaGVtZVN0eWxlcywge1xuICB3aWR0aDogJzEwMCUnLFxuICBoZWlnaHQ6ICcxMDAlJyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG59KTtcblxudHlwZSBWaWRzdGFja1BsYXllclByb3BzID0gVmlkZW9Qcm9wcyAmIHtcbiAgb25Mb2FkOiAoKSA9PiB2b2lkO1xufTtcbmV4cG9ydCBjb25zdCBWaWRzdGFja1BsYXllcjogUmVhY3QuRkM8Vmlkc3RhY2tQbGF5ZXJQcm9wcz4gPSAoe1xuICBhdXRvcGxheSA9IGZhbHNlLFxuICBjb250cm9scyA9IHRydWUsXG4gIGxvb3AgPSBmYWxzZSxcbiAgbXV0ZWQgPSBmYWxzZSxcbiAgb25QbGF5LFxuICBvblJlYWR5LFxuICBvbkxvYWQsXG4gIHBsYWNlaG9sZGVySW1hZ2UsXG4gIHZpZGVvVGl0bGUsXG4gIHZpZGVvVXJsLFxuICB0ZXh0VHJhY2tzLFxuICB0aHVtYm5haWxzLFxuICB0cmFuc2xhdGlvbnMsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgc2hvd0RlZmF1bHRQcm92aWRlckNvbnRyb2xzID0gZmFsc2UsXG59KSA9PiB7XG4gIGNvbnN0IHBsYXllciA9IHVzZVJlZjxNZWRpYVBsYXllckluc3RhbmNlPihudWxsKTtcbiAgY29uc3QgcGF1c2VkID0gdXNlTWVkaWFTdGF0ZSgncGF1c2VkJywgcGxheWVyKTtcbiAgY29uc3QgbWVkaWFSZW1vdGUgPSB1c2VNZWRpYVJlbW90ZShwbGF5ZXIpO1xuXG4gIC8qKlxuICAgKiAhV29ya2Fyb3VuZCBmb3IgVmlkc3RhY2sgWW91dHViZSBQcm92aWRlciBpc3N1ZSB3aXRoIG5hdGl2ZSBjb250cm9scyFcbiAgICogKE5vdCBuZWVkZWQgd2l0aCBDdXN0b20gQ29udHJvbHMgaS5lIHdoZW4gY29udHJvbHMgcHJvcHMgaXMgbm90IHNldCB0byB0cnVlIGluIDxNZWRpYVBsYXllcj4pXG4gICAqIFdoZW4gdGhlIHByb3ZpZGVyIGNoYW5nZXMgb3IgcGxheWVyIGlzIGluIHdhaXRpbmcgc3RhdGUsIHdlIG5lZWQgdG8gZm9yY2UgcmUtcGxheSB0aGUgdmlkZW8uXG4gICAqIFRoaXMgaXMgYmVjYXVzZSBvZiBhbiBpc3N1ZSBpbiBWaWRzdGFjayB3aGVyZSBZb3V0dWJlIHZpZGVvcyB3aXRoIG5hdGl2ZSBjb250cm9scyBrZWVwcyBwYXVzaW5nLlxuICAgKi9cbiAgY29uc3Qgb25Qcm92aWRlckNoYW5nZSA9IGFzeW5jIChwcm92aWRlcjogTWVkaWFQcm92aWRlckFkYXB0ZXIgfCBudWxsKSA9PiB7XG4gICAgaWYgKGlzWW91VHViZVByb3ZpZGVyKHByb3ZpZGVyKSkge1xuICAgICAgYXdhaXQgcHJvdmlkZXIucGxheSgpO1xuICAgIH1cbiAgfTtcbiAgY29uc3Qgb25QbGF5ZXJXYWl0aW5nID0gKCkgPT4ge1xuICAgIGlmIChpc1lvdVR1YmVQcm92aWRlcihwbGF5ZXIuY3VycmVudD8ucHJvdmlkZXIpICYmIHBhdXNlZCkge1xuICAgICAgbWVkaWFSZW1vdGU/LnRvZ2dsZVBhdXNlZCgpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxWYXJpYWJsZVByb3ZpZGVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgIHN0eWxlPXt7IHdpZHRoLCBoZWlnaHQgfX1cbiAgICAgIHZhcmlhYmxlcz17dmRzVmFyaWFibGVzfVxuICAgID5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXt2ZHNCYXNlVGhlbWVTdHlsZXN9IC8+XG4gICAgICA8TWVkaWFQbGF5ZXJcbiAgICAgICAgYXV0b1BsYXk9e2F1dG9wbGF5fVxuICAgICAgICBjb250cm9scz17c2hvd0RlZmF1bHRQcm92aWRlckNvbnRyb2xzfVxuICAgICAgICBrZXlTaG9ydGN1dHM9e2tleWJvYXJkU2hvcnRjdXRzfVxuICAgICAgICBsb29wPXtsb29wfVxuICAgICAgICBtdXRlZD17XG4gICAgICAgICAgYXV0b3BsYXkgJiYgaXNZb3VUdWJlUHJvdmlkZXIocGxheWVyPy5jdXJyZW50Py5wcm92aWRlcilcbiAgICAgICAgICAgID8gdHJ1ZVxuICAgICAgICAgICAgOiBtdXRlZFxuICAgICAgICB9XG4gICAgICAgIHBsYXlzSW5saW5lXG4gICAgICAgIHJlZj17cGxheWVyfVxuICAgICAgICBzcmM9e3ZpZGVvVXJsfVxuICAgICAgICB0aXRsZT17dmlkZW9UaXRsZX1cbiAgICAgICAgb25DYW5QbGF5PXtvblJlYWR5fVxuICAgICAgICBvbkxvYWQ9e29uTG9hZH1cbiAgICAgICAgb25QbGF5PXtvblBsYXl9XG4gICAgICAgIG9uUGxheWluZz17KCkgPT4ge1xuICAgICAgICAgIGlmIChhdXRvcGxheSAmJiBwbGF5ZXIuY3VycmVudD8ubXV0ZWQgJiYgIW11dGVkKSB7XG4gICAgICAgICAgICBtZWRpYVJlbW90ZT8udW5tdXRlKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICBvblByb3ZpZGVyQ2hhbmdlPXtvblByb3ZpZGVyQ2hhbmdlfVxuICAgICAgICBvbldhaXRpbmc9e29uUGxheWVyV2FpdGluZ31cbiAgICAgID5cbiAgICAgICAgPE1lZGlhUHJvdmlkZXI+XG4gICAgICAgICAge3BsYWNlaG9sZGVySW1hZ2UgJiYgKFxuICAgICAgICAgICAgPFBvc3RlclxuICAgICAgICAgICAgICBhbHQ9e3ZpZGVvVGl0bGV9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT1cInZkcy1wb3N0ZXJcIlxuICAgICAgICAgICAgICBzcmM9e3BsYWNlaG9sZGVySW1hZ2UgYXMgc3RyaW5nfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt0ZXh0VHJhY2tzPy5tYXAoKHRyYWNrKSA9PiAoXG4gICAgICAgICAgICA8VHJhY2sgey4uLnRyYWNrfSBrZXk9e3RyYWNrLnNyY30gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9NZWRpYVByb3ZpZGVyPlxuICAgICAgICA8VmlkZW9MYXlvdXRcbiAgICAgICAgICBjb250cm9scz17Y29udHJvbHN9XG4gICAgICAgICAgdGh1bWJuYWlscz17dGh1bWJuYWlsc31cbiAgICAgICAgICB0cmFuc2xhdGlvbnM9e3RyYW5zbGF0aW9uc31cbiAgICAgICAgLz5cbiAgICAgIDwvTWVkaWFQbGF5ZXI+XG4gICAgPC9WYXJpYWJsZVByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */"));
 export const VidstackPlayer = ({
   autoplay = false,
   controls = true,
@@ -55,7 +60,7 @@ export const VidstackPlayer = ({
       mediaRemote?.togglePaused();
     }
   };
-  return /*#__PURE__*/_jsx(VariableProvider, {
+  return /*#__PURE__*/_jsxs(VariableProvider, {
     className: className
     // eslint-disable-next-line gamut/no-inline-style
     ,
@@ -64,7 +69,9 @@ export const VidstackPlayer = ({
       height
     },
     variables: vdsVariables,
-    children: /*#__PURE__*/_jsxs(MediaPlayer, {
+    children: [/*#__PURE__*/_jsx(Global, {
+      styles: vdsBaseThemeStyles
+    }), /*#__PURE__*/_jsxs(MediaPlayer, {
       autoPlay: autoplay,
       controls: showDefaultProviderControls,
       keyShortcuts: keyboardShortcuts,
@@ -98,6 +105,6 @@ export const VidstackPlayer = ({
         thumbnails: thumbnails,
         translations: translations
       })]
-    })
+    })]
   });
 };

package/dist/Video/styles.d.ts

@@ -0,0 +1 @@
+export declare const vdsBaseThemeStyles: import("@emotion/react").SerializedStyles;

package/dist/Video/styles.js

@@ -0,0 +1,10 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+export const vdsBaseThemeStyles = process.env.NODE_ENV === "production" ? {
+  name: "169rs5q-vdsBaseThemeStyles",
+  styles: "iframe.vds-youtube[data-no-controls]{height:120%;}[data-started] iframe.vds-youtube[data-no-controls]{height:1000%;}:where(.vds-button .vds-icon){border-radius:unset;}.vds-controls button{border-radius:var(--media-button-border-radius);}:where(.vds-video-layout[data-sm]) :where(.vds-button){padding:0px 4px!important;}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track){background-color:var(--color-gray-600);}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track-fill){background-color:var(--color-secondary);}.vds-video-layout .vds-time-slider .vds-slider-value{border:unset;color:white;}.vds-tooltip-content::after{content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;display:block;width:1rem;height:1rem;position:absolute;border-color:currentColor;}:where(.vds-tooltip-content[data-placement~='top'])::after{border-width:0 1px 1px 0;bottom:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n      to top left,\n      var(--color-background-contrast) 55%,\n      rgba(0, 0, 0, 0) 20%\n    );}:where(.vds-tooltip-content[data-placement~='bottom'])::after{border-width:1px 0px 0px 1px;top:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n      to bottom right,\n      var(--color-background-contrast) 55%,\n      rgba(0, 0, 0, 0) 20%\n    );}:where(.vds-tooltip-content[data-placement~='start'])::after{left:calc(0% + 0.5rem);}:where(.vds-tooltip-content[data-placement~='end'])::after{left:unset;right:calc(0% + 0.5rem);}@keyframes vds-tooltip-exit{0%{opacity:1;}100%{opacity:0;}}@keyframes vds-tooltip-enter{0%{opacity:0;}100%{opacity:1;}};label:vdsBaseThemeStyles;"
+} : {
+  name: "169rs5q-vdsBaseThemeStyles",
+  styles: "iframe.vds-youtube[data-no-controls]{height:120%;}[data-started] iframe.vds-youtube[data-no-controls]{height:1000%;}:where(.vds-button .vds-icon){border-radius:unset;}.vds-controls button{border-radius:var(--media-button-border-radius);}:where(.vds-video-layout[data-sm]) :where(.vds-button){padding:0px 4px!important;}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track){background-color:var(--color-gray-600);}:where(.vds-video-layout[data-sm] .vds-volume-slider .vds-slider-track-fill){background-color:var(--color-secondary);}.vds-video-layout .vds-time-slider .vds-slider-value{border:unset;color:white;}.vds-tooltip-content::after{content:'';-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;display:block;width:1rem;height:1rem;position:absolute;border-color:currentColor;}:where(.vds-tooltip-content[data-placement~='top'])::after{border-width:0 1px 1px 0;bottom:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n      to top left,\n      var(--color-background-contrast) 55%,\n      rgba(0, 0, 0, 0) 20%\n    );}:where(.vds-tooltip-content[data-placement~='bottom'])::after{border-width:1px 0px 0px 1px;top:-0.5rem;left:calc(50% - 0.5rem);background-image:linear-gradient(\n      to bottom right,\n      var(--color-background-contrast) 55%,\n      rgba(0, 0, 0, 0) 20%\n    );}:where(.vds-tooltip-content[data-placement~='start'])::after{left:calc(0% + 0.5rem);}:where(.vds-tooltip-content[data-placement~='end'])::after{left:unset;right:calc(0% + 0.5rem);}@keyframes vds-tooltip-exit{0%{opacity:1;}100%{opacity:0;}}@keyframes vds-tooltip-enter{0%{opacity:0;}100%{opacity:1;}};label:vdsBaseThemeStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9WaWRlby9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9WaWRlby9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCB2ZHNCYXNlVGhlbWVTdHlsZXMgPSBjc3NgXG4gIC8qKlxuICAgKiBZb3V0dWJlIG92ZXJsYXlcbiAgICogLSBXaHkgMTIwJSA/IGhpZGluZyB5dCBsb2dvIGFuZCBjb3B5IGxpbmsgYnV0dG9uIHdoaWNoIGFyZSBub3QgYWNjZXNzaWJsZS5cbiAgICovXG4gIGlmcmFtZS52ZHMteW91dHViZVtkYXRhLW5vLWNvbnRyb2xzXSB7XG4gICAgaGVpZ2h0OiAxMjAlO1xuICB9XG5cbiAgW2RhdGEtc3RhcnRlZF0gaWZyYW1lLnZkcy15b3V0dWJlW2RhdGEtbm8tY29udHJvbHNdIHtcbiAgICBoZWlnaHQ6IDEwMDAlO1xuICB9XG5cbiAgLyogQ29udHJvbCBidXR0b25zICovXG4gIDp3aGVyZSgudmRzLWJ1dHRvbiAudmRzLWljb24pIHtcbiAgICBib3JkZXItcmFkaXVzOiB1bnNldDtcbiAgfVxuXG4gIC52ZHMtY29udHJvbHMgYnV0dG9uIHtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZWRpYS1idXR0b24tYm9yZGVyLXJhZGl1cyk7XG4gIH1cblxuICA6d2hlcmUoLnZkcy12aWRlby1sYXlvdXRbZGF0YS1zbV0pIDp3aGVyZSgudmRzLWJ1dHRvbikge1xuICAgIHBhZGRpbmc6IDBweCA0cHggIWltcG9ydGFudDtcbiAgfVxuXG4gIC8qIFNtYWxsIGxheW91dCB2b2x1bWUgLyB0aW1lIHNsaWRlciAqL1xuICA6d2hlcmUoLnZkcy12aWRlby1sYXlvdXRbZGF0YS1zbV0gLnZkcy12b2x1bWUtc2xpZGVyIC52ZHMtc2xpZGVyLXRyYWNrKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItZ3JheS02MDApO1xuICB9XG4gIDp3aGVyZSgudmRzLXZpZGVvLWxheW91dFtkYXRhLXNtXSAudmRzLXZvbHVtZS1zbGlkZXIgLnZkcy1zbGlkZXItdHJhY2stZmlsbCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXNlY29uZGFyeSk7XG4gIH1cbiAgLnZkcy12aWRlby1sYXlvdXQgLnZkcy10aW1lLXNsaWRlciAudmRzLXNsaWRlci12YWx1ZSB7XG4gICAgYm9yZGVyOiB1bnNldDtcbiAgICBjb2xvcjogd2hpdGU7XG4gIH1cblxuICAvKiBUb29sdGlwICovXG4gIC52ZHMtdG9vbHRpcC1jb250ZW50OjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgLW1vei10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgLW1zLXRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogMXJlbTtcbiAgICBoZWlnaHQ6IDFyZW07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG4gIDp3aGVyZSgudmRzLXRvb2x0aXAtY29udGVudFtkYXRhLXBsYWNlbWVudH49J3RvcCddKTo6YWZ0ZXIge1xuICAgIGJvcmRlci13aWR0aDogMCAxcHggMXB4IDA7XG4gICAgYm90dG9tOiAtMC41cmVtO1xuICAgIGxlZnQ6IGNhbGMoNTAlIC0gMC41cmVtKTtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICB0byB0b3AgbGVmdCxcbiAgICAgIHZhcigtLWNvbG9yLWJhY2tncm91bmQtY29udHJhc3QpIDU1JSxcbiAgICAgIHJnYmEoMCwgMCwgMCwgMCkgMjAlXG4gICAgKTtcbiAgfVxuXG4gIDp3aGVyZSgudmRzLXRvb2x0aXAtY29udGVudFtkYXRhLXBsYWNlbWVudH49J2JvdHRvbSddKTo6YWZ0ZXIge1xuICAgIGJvcmRlci13aWR0aDogMXB4IDBweCAwcHggMXB4O1xuICAgIHRvcDogLTAuNXJlbTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIDAuNXJlbSk7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgdG8gYm90dG9tIHJpZ2h0LFxuICAgICAgdmFyKC0tY29sb3ItYmFja2dyb3VuZC1jb250cmFzdCkgNTUlLFxuICAgICAgcmdiYSgwLCAwLCAwLCAwKSAyMCVcbiAgICApO1xuICB9XG5cbiAgOndoZXJlKC52ZHMtdG9vbHRpcC1jb250ZW50W2RhdGEtcGxhY2VtZW50fj0nc3RhcnQnXSk6OmFmdGVyIHtcbiAgICBsZWZ0OiBjYWxjKDAlICsgMC41cmVtKTtcbiAgfVxuICA6d2hlcmUoLnZkcy10b29sdGlwLWNvbnRlbnRbZGF0YS1wbGFjZW1lbnR+PSdlbmQnXSk6OmFmdGVyIHtcbiAgICBsZWZ0OiB1bnNldDtcbiAgICByaWdodDogY2FsYygwJSArIDAuNXJlbSk7XG4gIH1cblxuICBAa2V5ZnJhbWVzIHZkcy10b29sdGlwLWV4aXQge1xuICAgIDAlIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyB2ZHMtdG9vbHRpcC1lbnRlciB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};

package/dist/Video/vidstack-vendor.css

@@ -0,0 +1,3 @@
+@import "@vidstack/react/player/styles/default/theme.css";
+@import "@vidstack/react/player/styles/default/layouts/video.css";
+@import "@vidstack/react/player/styles/default/layouts/audio.css";

package/dist/utils/react.js

@@ -1,5 +1,4 @@
 import { Children, isValidElement } from 'react';
-import { isNullish } from './nullish';
 
 /**
  * Recursively extracts plain text content from React children.
@@ -30,12 +29,11 @@ export const extractTextContent = children => {
     if (typeof child === 'string' || typeof child === 'number') {
       return String(child);
     }
-    if (typeof child === 'boolean' || isNullish(child)) {
+    if (typeof child === 'boolean' || child == null) {
       return '';
     }
     if (/*#__PURE__*/isValidElement(child)) {
-      const props = child.props;
-      const textContent = props.children ?? props.text ?? '';
+      const textContent = child.props.children ?? child.props.text ?? '';
       return extractTextContent(textContent);
     }
     return '';

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "72.2.2-alpha.dfb0a2.0",
+  "version": "72.2.2-alpha.f96392.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.10-alpha.dfb0a2.0",
-    "@codecademy/gamut-illustrations": "0.58.16-alpha.dfb0a2.0",
-    "@codecademy/gamut-patterns": "0.10.35-alpha.dfb0a2.0",
-    "@codecademy/gamut-styles": "20.0.3-alpha.dfb0a2.0",
-    "@codecademy/variance": "0.26.2-alpha.dfb0a2.0",
+    "@codecademy/gamut-icons": "9.57.10-alpha.f96392.0",
+    "@codecademy/gamut-illustrations": "0.58.16-alpha.f96392.0",
+    "@codecademy/gamut-patterns": "0.10.35-alpha.f96392.0",
+    "@codecademy/gamut-styles": "20.0.3-alpha.f96392.0",
+    "@codecademy/variance": "0.26.2-alpha.f96392.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
-    "framer-motion": "^12.0.0",
+    "framer-motion": "^11.18.0",
     "html-to-react": "^1.6.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.23",
@@ -23,20 +23,13 @@
     "polished": "^4.1.2",
     "react-aria-components": "1.7.1",
     "react-focus-on": "3.10.0",
-    "react-hook-form": "^7.71.2",
+    "react-hook-form": "^7.65.0",
     "react-player": "^2.16.0",
     "react-select": "^5.2.2",
     "react-truncate-markup": "^5.1.2",
     "react-use": "^15.3.8",
     "sanitize-markdown": "^2.6.7"
   },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
-  },
   "files": [
     "dist",
     "bin",
@@ -44,14 +37,15 @@
   ],
   "license": "MIT",
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "overrides": {
     "@react-aria/interactions": "3.25.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
-    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
+    "react": "^17.0.2 || ^18.3.0",
+    "react-dom": "^17.0.2 || ^18.3.0"
   },
   "publishConfig": {
     "access": "public"
@@ -69,6 +63,5 @@
     "**/*.scss",
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
-  ],
-  "type": "module"
+  ]
 }