@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/EmptySection/index.js

@@ -1,183 +1,150 @@
-import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { FlexBox, Text } from '@codecademy/gamut';
-import { DotLoose } from '@codecademy/gamut-patterns';
-import { pxRem, styledOptions, variant } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const EmptyContainer = /*#__PURE__*/_styled(FlexBox, {
-  target: "eysqnl62",
-  label: "EmptyContainer"
+import { FlexBox, Text } from "@codecademy/gamut";
+import { pxRem, styledOptions, variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import * as React$1 from "react";
+import { DotLoose } from "@codecademy/gamut-patterns";
+
+//#region src/EmptySection/index.tsx
+const EmptyContainer = /* @__PURE__ */ styled(FlexBox, {
+	target: "e1oinc5j0",
+	label: "brand-EmptyContainer"
 })(variant({
-  prop: 'stretchDirection',
-  defaultVariant: 'left',
-  base: {
-    justifySelf: 'center',
-    position: 'relative',
-    px: 32,
-    py: {
-      _: 64,
-      lg: 96
-    },
-    width: 1
-  },
-  variants: {
-    left: {
-      pl: {
-        sm: 0
-      },
-      pr: {
-        sm: 64,
-        lg: 96
-      }
-    },
-    right: {
-      pr: {
-        sm: 0
-      },
-      pl: {
-        sm: 64,
-        lg: 96
-      }
-    },
-    none: {}
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUIiLCJmaWxlIjoiLi4vLi4vc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Qcm9wcywgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IElsbHVzdHJhdGlvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWxsdXN0cmF0aW9ucyc7XG5pbXBvcnQgeyBEb3RMb29zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHB4UmVtLCBzdHlsZWRPcHRpb25zLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IERyb3Bkb3duQnV0dG9uUHJvcHMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCB0eXBlIEVtcHR5U2VjdGlvblByb3BzID0ge1xuICAvKipcbiAgICogUGFyYWdyYXBoIHRleHQgdGhhdCBkaXNwbGF5cyBiZW5lYXRoIHRoZSBoZWFkaW5nIHRleHRcbiAgICovXG4gIGJvZHlUZXh0Pzogc3RyaW5nO1xuICAvKipcbiAgICogQnV0dG9uIG9yIGRyb3Bkb3duIGJ1dHRvbiB3aXRoIGFuIGFjdGlvbiBmb3IgdGhlIHVzZXIgdG8gdGFrZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ8QnV0dG9uUHJvcHMgfCBEcm9wZG93bkJ1dHRvblByb3BzPjtcbiAgLyoqXG4gICAqIFRoZSBsYXJnZXIgaGVhZGluZyB0ZXh0IHRoYXQgYXBwZWFycyBvdmVyIHRoZSBib2R5IHRleHRcbiAgICovXG4gIGhlYWRpbmdUZXh0OiBzdHJpbmc7XG4gIGlsbHVzdHJhdGlvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxJbGx1c3RyYXRpb25Qcm9wcz47XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBpbGx1c3RyYXRpb24gYXBwZWFycyB0byB0aGUgbGVmdCBvciByaWdodCBvZiB0aGUgcmVzdCBvZiB0aGUgc2VjdGlvbidzIGNvbnRlbnRcbiAgICovXG4gIGlsbHVzdHJhdGlvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHBhdHRlcm4gYmFja2dyb3VuZCBzdHJldGNoZXMgdG8gdGhlIGVuZCBvZiB0aGUgbGVmdCBvciByaWdodCBvZiB0aGUgdmlld3BvcnRcbiAgICovXG4gIHN0cmV0Y2hEaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCAnbm9uZSc7XG59O1xuXG5jb25zdCBFbXB0eUNvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAganVzdGlmeVNlbGY6ICdjZW50ZXInLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICBweDogMzIsXG4gICAgICBweTogeyBfOiA2NCwgbGc6IDk2IH0sXG4gICAgICB3aWR0aDogMSxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBsZWZ0OiB7XG4gICAgICAgIHBsOiB7IHNtOiAwIH0sXG4gICAgICAgIHByOiB7IHNtOiA2NCwgbGc6IDk2IH0sXG4gICAgICB9LFxuICAgICAgcmlnaHQ6IHtcbiAgICAgICAgcHI6IHsgc206IDAgfSxcbiAgICAgICAgcGw6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICBub25lOiB7fSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgRG90cyA9IHN0eWxlZChEb3RMb29zZSkoXG4gIHZhcmlhbnQoe1xuICAgIHByb3A6ICdzdHJldGNoRGlyZWN0aW9uJyxcbiAgICBkZWZhdWx0VmFyaWFudDogJ2xlZnQnLFxuICAgIGJhc2U6IHtcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgdG9wOiAwLFxuICAgICAgYm90dG9tOiAwLFxuICAgICAgbGVmdDogLTE2LFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgbGVmdDoge1xuICAgICAgICAgIHhzOiAtMzIsXG4gICAgICAgICAgc206IC02NCxcbiAgICAgICAgICBsZzogLTk2LFxuICAgICAgICAgIHhsOiAnY2FsYygoMTI0OHB4IC0gMTAwdncpIC8gMiknLFxuICAgICAgICB9LFxuICAgICAgICB3aWR0aDoge1xuICAgICAgICAgIF86ICcxMDB2dycsXG4gICAgICAgICAgeHM6ICdjYWxjKDEwMHZ3IC0gMzJweCknLFxuICAgICAgICAgIHNtOiAnY2FsYygxMDB2dyAtIDY0cHgpJyxcbiAgICAgICAgICBsZzogJ2NhbGMoMTAwdncgLSA5NnB4KScsXG4gICAgICAgICAgeGw6ICdjYWxjKDEyNDhweCArICgoMTAwdncgLSAxMjQ4cHgpIC8gMikpJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBsZWZ0OiB7IHhzOiAwIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHtcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlsbHVzdHJhdGlvblBvc2l0aW9uVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgcHJvcDogJ2lsbHVzdHJhdGlvblBvc2l0aW9uJyxcbiAgZGVmYXVsdFZhcmlhbnQ6ICdyaWdodCcsXG4gIGJhc2U6IHtcbiAgICBteDogeyBfOiAnYXV0bycsIHNtOiAwIH0sXG4gICAgbWI6IHsgXzogMzIsIHNtOiAwIH0sXG4gIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgbGVmdDoge1xuICAgICAgbXI6IHsgc206IDQ4IH0sXG4gICAgfSxcbiAgICByaWdodDoge1xuICAgICAgbWw6IHsgc206IDQ4IH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuXG50eXBlIElsbHVzdHJhdGlvbkNvbnRhaW5lclByb3BzID0gU3R5bGVQcm9wczxcbiAgdHlwZW9mIGlsbHVzdHJhdGlvblBvc2l0aW9uVmFyaWFudHNcbj47XG5cbmNvbnN0IElsbHVzdHJhdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnNcbik8SWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHM+KGlsbHVzdHJhdGlvblBvc2l0aW9uVmFyaWFudHMpO1xuXG5leHBvcnQgY29uc3QgRW1wdHlTZWN0aW9uOiBSZWFjdC5GQzxFbXB0eVNlY3Rpb25Qcm9wcz4gPSAoe1xuICBib2R5VGV4dCxcbiAgY2hpbGRyZW4sXG4gIGhlYWRpbmdUZXh0LFxuICBpbGx1c3RyYXRpb246IElsbHVzdHJhdGlvbixcbiAgc3RyZXRjaERpcmVjdGlvbixcbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24gPSBzdHJldGNoRGlyZWN0aW9uID09PSAncmlnaHQnID8gJ2xlZnQnIDogJ3JpZ2h0Jyxcbn0pID0+IHtcbiAgY29uc3QgZmxleERpcmVjdGlvbiA9XG4gICAgaWxsdXN0cmF0aW9uUG9zaXRpb24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3Jvdyc7XG5cbiAgcmV0dXJuIChcbiAgICA8RW1wdHlDb250YWluZXIgc3RyZXRjaERpcmVjdGlvbj17c3RyZXRjaERpcmVjdGlvbn0+XG4gICAgICA8RG90cyBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufSAvPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgbWF4V2lkdGg9XCI4MjJweFwiXG4gICAgICAgIGZsZXhCYXNpcz1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kLWN1cnJlbnRcIlxuICAgICAgICBweT17NDh9XG4gICAgICAgIHB4PXt7IF86IDE2LCBzbTogNDgsIG1kOiA2NCB9fVxuICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIHNtOiBmbGV4RGlyZWN0aW9uIH19XG4gICAgICAgIGp1c3RpZnlDb250ZW50PXt7IF86ICdzcGFjZS1hcm91bmQnLCBtZDogJ3NwYWNlLWJldHdlZW4nIH19XG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICA+XG4gICAgICAgIDxJbGx1c3RyYXRpb25Db250YWluZXIgaWxsdXN0cmF0aW9uUG9zaXRpb249e2lsbHVzdHJhdGlvblBvc2l0aW9ufT5cbiAgICAgICAgICA8SWxsdXN0cmF0aW9uIHdpZHRoPXtweFJlbSgxMDApfSAvPlxuICAgICAgICA8L0lsbHVzdHJhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdjZW50ZXInLCBzbTogJ3N0YXJ0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXsyMn0gbWI9ezh9PlxuICAgICAgICAgICAge2hlYWRpbmdUZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7Ym9keVRleHQgJiYgPFRleHQgbWI9ezMyfT57Ym9keVRleHR9PC9UZXh0Pn1cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0VtcHR5Q29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
-const Dots = /*#__PURE__*/_styled(DotLoose, {
-  target: "eysqnl61",
-  label: "Dots"
+	prop: "stretchDirection",
+	defaultVariant: "left",
+	base: {
+		justifySelf: "center",
+		position: "relative",
+		px: 32,
+		py: {
+			_: 64,
+			lg: 96
+		},
+		width: 1
+	},
+	variants: {
+		left: {
+			pl: { sm: 0 },
+			pr: {
+				sm: 64,
+				lg: 96
+			}
+		},
+		right: {
+			pr: { sm: 0 },
+			pl: {
+				sm: 64,
+				lg: 96
+			}
+		},
+		none: {}
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUIifQ== */");
+const Dots = /* @__PURE__ */ styled(DotLoose, {
+	target: "e1oinc5j1",
+	label: "brand-Dots"
 })(variant({
-  prop: 'stretchDirection',
-  defaultVariant: 'left',
-  base: {
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    left: -16
-  },
-  variants: {
-    left: {
-      left: {
-        xs: -32,
-        sm: -64,
-        lg: -96,
-        xl: 'calc((1248px - 100vw) / 2)'
-      },
-      width: {
-        _: '100vw',
-        xs: 'calc(100vw - 32px)',
-        sm: 'calc(100vw - 64px)',
-        lg: 'calc(100vw - 96px)',
-        xl: 'calc(1248px + ((100vw - 1248px) / 2))'
-      }
-    },
-    right: {
-      left: {
-        xs: 0
-      },
-      width: {
-        _: '100vw',
-        xs: 'calc(100vw - 32px)',
-        sm: 'calc(100vw - 64px)',
-        lg: 'calc(100vw - 96px)',
-        xl: 'calc(1248px + ((100vw - 1248px) / 2))'
-      }
-    },
-    none: {
-      left: 0,
-      width: '100%'
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEYSIsImZpbGUiOiIuLi8uLi9zcmMvRW1wdHlTZWN0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl19 */");
+	prop: "stretchDirection",
+	defaultVariant: "left",
+	base: {
+		position: "absolute",
+		top: 0,
+		bottom: 0,
+		left: -16
+	},
+	variants: {
+		left: {
+			left: {
+				xs: -32,
+				sm: -64,
+				lg: -96,
+				xl: "calc((1248px - 100vw) / 2)"
+			},
+			width: {
+				_: "100vw",
+				xs: "calc(100vw - 32px)",
+				sm: "calc(100vw - 64px)",
+				lg: "calc(100vw - 96px)",
+				xl: "calc(1248px + ((100vw - 1248px) / 2))"
+			}
+		},
+		right: {
+			left: { xs: 0 },
+			width: {
+				_: "100vw",
+				xs: "calc(100vw - 32px)",
+				sm: "calc(100vw - 64px)",
+				lg: "calc(100vw - 96px)",
+				xl: "calc(1248px + ((100vw - 1248px) / 2))"
+			}
+		},
+		none: {
+			left: 0,
+			width: "100%"
+		}
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEYSJ9 */");
 const illustrationPositionVariants = variant({
-  prop: 'illustrationPosition',
-  defaultVariant: 'right',
-  base: {
-    mx: {
-      _: 'auto',
-      sm: 0
-    },
-    mb: {
-      _: 32,
-      sm: 0
-    }
-  },
-  variants: {
-    left: {
-      mr: {
-        sm: 48
-      }
-    },
-    right: {
-      ml: {
-        sm: 48
-      }
-    }
-  }
+	prop: "illustrationPosition",
+	defaultVariant: "right",
+	base: {
+		mx: {
+			_: "auto",
+			sm: 0
+		},
+		mb: {
+			_: 32,
+			sm: 0
+		}
+	},
+	variants: {
+		left: { mr: { sm: 48 } },
+		right: { ml: { sm: 48 } }
+	}
 });
-const IllustrationContainer = /*#__PURE__*/_styled('div', _extends({}, {
-  target: "eysqnl60",
-  label: "IllustrationContainer"
-}, styledOptions))(illustrationPositionVariants, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIOEIiLCJmaWxlIjoiLi4vLi4vc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Qcm9wcywgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IElsbHVzdHJhdGlvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWxsdXN0cmF0aW9ucyc7XG5pbXBvcnQgeyBEb3RMb29zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHB4UmVtLCBzdHlsZWRPcHRpb25zLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IERyb3Bkb3duQnV0dG9uUHJvcHMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCB0eXBlIEVtcHR5U2VjdGlvblByb3BzID0ge1xuICAvKipcbiAgICogUGFyYWdyYXBoIHRleHQgdGhhdCBkaXNwbGF5cyBiZW5lYXRoIHRoZSBoZWFkaW5nIHRleHRcbiAgICovXG4gIGJvZHlUZXh0Pzogc3RyaW5nO1xuICAvKipcbiAgICogQnV0dG9uIG9yIGRyb3Bkb3duIGJ1dHRvbiB3aXRoIGFuIGFjdGlvbiBmb3IgdGhlIHVzZXIgdG8gdGFrZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ8QnV0dG9uUHJvcHMgfCBEcm9wZG93bkJ1dHRvblByb3BzPjtcbiAgLyoqXG4gICAqIFRoZSBsYXJnZXIgaGVhZGluZyB0ZXh0IHRoYXQgYXBwZWFycyBvdmVyIHRoZSBib2R5IHRleHRcbiAgICovXG4gIGhlYWRpbmdUZXh0OiBzdHJpbmc7XG4gIGlsbHVzdHJhdGlvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxJbGx1c3RyYXRpb25Qcm9wcz47XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBpbGx1c3RyYXRpb24gYXBwZWFycyB0byB0aGUgbGVmdCBvciByaWdodCBvZiB0aGUgcmVzdCBvZiB0aGUgc2VjdGlvbidzIGNvbnRlbnRcbiAgICovXG4gIGlsbHVzdHJhdGlvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHBhdHRlcm4gYmFja2dyb3VuZCBzdHJldGNoZXMgdG8gdGhlIGVuZCBvZiB0aGUgbGVmdCBvciByaWdodCBvZiB0aGUgdmlld3BvcnRcbiAgICovXG4gIHN0cmV0Y2hEaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfCAnbm9uZSc7XG59O1xuXG5jb25zdCBFbXB0eUNvbnRhaW5lciA9IHN0eWxlZChGbGV4Qm94KShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAganVzdGlmeVNlbGY6ICdjZW50ZXInLFxuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICBweDogMzIsXG4gICAgICBweTogeyBfOiA2NCwgbGc6IDk2IH0sXG4gICAgICB3aWR0aDogMSxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBsZWZ0OiB7XG4gICAgICAgIHBsOiB7IHNtOiAwIH0sXG4gICAgICAgIHByOiB7IHNtOiA2NCwgbGc6IDk2IH0sXG4gICAgICB9LFxuICAgICAgcmlnaHQ6IHtcbiAgICAgICAgcHI6IHsgc206IDAgfSxcbiAgICAgICAgcGw6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICBub25lOiB7fSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgRG90cyA9IHN0eWxlZChEb3RMb29zZSkoXG4gIHZhcmlhbnQoe1xuICAgIHByb3A6ICdzdHJldGNoRGlyZWN0aW9uJyxcbiAgICBkZWZhdWx0VmFyaWFudDogJ2xlZnQnLFxuICAgIGJhc2U6IHtcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgdG9wOiAwLFxuICAgICAgYm90dG9tOiAwLFxuICAgICAgbGVmdDogLTE2LFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgbGVmdDoge1xuICAgICAgICAgIHhzOiAtMzIsXG4gICAgICAgICAgc206IC02NCxcbiAgICAgICAgICBsZzogLTk2LFxuICAgICAgICAgIHhsOiAnY2FsYygoMTI0OHB4IC0gMTAwdncpIC8gMiknLFxuICAgICAgICB9LFxuICAgICAgICB3aWR0aDoge1xuICAgICAgICAgIF86ICcxMDB2dycsXG4gICAgICAgICAgeHM6ICdjYWxjKDEwMHZ3IC0gMzJweCknLFxuICAgICAgICAgIHNtOiAnY2FsYygxMDB2dyAtIDY0cHgpJyxcbiAgICAgICAgICBsZzogJ2NhbGMoMTAwdncgLSA5NnB4KScsXG4gICAgICAgICAgeGw6ICdjYWxjKDEyNDhweCArICgoMTAwdncgLSAxMjQ4cHgpIC8gMikpJyxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBsZWZ0OiB7IHhzOiAwIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHtcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IGlsbHVzdHJhdGlvblBvc2l0aW9uVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgcHJvcDogJ2lsbHVzdHJhdGlvblBvc2l0aW9uJyxcbiAgZGVmYXVsdFZhcmlhbnQ6ICdyaWdodCcsXG4gIGJhc2U6IHtcbiAgICBteDogeyBfOiAnYXV0bycsIHNtOiAwIH0sXG4gICAgbWI6IHsgXzogMzIsIHNtOiAwIH0sXG4gIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgbGVmdDoge1xuICAgICAgbXI6IHsgc206IDQ4IH0sXG4gICAgfSxcbiAgICByaWdodDoge1xuICAgICAgbWw6IHsgc206IDQ4IH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuXG50eXBlIElsbHVzdHJhdGlvbkNvbnRhaW5lclByb3BzID0gU3R5bGVQcm9wczxcbiAgdHlwZW9mIGlsbHVzdHJhdGlvblBvc2l0aW9uVmFyaWFudHNcbj47XG5cbmNvbnN0IElsbHVzdHJhdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnNcbik8SWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHM+KGlsbHVzdHJhdGlvblBvc2l0aW9uVmFyaWFudHMpO1xuXG5leHBvcnQgY29uc3QgRW1wdHlTZWN0aW9uOiBSZWFjdC5GQzxFbXB0eVNlY3Rpb25Qcm9wcz4gPSAoe1xuICBib2R5VGV4dCxcbiAgY2hpbGRyZW4sXG4gIGhlYWRpbmdUZXh0LFxuICBpbGx1c3RyYXRpb246IElsbHVzdHJhdGlvbixcbiAgc3RyZXRjaERpcmVjdGlvbixcbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24gPSBzdHJldGNoRGlyZWN0aW9uID09PSAncmlnaHQnID8gJ2xlZnQnIDogJ3JpZ2h0Jyxcbn0pID0+IHtcbiAgY29uc3QgZmxleERpcmVjdGlvbiA9XG4gICAgaWxsdXN0cmF0aW9uUG9zaXRpb24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3Jvdyc7XG5cbiAgcmV0dXJuIChcbiAgICA8RW1wdHlDb250YWluZXIgc3RyZXRjaERpcmVjdGlvbj17c3RyZXRjaERpcmVjdGlvbn0+XG4gICAgICA8RG90cyBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufSAvPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgbWF4V2lkdGg9XCI4MjJweFwiXG4gICAgICAgIGZsZXhCYXNpcz1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kLWN1cnJlbnRcIlxuICAgICAgICBweT17NDh9XG4gICAgICAgIHB4PXt7IF86IDE2LCBzbTogNDgsIG1kOiA2NCB9fVxuICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIHNtOiBmbGV4RGlyZWN0aW9uIH19XG4gICAgICAgIGp1c3RpZnlDb250ZW50PXt7IF86ICdzcGFjZS1hcm91bmQnLCBtZDogJ3NwYWNlLWJldHdlZW4nIH19XG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICB0ZXh0QWxpZ249e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICA+XG4gICAgICAgIDxJbGx1c3RyYXRpb25Db250YWluZXIgaWxsdXN0cmF0aW9uUG9zaXRpb249e2lsbHVzdHJhdGlvblBvc2l0aW9ufT5cbiAgICAgICAgICA8SWxsdXN0cmF0aW9uIHdpZHRoPXtweFJlbSgxMDApfSAvPlxuICAgICAgICA8L0lsbHVzdHJhdGlvbkNvbnRhaW5lcj5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPXt7IF86ICdjZW50ZXInLCBzbTogJ3N0YXJ0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXsyMn0gbWI9ezh9PlxuICAgICAgICAgICAge2hlYWRpbmdUZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7Ym9keVRleHQgJiYgPFRleHQgbWI9ezMyfT57Ym9keVRleHR9PC9UZXh0Pn1cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0VtcHR5Q29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
-export const EmptySection = ({
-  bodyText,
-  children,
-  headingText,
-  illustration: Illustration,
-  stretchDirection,
-  illustrationPosition = stretchDirection === 'right' ? 'left' : 'right'
-}) => {
-  const flexDirection = illustrationPosition === 'right' ? 'row-reverse' : 'row';
-  return /*#__PURE__*/_jsxs(EmptyContainer, {
-    stretchDirection: stretchDirection,
-    children: [/*#__PURE__*/_jsx(Dots, {
-      stretchDirection: stretchDirection
-    }), /*#__PURE__*/_jsxs(FlexBox, {
-      maxWidth: "822px",
-      flexBasis: "100%",
-      position: "relative",
-      bg: "background-current",
-      py: 48,
-      px: {
-        _: 16,
-        sm: 48,
-        md: 64
-      },
-      zIndex: 1,
-      flexDirection: {
-        _: 'column',
-        sm: flexDirection
-      },
-      justifyContent: {
-        _: 'space-around',
-        md: 'space-between'
-      },
-      alignItems: "center",
-      textAlign: {
-        _: 'center',
-        sm: 'start'
-      },
-      children: [/*#__PURE__*/_jsx(IllustrationContainer, {
-        illustrationPosition: illustrationPosition,
-        children: /*#__PURE__*/_jsx(Illustration, {
-          width: pxRem(100)
-        })
-      }), /*#__PURE__*/_jsxs(FlexBox, {
-        flexDirection: "column",
-        alignItems: {
-          _: 'center',
-          sm: 'start'
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          as: "h2",
-          fontSize: 22,
-          mb: 8,
-          children: headingText
-        }), bodyText && /*#__PURE__*/_jsx(Text, {
-          mb: 32,
-          children: bodyText
-        }), children]
-      })]
-    })]
-  });
-};
+const IllustrationContainer = /* @__PURE__ */ styled("div", styledOptions, {
+	target: "e1oinc5j2",
+	label: "brand-IllustrationContainer"
+})(illustrationPositionVariants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIOEIifQ== */");
+const EmptySection = ({ bodyText, children, headingText, illustration: Illustration, stretchDirection, illustrationPosition = stretchDirection === "right" ? "left" : "right" }) => {
+	const flexDirection = illustrationPosition === "right" ? "row-reverse" : "row";
+	return /* @__PURE__ */ React$1.createElement(EmptyContainer, { stretchDirection }, /* @__PURE__ */ React$1.createElement(Dots, { stretchDirection }), /* @__PURE__ */ React$1.createElement(FlexBox, {
+		maxWidth: "822px",
+		flexBasis: "100%",
+		position: "relative",
+		bg: "background-current",
+		py: 48,
+		px: {
+			_: 16,
+			sm: 48,
+			md: 64
+		},
+		zIndex: 1,
+		flexDirection: {
+			_: "column",
+			sm: flexDirection
+		},
+		justifyContent: {
+			_: "space-around",
+			md: "space-between"
+		},
+		alignItems: "center",
+		textAlign: {
+			_: "center",
+			sm: "start"
+		}
+	}, /* @__PURE__ */ React$1.createElement(IllustrationContainer, { illustrationPosition }, /* @__PURE__ */ React$1.createElement(Illustration, { width: pxRem(100) })), /* @__PURE__ */ React$1.createElement(FlexBox, {
+		flexDirection: "column",
+		alignItems: {
+			_: "center",
+			sm: "start"
+		}
+	}, /* @__PURE__ */ React$1.createElement(Text, {
+		as: "h2",
+		fontSize: 22,
+		mb: 8
+	}, headingText), bodyText && /* @__PURE__ */ React$1.createElement(Text, { mb: 32 }, bodyText), children)));
+};
+
+//#endregion
+export { EmptySection };
+//# sourceMappingURL=index.js.map

package/dist/EmptySection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FlexBox","Text","DotLoose","pxRem","styledOptions","variant","styled","React","EmptyContainer","prop","defaultVariant","base","justifySelf","position","px","py","_","lg","width","variants","left","pl","sm","pr","right","none","Dots","top","bottom","xs","xl","illustrationPositionVariants","mx","mb","mr","ml","IllustrationContainer","EmptySection","bodyText","children","headingText","illustration","Illustration","stretchDirection","illustrationPosition","flexDirection","maxWidth","flexBasis","bg","md","zIndex","justifyContent","alignItems","textAlign","as","fontSize"],"sources":["../../src/EmptySection/index.tsx"],"sourcesContent":["import { ButtonProps, FlexBox, Text } from '@codecademy/gamut';\nimport { IllustrationProps } from '@codecademy/gamut-illustrations';\nimport { DotLoose } from '@codecademy/gamut-patterns';\nimport { pxRem, styledOptions, variant } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { DropdownButtonProps } from '..';\n\nexport type EmptySectionProps = {\n  /**\n   * Paragraph text that displays beneath the heading text\n   */\n  bodyText?: string;\n  /**\n   * Button or dropdown button with an action for the user to take\n   */\n  children?: React.ReactElement<ButtonProps | DropdownButtonProps>;\n  /**\n   * The larger heading text that appears over the body text\n   */\n  headingText: string;\n  illustration: React.ComponentType<IllustrationProps>;\n  /**\n   * Whether the illustration appears to the left or right of the rest of the section's content\n   */\n  illustrationPosition?: 'left' | 'right';\n  /**\n   * Whether the pattern background stretches to the end of the left or right of the viewport\n   */\n  stretchDirection: 'left' | 'right' | 'none';\n};\n\nconst EmptyContainer = styled(FlexBox)(\n  variant({\n    prop: 'stretchDirection',\n    defaultVariant: 'left',\n    base: {\n      justifySelf: 'center',\n      position: 'relative',\n      px: 32,\n      py: { _: 64, lg: 96 },\n      width: 1,\n    },\n    variants: {\n      left: {\n        pl: { sm: 0 },\n        pr: { sm: 64, lg: 96 },\n      },\n      right: {\n        pr: { sm: 0 },\n        pl: { sm: 64, lg: 96 },\n      },\n      none: {},\n    },\n  })\n);\n\nconst Dots = styled(DotLoose)(\n  variant({\n    prop: 'stretchDirection',\n    defaultVariant: 'left',\n    base: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: -16,\n    },\n    variants: {\n      left: {\n        left: {\n          xs: -32,\n          sm: -64,\n          lg: -96,\n          xl: 'calc((1248px - 100vw) / 2)',\n        },\n        width: {\n          _: '100vw',\n          xs: 'calc(100vw - 32px)',\n          sm: 'calc(100vw - 64px)',\n          lg: 'calc(100vw - 96px)',\n          xl: 'calc(1248px + ((100vw - 1248px) / 2))',\n        },\n      },\n      right: {\n        left: { xs: 0 },\n        width: {\n          _: '100vw',\n          xs: 'calc(100vw - 32px)',\n          sm: 'calc(100vw - 64px)',\n          lg: 'calc(100vw - 96px)',\n          xl: 'calc(1248px + ((100vw - 1248px) / 2))',\n        },\n      },\n      none: {\n        left: 0,\n        width: '100%',\n      },\n    },\n  })\n);\n\nconst illustrationPositionVariants = variant({\n  prop: 'illustrationPosition',\n  defaultVariant: 'right',\n  base: {\n    mx: { _: 'auto', sm: 0 },\n    mb: { _: 32, sm: 0 },\n  },\n  variants: {\n    left: {\n      mr: { sm: 48 },\n    },\n    right: {\n      ml: { sm: 48 },\n    },\n  },\n});\n\ntype IllustrationContainerProps = StyleProps<\n  typeof illustrationPositionVariants\n>;\n\nconst IllustrationContainer = styled(\n  'div',\n  styledOptions\n)<IllustrationContainerProps>(illustrationPositionVariants);\n\nexport const EmptySection: React.FC<EmptySectionProps> = ({\n  bodyText,\n  children,\n  headingText,\n  illustration: Illustration,\n  stretchDirection,\n  illustrationPosition = stretchDirection === 'right' ? 'left' : 'right',\n}) => {\n  const flexDirection =\n    illustrationPosition === 'right' ? 'row-reverse' : 'row';\n\n  return (\n    <EmptyContainer stretchDirection={stretchDirection}>\n      <Dots stretchDirection={stretchDirection} />\n      <FlexBox\n        maxWidth=\"822px\"\n        flexBasis=\"100%\"\n        position=\"relative\"\n        bg=\"background-current\"\n        py={48}\n        px={{ _: 16, sm: 48, md: 64 }}\n        zIndex={1}\n        flexDirection={{ _: 'column', sm: flexDirection }}\n        justifyContent={{ _: 'space-around', md: 'space-between' }}\n        alignItems=\"center\"\n        textAlign={{ _: 'center', sm: 'start' }}\n      >\n        <IllustrationContainer illustrationPosition={illustrationPosition}>\n          <Illustration width={pxRem(100)} />\n        </IllustrationContainer>\n        <FlexBox\n          flexDirection=\"column\"\n          alignItems={{ _: 'center', sm: 'start' }}\n        >\n          <Text as=\"h2\" fontSize={22} mb={8}>\n            {headingText}\n          </Text>\n          {bodyText && <Text mb={32}>{bodyText}</Text>}\n          {children}\n        </FlexBox>\n      </FlexBox>\n    </EmptyContainer>\n  );\n};\n"],"mappings":";;;;;;;AAkCA,MAAMQ,iBAAiBF,uBAAON,SAAAA;;;GAC5BK,QAAQ;CACNI,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJC,aAAa;EACbC,UAAU;EACVC,IAAI;EACJC,IAAI;GAAEC,GAAG;GAAIC,IAAI;GAAG;EACpBC,OAAO;EACT;CACAC,UAAU;EACRC,MAAM;GACJC,IAAI,EAAEC,IAAI,GAAE;GACZC,IAAI;IAAED,IAAI;IAAIL,IAAI;IAAG;GACvB;EACAO,OAAO;GACLD,IAAI,EAAED,IAAI,GAAE;GACZD,IAAI;IAAEC,IAAI;IAAIL,IAAI;IAAG;GACvB;EACAQ,MAAM,EAAC;EACT;CACF,CAAA,EAAA,szMAAA;AAGF,MAAMC,OAAOpB,uBAAOJ,UAAAA;;;GAClBG,QAAQ;CACNI,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJE,UAAU;EACVc,KAAK;EACLC,QAAQ;EACRR,MAAM;EACR;CACAD,UAAU;EACRC,MAAM;GACJA,MAAM;IACJS,IAAI;IACJP,IAAI;IACJL,IAAI;IACJa,IAAI;IACN;GACAZ,OAAO;IACLF,GAAG;IACHa,IAAI;IACJP,IAAI;IACJL,IAAI;IACJa,IAAI;IACN;GACF;EACAN,OAAO;GACLJ,MAAM,EAAES,IAAI,GAAE;GACdX,OAAO;IACLF,GAAG;IACHa,IAAI;IACJP,IAAI;IACJL,IAAI;IACJa,IAAI;IACN;GACF;EACAL,MAAM;GACJL,MAAM;GACNF,OAAO;GACT;EACF;CACF,CAAA,EAAA,kzMAAA;AAGF,MAAMa,+BAA+B1B,QAAQ;CAC3CI,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJqB,IAAI;GAAEhB,GAAG;GAAQM,IAAI;GAAE;EACvBW,IAAI;GAAEjB,GAAG;GAAIM,IAAI;GAAE;EACrB;CACAH,UAAU;EACRC,MAAM,EACJc,IAAI,EAAEZ,IAAI,IAAG,EACf;EACAE,OAAO,EACLW,IAAI,EAAEb,IAAI,IAAG,EACf;EACF;CACF,CAAA;AAMA,MAAMc,wBAAwB9B,uBAC5B,OACAF,eAAAA;;;GAC4B2B,8BAAAA,szMAAAA;AAE9B,MAAaM,gBAA6C,EACxDC,UACAC,UACAC,aACAC,cAAcC,cACdC,kBACAC,uBAAuBD,qBAAqB,UAAU,SAAS,cAChE;CACC,MAAME,gBACJD,yBAAyB,UAAU,gBAAgB;AAErD,QACE,wBAAA,cAACpC,gBAAAA,EAAiCmC,oBAChC,wBAAA,cAACjB,MAAAA,EAAuBiB,qBACxB,wBAAA,cAAC3C,SAAAA;EACC8C,UAAS;EACTC,WAAU;EACVlC,UAAS;EACTmC,IAAG;EACHjC,IAAI;EACJD,IAAI;GAAEE,GAAG;GAAIM,IAAI;GAAI2B,IAAI;GAAG;EAC5BC,QAAQ;EACRL,eAAe;GAAE7B,GAAG;GAAUM,IAAIuB;GAAc;EAChDM,gBAAgB;GAAEnC,GAAG;GAAgBiC,IAAI;GAAgB;EACzDG,YAAW;EACXC,WAAW;GAAErC,GAAG;GAAUM,IAAI;GAAQ;IAEtC,wBAAA,cAACc,uBAAAA,EAA4CQ,wBAC3C,wBAAA,cAACF,cAAAA,EAAaxB,OAAOf,MAAM,IAAA,MAE7B,wBAAA,cAACH,SAAAA;EACC6C,eAAc;EACdO,YAAY;GAAEpC,GAAG;GAAUM,IAAI;GAAQ;IAEvC,wBAAA,cAACrB,MAAAA;EAAKqD,IAAG;EAAKC,UAAU;EAAItB,IAAI;IAC7BO,YAAAA,EAEFF,YAAY,wBAAA,cAACrC,MAAAA,EAAKgC,IAAI,MAAKK,SAAAA,EAC3BC,SAAAA,CAAAA,CAAAA"}

package/dist/ErrorContents/index.cjs

@@ -0,0 +1,35 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/ErrorContents/index.tsx
+const ErrorContents = ({ supportInformation }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+	maxWidth: "40rem",
+	my: 96,
+	mx: "auto",
+	as: "main"
+}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+	as: "h1",
+	fontSize: 44
+}, "Something has gone wrong"), /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+	as: "p",
+	my: 16
+}, "We're sorry, and our best are working to fix this. In the meantime, have you tried the following?"), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { as: "ul" }, /* @__PURE__ */ react.createElement("li", null, "Refreshing this page."), /* @__PURE__ */ react.createElement("li", null, "Clearing your browser cache.")), /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, { as: "p" }, "If that doesn't help, please let us know on our", " ", /* @__PURE__ */ react.createElement(_codecademy_gamut.Anchor, { href: "https://help.codecademy.com/hc/en-us" }, "Help Center"), "!"), supportInformation && /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+	as: "details",
+	fontSize: 16,
+	textColor: "gray-900"
+}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+	as: "summary",
+	mt: 48,
+	mb: 8
+}, "Support information"), supportInformation.map(([key, value]) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+	as: "code",
+	display: "block",
+	fontSize: "small",
+	key
+}, key, ": ", value))));
+
+//#endregion
+exports.ErrorContents = ErrorContents;
+//# sourceMappingURL=index.cjs.map

package/dist/ErrorContents/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Anchor","Box","Text","React","ErrorContents","supportInformation","maxWidth","my","mx","as","fontSize","li","href","textColor","mt","mb","map","key","value","display"],"sources":["../../src/ErrorContents/index.tsx"],"sourcesContent":["import { Anchor, Box, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport type ErrorContentsProps = {\n  /**\n   * Any debug info to display, such as [\"User ID\", <user-id>].\n   */\n  supportInformation?: [string, string][];\n};\n\nexport const ErrorContents: React.FC<ErrorContentsProps> = ({\n  supportInformation,\n}) => (\n  <Box maxWidth=\"40rem\" my={96} mx=\"auto\" as=\"main\">\n    <Text as=\"h1\" fontSize={44}>\n      Something has gone wrong\n    </Text>\n    <Text as=\"p\" my={16}>\n      We&apos;re sorry, and our best are working to fix this. In the meantime,\n      have you tried the following?\n    </Text>\n    <Box as=\"ul\">\n      <li>Refreshing this page.</li>\n      <li>Clearing your browser cache.</li>\n    </Box>\n    <Text as=\"p\">\n      If that doesn&apos;t help, please let us know on our{' '}\n      <Anchor href=\"https://help.codecademy.com/hc/en-us\">Help Center</Anchor>!\n    </Text>\n\n    {supportInformation && (\n      <Box as=\"details\" fontSize={16} textColor=\"gray-900\">\n        <Box as=\"summary\" mt={48} mb={8}>\n          Support information\n        </Box>\n        {supportInformation.map(([key, value]) => (\n          <Text as=\"code\" display=\"block\" fontSize=\"small\" key={key}>\n            {key}: {value}\n          </Text>\n        ))}\n      </Box>\n    )}\n  </Box>\n);\n"],"mappings":";;;;;;AAUA,MAAaI,iBAA+C,EAC1DC,yBAEA,sBAAA,cAACJ,uBAAAA;CAAIK,UAAS;CAAQC,IAAI;CAAIC,IAAG;CAAOC,IAAG;GACzC,sBAAA,cAACP,wBAAAA;CAAKO,IAAG;CAAKC,UAAU;GAAI,2BAAA,EAG5B,sBAAA,cAACR,wBAAAA;CAAKO,IAAG;CAAIF,IAAI;GAAI,oGAAA,EAIrB,sBAAA,cAACN,uBAAAA,EAAIQ,IAAG,QACN,sBAAA,cAACE,MAAAA,MAAG,wBAAA,EACJ,sBAAA,cAACA,MAAAA,MAAG,+BAAA,CAAA,EAEN,sBAAA,cAACT,wBAAAA,EAAKO,IAAG,OAAI,mDAC0C,KACrD,sBAAA,cAACT,0BAAAA,EAAOY,MAAK,0CAAuC,cAAA,EAAoB,IAAA,EAGzEP,sBACC,sBAAA,cAACJ,uBAAAA;CAAIQ,IAAG;CAAUC,UAAU;CAAIG,WAAU;GACxC,sBAAA,cAACZ,uBAAAA;CAAIQ,IAAG;CAAUK,IAAI;CAAIC,IAAI;GAAG,sBAAA,EAGhCV,mBAAmBW,KAAK,CAACC,KAAKC,WAC7B,sBAAA,cAAChB,wBAAAA;CAAKO,IAAG;CAAOU,SAAQ;CAAQT,UAAS;CAAaO;GACnDA,KAAI,MAAGC,MAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/ErrorContents/index.d.cts

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+
+//#region src/ErrorContents/index.d.ts
+type ErrorContentsProps = {
+  /**
+   * Any debug info to display, such as ["User ID", <user-id>].
+   */
+  supportInformation?: [string, string][];
+};
+declare const ErrorContents: React$1.FC<ErrorContentsProps>;
+//#endregion
+export { ErrorContents, ErrorContentsProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/ErrorContents/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/ErrorContents/index.tsx"],"mappings":";;;KAGY,kBAAA;;AAAZ;;EAIE,kBAAA;AAAA;AAAA,cAGW,aAAA,EAAe,OAAA,CAAM,EAAA,CAAG,kBAAA"}

package/dist/ErrorContents/index.d.ts

@@ -1,8 +1,13 @@
-import * as React from 'react';
-export type ErrorContentsProps = {
-    /**
-     * Any debug info to display, such as ["User ID", <user-id>].
-     */
-    supportInformation?: [string, string][];
+import * as React$1 from "react";
+
+//#region src/ErrorContents/index.d.ts
+type ErrorContentsProps = {
+  /**
+   * Any debug info to display, such as ["User ID", <user-id>].
+   */
+  supportInformation?: [string, string][];
 };
-export declare const ErrorContents: React.FC<ErrorContentsProps>;
+declare const ErrorContents: React$1.FC<ErrorContentsProps>;
+//#endregion
+export { ErrorContents, ErrorContentsProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/ErrorContents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ErrorContents/index.tsx"],"mappings":";;;KAGY,kBAAA;;AAAZ;;EAIE,kBAAA;AAAA;AAAA,cAGW,aAAA,EAAe,OAAA,CAAM,EAAA,CAAG,kBAAA"}

package/dist/ErrorContents/index.js

@@ -1,48 +1,33 @@
-import { Anchor, Box, Text } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ErrorContents = ({
-  supportInformation
-}) => /*#__PURE__*/_jsxs(Box, {
-  maxWidth: "40rem",
-  my: 96,
-  mx: "auto",
-  as: "main",
-  children: [/*#__PURE__*/_jsx(Text, {
-    as: "h1",
-    fontSize: 44,
-    children: "Something has gone wrong"
-  }), /*#__PURE__*/_jsx(Text, {
-    as: "p",
-    my: 16,
-    children: "We're sorry, and our best are working to fix this. In the meantime, have you tried the following?"
-  }), /*#__PURE__*/_jsxs(Box, {
-    as: "ul",
-    children: [/*#__PURE__*/_jsx("li", {
-      children: "Refreshing this page."
-    }), /*#__PURE__*/_jsx("li", {
-      children: "Clearing your browser cache."
-    })]
-  }), /*#__PURE__*/_jsxs(Text, {
-    as: "p",
-    children: ["If that doesn't help, please let us know on our", ' ', /*#__PURE__*/_jsx(Anchor, {
-      href: "https://help.codecademy.com/hc/en-us",
-      children: "Help Center"
-    }), "!"]
-  }), supportInformation && /*#__PURE__*/_jsxs(Box, {
-    as: "details",
-    fontSize: 16,
-    textColor: "gray-900",
-    children: [/*#__PURE__*/_jsx(Box, {
-      as: "summary",
-      mt: 48,
-      mb: 8,
-      children: "Support information"
-    }), supportInformation.map(([key, value]) => /*#__PURE__*/_jsxs(Text, {
-      as: "code",
-      display: "block",
-      fontSize: "small",
-      children: [key, ": ", value]
-    }, key))]
-  })]
-});
+import { Anchor, Box, Text } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/ErrorContents/index.tsx
+const ErrorContents = ({ supportInformation }) => /* @__PURE__ */ React$1.createElement(Box, {
+	maxWidth: "40rem",
+	my: 96,
+	mx: "auto",
+	as: "main"
+}, /* @__PURE__ */ React$1.createElement(Text, {
+	as: "h1",
+	fontSize: 44
+}, "Something has gone wrong"), /* @__PURE__ */ React$1.createElement(Text, {
+	as: "p",
+	my: 16
+}, "We're sorry, and our best are working to fix this. In the meantime, have you tried the following?"), /* @__PURE__ */ React$1.createElement(Box, { as: "ul" }, /* @__PURE__ */ React$1.createElement("li", null, "Refreshing this page."), /* @__PURE__ */ React$1.createElement("li", null, "Clearing your browser cache.")), /* @__PURE__ */ React$1.createElement(Text, { as: "p" }, "If that doesn't help, please let us know on our", " ", /* @__PURE__ */ React$1.createElement(Anchor, { href: "https://help.codecademy.com/hc/en-us" }, "Help Center"), "!"), supportInformation && /* @__PURE__ */ React$1.createElement(Box, {
+	as: "details",
+	fontSize: 16,
+	textColor: "gray-900"
+}, /* @__PURE__ */ React$1.createElement(Box, {
+	as: "summary",
+	mt: 48,
+	mb: 8
+}, "Support information"), supportInformation.map(([key, value]) => /* @__PURE__ */ React$1.createElement(Text, {
+	as: "code",
+	display: "block",
+	fontSize: "small",
+	key
+}, key, ": ", value))));
+
+//#endregion
+export { ErrorContents };
+//# sourceMappingURL=index.js.map

package/dist/ErrorContents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Box","Text","React","ErrorContents","supportInformation","maxWidth","my","mx","as","fontSize","li","href","textColor","mt","mb","map","key","value","display"],"sources":["../../src/ErrorContents/index.tsx"],"sourcesContent":["import { Anchor, Box, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport type ErrorContentsProps = {\n  /**\n   * Any debug info to display, such as [\"User ID\", <user-id>].\n   */\n  supportInformation?: [string, string][];\n};\n\nexport const ErrorContents: React.FC<ErrorContentsProps> = ({\n  supportInformation,\n}) => (\n  <Box maxWidth=\"40rem\" my={96} mx=\"auto\" as=\"main\">\n    <Text as=\"h1\" fontSize={44}>\n      Something has gone wrong\n    </Text>\n    <Text as=\"p\" my={16}>\n      We&apos;re sorry, and our best are working to fix this. In the meantime,\n      have you tried the following?\n    </Text>\n    <Box as=\"ul\">\n      <li>Refreshing this page.</li>\n      <li>Clearing your browser cache.</li>\n    </Box>\n    <Text as=\"p\">\n      If that doesn&apos;t help, please let us know on our{' '}\n      <Anchor href=\"https://help.codecademy.com/hc/en-us\">Help Center</Anchor>!\n    </Text>\n\n    {supportInformation && (\n      <Box as=\"details\" fontSize={16} textColor=\"gray-900\">\n        <Box as=\"summary\" mt={48} mb={8}>\n          Support information\n        </Box>\n        {supportInformation.map(([key, value]) => (\n          <Text as=\"code\" display=\"block\" fontSize=\"small\" key={key}>\n            {key}: {value}\n          </Text>\n        ))}\n      </Box>\n    )}\n  </Box>\n);\n"],"mappings":";;;;AAUA,MAAaI,iBAA+C,EAC1DC,yBAEA,wBAAA,cAACJ,KAAAA;CAAIK,UAAS;CAAQC,IAAI;CAAIC,IAAG;CAAOC,IAAG;GACzC,wBAAA,cAACP,MAAAA;CAAKO,IAAG;CAAKC,UAAU;GAAI,2BAAA,EAG5B,wBAAA,cAACR,MAAAA;CAAKO,IAAG;CAAIF,IAAI;GAAI,oGAAA,EAIrB,wBAAA,cAACN,KAAAA,EAAIQ,IAAG,QACN,wBAAA,cAACE,MAAAA,MAAG,wBAAA,EACJ,wBAAA,cAACA,MAAAA,MAAG,+BAAA,CAAA,EAEN,wBAAA,cAACT,MAAAA,EAAKO,IAAG,OAAI,mDAC0C,KACrD,wBAAA,cAACT,QAAAA,EAAOY,MAAK,0CAAuC,cAAA,EAAoB,IAAA,EAGzEP,sBACC,wBAAA,cAACJ,KAAAA;CAAIQ,IAAG;CAAUC,UAAU;CAAIG,WAAU;GACxC,wBAAA,cAACZ,KAAAA;CAAIQ,IAAG;CAAUK,IAAI;CAAIC,IAAI;GAAG,sBAAA,EAGhCV,mBAAmBW,KAAK,CAACC,KAAKC,WAC7B,wBAAA,cAAChB,MAAAA;CAAKO,IAAG;CAAOU,SAAQ;CAAQT,UAAS;CAAaO;GACnDA,KAAI,MAAGC,MAAAA,CAAAA,CAAAA,CAAAA"}