@codecademy/gamut 68.1.2 → 68.1.3-alpha.090a30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/Alert/elements.d.ts +4 -4
  2. package/dist/Anchor/index.d.ts +18 -9
  3. package/dist/Anchor/index.js +9 -6
  4. package/dist/Box/Box.d.ts +1 -1
  5. package/dist/Box/FlexBox.d.ts +1 -1
  6. package/dist/Box/GridBox.d.ts +1 -1
  7. package/dist/Box/props.d.ts +1 -1
  8. package/dist/Button/CTAButton.d.ts +2 -2
  9. package/dist/Button/FillButton.d.ts +4 -4
  10. package/dist/Button/IconButton.d.ts +4 -4
  11. package/dist/Button/StrokeButton.d.ts +4 -4
  12. package/dist/Button/TextButton.d.ts +4 -4
  13. package/dist/Button/shared/InlineIconButton.d.ts +2 -2
  14. package/dist/Button/shared/styles.d.ts +3 -3
  15. package/dist/Button/shared/types.d.ts +1 -1
  16. package/dist/ButtonBase/ButtonBase.d.ts +9 -4
  17. package/dist/ButtonBase/ButtonBase.js +11 -4
  18. package/dist/Card/elements.d.ts +187 -139
  19. package/dist/Card/styles.d.ts +8 -8
  20. package/dist/Coachmark/index.d.ts +1 -1
  21. package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
  22. package/dist/ConnectedForm/utils.d.ts +2 -2
  23. package/dist/ContentContainer/index.d.ts +1 -1
  24. package/dist/Disclosure/elements.d.ts +20 -14
  25. package/dist/FeatureShimmer/index.js +1 -1
  26. package/dist/Form/SelectDropdown/elements/controls.js +2 -2
  27. package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
  28. package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
  29. package/dist/Form/elements/Form.d.ts +15 -15
  30. package/dist/Form/elements/FormGroup.d.ts +2 -2
  31. package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
  32. package/dist/InternalFloatingCard/InternalFloatingCard.d.ts +1 -1
  33. package/dist/Layout/Column.d.ts +1 -1
  34. package/dist/Layout/LayoutGrid.d.ts +1 -1
  35. package/dist/List/ListProvider.d.ts +1 -1
  36. package/dist/List/elements.d.ts +75 -59
  37. package/dist/List/hooks.d.ts +1 -1
  38. package/dist/Menu/Menu.d.ts +1 -1
  39. package/dist/Menu/MenuItem.js +10 -6
  40. package/dist/Menu/elements.d.ts +4 -4
  41. package/dist/Modals/elements.d.ts +1 -1
  42. package/dist/Pagination/AnimatedPaginationButtons.d.ts +61 -45
  43. package/dist/Pagination/EllipsisButton.d.ts +4 -4
  44. package/dist/Pagination/PaginationButton.d.ts +6 -6
  45. package/dist/Pagination/utils.d.ts +59 -43
  46. package/dist/Pagination/utils.js +14 -11
  47. package/dist/Popover/Popover.js +4 -4
  48. package/dist/Popover/elements.d.ts +2 -2
  49. package/dist/Popover/types.d.ts +3 -2
  50. package/dist/PopoverContainer/PopoverContainer.js +9 -11
  51. package/dist/PopoverContainer/hooks.d.ts +16 -4
  52. package/dist/PopoverContainer/hooks.js +31 -24
  53. package/dist/PopoverContainer/types.d.ts +3 -2
  54. package/dist/Tabs/TabButton.d.ts +2 -2
  55. package/dist/Tabs/TabNav.d.ts +1 -1
  56. package/dist/Tabs/TabNavLink.d.ts +2 -2
  57. package/dist/Tag/elements.d.ts +18 -12
  58. package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
  59. package/dist/Tip/InfoTip/styles.d.ts +1 -1
  60. package/dist/Tip/PreviewTip/elements.d.ts +13 -7
  61. package/dist/Tip/ToolTip/elements.d.ts +1 -1
  62. package/dist/Tip/__tests__/helpers.d.ts +3 -3
  63. package/dist/Tip/shared/FloatingTip.js +2 -2
  64. package/dist/Tip/shared/elements.d.ts +3 -3
  65. package/dist/Tip/shared/types.d.ts +2 -2
  66. package/dist/Toggle/elements.d.ts +1 -1
  67. package/dist/Typography/Text.d.ts +3 -3
  68. package/dist/utils/react.js +2 -1
  69. package/package.json +10 -10
package/dist/Card/elements.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /// <reference types="react" />
3
3
  import { CardWrapperProps } from './types';
4
- export declare const MotionBox: import("react").ComponentType<{
4
+ export declare const MotionBox: import("react").ComponentType<Omit<{
5
5
  color?: import("@codecademy/variance/dist/types/config").Scale<{
6
6
  readonly property: "color";
7
7
  readonly scale: "colors";
@@ -53,8 +53,8 @@ export declare const MotionBox: import("react").ComponentType<{
53
53
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
54
54
  readonly transform: (value: string | number) => string | 0;
55
55
  }>;
56
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
57
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
56
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
57
+ ref?: import("react").Ref<HTMLDivElement> | undefined;
58
58
  key?: import("react").Key | null | undefined;
59
59
  defaultChecked?: boolean | undefined;
60
60
  defaultValue?: string | number | readonly string[] | undefined;
@@ -63,17 +63,17 @@ export declare const MotionBox: import("react").ComponentType<{
63
63
  accessKey?: string | undefined;
64
64
  autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
65
65
  autoFocus?: boolean | undefined;
66
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
66
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
67
67
  contextMenu?: string | undefined;
68
- draggable?: (boolean | "false" | "true") | undefined;
69
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
68
+ draggable?: (boolean | "true" | "false") | undefined;
69
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
70
70
  hidden?: boolean | undefined;
71
71
  id?: string | undefined;
72
72
  lang?: string | undefined;
73
73
  nonce?: string | undefined;
74
- spellCheck?: (boolean | "false" | "true") | undefined;
74
+ spellCheck?: (boolean | "true" | "false") | undefined;
75
75
  tabIndex?: number | undefined;
76
- translate?: "no" | "yes" | undefined;
76
+ translate?: "yes" | "no" | undefined;
77
77
  radioGroup?: string | undefined;
78
78
  role?: import("react").AriaRole | undefined;
79
79
  about?: string | undefined;
@@ -97,56 +97,60 @@ export declare const MotionBox: import("react").ComponentType<{
97
97
  results?: number | undefined;
98
98
  security?: string | undefined;
99
99
  unselectable?: "off" | "on" | undefined;
100
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
101
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
102
+ popoverTarget?: string | undefined;
103
+ inert?: boolean | undefined;
100
104
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
101
105
  is?: string | undefined;
102
106
  exportparts?: string | undefined;
103
107
  part?: string | undefined;
104
108
  "aria-activedescendant"?: string | undefined;
105
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
106
- "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
109
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
110
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
107
111
  "aria-braillelabel"?: string | undefined;
108
112
  "aria-brailleroledescription"?: string | undefined;
109
- "aria-busy"?: (boolean | "false" | "true") | undefined;
110
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
113
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
114
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
111
115
  "aria-colcount"?: number | undefined;
112
116
  "aria-colindex"?: number | undefined;
113
117
  "aria-colindextext"?: string | undefined;
114
118
  "aria-colspan"?: number | undefined;
115
119
  "aria-controls"?: string | undefined;
116
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
120
+ "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
117
121
  "aria-describedby"?: string | undefined;
118
122
  "aria-description"?: string | undefined;
119
123
  "aria-details"?: string | undefined;
120
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
124
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
121
125
  "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
122
126
  "aria-errormessage"?: string | undefined;
123
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
127
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
124
128
  "aria-flowto"?: string | undefined;
125
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
126
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
127
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
129
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
130
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
131
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
128
132
  "aria-keyshortcuts"?: string | undefined;
129
133
  "aria-label"?: string | undefined;
130
134
  "aria-labelledby"?: string | undefined;
131
135
  "aria-level"?: number | undefined;
132
136
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
133
- "aria-modal"?: (boolean | "false" | "true") | undefined;
134
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
135
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
137
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
138
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
139
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
136
140
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
137
141
  "aria-owns"?: string | undefined;
138
142
  "aria-placeholder"?: string | undefined;
139
143
  "aria-posinset"?: number | undefined;
140
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
141
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
144
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
145
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
142
146
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
143
- "aria-required"?: (boolean | "false" | "true") | undefined;
147
+ "aria-required"?: (boolean | "true" | "false") | undefined;
144
148
  "aria-roledescription"?: string | undefined;
145
149
  "aria-rowcount"?: number | undefined;
146
150
  "aria-rowindex"?: number | undefined;
147
151
  "aria-rowindextext"?: string | undefined;
148
152
  "aria-rowspan"?: number | undefined;
149
- "aria-selected"?: (boolean | "false" | "true") | undefined;
153
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
150
154
  "aria-setsize"?: number | undefined;
151
155
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
152
156
  "aria-valuemax"?: number | undefined;
@@ -172,18 +176,18 @@ export declare const MotionBox: import("react").ComponentType<{
172
176
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
173
177
  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
174
178
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
175
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
176
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
179
+ onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
180
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
177
181
  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
178
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
179
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
180
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
181
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
182
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
183
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
184
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
185
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
186
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
182
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
183
+ onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
184
+ onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
185
+ onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
+ onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
+ onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
188
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
189
+ onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
191
  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
192
  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
193
  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -301,6 +305,8 @@ export declare const MotionBox: import("react").ComponentType<{
301
305
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
302
306
  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
303
307
  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
308
+ onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
309
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
304
310
  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
305
311
  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
306
312
  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -308,11 +314,19 @@ export declare const MotionBox: import("react").ComponentType<{
308
314
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
309
315
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
310
316
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
317
+ onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
318
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
319
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
320
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
311
321
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
312
322
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
313
- alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
314
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
315
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
323
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
324
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
325
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
326
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
327
+ alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
328
+ alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
329
+ alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
316
330
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
317
331
  readonly property: "backgroundImage";
318
332
  }>;
@@ -346,7 +360,7 @@ export declare const MotionBox: import("react").ComponentType<{
346
360
  display?: import("@codecademy/variance/dist/types/config").Scale<{
347
361
  readonly property: "display";
348
362
  }>;
349
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
363
+ flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
350
364
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
351
365
  readonly property: "flexDirection";
352
366
  }>;
@@ -367,10 +381,10 @@ export declare const MotionBox: import("react").ComponentType<{
367
381
  gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
368
382
  readonly property: "gridAutoRows";
369
383
  }>;
370
- gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
371
- gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
372
- gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
373
- gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
384
+ gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
385
+ gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
386
+ gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
387
+ gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
374
388
  gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
375
389
  readonly property: "gridTemplateAreas";
376
390
  }>;
@@ -380,9 +394,9 @@ export declare const MotionBox: import("react").ComponentType<{
380
394
  gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
381
395
  readonly property: "gridTemplateRows";
382
396
  }>;
383
- justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
384
- justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
385
- justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
397
+ justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
398
+ justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
399
+ justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
386
400
  left?: import("@codecademy/variance/dist/types/config").Scale<{
387
401
  readonly property: {
388
402
  readonly physical: "left";
@@ -550,9 +564,9 @@ export declare const MotionBox: import("react").ComponentType<{
550
564
  readonly property: "gap";
551
565
  readonly scale: "spacing";
552
566
  }>;
553
- gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
554
- gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
555
- gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
567
+ gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
568
+ gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
569
+ gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
556
570
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
557
571
  readonly property: "inset";
558
572
  readonly properties: {
@@ -909,8 +923,10 @@ export declare const MotionBox: import("react").ComponentType<{
909
923
  context?: boolean | undefined;
910
924
  "no-select"?: boolean | undefined;
911
925
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
912
- } & import("framer-motion").MotionProps>;
913
- export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<{
926
+ } & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
927
+ children?: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (string & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (number & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (number & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (bigint & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (bigint & Iterable<import("react").ReactNode>) | (bigint & import("react").ReactPortal) | (bigint & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (false & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (false & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (true & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (true & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & bigint) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & bigint) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & bigint) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactPortal & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & string) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & number) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & bigint) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & false) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & true) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & Iterable<import("react").ReactNode>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactPortal) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & bigint) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | (import("react").ReactNode[] & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | null | undefined;
928
+ }>;
929
+ export declare const DynamicCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
914
930
  color?: import("@codecademy/variance/dist/types/config").Scale<{
915
931
  readonly property: "color";
916
932
  readonly scale: "colors";
@@ -962,8 +978,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
962
978
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
963
979
  readonly transform: (value: string | number) => string | 0;
964
980
  }>;
965
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
966
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
981
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
982
+ ref?: import("react").Ref<HTMLDivElement> | undefined;
967
983
  key?: import("react").Key | null | undefined;
968
984
  defaultChecked?: boolean | undefined;
969
985
  defaultValue?: string | number | readonly string[] | undefined;
@@ -972,17 +988,17 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
972
988
  accessKey?: string | undefined;
973
989
  autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
974
990
  autoFocus?: boolean | undefined;
975
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
991
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
976
992
  contextMenu?: string | undefined;
977
- draggable?: (boolean | "false" | "true") | undefined;
978
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
993
+ draggable?: (boolean | "true" | "false") | undefined;
994
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
979
995
  hidden?: boolean | undefined;
980
996
  id?: string | undefined;
981
997
  lang?: string | undefined;
982
998
  nonce?: string | undefined;
983
- spellCheck?: (boolean | "false" | "true") | undefined;
999
+ spellCheck?: (boolean | "true" | "false") | undefined;
984
1000
  tabIndex?: number | undefined;
985
- translate?: "no" | "yes" | undefined;
1001
+ translate?: "yes" | "no" | undefined;
986
1002
  radioGroup?: string | undefined;
987
1003
  role?: import("react").AriaRole | undefined;
988
1004
  about?: string | undefined;
@@ -1006,56 +1022,60 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1006
1022
  results?: number | undefined;
1007
1023
  security?: string | undefined;
1008
1024
  unselectable?: "off" | "on" | undefined;
1025
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
1026
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
1027
+ popoverTarget?: string | undefined;
1028
+ inert?: boolean | undefined;
1009
1029
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1010
1030
  is?: string | undefined;
1011
1031
  exportparts?: string | undefined;
1012
1032
  part?: string | undefined;
1013
1033
  "aria-activedescendant"?: string | undefined;
1014
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
1015
- "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
1034
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
1035
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
1016
1036
  "aria-braillelabel"?: string | undefined;
1017
1037
  "aria-brailleroledescription"?: string | undefined;
1018
- "aria-busy"?: (boolean | "false" | "true") | undefined;
1019
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
1038
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
1039
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
1020
1040
  "aria-colcount"?: number | undefined;
1021
1041
  "aria-colindex"?: number | undefined;
1022
1042
  "aria-colindextext"?: string | undefined;
1023
1043
  "aria-colspan"?: number | undefined;
1024
1044
  "aria-controls"?: string | undefined;
1025
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
1045
+ "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
1026
1046
  "aria-describedby"?: string | undefined;
1027
1047
  "aria-description"?: string | undefined;
1028
1048
  "aria-details"?: string | undefined;
1029
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
1049
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
1030
1050
  "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
1031
1051
  "aria-errormessage"?: string | undefined;
1032
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
1052
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
1033
1053
  "aria-flowto"?: string | undefined;
1034
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
1035
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
1036
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
1054
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
1055
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
1056
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
1037
1057
  "aria-keyshortcuts"?: string | undefined;
1038
1058
  "aria-label"?: string | undefined;
1039
1059
  "aria-labelledby"?: string | undefined;
1040
1060
  "aria-level"?: number | undefined;
1041
1061
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
1042
- "aria-modal"?: (boolean | "false" | "true") | undefined;
1043
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
1044
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
1062
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
1063
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
1064
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
1045
1065
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
1046
1066
  "aria-owns"?: string | undefined;
1047
1067
  "aria-placeholder"?: string | undefined;
1048
1068
  "aria-posinset"?: number | undefined;
1049
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
1050
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
1069
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
1070
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
1051
1071
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
1052
- "aria-required"?: (boolean | "false" | "true") | undefined;
1072
+ "aria-required"?: (boolean | "true" | "false") | undefined;
1053
1073
  "aria-roledescription"?: string | undefined;
1054
1074
  "aria-rowcount"?: number | undefined;
1055
1075
  "aria-rowindex"?: number | undefined;
1056
1076
  "aria-rowindextext"?: string | undefined;
1057
1077
  "aria-rowspan"?: number | undefined;
1058
- "aria-selected"?: (boolean | "false" | "true") | undefined;
1078
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
1059
1079
  "aria-setsize"?: number | undefined;
1060
1080
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
1061
1081
  "aria-valuemax"?: number | undefined;
@@ -1081,18 +1101,18 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1081
1101
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1082
1102
  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1083
1103
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1084
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1085
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1104
+ onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
1105
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
1086
1106
  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1087
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1088
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1089
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1090
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1091
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1092
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1093
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1094
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1095
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1107
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1108
+ onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1109
+ onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1110
+ onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1111
+ onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1112
+ onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
1113
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
1114
+ onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1115
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1096
1116
  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1097
1117
  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1098
1118
  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -1210,6 +1230,8 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1210
1230
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
1211
1231
  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1212
1232
  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1233
+ onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1234
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
1213
1235
  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1214
1236
  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
1215
1237
  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -1217,11 +1239,19 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1217
1239
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1218
1240
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1219
1241
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
1242
+ onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1243
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
1244
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1245
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1220
1246
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1221
1247
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1222
- alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
1223
- alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
1224
- alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
1248
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1249
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1250
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1251
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
1252
+ alignContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignContent | undefined) | undefined> | undefined;
1253
+ alignItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignItems | undefined) | undefined> | undefined;
1254
+ alignSelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.AlignSelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.AlignSelf | undefined) | undefined> | undefined;
1225
1255
  backgroundImage?: import("@codecademy/variance/dist/types/config").Scale<{
1226
1256
  readonly property: "backgroundImage";
1227
1257
  }>;
@@ -1255,7 +1285,7 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1255
1285
  display?: import("@codecademy/variance/dist/types/config").Scale<{
1256
1286
  readonly property: "display";
1257
1287
  }>;
1258
- flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "auto" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
1288
+ flexBasis?: 0 | "initial" | "inherit" | "content" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-fit-content" | "-moz-max-content" | "-moz-min-content" | "fit-content" | "max-content" | "min-content" | "-webkit-auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.FlexBasis<import("@codecademy/variance/dist/types/properties").DefaultCSSPropertyValue> | undefined) | undefined> | undefined;
1259
1289
  flexDirection?: import("@codecademy/variance/dist/types/config").Scale<{
1260
1290
  readonly property: "flexDirection";
1261
1291
  }>;
@@ -1276,10 +1306,10 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1276
1306
  gridAutoRows?: import("@codecademy/variance/dist/types/config").Scale<{
1277
1307
  readonly property: "gridAutoRows";
1278
1308
  }>;
1279
- gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
1280
- gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
1281
- gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
1282
- gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
1309
+ gridColumnEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnEnd | undefined) | undefined> | undefined;
1310
+ gridColumnStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumnStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumnStart | undefined) | undefined> | undefined;
1311
+ gridRowEnd?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowEnd | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowEnd | undefined) | undefined> | undefined;
1312
+ gridRowStart?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRowStart | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRowStart | undefined) | undefined> | undefined;
1283
1313
  gridTemplateAreas?: import("@codecademy/variance/dist/types/config").Scale<{
1284
1314
  readonly property: "gridTemplateAreas";
1285
1315
  }>;
@@ -1289,9 +1319,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1289
1319
  gridTemplateRows?: import("@codecademy/variance/dist/types/config").Scale<{
1290
1320
  readonly property: "gridTemplateRows";
1291
1321
  }>;
1292
- justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
1293
- justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
1294
- justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | "baseline" | "end" | "start" | "flex-end" | "flex-start" | "self-end" | "self-start" | "anchor-center" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
1322
+ justifyContent?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "stretch" | "space-around" | "space-between" | "space-evenly" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyContent | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyContent | undefined) | undefined> | undefined;
1323
+ justifyItems?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "baseline" | "stretch" | "legacy" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifyItems | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifyItems | undefined) | undefined> | undefined;
1324
+ justifySelf?: "center" | "initial" | "inherit" | "normal" | (string & {}) | "left" | "right" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "anchor-center" | "auto" | "baseline" | "stretch" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.JustifySelf | ((theme: import("@emotion/react").Theme) => import("csstype").Property.JustifySelf | undefined) | undefined> | undefined;
1295
1325
  left?: import("@codecademy/variance/dist/types/config").Scale<{
1296
1326
  readonly property: {
1297
1327
  readonly physical: "left";
@@ -1459,9 +1489,9 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1459
1489
  readonly property: "gap";
1460
1490
  readonly scale: "spacing";
1461
1491
  }>;
1462
- gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
1463
- gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
1464
- gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "auto" | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
1492
+ gridArea?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridArea | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridArea | undefined) | undefined> | undefined;
1493
+ gridColumn?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridColumn | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridColumn | undefined) | undefined> | undefined;
1494
+ gridRow?: "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "auto" | (number & {}) | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | import("@codecademy/variance").BreakpointMap<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | import("@codecademy/variance").BreakpointArray<import("csstype").Property.GridRow | ((theme: import("@emotion/react").Theme) => import("csstype").Property.GridRow | undefined) | undefined> | undefined;
1465
1495
  inset?: import("@codecademy/variance/dist/types/config").Scale<{
1466
1496
  readonly property: "inset";
1467
1497
  readonly properties: {
@@ -1818,10 +1848,12 @@ export declare const DynamicCardWrapper: import("@emotion/styled").StyledCompone
1818
1848
  context?: boolean | undefined;
1819
1849
  "no-select"?: boolean | undefined;
1820
1850
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
1821
- } & import("framer-motion").MotionProps & {
1851
+ } & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
1852
+ children?: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string> | (string & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (string & Iterable<import("react").ReactNode>) | (string & import("react").ReactPortal) | (string & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (number & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (number & Iterable<import("react").ReactNode>) | (number & import("react").ReactPortal) | (number & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (bigint & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (bigint & Iterable<import("react").ReactNode>) | (bigint & import("react").ReactPortal) | (bigint & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (false & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (false & Iterable<import("react").ReactNode>) | (false & import("react").ReactPortal) | (false & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (true & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (true & Iterable<import("react").ReactNode>) | (true & import("react").ReactPortal) | (true & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & string) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & number) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & bigint) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & false) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & true) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Iterable<import("react").ReactNode>) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & import("react").ReactPortal) | (import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Iterable<import("react").ReactNode> & string) | (Iterable<import("react").ReactNode> & number) | (Iterable<import("react").ReactNode> & bigint) | (Iterable<import("react").ReactNode> & false) | (Iterable<import("react").ReactNode> & true) | (Iterable<import("react").ReactNode> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Iterable<import("react").ReactNode> & import("react").ReactPortal) | (Iterable<import("react").ReactNode> & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (import("react").ReactPortal & string) | (import("react").ReactPortal & number) | (import("react").ReactPortal & bigint) | (import("react").ReactPortal & false) | (import("react").ReactPortal & true) | (import("react").ReactPortal & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactPortal & Iterable<import("react").ReactNode>) | (import("react").ReactPortal & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & string) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & number) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & bigint) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & false) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & true) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & Iterable<import("react").ReactNode>) | (Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> & import("react").ReactPortal) | (import("react").ReactNode[] & string) | (import("react").ReactNode[] & number) | (import("react").ReactNode[] & bigint) | (import("react").ReactNode[] & false) | (import("react").ReactNode[] & true) | (import("react").ReactNode[] & import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactNode[] & Iterable<import("react").ReactNode>) | (import("react").ReactNode[] & import("react").ReactPortal) | (import("react").ReactNode[] & Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined>) | null | undefined;
1853
+ } & {
1822
1854
  theme?: import("@emotion/react").Theme | undefined;
1823
1855
  } & CardWrapperProps, {}, {}>;
1824
- export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<{
1856
+ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponent<Omit<{
1825
1857
  color?: import("@codecademy/variance/dist/types/config").Scale<{
1826
1858
  readonly property: "color";
1827
1859
  readonly scale: "colors";
@@ -1857,8 +1889,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1857
1889
  readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
1858
1890
  readonly transform: (value: string | number) => string | 0;
1859
1891
  }>;
1860
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
1861
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
1892
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
1893
+ ref?: import("react").Ref<HTMLDivElement> | undefined;
1862
1894
  key?: import("react").Key | null | undefined;
1863
1895
  defaultChecked?: boolean | undefined;
1864
1896
  defaultValue?: string | number | readonly string[] | undefined;
@@ -1867,17 +1899,17 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1867
1899
  accessKey?: string | undefined;
1868
1900
  autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
1869
1901
  autoFocus?: boolean | undefined;
1870
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
1902
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
1871
1903
  contextMenu?: string | undefined;
1872
- draggable?: (boolean | "false" | "true") | undefined;
1873
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
1904
+ draggable?: (boolean | "true" | "false") | undefined;
1905
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
1874
1906
  hidden?: boolean | undefined;
1875
1907
  id?: string | undefined;
1876
1908
  lang?: string | undefined;
1877
1909
  nonce?: string | undefined;
1878
- spellCheck?: (boolean | "false" | "true") | undefined;
1910
+ spellCheck?: (boolean | "true" | "false") | undefined;
1879
1911
  tabIndex?: number | undefined;
1880
- translate?: "no" | "yes" | undefined;
1912
+ translate?: "yes" | "no" | undefined;
1881
1913
  radioGroup?: string | undefined;
1882
1914
  role?: import("react").AriaRole | undefined;
1883
1915
  about?: string | undefined;
@@ -1901,56 +1933,60 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1901
1933
  results?: number | undefined;
1902
1934
  security?: string | undefined;
1903
1935
  unselectable?: "off" | "on" | undefined;
1936
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
1937
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
1938
+ popoverTarget?: string | undefined;
1939
+ inert?: boolean | undefined;
1904
1940
  inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1905
1941
  is?: string | undefined;
1906
1942
  exportparts?: string | undefined;
1907
1943
  part?: string | undefined;
1908
1944
  "aria-activedescendant"?: string | undefined;
1909
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
1910
- "aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
1945
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
1946
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
1911
1947
  "aria-braillelabel"?: string | undefined;
1912
1948
  "aria-brailleroledescription"?: string | undefined;
1913
- "aria-busy"?: (boolean | "false" | "true") | undefined;
1914
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
1949
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
1950
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
1915
1951
  "aria-colcount"?: number | undefined;
1916
1952
  "aria-colindex"?: number | undefined;
1917
1953
  "aria-colindextext"?: string | undefined;
1918
1954
  "aria-colspan"?: number | undefined;
1919
1955
  "aria-controls"?: string | undefined;
1920
- "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
1956
+ "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
1921
1957
  "aria-describedby"?: string | undefined;
1922
1958
  "aria-description"?: string | undefined;
1923
1959
  "aria-details"?: string | undefined;
1924
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
1960
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
1925
1961
  "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
1926
1962
  "aria-errormessage"?: string | undefined;
1927
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
1963
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
1928
1964
  "aria-flowto"?: string | undefined;
1929
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
1930
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
1931
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
1965
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
1966
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
1967
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
1932
1968
  "aria-keyshortcuts"?: string | undefined;
1933
1969
  "aria-label"?: string | undefined;
1934
1970
  "aria-labelledby"?: string | undefined;
1935
1971
  "aria-level"?: number | undefined;
1936
1972
  "aria-live"?: "off" | "assertive" | "polite" | undefined;
1937
- "aria-modal"?: (boolean | "false" | "true") | undefined;
1938
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
1939
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
1973
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
1974
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
1975
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
1940
1976
  "aria-orientation"?: "horizontal" | "vertical" | undefined;
1941
1977
  "aria-owns"?: string | undefined;
1942
1978
  "aria-placeholder"?: string | undefined;
1943
1979
  "aria-posinset"?: number | undefined;
1944
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
1945
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
1980
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
1981
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
1946
1982
  "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
1947
- "aria-required"?: (boolean | "false" | "true") | undefined;
1983
+ "aria-required"?: (boolean | "true" | "false") | undefined;
1948
1984
  "aria-roledescription"?: string | undefined;
1949
1985
  "aria-rowcount"?: number | undefined;
1950
1986
  "aria-rowindex"?: number | undefined;
1951
1987
  "aria-rowindextext"?: string | undefined;
1952
1988
  "aria-rowspan"?: number | undefined;
1953
- "aria-selected"?: (boolean | "false" | "true") | undefined;
1989
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
1954
1990
  "aria-setsize"?: number | undefined;
1955
1991
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
1956
1992
  "aria-valuemax"?: number | undefined;
@@ -1976,18 +2012,18 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
1976
2012
  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1977
2013
  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1978
2014
  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
1979
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1980
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
2015
+ onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
2016
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
1981
2017
  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
1982
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1983
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1984
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1985
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1986
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1987
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1988
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1989
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
1990
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
2018
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2019
+ onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2020
+ onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
2021
+ onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2022
+ onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2023
+ onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
2024
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
2025
+ onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
2026
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1991
2027
  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1992
2028
  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
1993
2029
  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -2105,6 +2141,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2105
2141
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
2106
2142
  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2107
2143
  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2144
+ onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2145
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
2108
2146
  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
2109
2147
  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
2110
2148
  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -2112,8 +2150,16 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2112
2150
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
2113
2151
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
2114
2152
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
2153
+ onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
2154
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
2155
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2156
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2115
2157
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2116
2158
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2159
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2160
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2161
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2162
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
2117
2163
  alignContent?: import("@codecademy/variance/dist/types/config").Scale<{
2118
2164
  readonly property: "alignContent";
2119
2165
  }>;
@@ -2706,6 +2752,8 @@ export declare const StaticCardWrapper: import("@emotion/styled").StyledComponen
2706
2752
  theme?: import("@emotion/react").Theme | undefined;
2707
2753
  as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
2708
2754
  variables?: import("@emotion/styled").CSSObject | undefined;
2709
- } & import("framer-motion").MotionProps & {
2755
+ } & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
2756
+ children?: import("react").ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
2757
+ } & {
2710
2758
  theme?: import("@emotion/react").Theme | undefined;
2711
2759
  } & CardWrapperProps, {}, {}>;