@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/Grid/GridCollapse.js

@@ -1,157 +1,199 @@
-import { getCSSFromColumnCount } from "./getCSSFromColumnCount.js";
-import { Anchor, Box, FlexBox, GridBox } from "@codecademy/gamut";
-import { breakpoints } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React, { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowChevronDownIcon, ArrowChevronUpIcon } from "@codecademy/gamut-icons";
-
-//#region src/Grid/GridCollapse.tsx
-function ExpandCollapseDefaults({ variant: variant$1 = "standard", ...props }) {
-	return /* @__PURE__ */ jsx(Anchor, {
-		variant: variant$1,
-		...props
-	});
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Anchor, Box, FlexBox, GridBox } from '@codecademy/gamut';
+import { ArrowChevronDownIcon, ArrowChevronUpIcon } from '@codecademy/gamut-icons';
+import { breakpoints } from '@codecademy/gamut-styles';
+import React, { useState } from 'react';
+import { getCSSFromColumnCount } from './getCSSFromColumnCount';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function ExpandCollapseDefaults({
+  variant = 'standard',
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Anchor, {
+    variant: variant,
+    ...props
+  });
 }
-const DownChevron = styled(ArrowChevronDownIcon)`
-  path {
-    stroke-width: 3;
-  }
-`;
-const UpChevron = styled(ArrowChevronUpIcon)`
-  path {
-    stroke-width: 3;
-  }
-`;
+const DownChevron = /*#__PURE__*/_styled(ArrowChevronDownIcon, {
+  target: "en0qdm3",
+  label: "DownChevron"
+})(process.env.NODE_ENV === "production" ? {
+  name: "vrwdxf",
+  styles: "path{stroke-width:3;}"
+} : {
+  name: "vrwdxf",
+  styles: "path{stroke-width:3;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9HcmlkL0dyaWRDb2xsYXBzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnRCIsImZpbGUiOiIuLi8uLi9zcmMvR3JpZC9HcmlkQ29sbGFwc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgQW5jaG9yLCBCb3gsIEZsZXhCb3gsIEdyaWRCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgQXJyb3dDaGV2cm9uVXBJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBNZWRpYVF1ZXJ5TWFwIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29sdW1uQ291bnQsIGdldENTU0Zyb21Db2x1bW5Db3VudCB9IGZyb20gJy4vZ2V0Q1NTRnJvbUNvbHVtbkNvdW50JztcblxuZnVuY3Rpb24gRXhwYW5kQ29sbGFwc2VEZWZhdWx0cyh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEFuY2hvcj4pIHtcbiAgcmV0dXJuIDxBbmNob3IgdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfSAvPjtcbn1cblxuY29uc3QgRG93bkNoZXZyb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uRG93bkljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IFVwQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25VcEljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IGJyZWFrcG9pbnRzV2l0aEJhc2UgPSB7XG4gIF86ICcwcHgnLFxuICAuLi5icmVha3BvaW50cyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBnZXRNZWRpYVF1ZXJ5ID0gKHtcbiAgY3NzLFxuICBzdGFydCxcbiAgZW5kLFxufToge1xuICBjc3M6IHN0cmluZztcbiAgc3RhcnQ6IHN0cmluZztcbiAgZW5kPzogc3RyaW5nO1xufSkgPT5cbiAgZW5kXG4gICAgPyBgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3N0YXJ0fSkgYW5kIChtYXgtd2lkdGg6IGNhbGMoJHtlbmR9IC0gMXB4KSkgeyAke2Nzc30gfWBcbiAgICA6IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSB7ICR7Y3NzfSB9YDtcblxudHlwZSBHcmlkSXRlbVByb3BzID0ge1xuICBpdGVtc1Nob3duOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG59O1xuXG5jb25zdCBHcmlkSXRlbSA9IHN0eWxlZChCb3gpPEdyaWRJdGVtUHJvcHM+YFxuICAkeyh7IGl0ZW1zU2hvd24gfSkgPT5cbiAgICAoT2JqZWN0LmtleXMoaXRlbXNTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGl0ZW1zU2hvd25bYnJlYWtwb2ludEtleV07XG4gICAgICAgIGlmIChtYXggPT09IHVuZGVmaW5lZCkgcmV0dXJuO1xuXG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5XTtcbiAgICAgICAgY29uc3QgZW5kID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5c1tpICsgMV1dO1xuXG4gICAgICAgIC8vIGhpZGUgYWxsIGdyaWQgaXRlbXMgYWZ0ZXIgdGhlIG1heFxuICAgICAgICBjb25zdCBjc3MgPSBgJjpudGgtb2YtdHlwZShuICsgJHttYXggKyAxfSkgeyBkaXNwbGF5OiBub25lOyB9YDtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQgfSlcbiAgICAgICAgICA6IGdldE1lZGlhUXVlcnkoeyBjc3MsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxudHlwZSBFeHBhbmRDb2xsYXBzZVByb3BzID0ge1xuICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59O1xuXG5jb25zdCBFeHBhbmRDb2xsYXBzZSA9IHN0eWxlZChFeHBhbmRDb2xsYXBzZURlZmF1bHRzKWBcbiAgZGlzcGxheTogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuXG4gICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDIuNXJlbTtcbiAgfVxuXG4gICR7KHsgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4sIHRvdGFsQ291bnQgfTogRXhwYW5kQ29sbGFwc2VQcm9wcykgPT5cbiAgICAoT2JqZWN0LmtleXMoaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4pIGFzIChrZXlvZiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4pW10pXG4gICAgICAubWFwKChicmVha3BvaW50S2V5LCBpLCBicmVha3BvaW50S2V5cykgPT4ge1xuICAgICAgICBjb25zdCBtYXggPSBoaWRlV2hlblRvdGFsSXNMZXNzVGhhblticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkIHx8IHRvdGFsQ291bnQgPD0gbWF4KSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgcmV0dXJuIGkgPT09IGJyZWFrcG9pbnRLZXlzLmxlbmd0aCAtIDFcbiAgICAgICAgICA/IGdldE1lZGlhUXVlcnkoeyBjc3M6ICdkaXNwbGF5OiBibG9jazsnLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxuZXhwb3J0IHR5cGUgR3JpZENvbGxhcHNlUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgR3JpZEJveD4gJiB7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGNvbHVtbnMgcGVyIHJvdyBpbiB0aGUgZ3JpZFxuICAgKi9cbiAgY29sdW1uQ291bnQ6IENvbHVtbkNvdW50O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBpdGVtcyB0byBkaXNwbGF5IHdoZW4gY29sbGFwc2VkXG4gICAqL1xuICBpbml0aWFsTWF4U2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgbmV3IGl0ZW1zIHRvIGRpc3BsYXkgb24gZWFjaCBcImV4cGFuZFwiIGNsaWNrOyBpZiBub3QgcHJvdmlkZWQsIGEgYmluYXJ5IHRvZ2dsZSBpcyB1c2VkXG4gICAqIG5vdGU6IG11c3QgaW5jbHVkZSBleGFjdGx5IHRoZSBzYW1lIGtleXMgYXMgaW5pdGlhbE1heFNob3duXG4gICAqL1xuICBwYWdlU2l6ZT86IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBtb3JlXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBleHBhbmRMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBmZXdlclwiIGlzIGF2YWlsYWJsZVxuICAgKi9cbiAgY29sbGFwc2VMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIGNhbGxlZCB3aGVuIGNsaWNraW5nIHRoZSBzaG93IG1vcmUvc2VlIGxlc3MgdG9nZ2xlOyBhY2NlcHRzIHRoZSBjdXJyZW50IGV4cGFuZGVkIHN0YXRlIGFzIGFuIGFyZ1xuICAgKi9cbiAgb25FeHBhbmRDbGljaz86IChleHBhbmRlZD86IGJvb2xlYW4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBwcm9wcyB0byBwYXNzIHRvIHRoZSBleHBhbmQvY29sbGFwc2UgY29udGFpbmVyICh1c2VmdWwgZm9yIGNoYW5naW5nIHRoZSBtYXJnaW4gYmV0d2VlbiB0aGUgZ3JpZCBhbmQgY29udHJvbHMpXG4gICAqL1xuICBleHBhbmRDb2xsYXBzZVByb3BzPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG59O1xuXG5leHBvcnQgY29uc3QgR3JpZENvbGxhcHNlOiBSZWFjdC5GQzxHcmlkQ29sbGFwc2VQcm9wcz4gPSAoe1xuICBjb2x1bW5Db3VudCxcbiAgaW5pdGlhbE1heFNob3duLFxuICBwYWdlU2l6ZSxcbiAgZXhwYW5kTGFiZWwgPSAnU2hvdyBhbGwnLFxuICBjb2xsYXBzZUxhYmVsID0gJ1Nob3cgZmV3ZXInLFxuICBvbkV4cGFuZENsaWNrLFxuICBleHBhbmRDb2xsYXBzZVByb3BzLFxuICBjaGlsZHJlbixcbiAgLi4uZ3JpZEJveFByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtwYWdlLCBzZXRQYWdlXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IGV4cGFuZGVkID0gcGFnZSA+IDA7XG5cbiAgLy8gY2FsY3VsYXRlIHRoZSBudW1iZXIgb2YgaXRlbXMgdG8gc2hvdyBiYXNlZCBvbiBwYWdlLCBwYWdlU2l6ZSwgYW5kIGluaXRpYWxNYXhTaG93blxuICBjb25zdCBpdGVtc1Nob3duID0gKFxuICAgIE9iamVjdC5rZXlzKGluaXRpYWxNYXhTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXVxuICApLnJlZHVjZSgoYWNjOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4sIGJyZWFrcG9pbnRLZXkpID0+IHtcbiAgICBpZiAocGFnZVNpemUpIHtcbiAgICAgIC8vIGlmIHBhZ2VTaXplIGlzIGRlZmluZWQsIGl0ZW1zU2hvd24gPSBpbml0aWFsTWF4U2hvd24gKyAocGFnZSAqIHBhZ2VTaXplKVxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgKGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XSA/PyAwKSArXG4gICAgICAgIHBhZ2UgKiAocGFnZVNpemU/LlticmVha3BvaW50S2V5XSA/PyAwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgbm90IGRlZmluZWQsIGl0ZW1zU2hvd24gaXMgZWl0aGVyIGluaXRpYWxNYXhTaG93biBvciBhbGwgY2hpbGRyZW5cbiAgICAgIGFjY1ticmVha3BvaW50S2V5XSA9XG4gICAgICAgIHBhZ2UgPiAwXG4gICAgICAgICAgPyBSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgICAgICAgICA6IGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XTtcbiAgICB9XG4gICAgcmV0dXJuIGFjYztcbiAgfSwge30pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGVUeXBlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICAgIHsuLi5ncmlkQm94UHJvcHN9XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e2dldENTU0Zyb21Db2x1bW5Db3VudChcbiAgICAgICAgICBjb2x1bW5Db3VudCxcbiAgICAgICAgICAodmFsdWUpID0+IGByZXBlYXQoJHt2YWx1ZX0sIG1pbm1heCgwLCAxZnIpKWAgLy8gdGhpcyBtaW5tYXggcHJldmVudHMgY2VsbHMgZnJvbSByZXNpemluZyBiYXNlZCBvbiBjb250ZW50XG4gICAgICAgICl9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgPlxuICAgICAgICB7LypcbiAgICAgICAgICogbm90ZSB0aGF0IEdyaWRDb2xsYXBzZSBtYXBzIGVhY2ggb2YgaXRzIGRpcmVjdCBjaGlsZHJlbiBpbnRvIGEgR3JpZEl0ZW0gLSB0aGlzIG1lYW5zIHRoYXRcbiAgICAgICAgICogaWYgeW91IHBhc3MgaW4gYSBzaW5nbGUgY29tcG9uZW50IHRoYXQgYWdncmVnYXRlcyBjaGlsZHJlbiBvbiBpdHMgb3duLCB0aGF0IGNvbXBvbmVudCAoYW5kXG4gICAgICAgICAqIGFsbCBvZiBpdHMgY2hpbGRyZW4pIHdpbGwgYmUgY29uc2lkZXJlZCBhIHNpbmdsZSBncmlkIGl0ZW0uIENvbnNpZGVyIGV4dHJhY3RpbmcgdGhlIGNvbnRlbnRzXG4gICAgICAgICAqIG9mIHRoYXQgY29tcG9uZW50IGludG8gYSBmdW5jdGlvbiBpbnN0ZWFkLCB0dXJuaW5nIHRoaXMgZXhhbXBsZTpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgQWdncmVnYXRlQ29tcG9uZW50OiBSZWFjdC5GQyA9IChpdGVtcykgPT4gKFxuICAgICAgICAgKiAgIDw+XG4gICAgICAgICAqICAgICB7aXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2Pil9XG4gICAgICAgICAqICAgPC8+XG4gICAgICAgICAqICk7XG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+PEFnZ3JlZ2F0ZUNvbXBvbmVudCBpdGVtcz17Wy4uLl19Lz48L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICpcbiAgICAgICAgICogaW50bzpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgZ2V0QWdncmVnYXRlQ2hpbGRyZW4gPSAoaXRlbXMpID0+IGl0ZW1zLm1hcCgoaXRlbSkgPT4gPGRpdj57aXRlbX08L2Rpdj4pXG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+e2dldEFnZ3JlZ2F0ZUNoaWxkcmVuKFsuLi5dKX08L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICovfVxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IChcbiAgICAgICAgICA8R3JpZEl0ZW0gYXM9XCJsaVwiIGl0ZW1zU2hvd249e2l0ZW1zU2hvd259PlxuICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgIDwvR3JpZEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgICAge3BhZ2VTaXplID8gKFxuICAgICAgICA8Qm94XG4gICAgICAgICAgey4uLmV4cGFuZENvbGxhcHNlUHJvcHN9XG4gICAgICAgICAgbXQ9e3BhZ2UgPiAwID8gMTYgOiBleHBhbmRDb2xsYXBzZVByb3BzPy5tdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgIHRvdGFsQ291bnQ9e1JlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKX1cbiAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpdGVtc1Nob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZmFsc2UpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gY3VycmVudFBhZ2UgKyAxKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRMYWJlbH0gPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAge3BhZ2UgPiAwICYmIChcbiAgICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKHRydWUpO1xuICAgICAgICAgICAgICAgIHNldFBhZ2UoMCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfSA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0V4cGFuZENvbGxhcHNlPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm94PlxuICAgICAgKSA6IChcbiAgICAgICAgPEJveCB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc30+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICB2YXJpYW50PXtleHBhbmRlZCA/ICdpbnRlcmZhY2UnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2luaXRpYWxNYXhTaG93bn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKGV4cGFuZGVkKTtcbiAgICAgICAgICAgICAgc2V0UGFnZSgoY3VycmVudFBhZ2UpID0+IChjdXJyZW50UGFnZSA+IDAgPyAwIDogMSkpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfVxuICAgICAgICAgICAgICAgICAgPFVwQ2hldnJvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2V4cGFuZExhYmVsfVxuICAgICAgICAgICAgICAgICAgPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const UpChevron = /*#__PURE__*/_styled(ArrowChevronUpIcon, {
+  target: "en0qdm2",
+  label: "UpChevron"
+})(process.env.NODE_ENV === "production" ? {
+  name: "vrwdxf",
+  styles: "path{stroke-width:3;}"
+} : {
+  name: "vrwdxf",
+  styles: "path{stroke-width:3;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9HcmlkL0dyaWRDb2xsYXBzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI0QyIsImZpbGUiOiIuLi8uLi9zcmMvR3JpZC9HcmlkQ29sbGFwc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgQW5jaG9yLCBCb3gsIEZsZXhCb3gsIEdyaWRCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgQXJyb3dDaGV2cm9uVXBJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBNZWRpYVF1ZXJ5TWFwIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29sdW1uQ291bnQsIGdldENTU0Zyb21Db2x1bW5Db3VudCB9IGZyb20gJy4vZ2V0Q1NTRnJvbUNvbHVtbkNvdW50JztcblxuZnVuY3Rpb24gRXhwYW5kQ29sbGFwc2VEZWZhdWx0cyh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEFuY2hvcj4pIHtcbiAgcmV0dXJuIDxBbmNob3IgdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfSAvPjtcbn1cblxuY29uc3QgRG93bkNoZXZyb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uRG93bkljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IFVwQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25VcEljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IGJyZWFrcG9pbnRzV2l0aEJhc2UgPSB7XG4gIF86ICcwcHgnLFxuICAuLi5icmVha3BvaW50cyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBnZXRNZWRpYVF1ZXJ5ID0gKHtcbiAgY3NzLFxuICBzdGFydCxcbiAgZW5kLFxufToge1xuICBjc3M6IHN0cmluZztcbiAgc3RhcnQ6IHN0cmluZztcbiAgZW5kPzogc3RyaW5nO1xufSkgPT5cbiAgZW5kXG4gICAgPyBgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3N0YXJ0fSkgYW5kIChtYXgtd2lkdGg6IGNhbGMoJHtlbmR9IC0gMXB4KSkgeyAke2Nzc30gfWBcbiAgICA6IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSB7ICR7Y3NzfSB9YDtcblxudHlwZSBHcmlkSXRlbVByb3BzID0ge1xuICBpdGVtc1Nob3duOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG59O1xuXG5jb25zdCBHcmlkSXRlbSA9IHN0eWxlZChCb3gpPEdyaWRJdGVtUHJvcHM+YFxuICAkeyh7IGl0ZW1zU2hvd24gfSkgPT5cbiAgICAoT2JqZWN0LmtleXMoaXRlbXNTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGl0ZW1zU2hvd25bYnJlYWtwb2ludEtleV07XG4gICAgICAgIGlmIChtYXggPT09IHVuZGVmaW5lZCkgcmV0dXJuO1xuXG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5XTtcbiAgICAgICAgY29uc3QgZW5kID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5c1tpICsgMV1dO1xuXG4gICAgICAgIC8vIGhpZGUgYWxsIGdyaWQgaXRlbXMgYWZ0ZXIgdGhlIG1heFxuICAgICAgICBjb25zdCBjc3MgPSBgJjpudGgtb2YtdHlwZShuICsgJHttYXggKyAxfSkgeyBkaXNwbGF5OiBub25lOyB9YDtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQgfSlcbiAgICAgICAgICA6IGdldE1lZGlhUXVlcnkoeyBjc3MsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxudHlwZSBFeHBhbmRDb2xsYXBzZVByb3BzID0ge1xuICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59O1xuXG5jb25zdCBFeHBhbmRDb2xsYXBzZSA9IHN0eWxlZChFeHBhbmRDb2xsYXBzZURlZmF1bHRzKWBcbiAgZGlzcGxheTogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuXG4gICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDIuNXJlbTtcbiAgfVxuXG4gICR7KHsgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4sIHRvdGFsQ291bnQgfTogRXhwYW5kQ29sbGFwc2VQcm9wcykgPT5cbiAgICAoT2JqZWN0LmtleXMoaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4pIGFzIChrZXlvZiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4pW10pXG4gICAgICAubWFwKChicmVha3BvaW50S2V5LCBpLCBicmVha3BvaW50S2V5cykgPT4ge1xuICAgICAgICBjb25zdCBtYXggPSBoaWRlV2hlblRvdGFsSXNMZXNzVGhhblticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkIHx8IHRvdGFsQ291bnQgPD0gbWF4KSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgcmV0dXJuIGkgPT09IGJyZWFrcG9pbnRLZXlzLmxlbmd0aCAtIDFcbiAgICAgICAgICA/IGdldE1lZGlhUXVlcnkoeyBjc3M6ICdkaXNwbGF5OiBibG9jazsnLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxuZXhwb3J0IHR5cGUgR3JpZENvbGxhcHNlUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgR3JpZEJveD4gJiB7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGNvbHVtbnMgcGVyIHJvdyBpbiB0aGUgZ3JpZFxuICAgKi9cbiAgY29sdW1uQ291bnQ6IENvbHVtbkNvdW50O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBpdGVtcyB0byBkaXNwbGF5IHdoZW4gY29sbGFwc2VkXG4gICAqL1xuICBpbml0aWFsTWF4U2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgbmV3IGl0ZW1zIHRvIGRpc3BsYXkgb24gZWFjaCBcImV4cGFuZFwiIGNsaWNrOyBpZiBub3QgcHJvdmlkZWQsIGEgYmluYXJ5IHRvZ2dsZSBpcyB1c2VkXG4gICAqIG5vdGU6IG11c3QgaW5jbHVkZSBleGFjdGx5IHRoZSBzYW1lIGtleXMgYXMgaW5pdGlhbE1heFNob3duXG4gICAqL1xuICBwYWdlU2l6ZT86IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBtb3JlXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBleHBhbmRMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBmZXdlclwiIGlzIGF2YWlsYWJsZVxuICAgKi9cbiAgY29sbGFwc2VMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIGNhbGxlZCB3aGVuIGNsaWNraW5nIHRoZSBzaG93IG1vcmUvc2VlIGxlc3MgdG9nZ2xlOyBhY2NlcHRzIHRoZSBjdXJyZW50IGV4cGFuZGVkIHN0YXRlIGFzIGFuIGFyZ1xuICAgKi9cbiAgb25FeHBhbmRDbGljaz86IChleHBhbmRlZD86IGJvb2xlYW4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBwcm9wcyB0byBwYXNzIHRvIHRoZSBleHBhbmQvY29sbGFwc2UgY29udGFpbmVyICh1c2VmdWwgZm9yIGNoYW5naW5nIHRoZSBtYXJnaW4gYmV0d2VlbiB0aGUgZ3JpZCBhbmQgY29udHJvbHMpXG4gICAqL1xuICBleHBhbmRDb2xsYXBzZVByb3BzPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG59O1xuXG5leHBvcnQgY29uc3QgR3JpZENvbGxhcHNlOiBSZWFjdC5GQzxHcmlkQ29sbGFwc2VQcm9wcz4gPSAoe1xuICBjb2x1bW5Db3VudCxcbiAgaW5pdGlhbE1heFNob3duLFxuICBwYWdlU2l6ZSxcbiAgZXhwYW5kTGFiZWwgPSAnU2hvdyBhbGwnLFxuICBjb2xsYXBzZUxhYmVsID0gJ1Nob3cgZmV3ZXInLFxuICBvbkV4cGFuZENsaWNrLFxuICBleHBhbmRDb2xsYXBzZVByb3BzLFxuICBjaGlsZHJlbixcbiAgLi4uZ3JpZEJveFByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtwYWdlLCBzZXRQYWdlXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IGV4cGFuZGVkID0gcGFnZSA+IDA7XG5cbiAgLy8gY2FsY3VsYXRlIHRoZSBudW1iZXIgb2YgaXRlbXMgdG8gc2hvdyBiYXNlZCBvbiBwYWdlLCBwYWdlU2l6ZSwgYW5kIGluaXRpYWxNYXhTaG93blxuICBjb25zdCBpdGVtc1Nob3duID0gKFxuICAgIE9iamVjdC5rZXlzKGluaXRpYWxNYXhTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXVxuICApLnJlZHVjZSgoYWNjOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4sIGJyZWFrcG9pbnRLZXkpID0+IHtcbiAgICBpZiAocGFnZVNpemUpIHtcbiAgICAgIC8vIGlmIHBhZ2VTaXplIGlzIGRlZmluZWQsIGl0ZW1zU2hvd24gPSBpbml0aWFsTWF4U2hvd24gKyAocGFnZSAqIHBhZ2VTaXplKVxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgKGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XSA/PyAwKSArXG4gICAgICAgIHBhZ2UgKiAocGFnZVNpemU/LlticmVha3BvaW50S2V5XSA/PyAwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgbm90IGRlZmluZWQsIGl0ZW1zU2hvd24gaXMgZWl0aGVyIGluaXRpYWxNYXhTaG93biBvciBhbGwgY2hpbGRyZW5cbiAgICAgIGFjY1ticmVha3BvaW50S2V5XSA9XG4gICAgICAgIHBhZ2UgPiAwXG4gICAgICAgICAgPyBSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgICAgICAgICA6IGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XTtcbiAgICB9XG4gICAgcmV0dXJuIGFjYztcbiAgfSwge30pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGVUeXBlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICAgIHsuLi5ncmlkQm94UHJvcHN9XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e2dldENTU0Zyb21Db2x1bW5Db3VudChcbiAgICAgICAgICBjb2x1bW5Db3VudCxcbiAgICAgICAgICAodmFsdWUpID0+IGByZXBlYXQoJHt2YWx1ZX0sIG1pbm1heCgwLCAxZnIpKWAgLy8gdGhpcyBtaW5tYXggcHJldmVudHMgY2VsbHMgZnJvbSByZXNpemluZyBiYXNlZCBvbiBjb250ZW50XG4gICAgICAgICl9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgPlxuICAgICAgICB7LypcbiAgICAgICAgICogbm90ZSB0aGF0IEdyaWRDb2xsYXBzZSBtYXBzIGVhY2ggb2YgaXRzIGRpcmVjdCBjaGlsZHJlbiBpbnRvIGEgR3JpZEl0ZW0gLSB0aGlzIG1lYW5zIHRoYXRcbiAgICAgICAgICogaWYgeW91IHBhc3MgaW4gYSBzaW5nbGUgY29tcG9uZW50IHRoYXQgYWdncmVnYXRlcyBjaGlsZHJlbiBvbiBpdHMgb3duLCB0aGF0IGNvbXBvbmVudCAoYW5kXG4gICAgICAgICAqIGFsbCBvZiBpdHMgY2hpbGRyZW4pIHdpbGwgYmUgY29uc2lkZXJlZCBhIHNpbmdsZSBncmlkIGl0ZW0uIENvbnNpZGVyIGV4dHJhY3RpbmcgdGhlIGNvbnRlbnRzXG4gICAgICAgICAqIG9mIHRoYXQgY29tcG9uZW50IGludG8gYSBmdW5jdGlvbiBpbnN0ZWFkLCB0dXJuaW5nIHRoaXMgZXhhbXBsZTpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgQWdncmVnYXRlQ29tcG9uZW50OiBSZWFjdC5GQyA9IChpdGVtcykgPT4gKFxuICAgICAgICAgKiAgIDw+XG4gICAgICAgICAqICAgICB7aXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2Pil9XG4gICAgICAgICAqICAgPC8+XG4gICAgICAgICAqICk7XG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+PEFnZ3JlZ2F0ZUNvbXBvbmVudCBpdGVtcz17Wy4uLl19Lz48L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICpcbiAgICAgICAgICogaW50bzpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgZ2V0QWdncmVnYXRlQ2hpbGRyZW4gPSAoaXRlbXMpID0+IGl0ZW1zLm1hcCgoaXRlbSkgPT4gPGRpdj57aXRlbX08L2Rpdj4pXG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+e2dldEFnZ3JlZ2F0ZUNoaWxkcmVuKFsuLi5dKX08L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICovfVxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IChcbiAgICAgICAgICA8R3JpZEl0ZW0gYXM9XCJsaVwiIGl0ZW1zU2hvd249e2l0ZW1zU2hvd259PlxuICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgIDwvR3JpZEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgICAge3BhZ2VTaXplID8gKFxuICAgICAgICA8Qm94XG4gICAgICAgICAgey4uLmV4cGFuZENvbGxhcHNlUHJvcHN9XG4gICAgICAgICAgbXQ9e3BhZ2UgPiAwID8gMTYgOiBleHBhbmRDb2xsYXBzZVByb3BzPy5tdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgIHRvdGFsQ291bnQ9e1JlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKX1cbiAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpdGVtc1Nob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZmFsc2UpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gY3VycmVudFBhZ2UgKyAxKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRMYWJlbH0gPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAge3BhZ2UgPiAwICYmIChcbiAgICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKHRydWUpO1xuICAgICAgICAgICAgICAgIHNldFBhZ2UoMCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfSA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0V4cGFuZENvbGxhcHNlPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm94PlxuICAgICAgKSA6IChcbiAgICAgICAgPEJveCB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc30+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICB2YXJpYW50PXtleHBhbmRlZCA/ICdpbnRlcmZhY2UnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2luaXRpYWxNYXhTaG93bn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKGV4cGFuZGVkKTtcbiAgICAgICAgICAgICAgc2V0UGFnZSgoY3VycmVudFBhZ2UpID0+IChjdXJyZW50UGFnZSA+IDAgPyAwIDogMSkpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfVxuICAgICAgICAgICAgICAgICAgPFVwQ2hldnJvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2V4cGFuZExhYmVsfVxuICAgICAgICAgICAgICAgICAgPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const breakpointsWithBase = {
-	_: "0px",
-	...breakpoints
+  _: '0px',
+  ...breakpoints
 };
-const getMediaQuery = ({ css: css$1, start, end }) => end ? `@media only screen and (min-width: ${start}) and (max-width: calc(${end} - 1px)) { ${css$1} }` : `@media only screen and (min-width: ${start}) { ${css$1} }`;
-const GridItem = styled(Box)`
-  ${({ itemsShown }) => Object.keys(itemsShown).map((breakpointKey, i, breakpointKeys) => {
-	const max = itemsShown[breakpointKey];
-	if (max === void 0) return;
-	const start = breakpointsWithBase[breakpointKey];
-	const end = breakpointsWithBase[breakpointKeys[i + 1]];
-	const css$1 = `&:nth-of-type(n + ${max + 1}) { display: none; }`;
-	return i === breakpointKeys.length - 1 ? getMediaQuery({
-		css: css$1,
-		start
-	}) : getMediaQuery({
-		css: css$1,
-		start,
-		end
-	});
-}).join("\n")}
-`;
-const ExpandCollapse = styled(ExpandCollapseDefaults)`
-  display: none;
-  white-space: pre-wrap;
-
-  &:not(:first-of-type) {
-    margin-left: 2.5rem;
-  }
+export const getMediaQuery = ({
+  css,
+  start,
+  end
+}) => end ? `@media only screen and (min-width: ${start}) and (max-width: calc(${end} - 1px)) { ${css} }` : `@media only screen and (min-width: ${start}) { ${css} }`;
+const GridItem = /*#__PURE__*/_styled(Box, {
+  target: "en0qdm1",
+  label: "GridItem"
+})(({
+  itemsShown
+}) => Object.keys(itemsShown).map((breakpointKey, i, breakpointKeys) => {
+  const max = itemsShown[breakpointKey];
+  if (max === undefined) return;
+  const start = breakpointsWithBase[breakpointKey];
+  const end = breakpointsWithBase[breakpointKeys[i + 1]];
 
-  ${({ hideWhenTotalIsLessThan, totalCount }) => Object.keys(hideWhenTotalIsLessThan).map((breakpointKey, i, breakpointKeys) => {
-	const max = hideWhenTotalIsLessThan[breakpointKey];
-	if (max === void 0 || totalCount <= max) return;
-	const start = breakpointsWithBase[breakpointKey];
-	const end = breakpointsWithBase[breakpointKeys[i + 1]];
-	return i === breakpointKeys.length - 1 ? getMediaQuery({
-		css: "display: block;",
-		start
-	}) : getMediaQuery({
-		css: "display: block;",
-		start,
-		end
-	});
-}).join("\n")}
-`;
-const GridCollapse = ({ columnCount, initialMaxShown, pageSize, expandLabel = "Show all", collapseLabel = "Show fewer", onExpandClick, expandCollapseProps, children, ...gridBoxProps }) => {
-	const [page, setPage] = useState(0);
-	const expanded = page > 0;
-	const itemsShown = Object.keys(initialMaxShown).reduce((acc, breakpointKey) => {
-		if (pageSize) acc[breakpointKey] = (initialMaxShown[breakpointKey] ?? 0) + page * (pageSize?.[breakpointKey] ?? 0);
-		else acc[breakpointKey] = page > 0 ? React.Children.count(children) : initialMaxShown[breakpointKey];
-		return acc;
-	}, {});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(GridBox, {
-		as: "ul",
-		listStyleType: "none",
-		p: 0,
-		m: 0,
-		...gridBoxProps,
-		gridTemplateColumns: getCSSFromColumnCount(columnCount, (value) => `repeat(${value}, minmax(0, 1fr))`),
-		"aria-live": "polite",
-		"aria-expanded": expanded,
-		children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(GridItem, {
-			as: "li",
-			itemsShown,
-			children: child
-		}))
-	}), pageSize ? /* @__PURE__ */ jsxs(Box, {
-		...expandCollapseProps,
-		mt: page > 0 ? 16 : expandCollapseProps?.mt,
-		children: [/* @__PURE__ */ jsx(ExpandCollapse, {
-			fontWeight: "title",
-			totalCount: React.Children.count(children),
-			hideWhenTotalIsLessThan: itemsShown,
-			onClick: () => {
-				onExpandClick?.(false);
-				setPage((currentPage) => currentPage + 1);
-			},
-			children: /* @__PURE__ */ jsxs(FlexBox, {
-				alignItems: "center",
-				gap: 10,
-				my: 8,
-				children: [
-					expandLabel,
-					" ",
-					/* @__PURE__ */ jsx(DownChevron, { size: 12 })
-				]
-			})
-		}), page > 0 && /* @__PURE__ */ jsx(ExpandCollapse, {
-			variant: "interface",
-			fontWeight: "title",
-			totalCount: React.Children.count(children),
-			hideWhenTotalIsLessThan: initialMaxShown,
-			onClick: () => {
-				onExpandClick?.(true);
-				setPage(0);
-			},
-			children: /* @__PURE__ */ jsxs(FlexBox, {
-				alignItems: "center",
-				gap: 10,
-				my: 8,
-				children: [
-					collapseLabel,
-					" ",
-					/* @__PURE__ */ jsx(UpChevron, { size: 12 })
-				]
-			})
-		})]
-	}) : /* @__PURE__ */ jsx(Box, {
-		...expandCollapseProps,
-		children: /* @__PURE__ */ jsx(ExpandCollapse, {
-			variant: expanded ? "interface" : void 0,
-			fontWeight: "bold",
-			totalCount: React.Children.count(children),
-			hideWhenTotalIsLessThan: initialMaxShown,
-			onClick: () => {
-				onExpandClick?.(expanded);
-				setPage((currentPage) => currentPage > 0 ? 0 : 1);
-			},
-			"aria-expanded": expanded,
-			children: /* @__PURE__ */ jsx(FlexBox, {
-				alignItems: "center",
-				gap: 10,
-				my: 8,
-				children: expanded ? /* @__PURE__ */ jsxs(Fragment, { children: [collapseLabel, /* @__PURE__ */ jsx(UpChevron, { size: 12 })] }) : /* @__PURE__ */ jsxs(Fragment, { children: [expandLabel, /* @__PURE__ */ jsx(DownChevron, { size: 12 })] })
-			})
-		})
-	})] });
-};
+  // hide all grid items after the max
+  const css = `&:nth-of-type(n + ${max + 1}) { display: none; }`;
+  return i === breakpointKeys.length - 1 ? getMediaQuery({
+    css,
+    start
+  }) : getMediaQuery({
+    css,
+    start,
+    end
+  });
+}).join('\n'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9HcmlkL0dyaWRDb2xsYXBzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0QyQyIsImZpbGUiOiIuLi8uLi9zcmMvR3JpZC9HcmlkQ29sbGFwc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgQW5jaG9yLCBCb3gsIEZsZXhCb3gsIEdyaWRCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgQXJyb3dDaGV2cm9uVXBJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBNZWRpYVF1ZXJ5TWFwIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29sdW1uQ291bnQsIGdldENTU0Zyb21Db2x1bW5Db3VudCB9IGZyb20gJy4vZ2V0Q1NTRnJvbUNvbHVtbkNvdW50JztcblxuZnVuY3Rpb24gRXhwYW5kQ29sbGFwc2VEZWZhdWx0cyh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEFuY2hvcj4pIHtcbiAgcmV0dXJuIDxBbmNob3IgdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfSAvPjtcbn1cblxuY29uc3QgRG93bkNoZXZyb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uRG93bkljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IFVwQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25VcEljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IGJyZWFrcG9pbnRzV2l0aEJhc2UgPSB7XG4gIF86ICcwcHgnLFxuICAuLi5icmVha3BvaW50cyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBnZXRNZWRpYVF1ZXJ5ID0gKHtcbiAgY3NzLFxuICBzdGFydCxcbiAgZW5kLFxufToge1xuICBjc3M6IHN0cmluZztcbiAgc3RhcnQ6IHN0cmluZztcbiAgZW5kPzogc3RyaW5nO1xufSkgPT5cbiAgZW5kXG4gICAgPyBgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3N0YXJ0fSkgYW5kIChtYXgtd2lkdGg6IGNhbGMoJHtlbmR9IC0gMXB4KSkgeyAke2Nzc30gfWBcbiAgICA6IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSB7ICR7Y3NzfSB9YDtcblxudHlwZSBHcmlkSXRlbVByb3BzID0ge1xuICBpdGVtc1Nob3duOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG59O1xuXG5jb25zdCBHcmlkSXRlbSA9IHN0eWxlZChCb3gpPEdyaWRJdGVtUHJvcHM+YFxuICAkeyh7IGl0ZW1zU2hvd24gfSkgPT5cbiAgICAoT2JqZWN0LmtleXMoaXRlbXNTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGl0ZW1zU2hvd25bYnJlYWtwb2ludEtleV07XG4gICAgICAgIGlmIChtYXggPT09IHVuZGVmaW5lZCkgcmV0dXJuO1xuXG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5XTtcbiAgICAgICAgY29uc3QgZW5kID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5c1tpICsgMV1dO1xuXG4gICAgICAgIC8vIGhpZGUgYWxsIGdyaWQgaXRlbXMgYWZ0ZXIgdGhlIG1heFxuICAgICAgICBjb25zdCBjc3MgPSBgJjpudGgtb2YtdHlwZShuICsgJHttYXggKyAxfSkgeyBkaXNwbGF5OiBub25lOyB9YDtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQgfSlcbiAgICAgICAgICA6IGdldE1lZGlhUXVlcnkoeyBjc3MsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxudHlwZSBFeHBhbmRDb2xsYXBzZVByb3BzID0ge1xuICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59O1xuXG5jb25zdCBFeHBhbmRDb2xsYXBzZSA9IHN0eWxlZChFeHBhbmRDb2xsYXBzZURlZmF1bHRzKWBcbiAgZGlzcGxheTogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuXG4gICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDIuNXJlbTtcbiAgfVxuXG4gICR7KHsgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4sIHRvdGFsQ291bnQgfTogRXhwYW5kQ29sbGFwc2VQcm9wcykgPT5cbiAgICAoT2JqZWN0LmtleXMoaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4pIGFzIChrZXlvZiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4pW10pXG4gICAgICAubWFwKChicmVha3BvaW50S2V5LCBpLCBicmVha3BvaW50S2V5cykgPT4ge1xuICAgICAgICBjb25zdCBtYXggPSBoaWRlV2hlblRvdGFsSXNMZXNzVGhhblticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkIHx8IHRvdGFsQ291bnQgPD0gbWF4KSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgcmV0dXJuIGkgPT09IGJyZWFrcG9pbnRLZXlzLmxlbmd0aCAtIDFcbiAgICAgICAgICA/IGdldE1lZGlhUXVlcnkoeyBjc3M6ICdkaXNwbGF5OiBibG9jazsnLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxuZXhwb3J0IHR5cGUgR3JpZENvbGxhcHNlUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgR3JpZEJveD4gJiB7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGNvbHVtbnMgcGVyIHJvdyBpbiB0aGUgZ3JpZFxuICAgKi9cbiAgY29sdW1uQ291bnQ6IENvbHVtbkNvdW50O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBpdGVtcyB0byBkaXNwbGF5IHdoZW4gY29sbGFwc2VkXG4gICAqL1xuICBpbml0aWFsTWF4U2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgbmV3IGl0ZW1zIHRvIGRpc3BsYXkgb24gZWFjaCBcImV4cGFuZFwiIGNsaWNrOyBpZiBub3QgcHJvdmlkZWQsIGEgYmluYXJ5IHRvZ2dsZSBpcyB1c2VkXG4gICAqIG5vdGU6IG11c3QgaW5jbHVkZSBleGFjdGx5IHRoZSBzYW1lIGtleXMgYXMgaW5pdGlhbE1heFNob3duXG4gICAqL1xuICBwYWdlU2l6ZT86IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBtb3JlXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBleHBhbmRMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBmZXdlclwiIGlzIGF2YWlsYWJsZVxuICAgKi9cbiAgY29sbGFwc2VMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIGNhbGxlZCB3aGVuIGNsaWNraW5nIHRoZSBzaG93IG1vcmUvc2VlIGxlc3MgdG9nZ2xlOyBhY2NlcHRzIHRoZSBjdXJyZW50IGV4cGFuZGVkIHN0YXRlIGFzIGFuIGFyZ1xuICAgKi9cbiAgb25FeHBhbmRDbGljaz86IChleHBhbmRlZD86IGJvb2xlYW4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBwcm9wcyB0byBwYXNzIHRvIHRoZSBleHBhbmQvY29sbGFwc2UgY29udGFpbmVyICh1c2VmdWwgZm9yIGNoYW5naW5nIHRoZSBtYXJnaW4gYmV0d2VlbiB0aGUgZ3JpZCBhbmQgY29udHJvbHMpXG4gICAqL1xuICBleHBhbmRDb2xsYXBzZVByb3BzPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG59O1xuXG5leHBvcnQgY29uc3QgR3JpZENvbGxhcHNlOiBSZWFjdC5GQzxHcmlkQ29sbGFwc2VQcm9wcz4gPSAoe1xuICBjb2x1bW5Db3VudCxcbiAgaW5pdGlhbE1heFNob3duLFxuICBwYWdlU2l6ZSxcbiAgZXhwYW5kTGFiZWwgPSAnU2hvdyBhbGwnLFxuICBjb2xsYXBzZUxhYmVsID0gJ1Nob3cgZmV3ZXInLFxuICBvbkV4cGFuZENsaWNrLFxuICBleHBhbmRDb2xsYXBzZVByb3BzLFxuICBjaGlsZHJlbixcbiAgLi4uZ3JpZEJveFByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtwYWdlLCBzZXRQYWdlXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IGV4cGFuZGVkID0gcGFnZSA+IDA7XG5cbiAgLy8gY2FsY3VsYXRlIHRoZSBudW1iZXIgb2YgaXRlbXMgdG8gc2hvdyBiYXNlZCBvbiBwYWdlLCBwYWdlU2l6ZSwgYW5kIGluaXRpYWxNYXhTaG93blxuICBjb25zdCBpdGVtc1Nob3duID0gKFxuICAgIE9iamVjdC5rZXlzKGluaXRpYWxNYXhTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXVxuICApLnJlZHVjZSgoYWNjOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4sIGJyZWFrcG9pbnRLZXkpID0+IHtcbiAgICBpZiAocGFnZVNpemUpIHtcbiAgICAgIC8vIGlmIHBhZ2VTaXplIGlzIGRlZmluZWQsIGl0ZW1zU2hvd24gPSBpbml0aWFsTWF4U2hvd24gKyAocGFnZSAqIHBhZ2VTaXplKVxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgKGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XSA/PyAwKSArXG4gICAgICAgIHBhZ2UgKiAocGFnZVNpemU/LlticmVha3BvaW50S2V5XSA/PyAwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgbm90IGRlZmluZWQsIGl0ZW1zU2hvd24gaXMgZWl0aGVyIGluaXRpYWxNYXhTaG93biBvciBhbGwgY2hpbGRyZW5cbiAgICAgIGFjY1ticmVha3BvaW50S2V5XSA9XG4gICAgICAgIHBhZ2UgPiAwXG4gICAgICAgICAgPyBSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgICAgICAgICA6IGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XTtcbiAgICB9XG4gICAgcmV0dXJuIGFjYztcbiAgfSwge30pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGVUeXBlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICAgIHsuLi5ncmlkQm94UHJvcHN9XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e2dldENTU0Zyb21Db2x1bW5Db3VudChcbiAgICAgICAgICBjb2x1bW5Db3VudCxcbiAgICAgICAgICAodmFsdWUpID0+IGByZXBlYXQoJHt2YWx1ZX0sIG1pbm1heCgwLCAxZnIpKWAgLy8gdGhpcyBtaW5tYXggcHJldmVudHMgY2VsbHMgZnJvbSByZXNpemluZyBiYXNlZCBvbiBjb250ZW50XG4gICAgICAgICl9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgPlxuICAgICAgICB7LypcbiAgICAgICAgICogbm90ZSB0aGF0IEdyaWRDb2xsYXBzZSBtYXBzIGVhY2ggb2YgaXRzIGRpcmVjdCBjaGlsZHJlbiBpbnRvIGEgR3JpZEl0ZW0gLSB0aGlzIG1lYW5zIHRoYXRcbiAgICAgICAgICogaWYgeW91IHBhc3MgaW4gYSBzaW5nbGUgY29tcG9uZW50IHRoYXQgYWdncmVnYXRlcyBjaGlsZHJlbiBvbiBpdHMgb3duLCB0aGF0IGNvbXBvbmVudCAoYW5kXG4gICAgICAgICAqIGFsbCBvZiBpdHMgY2hpbGRyZW4pIHdpbGwgYmUgY29uc2lkZXJlZCBhIHNpbmdsZSBncmlkIGl0ZW0uIENvbnNpZGVyIGV4dHJhY3RpbmcgdGhlIGNvbnRlbnRzXG4gICAgICAgICAqIG9mIHRoYXQgY29tcG9uZW50IGludG8gYSBmdW5jdGlvbiBpbnN0ZWFkLCB0dXJuaW5nIHRoaXMgZXhhbXBsZTpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgQWdncmVnYXRlQ29tcG9uZW50OiBSZWFjdC5GQyA9IChpdGVtcykgPT4gKFxuICAgICAgICAgKiAgIDw+XG4gICAgICAgICAqICAgICB7aXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2Pil9XG4gICAgICAgICAqICAgPC8+XG4gICAgICAgICAqICk7XG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+PEFnZ3JlZ2F0ZUNvbXBvbmVudCBpdGVtcz17Wy4uLl19Lz48L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICpcbiAgICAgICAgICogaW50bzpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgZ2V0QWdncmVnYXRlQ2hpbGRyZW4gPSAoaXRlbXMpID0+IGl0ZW1zLm1hcCgoaXRlbSkgPT4gPGRpdj57aXRlbX08L2Rpdj4pXG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+e2dldEFnZ3JlZ2F0ZUNoaWxkcmVuKFsuLi5dKX08L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICovfVxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IChcbiAgICAgICAgICA8R3JpZEl0ZW0gYXM9XCJsaVwiIGl0ZW1zU2hvd249e2l0ZW1zU2hvd259PlxuICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgIDwvR3JpZEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgICAge3BhZ2VTaXplID8gKFxuICAgICAgICA8Qm94XG4gICAgICAgICAgey4uLmV4cGFuZENvbGxhcHNlUHJvcHN9XG4gICAgICAgICAgbXQ9e3BhZ2UgPiAwID8gMTYgOiBleHBhbmRDb2xsYXBzZVByb3BzPy5tdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgIHRvdGFsQ291bnQ9e1JlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKX1cbiAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpdGVtc1Nob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZmFsc2UpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gY3VycmVudFBhZ2UgKyAxKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRMYWJlbH0gPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAge3BhZ2UgPiAwICYmIChcbiAgICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKHRydWUpO1xuICAgICAgICAgICAgICAgIHNldFBhZ2UoMCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfSA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0V4cGFuZENvbGxhcHNlPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm94PlxuICAgICAgKSA6IChcbiAgICAgICAgPEJveCB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc30+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICB2YXJpYW50PXtleHBhbmRlZCA/ICdpbnRlcmZhY2UnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2luaXRpYWxNYXhTaG93bn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKGV4cGFuZGVkKTtcbiAgICAgICAgICAgICAgc2V0UGFnZSgoY3VycmVudFBhZ2UpID0+IChjdXJyZW50UGFnZSA+IDAgPyAwIDogMSkpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfVxuICAgICAgICAgICAgICAgICAgPFVwQ2hldnJvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2V4cGFuZExhYmVsfVxuICAgICAgICAgICAgICAgICAgPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
+const ExpandCollapse = /*#__PURE__*/_styled(ExpandCollapseDefaults, {
+  target: "en0qdm0",
+  label: "ExpandCollapse"
+})("display:none;white-space:pre-wrap;&:not(:first-of-type){margin-left:2.5rem;}", ({
+  hideWhenTotalIsLessThan,
+  totalCount
+}) => Object.keys(hideWhenTotalIsLessThan).map((breakpointKey, i, breakpointKeys) => {
+  const max = hideWhenTotalIsLessThan[breakpointKey];
+  if (max === undefined || totalCount <= max) return;
+  const start = breakpointsWithBase[breakpointKey];
+  const end = breakpointsWithBase[breakpointKeys[i + 1]];
+  return i === breakpointKeys.length - 1 ? getMediaQuery({
+    css: 'display: block;',
+    start
+  }) : getMediaQuery({
+    css: 'display: block;',
+    start,
+    end
+  });
+}).join('\n'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9HcmlkL0dyaWRDb2xsYXBzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0VxRCIsImZpbGUiOiIuLi8uLi9zcmMvR3JpZC9HcmlkQ29sbGFwc2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgQW5jaG9yLCBCb3gsIEZsZXhCb3gsIEdyaWRCb3ggfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duSWNvbixcbiAgQXJyb3dDaGV2cm9uVXBJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBNZWRpYVF1ZXJ5TWFwIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29sdW1uQ291bnQsIGdldENTU0Zyb21Db2x1bW5Db3VudCB9IGZyb20gJy4vZ2V0Q1NTRnJvbUNvbHVtbkNvdW50JztcblxuZnVuY3Rpb24gRXhwYW5kQ29sbGFwc2VEZWZhdWx0cyh7XG4gIHZhcmlhbnQgPSAnc3RhbmRhcmQnLFxuICAuLi5wcm9wc1xufTogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEFuY2hvcj4pIHtcbiAgcmV0dXJuIDxBbmNob3IgdmFyaWFudD17dmFyaWFudH0gey4uLnByb3BzfSAvPjtcbn1cblxuY29uc3QgRG93bkNoZXZyb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uRG93bkljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IFVwQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25VcEljb24pYFxuICBwYXRoIHtcbiAgICBzdHJva2Utd2lkdGg6IDM7XG4gIH1cbmA7XG5cbmNvbnN0IGJyZWFrcG9pbnRzV2l0aEJhc2UgPSB7XG4gIF86ICcwcHgnLFxuICAuLi5icmVha3BvaW50cyxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBnZXRNZWRpYVF1ZXJ5ID0gKHtcbiAgY3NzLFxuICBzdGFydCxcbiAgZW5kLFxufToge1xuICBjc3M6IHN0cmluZztcbiAgc3RhcnQ6IHN0cmluZztcbiAgZW5kPzogc3RyaW5nO1xufSkgPT5cbiAgZW5kXG4gICAgPyBgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3N0YXJ0fSkgYW5kIChtYXgtd2lkdGg6IGNhbGMoJHtlbmR9IC0gMXB4KSkgeyAke2Nzc30gfWBcbiAgICA6IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSB7ICR7Y3NzfSB9YDtcblxudHlwZSBHcmlkSXRlbVByb3BzID0ge1xuICBpdGVtc1Nob3duOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG59O1xuXG5jb25zdCBHcmlkSXRlbSA9IHN0eWxlZChCb3gpPEdyaWRJdGVtUHJvcHM+YFxuICAkeyh7IGl0ZW1zU2hvd24gfSkgPT5cbiAgICAoT2JqZWN0LmtleXMoaXRlbXNTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGl0ZW1zU2hvd25bYnJlYWtwb2ludEtleV07XG4gICAgICAgIGlmIChtYXggPT09IHVuZGVmaW5lZCkgcmV0dXJuO1xuXG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5XTtcbiAgICAgICAgY29uc3QgZW5kID0gYnJlYWtwb2ludHNXaXRoQmFzZVticmVha3BvaW50S2V5c1tpICsgMV1dO1xuXG4gICAgICAgIC8vIGhpZGUgYWxsIGdyaWQgaXRlbXMgYWZ0ZXIgdGhlIG1heFxuICAgICAgICBjb25zdCBjc3MgPSBgJjpudGgtb2YtdHlwZShuICsgJHttYXggKyAxfSkgeyBkaXNwbGF5OiBub25lOyB9YDtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQgfSlcbiAgICAgICAgICA6IGdldE1lZGlhUXVlcnkoeyBjc3MsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxudHlwZSBFeHBhbmRDb2xsYXBzZVByb3BzID0ge1xuICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59O1xuXG5jb25zdCBFeHBhbmRDb2xsYXBzZSA9IHN0eWxlZChFeHBhbmRDb2xsYXBzZURlZmF1bHRzKWBcbiAgZGlzcGxheTogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuXG4gICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgbWFyZ2luLWxlZnQ6IDIuNXJlbTtcbiAgfVxuXG4gICR7KHsgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4sIHRvdGFsQ291bnQgfTogRXhwYW5kQ29sbGFwc2VQcm9wcykgPT5cbiAgICAoT2JqZWN0LmtleXMoaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW4pIGFzIChrZXlvZiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4pW10pXG4gICAgICAubWFwKChicmVha3BvaW50S2V5LCBpLCBicmVha3BvaW50S2V5cykgPT4ge1xuICAgICAgICBjb25zdCBtYXggPSBoaWRlV2hlblRvdGFsSXNMZXNzVGhhblticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkIHx8IHRvdGFsQ291bnQgPD0gbWF4KSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgcmV0dXJuIGkgPT09IGJyZWFrcG9pbnRLZXlzLmxlbmd0aCAtIDFcbiAgICAgICAgICA/IGdldE1lZGlhUXVlcnkoeyBjc3M6ICdkaXNwbGF5OiBibG9jazsnLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0LCBlbmQgfSk7XG4gICAgICB9KVxuICAgICAgLmpvaW4oJ1xcbicpfVxuYDtcblxuZXhwb3J0IHR5cGUgR3JpZENvbGxhcHNlUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgR3JpZEJveD4gJiB7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGNvbHVtbnMgcGVyIHJvdyBpbiB0aGUgZ3JpZFxuICAgKi9cbiAgY29sdW1uQ291bnQ6IENvbHVtbkNvdW50O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBpdGVtcyB0byBkaXNwbGF5IHdoZW4gY29sbGFwc2VkXG4gICAqL1xuICBpbml0aWFsTWF4U2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgbmV3IGl0ZW1zIHRvIGRpc3BsYXkgb24gZWFjaCBcImV4cGFuZFwiIGNsaWNrOyBpZiBub3QgcHJvdmlkZWQsIGEgYmluYXJ5IHRvZ2dsZSBpcyB1c2VkXG4gICAqIG5vdGU6IG11c3QgaW5jbHVkZSBleGFjdGx5IHRoZSBzYW1lIGtleXMgYXMgaW5pdGlhbE1heFNob3duXG4gICAqL1xuICBwYWdlU2l6ZT86IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBtb3JlXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBleHBhbmRMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIHRleHQgdG8gZGlzcGxheSB3aGVuIFwic2hvdyBmZXdlclwiIGlzIGF2YWlsYWJsZVxuICAgKi9cbiAgY29sbGFwc2VMYWJlbD86IHN0cmluZztcbiAgLyoqXG4gICAqIGNhbGxlZCB3aGVuIGNsaWNraW5nIHRoZSBzaG93IG1vcmUvc2VlIGxlc3MgdG9nZ2xlOyBhY2NlcHRzIHRoZSBjdXJyZW50IGV4cGFuZGVkIHN0YXRlIGFzIGFuIGFyZ1xuICAgKi9cbiAgb25FeHBhbmRDbGljaz86IChleHBhbmRlZD86IGJvb2xlYW4pID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBwcm9wcyB0byBwYXNzIHRvIHRoZSBleHBhbmQvY29sbGFwc2UgY29udGFpbmVyICh1c2VmdWwgZm9yIGNoYW5naW5nIHRoZSBtYXJnaW4gYmV0d2VlbiB0aGUgZ3JpZCBhbmQgY29udHJvbHMpXG4gICAqL1xuICBleHBhbmRDb2xsYXBzZVByb3BzPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG59O1xuXG5leHBvcnQgY29uc3QgR3JpZENvbGxhcHNlOiBSZWFjdC5GQzxHcmlkQ29sbGFwc2VQcm9wcz4gPSAoe1xuICBjb2x1bW5Db3VudCxcbiAgaW5pdGlhbE1heFNob3duLFxuICBwYWdlU2l6ZSxcbiAgZXhwYW5kTGFiZWwgPSAnU2hvdyBhbGwnLFxuICBjb2xsYXBzZUxhYmVsID0gJ1Nob3cgZmV3ZXInLFxuICBvbkV4cGFuZENsaWNrLFxuICBleHBhbmRDb2xsYXBzZVByb3BzLFxuICBjaGlsZHJlbixcbiAgLi4uZ3JpZEJveFByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtwYWdlLCBzZXRQYWdlXSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IGV4cGFuZGVkID0gcGFnZSA+IDA7XG5cbiAgLy8gY2FsY3VsYXRlIHRoZSBudW1iZXIgb2YgaXRlbXMgdG8gc2hvdyBiYXNlZCBvbiBwYWdlLCBwYWdlU2l6ZSwgYW5kIGluaXRpYWxNYXhTaG93blxuICBjb25zdCBpdGVtc1Nob3duID0gKFxuICAgIE9iamVjdC5rZXlzKGluaXRpYWxNYXhTaG93bikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXVxuICApLnJlZHVjZSgoYWNjOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj4sIGJyZWFrcG9pbnRLZXkpID0+IHtcbiAgICBpZiAocGFnZVNpemUpIHtcbiAgICAgIC8vIGlmIHBhZ2VTaXplIGlzIGRlZmluZWQsIGl0ZW1zU2hvd24gPSBpbml0aWFsTWF4U2hvd24gKyAocGFnZSAqIHBhZ2VTaXplKVxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgKGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XSA/PyAwKSArXG4gICAgICAgIHBhZ2UgKiAocGFnZVNpemU/LlticmVha3BvaW50S2V5XSA/PyAwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgbm90IGRlZmluZWQsIGl0ZW1zU2hvd24gaXMgZWl0aGVyIGluaXRpYWxNYXhTaG93biBvciBhbGwgY2hpbGRyZW5cbiAgICAgIGFjY1ticmVha3BvaW50S2V5XSA9XG4gICAgICAgIHBhZ2UgPiAwXG4gICAgICAgICAgPyBSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgICAgICAgICA6IGluaXRpYWxNYXhTaG93blticmVha3BvaW50S2V5XTtcbiAgICB9XG4gICAgcmV0dXJuIGFjYztcbiAgfSwge30pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHcmlkQm94XG4gICAgICAgIGFzPVwidWxcIlxuICAgICAgICBsaXN0U3R5bGVUeXBlPVwibm9uZVwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIG09ezB9XG4gICAgICAgIHsuLi5ncmlkQm94UHJvcHN9XG4gICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM9e2dldENTU0Zyb21Db2x1bW5Db3VudChcbiAgICAgICAgICBjb2x1bW5Db3VudCxcbiAgICAgICAgICAodmFsdWUpID0+IGByZXBlYXQoJHt2YWx1ZX0sIG1pbm1heCgwLCAxZnIpKWAgLy8gdGhpcyBtaW5tYXggcHJldmVudHMgY2VsbHMgZnJvbSByZXNpemluZyBiYXNlZCBvbiBjb250ZW50XG4gICAgICAgICl9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgPlxuICAgICAgICB7LypcbiAgICAgICAgICogbm90ZSB0aGF0IEdyaWRDb2xsYXBzZSBtYXBzIGVhY2ggb2YgaXRzIGRpcmVjdCBjaGlsZHJlbiBpbnRvIGEgR3JpZEl0ZW0gLSB0aGlzIG1lYW5zIHRoYXRcbiAgICAgICAgICogaWYgeW91IHBhc3MgaW4gYSBzaW5nbGUgY29tcG9uZW50IHRoYXQgYWdncmVnYXRlcyBjaGlsZHJlbiBvbiBpdHMgb3duLCB0aGF0IGNvbXBvbmVudCAoYW5kXG4gICAgICAgICAqIGFsbCBvZiBpdHMgY2hpbGRyZW4pIHdpbGwgYmUgY29uc2lkZXJlZCBhIHNpbmdsZSBncmlkIGl0ZW0uIENvbnNpZGVyIGV4dHJhY3RpbmcgdGhlIGNvbnRlbnRzXG4gICAgICAgICAqIG9mIHRoYXQgY29tcG9uZW50IGludG8gYSBmdW5jdGlvbiBpbnN0ZWFkLCB0dXJuaW5nIHRoaXMgZXhhbXBsZTpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgQWdncmVnYXRlQ29tcG9uZW50OiBSZWFjdC5GQyA9IChpdGVtcykgPT4gKFxuICAgICAgICAgKiAgIDw+XG4gICAgICAgICAqICAgICB7aXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2Pil9XG4gICAgICAgICAqICAgPC8+XG4gICAgICAgICAqICk7XG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+PEFnZ3JlZ2F0ZUNvbXBvbmVudCBpdGVtcz17Wy4uLl19Lz48L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICpcbiAgICAgICAgICogaW50bzpcbiAgICAgICAgICpcbiAgICAgICAgICogY29uc3QgZ2V0QWdncmVnYXRlQ2hpbGRyZW4gPSAoaXRlbXMpID0+IGl0ZW1zLm1hcCgoaXRlbSkgPT4gPGRpdj57aXRlbX08L2Rpdj4pXG4gICAgICAgICAqXG4gICAgICAgICAqIDxHcmlkQ29sbGFwc2U+e2dldEFnZ3JlZ2F0ZUNoaWxkcmVuKFsuLi5dKX08L0dyaWRDb2xsYXBzZT5cbiAgICAgICAgICovfVxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQpID0+IChcbiAgICAgICAgICA8R3JpZEl0ZW0gYXM9XCJsaVwiIGl0ZW1zU2hvd249e2l0ZW1zU2hvd259PlxuICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgIDwvR3JpZEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmlkQm94PlxuICAgICAge3BhZ2VTaXplID8gKFxuICAgICAgICA8Qm94XG4gICAgICAgICAgey4uLmV4cGFuZENvbGxhcHNlUHJvcHN9XG4gICAgICAgICAgbXQ9e3BhZ2UgPiAwID8gMTYgOiBleHBhbmRDb2xsYXBzZVByb3BzPy5tdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgIHRvdGFsQ291bnQ9e1JlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKX1cbiAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpdGVtc1Nob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZmFsc2UpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gY3VycmVudFBhZ2UgKyAxKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRMYWJlbH0gPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAge3BhZ2UgPiAwICYmIChcbiAgICAgICAgICAgIDxFeHBhbmRDb2xsYXBzZVxuICAgICAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgZm9udFdlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKHRydWUpO1xuICAgICAgICAgICAgICAgIHNldFBhZ2UoMCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfSA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0V4cGFuZENvbGxhcHNlPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm94PlxuICAgICAgKSA6IChcbiAgICAgICAgPEJveCB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc30+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICB2YXJpYW50PXtleHBhbmRlZCA/ICdpbnRlcmZhY2UnIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2luaXRpYWxNYXhTaG93bn1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgb25FeHBhbmRDbGljaz8uKGV4cGFuZGVkKTtcbiAgICAgICAgICAgICAgc2V0UGFnZSgoY3VycmVudFBhZ2UpID0+IChjdXJyZW50UGFnZSA+IDAgPyAwIDogMSkpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezEwIGFzIGFueX0gbXk9ezh9PlxuICAgICAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIHtjb2xsYXBzZUxhYmVsfVxuICAgICAgICAgICAgICAgICAgPFVwQ2hldnJvbiBzaXplPXsxMn0gLz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2V4cGFuZExhYmVsfVxuICAgICAgICAgICAgICAgICAgPERvd25DaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
+export const GridCollapse = ({
+  columnCount,
+  initialMaxShown,
+  pageSize,
+  expandLabel = 'Show all',
+  collapseLabel = 'Show fewer',
+  onExpandClick,
+  expandCollapseProps,
+  children,
+  ...gridBoxProps
+}) => {
+  const [page, setPage] = useState(0);
+  const expanded = page > 0;
 
-//#endregion
-export { GridCollapse, getMediaQuery };
+  // calculate the number of items to show based on page, pageSize, and initialMaxShown
+  const itemsShown = Object.keys(initialMaxShown).reduce((acc, breakpointKey) => {
+    if (pageSize) {
+      // if pageSize is defined, itemsShown = initialMaxShown + (page * pageSize)
+      acc[breakpointKey] = (initialMaxShown[breakpointKey] ?? 0) + page * (pageSize?.[breakpointKey] ?? 0);
+    } else {
+      // if pageSize is not defined, itemsShown is either initialMaxShown or all children
+      acc[breakpointKey] = page > 0 ? React.Children.count(children) : initialMaxShown[breakpointKey];
+    }
+    return acc;
+  }, {});
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(GridBox, {
+      as: "ul",
+      listStyleType: "none",
+      p: 0,
+      m: 0,
+      ...gridBoxProps,
+      gridTemplateColumns: getCSSFromColumnCount(columnCount, value => `repeat(${value}, minmax(0, 1fr))` // this minmax prevents cells from resizing based on content
+      ),
+      "aria-live": "polite",
+      "aria-expanded": expanded,
+      children: React.Children.map(children, child => /*#__PURE__*/_jsx(GridItem, {
+        as: "li",
+        itemsShown: itemsShown,
+        children: child
+      }))
+    }), pageSize ? /*#__PURE__*/_jsxs(Box, {
+      ...expandCollapseProps,
+      mt: page > 0 ? 16 : expandCollapseProps?.mt,
+      children: [/*#__PURE__*/_jsx(ExpandCollapse, {
+        fontWeight: "title",
+        totalCount: React.Children.count(children),
+        hideWhenTotalIsLessThan: itemsShown,
+        onClick: () => {
+          onExpandClick?.(false);
+          setPage(currentPage => currentPage + 1);
+        },
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          alignItems: "center",
+          gap: 10,
+          my: 8,
+          children: [expandLabel, " ", /*#__PURE__*/_jsx(DownChevron, {
+            size: 12
+          })]
+        })
+      }), page > 0 && /*#__PURE__*/_jsx(ExpandCollapse, {
+        variant: "interface",
+        fontWeight: "title",
+        totalCount: React.Children.count(children),
+        hideWhenTotalIsLessThan: initialMaxShown,
+        onClick: () => {
+          onExpandClick?.(true);
+          setPage(0);
+        },
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          alignItems: "center",
+          gap: 10,
+          my: 8,
+          children: [collapseLabel, " ", /*#__PURE__*/_jsx(UpChevron, {
+            size: 12
+          })]
+        })
+      })]
+    }) : /*#__PURE__*/_jsx(Box, {
+      ...expandCollapseProps,
+      children: /*#__PURE__*/_jsx(ExpandCollapse, {
+        variant: expanded ? 'interface' : undefined,
+        fontWeight: "bold",
+        totalCount: React.Children.count(children),
+        hideWhenTotalIsLessThan: initialMaxShown,
+        onClick: () => {
+          onExpandClick?.(expanded);
+          setPage(currentPage => currentPage > 0 ? 0 : 1);
+        },
+        "aria-expanded": expanded,
+        children: /*#__PURE__*/_jsx(FlexBox, {
+          alignItems: "center",
+          gap: 10,
+          my: 8,
+          children: expanded ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [collapseLabel, /*#__PURE__*/_jsx(UpChevron, {
+              size: 12
+            })]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [expandLabel, /*#__PURE__*/_jsx(DownChevron, {
+              size: 12
+            })]
+          })
+        })
+      })
+    })]
+  });
+};

package/dist/Grid/GridCollapse.test.js

@@ -0,0 +1,96 @@
+import { setupRtl } from '@codecademy/gamut-tests';
+import userEvent from '@testing-library/user-event';
+import times from 'lodash/times';
+import { getMediaQuery, GridCollapse } from './GridCollapse';
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderView = setupRtl(GridCollapse, {
+  gridColumnEnd: {
+    _: 'span 2',
+    lg: 'span 6'
+  },
+  columnCount: {
+    _: 4
+  },
+  initialMaxShown: {
+    _: 4
+  },
+  children: times(20, i => /*#__PURE__*/_jsx("div", {
+    children: "child"
+  }, i))
+});
+describe('GridCollapse', () => {
+  it('renders a "Show all" link when not expanded', () => {
+    const {
+      view
+    } = renderView();
+    view.getByText('Show all');
+    expect(view.queryByText('Show fewer')).toBeNull();
+  });
+  it('renders a "Show fewer" link when expanded', async () => {
+    const {
+      view
+    } = renderView();
+    await userEvent.click(view.getByText('Show all'));
+    view.getByText('Show fewer');
+    expect(view.queryByText('Show all')).toBeNull();
+  });
+  describe('when pageSize is passed', () => {
+    it('renders only an "expand" link on the first page', () => {
+      const {
+        view
+      } = renderView({
+        pageSize: {
+          _: 2
+        }
+      });
+      view.getByText('Show all');
+      expect(view.queryByText('Show fewer')).toBeNull();
+    });
+
+    // we would like to test that only a "collapse" link is rendered on the last page,
+    // however that is determined via styling as opposed to js logic so we can't!
+
+    it('renders both an "expand" and "collapse" link otherwise', async () => {
+      const {
+        view
+      } = renderView({
+        pageSize: {
+          _: 2
+        }
+      });
+      await userEvent.click(view.getByText('Show all'));
+      view.getByText('Show fewer');
+    });
+  });
+  it("calls onExpandClick with the current expanded state if it's passed as a prop", async () => {
+    const onExpandClick = jest.fn();
+    const {
+      view
+    } = renderView({
+      onExpandClick
+    });
+    await userEvent.click(view.getByText('Show all'));
+    expect(onExpandClick).toHaveBeenCalledWith(false);
+    await userEvent.click(view.getByText('Show fewer'));
+    expect(onExpandClick).toHaveBeenCalledWith(true);
+  });
+  it('getMediaQuery returns a range if both start and end are passed', () => {
+    const res = getMediaQuery({
+      start: '400px',
+      end: '500px',
+      css: 'display: block;'
+    });
+    expect(res).toBe('@media only screen and (min-width: 400px) and (max-width: calc(500px - 1px)) { display: block; }');
+  });
+  it('getMediaQuery returns an unbounded range if end is not passed', () => {
+    const res = getMediaQuery({
+      start: '400px',
+      css: 'display: block;'
+    });
+    expect(res).toBe('@media only screen and (min-width: 400px) { display: block; }');
+  });
+
+  // we would love to be able to test the expand/collapse functionality
+  // but since there is a different max shown at each breakpoint, we had to accomplish this via css
+  // which is not easily testable with our current infrastructure
+});

package/dist/Grid/Subgrid.d.ts

@@ -1,10 +1,6 @@
-import { ColumnCount } from "./getCSSFromColumnCount.js";
-import { GridBox } from "@codecademy/gamut";
-import * as react18 from "react";
-import { ComponentProps, FC } from "react";
-
-//#region src/Grid/Subgrid.d.ts
-
+import { GridBox } from '@codecademy/gamut';
+import { ComponentProps, FC } from 'react';
+import { ColumnCount } from './getCSSFromColumnCount';
 /**
  * Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.
  * Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether
@@ -23,7 +19,5 @@ import { ComponentProps, FC } from "react";
  *
  * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
  */
-declare const subgridContext: react18.Context<ColumnCount>;
-declare const Subgrid: FC<ComponentProps<typeof GridBox>>;
-//#endregion
-export { Subgrid, subgridContext };
+export declare const subgridContext: import("react").Context<ColumnCount>;
+export declare const Subgrid: FC<ComponentProps<typeof GridBox>>;