@codecademy/gamut

Index: package/dist/PatternBackdrop/PatternBackdrop.js
===================================================================
--- package/dist/PatternBackdrop/PatternBackdrop.js
+++ package/dist/PatternBackdrop/PatternBackdrop.js
@@ -0,0 +1,42 @@
+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 { CheckerDense } from '@codecademy/gamut-patterns';
+import { styledOptions, system } from '@codecademy/gamut-styles';
+import { variance } from '@codecademy/variance';
+import { forwardRef } from 'react';
+import { Box } from '../Box';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const backdropBodyProps = variance.compose(system.layout, system.padding);
+const PatternBackdropBody = /*#__PURE__*/_styled('div', _extends({}, {
+  target: "ezdf3zh0",
+  label: "PatternBackdropBody"
+}, styledOptions))(system.css({
+  position: 'relative',
+  zIndex: 1,
+  bg: 'background',
+  border: 1,
+  maxWidth: 1
+}), backdropBodyProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXR0ZXJuQmFja2Ryb3AvUGF0dGVybkJhY2tkcm9wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEIiLCJmaWxlIjoiLi4vLi4vc3JjL1BhdHRlcm5CYWNrZHJvcC9QYXR0ZXJuQmFja2Ryb3AudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMsIHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0JveCc7XG5cbmNvbnN0IGJhY2tkcm9wQm9keVByb3BzID0gdmFyaWFuY2UuY29tcG9zZShzeXN0ZW0ubGF5b3V0LCBzeXN0ZW0ucGFkZGluZyk7XG5cbmNvbnN0IFBhdHRlcm5CYWNrZHJvcEJvZHkgPSBzdHlsZWQoJ2RpdicsIHN0eWxlZE9wdGlvbnMpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBiYWNrZHJvcEJvZHlQcm9wcz5cbj4oXG4gIHN5c3RlbS5jc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogMSxcbiAgICBiZzogJ2JhY2tncm91bmQnLFxuICAgIGJvcmRlcjogMSxcbiAgICBtYXhXaWR0aDogMSxcbiAgfSksXG4gIGJhY2tkcm9wQm9keVByb3BzXG4pO1xuXG50eXBlIFBhdHRlcm5CYWNrZHJvcFByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIFBhdHRlcm5CYWNrZHJvcEJvZHk+O1xuXG4vKipcbiAqIEludGVybmFsIGJvcmRlcmVkIHN1cmZhY2Ugd2l0aCBhIGJvdHRvbS1sZWZ0IGNoZWNrZXIgcGF0dGVybiBvZmZzZXQuXG4gKiBDb21wb3NlZCB2aWEgYHN0eWxlZChQYXR0ZXJuQmFja2Ryb3ApYCBieSBUb2FzdCBhbmQgTW9kYWw7IG5vdCBleHBvcnRlZCDigJQgdXNlIHRob3NlIG9yIGBDYXJkYC5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhdHRlcm5CYWNrZHJvcCA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFBhdHRlcm5CYWNrZHJvcFByb3BzPihcbiAgKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmKSA9PiAoXG4gICAgPEJveCBkaXNwbGF5PVwiaW5saW5lLWJsb2NrXCIgbWF4V2lkdGg9XCIxMDAlXCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiIHpJbmRleD17MX0+XG4gICAgICA8Q2hlY2tlckRlbnNlXG4gICAgICAgIGRpbWVuc2lvbnM9ezF9XG4gICAgICAgIGxlZnQ9XCItMC41cmVtXCJcbiAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgIHRvcD1cIjAuNXJlbVwiXG4gICAgICAvPlxuICAgICAgPFBhdHRlcm5CYWNrZHJvcEJvZHkgey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9QYXR0ZXJuQmFja2Ryb3BCb2R5PlxuICAgIDwvQm94PlxuICApXG4pO1xuIl19 */");
+/**
+ * Internal bordered surface with a bottom-left checker pattern offset.
+ * Composed via `styled(PatternBackdrop)` by Toast and Modal; not exported — use those or `Card`.
+ */
+export const PatternBackdrop = /*#__PURE__*/forwardRef(({
+  children,
+  ...rest
+}, ref) => /*#__PURE__*/_jsxs(Box, {
+  display: "inline-block",
+  maxWidth: "100%",
+  position: "relative",
+  zIndex: 1,
+  children: [/*#__PURE__*/_jsx(CheckerDense, {
+    dimensions: 1,
+    left: "-0.5rem",
+    position: "absolute",
+    top: "0.5rem"
+  }), /*#__PURE__*/_jsx(PatternBackdropBody, {
+    ...rest,
+    ref: ref,
+    children: children
+  })]
+}));
\ No newline at end of file