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

package/dist/Grid/GridCollapse.cjs.map

@@ -1 +0,0 @@
-{"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":"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"}

package/dist/Grid/GridCollapse.d.cts

@@ -1,50 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"GridCollapse.d.cts","names":[],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":[],"mappings":";;;;;;cAqCa;;;;;;EAAA,KAAA,EAAA,MAAA;EAAiB,GAAA,CAAA,EAAA,MAAA;CAAA,EAAA,GAAA,MAAA;AAAA,KAkElB,iBAAA,GAAoB,cAlEF,CAAA,OAkEwB,OAlExB,CAAA,GAAA;EAAA;AAkE9B;;EAAgC,WAAA,EAIjB,WAJiB;EAIjB;;;EAyB+B,eAAA,EArB3B,aAqB2B,CAAA,MAAA,CAAA;EAAtB;;AAGxB;;aAnBa;;;;;;;;;;;;;;;;wBAgBW,sBAAsB;;cAGjC,cAAc,KAAA,CAAM,GAAG"}

package/dist/Grid/GridCollapse.d.mts

@@ -1,50 +0,0 @@
-import { ColumnCount } from "./getCSSFromColumnCount.mjs";
-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.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GridCollapse.d.mts","names":[],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":[],"mappings":";;;;;;cAqCa;;;;;;EAAA,KAAA,EAAA,MAAA;EAAiB,GAAA,CAAA,EAAA,MAAA;CAAA,EAAA,GAAA,MAAA;AAAA,KAkElB,iBAAA,GAAoB,cAlEF,CAAA,OAkEwB,OAlExB,CAAA,GAAA;EAAA;AAkE9B;;EAAgC,WAAA,EAIjB,WAJiB;EAIjB;;;EAyB+B,eAAA,EArB3B,aAqB2B,CAAA,MAAA,CAAA;EAAtB;;AAGxB;;aAnBa;;;;;;;;;;;;;;;;wBAgBW,sBAAsB;;cAGjC,cAAc,KAAA,CAAM,GAAG"}

package/dist/Grid/GridCollapse.mjs

@@ -1,130 +0,0 @@
-import { getCSSFromColumnCount } from "./getCSSFromColumnCount.mjs";
-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 { ArrowChevronDownIcon, ArrowChevronUpIcon } from "@codecademy/gamut-icons";
-
-//#region src/Grid/GridCollapse.tsx
-function ExpandCollapseDefaults({ variant: variant$1 = "standard", ...props }) {
-	return /* @__PURE__ */ React.createElement(Anchor, {
-		variant: variant$1,
-		...props
-	});
-}
-const DownChevron = /* @__PURE__ */ styled(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__ */ styled(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",
-	...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 = /* @__PURE__ */ styled(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$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"), "/*# 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__ */ styled(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] = 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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(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
-	}, React.Children.map(children, (child) => /* @__PURE__ */ React.createElement(GridItem, {
-		as: "li",
-		itemsShown
-	}, child))), pageSize ? /* @__PURE__ */ React.createElement(Box, {
-		...expandCollapseProps,
-		mt: page > 0 ? 16 : expandCollapseProps?.mt
-	}, /* @__PURE__ */ React.createElement(ExpandCollapse, {
-		fontWeight: "title",
-		totalCount: React.Children.count(children),
-		hideWhenTotalIsLessThan: itemsShown,
-		onClick: () => {
-			onExpandClick?.(false);
-			setPage((currentPage) => currentPage + 1);
-		}
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 10,
-		my: 8
-	}, expandLabel, " ", /* @__PURE__ */ React.createElement(DownChevron, { size: 12 }))), page > 0 && /* @__PURE__ */ React.createElement(ExpandCollapse, {
-		variant: "interface",
-		fontWeight: "title",
-		totalCount: React.Children.count(children),
-		hideWhenTotalIsLessThan: initialMaxShown,
-		onClick: () => {
-			onExpandClick?.(true);
-			setPage(0);
-		}
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 10,
-		my: 8
-	}, collapseLabel, " ", /* @__PURE__ */ React.createElement(UpChevron, { size: 12 })))) : /* @__PURE__ */ React.createElement(Box, expandCollapseProps, /* @__PURE__ */ React.createElement(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
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		gap: 10,
-		my: 8
-	}, expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, collapseLabel, /* @__PURE__ */ React.createElement(UpChevron, { size: 12 })) : /* @__PURE__ */ React.createElement(React.Fragment, null, expandLabel, /* @__PURE__ */ React.createElement(DownChevron, { size: 12 }))))));
-};
-
-//#endregion
-export { GridCollapse, getMediaQuery };
-//# sourceMappingURL=GridCollapse.mjs.map

package/dist/Grid/GridCollapse.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridCollapse.mjs","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":"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"}

package/dist/Grid/Subgrid.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_getCSSFromColumnCount = require('./getCSSFromColumnCount.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-
-//#region src/Grid/Subgrid.tsx
-/**
-* 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
-* or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within
-* subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each
-* breakpoint in react context. Usage example:
-*
-* import { Subgrid, subgridContext } from './Subgrid';
-*
-* export const MyComponent = () => (
-*   <subgridContext.Provider value={{ _: 12, md: 6 }}>
-*     ...
-*     <Subgrid>...</Subgrid>
-*   </subgridContext.Provider>
-* );
-*
-* here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
-*/ const subgridContext = /* @__PURE__ */ (0, react.createContext)({});
-const Subgrid = (props) => {
-	const gridTemplateColumns = require_getCSSFromColumnCount.getCSSFromColumnCount((0, react.useContext)(subgridContext), (value) => `repeat(${value}, 1fr)`);
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.GridBox, {
-		gridTemplateColumns: {
-			_: "repeat(12, 1fr)",
-			...gridTemplateColumns
-		},
-		rowGap: 16,
-		columnGap: 24,
-		...props
-	});
-};
-
-//#endregion
-exports.Subgrid = Subgrid;
-exports.subgridContext = subgridContext;
-//# sourceMappingURL=Subgrid.cjs.map

package/dist/Grid/Subgrid.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Subgrid.cjs","names":["GridBox","createContext","useContext","getCSSFromColumnCount","subgridContext","Subgrid","props","template","gridTemplateColumns","value","_","rowGap","columnGap"],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":["import { GridBox } from '@codecademy/gamut';\nimport { ComponentProps, createContext, FC, useContext } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\n/**\n * Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.\n * Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether\n * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within\n * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each\n * breakpoint in react context. Usage example:\n *\n * import { Subgrid, subgridContext } from './Subgrid';\n *\n * export const MyComponent = () => (\n *   <subgridContext.Provider value={{ _: 12, md: 6 }}>\n *     ...\n *     <Subgrid>...</Subgrid>\n *   </subgridContext.Provider>\n * );\n *\n * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise\n */\nexport const subgridContext = createContext<ColumnCount>({});\n\nexport const Subgrid: FC<ComponentProps<typeof GridBox>> = (props) => {\n  const template = useContext(subgridContext);\n\n  const gridTemplateColumns = getCSSFromColumnCount(\n    template,\n    (value) => `repeat(${value}, 1fr)`\n  );\n\n  return (\n    <GridBox\n      gridTemplateColumns={{ _: 'repeat(12, 1fr)', ...gridTemplateColumns }}\n      rowGap={16}\n      columnGap={24}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;GAuBA,MAAaI,iBAAiBH,yCAA2B,EAAC,CAAA;AAE1D,MAAaI,WAA+CC,UAAAA;CAG1D,MAAME,sBAAsBL,0EAFAC,eAAAA,GAIzBK,UAAU,UAAUA,MAAM,QAAO;AAGpC,QACE,sBAAA,cAACT,2BAAAA;EACCQ,qBAAqB;GAAEE,GAAG;GAAmB,GAAGF;GAAoB;EACpEG,QAAQ;EACRC,WAAW;EACV,GAAGN"}

package/dist/Grid/Subgrid.d.cts

@@ -1,30 +0,0 @@
-import { ColumnCount } from "./getCSSFromColumnCount.cjs";
-import { GridBox } from "@codecademy/gamut";
-import * as react23 from "react";
-import { ComponentProps, FC } from "react";
-
-//#region src/Grid/Subgrid.d.ts
-
-/**
- * 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
- * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within
- * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each
- * breakpoint in react context. Usage example:
- *
- * import { Subgrid, subgridContext } from './Subgrid';
- *
- * export const MyComponent = () => (
- *   <subgridContext.Provider value={{ _: 12, md: 6 }}>
- *     ...
- *     <Subgrid>...</Subgrid>
- *   </subgridContext.Provider>
- * );
- *
- * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
- */
-declare const subgridContext: react23.Context<ColumnCount>;
-declare const Subgrid: FC<ComponentProps<typeof GridBox>>;
-//#endregion
-export { Subgrid, subgridContext };
-//# sourceMappingURL=Subgrid.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Subgrid.d.cts","names":[],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAuBA;AAEA;;;;;;;;;;;;;;cAFa,gBAAc,OAAA,CAAA,QAAA;cAEd,SAAS,GAAG,sBAAsB"}

package/dist/Grid/Subgrid.d.mts

@@ -1,30 +0,0 @@
-import { ColumnCount } from "./getCSSFromColumnCount.mjs";
-import { GridBox } from "@codecademy/gamut";
-import * as react28 from "react";
-import { ComponentProps, FC } from "react";
-
-//#region src/Grid/Subgrid.d.ts
-
-/**
- * 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
- * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within
- * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each
- * breakpoint in react context. Usage example:
- *
- * import { Subgrid, subgridContext } from './Subgrid';
- *
- * export const MyComponent = () => (
- *   <subgridContext.Provider value={{ _: 12, md: 6 }}>
- *     ...
- *     <Subgrid>...</Subgrid>
- *   </subgridContext.Provider>
- * );
- *
- * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
- */
-declare const subgridContext: react28.Context<ColumnCount>;
-declare const Subgrid: FC<ComponentProps<typeof GridBox>>;
-//#endregion
-export { Subgrid, subgridContext };
-//# sourceMappingURL=Subgrid.d.mts.map

package/dist/Grid/Subgrid.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Subgrid.d.mts","names":[],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAuBA;AAEA;;;;;;;;;;;;;;cAFa,gBAAc,OAAA,CAAA,QAAA;cAEd,SAAS,GAAG,sBAAsB"}

package/dist/Grid/Subgrid.mjs

@@ -1,39 +0,0 @@
-import { getCSSFromColumnCount } from "./getCSSFromColumnCount.mjs";
-import { GridBox } from "@codecademy/gamut";
-import { createContext, useContext } from "react";
-
-//#region src/Grid/Subgrid.tsx
-/**
-* 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
-* or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within
-* subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each
-* breakpoint in react context. Usage example:
-*
-* import { Subgrid, subgridContext } from './Subgrid';
-*
-* export const MyComponent = () => (
-*   <subgridContext.Provider value={{ _: 12, md: 6 }}>
-*     ...
-*     <Subgrid>...</Subgrid>
-*   </subgridContext.Provider>
-* );
-*
-* here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
-*/ const subgridContext = /* @__PURE__ */ createContext({});
-const Subgrid = (props) => {
-	const gridTemplateColumns = getCSSFromColumnCount(useContext(subgridContext), (value) => `repeat(${value}, 1fr)`);
-	return /* @__PURE__ */ React.createElement(GridBox, {
-		gridTemplateColumns: {
-			_: "repeat(12, 1fr)",
-			...gridTemplateColumns
-		},
-		rowGap: 16,
-		columnGap: 24,
-		...props
-	});
-};
-
-//#endregion
-export { Subgrid, subgridContext };
-//# sourceMappingURL=Subgrid.mjs.map

package/dist/Grid/Subgrid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Subgrid.mjs","names":["GridBox","createContext","useContext","getCSSFromColumnCount","subgridContext","Subgrid","props","template","gridTemplateColumns","value","_","rowGap","columnGap"],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":["import { GridBox } from '@codecademy/gamut';\nimport { ComponentProps, createContext, FC, useContext } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\n/**\n * Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.\n * Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether\n * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within\n * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each\n * breakpoint in react context. Usage example:\n *\n * import { Subgrid, subgridContext } from './Subgrid';\n *\n * export const MyComponent = () => (\n *   <subgridContext.Provider value={{ _: 12, md: 6 }}>\n *     ...\n *     <Subgrid>...</Subgrid>\n *   </subgridContext.Provider>\n * );\n *\n * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise\n */\nexport const subgridContext = createContext<ColumnCount>({});\n\nexport const Subgrid: FC<ComponentProps<typeof GridBox>> = (props) => {\n  const template = useContext(subgridContext);\n\n  const gridTemplateColumns = getCSSFromColumnCount(\n    template,\n    (value) => `repeat(${value}, 1fr)`\n  );\n\n  return (\n    <GridBox\n      gridTemplateColumns={{ _: 'repeat(12, 1fr)', ...gridTemplateColumns }}\n      rowGap={16}\n      columnGap={24}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAuBA,MAAaI,iBAAiBH,8BAA2B,EAAC,CAAA;AAE1D,MAAaI,WAA+CC,UAAAA;CAG1D,MAAME,sBAAsBL,sBAFXD,WAAWE,eAAAA,GAIzBK,UAAU,UAAUA,MAAM,QAAO;AAGpC,QACE,sBAAA,cAACT,SAAAA;EACCQ,qBAAqB;GAAEE,GAAG;GAAmB,GAAGF;GAAoB;EACpEG,QAAQ;EACRC,WAAW;EACV,GAAGN"}

package/dist/Grid/getCSSFromColumnCount.cjs

@@ -1,11 +0,0 @@
-
-//#region src/Grid/getCSSFromColumnCount.ts
-const getCSSFromColumnCount = (columnCount, valueFunction) => Object.keys(columnCount).reduce((acc, key) => {
-	const value = columnCount[key];
-	if (typeof value !== "undefined") acc[key] = valueFunction(value);
-	return acc;
-}, {});
-
-//#endregion
-exports.getCSSFromColumnCount = getCSSFromColumnCount;
-//# sourceMappingURL=getCSSFromColumnCount.cjs.map

package/dist/Grid/getCSSFromColumnCount.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCSSFromColumnCount.cjs","names":["getCSSFromColumnCount","columnCount","valueFunction","Object","keys","reduce","acc","key","value"],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":["import { Column } from '@codecademy/gamut';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport { ComponentProps } from 'react';\n\nexport type ColumnCountKeys = Extract<\n  ComponentProps<typeof Column>['size'],\n  number\n>;\nexport type ColumnCount = MediaQueryMap<ColumnCountKeys>;\n\nexport const getCSSFromColumnCount = (\n  columnCount: ColumnCount,\n  valueFunction: (value: number) => string\n) =>\n  Object.keys(columnCount).reduce<MediaQueryMap<string>>(\n    (acc, key: keyof ColumnCount) => {\n      const value = columnCount[key];\n      if (typeof value !== 'undefined') {\n        acc[key] = valueFunction(value);\n      }\n      return acc;\n    },\n    {}\n  );\n"],"mappings":";;AAUA,MAAaA,yBACXC,aACAC,kBAEAC,OAAOC,KAAKH,YAAAA,CAAaI,QACtBC,KAAKC,QAAAA;CACJ,MAAMC,QAAQP,YAAYM;AAC1B,KAAI,OAAOC,UAAU,YACnBF,KAAIC,OAAOL,cAAcM,MAAAA;AAE3B,QAAOF;GAET,EAAC,CAAA"}

package/dist/Grid/getCSSFromColumnCount.d.cts

@@ -1,11 +0,0 @@
-import { Column } from "@codecademy/gamut";
-import { ComponentProps } from "react";
-import { MediaQueryMap } from "@codecademy/variance";
-
-//#region src/Grid/getCSSFromColumnCount.d.ts
-type ColumnCountKeys = Extract<ComponentProps<typeof Column>['size'], number>;
-type ColumnCount = MediaQueryMap<ColumnCountKeys>;
-declare const getCSSFromColumnCount: (columnCount: ColumnCount, valueFunction: (value: number) => string) => MediaQueryMap<string>;
-//#endregion
-export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };
-//# sourceMappingURL=getCSSFromColumnCount.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getCSSFromColumnCount.d.cts","names":[],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,eAAA,GAAkB,QAC5B,sBAAsB;KAGZ,WAAA,GAAc,cAAc;AAJ5B,cAMC,qBANc,EAAA,CAAA,WAAA,EAOZ,WAPY,EAAA,aAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA,EAAA,GAQe,aARf,CAAA,MAAA,CAAA"}

package/dist/Grid/getCSSFromColumnCount.d.mts

@@ -1,11 +0,0 @@
-import { Column } from "@codecademy/gamut";
-import { ComponentProps } from "react";
-import { MediaQueryMap } from "@codecademy/variance";
-
-//#region src/Grid/getCSSFromColumnCount.d.ts
-type ColumnCountKeys = Extract<ComponentProps<typeof Column>['size'], number>;
-type ColumnCount = MediaQueryMap<ColumnCountKeys>;
-declare const getCSSFromColumnCount: (columnCount: ColumnCount, valueFunction: (value: number) => string) => MediaQueryMap<string>;
-//#endregion
-export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };
-//# sourceMappingURL=getCSSFromColumnCount.d.mts.map