@codecademy/gamut-styles 17.12.0-alpha.f9ca97.0 → 17.12.1-alpha.475416.0

package/dist/ColorMode.d.ts

@@ -75,36 +75,67 @@ export declare const providerProps: import("@codecademy/variance/dist/types/conf
     };
     readonly dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly color: {
         readonly property: "color";
@@ -734,6 +765,9 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
     containerType?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "containerType";
     }>;
+    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+        readonly property: "direction";
+    }>;
     display?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "display";
     }>;
@@ -783,7 +817,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
         readonly property: "gridTemplateRows";
     }>;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -804,19 +842,35 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -866,7 +920,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
         readonly property: "verticalAlign";
     }>;
     width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -951,7 +1009,11 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
     }>;
     dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1283,7 +1345,7 @@ export declare const VariableProvider: import("@emotion/styled").StyledComponent
 } & {
     variables?: CSSObject | undefined;
     alwaysSetVariables?: boolean | undefined;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<Omit<{
     theme?: Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -1336,6 +1398,9 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
     containerType?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "containerType";
     }>;
+    direction?: import("@codecademy/variance/dist/types/config").Scale<{
+        readonly property: "direction";
+    }>;
     display?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "display";
     }>;
@@ -1385,7 +1450,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
         readonly property: "gridTemplateRows";
     }>;
     height?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     justifyContent?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1406,19 +1475,35 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     maxWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     minHeight?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     minWidth?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     opacity?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1468,7 +1553,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
         readonly property: "verticalAlign";
     }>;
     width?: import("@codecademy/variance/dist/types/config").Scale<{
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     zIndex?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1553,7 +1642,11 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
     }>;
     dimensions?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     }>;
     textColor?: import("@codecademy/variance/dist/types/config").Scale<{
@@ -1885,4 +1978,4 @@ export declare const ColorMode: import("react").ForwardRefExoticComponent<Omit<O
 } & {
     variables?: CSSObject | undefined;
     alwaysSetVariables?: boolean | undefined;
-} & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+} & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>>, "bg"> & ColorModeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/GamutProvider.d.ts

@@ -23,5 +23,10 @@ export interface GamutProviderProps {
 export declare const GamutContext: React.Context<{
     hasGlobals?: boolean | undefined;
     hasCache?: boolean | undefined;
+    nonce?: string | undefined;
 }>;
+/**
+ * Returns the CSP nonce passed to GamutProvider, if any.
+ */
+export declare const useNonce: () => string | undefined;
 export declare const GamutProvider: React.FC<GamutProviderProps>;

package/dist/GamutProvider.js

@@ -1,5 +1,7 @@
 import { CacheProvider, ThemeProvider } from '@emotion/react';
-import { useContext, useRef } from 'react';
+import { MotionConfig } from 'framer-motion';
+import { setNonce } from 'get-nonce';
+import { useContext, useEffect, useMemo, useRef } from 'react';
 import * as React from 'react';
 import { createEmotionCache } from './cache';
 import { Reboot, Typography } from './globals';
@@ -11,6 +13,11 @@ export const GamutContext = /*#__PURE__*/React.createContext({
   hasCache: false
 });
 GamutContext.displayName = 'GamutContext';
+
+/**
+ * Returns the CSP nonce passed to GamutProvider, if any.
+ */
+export const useNonce = () => useContext(GamutContext).nonce;
 export const GamutProvider = ({
   children,
   cache,
@@ -19,7 +26,7 @@ export const GamutProvider = ({
   useGlobals = true,
   useCache = true,
   nonce,
-  useLogicalProperties = true
+  useLogicalProperties = false
 }) => {
   const {
     hasGlobals,
@@ -28,6 +35,13 @@ export const GamutProvider = ({
   const shouldCreateCache = useCache && !hasCache;
   const shouldInsertGlobals = useGlobals && !hasGlobals;
 
+  // Feed nonce to get-nonce singleton so react-style-singleton (e.g. via react-aria-components) can set it on injected style tags for CSP
+  useEffect(() => {
+    if (nonce) {
+      setNonce(nonce);
+    }
+  }, [nonce]);
+
   // Do not initialize a new cache if one has been provided as props
   const activeCache = useRef(shouldCreateCache && (cache ?? createEmotionCache(nonce ? {
     nonce
@@ -35,42 +49,44 @@ export const GamutProvider = ({
   const contextValue = {
     hasGlobals: shouldInsertGlobals,
     hasCache: shouldCreateCache,
-    useLogicalProperties
+    useLogicalProperties,
+    nonce
   };
+
+  // Merge useLogicalProperties into theme so variance can access it via props.theme.
+  const themeWithLogicalProperties = useMemo(() => ({
+    ...theme,
+    useLogicalProperties
+  }), [theme, useLogicalProperties]);
   const globals = shouldInsertGlobals && /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Typography, {
-      theme: theme
+      theme: themeWithLogicalProperties
     }), /*#__PURE__*/_jsx(Reboot, {
-      theme: theme
+      theme: themeWithLogicalProperties
     }), /*#__PURE__*/_jsx(Variables, {
       variables: theme._variables
     }), variables && /*#__PURE__*/_jsx(Variables, {
       variables: variables
     })]
   });
-
-  // Merge useLogicalProperties into theme so variance can access it via props.theme
-  const themeWithLogicalProperties = {
-    ...theme,
-    useLogicalProperties
-  };
+  const content = useMemo(() => /*#__PURE__*/_jsx(ThemeProvider, {
+    theme: themeWithLogicalProperties,
+    children: nonce ? /*#__PURE__*/_jsx(MotionConfig, {
+      nonce: nonce,
+      children: children
+    }) : children
+  }), [themeWithLogicalProperties, nonce, children]);
   if (activeCache.current) {
     return /*#__PURE__*/_jsx(GamutContext.Provider, {
       value: contextValue,
       children: /*#__PURE__*/_jsxs(CacheProvider, {
         value: activeCache.current,
-        children: [globals, /*#__PURE__*/_jsx(ThemeProvider, {
-          theme: themeWithLogicalProperties,
-          children: children
-        })]
+        children: [globals, content]
       })
     });
   }
   return /*#__PURE__*/_jsxs(GamutContext.Provider, {
     value: contextValue,
-    children: [globals, /*#__PURE__*/_jsx(ThemeProvider, {
-      theme: themeWithLogicalProperties,
-      children: children
-    })]
+    children: [globals, content]
   });
 };

package/dist/globals/Reboot.js

@@ -4,7 +4,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export const Reboot = ({
   theme
 }) => {
-  const rebootStyles = /*#__PURE__*/css("/**\n  * https://raw.githubusercontent.com/twbs/bootstrap/v4-dev/scss/_reboot.scss\n  * Reboot\n  * Normalization of HTML elements, manually forked from Normalize.css to remove\n  * styles targeting irrelevant browsers while applying new styles.\n  * Normalize is licensed MIT. https://github.com/necolas/normalize.css\n  * Document\n  * 1 Change from 'box-sizing: content-box' so that 'width' is affected by 'padding' and 'border'.\n  * 2 Change the default font family in all browsers.\n  * 3 Correct the line height in all browsers.\n  * 4 Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n  * 5 Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n  *    we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n  * 6 Change the default tap highlight to be completely transparent in iOS.\n*/*,*::before,*::after{box-sizing:border-box;}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}body{margin:0;font-family:", theme.fontFamily.base, ";font-weight:", theme.fontWeight.base, ";line-height:", theme.lineHeight.base, ";color:", theme.colors.text, ";text-align:left;background-color:", theme.colors.background, ";}[tabindex='-1']:focus{outline:0!important;}hr{box-sizing:content-box;height:0;overflow:visible;}h1,h2,h3,h4,h5,h6{margin-top:0;}p{margin-top:0;margin-bottom:", theme.spacing[16], ";}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;}address{margin-bottom:1rem;font-style:normal;line-height:inherit;}ol,ul,dl{margin-top:0;margin-bottom:1rem;}ol ol,ul ul,ol ul,ul ol{margin-bottom:0;}dt{font-weight:", theme.fontWeight.title, ";}dd{margin-bottom:0.5rem;margin-left:0;}blockquote{margin:0 0 1rem;}dfn{font-style:italic;}b,strong{font-weight:", theme.fontWeight.title, ";}small{font-size:", theme.fontSize[14], ";}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}a{color:", theme.colors.primary, ";text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;&:hover{text-decoration:underline;}}a:not([href]):not([tabindex]){color:inherit;text-decoration:none;&:hover,&:focus{color:inherit;text-decoration:none;}&:focus{outline:0;}}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em;}pre{margin-top:0;margin-bottom:1rem;overflow:auto;/* We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so */-ms-overflow-style:scrollbar;}figure{margin:0 0 1rem;}img{vertical-align:middle;border-style:none;}svg:not(:root){overflow:hidden;}table{border-collapse:collapse;}caption{padding-top:", theme.spacing[16], ";padding-bottom:", theme.spacing[16], ";color:", theme.spacing[16], ";text-align:left;caption-side:bottom;}th{text-align:inherit;}label{display:inline-block;margin-bottom:0;}button{border-radius:0;}button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}button,input{overflow:visible;}button,select{text-transform:none;}button,html [type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}input[type='radio'],input[type='checkbox']{box-sizing:border-box;padding:0;}input[type='date'],input[type='time'],input[type='datetime-local'],input[type='month']{-webkit-appearance:listbox;}textarea{overflow:auto;resize:vertical;}fieldset{min-width:0;padding:0;margin:0;border:0;}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:0.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;}progress{vertical-align:baseline;}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}[type='search']{outline-offset:-2px;-webkit-appearance:none;}[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}output{display:inline-block;}summary{display:list-item;cursor:pointer;}template{display:none;}[hidden]{display:none!important;};label:rebootStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1JlYm9vdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9nbG9iYWxzL1JlYm9vdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBSZWJvb3Q6IFJlYWN0LkZDPHsgdGhlbWU6IFRoZW1lIH0+ID0gKHsgdGhlbWUgfSkgPT4ge1xuICBjb25zdCByZWJvb3RTdHlsZXMgPSBjc3NgXG4gICAgLyoqXG4gICogaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3R3YnMvYm9vdHN0cmFwL3Y0LWRldi9zY3NzL19yZWJvb3Quc2Nzc1xuICAqIFJlYm9vdFxuICAqIE5vcm1hbGl6YXRpb24gb2YgSFRNTCBlbGVtZW50cywgbWFudWFsbHkgZm9ya2VkIGZyb20gTm9ybWFsaXplLmNzcyB0byByZW1vdmVcbiAgKiBzdHlsZXMgdGFyZ2V0aW5nIGlycmVsZXZhbnQgYnJvd3NlcnMgd2hpbGUgYXBwbHlpbmcgbmV3IHN0eWxlcy5cbiAgKiBOb3JtYWxpemUgaXMgbGljZW5zZWQgTUlULiBodHRwczovL2dpdGh1Yi5jb20vbmVjb2xhcy9ub3JtYWxpemUuY3NzXG4gICogRG9jdW1lbnRcbiAgKiAxIENoYW5nZSBmcm9tICdib3gtc2l6aW5nOiBjb250ZW50LWJveCcgc28gdGhhdCAnd2lkdGgnIGlzIGFmZmVjdGVkIGJ5ICdwYWRkaW5nJyBhbmQgJ2JvcmRlcicuXG4gICogMiBDaGFuZ2UgdGhlIGRlZmF1bHQgZm9udCBmYW1pbHkgaW4gYWxsIGJyb3dzZXJzLlxuICAqIDMgQ29ycmVjdCB0aGUgbGluZSBoZWlnaHQgaW4gYWxsIGJyb3dzZXJzLlxuICAqIDQgUHJldmVudCBhZGp1c3RtZW50cyBvZiBmb250IHNpemUgYWZ0ZXIgb3JpZW50YXRpb24gY2hhbmdlcyBpbiBJRSBvbiBXaW5kb3dzIFBob25lIGFuZCBpbiBpT1MuXG4gICogNSBTZXR0aW5nIEB2aWV3cG9ydCBjYXVzZXMgc2Nyb2xsYmFycyB0byBvdmVybGFwIGNvbnRlbnQgaW4gSUUxMSBhbmQgRWRnZSwgc29cbiAgKiAgICB3ZSBmb3JjZSBhIG5vbi1vdmVybGFwcGluZywgbm9uLWF1dG8taGlkaW5nIHNjcm9sbGJhciB0byBjb3VudGVyYWN0LlxuICAqIDYgQ2hhbmdlIHRoZSBkZWZhdWx0IHRhcCBoaWdobGlnaHQgdG8gYmUgY29tcGxldGVseSB0cmFuc3BhcmVudCBpbiBpT1MuXG4qL1xuXG4gICAgKixcbiAgICAqOjpiZWZvcmUsXG4gICAgKjo6YWZ0ZXIge1xuICAgICAgLyogVGhpcyBpcyBjaGFuZ2VkIGZyb20gY29udGVudC1ib3ggdG8gYm9yZGVyLWJveCBhcyBhbGwgb2Ygb3VyIGNzcyByZWxpZXMgb24gaXQgKi9cbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7IC8qKiAxICovXG4gICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsgLyoqIDIgKi9cbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjE1OyAvKiogMyAqL1xuICAgICAgLXdlYmtpdC10ZXh0LXNpemUtYWRqdXN0OiAxMDAlOyAvKiogNCAqL1xuICAgICAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7IC8qKiA0ICovXG4gICAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IHNjcm9sbGJhcjsgLyoqIDUgKi9cbiAgICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTsgLyoqIDYgKi9cbiAgICB9XG5cbiAgICAvKipTaGltIGZvciBcIm5ld1wiIEhUTUw1IHN0cnVjdHVyYWwgZWxlbWVudHMgdG8gZGlzcGxheSBjb3JyZWN0bHkgKElFMTAsIG9sZGVyIGJyb3dzZXJzKSAqL1xuXG4gICAgYXJ0aWNsZSxcbiAgICBhc2lkZSxcbiAgICBkaWFsb2csXG4gICAgZmlnY2FwdGlvbixcbiAgICBmaWd1cmUsXG4gICAgZm9vdGVyLFxuICAgIGhlYWRlcixcbiAgICBoZ3JvdXAsXG4gICAgbWFpbixcbiAgICBuYXYsXG4gICAgc2VjdGlvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gICAgLyoqIEJvZHlcbiAgIDEuIFJlbW92ZSB0aGUgbWFyZ2luIGluIGFsbCBicm93c2Vycy5cbiAgIDIuIEFzIGEgYmVzdCBwcmFjdGljZSwgYXBwbHkgYSBkZWZhdWx0IFxcYGJhY2tncm91bmQtY29sb3JcXGAuXG4gICAzLiBTZXQgYW4gZXhwbGljaXQgaW5pdGlhbCB0ZXh0LWFsaWduIHZhbHVlIHNvIHRoYXQgd2UgY2FuIGxhdGVyIHVzZSB0aGVcbiAgICAgIHRoZSBcXGBpbmhlcml0XFxgIHZhbHVlIG9uIHRoaW5ncyBsaWtlIFxcYDx0aD5cXGAgZWxlbWVudHMuXG4gICAqL1xuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWx5LmJhc2V9O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodC5iYXNlfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLmxpbmVIZWlnaHQuYmFzZX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dH07XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuYmFja2dyb3VuZH07XG4gICAgfVxuXG4gICAgLyogU3VwcHJlc3MgdGhlIGZvY3VzIG91dGxpbmUgb24gZWxlbWVudHMgdGhhdCBjYW5ub3QgYmUgYWNjZXNzZWQgdmlhIGtleWJvYXJkLlxuICBUaGlzIHByZXZlbnRzIGFuIHVud2FudGVkIGZvY3VzIG91dGxpbmUgZnJvbSBhcHBlYXJpbmcgYXJvdW5kIGVsZW1lbnRzIHRoYXRcbiAgbWlnaHQgc3RpbGwgcmVzcG9uZCB0byBwb2ludGVyIGV2ZW50cy5cbiBDcmVkaXQ6IGh0dHBzOi8vZ2l0aHViLmNvbS9zdWl0Y3NzL2Jhc2UgKi9cblxuICAgIFt0YWJpbmRleD0nLTEnXTpmb2N1cyB7XG4gICAgICBvdXRsaW5lOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLypcbiAgQ29udGVudCBncm91cGluZ1xuIDEuIEFkZCB0aGUgY29ycmVjdCBib3ggc2l6aW5nIGluIEZpcmVmb3guXG4gIDIuIFNob3cgdGhlIG92ZXJmbG93IGluIEVkZ2UgYW5kIElFLlxuKi9cblxuICAgIGhyIHtcbiAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgICAgLyogMSAqL1xuICAgICAgaGVpZ2h0OiAwO1xuICAgICAgLyogMiAqL1xuICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuICAgIC8qIFR5cG9ncmFwaHkgKi9cbiAgICAvKlxuICBSZW1vdmUgdG9wIG1hcmdpbnMgZnJvbSBoZWFkaW5nc1xuICAgQnkgZGVmYXVsdCwgXFxgPGgxPlxcYC1cXGA8aDY+XFxgIGFsbCByZWNlaXZlIHRvcCBhbmQgYm90dG9tIG1hcmdpbnMuIFdlIG51a2UgdGhlIHRvcFxuICBtYXJnaW4gZm9yIGVhc2llciBjb250cm9sIHdpdGhpbiB0eXBlIHNjYWxlcyBhcyBpdCBhdm9pZHMgbWFyZ2luIGNvbGxhcHNpbmcuXG4qL1xuXG4gICAgaDEsXG4gICAgaDIsXG4gICAgaDMsXG4gICAgaDQsXG4gICAgaDUsXG4gICAgaDYge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICB9XG5cbiAgICAvKlxuICBSZXNldCBtYXJnaW5zIG9uIHBhcmFncmFwaHNcbiAgU2ltaWxhcmx5LCB0aGUgdG9wIG1hcmdpbiBvbiBcXGA8cD5cXGBzIGdldCByZXNldC4gSG93ZXZlciwgd2UgYWxzbyByZXNldCB0aGVcbiAgYm90dG9tIG1hcmdpbiB0byB1c2UgXFxgcmVtXFxgIHVuaXRzIGluc3RlYWQgb2YgXFxgZW1cXGAuXG4gICovXG5cbiAgICBwIHtcbiAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmdbMTZdfTtcbiAgICB9XG5cbiAgICAvKlxuICBBYmJyZXZpYXRpb25zXG4gIDEuIFJlbW92ZSB0aGUgYm90dG9tIGJvcmRlciBpbiBGaXJlZm94IDM5LS5cbiAgMi4gQWRkIHRoZSBjb3JyZWN0IHRleHQgZGVjb3JhdGlvbiBpbiBDaHJvbWUsIEVkZ2UsIElFLCBPcGVyYSwgYW5kIFNhZmFyaS5cbiAgMy4gQWRkIGV4cGxpY2l0IGN1cnNvciB0byBpbmRpY2F0ZSBjaGFuZ2VkIGJlaGF2aW9yLlxuICA0LiBEdXBsaWNhdGUgYmVoYXZpb3IgdG8gdGhlIGRhdGEtKiBhdHRyaWJ1dGUgZm9yIG91ciB0b29sdGlwIHBsdWdpblxuICAqL1xuXG4gICAgYWJiclt0aXRsZV0sXG4gICAgYWJicltkYXRhLW9yaWdpbmFsLXRpdGxlXSB7XG4gICAgICAvKiA0ICovXG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lIGRvdHRlZDtcbiAgICAgIGN1cnNvcjogaGVscDtcbiAgICAgIGJvcmRlci1ib3R0b206IDA7XG4gICAgfVxuXG4gICAgYWRkcmVzcyB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgb2wsXG4gICAgdWwsXG4gICAgZGwge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgfVxuXG4gICAgb2wgb2wsXG4gICAgdWwgdWwsXG4gICAgb2wgdWwsXG4gICAgdWwgb2wge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICBkdCB7XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0LnRpdGxlfTtcbiAgICB9XG5cbiAgICBkZCB7XG4gICAgICAvKiBVbmRvIGJyb3dzZXIgZGVmYXVsdCAqL1xuICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuXG4gICAgYmxvY2txdW90ZSB7XG4gICAgICBtYXJnaW46IDAgMCAxcmVtO1xuICAgIH1cblxuICAgIGRmbiB7XG4gICAgICAvKiBBZGQgdGhlIGNvcnJlY3QgZm9udCBzdHlsZSBpbiBBbmRyb2lkIDQuMy0gKi9cbiAgICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICB9XG5cbiAgICBiLFxuICAgIHN0cm9uZyB7XG4gICAgICAvKiBBZGQgdGhlIGNvcnJlY3QgZm9udCB3ZWlnaHQgaW4gQ2hyb21lLCBFZGdlLCBhbmQgU2FmYXJpICovXG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0LnRpdGxlfTtcbiAgICB9XG5cbiAgICBzbWFsbCB7XG4gICAgICAvKiBBZGQgdGhlIGNvcnJlY3QgZm9udCBzaXplIGluIGFsbCBicm93c2VycyAqL1xuICAgICAgZm9udC1zaXplOiAke3RoZW1lLmZvbnRTaXplWzE0XX07XG4gICAgfVxuXG4gICAgLypcbiBQcmV2ZW50IFxcYHN1YlxcYCBhbmQgXFxgc3VwXFxgIGVsZW1lbnRzIGZyb20gYWZmZWN0aW5nIHRoZSBsaW5lIGhlaWdodCBpblxuICBhbGwgYnJvd3NlcnMuXG4qL1xuICAgIHN1YixcbiAgICBzdXAge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZm9udC1zaXplOiA3NSU7XG4gICAgICBsaW5lLWhlaWdodDogMDtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICB9XG5cbiAgICBzdWIge1xuICAgICAgYm90dG9tOiAtMC4yNWVtO1xuICAgIH1cbiAgICBzdXAge1xuICAgICAgdG9wOiAtMC41ZW07XG4gICAgfVxuXG4gICAgLypcbiBMaW5rc1xuICBSZW1vdmUgdGhlIGdyYXkgYmFja2dyb3VuZCBvbiBhY3RpdmUgbGlua3MgaW4gSUUgMTAuXG4gIFJlbW92ZSBnYXBzIGluIGxpbmtzIHVuZGVybGluZSBpbiBpT1MgOCsgYW5kIFNhZmFyaSA4Ky5cbiovXG5cbiAgICBhIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAtd2Via2l0LXRleHQtZGVjb3JhdGlvbi1za2lwOiBvYmplY3RzO1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLypcbiAgQW5kIHVuZG8gdGhlc2Ugc3R5bGVzIGZvciBwbGFjZWhvbGRlciBsaW5rcy9uYW1lZCBhbmNob3JzICh3aXRob3V0IGhyZWYpXG4gIHdoaWNoIGhhdmUgbm90IGJlZW4gbWFkZSBleHBsaWNpdGx5IGtleWJvYXJkLWZvY3VzYWJsZSAod2l0aG91dCB0YWJpbmRleCkuXG4gIEl0IHdvdWxkIGJlIG1vcmUgc3RyYWlnaHRmb3J3YXJkIHRvIGp1c3QgdXNlIGFbaHJlZl0gaW4gcHJldmlvdXMgYmxvY2ssIGJ1dCB0aGF0XG4gIGNhdXNlcyBzcGVjaWZpY2l0eSBpc3N1ZXMgaW4gbWFueSBvdGhlciBzdHlsZXMgdGhhdCBhcmUgdG9vIGNvbXBsZXggdG8gZml4LlxuICAqL1xuXG4gICAgYTpub3QoW2hyZWZdKTpub3QoW3RhYmluZGV4XSkge1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgIH1cblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyogQ29kZSAqL1xuXG4gICAgcHJlLFxuICAgIGNvZGUsXG4gICAga2JkLFxuICAgIHNhbXAge1xuICAgICAgLyogQ29ycmVjdCB0aGUgaW5oZXJpdGFuY2UgYW5kIHNjYWxpbmcgb2YgZm9udCBzaXplIGluIGFsbCBicm93c2Vycy4gKi9cbiAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2UsIG1vbm9zcGFjZTtcbiAgICAgIC8qIENvcnJlY3QgdGhlIG9kZCBcXGBlbVxcYCBmb250IHNpemluZyBpbiBhbGwgYnJvd3NlcnMuKi9cbiAgICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIH1cbiAgICAvKiBzdHlsZWxpbnQtZW5hYmxlIGZvbnQtZmFtaWx5LW5vLWR1cGxpY2F0ZS1uYW1lcyAqL1xuXG4gICAgcHJlIHtcbiAgICAgIC8qIFJlbW92ZSBicm93c2VyIGRlZmF1bHQgdG9wIG1hcmdpbiAqL1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIC8qIFJlc2V0IGJyb3dzZXIgZGVmYXVsdCBvZiBcXGAxZW1cXGAgdG8gdXNlIFxcYHJlbVxcYHMgKi9cbiAgICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgICAvKiBEb24ndCBhbGxvdyBjb250ZW50IHRvIGJyZWFrIG91dHNpZGUgKi9cbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgLyogV2UgaGF2ZSBAdmlld3BvcnQgc2V0IHdoaWNoIGNhdXNlcyBzY3JvbGxiYXJzIHRvIG92ZXJsYXAgY29udGVudCBpbiBJRTExIGFuZCBFZGdlLCBzbyAqL1xuICAgICAgLyogd2UgZm9yY2UgYSBub24tb3ZlcmxhcHBpbmcsIG5vbi1hdXRvLWhpZGluZyBzY3JvbGxiYXIgdG8gY291bnRlcmFjdC4gKi9cbiAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyO1xuICAgIH1cblxuICAgIC8qXG5GaWd1cmVzXG4qL1xuICAgIGZpZ3VyZSB7XG4gICAgICAvKiBBcHBseSBhIGNvbnNpc3RlbnQgbWFyZ2luIHN0cmF0ZWd5IChtYXRjaGVzIG91ciB0eXBlIHN0eWxlcykuICovXG4gICAgICBtYXJnaW46IDAgMCAxcmVtO1xuICAgIH1cblxuICAgIC8qIEltYWdlcyBhbmQgY29udGVudCAqL1xuICAgIGltZyB7XG4gICAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgICAgLyogUmVtb3ZlIHRoZSBib3JkZXIgb24gaW1hZ2VzIGluc2lkZSBsaW5rcyBpbiBJRSAxMC0uICovXG4gICAgICBib3JkZXItc3R5bGU6IG5vbmU7XG4gICAgfVxuXG4gICAgc3ZnOm5vdCg6cm9vdCkge1xuICAgICAgLyogSGlkZSB0aGUgb3ZlcmZsb3cgaW4gSUUgKi9cbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuXG4gICAgLyogVGFibGVzICAqL1xuICAgIHRhYmxlIHtcbiAgICAgIC8qICogIFByZXZlbnQgZG91YmxlIGJvcmRlcnMgKi9cbiAgICAgIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gICAgfVxuXG4gICAgY2FwdGlvbiB7XG4gICAgICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nWzE2XX07XG4gICAgICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nWzE2XX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5zcGFjaW5nWzE2XX07XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgY2FwdGlvbi1zaWRlOiBib3R0b207XG4gICAgfVxuXG4gICAgdGgge1xuICAgICAgLyogIE1hdGNoZXMgZGVmYXVsdCBcXGA8dGQ+XFxgIGFsaWdubWVudCBieSBpbmhlcml0aW5nIGZyb20gdGhlIFxcYDxib2R5PlxcYCwgb3IgdGhlXG4gIGNsb3Nlc3QgcGFyZW50IHdpdGggYSBzZXQgXFxgdGV4dC1hbGlnblxcYC4gKi9cbiAgICAgIHRleHQtYWxpZ246IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgLyogRm9ybXMgKi9cblxuICAgIGxhYmVsIHtcbiAgICAgIC8qIEFsbG93IGxhYmVscyB0byB1c2UgXFxgbWFyZ2luXFxgIGZvciBzcGFjaW5nLiAqL1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICB9XG5cbiAgICAvKiBSZW1vdmUgdGhlIGRlZmF1bHQgXFxgYm9yZGVyLXJhZGl1c1xcYCB0aGF0IG1hY09TIENocm9tZSBhZGRzLlxuIERldGFpbHMgYXQgaHR0cHM6Ly9naXRodWIuY29tL3R3YnMvYm9vdHN0cmFwL2lzc3Vlcy8yNDA5MyAgICAgKi9cblxuICAgIGJ1dHRvbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIH1cblxuICAgIC8qXG4gIFdvcmsgYXJvdW5kIGEgRmlyZWZveC9JRSBidWcgd2hlcmUgdGhlIHRyYW5zcGFyZW50IFxcYGJ1dHRvblxcYCBiYWNrZ3JvdW5kXG4gIHJlc3VsdHMgaW4gYSBsb3NzIG9mIHRoZSBkZWZhdWx0IFxcYGJ1dHRvblxcYCBmb2N1cyBzdHlsZXMuXG4gIENyZWRpdDogaHR0cHM6Ly9naXRodWIuY29tL3N1aXRjc3MvYmFzZS9cbiAgKi9cblxuICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6IDFweCBkb3R0ZWQ7XG4gICAgICBvdXRsaW5lOiA1cHggYXV0byAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gICAgfVxuXG4gICAgaW5wdXQsXG4gICAgYnV0dG9uLFxuICAgIHNlbGVjdCxcbiAgICBvcHRncm91cCxcbiAgICB0ZXh0YXJlYSB7XG4gICAgICAvKiBSZW1vdmUgdGhlIG1hcmdpbiBpbiBGaXJlZm94IGFuZCBTYWZhcmkgKi9cbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xuICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgYnV0dG9uLFxuICAgIGlucHV0IHtcbiAgICAgIC8qIFNob3cgdGhlIG92ZXJmbG93IGluIEVkZ2UgKi9cbiAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgIH1cblxuICAgIGJ1dHRvbixcbiAgICBzZWxlY3Qge1xuICAgICAgLyogUmVtb3ZlIHRoZSBpbmhlcml0YW5jZSBvZiB0ZXh0IHRyYW5zZm9ybSBpbiBGaXJlZm94ICovXG4gICAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgICB9XG5cbiAgICAvKlxuICAxLiBQcmV2ZW50IGEgV2ViS2l0IGJ1ZyB3aGVyZSAoMikgZGVzdHJveXMgbmF0aXZlIFxcYGF1ZGlvXFxgIGFuZCBcXGB2aWRlb1xcYFxuICAgIGNvbnRyb2xzIGluIEFuZHJvaWQgNC5cbiAgMi4gQ29ycmVjdCB0aGUgaW5hYmlsaXR5IHRvIHN0eWxlIGNsaWNrYWJsZSB0eXBlcyBpbiBpT1MgYW5kIFNhZmFyaS5cbiAgKi9cbiAgICBidXR0b24sXG4gICAgaHRtbCBbdHlwZT0nYnV0dG9uJ10sXG4gICAgW3R5cGU9J3Jlc2V0J10sXG4gICAgW3R5cGU9J3N1Ym1pdCddIHtcbiAgICAgIC8qIDIgKi9cbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogYnV0dG9uO1xuICAgIH1cblxuICAgIGlucHV0W3R5cGU9J3JhZGlvJ10sXG4gICAgaW5wdXRbdHlwZT0nY2hlY2tib3gnXSB7XG4gICAgICAvKiAgMS4gQWRkIHRoZSBjb3JyZWN0IGJveCBzaXppbmcgaW4gSUUgMTAtICovXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgLyogMi4gUmVtb3ZlIHRoZSBwYWRkaW5nIGluIElFIDEwLSAqL1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5cbiAgICBpbnB1dFt0eXBlPSdkYXRlJ10sXG4gICAgaW5wdXRbdHlwZT0ndGltZSddLFxuICAgIGlucHV0W3R5cGU9J2RhdGV0aW1lLWxvY2FsJ10sXG4gICAgaW5wdXRbdHlwZT0nbW9udGgnXSB7XG4gICAgICAvKiBSZW1vdmUgdGhlIGRlZmF1bHQgYXBwZWFyYW5jZSBvZiB0ZW1wb3JhbCBpbnB1dHMgdG8gYXZvaWQgYSBNb2JpbGUgU2FmYXJpXG4gICAgYnVnIHdoZXJlIHNldHRpbmcgYSBjdXN0b20gbGluZS1oZWlnaHQgcHJldmVudHMgdGV4dCBmcm9tIGJlaW5nIHZlcnRpY2FsbHlcbiAgICBjZW50ZXJlZCB3aXRoaW4gdGhlIGlucHV0LlxuICAgIFNlZSBodHRwczovL2J1Z3Mud2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9MTM5ODQ4XG4gICAgYW5kIGh0dHBzOi8vZ2l0aHViLmNvbS90d2JzL2Jvb3RzdHJhcC9pc3N1ZXMvMTEyNjYgKi9cbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbGlzdGJveDtcbiAgICB9XG5cbiAgICB0ZXh0YXJlYSB7XG4gICAgICAvKiBSZW1vdmUgdGhlIGRlZmF1bHQgdmVydGljYWwgc2Nyb2xsYmFyIGluIElFLiAqL1xuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAvKiBUZXh0YXJlYXMgc2hvdWxkIHJlYWxseSBvbmx5IHJlc2l6ZSB2ZXJ0aWNhbGx5IHNvIHRoZXkgZG9uJ3QgYnJlYWsgdGhlaXIgKGhvcml6b250YWwpIGNvbnRhaW5lcnMuICovXG4gICAgICByZXNpemU6IHZlcnRpY2FsO1xuICAgIH1cblxuICAgIGZpZWxkc2V0IHtcbiAgICAgIC8qIEJyb3dzZXJzIHNldCBhIGRlZmF1bHQgXFxgbWluLXdpZHRoOiBtaW4tY29udGVudDtcXGAgb24gZmllbGRzZXRzLFxuICB1bmxpa2UgZS5nLiBcXGA8ZGl2PlxcYHMsIHdoaWNoIGhhdmUgXFxgbWluLXdpZHRoOiAwO1xcYCBieSBkZWZhdWx0LlxuICBTbyB3ZSByZXNldCB0aGF0IHRvIGVuc3VyZSBmaWVsZHNldHMgYmVoYXZlIG1vcmUgbGlrZSBhIHN0YW5kYXJkIGJsb2NrIGVsZW1lbnQuXG4gIFNlZSBodHRwczovL2dpdGh1Yi5jb20vdHdicy9ib290c3RyYXAvaXNzdWVzLzEyMzU5XG4gIGFuZCBodHRwczovL2h0bWwuc3BlYy53aGF0d2cub3JnL211bHRpcGFnZS8jdGhlLWZpZWxkc2V0LWFuZC1sZWdlbmQtZWxlbWVudHMgKi9cbiAgICAgIG1pbi13aWR0aDogMDtcbiAgICAgIC8qIFJlc2V0IHRoZSBkZWZhdWx0IG91dGxpbmUgYmVoYXZpb3Igb2YgZmllbGRzZXRzIHNvIHRoZXkgZG9uJ3QgYWZmZWN0IHBhZ2UgbGF5b3V0LiovXG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgYm9yZGVyOiAwO1xuICAgIH1cblxuICAgIC8qIDEuIENvcnJlY3QgdGhlIHRleHQgd3JhcHBpbmcgaW4gRWRnZSBhbmQgSUUuICovXG4gICAgLyogMi4gQ29ycmVjdCB0aGUgY29sb3IgaW5oZXJpdGFuY2UgZnJvbSBcXGBmaWVsZHNldFxcYCBlbGVtZW50cyBpbiBJRS4gKi9cbiAgICBsZWdlbmQge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIC8qIDEgKi9cbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG4gICAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICAgIGxpbmUtaGVpZ2h0OiBpbmhlcml0O1xuICAgICAgLyogMiAqL1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAvKiAxICovXG4gICAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIH1cblxuICAgIHByb2dyZXNzIHtcbiAgICAgIC8qIEFkZCB0aGUgY29ycmVjdCB2ZXJ0aWNhbCBhbGlnbm1lbnQgaW4gQ2hyb21lLCBGaXJlZm94LCBhbmQgT3BlcmEuICovXG4gICAgICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG4gICAgfVxuXG4gICAgLyogQ29ycmVjdCB0aGUgY3Vyc29yIHN0eWxlIG9mIGluY3JlbWVudCBhbmQgZGVjcmVtZW50IGJ1dHRvbnMgaW4gQ2hyb21lLiAqL1xuICAgIFt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbixcbiAgICBbdHlwZT0nbnVtYmVyJ106Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24ge1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgIH1cblxuICAgIFt0eXBlPSdzZWFyY2gnXSB7XG4gICAgICAvKlxuICAgIFRoaXMgb3ZlcnJpZGVzIHRoZSBleHRyYSByb3VuZGVkIGNvcm5lcnMgb24gc2VhcmNoIGlucHV0cyBpbiBpT1Mgc28gdGhhdCBvdXJcbiAgICBcXGAuZm9ybS1jb250cm9sXFxgIGNsYXNzIGNhbiBwcm9wZXJseSBzdHlsZSB0aGVtLiBOb3RlIHRoYXQgdGhpcyBjYW5ub3Qgc2ltcGx5XG4gICAgYmUgYWRkZWQgdG8gXFxgLmZvcm0tY29udHJvbFxcYCBhcyBpdCdzIG5vdCBzcGVjaWZpYyBlbm91Z2guIEZvciBkZXRhaWxzLCBzZWVcbiAgICBodHRwczovL2dpdGh1Yi5jb20vdHdicy9ib290c3RyYXAvaXNzdWVzLzExNTg2LlxuICAgICovXG4gICAgICAvKiAyLiBDb3JyZWN0IHRoZSBvdXRsaW5lIHN0eWxlIGluIFNhZmFyaS4gKi9cbiAgICAgIG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIH1cblxuICAgIC8qIFJlbW92ZSB0aGUgaW5uZXIgcGFkZGluZyBhbmQgY2FuY2VsIGJ1dHRvbnMgaW4gQ2hyb21lIGFuZCBTYWZhcmkgb24gbWFjT1MuICovXG5cbiAgICBbdHlwZT0nc2VhcmNoJ106Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24sXG4gICAgW3R5cGU9J3NlYXJjaCddOjotd2Via2l0LXNlYXJjaC1kZWNvcmF0aW9uIHtcbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICB9XG5cbiAgICAvKlxuICAxLiBDb3JyZWN0IHRoZSBpbmFiaWxpdHkgdG8gc3R5bGUgY2xpY2thYmxlIHR5cGVzIGluIGlPUyBhbmQgU2FmYXJpLlxuICAyLiBDaGFuZ2UgZm9udCBwcm9wZXJ0aWVzIHRvIFxcYGluaGVyaXRcXGAgaW4gU2FmYXJpLlxuICAqL1xuICAgIDo6LXdlYmtpdC1maWxlLXVwbG9hZC1idXR0b24ge1xuICAgICAgLyogMiAqL1xuICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgIC8qIDEgKi9cbiAgICAgIC13ZWJraXQtYXBwZWFyYW5jZTogYnV0dG9uO1xuICAgIH1cblxuICAgIC8qIENvcnJlY3QgZWxlbWVudCBkaXNwbGF5cyAqL1xuXG4gICAgb3V0cHV0IHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICBzdW1tYXJ5IHtcbiAgICAgIC8qIEFkZCB0aGUgY29ycmVjdCBkaXNwbGF5IGluIGFsbCBicm93c2VycyAqL1xuICAgICAgZGlzcGxheTogbGlzdC1pdGVtO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cblxuICAgIHRlbXBsYXRlIHtcbiAgICAgIC8qIEFkZCB0aGUgY29ycmVjdCBkaXNwbGF5IGluIElFICovXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC8qXG4gIEFsd2F5cyBoaWRlIGFuIGVsZW1lbnQgd2l0aCB0aGUgXFxgaGlkZGVuXFxgIEhUTUwgYXR0cmlidXRlIChmcm9tIFB1cmVDU1MpLlxuICBOZWVkZWQgZm9yIHByb3BlciBkaXNwbGF5IGluIElFIDEwLS5cbiAgKi9cbiAgICBbaGlkZGVuXSB7XG4gICAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17cmVib290U3R5bGVzfSAvPjtcbn07XG4iXX0= */"));
+  const {
+    useLogicalProperties
+  } = theme;
+  // const useLogicalProperties = true;
+  const rebootStyles = /*#__PURE__*/css("/**\n  * https://raw.githubusercontent.com/twbs/bootstrap/v4-dev/scss/_reboot.scss\n  * Reboot\n  * Normalization of HTML elements, manually forked from Normalize.css to remove\n  * styles targeting irrelevant browsers while applying new styles.\n  * Normalize is licensed MIT. https://github.com/necolas/normalize.css\n  * Document\n  * 1 Change from 'box-sizing: content-box' so that 'width' is affected by 'padding' and 'border'.\n  * 2 Change the default font family in all browsers.\n  * 3 Correct the line height in all browsers.\n  * 4 Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n  * 5 Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n  *    we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n  * 6 Change the default tap highlight to be completely transparent in iOS.\n*/*,*::before,*::after{box-sizing:border-box;}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}body{margin:0;font-family:", theme.fontFamily.base, ";font-weight:", theme.fontWeight.base, ";line-height:", theme.lineHeight.base, ";color:", theme.colors.text, ";text-align:", useLogicalProperties ? 'start' : 'left', ";background-color:", theme.colors.background, ";}[tabindex='-1']:focus{outline:0!important;}hr{box-sizing:content-box;height:0;overflow:visible;}h1,h2,h3,h4,h5,h6{", useLogicalProperties ? 'margin-block-start' : 'margin-top', ":0;}p{", useLogicalProperties ? 'margin-block-start' : 'margin-top', ":0;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":1rem;}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;", useLogicalProperties ? 'border-block-end' : 'border-bottom', ":0;}address{", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":1rem;font-style:normal;line-height:inherit;}ol,ul,dl{", useLogicalProperties ? 'margin-block-start' : 'margin-top', ":0;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":1rem;}ol ol,ul ul,ol ul,ul ol{", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":0;}dt{font-weight:", theme.fontWeight.title, ";}dd{", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":0.5rem;", useLogicalProperties ? 'margin-inline-start' : 'margin-left', ":0;}blockquote{", useLogicalProperties ? 'margin-block-start' : 'margin-top', ":0;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":1rem;", useLogicalProperties ? 'margin-inline-start' : 'margin-left', ":0;", useLogicalProperties ? 'margin-inline-end' : 'margin-right', ":0;}dfn{font-style:italic;}b,strong{font-weight:", theme.fontWeight.title, ";}small{font-size:", theme.fontSize[14], ";}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sub{", useLogicalProperties ? 'inset-block-end' : 'bottom', ":-0.25em;}sup{", useLogicalProperties ? 'inset-block-start' : 'top', ":-0.5em;}a{color:", theme.colors.primary, ";text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;&:hover{text-decoration:underline;}}a:not([href]):not([tabindex]){color:inherit;text-decoration:none;&:hover,&:focus{color:inherit;text-decoration:none;}&:focus{outline:0;}}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em;}pre{", useLogicalProperties ? 'margin-block-start' : 'margin-top', ":0;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":1rem;overflow:auto;/* We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so */-ms-overflow-style:scrollbar;}figure{", useLogicalProperties ? 'margin-block-start' : 'margin-top', ":0;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":1rem;", useLogicalProperties ? 'margin-inline-start' : 'margin-left', ":0;", useLogicalProperties ? 'margin-inline-end' : 'margin-right', ":0;}img{vertical-align:middle;border-style:none;}svg:not(:root){overflow:hidden;}table{border-collapse:collapse;}caption{", useLogicalProperties ? 'padding-block-start' : 'padding-top', ":1rem;", useLogicalProperties ? 'padding-block-end' : 'padding-bottom', ":1rem;color:", theme.spacing[16], ";text-align:", useLogicalProperties ? 'start' : 'left', ";caption-side:bottom;}th{text-align:inherit;}label{display:inline-block;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":0;}button{border-radius:0;}button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}button,input{overflow:visible;}button,select{text-transform:none;}button,html [type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}input[type='radio'],input[type='checkbox']{box-sizing:border-box;padding:0;}input[type='date'],input[type='time'],input[type='datetime-local'],input[type='month']{-webkit-appearance:listbox;}textarea{overflow:auto;resize:vertical;}fieldset{", useLogicalProperties ? 'min-inline-size' : 'min-width', ":0;padding:0;margin:0;border:0;}legend{display:block;", useLogicalProperties ? 'inline-size' : 'width', ":100%;", useLogicalProperties ? 'max-inline-size' : 'max-width', ":100%;padding:0;", useLogicalProperties ? 'margin-block-end' : 'margin-bottom', ":0.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;}progress{vertical-align:baseline;}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}[type='search']{outline-offset:-2px;-webkit-appearance:none;}[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}output{display:inline-block;}summary{display:list-item;cursor:pointer;}template{display:none;}[hidden]{display:none!important;};label:rebootStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1JlYm9vdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9nbG9iYWxzL1JlYm9vdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBSZWJvb3Q6IFJlYWN0LkZDPHsgdGhlbWU6IFRoZW1lIH0+ID0gKHsgdGhlbWUgfSkgPT4ge1xuICBjb25zdCB7IHVzZUxvZ2ljYWxQcm9wZXJ0aWVzIH0gPSB0aGVtZTtcbiAgLy8gY29uc3QgdXNlTG9naWNhbFByb3BlcnRpZXMgPSB0cnVlO1xuICBjb25zdCByZWJvb3RTdHlsZXMgPSBjc3NgXG4gICAgLyoqXG4gICogaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3R3YnMvYm9vdHN0cmFwL3Y0LWRldi9zY3NzL19yZWJvb3Quc2Nzc1xuICAqIFJlYm9vdFxuICAqIE5vcm1hbGl6YXRpb24gb2YgSFRNTCBlbGVtZW50cywgbWFudWFsbHkgZm9ya2VkIGZyb20gTm9ybWFsaXplLmNzcyB0byByZW1vdmVcbiAgKiBzdHlsZXMgdGFyZ2V0aW5nIGlycmVsZXZhbnQgYnJvd3NlcnMgd2hpbGUgYXBwbHlpbmcgbmV3IHN0eWxlcy5cbiAgKiBOb3JtYWxpemUgaXMgbGljZW5zZWQgTUlULiBodHRwczovL2dpdGh1Yi5jb20vbmVjb2xhcy9ub3JtYWxpemUuY3NzXG4gICogRG9jdW1lbnRcbiAgKiAxIENoYW5nZSBmcm9tICdib3gtc2l6aW5nOiBjb250ZW50LWJveCcgc28gdGhhdCAnd2lkdGgnIGlzIGFmZmVjdGVkIGJ5ICdwYWRkaW5nJyBhbmQgJ2JvcmRlcicuXG4gICogMiBDaGFuZ2UgdGhlIGRlZmF1bHQgZm9udCBmYW1pbHkgaW4gYWxsIGJyb3dzZXJzLlxuICAqIDMgQ29ycmVjdCB0aGUgbGluZSBoZWlnaHQgaW4gYWxsIGJyb3dzZXJzLlxuICAqIDQgUHJldmVudCBhZGp1c3RtZW50cyBvZiBmb250IHNpemUgYWZ0ZXIgb3JpZW50YXRpb24gY2hhbmdlcyBpbiBJRSBvbiBXaW5kb3dzIFBob25lIGFuZCBpbiBpT1MuXG4gICogNSBTZXR0aW5nIEB2aWV3cG9ydCBjYXVzZXMgc2Nyb2xsYmFycyB0byBvdmVybGFwIGNvbnRlbnQgaW4gSUUxMSBhbmQgRWRnZSwgc29cbiAgKiAgICB3ZSBmb3JjZSBhIG5vbi1vdmVybGFwcGluZywgbm9uLWF1dG8taGlkaW5nIHNjcm9sbGJhciB0byBjb3VudGVyYWN0LlxuICAqIDYgQ2hhbmdlIHRoZSBkZWZhdWx0IHRhcCBoaWdobGlnaHQgdG8gYmUgY29tcGxldGVseSB0cmFuc3BhcmVudCBpbiBpT1MuXG4qL1xuXG4gICAgKixcbiAgICAqOjpiZWZvcmUsXG4gICAgKjo6YWZ0ZXIge1xuICAgICAgLyogVGhpcyBpcyBjaGFuZ2VkIGZyb20gY29udGVudC1ib3ggdG8gYm9yZGVyLWJveCBhcyBhbGwgb2Ygb3VyIGNzcyByZWxpZXMgb24gaXQgKi9cbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7IC8qKiAxICovXG4gICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsgLyoqIDIgKi9cbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjE1OyAvKiogMyAqL1xuICAgICAgLXdlYmtpdC10ZXh0LXNpemUtYWRqdXN0OiAxMDAlOyAvKiogNCAqL1xuICAgICAgLW1zLXRleHQtc2l6ZS1hZGp1c3Q6IDEwMCU7IC8qKiA0ICovXG4gICAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IHNjcm9sbGJhcjsgLyoqIDUgKi9cbiAgICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTsgLyoqIDYgKi9cbiAgICB9XG5cbiAgICAvKipTaGltIGZvciBcIm5ld1wiIEhUTUw1IHN0cnVjdHVyYWwgZWxlbWVudHMgdG8gZGlzcGxheSBjb3JyZWN0bHkgKElFMTAsIG9sZGVyIGJyb3dzZXJzKSAqL1xuXG4gICAgYXJ0aWNsZSxcbiAgICBhc2lkZSxcbiAgICBkaWFsb2csXG4gICAgZmlnY2FwdGlvbixcbiAgICBmaWd1cmUsXG4gICAgZm9vdGVyLFxuICAgIGhlYWRlcixcbiAgICBoZ3JvdXAsXG4gICAgbWFpbixcbiAgICBuYXYsXG4gICAgc2VjdGlvbiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gICAgLyoqIEJvZHlcbiAgIDEuIFJlbW92ZSB0aGUgbWFyZ2luIGluIGFsbCBicm93c2Vycy5cbiAgIDIuIEFzIGEgYmVzdCBwcmFjdGljZSwgYXBwbHkgYSBkZWZhdWx0IFxcYGJhY2tncm91bmQtY29sb3JcXGAuXG4gICAzLiBTZXQgYW4gZXhwbGljaXQgaW5pdGlhbCB0ZXh0LWFsaWduIHZhbHVlIHNvIHRoYXQgd2UgY2FuIGxhdGVyIHVzZSB0aGVcbiAgICAgIHRoZSBcXGBpbmhlcml0XFxgIHZhbHVlIG9uIHRoaW5ncyBsaWtlIFxcYDx0aD5cXGAgZWxlbWVudHMuXG4gICAqL1xuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBmb250LWZhbWlseTogJHt0aGVtZS5mb250RmFtaWx5LmJhc2V9O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodC5iYXNlfTtcbiAgICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLmxpbmVIZWlnaHQuYmFzZX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dH07XG4gICAgICB0ZXh0LWFsaWduOiAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ3N0YXJ0JyA6ICdsZWZ0J307XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kfTtcbiAgICB9XG5cbiAgICAvKiBTdXBwcmVzcyB0aGUgZm9jdXMgb3V0bGluZSBvbiBlbGVtZW50cyB0aGF0IGNhbm5vdCBiZSBhY2Nlc3NlZCB2aWEga2V5Ym9hcmQuXG4gIFRoaXMgcHJldmVudHMgYW4gdW53YW50ZWQgZm9jdXMgb3V0bGluZSBmcm9tIGFwcGVhcmluZyBhcm91bmQgZWxlbWVudHMgdGhhdFxuICBtaWdodCBzdGlsbCByZXNwb25kIHRvIHBvaW50ZXIgZXZlbnRzLlxuIENyZWRpdDogaHR0cHM6Ly9naXRodWIuY29tL3N1aXRjc3MvYmFzZSAqL1xuXG4gICAgW3RhYmluZGV4PSctMSddOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IDAgIWltcG9ydGFudDtcbiAgICB9XG5cbiAgICAvKlxuICBDb250ZW50IGdyb3VwaW5nXG4gMS4gQWRkIHRoZSBjb3JyZWN0IGJveCBzaXppbmcgaW4gRmlyZWZveC5cbiAgMi4gU2hvdyB0aGUgb3ZlcmZsb3cgaW4gRWRnZSBhbmQgSUUuXG4qL1xuXG4gICAgaHIge1xuICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgICAvKiAxICovXG4gICAgICBoZWlnaHQ6IDA7XG4gICAgICAvKiAyICovXG4gICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG4gICAgLyogVHlwb2dyYXBoeSAqL1xuICAgIC8qXG4gIFJlbW92ZSB0b3AgbWFyZ2lucyBmcm9tIGhlYWRpbmdzXG4gICBCeSBkZWZhdWx0LCBcXGA8aDE+XFxgLVxcYDxoNj5cXGAgYWxsIHJlY2VpdmUgdG9wIGFuZCBib3R0b20gbWFyZ2lucy4gV2UgbnVrZSB0aGUgdG9wXG4gIG1hcmdpbiBmb3IgZWFzaWVyIGNvbnRyb2wgd2l0aGluIHR5cGUgc2NhbGVzIGFzIGl0IGF2b2lkcyBtYXJnaW4gY29sbGFwc2luZy5cbiovXG5cbiAgICBoMSxcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCxcbiAgICBoNSxcbiAgICBoNiB7XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1zdGFydCcgOiAnbWFyZ2luLXRvcCd9OiAwO1xuICAgIH1cblxuICAgIC8qXG4gIFJlc2V0IG1hcmdpbnMgb24gcGFyYWdyYXBoc1xuICBTaW1pbGFybHksIHRoZSB0b3AgbWFyZ2luIG9uIFxcYDxwPlxcYHMgZ2V0IHJlc2V0LiBIb3dldmVyLCB3ZSBhbHNvIHJlc2V0IHRoZVxuICBib3R0b20gbWFyZ2luIHRvIHVzZSBcXGByZW1cXGAgdW5pdHMgaW5zdGVhZCBvZiBcXGBlbVxcYC5cbiAgKi9cblxuICAgIHAge1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdtYXJnaW4tYmxvY2stc3RhcnQnIDogJ21hcmdpbi10b3AnfTogMDtcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWJsb2NrLWVuZCcgOiAnbWFyZ2luLWJvdHRvbSd9OiAxcmVtO1xuICAgIH1cblxuICAgIC8qXG4gIEFiYnJldmlhdGlvbnNcbiAgMS4gUmVtb3ZlIHRoZSBib3R0b20gYm9yZGVyIGluIEZpcmVmb3ggMzktLlxuICAyLiBBZGQgdGhlIGNvcnJlY3QgdGV4dCBkZWNvcmF0aW9uIGluIENocm9tZSwgRWRnZSwgSUUsIE9wZXJhLCBhbmQgU2FmYXJpLlxuICAzLiBBZGQgZXhwbGljaXQgY3Vyc29yIHRvIGluZGljYXRlIGNoYW5nZWQgYmVoYXZpb3IuXG4gIDQuIER1cGxpY2F0ZSBiZWhhdmlvciB0byB0aGUgZGF0YS0qIGF0dHJpYnV0ZSBmb3Igb3VyIHRvb2x0aXAgcGx1Z2luXG4gICovXG5cbiAgICBhYmJyW3RpdGxlXSxcbiAgICBhYmJyW2RhdGEtb3JpZ2luYWwtdGl0bGVdIHtcbiAgICAgIC8qIDQgKi9cbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuICAgICAgY3Vyc29yOiBoZWxwO1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdib3JkZXItYmxvY2stZW5kJyA6ICdib3JkZXItYm90dG9tJ306IDA7XG4gICAgfVxuXG4gICAgYWRkcmVzcyB7XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1lbmQnIDogJ21hcmdpbi1ib3R0b20nfTogMXJlbTtcbiAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICAgIGxpbmUtaGVpZ2h0OiBpbmhlcml0O1xuICAgIH1cblxuICAgIG9sLFxuICAgIHVsLFxuICAgIGRsIHtcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWJsb2NrLXN0YXJ0JyA6ICdtYXJnaW4tdG9wJ306IDA7XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1lbmQnIDogJ21hcmdpbi1ib3R0b20nfTogMXJlbTtcbiAgICB9XG5cbiAgICBvbCBvbCxcbiAgICB1bCB1bCxcbiAgICBvbCB1bCxcbiAgICB1bCBvbCB7XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1lbmQnIDogJ21hcmdpbi1ib3R0b20nfTogMDtcbiAgICB9XG5cbiAgICBkdCB7XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0LnRpdGxlfTtcbiAgICB9XG5cbiAgICBkZCB7XG4gICAgICAvKiBVbmRvIGJyb3dzZXIgZGVmYXVsdCAqL1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdtYXJnaW4tYmxvY2stZW5kJyA6ICdtYXJnaW4tYm90dG9tJ306IDAuNXJlbTtcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWlubGluZS1zdGFydCcgOiAnbWFyZ2luLWxlZnQnfTogMDtcbiAgICB9XG5cbiAgICBibG9ja3F1b3RlIHtcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWJsb2NrLXN0YXJ0JyA6ICdtYXJnaW4tdG9wJ306IDA7XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1lbmQnIDogJ21hcmdpbi1ib3R0b20nfTogMXJlbTtcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWlubGluZS1zdGFydCcgOiAnbWFyZ2luLWxlZnQnfTogMDtcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWlubGluZS1lbmQnIDogJ21hcmdpbi1yaWdodCd9OiAwO1xuICAgIH1cblxuICAgIGRmbiB7XG4gICAgICAvKiBBZGQgdGhlIGNvcnJlY3QgZm9udCBzdHlsZSBpbiBBbmRyb2lkIDQuMy0gKi9cbiAgICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICB9XG5cbiAgICBiLFxuICAgIHN0cm9uZyB7XG4gICAgICAvKiBBZGQgdGhlIGNvcnJlY3QgZm9udCB3ZWlnaHQgaW4gQ2hyb21lLCBFZGdlLCBhbmQgU2FmYXJpICovXG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0LnRpdGxlfTtcbiAgICB9XG5cbiAgICBzbWFsbCB7XG4gICAgICAvKiBBZGQgdGhlIGNvcnJlY3QgZm9udCBzaXplIGluIGFsbCBicm93c2VycyAqL1xuICAgICAgZm9udC1zaXplOiAke3RoZW1lLmZvbnRTaXplWzE0XX07XG4gICAgfVxuXG4gICAgLypcbiBQcmV2ZW50IFxcYHN1YlxcYCBhbmQgXFxgc3VwXFxgIGVsZW1lbnRzIGZyb20gYWZmZWN0aW5nIHRoZSBsaW5lIGhlaWdodCBpblxuICBhbGwgYnJvd3NlcnMuXG4qL1xuICAgIHN1YixcbiAgICBzdXAge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgZm9udC1zaXplOiA3NSU7XG4gICAgICBsaW5lLWhlaWdodDogMDtcbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICB9XG5cbiAgICBzdWIge1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdpbnNldC1ibG9jay1lbmQnIDogJ2JvdHRvbSd9OiAtMC4yNWVtO1xuICAgIH1cbiAgICBzdXAge1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdpbnNldC1ibG9jay1zdGFydCcgOiAndG9wJ306IC0wLjVlbTtcbiAgICB9XG5cbiAgICAvKlxuIExpbmtzXG4gIFJlbW92ZSB0aGUgZ3JheSBiYWNrZ3JvdW5kIG9uIGFjdGl2ZSBsaW5rcyBpbiBJRSAxMC5cbiAgUmVtb3ZlIGdhcHMgaW4gbGlua3MgdW5kZXJsaW5lIGluIGlPUyA4KyBhbmQgU2FmYXJpIDgrLlxuKi9cblxuICAgIGEge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIC13ZWJraXQtdGV4dC1kZWNvcmF0aW9uLXNraXA6IG9iamVjdHM7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvKlxuICBBbmQgdW5kbyB0aGVzZSBzdHlsZXMgZm9yIHBsYWNlaG9sZGVyIGxpbmtzL25hbWVkIGFuY2hvcnMgKHdpdGhvdXQgaHJlZilcbiAgd2hpY2ggaGF2ZSBub3QgYmVlbiBtYWRlIGV4cGxpY2l0bHkga2V5Ym9hcmQtZm9jdXNhYmxlICh3aXRob3V0IHRhYmluZGV4KS5cbiAgSXQgd291bGQgYmUgbW9yZSBzdHJhaWdodGZvcndhcmQgdG8ganVzdCB1c2UgYVtocmVmXSBpbiBwcmV2aW91cyBibG9jaywgYnV0IHRoYXRcbiAgY2F1c2VzIHNwZWNpZmljaXR5IGlzc3VlcyBpbiBtYW55IG90aGVyIHN0eWxlcyB0aGF0IGFyZSB0b28gY29tcGxleCB0byBmaXguXG4gICovXG5cbiAgICBhOm5vdChbaHJlZl0pOm5vdChbdGFiaW5kZXhdKSB7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvKiBDb2RlICovXG5cbiAgICBwcmUsXG4gICAgY29kZSxcbiAgICBrYmQsXG4gICAgc2FtcCB7XG4gICAgICAvKiBDb3JyZWN0IHRoZSBpbmhlcml0YW5jZSBhbmQgc2NhbGluZyBvZiBmb250IHNpemUgaW4gYWxsIGJyb3dzZXJzLiAqL1xuICAgICAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZSwgbW9ub3NwYWNlO1xuICAgICAgLyogQ29ycmVjdCB0aGUgb2RkIFxcYGVtXFxgIGZvbnQgc2l6aW5nIGluIGFsbCBicm93c2Vycy4qL1xuICAgICAgZm9udC1zaXplOiAxZW07XG4gICAgfVxuICAgIC8qIHN0eWxlbGludC1lbmFibGUgZm9udC1mYW1pbHktbm8tZHVwbGljYXRlLW5hbWVzICovXG5cbiAgICBwcmUge1xuICAgICAgLyogUmVtb3ZlIGJyb3dzZXIgZGVmYXVsdCB0b3AgbWFyZ2luICovXG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1zdGFydCcgOiAnbWFyZ2luLXRvcCd9OiAwO1xuICAgICAgLyogUmVzZXQgYnJvd3NlciBkZWZhdWx0IG9mIFxcYDFlbVxcYCB0byB1c2UgXFxgcmVtXFxgcyAqL1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdtYXJnaW4tYmxvY2stZW5kJyA6ICdtYXJnaW4tYm90dG9tJ306IDFyZW07XG4gICAgICAvKiBEb24ndCBhbGxvdyBjb250ZW50IHRvIGJyZWFrIG91dHNpZGUgKi9cbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgLyogV2UgaGF2ZSBAdmlld3BvcnQgc2V0IHdoaWNoIGNhdXNlcyBzY3JvbGxiYXJzIHRvIG92ZXJsYXAgY29udGVudCBpbiBJRTExIGFuZCBFZGdlLCBzbyAqL1xuICAgICAgLyogd2UgZm9yY2UgYSBub24tb3ZlcmxhcHBpbmcsIG5vbi1hdXRvLWhpZGluZyBzY3JvbGxiYXIgdG8gY291bnRlcmFjdC4gKi9cbiAgICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogc2Nyb2xsYmFyO1xuICAgIH1cblxuICAgIC8qXG5GaWd1cmVzXG4qL1xuICAgIGZpZ3VyZSB7XG4gICAgICAvKiBBcHBseSBhIGNvbnNpc3RlbnQgbWFyZ2luIHN0cmF0ZWd5IChtYXRjaGVzIG91ciB0eXBlIHN0eWxlcykuICovXG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1ibG9jay1zdGFydCcgOiAnbWFyZ2luLXRvcCd9OiAwO1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdtYXJnaW4tYmxvY2stZW5kJyA6ICdtYXJnaW4tYm90dG9tJ306IDFyZW07XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1pbmxpbmUtc3RhcnQnIDogJ21hcmdpbi1sZWZ0J306IDA7XG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21hcmdpbi1pbmxpbmUtZW5kJyA6ICdtYXJnaW4tcmlnaHQnfTogMDtcbiAgICB9XG5cbiAgICAvKiBJbWFnZXMgYW5kIGNvbnRlbnQgKi9cbiAgICBpbWcge1xuICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgIC8qIFJlbW92ZSB0aGUgYm9yZGVyIG9uIGltYWdlcyBpbnNpZGUgbGlua3MgaW4gSUUgMTAtLiAqL1xuICAgICAgYm9yZGVyLXN0eWxlOiBub25lO1xuICAgIH1cblxuICAgIHN2Zzpub3QoOnJvb3QpIHtcbiAgICAgIC8qIEhpZGUgdGhlIG92ZXJmbG93IGluIElFICovXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cblxuICAgIC8qIFRhYmxlcyAgKi9cbiAgICB0YWJsZSB7XG4gICAgICAvKiAqICBQcmV2ZW50IGRvdWJsZSBib3JkZXJzICovXG4gICAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICAgIH1cblxuICAgIGNhcHRpb24ge1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdwYWRkaW5nLWJsb2NrLXN0YXJ0JyA6ICdwYWRkaW5nLXRvcCd9OiAxcmVtO1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdwYWRkaW5nLWJsb2NrLWVuZCcgOiAncGFkZGluZy1ib3R0b20nfTogMXJlbTtcbiAgICAgIGNvbG9yOiAke3RoZW1lLnNwYWNpbmdbMTZdfTtcbiAgICAgIHRleHQtYWxpZ246ICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnc3RhcnQnIDogJ2xlZnQnfTtcbiAgICAgIGNhcHRpb24tc2lkZTogYm90dG9tO1xuICAgIH1cblxuICAgIHRoIHtcbiAgICAgIC8qICBNYXRjaGVzIGRlZmF1bHQgXFxgPHRkPlxcYCBhbGlnbm1lbnQgYnkgaW5oZXJpdGluZyBmcm9tIHRoZSBcXGA8Ym9keT5cXGAsIG9yIHRoZVxuICBjbG9zZXN0IHBhcmVudCB3aXRoIGEgc2V0IFxcYHRleHQtYWxpZ25cXGAuICovXG4gICAgICB0ZXh0LWFsaWduOiBpbmhlcml0O1xuICAgIH1cblxuICAgIC8qIEZvcm1zICovXG5cbiAgICBsYWJlbCB7XG4gICAgICAvKiBBbGxvdyBsYWJlbHMgdG8gdXNlIFxcYG1hcmdpblxcYCBmb3Igc3BhY2luZy4gKi9cbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnbWFyZ2luLWJsb2NrLWVuZCcgOiAnbWFyZ2luLWJvdHRvbSd9OiAwO1xuICAgIH1cblxuICAgIC8qIFJlbW92ZSB0aGUgZGVmYXVsdCBcXGBib3JkZXItcmFkaXVzXFxgIHRoYXQgbWFjT1MgQ2hyb21lIGFkZHMuXG4gRGV0YWlscyBhdCBodHRwczovL2dpdGh1Yi5jb20vdHdicy9ib290c3RyYXAvaXNzdWVzLzI0MDkzICAgICAqL1xuXG4gICAgYnV0dG9uIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgLypcbiAgV29yayBhcm91bmQgYSBGaXJlZm94L0lFIGJ1ZyB3aGVyZSB0aGUgdHJhbnNwYXJlbnQgXFxgYnV0dG9uXFxgIGJhY2tncm91bmRcbiAgcmVzdWx0cyBpbiBhIGxvc3Mgb2YgdGhlIGRlZmF1bHQgXFxgYnV0dG9uXFxgIGZvY3VzIHN0eWxlcy5cbiAgQ3JlZGl0OiBodHRwczovL2dpdGh1Yi5jb20vc3VpdGNzcy9iYXNlL1xuICAqL1xuXG4gICAgYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZTogMXB4IGRvdHRlZDtcbiAgICAgIG91dGxpbmU6IDVweCBhdXRvIC13ZWJraXQtZm9jdXMtcmluZy1jb2xvcjtcbiAgICB9XG5cbiAgICBpbnB1dCxcbiAgICBidXR0b24sXG4gICAgc2VsZWN0LFxuICAgIG9wdGdyb3VwLFxuICAgIHRleHRhcmVhIHtcbiAgICAgIC8qIFJlbW92ZSB0aGUgbWFyZ2luIGluIEZpcmVmb3ggYW5kIFNhZmFyaSAqL1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBmb250LXNpemU6IGluaGVyaXQ7XG4gICAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgICB9XG5cbiAgICBidXR0b24sXG4gICAgaW5wdXQge1xuICAgICAgLyogU2hvdyB0aGUgb3ZlcmZsb3cgaW4gRWRnZSAqL1xuICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuXG4gICAgYnV0dG9uLFxuICAgIHNlbGVjdCB7XG4gICAgICAvKiBSZW1vdmUgdGhlIGluaGVyaXRhbmNlIG9mIHRleHQgdHJhbnNmb3JtIGluIEZpcmVmb3ggKi9cbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cblxuICAgIC8qXG4gIDEuIFByZXZlbnQgYSBXZWJLaXQgYnVnIHdoZXJlICgyKSBkZXN0cm95cyBuYXRpdmUgXFxgYXVkaW9cXGAgYW5kIFxcYHZpZGVvXFxgXG4gICAgY29udHJvbHMgaW4gQW5kcm9pZCA0LlxuICAyLiBDb3JyZWN0IHRoZSBpbmFiaWxpdHkgdG8gc3R5bGUgY2xpY2thYmxlIHR5cGVzIGluIGlPUyBhbmQgU2FmYXJpLlxuICAqL1xuICAgIGJ1dHRvbixcbiAgICBodG1sIFt0eXBlPSdidXR0b24nXSxcbiAgICBbdHlwZT0ncmVzZXQnXSxcbiAgICBbdHlwZT0nc3VibWl0J10ge1xuICAgICAgLyogMiAqL1xuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBidXR0b247XG4gICAgfVxuXG4gICAgaW5wdXRbdHlwZT0ncmFkaW8nXSxcbiAgICBpbnB1dFt0eXBlPSdjaGVja2JveCddIHtcbiAgICAgIC8qICAxLiBBZGQgdGhlIGNvcnJlY3QgYm94IHNpemluZyBpbiBJRSAxMC0gKi9cbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAvKiAyLiBSZW1vdmUgdGhlIHBhZGRpbmcgaW4gSUUgMTAtICovXG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgIGlucHV0W3R5cGU9J2RhdGUnXSxcbiAgICBpbnB1dFt0eXBlPSd0aW1lJ10sXG4gICAgaW5wdXRbdHlwZT0nZGF0ZXRpbWUtbG9jYWwnXSxcbiAgICBpbnB1dFt0eXBlPSdtb250aCddIHtcbiAgICAgIC8qIFJlbW92ZSB0aGUgZGVmYXVsdCBhcHBlYXJhbmNlIG9mIHRlbXBvcmFsIGlucHV0cyB0byBhdm9pZCBhIE1vYmlsZSBTYWZhcmlcbiAgICBidWcgd2hlcmUgc2V0dGluZyBhIGN1c3RvbSBsaW5lLWhlaWdodCBwcmV2ZW50cyB0ZXh0IGZyb20gYmVpbmcgdmVydGljYWxseVxuICAgIGNlbnRlcmVkIHdpdGhpbiB0aGUgaW5wdXQuXG4gICAgU2VlIGh0dHBzOi8vYnVncy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD0xMzk4NDhcbiAgICBhbmQgaHR0cHM6Ly9naXRodWIuY29tL3R3YnMvYm9vdHN0cmFwL2lzc3Vlcy8xMTI2NiAqL1xuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBsaXN0Ym94O1xuICAgIH1cblxuICAgIHRleHRhcmVhIHtcbiAgICAgIC8qIFJlbW92ZSB0aGUgZGVmYXVsdCB2ZXJ0aWNhbCBzY3JvbGxiYXIgaW4gSUUuICovXG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIC8qIFRleHRhcmVhcyBzaG91bGQgcmVhbGx5IG9ubHkgcmVzaXplIHZlcnRpY2FsbHkgc28gdGhleSBkb24ndCBicmVhayB0aGVpciAoaG9yaXpvbnRhbCkgY29udGFpbmVycy4gKi9cbiAgICAgIHJlc2l6ZTogdmVydGljYWw7XG4gICAgfVxuXG4gICAgZmllbGRzZXQge1xuICAgICAgLyogQnJvd3NlcnMgc2V0IGEgZGVmYXVsdCBcXGBtaW4td2lkdGg6IG1pbi1jb250ZW50O1xcYCBvbiBmaWVsZHNldHMsXG4gIHVubGlrZSBlLmcuIFxcYDxkaXY+XFxgcywgd2hpY2ggaGF2ZSBcXGBtaW4td2lkdGg6IDA7XFxgIGJ5IGRlZmF1bHQuXG4gIFNvIHdlIHJlc2V0IHRoYXQgdG8gZW5zdXJlIGZpZWxkc2V0cyBiZWhhdmUgbW9yZSBsaWtlIGEgc3RhbmRhcmQgYmxvY2sgZWxlbWVudC5cbiAgU2VlIGh0dHBzOi8vZ2l0aHViLmNvbS90d2JzL2Jvb3RzdHJhcC9pc3N1ZXMvMTIzNTlcbiAgYW5kIGh0dHBzOi8vaHRtbC5zcGVjLndoYXR3Zy5vcmcvbXVsdGlwYWdlLyN0aGUtZmllbGRzZXQtYW5kLWxlZ2VuZC1lbGVtZW50cyAqL1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdtaW4taW5saW5lLXNpemUnIDogJ21pbi13aWR0aCd9OiAwO1xuICAgICAgLyogUmVzZXQgdGhlIGRlZmF1bHQgb3V0bGluZSBiZWhhdmlvciBvZiBmaWVsZHNldHMgc28gdGhleSBkb24ndCBhZmZlY3QgcGFnZSBsYXlvdXQuKi9cbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICBib3JkZXI6IDA7XG4gICAgfVxuXG4gICAgLyogMS4gQ29ycmVjdCB0aGUgdGV4dCB3cmFwcGluZyBpbiBFZGdlIGFuZCBJRS4gKi9cbiAgICAvKiAyLiBDb3JyZWN0IHRoZSBjb2xvciBpbmhlcml0YW5jZSBmcm9tIFxcYGZpZWxkc2V0XFxgIGVsZW1lbnRzIGluIElFLiAqL1xuICAgIGxlZ2VuZCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICR7dXNlTG9naWNhbFByb3BlcnRpZXMgPyAnaW5saW5lLXNpemUnIDogJ3dpZHRoJ306IDEwMCU7XG4gICAgICAvKiAxICovXG4gICAgICAke3VzZUxvZ2ljYWxQcm9wZXJ0aWVzID8gJ21heC1pbmxpbmUtc2l6ZScgOiAnbWF4LXdpZHRoJ306IDEwMCU7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgJHt1c2VMb2dpY2FsUHJvcGVydGllcyA/ICdtYXJnaW4tYmxvY2stZW5kJyA6ICdtYXJnaW4tYm90dG9tJ306IDAuNXJlbTtcbiAgICAgIGZvbnQtc2l6ZTogMS41cmVtO1xuICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgICAvKiAyICovXG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIC8qIDEgKi9cbiAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgfVxuXG4gICAgcHJvZ3Jlc3Mge1xuICAgICAgLyogQWRkIHRoZSBjb3JyZWN0IHZlcnRpY2FsIGFsaWdubWVudCBpbiBDaHJvbWUsIEZpcmVmb3gsIGFuZCBPcGVyYS4gKi9cbiAgICAgIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgICB9XG5cbiAgICAvKiBDb3JyZWN0IHRoZSBjdXJzb3Igc3R5bGUgb2YgaW5jcmVtZW50IGFuZCBkZWNyZW1lbnQgYnV0dG9ucyBpbiBDaHJvbWUuICovXG4gICAgW3R5cGU9J251bWJlciddOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuICAgIFt0eXBlPSdudW1iZXInXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiB7XG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgfVxuXG4gICAgW3R5cGU9J3NlYXJjaCddIHtcbiAgICAgIC8qXG4gICAgVGhpcyBvdmVycmlkZXMgdGhlIGV4dHJhIHJvdW5kZWQgY29ybmVycyBvbiBzZWFyY2ggaW5wdXRzIGluIGlPUyBzbyB0aGF0IG91clxuICAgIFxcYC5mb3JtLWNvbnRyb2xcXGAgY2xhc3MgY2FuIHByb3Blcmx5IHN0eWxlIHRoZW0uIE5vdGUgdGhhdCB0aGlzIGNhbm5vdCBzaW1wbHlcbiAgICBiZSBhZGRlZCB0byBcXGAuZm9ybS1jb250cm9sXFxgIGFzIGl0J3Mgbm90IHNwZWNpZmljIGVub3VnaC4gRm9yIGRldGFpbHMsIHNlZVxuICAgIGh0dHBzOi8vZ2l0aHViLmNvbS90d2JzL2Jvb3RzdHJhcC9pc3N1ZXMvMTE1ODYuXG4gICAgKi9cbiAgICAgIC8qIDIuIENvcnJlY3QgdGhlIG91dGxpbmUgc3R5bGUgaW4gU2FmYXJpLiAqL1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IC0ycHg7XG4gICAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgfVxuXG4gICAgLyogUmVtb3ZlIHRoZSBpbm5lciBwYWRkaW5nIGFuZCBjYW5jZWwgYnV0dG9ucyBpbiBDaHJvbWUgYW5kIFNhZmFyaSBvbiBtYWNPUy4gKi9cblxuICAgIFt0eXBlPSdzZWFyY2gnXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvbixcbiAgICBbdHlwZT0nc2VhcmNoJ106Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24ge1xuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICAgIH1cblxuICAgIC8qXG4gIDEuIENvcnJlY3QgdGhlIGluYWJpbGl0eSB0byBzdHlsZSBjbGlja2FibGUgdHlwZXMgaW4gaU9TIGFuZCBTYWZhcmkuXG4gIDIuIENoYW5nZSBmb250IHByb3BlcnRpZXMgdG8gXFxgaW5oZXJpdFxcYCBpbiBTYWZhcmkuXG4gICovXG4gICAgOjotd2Via2l0LWZpbGUtdXBsb2FkLWJ1dHRvbiB7XG4gICAgICAvKiAyICovXG4gICAgICBmb250OiBpbmhlcml0O1xuICAgICAgLyogMSAqL1xuICAgICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBidXR0b247XG4gICAgfVxuXG4gICAgLyogQ29ycmVjdCBlbGVtZW50IGRpc3BsYXlzICovXG5cbiAgICBvdXRwdXQge1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIH1cblxuICAgIHN1bW1hcnkge1xuICAgICAgLyogQWRkIHRoZSBjb3JyZWN0IGRpc3BsYXkgaW4gYWxsIGJyb3dzZXJzICovXG4gICAgICBkaXNwbGF5OiBsaXN0LWl0ZW07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgdGVtcGxhdGUge1xuICAgICAgLyogQWRkIHRoZSBjb3JyZWN0IGRpc3BsYXkgaW4gSUUgKi9cbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLypcbiAgQWx3YXlzIGhpZGUgYW4gZWxlbWVudCB3aXRoIHRoZSBcXGBoaWRkZW5cXGAgSFRNTCBhdHRyaWJ1dGUgKGZyb20gUHVyZUNTUykuXG4gIE5lZWRlZCBmb3IgcHJvcGVyIGRpc3BsYXkgaW4gSUUgMTAtLlxuICAqL1xuICAgIFtoaWRkZW5dIHtcbiAgICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIDxHbG9iYWwgc3R5bGVzPXtyZWJvb3RTdHlsZXN9IC8+O1xufTtcbiJdfQ== */"));
   return /*#__PURE__*/_jsx(Global, {
     styles: rebootStyles
   });

package/dist/typings/theme.d.ts

@@ -2,5 +2,7 @@ import '@emotion/react';
 import { CoreTheme } from '../themes';
 
 declare module '@emotion/react' {
-  export interface Theme extends CoreTheme {}
+  export interface Theme extends CoreTheme {
+    useLogicalProperties?: boolean;
+  }
 }

package/dist/variance/config.d.ts

@@ -533,36 +533,67 @@ export declare const layout: {
     };
     readonly dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 };
 export declare const list: {
     readonly listStyle: {
@@ -1252,36 +1283,67 @@ export declare const all: {
     };
     dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     verticalAlign: {
         readonly property: "verticalAlign";
     };
+    direction: {
+        readonly property: "direction";
+    };
     justifyContent: {
         readonly property: "justifyContent";
     };

package/dist/variance/config.js

@@ -491,36 +491,67 @@ export const layout = {
   },
   dimensions: {
     property: 'width',
-    properties: ['width', 'height'],
+    properties: {
+      physical: ['width', 'height'],
+      logical: ['inlineSize', 'blockSize']
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   width: {
-    property: 'width',
+    property: {
+      physical: 'width',
+      logical: 'inlineSize'
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   minWidth: {
-    property: 'minWidth',
+    property: {
+      physical: 'minWidth',
+      logical: 'minInlineSize'
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   maxWidth: {
-    property: 'maxWidth',
+    property: {
+      physical: 'maxWidth',
+      logical: 'maxInlineSize'
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   height: {
-    property: 'height',
+    property: {
+      physical: 'height',
+      logical: 'blockSize'
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   minHeight: {
-    property: 'minHeight',
+    property: {
+      physical: 'minHeight',
+      logical: 'minBlockSize'
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   maxHeight: {
-    property: 'maxHeight',
+    property: {
+      physical: 'maxHeight',
+      logical: 'maxBlockSize'
+    },
+    resolveProperty: getPropertyMode,
     transform: transformSize
   },
   verticalAlign: {
     property: 'verticalAlign'
   },
+  direction: {
+    property: 'direction'
+  },
   ...selfAlignments,
   ...gridItems,
   ...flexItems

package/dist/variance/props.d.ts

@@ -215,36 +215,67 @@ export declare const layout: import("@codecademy/variance/dist/types/config").Pa
     };
     readonly dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     readonly verticalAlign: {
         readonly property: "verticalAlign";
     };
+    readonly direction: {
+        readonly property: "direction";
+    };
 }>>;
 export declare const positioning: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly position: {
@@ -1255,36 +1286,67 @@ export declare const css: import("@codecademy/variance/dist/types/config").CSS<i
     };
     dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     verticalAlign: {
         readonly property: "verticalAlign";
     };
+    direction: {
+        readonly property: "direction";
+    };
     justifyContent: {
         readonly property: "justifyContent";
     };
@@ -1901,36 +1963,67 @@ export declare const variant: import("@codecademy/variance/dist/types/config").V
     };
     dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     verticalAlign: {
         readonly property: "verticalAlign";
     };
+    direction: {
+        readonly property: "direction";
+    };
     justifyContent: {
         readonly property: "justifyContent";
     };
@@ -2547,36 +2640,67 @@ export declare const states: import("@codecademy/variance/dist/types/config").St
     };
     dimensions: {
         readonly property: "width";
-        readonly properties: readonly ["width", "height"];
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     width: {
-        readonly property: "width";
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minWidth: {
-        readonly property: "minWidth";
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxWidth: {
-        readonly property: "maxWidth";
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     height: {
-        readonly property: "height";
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     minHeight: {
-        readonly property: "minHeight";
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     maxHeight: {
-        readonly property: "maxHeight";
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
         readonly transform: (value: string | number) => string | 0;
     };
     verticalAlign: {
         readonly property: "verticalAlign";
     };
+    direction: {
+        readonly property: "direction";
+    };
     justifyContent: {
         readonly property: "justifyContent";
     };

package/dist/variance/utils.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { ThemeProps } from '@codecademy/variance';
-declare const allPropnames: ["mode", "variant", "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
+declare const allPropnames: ["mode", "variant", "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom"];
 export type SystemPropNames = (typeof allPropnames)[number];
 export type ElementOrProps = keyof JSX.IntrinsicElements | ThemeProps;
 export type ForwardableProps<El extends ElementOrProps, Additional> = Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, Additional | SystemPropNames>;
 export declare function createStyledOptions<El extends ElementOrProps = 'div', Additional extends string = never>(additional?: readonly Additional[]): {
-    shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "mode" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
+    shouldForwardProp: (prop: PropertyKey) => prop is Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "fontStyle" | "fontWeight" | "fontSize" | "fontFamily" | "lineHeight" | "color" | "background" | "border" | "mode" | "p" | "alignContent" | "alignItems" | "alignSelf" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "bottom" | "boxShadow" | "columnGap" | "containerType" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "listStyleImage" | "listStylePosition" | "listStyleType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "position" | "right" | "rowGap" | "textAlign" | "textShadow" | "textTransform" | "top" | "verticalAlign" | "whiteSpace" | "width" | "zIndex" | "backgroundPosition" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "inset" | "listStyle" | "overflow" | "textDecoration" | "dimensions" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom" | "variant" | Additional>;
 };
 /**
  * @description
@@ -24,6 +24,6 @@ export declare function createStyledOptions<El extends ElementOrProps = 'div', A
  *
  */
 export declare const styledOptions: typeof createStyledOptions & {
-    shouldForwardProp: (prop: PropertyKey) => prop is "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | keyof import("react").ClassAttributes<HTMLDivElement>;
+    shouldForwardProp: (prop: PropertyKey) => prop is "style" | "property" | "rel" | "slot" | "title" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "part" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "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-hidden" | "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" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "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" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | keyof import("react").ClassAttributes<HTMLDivElement>;
 };
 export {};

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@codecademy/gamut-styles",
   "description": "Styleguide & Component library for codecademy.com",
-  "version": "17.12.0-alpha.f9ca97.0",
+  "version": "17.12.1-alpha.475416.0",
   "author": "Jake Hiller <jake@codecademy.com>",
   "dependencies": {
-    "@codecademy/variance": "0.26.0-alpha.f9ca97.0",
+    "@codecademy/variance": "0.26.0",
     "@emotion/is-prop-valid": "^1.1.0",
+    "framer-motion": "^11.18.0",
+    "get-nonce": "^1.0.0",
     "polished": "^4.1.2"
   },
   "files": [
@@ -24,7 +26,7 @@
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "lodash": "^4.17.23",
-    "react": "^17.0.2 || ^18.2.0",
+    "react": "^17.0.2 || ^18.3.0",
     "stylis": "^4.0.7"
   },
   "publishConfig": {
@@ -34,5 +36,5 @@
   "scripts": {
     "build": "nx build @codecademy/gamut-styles"
   },
-  "gitHead": "d73668577cae898037fa05bed7b91cc4c7312a9d"
+  "gitHead": "99ce5f8ab6a9fb4ba2f3317d3b66274f6abc32df"
 }