@amboss/design-system 1.15.2 → 1.15.3

package/build/esm/src/components/DataTable/useDataTableSort.js

@@ -0,0 +1,41 @@
+import { useState } from 'react';
+
+const defaultSortCompareFn = (a, b, columnName, desiredSortDirection) => {
+  if (a[columnName] < b[columnName]) {
+    return desiredSortDirection === "asc" ? -1 : 1;
+  }
+  if (a[columnName] > b[columnName]) {
+    return desiredSortDirection === "asc" ? 1 : -1;
+  }
+  return 0;
+};
+function useDataTableSort(initialColumns, initialRows, initialSortedByColumn) {
+  let sortCompareFn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultSortCompareFn;
+  const [columns, setColumns] = useState(initialColumns);
+  const [currentlySortedByColumn, setCurrentlySortedByColumn] = useState(initialSortedByColumn);
+  const [rows, setRows] = useState(initialRows);
+  const handleSort = (columnName, desiredSortDirection) => {
+    const newColumns = [...columns];
+    const newRows = [...rows];
+    const column = newColumns.find(item => item.name === columnName);
+    if (column) {
+      column.sortDirection = desiredSortDirection;
+    }
+    newRows.sort((a, b) => sortCompareFn(a, b, columnName, desiredSortDirection));
+    setRows(newRows);
+    setColumns(newColumns);
+    setCurrentlySortedByColumn(columnName);
+  };
+  return {
+    columns,
+    rows,
+    currentlySortedByColumn,
+    handleSort,
+    setColumns,
+    setRows,
+    setCurrentlySortedByColumn
+  };
+}
+
+export { useDataTableSort };
+//# sourceMappingURL=useDataTableSort.js.map

package/build/esm/src/components/DataTable/useDataTableSort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableSort.js","sources":["../../../../../src/components/DataTable/useDataTableSort.ts"],"sourcesContent":["import { useState, Dispatch, SetStateAction } from \"react\";\n\nimport type { DataTableColumn, DataTableRow } from \"./types\";\nimport type { DataTableProps } from \"./DataTable\";\n\ntype SortCompareFn = (\n  a: DataTableRow,\n  b: DataTableRow,\n  columnName: DataTableColumn[\"name\"],\n  desiredSortDirection: DataTableColumn[\"sortDirection\"]\n) => number;\n\nconst defaultSortCompareFn = (\n  a: DataTableRow,\n  b: DataTableRow,\n  columnName: DataTableColumn[\"name\"],\n  desiredSortDirection: DataTableColumn[\"sortDirection\"]\n) => {\n  if (a[columnName] < b[columnName]) {\n    return desiredSortDirection === \"asc\" ? -1 : 1;\n  }\n  if (a[columnName] > b[columnName]) {\n    return desiredSortDirection === \"asc\" ? 1 : -1;\n  }\n\n  return 0;\n};\n\nexport function useDataTableSort(\n  initialColumns: DataTableColumn[],\n  initialRows: DataTableRow[],\n  initialSortedByColumn?: DataTableColumn[\"name\"],\n  sortCompareFn: SortCompareFn = defaultSortCompareFn\n): {\n  columns: DataTableColumn[];\n  rows: DataTableRow[];\n  currentlySortedByColumn: DataTableColumn[\"name\"];\n  handleSort: DataTableProps[\"onSort\"];\n  setColumns: Dispatch<SetStateAction<DataTableColumn[]>>;\n  setRows: Dispatch<SetStateAction<DataTableRow[]>>;\n  setCurrentlySortedByColumn: Dispatch<SetStateAction<DataTableColumn[\"name\"]>>;\n} {\n  const [columns, setColumns] = useState(initialColumns);\n  const [currentlySortedByColumn, setCurrentlySortedByColumn] = useState(\n    initialSortedByColumn\n  );\n  const [rows, setRows] = useState(initialRows);\n\n  const handleSort: DataTableProps[\"onSort\"] = (\n    columnName,\n    desiredSortDirection\n  ) => {\n    const newColumns = [...columns];\n    const newRows = [...rows];\n    const column = newColumns.find((item) => item.name === columnName);\n\n    if (column) {\n      column.sortDirection = desiredSortDirection;\n    }\n\n    newRows.sort((a, b) =>\n      sortCompareFn(a, b, columnName, desiredSortDirection)\n    );\n\n    setRows(newRows);\n    setColumns(newColumns);\n    setCurrentlySortedByColumn(columnName);\n  };\n\n  return {\n    columns,\n    rows,\n    currentlySortedByColumn,\n    handleSort,\n    setColumns,\n    setRows,\n    setCurrentlySortedByColumn,\n  };\n}\n"],"names":["defaultSortCompareFn","a","b","columnName","desiredSortDirection","useDataTableSort","initialColumns","initialRows","initialSortedByColumn","sortCompareFn","arguments","length","undefined","columns","setColumns","useState","currentlySortedByColumn","setCurrentlySortedByColumn","rows","setRows","handleSort","newColumns","newRows","column","find","item","name","sortDirection","sort"],"mappings":";;AAYA,MAAMA,oBAAoB,GAAGA,CAC3BC,CAAe,EACfC,CAAe,EACfC,UAAmC,EACnCC,oBAAsD,KACnD;EACH,IAAIH,CAAC,CAACE,UAAU,CAAC,GAAGD,CAAC,CAACC,UAAU,CAAC,EAAE;AACjC,IAAA,OAAOC,oBAAoB,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;AAChD,GAAA;EACA,IAAIH,CAAC,CAACE,UAAU,CAAC,GAAGD,CAAC,CAACC,UAAU,CAAC,EAAE;AACjC,IAAA,OAAOC,oBAAoB,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAChD,GAAA;AAEA,EAAA,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAEM,SAASC,gBAAgBA,CAC9BC,cAAiC,EACjCC,WAA2B,EAC3BC,qBAA+C,EAU/C;AAAA,EAAA,IATAC,aAA4B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAGV,oBAAoB,CAAA;EAUnD,MAAM,CAACa,OAAO,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAACT,cAAc,CAAC,CAAA;EACtD,MAAM,CAACU,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGF,QAAQ,CACpEP,qBACF,CAAC,CAAA;EACD,MAAM,CAACU,IAAI,EAAEC,OAAO,CAAC,GAAGJ,QAAQ,CAACR,WAAW,CAAC,CAAA;AAE7C,EAAA,MAAMa,UAAoC,GAAGA,CAC3CjB,UAAU,EACVC,oBAAoB,KACjB;AACH,IAAA,MAAMiB,UAAU,GAAG,CAAC,GAAGR,OAAO,CAAC,CAAA;AAC/B,IAAA,MAAMS,OAAO,GAAG,CAAC,GAAGJ,IAAI,CAAC,CAAA;AACzB,IAAA,MAAMK,MAAM,GAAGF,UAAU,CAACG,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAKvB,UAAU,CAAC,CAAA;AAElE,IAAA,IAAIoB,MAAM,EAAE;MACVA,MAAM,CAACI,aAAa,GAAGvB,oBAAoB,CAAA;AAC7C,KAAA;AAEAkB,IAAAA,OAAO,CAACM,IAAI,CAAC,CAAC3B,CAAC,EAAEC,CAAC,KAChBO,aAAa,CAACR,CAAC,EAAEC,CAAC,EAAEC,UAAU,EAAEC,oBAAoB,CACtD,CAAC,CAAA;IAEDe,OAAO,CAACG,OAAO,CAAC,CAAA;IAChBR,UAAU,CAACO,UAAU,CAAC,CAAA;IACtBJ,0BAA0B,CAACd,UAAU,CAAC,CAAA;GACvC,CAAA;EAED,OAAO;IACLU,OAAO;IACPK,IAAI;IACJF,uBAAuB;IACvBI,UAAU;IACVN,UAAU;IACVK,OAAO;AACPF,IAAAA,0BAAAA;GACD,CAAA;AACH;;;;"}

package/build/esm/src/components/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare type DividerProps = {
+    "data-e2e-test-id"?: string;
+    text?: string;
+};
+export declare function Divider({ text, "data-e2e-test-id": dataE2eTestId, }: DividerProps): React.ReactElement;

package/build/esm/src/components/Divider/Divider.js

@@ -0,0 +1,62 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Text } from '../Typography/Text/Text.js';
+import { Box } from '../Box/Box.js';
+
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1m4qkst2"
+} : {
+  target: "e1m4qkst2",
+  label: "StyledContainer"
+})(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiJEaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dD86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxEaXZpZGVyUHJvcHM+PigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuZGl2aWRlci5wcmltYXJ5LFxuICBib3JkZXJCb3R0b21XaWR0aDogXCIxcHhcIixcbiAgYm9yZGVyQm90dG9tU3R5bGU6IFwic29saWRcIixcbiAgZmxleDogXCIxXCIsXG59KSk7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG1heFdpZHRoOiBcIjUwJVwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gRGl2aWRlcih7XG4gIHRleHQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRGl2aWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKHRleHQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgPFN0eWxlZERpdmlkZXIgLz5cbiAgICAgICAge3RleHQgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInh4bFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXJ0aWFyeVwiPnt0ZXh0fTwvVGV4dD5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkQ29udGVudD5cbiAgICAgICAgKX1cbiAgICAgICAgPFN0eWxlZERpdmlkZXIgLz5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRGl2aWRlciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiRGl2aWRlclwiIC8+XG4gICk7XG59XG4iXX0= */");
+const StyledDivider = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1m4qkst1"
+} : {
+  target: "e1m4qkst1",
+  label: "StyledDivider"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    borderBottomColor: theme.values.color.divider.primary,
+    borderBottomWidth: "1px",
+    borderBottomStyle: "solid",
+    flex: "1"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCc0IiLCJmaWxlIjoiRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5cbmV4cG9ydCB0eXBlIERpdmlkZXJQcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8RGl2aWRlclByb3BzPj4oKCkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeSxcbiAgYm9yZGVyQm90dG9tV2lkdGg6IFwiMXB4XCIsXG4gIGJvcmRlckJvdHRvbVN0eWxlOiBcInNvbGlkXCIsXG4gIGZsZXg6IFwiMVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBtYXhXaWR0aDogXCI1MCVcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERpdmlkZXIoe1xuICB0ZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IERpdmlkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0ZXh0KSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWREaXZpZGVyIC8+XG4gICAgICAgIHt0ZXh0ICYmIChcbiAgICAgICAgICA8U3R5bGVkQ29udGVudD5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ4eGxcIiB2U3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGVydGlhcnlcIj57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWREaXZpZGVyIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZERpdmlkZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIkRpdmlkZXJcIiAvPlxuICApO1xufVxuIl19 */");
+const StyledContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1m4qkst0"
+} : {
+  target: "e1m4qkst0",
+  label: "StyledContent"
+})(() => ({
+  maxWidth: "50%"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCc0IiLCJmaWxlIjoiRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5cbmV4cG9ydCB0eXBlIERpdmlkZXJQcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8RGl2aWRlclByb3BzPj4oKCkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmRpdmlkZXIucHJpbWFyeSxcbiAgYm9yZGVyQm90dG9tV2lkdGg6IFwiMXB4XCIsXG4gIGJvcmRlckJvdHRvbVN0eWxlOiBcInNvbGlkXCIsXG4gIGZsZXg6IFwiMVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBtYXhXaWR0aDogXCI1MCVcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERpdmlkZXIoe1xuICB0ZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IERpdmlkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGlmICh0ZXh0KSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICAgIDxTdHlsZWREaXZpZGVyIC8+XG4gICAgICAgIHt0ZXh0ICYmIChcbiAgICAgICAgICA8U3R5bGVkQ29udGVudD5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJ4eGxcIiB2U3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGVydGlhcnlcIj57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWREaXZpZGVyIC8+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZERpdmlkZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIkRpdmlkZXJcIiAvPlxuICApO1xufVxuIl19 */");
+function Divider(_ref2) {
+  let {
+    text,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  if (text) {
+    return /*#__PURE__*/React.createElement(StyledContainer, {
+      "data-e2e-test-id": dataE2eTestId
+    }, /*#__PURE__*/React.createElement(StyledDivider, null), text && /*#__PURE__*/React.createElement(StyledContent, null, /*#__PURE__*/React.createElement(Box, {
+      space: "xxl",
+      vSpace: "zero"
+    }, /*#__PURE__*/React.createElement(Text, {
+      color: "tertiary"
+    }, text))), /*#__PURE__*/React.createElement(StyledDivider, null));
+  }
+  return /*#__PURE__*/React.createElement(StyledDivider, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Divider"
+  });
+}
+
+export { Divider };
+//# sourceMappingURL=Divider.js.map

package/build/esm/src/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Box } from \"../Box/Box\";\n\nexport type DividerProps = {\n  \"data-e2e-test-id\"?: string;\n  text?: string;\n};\n\nconst StyledContainer = styled.div<Partial<DividerProps>>(() => ({\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n}));\n\nconst StyledDivider = styled.div(({ theme }) => ({\n  borderBottomColor: theme.values.color.divider.primary,\n  borderBottomWidth: \"1px\",\n  borderBottomStyle: \"solid\",\n  flex: \"1\",\n}));\n\nconst StyledContent = styled.div(() => ({\n  maxWidth: \"50%\",\n}));\n\nexport function Divider({\n  text,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: DividerProps): React.ReactElement {\n  if (text) {\n    return (\n      <StyledContainer data-e2e-test-id={dataE2eTestId}>\n        <StyledDivider />\n        {text && (\n          <StyledContent>\n            <Box space=\"xxl\" vSpace=\"zero\">\n              <Text color=\"tertiary\">{text}</Text>\n            </Box>\n          </StyledContent>\n        )}\n        <StyledDivider />\n      </StyledContainer>\n    );\n  }\n  return (\n    <StyledDivider data-e2e-test-id={dataE2eTestId} data-ds-id=\"Divider\" />\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","justifyContent","alignItems","StyledDivider","_ref","theme","borderBottomColor","values","color","divider","primary","borderBottomWidth","borderBottomStyle","flex","StyledContent","maxWidth","Divider","_ref2","text","dataE2eTestId","React","createElement","Box","space","vSpace","Text"],"mappings":";;;;;AAUA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAkC,OAAO;AAC/DC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,UAAU,EAAE,QAAA;AACd,CAAC,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y4DAAA,CAAA,CAAA;AAEH,MAAMM,aAAa,gBAAGT,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,eAAA;AAAA,CAAA,CAAA,CAAWK,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IAC/CE,iBAAiB,EAAED,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,OAAO,CAACC,OAAO;AACrDC,IAAAA,iBAAiB,EAAE,KAAK;AACxBC,IAAAA,iBAAiB,EAAE,OAAO;AAC1BC,IAAAA,IAAI,EAAE,GAAA;GACP,CAAA;AAAA,CAAC,EAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y4DAAA,CAAA,CAAA;AAEH,MAAMiB,aAAa,gBAAGpB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,eAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACtCgB,EAAAA,QAAQ,EAAE,KAAA;AACZ,CAAC,CAAC,EAAApB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y4DAAA,CAAA,CAAA;AAEI,SAASmB,OAAOA,CAAAC,KAAA,EAGc;EAAA,IAHb;IACtBC,IAAI;AACJ,IAAA,kBAAkB,EAAEC,aAAAA;AACR,GAAC,GAAAF,KAAA,CAAA;AACb,EAAA,IAAIC,IAAI,EAAE;AACR,IAAA,oBACEE,KAAA,CAAAC,aAAA,CAAC5B,eAAe,EAAA;MAAC,kBAAkB0B,EAAAA,aAAAA;KACjCC,eAAAA,KAAA,CAAAC,aAAA,CAAClB,aAAa,EAAE,IAAA,CAAC,EAChBe,IAAI,iBACHE,KAAA,CAAAC,aAAA,CAACP,aAAa,EAAA,IAAA,eACZM,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,MAAAA,KAAK,EAAC,KAAK;AAACC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAAA,eAC5BJ,KAAA,CAAAC,aAAA,CAACI,IAAI,EAAA;AAACjB,MAAAA,KAAK,EAAC,UAAA;AAAU,KAAA,EAAEU,IAAW,CAChC,CACQ,CAChB,eACDE,KAAA,CAAAC,aAAA,CAAClB,aAAa,EAAE,IAAA,CACD,CAAC,CAAA;AAEtB,GAAA;AACA,EAAA,oBACEiB,KAAA,CAAAC,aAAA,CAAClB,aAAa,EAAA;AAAC,IAAA,kBAAA,EAAkBgB,aAAc;IAAC,YAAW,EAAA,SAAA;AAAS,GAAE,CAAC,CAAA;AAE3E;;;;"}

package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { VerticalPosition, HorizontalPosition } from "../../shared/useAutoPosition";
+import { MenuItemProps } from "./MenuItem";
+import { IconName } from "../Icon/Icon";
+import { ButtonSize } from "../../types";
+declare type Separator = "separator";
+export declare type DropdownItem = MenuItemProps | Separator;
+export declare type DropdownPrivateProps = {
+    dropdownSquareCorners?: boolean | ("TopLeft" | "TopRight" | "BottomLeft" | "BottomRight")[];
+};
+export declare type DropdownMenuProps = {
+    /** an array of menu items, contains "label" and "onSelect" */
+    menuItems: DropdownItem[];
+    /** the text variant of menu items */
+    menuItemTextVariant?: "uppercase" | "capitalize" | "lowercase" | "none";
+    label?: string;
+    iconName?: IconName;
+    size?: ButtonSize;
+    disabled?: boolean;
+    /** Dropdown menu open state callback */
+    onMenuOpen?: (e: React.MouseEvent) => void;
+    /** Dropdown menu close state callback */
+    onMenuClose?: (e: React.MouseEvent) => void;
+    privateProps?: DropdownPrivateProps;
+    "data-e2e-test-id"?: string;
+};
+export declare type MenuPositionProps = {
+    verticalPosition: VerticalPosition;
+    horizontalPosition: HorizontalPosition;
+};
+export declare function DropdownMenu({ menuItems, menuItemTextVariant, label, iconName, size, disabled, onMenuOpen, onMenuClose, privateProps: { dropdownSquareCorners }, "data-e2e-test-id": dataE2eTestId, }: DropdownMenuProps): React.ReactElement;
+export declare namespace DropdownMenu {
+    var defaultProps: Partial<DropdownMenuProps>;
+}
+export {};

package/build/esm/src/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,221 @@
+import _styled from '@emotion/styled/base';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { useOutsideClick } from '../../shared/useOutsideClick.js';
+import { useAutoPosition } from '../../shared/useAutoPosition.js';
+import { useKeyboard } from '../../shared/useKeyboard.js';
+import { MenuItem } from './MenuItem.js';
+import { Button } from '../Button/Button.js';
+import { Divider } from '../Divider/Divider.js';
+
+const isSeperator = item => item === "separator";
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x3"
+} : {
+  target: "eexbp0x3",
+  label: "StyledContainer"
+})(() => ({
+  position: "relative",
+  display: "inline-block"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0R3QiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledMenu = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x2"
+} : {
+  target: "eexbp0x2",
+  label: "StyledMenu"
+})(_ref => {
+  let {
+    theme,
+    verticalPosition,
+    horizontalPosition
+  } = _ref;
+  return {
+    position: "absolute",
+    display: "inline-block",
+    width: "fit-content",
+    minWidth: theme.variables.size.dimension.dropdownMenu.width,
+    right: 0,
+    zIndex: 1,
+    borderRadius: theme.variables.size.borderRadius.dropdown.m,
+    boxShadow: theme.variables.shadow.card.c,
+    backgroundColor: theme.values.color.background.primary.default,
+    overflow: "hidden",
+    paddingTop: theme.variables.size.spacing.xs,
+    paddingBottom: theme.variables.size.spacing.xs,
+    ...(verticalPosition === "up" ? {
+      bottom: "100%",
+      marginBottom: theme.variables.size.spacing.xs
+    } : {
+      top: "100%",
+      marginTop: theme.variables.size.spacing.xs
+    }),
+    ...(horizontalPosition === "right" ? {
+      right: "100%",
+      transform: "translateX(100%)"
+    } : {
+      left: "100%",
+      transform: "translateX(-100%)"
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRtQiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledUl = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x1"
+} : {
+  target: "eexbp0x1",
+  label: "StyledUl"
+})(() => ({
+  margin: 0,
+  padding: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZpQiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+const StyledLi = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+  target: "eexbp0x0"
+} : {
+  target: "eexbp0x0",
+  label: "StyledLi"
+})(() => ({
+  margin: 0,
+  padding: 0,
+  width: "100%",
+  listStyleType: "none",
+  whiteSpace: "nowrap"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZpQiIsImZpbGUiOiJEcm9wZG93bk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHtcbiAgdXNlQXV0b1Bvc2l0aW9uLFxuICBWZXJ0aWNhbFBvc2l0aW9uLFxuICBIb3Jpem9udGFsUG9zaXRpb24sXG59IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQXV0b1Bvc2l0aW9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcblxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lbnVJdGVtUHJvcHMgfSBmcm9tIFwiLi9NZW51SXRlbVwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxudHlwZSBTZXBhcmF0b3IgPSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkl0ZW0gPSBNZW51SXRlbVByb3BzIHwgU2VwYXJhdG9yO1xuY29uc3QgaXNTZXBlcmF0b3IgPSAoaXRlbTogRHJvcGRvd25JdGVtKSA9PiBpdGVtID09PSBcInNlcGFyYXRvclwiO1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByaXZhdGVQcm9wcyA9IHtcbiAgZHJvcGRvd25TcXVhcmVDb3JuZXJzPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8IChcIlRvcExlZnRcIiB8IFwiVG9wUmlnaHRcIiB8IFwiQm90dG9tTGVmdFwiIHwgXCJCb3R0b21SaWdodFwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25NZW51UHJvcHMgPSB7XG4gIC8qKiBhbiBhcnJheSBvZiBtZW51IGl0ZW1zLCBjb250YWlucyBcImxhYmVsXCIgYW5kIFwib25TZWxlY3RcIiAqL1xuICBtZW51SXRlbXM6IERyb3Bkb3duSXRlbVtdO1xuICAvKiogdGhlIHRleHQgdmFyaWFudCBvZiBtZW51IGl0ZW1zICovXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ/OiBcInVwcGVyY2FzZVwiIHwgXCJjYXBpdGFsaXplXCIgfCBcImxvd2VyY2FzZVwiIHwgXCJub25lXCI7XG4gIC8qIExhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiBJY29uIG5hbWUgKi9cbiAgaWNvbk5hbWU/OiBJY29uTmFtZTtcbiAgLyogU2l6ZSBvZiBhIHRyaWdnZXIgYnV0dG9uICovXG4gIHNpemU/OiBCdXR0b25TaXplO1xuICAvKiBEcm9wZG93biBidXR0b24gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRHJvcGRvd24gbWVudSBvcGVuIHN0YXRlIGNhbGxiYWNrICovXG4gIG9uTWVudU9wZW4/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgLyoqIERyb3Bkb3duIG1lbnUgY2xvc2Ugc3RhdGUgY2FsbGJhY2sgKi9cbiAgb25NZW51Q2xvc2U/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgcHJpdmF0ZVByb3BzPzogRHJvcGRvd25Qcml2YXRlUHJvcHM7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudVBvc2l0aW9uUHJvcHMgPSB7XG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb247XG4gIGhvcml6b250YWxQb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uO1xufTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPj4oKCkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTWVudSA9IHN0eWxlZC5kaXY8TWVudVBvc2l0aW9uUHJvcHM+KFxuICAoeyB0aGVtZSwgdmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbFBvc2l0aW9uIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcImZpdC1jb250ZW50XCIsXG4gICAgbWluV2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5kcm9wZG93bk1lbnUud2lkdGgsXG4gICAgcmlnaHQ6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmRyb3Bkb3duLm0sXG4gICAgYm94U2hhZG93OiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgLi4uKHZlcnRpY2FsUG9zaXRpb24gPT09IFwidXBcIlxuICAgICAgPyB7IGJvdHRvbTogXCIxMDAlXCIsIG1hcmdpbkJvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyB9XG4gICAgICA6IHsgdG9wOiBcIjEwMCVcIiwgbWFyZ2luVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzIH0pLFxuICAgIC4uLihob3Jpem9udGFsUG9zaXRpb24gPT09IFwicmlnaHRcIlxuICAgICAgPyB7IHJpZ2h0OiBcIjEwMCVcIiwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9XG4gICAgICA6IHtcbiAgICAgICAgICBsZWZ0OiBcIjEwMCVcIixcbiAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgtMTAwJSlcIixcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRVbCA9IHN0eWxlZC51bCgoKSA9PiAoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpKCgpID0+ICh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBsaXN0U3R5bGVUeXBlOiBcIm5vbmVcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIERyb3Bkb3duTWVudSh7XG4gIG1lbnVJdGVtcyxcbiAgbWVudUl0ZW1UZXh0VmFyaWFudCxcbiAgbGFiZWwsXG4gIGljb25OYW1lLFxuICBzaXplLFxuICBkaXNhYmxlZCxcbiAgb25NZW51T3BlbixcbiAgb25NZW51Q2xvc2UsXG4gIHByaXZhdGVQcm9wczogeyBkcm9wZG93blNxdWFyZUNvcm5lcnMgfSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBEcm9wZG93bk1lbnVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtmb2N1c0luZGV4LCBzZXRGb2N1c0luZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IG1lbnVSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgLy8gLS0tLSBVcGRhdGUgbWVudSBvcGVuIHN0YXRlXG4gIGNvbnN0IG9wZW5NZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAgIG9uTWVudU9wZW4oZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVPcGVuXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlTWVudSA9IHVzZUNhbGxiYWNrKFxuICAgIChlKSA9PiB7XG4gICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgb25NZW51Q2xvc2UoZSk7XG4gICAgfSxcbiAgICBbc2V0SXNPcGVuLCBvbk1lbnVDbG9zZV1cbiAgKTtcblxuICBjb25zdCB0b2dnbGVNZW51ID0gdXNlQ2FsbGJhY2soXG4gICAgKGUpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9wZW5NZW51KGUpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3Blbk1lbnUsIGNsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2soY29udGFpbmVyUmVmLCBjbG9zZU1lbnUsIGlzT3Blbik7XG5cbiAgLy8gLS0tLSBDbG9zZSBtZW51IHdoZW4gdGhlIG1lbnUgaXMgbm90IG9uIGZvY3VzXG4gIGNvbnN0IGJsdXJFdmVudCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB7XG4gICAgICBpZiAoIWUucmVsYXRlZFRhcmdldCB8fCAhbWVudVJlZi5jdXJyZW50LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCkpIHtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2Nsb3NlTWVudV1cbiAgKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gaXRlbSBzZWxlY3RcbiAgY29uc3QgaXRlbXM6IERyb3Bkb3duSXRlbVtdID0gbWVudUl0ZW1zLm1hcCgoaXRlbSkgPT4ge1xuICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSkgcmV0dXJuIGl0ZW07XG5cbiAgICBjb25zdCBtZW51SXRlbSA9IGl0ZW0gYXMgTWVudUl0ZW1Qcm9wcztcblxuICAgIHJldHVybiB7XG4gICAgICAuLi5tZW51SXRlbSxcbiAgICAgIG9uU2VsZWN0OiAoZSkgPT4ge1xuICAgICAgICBtZW51SXRlbS5vblNlbGVjdChlKTtcbiAgICAgICAgY2xvc2VNZW51KGUpO1xuICAgICAgfSxcbiAgICB9O1xuICB9KTtcblxuICAvLyAtLS0tIE1lbnUgcG9zaXRpb25cbiAgY29uc3QgW3ZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWxQb3NpdGlvbl0gPSB1c2VBdXRvUG9zaXRpb24oXG4gICAgYnV0dG9uUmVmLFxuICAgIG1lbnVSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgLy8gLS0tLSBLZXlib2FyZCBzaG9ydGN1dHNcbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgXCJBcnJvd1VwIEFycm93RG93blwiOiBvcGVuTWVudSxcbiAgICB9LFxuICAgIGJ1dHRvblJlZixcbiAgICAhaXNPcGVuXG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgRXNjYXBlOiBjbG9zZU1lbnUsXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIHNldEZvY3VzSW5kZXgoZm9jdXNJbmRleCAtIDEpO1xuICAgICAgfSxcbiAgICAgIEFycm93RG93bjogKCkgPT4ge1xuICAgICAgICBzZXRGb2N1c0luZGV4KGZvY3VzSW5kZXggKyAxKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICBjb250YWluZXJSZWYsXG4gICAgaXNPcGVuXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAobWVudVJlZiAmJiBtZW51UmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSBtZW51UmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcImJ1dHRvblwiKTtcblxuICAgICAgYnV0dG9uc1tNYXRoLmFicyhmb2N1c0luZGV4KSAlIGJ1dHRvbnMubGVuZ3RoXS5mb2N1cygpO1xuICAgIH1cbiAgfSwgW21lbnVSZWYsIGZvY3VzSW5kZXhdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRHJvcGRvd25NZW51XCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIDxkaXYgcmVmPXtidXR0b25SZWZ9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByaWdodEljb249e2ljb25OYW1lfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17dG9nZ2xlTWVudX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpdmF0ZVByb3BzPXt7XG4gICAgICAgICAgICBzcXVhcmVDb3JuZXJzOiBkcm9wZG93blNxdWFyZUNvcm5lcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAge2lzT3BlbiAmJiAoXG4gICAgICAgIDxTdHlsZWRNZW51XG4gICAgICAgICAgdmVydGljYWxQb3NpdGlvbj17dmVydGljYWxQb3NpdGlvbn1cbiAgICAgICAgICBob3Jpem9udGFsUG9zaXRpb249e2hvcml6b250YWxQb3NpdGlvbn1cbiAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVWwgcm9sZT1cIm1lbnVcIj5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpc1NlcGVyYXRvcihpdGVtKSlcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzZXBhcmF0b3JcIlxuICAgICAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5XG4gICAgICAgICAgICAgICAgICAgIGtleT17YG1lbnVpdGVtLXNlcGFyYXRvci0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgY29uc3QgbWVudUl0ZW0gPSBpdGVtIGFzIE1lbnVJdGVtUHJvcHM7XG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTGkgcm9sZT1cIm1lbnVpdGVtXCIga2V5PXtgbWVudWl0ZW0tJHttZW51SXRlbS5sYWJlbH1gfT5cbiAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICBvblNlbGVjdD17bWVudUl0ZW0ub25TZWxlY3R9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17Ymx1ckV2ZW50fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXttZW51SXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICBsYWJlbD17bWVudUl0ZW0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIGVtcGhhc2l6ZWQ9e21lbnVJdGVtLmVtcGhhc2l6ZWR9XG4gICAgICAgICAgICAgICAgICAgIHRleHRWYXJpYW50PXttZW51SXRlbVRleHRWYXJpYW50fVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgPC9TdHlsZWRNZW51PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPERyb3Bkb3duTWVudVByb3BzPiA9IHtcbiAgaWNvbk5hbWU6IFwibW9yZS1ob3Jpem9udGFsXCIsXG4gIG1lbnVJdGVtczogW10sXG4gIG1lbnVJdGVtVGV4dFZhcmlhbnQ6IFwidXBwZXJjYXNlXCIsXG4gIHNpemU6IFwibVwiLFxuICBkaXNhYmxlZDogZmFsc2UsXG4gIG9uTWVudU9wZW46ICgpID0+IHVuZGVmaW5lZCxcbiAgb25NZW51Q2xvc2U6ICgpID0+IHVuZGVmaW5lZCxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgZHJvcGRvd25TcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgfSxcbn07XG5cbkRyb3Bkb3duTWVudS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
+function DropdownMenu(_ref2) {
+  let {
+    menuItems,
+    menuItemTextVariant,
+    label,
+    iconName,
+    size,
+    disabled,
+    onMenuOpen,
+    onMenuClose,
+    privateProps: {
+      dropdownSquareCorners
+    },
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const [isOpen, setIsOpen] = useState(false);
+  const [focusIndex, setFocusIndex] = useState(-1);
+  const containerRef = useRef(null);
+  const buttonRef = useRef(null);
+  const menuRef = useRef(null);
+
+  // ---- Update menu open state
+  const openMenu = useCallback(e => {
+    setIsOpen(true);
+    onMenuOpen(e);
+  }, [setIsOpen, onMenuOpen]);
+  const closeMenu = useCallback(e => {
+    setIsOpen(false);
+    onMenuClose(e);
+  }, [setIsOpen, onMenuClose]);
+  const toggleMenu = useCallback(e => {
+    if (!isOpen) {
+      openMenu(e);
+    } else {
+      closeMenu(e);
+    }
+  }, [isOpen, openMenu, closeMenu]);
+
+  // ---- Close menu on outside click
+  useOutsideClick(containerRef, closeMenu, isOpen);
+
+  // ---- Close menu when the menu is not on focus
+  const blurEvent = useCallback(e => {
+    if (!e.relatedTarget || !menuRef.current.contains(e.relatedTarget)) {
+      closeMenu(e);
+    }
+  }, [closeMenu]);
+
+  // ---- Close menu on item select
+  const items = menuItems.map(item => {
+    if (isSeperator(item)) return item;
+    const menuItem = item;
+    return {
+      ...menuItem,
+      onSelect: e => {
+        menuItem.onSelect(e);
+        closeMenu(e);
+      }
+    };
+  });
+
+  // ---- Menu position
+  const [verticalPosition, horizontalPosition] = useAutoPosition(buttonRef, menuRef, isOpen);
+
+  // ---- Keyboard shortcuts
+  useKeyboard({
+    "ArrowUp ArrowDown": openMenu
+  }, buttonRef, !isOpen);
+  useKeyboard({
+    Escape: closeMenu,
+    ArrowUp: () => {
+      setFocusIndex(focusIndex - 1);
+    },
+    ArrowDown: () => {
+      setFocusIndex(focusIndex + 1);
+    }
+  }, containerRef, isOpen);
+  useEffect(() => {
+    if (menuRef && menuRef.current) {
+      const buttons = menuRef.current.querySelectorAll("button");
+      buttons[Math.abs(focusIndex) % buttons.length].focus();
+    }
+  }, [menuRef, focusIndex]);
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "DropdownMenu",
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: buttonRef
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: size,
+    rightIcon: iconName,
+    variant: "tertiary",
+    onClick: toggleMenu,
+    disabled: disabled,
+    privateProps: {
+      squareCorners: dropdownSquareCorners
+    }
+  }, label)), isOpen && /*#__PURE__*/React.createElement(StyledMenu, {
+    verticalPosition: verticalPosition,
+    horizontalPosition: horizontalPosition,
+    ref: menuRef
+  }, /*#__PURE__*/React.createElement(StyledUl, {
+    role: "menu"
+  }, items.map((item, index) => {
+    if (isSeperator(item)) return /*#__PURE__*/React.createElement(StyledLi, {
+      role: "separator"
+      // eslint-disable-next-line react/no-array-index-key
+      ,
+      key: `menuitem-separator-${index}`
+    }, /*#__PURE__*/React.createElement(Divider, null));
+    const menuItem = item;
+    return /*#__PURE__*/React.createElement(StyledLi, {
+      role: "menuitem",
+      key: `menuitem-${menuItem.label}`
+    }, /*#__PURE__*/React.createElement(MenuItem, {
+      onSelect: menuItem.onSelect,
+      onBlur: blurEvent,
+      icon: menuItem.icon,
+      label: menuItem.label,
+      emphasized: menuItem.emphasized,
+      textVariant: menuItemTextVariant
+    }));
+  }))));
+}
+const defaultProps = {
+  iconName: "more-horizontal",
+  menuItems: [],
+  menuItemTextVariant: "uppercase",
+  size: "m",
+  disabled: false,
+  onMenuOpen: () => undefined,
+  onMenuClose: () => undefined,
+  privateProps: {
+    dropdownSquareCorners: false
+  }
+};
+DropdownMenu.defaultProps = defaultProps;
+
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { useOutsideClick } from \"../../shared/useOutsideClick\";\nimport {\n  useAutoPosition,\n  VerticalPosition,\n  HorizontalPosition,\n} from \"../../shared/useAutoPosition\";\nimport { useKeyboard } from \"../../shared/useKeyboard\";\n\nimport { MenuItem, MenuItemProps } from \"./MenuItem\";\nimport { Button } from \"../Button/Button\";\nimport { IconName } from \"../Icon/Icon\";\nimport { Divider } from \"../Divider/Divider\";\nimport { ButtonSize } from \"../../types\";\n\ntype Separator = \"separator\";\n\nexport type DropdownItem = MenuItemProps | Separator;\nconst isSeperator = (item: DropdownItem) => item === \"separator\";\n\nexport type DropdownPrivateProps = {\n  dropdownSquareCorners?:\n    | boolean\n    | (\"TopLeft\" | \"TopRight\" | \"BottomLeft\" | \"BottomRight\")[];\n};\n\nexport type DropdownMenuProps = {\n  /** an array of menu items, contains \"label\" and \"onSelect\" */\n  menuItems: DropdownItem[];\n  /** the text variant of menu items */\n  menuItemTextVariant?: \"uppercase\" | \"capitalize\" | \"lowercase\" | \"none\";\n  /* Label */\n  label?: string;\n  /* Icon name */\n  iconName?: IconName;\n  /* Size of a trigger button */\n  size?: ButtonSize;\n  /* Dropdown button disabled state */\n  disabled?: boolean;\n  /** Dropdown menu open state callback */\n  onMenuOpen?: (e: React.MouseEvent) => void;\n  /** Dropdown menu close state callback */\n  onMenuClose?: (e: React.MouseEvent) => void;\n  privateProps?: DropdownPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport type MenuPositionProps = {\n  verticalPosition: VerticalPosition;\n  horizontalPosition: HorizontalPosition;\n};\n\nconst StyledContainer = styled.div<Partial<DropdownMenuProps>>(() => ({\n  position: \"relative\",\n  display: \"inline-block\",\n}));\n\nconst StyledMenu = styled.div<MenuPositionProps>(\n  ({ theme, verticalPosition, horizontalPosition }) => ({\n    position: \"absolute\",\n    display: \"inline-block\",\n    width: \"fit-content\",\n    minWidth: theme.variables.size.dimension.dropdownMenu.width,\n    right: 0,\n    zIndex: 1,\n    borderRadius: theme.variables.size.borderRadius.dropdown.m,\n    boxShadow: theme.variables.shadow.card.c,\n    backgroundColor: theme.values.color.background.primary.default,\n    overflow: \"hidden\",\n    paddingTop: theme.variables.size.spacing.xs,\n    paddingBottom: theme.variables.size.spacing.xs,\n    ...(verticalPosition === \"up\"\n      ? { bottom: \"100%\", marginBottom: theme.variables.size.spacing.xs }\n      : { top: \"100%\", marginTop: theme.variables.size.spacing.xs }),\n    ...(horizontalPosition === \"right\"\n      ? { right: \"100%\", transform: \"translateX(100%)\" }\n      : {\n          left: \"100%\",\n          transform: \"translateX(-100%)\",\n        }),\n  })\n);\n\nconst StyledUl = styled.ul(() => ({\n  margin: 0,\n  padding: 0,\n}));\n\nconst StyledLi = styled.li(() => ({\n  margin: 0,\n  padding: 0,\n  width: \"100%\",\n  listStyleType: \"none\",\n  whiteSpace: \"nowrap\",\n}));\n\nexport function DropdownMenu({\n  menuItems,\n  menuItemTextVariant,\n  label,\n  iconName,\n  size,\n  disabled,\n  onMenuOpen,\n  onMenuClose,\n  privateProps: { dropdownSquareCorners },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: DropdownMenuProps): React.ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n  const [focusIndex, setFocusIndex] = useState(-1);\n  const containerRef = useRef(null);\n  const buttonRef = useRef(null);\n  const menuRef = useRef(null);\n\n  // ---- Update menu open state\n  const openMenu = useCallback(\n    (e) => {\n      setIsOpen(true);\n      onMenuOpen(e);\n    },\n    [setIsOpen, onMenuOpen]\n  );\n\n  const closeMenu = useCallback(\n    (e) => {\n      setIsOpen(false);\n      onMenuClose(e);\n    },\n    [setIsOpen, onMenuClose]\n  );\n\n  const toggleMenu = useCallback(\n    (e) => {\n      if (!isOpen) {\n        openMenu(e);\n      } else {\n        closeMenu(e);\n      }\n    },\n    [isOpen, openMenu, closeMenu]\n  );\n\n  // ---- Close menu on outside click\n  useOutsideClick(containerRef, closeMenu, isOpen);\n\n  // ---- Close menu when the menu is not on focus\n  const blurEvent = useCallback(\n    (e: React.FocusEvent) => {\n      if (!e.relatedTarget || !menuRef.current.contains(e.relatedTarget)) {\n        closeMenu(e);\n      }\n    },\n    [closeMenu]\n  );\n\n  // ---- Close menu on item select\n  const items: DropdownItem[] = menuItems.map((item) => {\n    if (isSeperator(item)) return item;\n\n    const menuItem = item as MenuItemProps;\n\n    return {\n      ...menuItem,\n      onSelect: (e) => {\n        menuItem.onSelect(e);\n        closeMenu(e);\n      },\n    };\n  });\n\n  // ---- Menu position\n  const [verticalPosition, horizontalPosition] = useAutoPosition(\n    buttonRef,\n    menuRef,\n    isOpen\n  );\n\n  // ---- Keyboard shortcuts\n  useKeyboard(\n    {\n      \"ArrowUp ArrowDown\": openMenu,\n    },\n    buttonRef,\n    !isOpen\n  );\n\n  useKeyboard(\n    {\n      Escape: closeMenu,\n      ArrowUp: () => {\n        setFocusIndex(focusIndex - 1);\n      },\n      ArrowDown: () => {\n        setFocusIndex(focusIndex + 1);\n      },\n    },\n    containerRef,\n    isOpen\n  );\n\n  useEffect(() => {\n    if (menuRef && menuRef.current) {\n      const buttons = menuRef.current.querySelectorAll(\"button\");\n\n      buttons[Math.abs(focusIndex) % buttons.length].focus();\n    }\n  }, [menuRef, focusIndex]);\n\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"DropdownMenu\"\n      ref={containerRef}\n    >\n      <div ref={buttonRef}>\n        <Button\n          size={size}\n          rightIcon={iconName}\n          variant=\"tertiary\"\n          onClick={toggleMenu}\n          disabled={disabled}\n          privateProps={{\n            squareCorners: dropdownSquareCorners,\n          }}\n        >\n          {label}\n        </Button>\n      </div>\n\n      {isOpen && (\n        <StyledMenu\n          verticalPosition={verticalPosition}\n          horizontalPosition={horizontalPosition}\n          ref={menuRef}\n        >\n          <StyledUl role=\"menu\">\n            {items.map((item, index) => {\n              if (isSeperator(item))\n                return (\n                  <StyledLi\n                    role=\"separator\"\n                    // eslint-disable-next-line react/no-array-index-key\n                    key={`menuitem-separator-${index}`}\n                  >\n                    <Divider />\n                  </StyledLi>\n                );\n\n              const menuItem = item as MenuItemProps;\n\n              return (\n                <StyledLi role=\"menuitem\" key={`menuitem-${menuItem.label}`}>\n                  <MenuItem\n                    onSelect={menuItem.onSelect}\n                    onBlur={blurEvent}\n                    icon={menuItem.icon}\n                    label={menuItem.label}\n                    emphasized={menuItem.emphasized}\n                    textVariant={menuItemTextVariant}\n                  />\n                </StyledLi>\n              );\n            })}\n          </StyledUl>\n        </StyledMenu>\n      )}\n    </StyledContainer>\n  );\n}\n\nconst defaultProps: Partial<DropdownMenuProps> = {\n  iconName: \"more-horizontal\",\n  menuItems: [],\n  menuItemTextVariant: \"uppercase\",\n  size: \"m\",\n  disabled: false,\n  onMenuOpen: () => undefined,\n  onMenuClose: () => undefined,\n  privateProps: {\n    dropdownSquareCorners: false,\n  },\n};\n\nDropdownMenu.defaultProps = defaultProps;\n"],"names":["isSeperator","item","StyledContainer","_styled","process","env","NODE_ENV","target","label","position","display","StyledMenu","_ref","theme","verticalPosition","horizontalPosition","width","minWidth","variables","size","dimension","dropdownMenu","right","zIndex","borderRadius","dropdown","m","boxShadow","shadow","card","c","backgroundColor","values","color","background","primary","default","overflow","paddingTop","spacing","xs","paddingBottom","bottom","marginBottom","top","marginTop","transform","left","StyledUl","margin","padding","StyledLi","listStyleType","whiteSpace","DropdownMenu","_ref2","menuItems","menuItemTextVariant","iconName","disabled","onMenuOpen","onMenuClose","privateProps","dropdownSquareCorners","dataE2eTestId","isOpen","setIsOpen","useState","focusIndex","setFocusIndex","containerRef","useRef","buttonRef","menuRef","openMenu","useCallback","e","closeMenu","toggleMenu","useOutsideClick","blurEvent","relatedTarget","current","contains","items","map","menuItem","onSelect","useAutoPosition","useKeyboard","Escape","ArrowUp","ArrowDown","useEffect","buttons","querySelectorAll","Math","abs","length","focus","React","createElement","ref","Button","rightIcon","variant","onClick","squareCorners","role","index","key","Divider","MenuItem","onBlur","icon","emphasized","textVariant","defaultProps","undefined"],"mappings":"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"}

package/build/esm/src/components/DropdownMenu/MenuItem.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ButtonSize } from "../../types";
+import { IconName } from "../Icon/Icon";
+export declare type MenuItemProps = {
+    children?: React.ReactNode;
+    /** The text for the menu item */
+    label: string;
+    /** The size of the menu item */
+    size?: ButtonSize;
+    /** Menu item disabled state */
+    disabled?: boolean;
+    /** On select menu item callback */
+    onSelect: (e: React.MouseEvent) => void;
+    icon?: IconName;
+    emphasized?: boolean;
+    textVariant?: "uppercase" | "capitalize" | "lowercase" | "none";
+    onBlur?: (e: React.FocusEvent) => void;
+};
+export declare function MenuItem({ label, size, disabled, onSelect, icon, emphasized, textVariant, onBlur, }: MenuItemProps): React.ReactElement;