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

package/dist/Grid/GridCollapse.cjs

@@ -0,0 +1,134 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_getCSSFromColumnCount = require('./getCSSFromColumnCount.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/Grid/GridCollapse.tsx
+function ExpandCollapseDefaults({ variant = "standard", ...props }) {
+	return /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Anchor, {
+		variant,
+		...props
+	});
+}
+const DownChevron = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronDownIcon, {
+	target: "e1mv7qvt0",
+	label: "brand-DownChevron"
+})("path{stroke-width:3;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBBbmNob3IsIEJveCwgRmxleEJveCwgR3JpZEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkRvd25JY29uLFxuICBBcnJvd0NoZXZyb25VcEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IE1lZGlhUXVlcnlNYXAgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBDb2x1bW5Db3VudCwgZ2V0Q1NTRnJvbUNvbHVtbkNvdW50IH0gZnJvbSAnLi9nZXRDU1NGcm9tQ29sdW1uQ291bnQnO1xuXG5mdW5jdGlvbiBFeHBhbmRDb2xsYXBzZURlZmF1bHRzKHtcbiAgdmFyaWFudCA9ICdzdGFuZGFyZCcsXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPikge1xuICByZXR1cm4gPEFuY2hvciB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9IC8+O1xufVxuXG5jb25zdCBEb3duQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgVXBDaGV2cm9uID0gc3R5bGVkKEFycm93Q2hldnJvblVwSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgYnJlYWtwb2ludHNXaXRoQmFzZSA9IHtcbiAgXzogJzBweCcsXG4gIC4uLmJyZWFrcG9pbnRzLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IGdldE1lZGlhUXVlcnkgPSAoe1xuICBjc3MsXG4gIHN0YXJ0LFxuICBlbmQsXG59OiB7XG4gIGNzczogc3RyaW5nO1xuICBzdGFydDogc3RyaW5nO1xuICBlbmQ/OiBzdHJpbmc7XG59KSA9PlxuICBlbmRcbiAgICA/IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSBhbmQgKG1heC13aWR0aDogY2FsYygke2VuZH0gLSAxcHgpKSB7ICR7Y3NzfSB9YFxuICAgIDogYEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHtzdGFydH0pIHsgJHtjc3N9IH1gO1xuXG50eXBlIEdyaWRJdGVtUHJvcHMgPSB7XG4gIGl0ZW1zU2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbn07XG5cbmNvbnN0IEdyaWRJdGVtID0gc3R5bGVkKEJveCk8R3JpZEl0ZW1Qcm9wcz5gXG4gICR7KHsgaXRlbXNTaG93biB9KSA9PlxuICAgIChPYmplY3Qua2V5cyhpdGVtc1Nob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdKVxuICAgICAgLm1hcCgoYnJlYWtwb2ludEtleSwgaSwgYnJlYWtwb2ludEtleXMpID0+IHtcbiAgICAgICAgY29uc3QgbWF4ID0gaXRlbXNTaG93blticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkKSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgLy8gaGlkZSBhbGwgZ3JpZCBpdGVtcyBhZnRlciB0aGUgbWF4XG4gICAgICAgIGNvbnN0IGNzcyA9IGAmOm50aC1vZi10eXBlKG4gKyAke21heCArIDF9KSB7IGRpc3BsYXk6IG5vbmU7IH1gO1xuXG4gICAgICAgIHJldHVybiBpID09PSBicmVha3BvaW50S2V5cy5sZW5ndGggLSAxXG4gICAgICAgICAgPyBnZXRNZWRpYVF1ZXJ5KHsgY3NzLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG50eXBlIEV4cGFuZENvbGxhcHNlUHJvcHMgPSB7XG4gIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbn07XG5cbmNvbnN0IEV4cGFuZENvbGxhcHNlID0gc3R5bGVkKEV4cGFuZENvbGxhcHNlRGVmYXVsdHMpYFxuICBkaXNwbGF5OiBub25lO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG5cbiAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICBtYXJnaW4tbGVmdDogMi41cmVtO1xuICB9XG5cbiAgJHsoeyBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbiwgdG90YWxDb3VudCB9OiBFeHBhbmRDb2xsYXBzZVByb3BzKSA9PlxuICAgIChPYmplY3Qua2V5cyhoaWRlV2hlblRvdGFsSXNMZXNzVGhhbikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBpZiAobWF4ID09PSB1bmRlZmluZWQgfHwgdG90YWxDb3VudCA8PSBtYXgpIHJldHVybjtcblxuICAgICAgICBjb25zdCBzdGFydCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleV07XG4gICAgICAgIGNvbnN0IGVuZCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleXNbaSArIDFdXTtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0IH0pXG4gICAgICAgICAgOiBnZXRNZWRpYVF1ZXJ5KHsgY3NzOiAnZGlzcGxheTogYmxvY2s7Jywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmlkQ29sbGFwc2VQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBHcmlkQm94PiAmIHtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgY29sdW1ucyBwZXIgcm93IGluIHRoZSBncmlkXG4gICAqL1xuICBjb2x1bW5Db3VudDogQ29sdW1uQ291bnQ7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGl0ZW1zIHRvIGRpc3BsYXkgd2hlbiBjb2xsYXBzZWRcbiAgICovXG4gIGluaXRpYWxNYXhTaG93bjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBuZXcgaXRlbXMgdG8gZGlzcGxheSBvbiBlYWNoIFwiZXhwYW5kXCIgY2xpY2s7IGlmIG5vdCBwcm92aWRlZCwgYSBiaW5hcnkgdG9nZ2xlIGlzIHVzZWRcbiAgICogbm90ZTogbXVzdCBpbmNsdWRlIGV4YWN0bHkgdGhlIHNhbWUga2V5cyBhcyBpbml0aWFsTWF4U2hvd25cbiAgICovXG4gIHBhZ2VTaXplPzogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IG1vcmVcIiBpcyBhdmFpbGFibGVcbiAgICovXG4gIGV4cGFuZExhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IGZld2VyXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBjb2xsYXBzZUxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogY2FsbGVkIHdoZW4gY2xpY2tpbmcgdGhlIHNob3cgbW9yZS9zZWUgbGVzcyB0b2dnbGU7IGFjY2VwdHMgdGhlIGN1cnJlbnQgZXhwYW5kZWQgc3RhdGUgYXMgYW4gYXJnXG4gICAqL1xuICBvbkV4cGFuZENsaWNrPzogKGV4cGFuZGVkPzogYm9vbGVhbikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIHByb3BzIHRvIHBhc3MgdG8gdGhlIGV4cGFuZC9jb2xsYXBzZSBjb250YWluZXIgKHVzZWZ1bCBmb3IgY2hhbmdpbmcgdGhlIG1hcmdpbiBiZXR3ZWVuIHRoZSBncmlkIGFuZCBjb250cm9scylcbiAgICovXG4gIGV4cGFuZENvbGxhcHNlUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBHcmlkQ29sbGFwc2U6IFJlYWN0LkZDPEdyaWRDb2xsYXBzZVByb3BzPiA9ICh7XG4gIGNvbHVtbkNvdW50LFxuICBpbml0aWFsTWF4U2hvd24sXG4gIHBhZ2VTaXplLFxuICBleHBhbmRMYWJlbCA9ICdTaG93IGFsbCcsXG4gIGNvbGxhcHNlTGFiZWwgPSAnU2hvdyBmZXdlcicsXG4gIG9uRXhwYW5kQ2xpY2ssXG4gIGV4cGFuZENvbGxhcHNlUHJvcHMsXG4gIGNoaWxkcmVuLFxuICAuLi5ncmlkQm94UHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3BhZ2UsIHNldFBhZ2VdID0gdXNlU3RhdGUoMCk7XG5cbiAgY29uc3QgZXhwYW5kZWQgPSBwYWdlID4gMDtcblxuICAvLyBjYWxjdWxhdGUgdGhlIG51bWJlciBvZiBpdGVtcyB0byBzaG93IGJhc2VkIG9uIHBhZ2UsIHBhZ2VTaXplLCBhbmQgaW5pdGlhbE1heFNob3duXG4gIGNvbnN0IGl0ZW1zU2hvd24gPSAoXG4gICAgT2JqZWN0LmtleXMoaW5pdGlhbE1heFNob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdXG4gICkucmVkdWNlKChhY2M6IE1lZGlhUXVlcnlNYXA8bnVtYmVyPiwgYnJlYWtwb2ludEtleSkgPT4ge1xuICAgIGlmIChwYWdlU2l6ZSkge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgZGVmaW5lZCwgaXRlbXNTaG93biA9IGluaXRpYWxNYXhTaG93biArIChwYWdlICogcGFnZVNpemUpXG4gICAgICBhY2NbYnJlYWtwb2ludEtleV0gPVxuICAgICAgICAoaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldID8/IDApICtcbiAgICAgICAgcGFnZSAqIChwYWdlU2l6ZT8uW2JyZWFrcG9pbnRLZXldID8/IDApO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBpZiBwYWdlU2l6ZSBpcyBub3QgZGVmaW5lZCwgaXRlbXNTaG93biBpcyBlaXRoZXIgaW5pdGlhbE1heFNob3duIG9yIGFsbCBjaGlsZHJlblxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgcGFnZSA+IDBcbiAgICAgICAgICA/IFJlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKVxuICAgICAgICAgIDogaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldO1xuICAgIH1cbiAgICByZXR1cm4gYWNjO1xuICB9LCB7fSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgICAgey4uLmdyaWRCb3hQcm9wc31cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17Z2V0Q1NTRnJvbUNvbHVtbkNvdW50KFxuICAgICAgICAgIGNvbHVtbkNvdW50LFxuICAgICAgICAgICh2YWx1ZSkgPT4gYHJlcGVhdCgke3ZhbHVlfSwgbWlubWF4KDAsIDFmcikpYCAvLyB0aGlzIG1pbm1heCBwcmV2ZW50cyBjZWxscyBmcm9tIHJlc2l6aW5nIGJhc2VkIG9uIGNvbnRlbnRcbiAgICAgICAgKX1cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIHsvKlxuICAgICAgICAgKiBub3RlIHRoYXQgR3JpZENvbGxhcHNlIG1hcHMgZWFjaCBvZiBpdHMgZGlyZWN0IGNoaWxkcmVuIGludG8gYSBHcmlkSXRlbSAtIHRoaXMgbWVhbnMgdGhhdFxuICAgICAgICAgKiBpZiB5b3UgcGFzcyBpbiBhIHNpbmdsZSBjb21wb25lbnQgdGhhdCBhZ2dyZWdhdGVzIGNoaWxkcmVuIG9uIGl0cyBvd24sIHRoYXQgY29tcG9uZW50IChhbmRcbiAgICAgICAgICogYWxsIG9mIGl0cyBjaGlsZHJlbikgd2lsbCBiZSBjb25zaWRlcmVkIGEgc2luZ2xlIGdyaWQgaXRlbS4gQ29uc2lkZXIgZXh0cmFjdGluZyB0aGUgY29udGVudHNcbiAgICAgICAgICogb2YgdGhhdCBjb21wb25lbnQgaW50byBhIGZ1bmN0aW9uIGluc3RlYWQsIHR1cm5pbmcgdGhpcyBleGFtcGxlOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBBZ2dyZWdhdGVDb21wb25lbnQ6IFJlYWN0LkZDID0gKGl0ZW1zKSA9PiAoXG4gICAgICAgICAqICAgPD5cbiAgICAgICAgICogICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IDxkaXY+e2l0ZW19PC9kaXY+KX1cbiAgICAgICAgICogICA8Lz5cbiAgICAgICAgICogKTtcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT48QWdncmVnYXRlQ29tcG9uZW50IGl0ZW1zPXtbLi4uXX0vPjwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKlxuICAgICAgICAgKiBpbnRvOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBnZXRBZ2dyZWdhdGVDaGlsZHJlbiA9IChpdGVtcykgPT4gaXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2PilcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT57Z2V0QWdncmVnYXRlQ2hpbGRyZW4oWy4uLl0pfTwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKi99XG4gICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCkgPT4gKFxuICAgICAgICAgIDxHcmlkSXRlbSBhcz1cImxpXCIgaXRlbXNTaG93bj17aXRlbXNTaG93bn0+XG4gICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgPC9HcmlkSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgICB7cGFnZVNpemUgPyAoXG4gICAgICAgIDxCb3hcbiAgICAgICAgICB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc31cbiAgICAgICAgICBtdD17cGFnZSA+IDAgPyAxNiA6IGV4cGFuZENvbGxhcHNlUHJvcHM/Lm10fVxuICAgICAgICA+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2l0ZW1zU2hvd259XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIG9uRXhwYW5kQ2xpY2s/LihmYWxzZSk7XG4gICAgICAgICAgICAgIHNldFBhZ2UoKGN1cnJlbnRQYWdlKSA9PiBjdXJyZW50UGFnZSArIDEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyBhbnl9IG15PXs4fT5cbiAgICAgICAgICAgICAge2V4cGFuZExhYmVsfSA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgICB7cGFnZSA+IDAgJiYgKFxuICAgICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpbml0aWFsTWF4U2hvd259XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4odHJ1ZSk7XG4gICAgICAgICAgICAgICAgc2V0UGFnZSgwKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9IDxVcENoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApIDogKFxuICAgICAgICA8Qm94IHsuLi5leHBhbmRDb2xsYXBzZVByb3BzfT5cbiAgICAgICAgICA8RXhwYW5kQ29sbGFwc2VcbiAgICAgICAgICAgIHZhcmlhbnQ9e2V4cGFuZGVkID8gJ2ludGVyZmFjZScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZXhwYW5kZWQpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gKGN1cnJlbnRQYWdlID4gMCA/IDAgOiAxKSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQm9CIn0= */");
+const UpChevron = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronUpIcon, {
+	target: "e1mv7qvt1",
+	label: "brand-UpChevron"
+})("path{stroke-width:3;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBBbmNob3IsIEJveCwgRmxleEJveCwgR3JpZEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkRvd25JY29uLFxuICBBcnJvd0NoZXZyb25VcEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IE1lZGlhUXVlcnlNYXAgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBDb2x1bW5Db3VudCwgZ2V0Q1NTRnJvbUNvbHVtbkNvdW50IH0gZnJvbSAnLi9nZXRDU1NGcm9tQ29sdW1uQ291bnQnO1xuXG5mdW5jdGlvbiBFeHBhbmRDb2xsYXBzZURlZmF1bHRzKHtcbiAgdmFyaWFudCA9ICdzdGFuZGFyZCcsXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPikge1xuICByZXR1cm4gPEFuY2hvciB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9IC8+O1xufVxuXG5jb25zdCBEb3duQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgVXBDaGV2cm9uID0gc3R5bGVkKEFycm93Q2hldnJvblVwSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgYnJlYWtwb2ludHNXaXRoQmFzZSA9IHtcbiAgXzogJzBweCcsXG4gIC4uLmJyZWFrcG9pbnRzLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IGdldE1lZGlhUXVlcnkgPSAoe1xuICBjc3MsXG4gIHN0YXJ0LFxuICBlbmQsXG59OiB7XG4gIGNzczogc3RyaW5nO1xuICBzdGFydDogc3RyaW5nO1xuICBlbmQ/OiBzdHJpbmc7XG59KSA9PlxuICBlbmRcbiAgICA/IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSBhbmQgKG1heC13aWR0aDogY2FsYygke2VuZH0gLSAxcHgpKSB7ICR7Y3NzfSB9YFxuICAgIDogYEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHtzdGFydH0pIHsgJHtjc3N9IH1gO1xuXG50eXBlIEdyaWRJdGVtUHJvcHMgPSB7XG4gIGl0ZW1zU2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbn07XG5cbmNvbnN0IEdyaWRJdGVtID0gc3R5bGVkKEJveCk8R3JpZEl0ZW1Qcm9wcz5gXG4gICR7KHsgaXRlbXNTaG93biB9KSA9PlxuICAgIChPYmplY3Qua2V5cyhpdGVtc1Nob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdKVxuICAgICAgLm1hcCgoYnJlYWtwb2ludEtleSwgaSwgYnJlYWtwb2ludEtleXMpID0+IHtcbiAgICAgICAgY29uc3QgbWF4ID0gaXRlbXNTaG93blticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkKSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgLy8gaGlkZSBhbGwgZ3JpZCBpdGVtcyBhZnRlciB0aGUgbWF4XG4gICAgICAgIGNvbnN0IGNzcyA9IGAmOm50aC1vZi10eXBlKG4gKyAke21heCArIDF9KSB7IGRpc3BsYXk6IG5vbmU7IH1gO1xuXG4gICAgICAgIHJldHVybiBpID09PSBicmVha3BvaW50S2V5cy5sZW5ndGggLSAxXG4gICAgICAgICAgPyBnZXRNZWRpYVF1ZXJ5KHsgY3NzLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG50eXBlIEV4cGFuZENvbGxhcHNlUHJvcHMgPSB7XG4gIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbn07XG5cbmNvbnN0IEV4cGFuZENvbGxhcHNlID0gc3R5bGVkKEV4cGFuZENvbGxhcHNlRGVmYXVsdHMpYFxuICBkaXNwbGF5OiBub25lO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG5cbiAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICBtYXJnaW4tbGVmdDogMi41cmVtO1xuICB9XG5cbiAgJHsoeyBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbiwgdG90YWxDb3VudCB9OiBFeHBhbmRDb2xsYXBzZVByb3BzKSA9PlxuICAgIChPYmplY3Qua2V5cyhoaWRlV2hlblRvdGFsSXNMZXNzVGhhbikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBpZiAobWF4ID09PSB1bmRlZmluZWQgfHwgdG90YWxDb3VudCA8PSBtYXgpIHJldHVybjtcblxuICAgICAgICBjb25zdCBzdGFydCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleV07XG4gICAgICAgIGNvbnN0IGVuZCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleXNbaSArIDFdXTtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0IH0pXG4gICAgICAgICAgOiBnZXRNZWRpYVF1ZXJ5KHsgY3NzOiAnZGlzcGxheTogYmxvY2s7Jywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmlkQ29sbGFwc2VQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBHcmlkQm94PiAmIHtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgY29sdW1ucyBwZXIgcm93IGluIHRoZSBncmlkXG4gICAqL1xuICBjb2x1bW5Db3VudDogQ29sdW1uQ291bnQ7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGl0ZW1zIHRvIGRpc3BsYXkgd2hlbiBjb2xsYXBzZWRcbiAgICovXG4gIGluaXRpYWxNYXhTaG93bjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBuZXcgaXRlbXMgdG8gZGlzcGxheSBvbiBlYWNoIFwiZXhwYW5kXCIgY2xpY2s7IGlmIG5vdCBwcm92aWRlZCwgYSBiaW5hcnkgdG9nZ2xlIGlzIHVzZWRcbiAgICogbm90ZTogbXVzdCBpbmNsdWRlIGV4YWN0bHkgdGhlIHNhbWUga2V5cyBhcyBpbml0aWFsTWF4U2hvd25cbiAgICovXG4gIHBhZ2VTaXplPzogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IG1vcmVcIiBpcyBhdmFpbGFibGVcbiAgICovXG4gIGV4cGFuZExhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IGZld2VyXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBjb2xsYXBzZUxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogY2FsbGVkIHdoZW4gY2xpY2tpbmcgdGhlIHNob3cgbW9yZS9zZWUgbGVzcyB0b2dnbGU7IGFjY2VwdHMgdGhlIGN1cnJlbnQgZXhwYW5kZWQgc3RhdGUgYXMgYW4gYXJnXG4gICAqL1xuICBvbkV4cGFuZENsaWNrPzogKGV4cGFuZGVkPzogYm9vbGVhbikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIHByb3BzIHRvIHBhc3MgdG8gdGhlIGV4cGFuZC9jb2xsYXBzZSBjb250YWluZXIgKHVzZWZ1bCBmb3IgY2hhbmdpbmcgdGhlIG1hcmdpbiBiZXR3ZWVuIHRoZSBncmlkIGFuZCBjb250cm9scylcbiAgICovXG4gIGV4cGFuZENvbGxhcHNlUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBHcmlkQ29sbGFwc2U6IFJlYWN0LkZDPEdyaWRDb2xsYXBzZVByb3BzPiA9ICh7XG4gIGNvbHVtbkNvdW50LFxuICBpbml0aWFsTWF4U2hvd24sXG4gIHBhZ2VTaXplLFxuICBleHBhbmRMYWJlbCA9ICdTaG93IGFsbCcsXG4gIGNvbGxhcHNlTGFiZWwgPSAnU2hvdyBmZXdlcicsXG4gIG9uRXhwYW5kQ2xpY2ssXG4gIGV4cGFuZENvbGxhcHNlUHJvcHMsXG4gIGNoaWxkcmVuLFxuICAuLi5ncmlkQm94UHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3BhZ2UsIHNldFBhZ2VdID0gdXNlU3RhdGUoMCk7XG5cbiAgY29uc3QgZXhwYW5kZWQgPSBwYWdlID4gMDtcblxuICAvLyBjYWxjdWxhdGUgdGhlIG51bWJlciBvZiBpdGVtcyB0byBzaG93IGJhc2VkIG9uIHBhZ2UsIHBhZ2VTaXplLCBhbmQgaW5pdGlhbE1heFNob3duXG4gIGNvbnN0IGl0ZW1zU2hvd24gPSAoXG4gICAgT2JqZWN0LmtleXMoaW5pdGlhbE1heFNob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdXG4gICkucmVkdWNlKChhY2M6IE1lZGlhUXVlcnlNYXA8bnVtYmVyPiwgYnJlYWtwb2ludEtleSkgPT4ge1xuICAgIGlmIChwYWdlU2l6ZSkge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgZGVmaW5lZCwgaXRlbXNTaG93biA9IGluaXRpYWxNYXhTaG93biArIChwYWdlICogcGFnZVNpemUpXG4gICAgICBhY2NbYnJlYWtwb2ludEtleV0gPVxuICAgICAgICAoaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldID8/IDApICtcbiAgICAgICAgcGFnZSAqIChwYWdlU2l6ZT8uW2JyZWFrcG9pbnRLZXldID8/IDApO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBpZiBwYWdlU2l6ZSBpcyBub3QgZGVmaW5lZCwgaXRlbXNTaG93biBpcyBlaXRoZXIgaW5pdGlhbE1heFNob3duIG9yIGFsbCBjaGlsZHJlblxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgcGFnZSA+IDBcbiAgICAgICAgICA/IFJlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKVxuICAgICAgICAgIDogaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldO1xuICAgIH1cbiAgICByZXR1cm4gYWNjO1xuICB9LCB7fSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgICAgey4uLmdyaWRCb3hQcm9wc31cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17Z2V0Q1NTRnJvbUNvbHVtbkNvdW50KFxuICAgICAgICAgIGNvbHVtbkNvdW50LFxuICAgICAgICAgICh2YWx1ZSkgPT4gYHJlcGVhdCgke3ZhbHVlfSwgbWlubWF4KDAsIDFmcikpYCAvLyB0aGlzIG1pbm1heCBwcmV2ZW50cyBjZWxscyBmcm9tIHJlc2l6aW5nIGJhc2VkIG9uIGNvbnRlbnRcbiAgICAgICAgKX1cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIHsvKlxuICAgICAgICAgKiBub3RlIHRoYXQgR3JpZENvbGxhcHNlIG1hcHMgZWFjaCBvZiBpdHMgZGlyZWN0IGNoaWxkcmVuIGludG8gYSBHcmlkSXRlbSAtIHRoaXMgbWVhbnMgdGhhdFxuICAgICAgICAgKiBpZiB5b3UgcGFzcyBpbiBhIHNpbmdsZSBjb21wb25lbnQgdGhhdCBhZ2dyZWdhdGVzIGNoaWxkcmVuIG9uIGl0cyBvd24sIHRoYXQgY29tcG9uZW50IChhbmRcbiAgICAgICAgICogYWxsIG9mIGl0cyBjaGlsZHJlbikgd2lsbCBiZSBjb25zaWRlcmVkIGEgc2luZ2xlIGdyaWQgaXRlbS4gQ29uc2lkZXIgZXh0cmFjdGluZyB0aGUgY29udGVudHNcbiAgICAgICAgICogb2YgdGhhdCBjb21wb25lbnQgaW50byBhIGZ1bmN0aW9uIGluc3RlYWQsIHR1cm5pbmcgdGhpcyBleGFtcGxlOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBBZ2dyZWdhdGVDb21wb25lbnQ6IFJlYWN0LkZDID0gKGl0ZW1zKSA9PiAoXG4gICAgICAgICAqICAgPD5cbiAgICAgICAgICogICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IDxkaXY+e2l0ZW19PC9kaXY+KX1cbiAgICAgICAgICogICA8Lz5cbiAgICAgICAgICogKTtcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT48QWdncmVnYXRlQ29tcG9uZW50IGl0ZW1zPXtbLi4uXX0vPjwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKlxuICAgICAgICAgKiBpbnRvOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBnZXRBZ2dyZWdhdGVDaGlsZHJlbiA9IChpdGVtcykgPT4gaXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2PilcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT57Z2V0QWdncmVnYXRlQ2hpbGRyZW4oWy4uLl0pfTwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKi99XG4gICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCkgPT4gKFxuICAgICAgICAgIDxHcmlkSXRlbSBhcz1cImxpXCIgaXRlbXNTaG93bj17aXRlbXNTaG93bn0+XG4gICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgPC9HcmlkSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgICB7cGFnZVNpemUgPyAoXG4gICAgICAgIDxCb3hcbiAgICAgICAgICB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc31cbiAgICAgICAgICBtdD17cGFnZSA+IDAgPyAxNiA6IGV4cGFuZENvbGxhcHNlUHJvcHM/Lm10fVxuICAgICAgICA+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2l0ZW1zU2hvd259XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIG9uRXhwYW5kQ2xpY2s/LihmYWxzZSk7XG4gICAgICAgICAgICAgIHNldFBhZ2UoKGN1cnJlbnRQYWdlKSA9PiBjdXJyZW50UGFnZSArIDEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyBhbnl9IG15PXs4fT5cbiAgICAgICAgICAgICAge2V4cGFuZExhYmVsfSA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgICB7cGFnZSA+IDAgJiYgKFxuICAgICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpbml0aWFsTWF4U2hvd259XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4odHJ1ZSk7XG4gICAgICAgICAgICAgICAgc2V0UGFnZSgwKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9IDxVcENoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApIDogKFxuICAgICAgICA8Qm94IHsuLi5leHBhbmRDb2xsYXBzZVByb3BzfT5cbiAgICAgICAgICA8RXhwYW5kQ29sbGFwc2VcbiAgICAgICAgICAgIHZhcmlhbnQ9e2V4cGFuZGVkID8gJ2ludGVyZmFjZScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZXhwYW5kZWQpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gKGN1cnJlbnRQYWdlID4gMCA/IDAgOiAxKSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIn0= */");
+const breakpointsWithBase = {
+	_: "0px",
+	..._codecademy_gamut_styles.breakpoints
+};
+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__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e1mv7qvt2",
+	label: "brand-GridItem"
+})(({ 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 = `&:nth-of-type(n + ${max + 1}) { display: none; }`;
+	return i === breakpointKeys.length - 1 ? getMediaQuery({
+		css,
+		start
+	}) : getMediaQuery({
+		css,
+		start,
+		end
+	});
+}).join("\n"), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBBbmNob3IsIEJveCwgRmxleEJveCwgR3JpZEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkRvd25JY29uLFxuICBBcnJvd0NoZXZyb25VcEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IE1lZGlhUXVlcnlNYXAgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBDb2x1bW5Db3VudCwgZ2V0Q1NTRnJvbUNvbHVtbkNvdW50IH0gZnJvbSAnLi9nZXRDU1NGcm9tQ29sdW1uQ291bnQnO1xuXG5mdW5jdGlvbiBFeHBhbmRDb2xsYXBzZURlZmF1bHRzKHtcbiAgdmFyaWFudCA9ICdzdGFuZGFyZCcsXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPikge1xuICByZXR1cm4gPEFuY2hvciB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9IC8+O1xufVxuXG5jb25zdCBEb3duQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgVXBDaGV2cm9uID0gc3R5bGVkKEFycm93Q2hldnJvblVwSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgYnJlYWtwb2ludHNXaXRoQmFzZSA9IHtcbiAgXzogJzBweCcsXG4gIC4uLmJyZWFrcG9pbnRzLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IGdldE1lZGlhUXVlcnkgPSAoe1xuICBjc3MsXG4gIHN0YXJ0LFxuICBlbmQsXG59OiB7XG4gIGNzczogc3RyaW5nO1xuICBzdGFydDogc3RyaW5nO1xuICBlbmQ/OiBzdHJpbmc7XG59KSA9PlxuICBlbmRcbiAgICA/IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSBhbmQgKG1heC13aWR0aDogY2FsYygke2VuZH0gLSAxcHgpKSB7ICR7Y3NzfSB9YFxuICAgIDogYEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHtzdGFydH0pIHsgJHtjc3N9IH1gO1xuXG50eXBlIEdyaWRJdGVtUHJvcHMgPSB7XG4gIGl0ZW1zU2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbn07XG5cbmNvbnN0IEdyaWRJdGVtID0gc3R5bGVkKEJveCk8R3JpZEl0ZW1Qcm9wcz5gXG4gICR7KHsgaXRlbXNTaG93biB9KSA9PlxuICAgIChPYmplY3Qua2V5cyhpdGVtc1Nob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdKVxuICAgICAgLm1hcCgoYnJlYWtwb2ludEtleSwgaSwgYnJlYWtwb2ludEtleXMpID0+IHtcbiAgICAgICAgY29uc3QgbWF4ID0gaXRlbXNTaG93blticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkKSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgLy8gaGlkZSBhbGwgZ3JpZCBpdGVtcyBhZnRlciB0aGUgbWF4XG4gICAgICAgIGNvbnN0IGNzcyA9IGAmOm50aC1vZi10eXBlKG4gKyAke21heCArIDF9KSB7IGRpc3BsYXk6IG5vbmU7IH1gO1xuXG4gICAgICAgIHJldHVybiBpID09PSBicmVha3BvaW50S2V5cy5sZW5ndGggLSAxXG4gICAgICAgICAgPyBnZXRNZWRpYVF1ZXJ5KHsgY3NzLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG50eXBlIEV4cGFuZENvbGxhcHNlUHJvcHMgPSB7XG4gIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbn07XG5cbmNvbnN0IEV4cGFuZENvbGxhcHNlID0gc3R5bGVkKEV4cGFuZENvbGxhcHNlRGVmYXVsdHMpYFxuICBkaXNwbGF5OiBub25lO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG5cbiAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICBtYXJnaW4tbGVmdDogMi41cmVtO1xuICB9XG5cbiAgJHsoeyBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbiwgdG90YWxDb3VudCB9OiBFeHBhbmRDb2xsYXBzZVByb3BzKSA9PlxuICAgIChPYmplY3Qua2V5cyhoaWRlV2hlblRvdGFsSXNMZXNzVGhhbikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBpZiAobWF4ID09PSB1bmRlZmluZWQgfHwgdG90YWxDb3VudCA8PSBtYXgpIHJldHVybjtcblxuICAgICAgICBjb25zdCBzdGFydCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleV07XG4gICAgICAgIGNvbnN0IGVuZCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleXNbaSArIDFdXTtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0IH0pXG4gICAgICAgICAgOiBnZXRNZWRpYVF1ZXJ5KHsgY3NzOiAnZGlzcGxheTogYmxvY2s7Jywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmlkQ29sbGFwc2VQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBHcmlkQm94PiAmIHtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgY29sdW1ucyBwZXIgcm93IGluIHRoZSBncmlkXG4gICAqL1xuICBjb2x1bW5Db3VudDogQ29sdW1uQ291bnQ7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGl0ZW1zIHRvIGRpc3BsYXkgd2hlbiBjb2xsYXBzZWRcbiAgICovXG4gIGluaXRpYWxNYXhTaG93bjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBuZXcgaXRlbXMgdG8gZGlzcGxheSBvbiBlYWNoIFwiZXhwYW5kXCIgY2xpY2s7IGlmIG5vdCBwcm92aWRlZCwgYSBiaW5hcnkgdG9nZ2xlIGlzIHVzZWRcbiAgICogbm90ZTogbXVzdCBpbmNsdWRlIGV4YWN0bHkgdGhlIHNhbWUga2V5cyBhcyBpbml0aWFsTWF4U2hvd25cbiAgICovXG4gIHBhZ2VTaXplPzogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IG1vcmVcIiBpcyBhdmFpbGFibGVcbiAgICovXG4gIGV4cGFuZExhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IGZld2VyXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBjb2xsYXBzZUxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogY2FsbGVkIHdoZW4gY2xpY2tpbmcgdGhlIHNob3cgbW9yZS9zZWUgbGVzcyB0b2dnbGU7IGFjY2VwdHMgdGhlIGN1cnJlbnQgZXhwYW5kZWQgc3RhdGUgYXMgYW4gYXJnXG4gICAqL1xuICBvbkV4cGFuZENsaWNrPzogKGV4cGFuZGVkPzogYm9vbGVhbikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIHByb3BzIHRvIHBhc3MgdG8gdGhlIGV4cGFuZC9jb2xsYXBzZSBjb250YWluZXIgKHVzZWZ1bCBmb3IgY2hhbmdpbmcgdGhlIG1hcmdpbiBiZXR3ZWVuIHRoZSBncmlkIGFuZCBjb250cm9scylcbiAgICovXG4gIGV4cGFuZENvbGxhcHNlUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBHcmlkQ29sbGFwc2U6IFJlYWN0LkZDPEdyaWRDb2xsYXBzZVByb3BzPiA9ICh7XG4gIGNvbHVtbkNvdW50LFxuICBpbml0aWFsTWF4U2hvd24sXG4gIHBhZ2VTaXplLFxuICBleHBhbmRMYWJlbCA9ICdTaG93IGFsbCcsXG4gIGNvbGxhcHNlTGFiZWwgPSAnU2hvdyBmZXdlcicsXG4gIG9uRXhwYW5kQ2xpY2ssXG4gIGV4cGFuZENvbGxhcHNlUHJvcHMsXG4gIGNoaWxkcmVuLFxuICAuLi5ncmlkQm94UHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3BhZ2UsIHNldFBhZ2VdID0gdXNlU3RhdGUoMCk7XG5cbiAgY29uc3QgZXhwYW5kZWQgPSBwYWdlID4gMDtcblxuICAvLyBjYWxjdWxhdGUgdGhlIG51bWJlciBvZiBpdGVtcyB0byBzaG93IGJhc2VkIG9uIHBhZ2UsIHBhZ2VTaXplLCBhbmQgaW5pdGlhbE1heFNob3duXG4gIGNvbnN0IGl0ZW1zU2hvd24gPSAoXG4gICAgT2JqZWN0LmtleXMoaW5pdGlhbE1heFNob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdXG4gICkucmVkdWNlKChhY2M6IE1lZGlhUXVlcnlNYXA8bnVtYmVyPiwgYnJlYWtwb2ludEtleSkgPT4ge1xuICAgIGlmIChwYWdlU2l6ZSkge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgZGVmaW5lZCwgaXRlbXNTaG93biA9IGluaXRpYWxNYXhTaG93biArIChwYWdlICogcGFnZVNpemUpXG4gICAgICBhY2NbYnJlYWtwb2ludEtleV0gPVxuICAgICAgICAoaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldID8/IDApICtcbiAgICAgICAgcGFnZSAqIChwYWdlU2l6ZT8uW2JyZWFrcG9pbnRLZXldID8/IDApO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBpZiBwYWdlU2l6ZSBpcyBub3QgZGVmaW5lZCwgaXRlbXNTaG93biBpcyBlaXRoZXIgaW5pdGlhbE1heFNob3duIG9yIGFsbCBjaGlsZHJlblxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgcGFnZSA+IDBcbiAgICAgICAgICA/IFJlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKVxuICAgICAgICAgIDogaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldO1xuICAgIH1cbiAgICByZXR1cm4gYWNjO1xuICB9LCB7fSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgICAgey4uLmdyaWRCb3hQcm9wc31cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17Z2V0Q1NTRnJvbUNvbHVtbkNvdW50KFxuICAgICAgICAgIGNvbHVtbkNvdW50LFxuICAgICAgICAgICh2YWx1ZSkgPT4gYHJlcGVhdCgke3ZhbHVlfSwgbWlubWF4KDAsIDFmcikpYCAvLyB0aGlzIG1pbm1heCBwcmV2ZW50cyBjZWxscyBmcm9tIHJlc2l6aW5nIGJhc2VkIG9uIGNvbnRlbnRcbiAgICAgICAgKX1cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIHsvKlxuICAgICAgICAgKiBub3RlIHRoYXQgR3JpZENvbGxhcHNlIG1hcHMgZWFjaCBvZiBpdHMgZGlyZWN0IGNoaWxkcmVuIGludG8gYSBHcmlkSXRlbSAtIHRoaXMgbWVhbnMgdGhhdFxuICAgICAgICAgKiBpZiB5b3UgcGFzcyBpbiBhIHNpbmdsZSBjb21wb25lbnQgdGhhdCBhZ2dyZWdhdGVzIGNoaWxkcmVuIG9uIGl0cyBvd24sIHRoYXQgY29tcG9uZW50IChhbmRcbiAgICAgICAgICogYWxsIG9mIGl0cyBjaGlsZHJlbikgd2lsbCBiZSBjb25zaWRlcmVkIGEgc2luZ2xlIGdyaWQgaXRlbS4gQ29uc2lkZXIgZXh0cmFjdGluZyB0aGUgY29udGVudHNcbiAgICAgICAgICogb2YgdGhhdCBjb21wb25lbnQgaW50byBhIGZ1bmN0aW9uIGluc3RlYWQsIHR1cm5pbmcgdGhpcyBleGFtcGxlOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBBZ2dyZWdhdGVDb21wb25lbnQ6IFJlYWN0LkZDID0gKGl0ZW1zKSA9PiAoXG4gICAgICAgICAqICAgPD5cbiAgICAgICAgICogICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IDxkaXY+e2l0ZW19PC9kaXY+KX1cbiAgICAgICAgICogICA8Lz5cbiAgICAgICAgICogKTtcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT48QWdncmVnYXRlQ29tcG9uZW50IGl0ZW1zPXtbLi4uXX0vPjwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKlxuICAgICAgICAgKiBpbnRvOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBnZXRBZ2dyZWdhdGVDaGlsZHJlbiA9IChpdGVtcykgPT4gaXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2PilcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT57Z2V0QWdncmVnYXRlQ2hpbGRyZW4oWy4uLl0pfTwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKi99XG4gICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCkgPT4gKFxuICAgICAgICAgIDxHcmlkSXRlbSBhcz1cImxpXCIgaXRlbXNTaG93bj17aXRlbXNTaG93bn0+XG4gICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgPC9HcmlkSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgICB7cGFnZVNpemUgPyAoXG4gICAgICAgIDxCb3hcbiAgICAgICAgICB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc31cbiAgICAgICAgICBtdD17cGFnZSA+IDAgPyAxNiA6IGV4cGFuZENvbGxhcHNlUHJvcHM/Lm10fVxuICAgICAgICA+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2l0ZW1zU2hvd259XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIG9uRXhwYW5kQ2xpY2s/LihmYWxzZSk7XG4gICAgICAgICAgICAgIHNldFBhZ2UoKGN1cnJlbnRQYWdlKSA9PiBjdXJyZW50UGFnZSArIDEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyBhbnl9IG15PXs4fT5cbiAgICAgICAgICAgICAge2V4cGFuZExhYmVsfSA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgICB7cGFnZSA+IDAgJiYgKFxuICAgICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpbml0aWFsTWF4U2hvd259XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4odHJ1ZSk7XG4gICAgICAgICAgICAgICAgc2V0UGFnZSgwKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9IDxVcENoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApIDogKFxuICAgICAgICA8Qm94IHsuLi5leHBhbmRDb2xsYXBzZVByb3BzfT5cbiAgICAgICAgICA8RXhwYW5kQ29sbGFwc2VcbiAgICAgICAgICAgIHZhcmlhbnQ9e2V4cGFuZGVkID8gJ2ludGVyZmFjZScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZXhwYW5kZWQpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gKGN1cnJlbnRQYWdlID4gMCA/IDAgOiAxKSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGlCIn0= */");
+const ExpandCollapse = /* @__PURE__ */ (0, _emotion_styled.default)(ExpandCollapseDefaults, {
+	target: "e1mv7qvt3",
+	label: "brand-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 === 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"), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0dyaWQvR3JpZENvbGxhcHNlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55ICovXG5pbXBvcnQgeyBBbmNob3IsIEJveCwgRmxleEJveCwgR3JpZEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkRvd25JY29uLFxuICBBcnJvd0NoZXZyb25VcEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IE1lZGlhUXVlcnlNYXAgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBDb2x1bW5Db3VudCwgZ2V0Q1NTRnJvbUNvbHVtbkNvdW50IH0gZnJvbSAnLi9nZXRDU1NGcm9tQ29sdW1uQ291bnQnO1xuXG5mdW5jdGlvbiBFeHBhbmRDb2xsYXBzZURlZmF1bHRzKHtcbiAgdmFyaWFudCA9ICdzdGFuZGFyZCcsXG4gIC4uLnByb3BzXG59OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPikge1xuICByZXR1cm4gPEFuY2hvciB2YXJpYW50PXt2YXJpYW50fSB7Li4ucHJvcHN9IC8+O1xufVxuXG5jb25zdCBEb3duQ2hldnJvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25Eb3duSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgVXBDaGV2cm9uID0gc3R5bGVkKEFycm93Q2hldnJvblVwSWNvbilgXG4gIHBhdGgge1xuICAgIHN0cm9rZS13aWR0aDogMztcbiAgfVxuYDtcblxuY29uc3QgYnJlYWtwb2ludHNXaXRoQmFzZSA9IHtcbiAgXzogJzBweCcsXG4gIC4uLmJyZWFrcG9pbnRzLFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IGdldE1lZGlhUXVlcnkgPSAoe1xuICBjc3MsXG4gIHN0YXJ0LFxuICBlbmQsXG59OiB7XG4gIGNzczogc3RyaW5nO1xuICBzdGFydDogc3RyaW5nO1xuICBlbmQ/OiBzdHJpbmc7XG59KSA9PlxuICBlbmRcbiAgICA/IGBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7c3RhcnR9KSBhbmQgKG1heC13aWR0aDogY2FsYygke2VuZH0gLSAxcHgpKSB7ICR7Y3NzfSB9YFxuICAgIDogYEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHtzdGFydH0pIHsgJHtjc3N9IH1gO1xuXG50eXBlIEdyaWRJdGVtUHJvcHMgPSB7XG4gIGl0ZW1zU2hvd246IE1lZGlhUXVlcnlNYXA8bnVtYmVyPjtcbn07XG5cbmNvbnN0IEdyaWRJdGVtID0gc3R5bGVkKEJveCk8R3JpZEl0ZW1Qcm9wcz5gXG4gICR7KHsgaXRlbXNTaG93biB9KSA9PlxuICAgIChPYmplY3Qua2V5cyhpdGVtc1Nob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdKVxuICAgICAgLm1hcCgoYnJlYWtwb2ludEtleSwgaSwgYnJlYWtwb2ludEtleXMpID0+IHtcbiAgICAgICAgY29uc3QgbWF4ID0gaXRlbXNTaG93blticmVha3BvaW50S2V5XTtcbiAgICAgICAgaWYgKG1heCA9PT0gdW5kZWZpbmVkKSByZXR1cm47XG5cbiAgICAgICAgY29uc3Qgc3RhcnQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBjb25zdCBlbmQgPSBicmVha3BvaW50c1dpdGhCYXNlW2JyZWFrcG9pbnRLZXlzW2kgKyAxXV07XG5cbiAgICAgICAgLy8gaGlkZSBhbGwgZ3JpZCBpdGVtcyBhZnRlciB0aGUgbWF4XG4gICAgICAgIGNvbnN0IGNzcyA9IGAmOm50aC1vZi10eXBlKG4gKyAke21heCArIDF9KSB7IGRpc3BsYXk6IG5vbmU7IH1gO1xuXG4gICAgICAgIHJldHVybiBpID09PSBicmVha3BvaW50S2V5cy5sZW5ndGggLSAxXG4gICAgICAgICAgPyBnZXRNZWRpYVF1ZXJ5KHsgY3NzLCBzdGFydCB9KVxuICAgICAgICAgIDogZ2V0TWVkaWFRdWVyeSh7IGNzcywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG50eXBlIEV4cGFuZENvbGxhcHNlUHJvcHMgPSB7XG4gIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuOiBNZWRpYVF1ZXJ5TWFwPG51bWJlcj47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbn07XG5cbmNvbnN0IEV4cGFuZENvbGxhcHNlID0gc3R5bGVkKEV4cGFuZENvbGxhcHNlRGVmYXVsdHMpYFxuICBkaXNwbGF5OiBub25lO1xuICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG5cbiAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICBtYXJnaW4tbGVmdDogMi41cmVtO1xuICB9XG5cbiAgJHsoeyBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbiwgdG90YWxDb3VudCB9OiBFeHBhbmRDb2xsYXBzZVByb3BzKSA9PlxuICAgIChPYmplY3Qua2V5cyhoaWRlV2hlblRvdGFsSXNMZXNzVGhhbikgYXMgKGtleW9mIE1lZGlhUXVlcnlNYXA8bnVtYmVyPilbXSlcbiAgICAgIC5tYXAoKGJyZWFrcG9pbnRLZXksIGksIGJyZWFrcG9pbnRLZXlzKSA9PiB7XG4gICAgICAgIGNvbnN0IG1heCA9IGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuW2JyZWFrcG9pbnRLZXldO1xuICAgICAgICBpZiAobWF4ID09PSB1bmRlZmluZWQgfHwgdG90YWxDb3VudCA8PSBtYXgpIHJldHVybjtcblxuICAgICAgICBjb25zdCBzdGFydCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleV07XG4gICAgICAgIGNvbnN0IGVuZCA9IGJyZWFrcG9pbnRzV2l0aEJhc2VbYnJlYWtwb2ludEtleXNbaSArIDFdXTtcblxuICAgICAgICByZXR1cm4gaSA9PT0gYnJlYWtwb2ludEtleXMubGVuZ3RoIC0gMVxuICAgICAgICAgID8gZ2V0TWVkaWFRdWVyeSh7IGNzczogJ2Rpc3BsYXk6IGJsb2NrOycsIHN0YXJ0IH0pXG4gICAgICAgICAgOiBnZXRNZWRpYVF1ZXJ5KHsgY3NzOiAnZGlzcGxheTogYmxvY2s7Jywgc3RhcnQsIGVuZCB9KTtcbiAgICAgIH0pXG4gICAgICAuam9pbignXFxuJyl9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmlkQ29sbGFwc2VQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBHcmlkQm94PiAmIHtcbiAgLyoqXG4gICAqIHRoZSBudW1iZXIgb2YgY29sdW1ucyBwZXIgcm93IGluIHRoZSBncmlkXG4gICAqL1xuICBjb2x1bW5Db3VudDogQ29sdW1uQ291bnQ7XG4gIC8qKlxuICAgKiB0aGUgbnVtYmVyIG9mIGl0ZW1zIHRvIGRpc3BsYXkgd2hlbiBjb2xsYXBzZWRcbiAgICovXG4gIGluaXRpYWxNYXhTaG93bjogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGhlIG51bWJlciBvZiBuZXcgaXRlbXMgdG8gZGlzcGxheSBvbiBlYWNoIFwiZXhwYW5kXCIgY2xpY2s7IGlmIG5vdCBwcm92aWRlZCwgYSBiaW5hcnkgdG9nZ2xlIGlzIHVzZWRcbiAgICogbm90ZTogbXVzdCBpbmNsdWRlIGV4YWN0bHkgdGhlIHNhbWUga2V5cyBhcyBpbml0aWFsTWF4U2hvd25cbiAgICovXG4gIHBhZ2VTaXplPzogTWVkaWFRdWVyeU1hcDxudW1iZXI+O1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IG1vcmVcIiBpcyBhdmFpbGFibGVcbiAgICovXG4gIGV4cGFuZExhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogdGV4dCB0byBkaXNwbGF5IHdoZW4gXCJzaG93IGZld2VyXCIgaXMgYXZhaWxhYmxlXG4gICAqL1xuICBjb2xsYXBzZUxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogY2FsbGVkIHdoZW4gY2xpY2tpbmcgdGhlIHNob3cgbW9yZS9zZWUgbGVzcyB0b2dnbGU7IGFjY2VwdHMgdGhlIGN1cnJlbnQgZXhwYW5kZWQgc3RhdGUgYXMgYW4gYXJnXG4gICAqL1xuICBvbkV4cGFuZENsaWNrPzogKGV4cGFuZGVkPzogYm9vbGVhbikgPT4gdm9pZDtcbiAgLyoqXG4gICAqIHByb3BzIHRvIHBhc3MgdG8gdGhlIGV4cGFuZC9jb2xsYXBzZSBjb250YWluZXIgKHVzZWZ1bCBmb3IgY2hhbmdpbmcgdGhlIG1hcmdpbiBiZXR3ZWVuIHRoZSBncmlkIGFuZCBjb250cm9scylcbiAgICovXG4gIGV4cGFuZENvbGxhcHNlUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBHcmlkQ29sbGFwc2U6IFJlYWN0LkZDPEdyaWRDb2xsYXBzZVByb3BzPiA9ICh7XG4gIGNvbHVtbkNvdW50LFxuICBpbml0aWFsTWF4U2hvd24sXG4gIHBhZ2VTaXplLFxuICBleHBhbmRMYWJlbCA9ICdTaG93IGFsbCcsXG4gIGNvbGxhcHNlTGFiZWwgPSAnU2hvdyBmZXdlcicsXG4gIG9uRXhwYW5kQ2xpY2ssXG4gIGV4cGFuZENvbGxhcHNlUHJvcHMsXG4gIGNoaWxkcmVuLFxuICAuLi5ncmlkQm94UHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3BhZ2UsIHNldFBhZ2VdID0gdXNlU3RhdGUoMCk7XG5cbiAgY29uc3QgZXhwYW5kZWQgPSBwYWdlID4gMDtcblxuICAvLyBjYWxjdWxhdGUgdGhlIG51bWJlciBvZiBpdGVtcyB0byBzaG93IGJhc2VkIG9uIHBhZ2UsIHBhZ2VTaXplLCBhbmQgaW5pdGlhbE1heFNob3duXG4gIGNvbnN0IGl0ZW1zU2hvd24gPSAoXG4gICAgT2JqZWN0LmtleXMoaW5pdGlhbE1heFNob3duKSBhcyAoa2V5b2YgTWVkaWFRdWVyeU1hcDxudW1iZXI+KVtdXG4gICkucmVkdWNlKChhY2M6IE1lZGlhUXVlcnlNYXA8bnVtYmVyPiwgYnJlYWtwb2ludEtleSkgPT4ge1xuICAgIGlmIChwYWdlU2l6ZSkge1xuICAgICAgLy8gaWYgcGFnZVNpemUgaXMgZGVmaW5lZCwgaXRlbXNTaG93biA9IGluaXRpYWxNYXhTaG93biArIChwYWdlICogcGFnZVNpemUpXG4gICAgICBhY2NbYnJlYWtwb2ludEtleV0gPVxuICAgICAgICAoaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldID8/IDApICtcbiAgICAgICAgcGFnZSAqIChwYWdlU2l6ZT8uW2JyZWFrcG9pbnRLZXldID8/IDApO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBpZiBwYWdlU2l6ZSBpcyBub3QgZGVmaW5lZCwgaXRlbXNTaG93biBpcyBlaXRoZXIgaW5pdGlhbE1heFNob3duIG9yIGFsbCBjaGlsZHJlblxuICAgICAgYWNjW2JyZWFrcG9pbnRLZXldID1cbiAgICAgICAgcGFnZSA+IDBcbiAgICAgICAgICA/IFJlYWN0LkNoaWxkcmVuLmNvdW50KGNoaWxkcmVuKVxuICAgICAgICAgIDogaW5pdGlhbE1heFNob3duW2JyZWFrcG9pbnRLZXldO1xuICAgIH1cbiAgICByZXR1cm4gYWNjO1xuICB9LCB7fSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgYXM9XCJ1bFwiXG4gICAgICAgIGxpc3RTdHlsZVR5cGU9XCJub25lXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgbT17MH1cbiAgICAgICAgey4uLmdyaWRCb3hQcm9wc31cbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17Z2V0Q1NTRnJvbUNvbHVtbkNvdW50KFxuICAgICAgICAgIGNvbHVtbkNvdW50LFxuICAgICAgICAgICh2YWx1ZSkgPT4gYHJlcGVhdCgke3ZhbHVlfSwgbWlubWF4KDAsIDFmcikpYCAvLyB0aGlzIG1pbm1heCBwcmV2ZW50cyBjZWxscyBmcm9tIHJlc2l6aW5nIGJhc2VkIG9uIGNvbnRlbnRcbiAgICAgICAgKX1cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICA+XG4gICAgICAgIHsvKlxuICAgICAgICAgKiBub3RlIHRoYXQgR3JpZENvbGxhcHNlIG1hcHMgZWFjaCBvZiBpdHMgZGlyZWN0IGNoaWxkcmVuIGludG8gYSBHcmlkSXRlbSAtIHRoaXMgbWVhbnMgdGhhdFxuICAgICAgICAgKiBpZiB5b3UgcGFzcyBpbiBhIHNpbmdsZSBjb21wb25lbnQgdGhhdCBhZ2dyZWdhdGVzIGNoaWxkcmVuIG9uIGl0cyBvd24sIHRoYXQgY29tcG9uZW50IChhbmRcbiAgICAgICAgICogYWxsIG9mIGl0cyBjaGlsZHJlbikgd2lsbCBiZSBjb25zaWRlcmVkIGEgc2luZ2xlIGdyaWQgaXRlbS4gQ29uc2lkZXIgZXh0cmFjdGluZyB0aGUgY29udGVudHNcbiAgICAgICAgICogb2YgdGhhdCBjb21wb25lbnQgaW50byBhIGZ1bmN0aW9uIGluc3RlYWQsIHR1cm5pbmcgdGhpcyBleGFtcGxlOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBBZ2dyZWdhdGVDb21wb25lbnQ6IFJlYWN0LkZDID0gKGl0ZW1zKSA9PiAoXG4gICAgICAgICAqICAgPD5cbiAgICAgICAgICogICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IDxkaXY+e2l0ZW19PC9kaXY+KX1cbiAgICAgICAgICogICA8Lz5cbiAgICAgICAgICogKTtcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT48QWdncmVnYXRlQ29tcG9uZW50IGl0ZW1zPXtbLi4uXX0vPjwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKlxuICAgICAgICAgKiBpbnRvOlxuICAgICAgICAgKlxuICAgICAgICAgKiBjb25zdCBnZXRBZ2dyZWdhdGVDaGlsZHJlbiA9IChpdGVtcykgPT4gaXRlbXMubWFwKChpdGVtKSA9PiA8ZGl2PntpdGVtfTwvZGl2PilcbiAgICAgICAgICpcbiAgICAgICAgICogPEdyaWRDb2xsYXBzZT57Z2V0QWdncmVnYXRlQ2hpbGRyZW4oWy4uLl0pfTwvR3JpZENvbGxhcHNlPlxuICAgICAgICAgKi99XG4gICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZCkgPT4gKFxuICAgICAgICAgIDxHcmlkSXRlbSBhcz1cImxpXCIgaXRlbXNTaG93bj17aXRlbXNTaG93bn0+XG4gICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgPC9HcmlkSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyaWRCb3g+XG4gICAgICB7cGFnZVNpemUgPyAoXG4gICAgICAgIDxCb3hcbiAgICAgICAgICB7Li4uZXhwYW5kQ29sbGFwc2VQcm9wc31cbiAgICAgICAgICBtdD17cGFnZSA+IDAgPyAxNiA6IGV4cGFuZENvbGxhcHNlUHJvcHM/Lm10fVxuICAgICAgICA+XG4gICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgdG90YWxDb3VudD17UmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pfVxuICAgICAgICAgICAgaGlkZVdoZW5Ub3RhbElzTGVzc1RoYW49e2l0ZW1zU2hvd259XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIG9uRXhwYW5kQ2xpY2s/LihmYWxzZSk7XG4gICAgICAgICAgICAgIHNldFBhZ2UoKGN1cnJlbnRQYWdlKSA9PiBjdXJyZW50UGFnZSArIDEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXsxMCBhcyBhbnl9IG15PXs4fT5cbiAgICAgICAgICAgICAge2V4cGFuZExhYmVsfSA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgICB7cGFnZSA+IDAgJiYgKFxuICAgICAgICAgICAgPEV4cGFuZENvbGxhcHNlXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICAgIGhpZGVXaGVuVG90YWxJc0xlc3NUaGFuPXtpbml0aWFsTWF4U2hvd259XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4odHJ1ZSk7XG4gICAgICAgICAgICAgICAgc2V0UGFnZSgwKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9IDxVcENoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRXhwYW5kQ29sbGFwc2U+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApIDogKFxuICAgICAgICA8Qm94IHsuLi5leHBhbmRDb2xsYXBzZVByb3BzfT5cbiAgICAgICAgICA8RXhwYW5kQ29sbGFwc2VcbiAgICAgICAgICAgIHZhcmlhbnQ9e2V4cGFuZGVkID8gJ2ludGVyZmFjZScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICB0b3RhbENvdW50PXtSZWFjdC5DaGlsZHJlbi5jb3VudChjaGlsZHJlbil9XG4gICAgICAgICAgICBoaWRlV2hlblRvdGFsSXNMZXNzVGhhbj17aW5pdGlhbE1heFNob3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBvbkV4cGFuZENsaWNrPy4oZXhwYW5kZWQpO1xuICAgICAgICAgICAgICBzZXRQYWdlKChjdXJyZW50UGFnZSkgPT4gKGN1cnJlbnRQYWdlID4gMCA/IDAgOiAxKSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImNlbnRlclwiIGdhcD17MTAgYXMgYW55fSBteT17OH0+XG4gICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAge2NvbGxhcHNlTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8VXBDaGV2cm9uIHNpemU9ezEyfSAvPlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICB7ZXhwYW5kTGFiZWx9XG4gICAgICAgICAgICAgICAgICA8RG93bkNoZXZyb24gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9FeHBhbmRDb2xsYXBzZT5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRXVCIn0= */");
+const GridCollapse = ({ columnCount, initialMaxShown, pageSize, expandLabel = "Show all", collapseLabel = "Show fewer", onExpandClick, expandCollapseProps, children, ...gridBoxProps }) => {
+	const [page, setPage] = (0, react.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.default.Children.count(children) : initialMaxShown[breakpointKey];
+		return acc;
+	}, {});
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.GridBox, {
+		as: "ul",
+		listStyleType: "none",
+		p: 0,
+		m: 0,
+		...gridBoxProps,
+		gridTemplateColumns: require_getCSSFromColumnCount.getCSSFromColumnCount(columnCount, (value) => `repeat(${value}, minmax(0, 1fr))`),
+		"aria-live": "polite",
+		"aria-expanded": expanded
+	}, react.default.Children.map(children, (child) => /* @__PURE__ */ react.default.createElement(GridItem, {
+		as: "li",
+		itemsShown
+	}, child))), pageSize ? /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, {
+		...expandCollapseProps,
+		mt: page > 0 ? 16 : expandCollapseProps?.mt
+	}, /* @__PURE__ */ react.default.createElement(ExpandCollapse, {
+		fontWeight: "title",
+		totalCount: react.default.Children.count(children),
+		hideWhenTotalIsLessThan: itemsShown,
+		onClick: () => {
+			onExpandClick?.(false);
+			setPage((currentPage) => currentPage + 1);
+		}
+	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 10,
+		my: 8
+	}, expandLabel, " ", /* @__PURE__ */ react.default.createElement(DownChevron, { size: 12 }))), page > 0 && /* @__PURE__ */ react.default.createElement(ExpandCollapse, {
+		variant: "interface",
+		fontWeight: "title",
+		totalCount: react.default.Children.count(children),
+		hideWhenTotalIsLessThan: initialMaxShown,
+		onClick: () => {
+			onExpandClick?.(true);
+			setPage(0);
+		}
+	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 10,
+		my: 8
+	}, collapseLabel, " ", /* @__PURE__ */ react.default.createElement(UpChevron, { size: 12 })))) : /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, expandCollapseProps, /* @__PURE__ */ react.default.createElement(ExpandCollapse, {
+		variant: expanded ? "interface" : void 0,
+		fontWeight: "bold",
+		totalCount: react.default.Children.count(children),
+		hideWhenTotalIsLessThan: initialMaxShown,
+		onClick: () => {
+			onExpandClick?.(expanded);
+			setPage((currentPage) => currentPage > 0 ? 0 : 1);
+		},
+		"aria-expanded": expanded
+	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		gap: 10,
+		my: 8
+	}, expanded ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, collapseLabel, /* @__PURE__ */ react.default.createElement(UpChevron, { size: 12 })) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, expandLabel, /* @__PURE__ */ react.default.createElement(DownChevron, { size: 12 }))))));
+};
+
+//#endregion
+exports.GridCollapse = GridCollapse;
+exports.getMediaQuery = getMediaQuery;
+//# sourceMappingURL=GridCollapse.cjs.map

package/dist/Grid/GridCollapse.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.cjs","names":["Anchor","Box","FlexBox","GridBox","ArrowChevronDownIcon","ArrowChevronUpIcon","breakpoints","styled","React","useState","getCSSFromColumnCount","ExpandCollapseDefaults","variant","props","DownChevron","UpChevron","breakpointsWithBase","_","getMediaQuery","css","start","end","GridItem","itemsShown","Object","keys","map","breakpointKey","i","breakpointKeys","max","undefined","length","join","ExpandCollapse","hideWhenTotalIsLessThan","totalCount","GridCollapse","columnCount","initialMaxShown","pageSize","expandLabel","collapseLabel","onExpandClick","expandCollapseProps","children","gridBoxProps","page","setPage","expanded","reduce","acc","Children","count","as","listStyleType","p","m","gridTemplateColumns","value","aria-live","aria-expanded","child","mt","fontWeight","onClick","currentPage","alignItems","gap","my","size"],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Anchor, Box, FlexBox, GridBox } from '@codecademy/gamut';\nimport {\n  ArrowChevronDownIcon,\n  ArrowChevronUpIcon,\n} from '@codecademy/gamut-icons';\nimport { breakpoints } from '@codecademy/gamut-styles';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { ComponentProps, useState } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\nfunction ExpandCollapseDefaults({\n  variant = 'standard',\n  ...props\n}: React.ComponentProps<typeof Anchor>) {\n  return <Anchor variant={variant} {...props} />;\n}\n\nconst DownChevron = styled(ArrowChevronDownIcon)`\n  path {\n    stroke-width: 3;\n  }\n`;\n\nconst UpChevron = styled(ArrowChevronUpIcon)`\n  path {\n    stroke-width: 3;\n  }\n`;\n\nconst breakpointsWithBase = {\n  _: '0px',\n  ...breakpoints,\n} as const;\n\nexport const getMediaQuery = ({\n  css,\n  start,\n  end,\n}: {\n  css: string;\n  start: string;\n  end?: string;\n}) =>\n  end\n    ? `@media only screen and (min-width: ${start}) and (max-width: calc(${end} - 1px)) { ${css} }`\n    : `@media only screen and (min-width: ${start}) { ${css} }`;\n\ntype GridItemProps = {\n  itemsShown: MediaQueryMap<number>;\n};\n\nconst GridItem = styled(Box)<GridItemProps>`\n  ${({ itemsShown }) =>\n    (Object.keys(itemsShown) as (keyof MediaQueryMap<number>)[])\n      .map((breakpointKey, i, breakpointKeys) => {\n        const max = itemsShown[breakpointKey];\n        if (max === undefined) return;\n\n        const start = breakpointsWithBase[breakpointKey];\n        const end = breakpointsWithBase[breakpointKeys[i + 1]];\n\n        // hide all grid items after the max\n        const css = `&:nth-of-type(n + ${max + 1}) { display: none; }`;\n\n        return i === breakpointKeys.length - 1\n          ? getMediaQuery({ css, start })\n          : getMediaQuery({ css, start, end });\n      })\n      .join('\\n')}\n`;\n\ntype ExpandCollapseProps = {\n  hideWhenTotalIsLessThan: MediaQueryMap<number>;\n  totalCount: number;\n};\n\nconst ExpandCollapse = styled(ExpandCollapseDefaults)`\n  display: none;\n  white-space: pre-wrap;\n\n  &:not(:first-of-type) {\n    margin-left: 2.5rem;\n  }\n\n  ${({ hideWhenTotalIsLessThan, totalCount }: ExpandCollapseProps) =>\n    (Object.keys(hideWhenTotalIsLessThan) as (keyof MediaQueryMap<number>)[])\n      .map((breakpointKey, i, breakpointKeys) => {\n        const max = hideWhenTotalIsLessThan[breakpointKey];\n        if (max === undefined || totalCount <= max) return;\n\n        const start = breakpointsWithBase[breakpointKey];\n        const end = breakpointsWithBase[breakpointKeys[i + 1]];\n\n        return i === breakpointKeys.length - 1\n          ? getMediaQuery({ css: 'display: block;', start })\n          : getMediaQuery({ css: 'display: block;', start, end });\n      })\n      .join('\\n')}\n`;\n\nexport type GridCollapseProps = ComponentProps<typeof GridBox> & {\n  /**\n   * the number of columns per row in the grid\n   */\n  columnCount: ColumnCount;\n  /**\n   * the number of items to display when collapsed\n   */\n  initialMaxShown: MediaQueryMap<number>;\n  /**\n   * the number of new items to display on each \"expand\" click; if not provided, a binary toggle is used\n   * note: must include exactly the same keys as initialMaxShown\n   */\n  pageSize?: MediaQueryMap<number>;\n  /**\n   * text to display when \"show more\" is available\n   */\n  expandLabel?: string;\n  /**\n   * text to display when \"show fewer\" is available\n   */\n  collapseLabel?: string;\n  /**\n   * called when clicking the show more/see less toggle; accepts the current expanded state as an arg\n   */\n  onExpandClick?: (expanded?: boolean) => void;\n  /**\n   * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)\n   */\n  expandCollapseProps?: ComponentProps<typeof Box>;\n};\n\nexport const GridCollapse: React.FC<GridCollapseProps> = ({\n  columnCount,\n  initialMaxShown,\n  pageSize,\n  expandLabel = 'Show all',\n  collapseLabel = 'Show fewer',\n  onExpandClick,\n  expandCollapseProps,\n  children,\n  ...gridBoxProps\n}) => {\n  const [page, setPage] = useState(0);\n\n  const expanded = page > 0;\n\n  // calculate the number of items to show based on page, pageSize, and initialMaxShown\n  const itemsShown = (\n    Object.keys(initialMaxShown) as (keyof MediaQueryMap<number>)[]\n  ).reduce((acc: MediaQueryMap<number>, breakpointKey) => {\n    if (pageSize) {\n      // if pageSize is defined, itemsShown = initialMaxShown + (page * pageSize)\n      acc[breakpointKey] =\n        (initialMaxShown[breakpointKey] ?? 0) +\n        page * (pageSize?.[breakpointKey] ?? 0);\n    } else {\n      // if pageSize is not defined, itemsShown is either initialMaxShown or all children\n      acc[breakpointKey] =\n        page > 0\n          ? React.Children.count(children)\n          : initialMaxShown[breakpointKey];\n    }\n    return acc;\n  }, {});\n\n  return (\n    <>\n      <GridBox\n        as=\"ul\"\n        listStyleType=\"none\"\n        p={0}\n        m={0}\n        {...gridBoxProps}\n        gridTemplateColumns={getCSSFromColumnCount(\n          columnCount,\n          (value) => `repeat(${value}, minmax(0, 1fr))` // this minmax prevents cells from resizing based on content\n        )}\n        aria-live=\"polite\"\n        aria-expanded={expanded}\n      >\n        {/*\n         * note that GridCollapse maps each of its direct children into a GridItem - this means that\n         * if you pass in a single component that aggregates children on its own, that component (and\n         * all of its children) will be considered a single grid item. Consider extracting the contents\n         * of that component into a function instead, turning this example:\n         *\n         * const AggregateComponent: React.FC = (items) => (\n         *   <>\n         *     {items.map((item) => <div>{item}</div>)}\n         *   </>\n         * );\n         *\n         * <GridCollapse><AggregateComponent items={[...]}/></GridCollapse>\n         *\n         * into:\n         *\n         * const getAggregateChildren = (items) => items.map((item) => <div>{item}</div>)\n         *\n         * <GridCollapse>{getAggregateChildren([...])}</GridCollapse>\n         */}\n        {React.Children.map(children, (child) => (\n          <GridItem as=\"li\" itemsShown={itemsShown}>\n            {child}\n          </GridItem>\n        ))}\n      </GridBox>\n      {pageSize ? (\n        <Box\n          {...expandCollapseProps}\n          mt={page > 0 ? 16 : expandCollapseProps?.mt}\n        >\n          <ExpandCollapse\n            fontWeight=\"title\"\n            totalCount={React.Children.count(children)}\n            hideWhenTotalIsLessThan={itemsShown}\n            onClick={() => {\n              onExpandClick?.(false);\n              setPage((currentPage) => currentPage + 1);\n            }}\n          >\n            <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n              {expandLabel} <DownChevron size={12} />\n            </FlexBox>\n          </ExpandCollapse>\n          {page > 0 && (\n            <ExpandCollapse\n              variant=\"interface\"\n              fontWeight=\"title\"\n              totalCount={React.Children.count(children)}\n              hideWhenTotalIsLessThan={initialMaxShown}\n              onClick={() => {\n                onExpandClick?.(true);\n                setPage(0);\n              }}\n            >\n              <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n                {collapseLabel} <UpChevron size={12} />\n              </FlexBox>\n            </ExpandCollapse>\n          )}\n        </Box>\n      ) : (\n        <Box {...expandCollapseProps}>\n          <ExpandCollapse\n            variant={expanded ? 'interface' : undefined}\n            fontWeight=\"bold\"\n            totalCount={React.Children.count(children)}\n            hideWhenTotalIsLessThan={initialMaxShown}\n            onClick={() => {\n              onExpandClick?.(expanded);\n              setPage((currentPage) => (currentPage > 0 ? 0 : 1));\n            }}\n            aria-expanded={expanded}\n          >\n            <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n              {expanded ? (\n                <>\n                  {collapseLabel}\n                  <UpChevron size={12} />\n                </>\n              ) : (\n                <>\n                  {expandLabel}\n                  <DownChevron size={12} />\n                </>\n              )}\n            </FlexBox>\n          </ExpandCollapse>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAaA,SAASW,uBAAuB,EAC9BC,UAAU,YACV,GAAGC,SACiC;AACpC,QAAO,8BAAA,cAACb,0BAAAA;EAAgBY;EAAU,GAAGC;;;AAGvC,MAAMC,cAAcP,6CAAOH,8CAAAA;;;;AAM3B,MAAMW,YAAYR,6CAAOF,4CAAAA;;;;AAMzB,MAAMW,sBAAsB;CAC1BC,GAAG;CACH,GAAGX;CACL;AAEA,MAAaY,iBAAiB,EAC5BC,KACAC,OACAC,UAMAA,MACI,sCAAsCD,MAAM,yBAAyBC,IAAI,aAAaF,IAAI,MAC1F,sCAAsCC,MAAM,MAAMD,IAAI;AAM5D,MAAMG,WAAWf,6CAAON,uBAAAA;;;IACnB,EAAEsB,iBACH,OAAQE,KAAKF,WAAAA,CACVG,KAAKC,eAAeC,GAAGC,mBAAAA;CACtB,MAAMC,MAAMP,WAAWI;AACvB,KAAIG,QAAQC,OAAW;CAEvB,MAAMX,QAAQJ,oBAAoBW;CAClC,MAAMN,MAAML,oBAAoBa,eAAeD,IAAI;CAGnD,MAAMT,MAAM,qBAAqBW,MAAM,EAAE;AAEzC,QAAOF,MAAMC,eAAeG,SAAS,IACjCd,cAAc;EAAEC;EAAKC;EAAM,CAAA,GAC3BF,cAAc;EAAEC;EAAKC;EAAOC;EAAI,CAAA;EACtC,CACCY,KAAK,KAAA,EAAA,8xXAAA;AAQZ,MAAMC,iBAAiB3B,6CAAOI,wBAAAA;;;oFAQzB,EAAEwB,yBAAyBC,iBAC5B,OAAQX,KAAKU,wBAAAA,CACVT,KAAKC,eAAeC,GAAGC,mBAAAA;CACtB,MAAMC,MAAMK,wBAAwBR;AACpC,KAAIG,QAAQC,UAAaK,cAAcN,IAAK;CAE5C,MAAMV,QAAQJ,oBAAoBW;CAClC,MAAMN,MAAML,oBAAoBa,eAAeD,IAAI;AAEnD,QAAOA,MAAMC,eAAeG,SAAS,IACjCd,cAAc;EAAEC,KAAK;EAAmBC;EAAM,CAAA,GAC9CF,cAAc;EAAEC,KAAK;EAAmBC;EAAOC;EAAI,CAAA;EACzD,CACCY,KAAK,KAAA,EAAA,8xXAAA;AAmCZ,MAAaI,gBAA6C,EACxDC,aACAC,iBACAC,UACAC,cAAc,YACdC,gBAAgB,cAChBC,eACAC,qBACAC,UACA,GAAGC,mBACJ;CACC,MAAM,CAACC,MAAMC,+BAAoB,EAAA;CAEjC,MAAMC,WAAWF,OAAO;CAGxB,MAAMxB,aAAa,OACVE,KAAKc,gBAAAA,CACZW,QAAQC,KAA4BxB,kBAAAA;AACpC,MAAIa,SAEFW,KAAIxB,kBACDY,gBAAgBZ,kBAAkB,KACnCoB,QAAQP,WAAWb,kBAAkB;MAGvCwB,KAAIxB,iBACFoB,OAAO,IACHvC,cAAM4C,SAASC,MAAMR,SAAAA,GACrBN,gBAAgBZ;AAExB,SAAOwB;IACN,EAAC,CAAA;AAEJ,QACE,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAAChD,2BAAAA;EACCmD,IAAG;EACHC,eAAc;EACdC,GAAG;EACHC,GAAG;EACF,GAAGX;EACJY,qBAAqBhD,oDACnB4B,cACCqB,UAAU,UAAUA,MAAM;EAE7BC,aAAU;EACVC,iBAAeZ;IAsBdzC,cAAM4C,SAAS1B,IAAImB,WAAWiB,UAC7B,8BAAA,cAACxC,UAAAA;EAASgC,IAAG;EAAiB/B;IAC3BuC,MAAAA,CAAAA,CAAAA,EAINtB,WACC,8BAAA,cAACvC,uBAAAA;EACE,GAAG2C;EACJmB,IAAIhB,OAAO,IAAI,KAAKH,qBAAqBmB;IAEzC,8BAAA,cAAC7B,gBAAAA;EACC8B,YAAW;EACX5B,YAAY5B,cAAM4C,SAASC,MAAMR,SAAAA;EACjCV,yBAAyBZ;EACzB0C,eAAS;AACPtB,mBAAgB,MAAA;AAChBK,YAASkB,gBAAgBA,cAAc,EAAA;;IAGzC,8BAAA,cAAChE,2BAAAA;EAAQiE,YAAW;EAASC,KAAK;EAAWC,IAAI;IAC9C5B,aAAY,KAAC,8BAAA,cAAC3B,aAAAA,EAAYwD,MAAM,SAGpCvB,OAAO,KACN,8BAAA,cAACb,gBAAAA;EACCtB,SAAQ;EACRoD,YAAW;EACX5B,YAAY5B,cAAM4C,SAASC,MAAMR,SAAAA;EACjCV,yBAAyBI;EACzB0B,eAAS;AACPtB,mBAAgB,KAAA;AAChBK,WAAQ,EAAA;;IAGV,8BAAA,cAAC9C,2BAAAA;EAAQiE,YAAW;EAASC,KAAK;EAAWC,IAAI;IAC9C3B,eAAc,KAAC,8BAAA,cAAC3B,WAAAA,EAAUuD,MAAM,WAMzC,8BAAA,cAACrE,uBAAQ2C,qBACP,8BAAA,cAACV,gBAAAA;EACCtB,SAASqC,WAAW,cAAclB;EAClCiC,YAAW;EACX5B,YAAY5B,cAAM4C,SAASC,MAAMR,SAAAA;EACjCV,yBAAyBI;EACzB0B,eAAS;AACPtB,mBAAgBM,SAAAA;AAChBD,YAASkB,gBAAiBA,cAAc,IAAI,IAAI,EAAA;;EAElDL,iBAAeZ;IAEf,8BAAA,cAAC/C,2BAAAA;EAAQiE,YAAW;EAASC,KAAK;EAAWC,IAAI;IAC9CpB,WACC,8BAAA,cAAA,cAAA,UAAA,MACGP,eACD,8BAAA,cAAC3B,WAAAA,EAAUuD,MAAM,SAGnB,8BAAA,cAAA,cAAA,UAAA,MACG7B,aACD,8BAAA,cAAC3B,aAAAA,EAAYwD,MAAM"}

package/dist/Grid/GridCollapse.d.cts

@@ -0,0 +1,50 @@
+import { ColumnCount } from "./getCSSFromColumnCount.cjs";
+import { Box, GridBox } from "@codecademy/gamut";
+import React, { ComponentProps } from "react";
+import { MediaQueryMap } from "@codecademy/variance";
+
+//#region src/Grid/GridCollapse.d.ts
+declare const getMediaQuery: ({
+  css,
+  start,
+  end
+}: {
+  css: string;
+  start: string;
+  end?: string;
+}) => string;
+type GridCollapseProps = ComponentProps<typeof GridBox> & {
+  /**
+   * the number of columns per row in the grid
+   */
+  columnCount: ColumnCount;
+  /**
+   * the number of items to display when collapsed
+   */
+  initialMaxShown: MediaQueryMap<number>;
+  /**
+   * the number of new items to display on each "expand" click; if not provided, a binary toggle is used
+   * note: must include exactly the same keys as initialMaxShown
+   */
+  pageSize?: MediaQueryMap<number>;
+  /**
+   * text to display when "show more" is available
+   */
+  expandLabel?: string;
+  /**
+   * text to display when "show fewer" is available
+   */
+  collapseLabel?: string;
+  /**
+   * called when clicking the show more/see less toggle; accepts the current expanded state as an arg
+   */
+  onExpandClick?: (expanded?: boolean) => void;
+  /**
+   * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)
+   */
+  expandCollapseProps?: ComponentProps<typeof Box>;
+};
+declare const GridCollapse: React.FC<GridCollapseProps>;
+//#endregion
+export { GridCollapse, GridCollapseProps, getMediaQuery };
+//# sourceMappingURL=GridCollapse.d.cts.map

package/dist/Grid/GridCollapse.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.d.cts","names":[],"sources":["../../src/Grid/GridCollapse.tsx"],"mappings":";;;;;;cAqCa,aAAA;EAAiB,GAAA;EAAA,KAAA;EAAA;AAAA;EAK5B,GAAA;EACA,KAAA;EACA,GAAA;AAAA;AAAA,KA2DU,iBAAA,GAAoB,cAAA,QAAsB,OAAA;EAlExB;;;EAsE5B,WAAA,EAAa,WAAA;EAtEe;;;EA0E5B,eAAA,EAAiB,aAAA;EA1EW;;;;EA+E5B,QAAA,GAAW,aAAA;EAxER;;AA2DL;EAiBE,WAAA;;;;EAIA,aAAA;EAbiB;;;EAiBjB,aAAA,IAAiB,QAAA;EAImB;;;EAApC,mBAAA,GAAsB,cAAA,QAAsB,GAAA;AAAA;AAAA,cAGjC,YAAA,EAAc,KAAA,CAAM,EAAA,CAAG,iBAAA"}

package/dist/Grid/GridCollapse.d.ts

@@ -1,41 +1,50 @@
-import { Box, GridBox } from '@codecademy/gamut';
-import { MediaQueryMap } from '@codecademy/variance';
-import React, { ComponentProps } from 'react';
-import { ColumnCount } from './getCSSFromColumnCount';
-export declare const getMediaQuery: ({ css, start, end, }: {
-    css: string;
-    start: string;
-    end?: string;
+import { ColumnCount } from "./getCSSFromColumnCount.js";
+import { Box, GridBox } from "@codecademy/gamut";
+import React, { ComponentProps } from "react";
+import { MediaQueryMap } from "@codecademy/variance";
+
+//#region src/Grid/GridCollapse.d.ts
+declare const getMediaQuery: ({
+  css,
+  start,
+  end
+}: {
+  css: string;
+  start: string;
+  end?: string;
 }) => string;
-export type GridCollapseProps = ComponentProps<typeof GridBox> & {
-    /**
-     * the number of columns per row in the grid
-     */
-    columnCount: ColumnCount;
-    /**
-     * the number of items to display when collapsed
-     */
-    initialMaxShown: MediaQueryMap<number>;
-    /**
-     * the number of new items to display on each "expand" click; if not provided, a binary toggle is used
-     * note: must include exactly the same keys as initialMaxShown
-     */
-    pageSize?: MediaQueryMap<number>;
-    /**
-     * text to display when "show more" is available
-     */
-    expandLabel?: string;
-    /**
-     * text to display when "show fewer" is available
-     */
-    collapseLabel?: string;
-    /**
-     * called when clicking the show more/see less toggle; accepts the current expanded state as an arg
-     */
-    onExpandClick?: (expanded?: boolean) => void;
-    /**
-     * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)
-     */
-    expandCollapseProps?: ComponentProps<typeof Box>;
+type GridCollapseProps = ComponentProps<typeof GridBox> & {
+  /**
+   * the number of columns per row in the grid
+   */
+  columnCount: ColumnCount;
+  /**
+   * the number of items to display when collapsed
+   */
+  initialMaxShown: MediaQueryMap<number>;
+  /**
+   * the number of new items to display on each "expand" click; if not provided, a binary toggle is used
+   * note: must include exactly the same keys as initialMaxShown
+   */
+  pageSize?: MediaQueryMap<number>;
+  /**
+   * text to display when "show more" is available
+   */
+  expandLabel?: string;
+  /**
+   * text to display when "show fewer" is available
+   */
+  collapseLabel?: string;
+  /**
+   * called when clicking the show more/see less toggle; accepts the current expanded state as an arg
+   */
+  onExpandClick?: (expanded?: boolean) => void;
+  /**
+   * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)
+   */
+  expandCollapseProps?: ComponentProps<typeof Box>;
 };
-export declare const GridCollapse: React.FC<GridCollapseProps>;
+declare const GridCollapse: React.FC<GridCollapseProps>;
+//#endregion
+export { GridCollapse, GridCollapseProps, getMediaQuery };
+//# sourceMappingURL=GridCollapse.d.ts.map

package/dist/Grid/GridCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.d.ts","names":[],"sources":["../../src/Grid/GridCollapse.tsx"],"mappings":";;;;;;cAqCa,aAAA;EAAiB,GAAA;EAAA,KAAA;EAAA;AAAA;EAK5B,GAAA;EACA,KAAA;EACA,GAAA;AAAA;AAAA,KA2DU,iBAAA,GAAoB,cAAA,QAAsB,OAAA;EAlExB;;;EAsE5B,WAAA,EAAa,WAAA;EAtEe;;;EA0E5B,eAAA,EAAiB,aAAA;EA1EW;;;;EA+E5B,QAAA,GAAW,aAAA;EAxER;;AA2DL;EAiBE,WAAA;;;;EAIA,aAAA;EAbiB;;;EAiBjB,aAAA,IAAiB,QAAA;EAImB;;;EAApC,mBAAA,GAAsB,cAAA,QAAsB,GAAA;AAAA;AAAA,cAGjC,YAAA,EAAc,KAAA,CAAM,EAAA,CAAG,iBAAA"}