@ndla/ui 56.0.13-alpha.0 → 56.0.15-alpha.0

package/es/TreeStructure/TreeStructure.js

@@ -1,209 +1,320 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /**
- * Copyright (c) 2022-present, NDLA.
+ * Copyright (c) 2024-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
 
-import { useEffect, useState, useMemo, useRef } from "react";
-import { colors, fonts, misc, utils } from "@ndla/core";
-import AddFolderButton from "./AddFolderButton";
-import ComboboxButton from "./ComboboxButton";
-import FolderItems from "./FolderItems";
-import { flattenFolders, treestructureId } from "./helperFunctions";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { flushSync } from "react-dom";
+import { useTranslation } from "react-i18next";
+import { useTreeView, usePopoverContext } from "@ark-ui/react";
+import { AddLine, HeartFill } from "@ndla/icons/action";
+import { ArrowDownShortLine, ArrowRightShortLine } from "@ndla/icons/common";
+import { FolderUserLine } from "@ndla/icons/contentType";
+import { FolderLine } from "@ndla/icons/editor";
+import { Button, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, Tree, TreeBranch, TreeBranchContent, TreeBranchControl, TreeBranchIndicator, TreeBranchText, TreeBranchTrigger, TreeItem, TreeItemText, TreeLabel, TreeRootProvider } from "@ndla/primitives";
+import { HStack, Stack, styled } from "@ndla/styled-system/jsx";
+import { flattenFolders } from "./helperFunctions";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MAX_LEVEL_FOR_FOLDERS = 5;
-const uniq = array => Array.from(new Set(array));
-const StyledLabel = /*#__PURE__*/_styled("label", {
-  target: "e1dg1gdn4",
-  label: "StyledLabel"
-})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtaXNjLCB1dGlscyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWJhY2tlbmQvbXluZGxhLWFwaVwiO1xuaW1wb3J0IEFkZEZvbGRlckJ1dHRvbiBmcm9tIFwiLi9BZGRGb2xkZXJCdXR0b25cIjtcbmltcG9ydCBDb21ib2JveEJ1dHRvbiBmcm9tIFwiLi9Db21ib2JveEJ1dHRvblwiO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gXCIuL0ZvbGRlckl0ZW1zXCI7XG5pbXBvcnQgeyBmbGF0dGVuRm9sZGVycywgdHJlZXN0cnVjdHVyZUlkIH0gZnJvbSBcIi4vaGVscGVyRnVuY3Rpb25zXCI7XG5pbXBvcnQgeyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMsIE5ld0ZvbGRlcklucHV0RnVuYyB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA1O1xuXG5jb25zdCB1bmlxID0gPFQsPihhcnJheTogVFtdKTogVFtdID0+IEFycmF5LmZyb20obmV3IFNldChhcnJheSkpO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyZWVTdHJ1Y3R1cmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgVHJlZVN0cnVjdHVyZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0cmFuc2l0aW9uOiAke21pc2MudHJhbnNpdGlvbi5kZWZhdWx0fTtcbiAgJltkYXRhLXR5cGU9XCJwaWNrZXJcIl0ge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICB9XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXZgXG4gICZbZGF0YS10eXBlPVwicGlja2VyXCJdIHtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgICAke3V0aWxzLnNjcm9sbGJhcn1cbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBUcmVlU3RydWN0dXJlUHJvcHMgZXh0ZW5kcyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMge1xuICBkZWZhdWx0T3BlbkZvbGRlcnM/OiBzdHJpbmdbXTtcbiAgZm9sZGVyczogSUZvbGRlcltdO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4TGV2ZWw/OiBudW1iZXI7XG4gIG5ld0ZvbGRlcklucHV0PzogTmV3Rm9sZGVySW5wdXRGdW5jO1xuICBvblNlbGVjdEZvbGRlcj86IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkZWZhdWx0T3BlbkZvbGRlcnMsXG4gIGZvbGRlcnMsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhMZXZlbCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25TZWxlY3RGb2xkZXIsXG4gIHRhcmdldFJlc291cmNlLFxuICB0eXBlLFxuICBuZXdGb2xkZXJJbnB1dCxcbiAgYXJpYURlc2NyaWJlZGJ5LFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnM/LltkZWZhdWx0T3BlbkZvbGRlcnMubGVuZ3RoIC0gMV07XG5cbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcblxuICBjb25zdCBbbmV3Rm9sZGVyUGFyZW50SWQsIHNldE5ld0ZvbGRlclBhcmVudElkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXIsIF9zZXRGb2N1c2VkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzZWxlY3RlZEZvbGRlciwgX3NldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzaG93VHJlZSwgc2V0U2hvd1RyZWVdID0gdXNlU3RhdGUodHlwZSA9PT0gXCJuYXZpZ2F0aW9uXCIpO1xuXG4gIGNvbnN0IGZsYXR0ZW5lZEZvbGRlcnMgPSB1c2VNZW1vKCgpID0+IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMsIG9wZW5Gb2xkZXJzKSwgW2ZvbGRlcnMsIG9wZW5Gb2xkZXJzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBpZiAoIWRlZmF1bHRPcGVuRm9sZGVycy5ldmVyeSgoZWxlbWVudCkgPT4gb3BlbkZvbGRlcnMuaW5jbHVkZXMoZWxlbWVudCkpKSB7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKChwcmV2KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHVuaXEoZGVmYXVsdE9wZW5Gb2xkZXJzLmNvbmNhdChwcmV2KSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb25zdCBzZWxlY3RlZCA9IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMpLmZpbmQoKGZvbGRlcikgPT4gZm9sZGVyLmlkID09PSBkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCk7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgX3NldFNlbGVjdGVkRm9sZGVyKHNlbGVjdGVkKTtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIpIHtcbiAgICAgICAgICBfc2V0Rm9jdXNlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZGVmYXVsdFNlbGVjdGVkRm9sZGVySWRdKTtcblxuICBjb25zdCBvblRvZ2dsZVRyZWUgPSAob3BlbjogYm9vbGVhbikgPT4ge1xuICAgIHNldFNob3dUcmVlKG9wZW4pO1xuICAgIGlmICghb3Blbikge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldFNlbGVjdGVkRm9sZGVyKGZvbGRlcik7XG4gICAgb25TZWxlY3RGb2xkZXI/Lihmb2xkZXIuaWQpO1xuICB9O1xuXG4gIGNvbnN0IHNldEZvY3VzZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldEZvY3VzZWRGb2xkZXIoZm9sZGVyKTtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuXG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBvbk9wZW5Gb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KGlkKSkpO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVyKGNsb3NlZEZvbGRlcik7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uTmV3Rm9sZGVyQ3JlYXRlZCA9IChuZXdGb2xkZXI6IElGb2xkZXIgfCB1bmRlZmluZWQsIHBhcmVudElkOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0Rm9jdXNlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQocGFyZW50SWQpKSk7XG4gICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgICByZWYuY3VycmVudD8uZm9jdXMoeyBwcmV2ZW50U2Nyb2xsOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heExldmVsIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyZWVTdHJ1Y3R1cmVcbiAgICAgIG9uQmx1cj17KGUpID0+IHtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIgJiYgIWUuY3VycmVudFRhcmdldC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Um93PlxuICAgICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgICB7dHlwZSA9PT0gXCJwaWNrZXJcIiAmJiAoXG4gICAgICAgICAgPEFkZEZvbGRlckJ1dHRvblxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGNhbkFkZEZvbGRlcj17ISFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVyPXtmb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ9e3NldE5ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgc2V0U2hvd1RyZWU9e3NldFNob3dUcmVlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1Jvdz5cbiAgICAgIDxUcmVlU3RydWN0dXJlV3JhcHBlciBhcmlhLWxhYmVsPXtsYWJlbH0gZGF0YS10eXBlPXt0eXBlfT5cbiAgICAgICAge3R5cGUgPT09IFwicGlja2VyXCIgJiYgKFxuICAgICAgICAgIDxDb21ib2JveEJ1dHRvblxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBzaG93VHJlZT17c2hvd1RyZWV9XG4gICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVyPXtzZXRGb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgb25Ub2dnbGVUcmVlPXtvblRvZ2dsZVRyZWV9XG4gICAgICAgICAgICBmbGF0dGVuZWRGb2xkZXJzPXtmbGF0dGVuZWRGb2xkZXJzfVxuICAgICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgYXJpYURlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkYnl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Nob3dUcmVlICYmIChcbiAgICAgICAgICA8U2Nyb2xsYWJsZURpdiBkYXRhLXR5cGU9e3R5cGV9PlxuICAgICAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgICAgIGxldmVsPXswfVxuICAgICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIG1heExldmVsPXttYXhMZXZlbH1cbiAgICAgICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgICBvcGVuRm9sZGVycz17b3BlbkZvbGRlcnN9XG4gICAgICAgICAgICAgIHNldEZvY3VzZWRGb2xkZXI9e3NldEZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyPXtzZXRTZWxlY3RlZEZvbGRlcn1cbiAgICAgICAgICAgICAgdGFyZ2V0UmVzb3VyY2U9e3RhcmdldFJlc291cmNlfVxuICAgICAgICAgICAgICB2aXNpYmxlRm9sZGVycz17ZmxhdHRlbmVkRm9sZGVyc31cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgY2xvc2VUcmVlPXsoKSA9PiBvblRvZ2dsZVRyZWUoZmFsc2UpfVxuICAgICAgICAgICAgICBuZXdGb2xkZXJJbnB1dD17bmV3Rm9sZGVySW5wdXR9XG4gICAgICAgICAgICAgIG9uQ3JlYXRlPXtvbk5ld0ZvbGRlckNyZWF0ZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRUcmVlU3RydWN0dXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */"));
-const StyledTreeStructure = /*#__PURE__*/_styled("div", {
-  target: "e1dg1gdn3",
-  label: "StyledTreeStructure"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1t91kdm",
-  styles: "flex:1;display:flex;flex-direction:column"
-} : {
-  name: "1t91kdm",
-  styles: "flex:1;display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCc0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtaXNjLCB1dGlscyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWJhY2tlbmQvbXluZGxhLWFwaVwiO1xuaW1wb3J0IEFkZEZvbGRlckJ1dHRvbiBmcm9tIFwiLi9BZGRGb2xkZXJCdXR0b25cIjtcbmltcG9ydCBDb21ib2JveEJ1dHRvbiBmcm9tIFwiLi9Db21ib2JveEJ1dHRvblwiO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gXCIuL0ZvbGRlckl0ZW1zXCI7XG5pbXBvcnQgeyBmbGF0dGVuRm9sZGVycywgdHJlZXN0cnVjdHVyZUlkIH0gZnJvbSBcIi4vaGVscGVyRnVuY3Rpb25zXCI7XG5pbXBvcnQgeyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMsIE5ld0ZvbGRlcklucHV0RnVuYyB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA1O1xuXG5jb25zdCB1bmlxID0gPFQsPihhcnJheTogVFtdKTogVFtdID0+IEFycmF5LmZyb20obmV3IFNldChhcnJheSkpO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyZWVTdHJ1Y3R1cmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgVHJlZVN0cnVjdHVyZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0cmFuc2l0aW9uOiAke21pc2MudHJhbnNpdGlvbi5kZWZhdWx0fTtcbiAgJltkYXRhLXR5cGU9XCJwaWNrZXJcIl0ge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICB9XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXZgXG4gICZbZGF0YS10eXBlPVwicGlja2VyXCJdIHtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgICAke3V0aWxzLnNjcm9sbGJhcn1cbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBUcmVlU3RydWN0dXJlUHJvcHMgZXh0ZW5kcyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMge1xuICBkZWZhdWx0T3BlbkZvbGRlcnM/OiBzdHJpbmdbXTtcbiAgZm9sZGVyczogSUZvbGRlcltdO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4TGV2ZWw/OiBudW1iZXI7XG4gIG5ld0ZvbGRlcklucHV0PzogTmV3Rm9sZGVySW5wdXRGdW5jO1xuICBvblNlbGVjdEZvbGRlcj86IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkZWZhdWx0T3BlbkZvbGRlcnMsXG4gIGZvbGRlcnMsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhMZXZlbCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25TZWxlY3RGb2xkZXIsXG4gIHRhcmdldFJlc291cmNlLFxuICB0eXBlLFxuICBuZXdGb2xkZXJJbnB1dCxcbiAgYXJpYURlc2NyaWJlZGJ5LFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnM/LltkZWZhdWx0T3BlbkZvbGRlcnMubGVuZ3RoIC0gMV07XG5cbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcblxuICBjb25zdCBbbmV3Rm9sZGVyUGFyZW50SWQsIHNldE5ld0ZvbGRlclBhcmVudElkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXIsIF9zZXRGb2N1c2VkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzZWxlY3RlZEZvbGRlciwgX3NldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzaG93VHJlZSwgc2V0U2hvd1RyZWVdID0gdXNlU3RhdGUodHlwZSA9PT0gXCJuYXZpZ2F0aW9uXCIpO1xuXG4gIGNvbnN0IGZsYXR0ZW5lZEZvbGRlcnMgPSB1c2VNZW1vKCgpID0+IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMsIG9wZW5Gb2xkZXJzKSwgW2ZvbGRlcnMsIG9wZW5Gb2xkZXJzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBpZiAoIWRlZmF1bHRPcGVuRm9sZGVycy5ldmVyeSgoZWxlbWVudCkgPT4gb3BlbkZvbGRlcnMuaW5jbHVkZXMoZWxlbWVudCkpKSB7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKChwcmV2KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHVuaXEoZGVmYXVsdE9wZW5Gb2xkZXJzLmNvbmNhdChwcmV2KSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb25zdCBzZWxlY3RlZCA9IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMpLmZpbmQoKGZvbGRlcikgPT4gZm9sZGVyLmlkID09PSBkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCk7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgX3NldFNlbGVjdGVkRm9sZGVyKHNlbGVjdGVkKTtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIpIHtcbiAgICAgICAgICBfc2V0Rm9jdXNlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZGVmYXVsdFNlbGVjdGVkRm9sZGVySWRdKTtcblxuICBjb25zdCBvblRvZ2dsZVRyZWUgPSAob3BlbjogYm9vbGVhbikgPT4ge1xuICAgIHNldFNob3dUcmVlKG9wZW4pO1xuICAgIGlmICghb3Blbikge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldFNlbGVjdGVkRm9sZGVyKGZvbGRlcik7XG4gICAgb25TZWxlY3RGb2xkZXI/Lihmb2xkZXIuaWQpO1xuICB9O1xuXG4gIGNvbnN0IHNldEZvY3VzZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldEZvY3VzZWRGb2xkZXIoZm9sZGVyKTtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuXG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBvbk9wZW5Gb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KGlkKSkpO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVyKGNsb3NlZEZvbGRlcik7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uTmV3Rm9sZGVyQ3JlYXRlZCA9IChuZXdGb2xkZXI6IElGb2xkZXIgfCB1bmRlZmluZWQsIHBhcmVudElkOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0Rm9jdXNlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQocGFyZW50SWQpKSk7XG4gICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgICByZWYuY3VycmVudD8uZm9jdXMoeyBwcmV2ZW50U2Nyb2xsOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heExldmVsIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyZWVTdHJ1Y3R1cmVcbiAgICAgIG9uQmx1cj17KGUpID0+IHtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIgJiYgIWUuY3VycmVudFRhcmdldC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Um93PlxuICAgICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgICB7dHlwZSA9PT0gXCJwaWNrZXJcIiAmJiAoXG4gICAgICAgICAgPEFkZEZvbGRlckJ1dHRvblxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGNhbkFkZEZvbGRlcj17ISFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVyPXtmb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ9e3NldE5ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgc2V0U2hvd1RyZWU9e3NldFNob3dUcmVlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1Jvdz5cbiAgICAgIDxUcmVlU3RydWN0dXJlV3JhcHBlciBhcmlhLWxhYmVsPXtsYWJlbH0gZGF0YS10eXBlPXt0eXBlfT5cbiAgICAgICAge3R5cGUgPT09IFwicGlja2VyXCIgJiYgKFxuICAgICAgICAgIDxDb21ib2JveEJ1dHRvblxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBzaG93VHJlZT17c2hvd1RyZWV9XG4gICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVyPXtzZXRGb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgb25Ub2dnbGVUcmVlPXtvblRvZ2dsZVRyZWV9XG4gICAgICAgICAgICBmbGF0dGVuZWRGb2xkZXJzPXtmbGF0dGVuZWRGb2xkZXJzfVxuICAgICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgYXJpYURlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkYnl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Nob3dUcmVlICYmIChcbiAgICAgICAgICA8U2Nyb2xsYWJsZURpdiBkYXRhLXR5cGU9e3R5cGV9PlxuICAgICAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgICAgIGxldmVsPXswfVxuICAgICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIG1heExldmVsPXttYXhMZXZlbH1cbiAgICAgICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgICBvcGVuRm9sZGVycz17b3BlbkZvbGRlcnN9XG4gICAgICAgICAgICAgIHNldEZvY3VzZWRGb2xkZXI9e3NldEZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyPXtzZXRTZWxlY3RlZEZvbGRlcn1cbiAgICAgICAgICAgICAgdGFyZ2V0UmVzb3VyY2U9e3RhcmdldFJlc291cmNlfVxuICAgICAgICAgICAgICB2aXNpYmxlRm9sZGVycz17ZmxhdHRlbmVkRm9sZGVyc31cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgY2xvc2VUcmVlPXsoKSA9PiBvblRvZ2dsZVRyZWUoZmFsc2UpfVxuICAgICAgICAgICAgICBuZXdGb2xkZXJJbnB1dD17bmV3Rm9sZGVySW5wdXR9XG4gICAgICAgICAgICAgIG9uQ3JlYXRlPXtvbk5ld0ZvbGRlckNyZWF0ZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRUcmVlU3RydWN0dXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const StyledButton = styled(Button, {
+  base: {
+    width: "100%",
+    justifyContent: "space-between",
+    "& span": {
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    }
+  }
+});
+const StyledHStack = styled(HStack, {
+  base: {
+    overflow: "hidden"
+  }
+});
+const StyledHeartFill = styled(HeartFill, {
+  base: {
+    color: "icon.strong"
+  }
+});
+const StyledFolderLine = styled(FolderLine, {
+  base: {
+    color: "icon.strong"
+  }
+});
+const StyledFolderUserLine = styled(FolderUserLine, {
+  base: {
+    color: "icon.strong"
+  }
 });
-const Row = /*#__PURE__*/_styled("div", {
-  target: "e1dg1gdn2",
-  label: "Row"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bcffy2",
-  styles: "display:flex;align-items:center;justify-content:space-between"
-} : {
-  name: "bcffy2",
-  styles: "display:flex;align-items:center;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDc0IiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtaXNjLCB1dGlscyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWJhY2tlbmQvbXluZGxhLWFwaVwiO1xuaW1wb3J0IEFkZEZvbGRlckJ1dHRvbiBmcm9tIFwiLi9BZGRGb2xkZXJCdXR0b25cIjtcbmltcG9ydCBDb21ib2JveEJ1dHRvbiBmcm9tIFwiLi9Db21ib2JveEJ1dHRvblwiO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gXCIuL0ZvbGRlckl0ZW1zXCI7XG5pbXBvcnQgeyBmbGF0dGVuRm9sZGVycywgdHJlZXN0cnVjdHVyZUlkIH0gZnJvbSBcIi4vaGVscGVyRnVuY3Rpb25zXCI7XG5pbXBvcnQgeyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMsIE5ld0ZvbGRlcklucHV0RnVuYyB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA1O1xuXG5jb25zdCB1bmlxID0gPFQsPihhcnJheTogVFtdKTogVFtdID0+IEFycmF5LmZyb20obmV3IFNldChhcnJheSkpO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyZWVTdHJ1Y3R1cmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgVHJlZVN0cnVjdHVyZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0cmFuc2l0aW9uOiAke21pc2MudHJhbnNpdGlvbi5kZWZhdWx0fTtcbiAgJltkYXRhLXR5cGU9XCJwaWNrZXJcIl0ge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICB9XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXZgXG4gICZbZGF0YS10eXBlPVwicGlja2VyXCJdIHtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgICAke3V0aWxzLnNjcm9sbGJhcn1cbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBUcmVlU3RydWN0dXJlUHJvcHMgZXh0ZW5kcyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMge1xuICBkZWZhdWx0T3BlbkZvbGRlcnM/OiBzdHJpbmdbXTtcbiAgZm9sZGVyczogSUZvbGRlcltdO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4TGV2ZWw/OiBudW1iZXI7XG4gIG5ld0ZvbGRlcklucHV0PzogTmV3Rm9sZGVySW5wdXRGdW5jO1xuICBvblNlbGVjdEZvbGRlcj86IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkZWZhdWx0T3BlbkZvbGRlcnMsXG4gIGZvbGRlcnMsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhMZXZlbCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25TZWxlY3RGb2xkZXIsXG4gIHRhcmdldFJlc291cmNlLFxuICB0eXBlLFxuICBuZXdGb2xkZXJJbnB1dCxcbiAgYXJpYURlc2NyaWJlZGJ5LFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnM/LltkZWZhdWx0T3BlbkZvbGRlcnMubGVuZ3RoIC0gMV07XG5cbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcblxuICBjb25zdCBbbmV3Rm9sZGVyUGFyZW50SWQsIHNldE5ld0ZvbGRlclBhcmVudElkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXIsIF9zZXRGb2N1c2VkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzZWxlY3RlZEZvbGRlciwgX3NldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzaG93VHJlZSwgc2V0U2hvd1RyZWVdID0gdXNlU3RhdGUodHlwZSA9PT0gXCJuYXZpZ2F0aW9uXCIpO1xuXG4gIGNvbnN0IGZsYXR0ZW5lZEZvbGRlcnMgPSB1c2VNZW1vKCgpID0+IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMsIG9wZW5Gb2xkZXJzKSwgW2ZvbGRlcnMsIG9wZW5Gb2xkZXJzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBpZiAoIWRlZmF1bHRPcGVuRm9sZGVycy5ldmVyeSgoZWxlbWVudCkgPT4gb3BlbkZvbGRlcnMuaW5jbHVkZXMoZWxlbWVudCkpKSB7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKChwcmV2KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHVuaXEoZGVmYXVsdE9wZW5Gb2xkZXJzLmNvbmNhdChwcmV2KSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb25zdCBzZWxlY3RlZCA9IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMpLmZpbmQoKGZvbGRlcikgPT4gZm9sZGVyLmlkID09PSBkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCk7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgX3NldFNlbGVjdGVkRm9sZGVyKHNlbGVjdGVkKTtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIpIHtcbiAgICAgICAgICBfc2V0Rm9jdXNlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZGVmYXVsdFNlbGVjdGVkRm9sZGVySWRdKTtcblxuICBjb25zdCBvblRvZ2dsZVRyZWUgPSAob3BlbjogYm9vbGVhbikgPT4ge1xuICAgIHNldFNob3dUcmVlKG9wZW4pO1xuICAgIGlmICghb3Blbikge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldFNlbGVjdGVkRm9sZGVyKGZvbGRlcik7XG4gICAgb25TZWxlY3RGb2xkZXI/Lihmb2xkZXIuaWQpO1xuICB9O1xuXG4gIGNvbnN0IHNldEZvY3VzZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldEZvY3VzZWRGb2xkZXIoZm9sZGVyKTtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuXG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBvbk9wZW5Gb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KGlkKSkpO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVyKGNsb3NlZEZvbGRlcik7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uTmV3Rm9sZGVyQ3JlYXRlZCA9IChuZXdGb2xkZXI6IElGb2xkZXIgfCB1bmRlZmluZWQsIHBhcmVudElkOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0Rm9jdXNlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQocGFyZW50SWQpKSk7XG4gICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgICByZWYuY3VycmVudD8uZm9jdXMoeyBwcmV2ZW50U2Nyb2xsOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heExldmVsIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyZWVTdHJ1Y3R1cmVcbiAgICAgIG9uQmx1cj17KGUpID0+IHtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIgJiYgIWUuY3VycmVudFRhcmdldC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Um93PlxuICAgICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgICB7dHlwZSA9PT0gXCJwaWNrZXJcIiAmJiAoXG4gICAgICAgICAgPEFkZEZvbGRlckJ1dHRvblxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGNhbkFkZEZvbGRlcj17ISFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVyPXtmb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ9e3NldE5ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgc2V0U2hvd1RyZWU9e3NldFNob3dUcmVlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1Jvdz5cbiAgICAgIDxUcmVlU3RydWN0dXJlV3JhcHBlciBhcmlhLWxhYmVsPXtsYWJlbH0gZGF0YS10eXBlPXt0eXBlfT5cbiAgICAgICAge3R5cGUgPT09IFwicGlja2VyXCIgJiYgKFxuICAgICAgICAgIDxDb21ib2JveEJ1dHRvblxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBzaG93VHJlZT17c2hvd1RyZWV9XG4gICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVyPXtzZXRGb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgb25Ub2dnbGVUcmVlPXtvblRvZ2dsZVRyZWV9XG4gICAgICAgICAgICBmbGF0dGVuZWRGb2xkZXJzPXtmbGF0dGVuZWRGb2xkZXJzfVxuICAgICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgYXJpYURlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkYnl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Nob3dUcmVlICYmIChcbiAgICAgICAgICA8U2Nyb2xsYWJsZURpdiBkYXRhLXR5cGU9e3R5cGV9PlxuICAgICAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgICAgIGxldmVsPXswfVxuICAgICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIG1heExldmVsPXttYXhMZXZlbH1cbiAgICAgICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgICBvcGVuRm9sZGVycz17b3BlbkZvbGRlcnN9XG4gICAgICAgICAgICAgIHNldEZvY3VzZWRGb2xkZXI9e3NldEZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyPXtzZXRTZWxlY3RlZEZvbGRlcn1cbiAgICAgICAgICAgICAgdGFyZ2V0UmVzb3VyY2U9e3RhcmdldFJlc291cmNlfVxuICAgICAgICAgICAgICB2aXNpYmxlRm9sZGVycz17ZmxhdHRlbmVkRm9sZGVyc31cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgY2xvc2VUcmVlPXsoKSA9PiBvblRvZ2dsZVRyZWUoZmFsc2UpfVxuICAgICAgICAgICAgICBuZXdGb2xkZXJJbnB1dD17bmV3Rm9sZGVySW5wdXR9XG4gICAgICAgICAgICAgIG9uQ3JlYXRlPXtvbk5ld0ZvbGRlckNyZWF0ZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRUcmVlU3RydWN0dXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const StyledTreeRootProvider = styled(TreeRootProvider, {
+  base: {
+    width: "100%",
+    maxHeight: "inherit"
+  }
 });
-const TreeStructureWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1dg1gdn1",
-  label: "TreeStructureWrapper"
-})("display:flex;flex-direction:column;transition:", misc.transition.default, ";&[data-type=\"picker\"]{overflow:hidden;border:1px solid ", colors.brand.neutral7, ";border-radius:", misc.borderRadius, ";scroll-behavior:smooth;}&:focus-within{border-color:", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDdUMiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtaXNjLCB1dGlscyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWJhY2tlbmQvbXluZGxhLWFwaVwiO1xuaW1wb3J0IEFkZEZvbGRlckJ1dHRvbiBmcm9tIFwiLi9BZGRGb2xkZXJCdXR0b25cIjtcbmltcG9ydCBDb21ib2JveEJ1dHRvbiBmcm9tIFwiLi9Db21ib2JveEJ1dHRvblwiO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gXCIuL0ZvbGRlckl0ZW1zXCI7XG5pbXBvcnQgeyBmbGF0dGVuRm9sZGVycywgdHJlZXN0cnVjdHVyZUlkIH0gZnJvbSBcIi4vaGVscGVyRnVuY3Rpb25zXCI7XG5pbXBvcnQgeyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMsIE5ld0ZvbGRlcklucHV0RnVuYyB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA1O1xuXG5jb25zdCB1bmlxID0gPFQsPihhcnJheTogVFtdKTogVFtdID0+IEFycmF5LmZyb20obmV3IFNldChhcnJheSkpO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyZWVTdHJ1Y3R1cmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgVHJlZVN0cnVjdHVyZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0cmFuc2l0aW9uOiAke21pc2MudHJhbnNpdGlvbi5kZWZhdWx0fTtcbiAgJltkYXRhLXR5cGU9XCJwaWNrZXJcIl0ge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICB9XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXZgXG4gICZbZGF0YS10eXBlPVwicGlja2VyXCJdIHtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgICAke3V0aWxzLnNjcm9sbGJhcn1cbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBUcmVlU3RydWN0dXJlUHJvcHMgZXh0ZW5kcyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMge1xuICBkZWZhdWx0T3BlbkZvbGRlcnM/OiBzdHJpbmdbXTtcbiAgZm9sZGVyczogSUZvbGRlcltdO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4TGV2ZWw/OiBudW1iZXI7XG4gIG5ld0ZvbGRlcklucHV0PzogTmV3Rm9sZGVySW5wdXRGdW5jO1xuICBvblNlbGVjdEZvbGRlcj86IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkZWZhdWx0T3BlbkZvbGRlcnMsXG4gIGZvbGRlcnMsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhMZXZlbCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25TZWxlY3RGb2xkZXIsXG4gIHRhcmdldFJlc291cmNlLFxuICB0eXBlLFxuICBuZXdGb2xkZXJJbnB1dCxcbiAgYXJpYURlc2NyaWJlZGJ5LFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnM/LltkZWZhdWx0T3BlbkZvbGRlcnMubGVuZ3RoIC0gMV07XG5cbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcblxuICBjb25zdCBbbmV3Rm9sZGVyUGFyZW50SWQsIHNldE5ld0ZvbGRlclBhcmVudElkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXIsIF9zZXRGb2N1c2VkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzZWxlY3RlZEZvbGRlciwgX3NldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzaG93VHJlZSwgc2V0U2hvd1RyZWVdID0gdXNlU3RhdGUodHlwZSA9PT0gXCJuYXZpZ2F0aW9uXCIpO1xuXG4gIGNvbnN0IGZsYXR0ZW5lZEZvbGRlcnMgPSB1c2VNZW1vKCgpID0+IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMsIG9wZW5Gb2xkZXJzKSwgW2ZvbGRlcnMsIG9wZW5Gb2xkZXJzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBpZiAoIWRlZmF1bHRPcGVuRm9sZGVycy5ldmVyeSgoZWxlbWVudCkgPT4gb3BlbkZvbGRlcnMuaW5jbHVkZXMoZWxlbWVudCkpKSB7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKChwcmV2KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHVuaXEoZGVmYXVsdE9wZW5Gb2xkZXJzLmNvbmNhdChwcmV2KSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb25zdCBzZWxlY3RlZCA9IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMpLmZpbmQoKGZvbGRlcikgPT4gZm9sZGVyLmlkID09PSBkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCk7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgX3NldFNlbGVjdGVkRm9sZGVyKHNlbGVjdGVkKTtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIpIHtcbiAgICAgICAgICBfc2V0Rm9jdXNlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZGVmYXVsdFNlbGVjdGVkRm9sZGVySWRdKTtcblxuICBjb25zdCBvblRvZ2dsZVRyZWUgPSAob3BlbjogYm9vbGVhbikgPT4ge1xuICAgIHNldFNob3dUcmVlKG9wZW4pO1xuICAgIGlmICghb3Blbikge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldFNlbGVjdGVkRm9sZGVyKGZvbGRlcik7XG4gICAgb25TZWxlY3RGb2xkZXI/Lihmb2xkZXIuaWQpO1xuICB9O1xuXG4gIGNvbnN0IHNldEZvY3VzZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldEZvY3VzZWRGb2xkZXIoZm9sZGVyKTtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuXG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBvbk9wZW5Gb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KGlkKSkpO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVyKGNsb3NlZEZvbGRlcik7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uTmV3Rm9sZGVyQ3JlYXRlZCA9IChuZXdGb2xkZXI6IElGb2xkZXIgfCB1bmRlZmluZWQsIHBhcmVudElkOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0Rm9jdXNlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQocGFyZW50SWQpKSk7XG4gICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgICByZWYuY3VycmVudD8uZm9jdXMoeyBwcmV2ZW50U2Nyb2xsOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heExldmVsIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyZWVTdHJ1Y3R1cmVcbiAgICAgIG9uQmx1cj17KGUpID0+IHtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIgJiYgIWUuY3VycmVudFRhcmdldC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Um93PlxuICAgICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgICB7dHlwZSA9PT0gXCJwaWNrZXJcIiAmJiAoXG4gICAgICAgICAgPEFkZEZvbGRlckJ1dHRvblxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGNhbkFkZEZvbGRlcj17ISFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVyPXtmb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ9e3NldE5ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgc2V0U2hvd1RyZWU9e3NldFNob3dUcmVlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1Jvdz5cbiAgICAgIDxUcmVlU3RydWN0dXJlV3JhcHBlciBhcmlhLWxhYmVsPXtsYWJlbH0gZGF0YS10eXBlPXt0eXBlfT5cbiAgICAgICAge3R5cGUgPT09IFwicGlja2VyXCIgJiYgKFxuICAgICAgICAgIDxDb21ib2JveEJ1dHRvblxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBzaG93VHJlZT17c2hvd1RyZWV9XG4gICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVyPXtzZXRGb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgb25Ub2dnbGVUcmVlPXtvblRvZ2dsZVRyZWV9XG4gICAgICAgICAgICBmbGF0dGVuZWRGb2xkZXJzPXtmbGF0dGVuZWRGb2xkZXJzfVxuICAgICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgYXJpYURlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkYnl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Nob3dUcmVlICYmIChcbiAgICAgICAgICA8U2Nyb2xsYWJsZURpdiBkYXRhLXR5cGU9e3R5cGV9PlxuICAgICAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgICAgIGxldmVsPXswfVxuICAgICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIG1heExldmVsPXttYXhMZXZlbH1cbiAgICAgICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgICBvcGVuRm9sZGVycz17b3BlbkZvbGRlcnN9XG4gICAgICAgICAgICAgIHNldEZvY3VzZWRGb2xkZXI9e3NldEZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyPXtzZXRTZWxlY3RlZEZvbGRlcn1cbiAgICAgICAgICAgICAgdGFyZ2V0UmVzb3VyY2U9e3RhcmdldFJlc291cmNlfVxuICAgICAgICAgICAgICB2aXNpYmxlRm9sZGVycz17ZmxhdHRlbmVkRm9sZGVyc31cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgY2xvc2VUcmVlPXsoKSA9PiBvblRvZ2dsZVRyZWUoZmFsc2UpfVxuICAgICAgICAgICAgICBuZXdGb2xkZXJJbnB1dD17bmV3Rm9sZGVySW5wdXR9XG4gICAgICAgICAgICAgIG9uQ3JlYXRlPXtvbk5ld0ZvbGRlckNyZWF0ZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRUcmVlU3RydWN0dXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */"));
-const ScrollableDiv = /*#__PURE__*/_styled("div", {
-  target: "e1dg1gdn0",
-  label: "ScrollableDiv"
-})("&[data-type=\"picker\"]{overflow:auto;overflow:overlay;", utils.scrollbar, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEZ0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtaXNjLCB1dGlscyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWJhY2tlbmQvbXluZGxhLWFwaVwiO1xuaW1wb3J0IEFkZEZvbGRlckJ1dHRvbiBmcm9tIFwiLi9BZGRGb2xkZXJCdXR0b25cIjtcbmltcG9ydCBDb21ib2JveEJ1dHRvbiBmcm9tIFwiLi9Db21ib2JveEJ1dHRvblwiO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gXCIuL0ZvbGRlckl0ZW1zXCI7XG5pbXBvcnQgeyBmbGF0dGVuRm9sZGVycywgdHJlZXN0cnVjdHVyZUlkIH0gZnJvbSBcIi4vaGVscGVyRnVuY3Rpb25zXCI7XG5pbXBvcnQgeyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMsIE5ld0ZvbGRlcklucHV0RnVuYyB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA1O1xuXG5jb25zdCB1bmlxID0gPFQsPihhcnJheTogVFtdKTogVFtdID0+IEFycmF5LmZyb20obmV3IFNldChhcnJheSkpO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyZWVTdHJ1Y3R1cmUgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgVHJlZVN0cnVjdHVyZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0cmFuc2l0aW9uOiAke21pc2MudHJhbnNpdGlvbi5kZWZhdWx0fTtcbiAgJltkYXRhLXR5cGU9XCJwaWNrZXJcIl0ge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICB9XG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IHN0eWxlZC5kaXZgXG4gICZbZGF0YS10eXBlPVwicGlja2VyXCJdIHtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBvdmVyZmxvdzogb3ZlcmxheTtcbiAgICAke3V0aWxzLnNjcm9sbGJhcn1cbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBUcmVlU3RydWN0dXJlUHJvcHMgZXh0ZW5kcyBDb21tb25UcmVlU3RydWN0dXJlUHJvcHMge1xuICBkZWZhdWx0T3BlbkZvbGRlcnM/OiBzdHJpbmdbXTtcbiAgZm9sZGVyczogSUZvbGRlcltdO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4TGV2ZWw/OiBudW1iZXI7XG4gIG5ld0ZvbGRlcklucHV0PzogTmV3Rm9sZGVySW5wdXRGdW5jO1xuICBvblNlbGVjdEZvbGRlcj86IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBkZWZhdWx0T3BlbkZvbGRlcnMsXG4gIGZvbGRlcnMsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhMZXZlbCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25TZWxlY3RGb2xkZXIsXG4gIHRhcmdldFJlc291cmNlLFxuICB0eXBlLFxuICBuZXdGb2xkZXJJbnB1dCxcbiAgYXJpYURlc2NyaWJlZGJ5LFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnM/LltkZWZhdWx0T3BlbkZvbGRlcnMubGVuZ3RoIC0gMV07XG5cbiAgY29uc3QgW29wZW5Gb2xkZXJzLCBzZXRPcGVuRm9sZGVyc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oZGVmYXVsdE9wZW5Gb2xkZXJzIHx8IFtdKTtcblxuICBjb25zdCBbbmV3Rm9sZGVyUGFyZW50SWQsIHNldE5ld0ZvbGRlclBhcmVudElkXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgY29uc3QgW2ZvY3VzZWRGb2xkZXIsIF9zZXRGb2N1c2VkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzZWxlY3RlZEZvbGRlciwgX3NldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPElGb2xkZXIgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtzaG93VHJlZSwgc2V0U2hvd1RyZWVdID0gdXNlU3RhdGUodHlwZSA9PT0gXCJuYXZpZ2F0aW9uXCIpO1xuXG4gIGNvbnN0IGZsYXR0ZW5lZEZvbGRlcnMgPSB1c2VNZW1vKCgpID0+IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMsIG9wZW5Gb2xkZXJzKSwgW2ZvbGRlcnMsIG9wZW5Gb2xkZXJzXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBpZiAoIWRlZmF1bHRPcGVuRm9sZGVycy5ldmVyeSgoZWxlbWVudCkgPT4gb3BlbkZvbGRlcnMuaW5jbHVkZXMoZWxlbWVudCkpKSB7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKChwcmV2KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIHVuaXEoZGVmYXVsdE9wZW5Gb2xkZXJzLmNvbmNhdChwcmV2KSk7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb25zdCBzZWxlY3RlZCA9IGZsYXR0ZW5Gb2xkZXJzKGZvbGRlcnMpLmZpbmQoKGZvbGRlcikgPT4gZm9sZGVyLmlkID09PSBkZWZhdWx0U2VsZWN0ZWRGb2xkZXJJZCk7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgX3NldFNlbGVjdGVkRm9sZGVyKHNlbGVjdGVkKTtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIpIHtcbiAgICAgICAgICBfc2V0Rm9jdXNlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZGVmYXVsdFNlbGVjdGVkRm9sZGVySWRdKTtcblxuICBjb25zdCBvblRvZ2dsZVRyZWUgPSAob3BlbjogYm9vbGVhbikgPT4ge1xuICAgIHNldFNob3dUcmVlKG9wZW4pO1xuICAgIGlmICghb3Blbikge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldFNlbGVjdGVkRm9sZGVyKGZvbGRlcik7XG4gICAgb25TZWxlY3RGb2xkZXI/Lihmb2xkZXIuaWQpO1xuICB9O1xuXG4gIGNvbnN0IHNldEZvY3VzZWRGb2xkZXIgPSAoZm9sZGVyOiBJRm9sZGVyKSA9PiB7XG4gICAgX3NldEZvY3VzZWRGb2xkZXIoZm9sZGVyKTtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuXG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBvbk9wZW5Gb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KGlkKSkpO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVyKGNsb3NlZEZvbGRlcik7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uTmV3Rm9sZGVyQ3JlYXRlZCA9IChuZXdGb2xkZXI6IElGb2xkZXIgfCB1bmRlZmluZWQsIHBhcmVudElkOiBzdHJpbmcpID0+IHtcbiAgICBpZiAobmV3Rm9sZGVyKSB7XG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0Rm9jdXNlZEZvbGRlcihuZXdGb2xkZXIpO1xuICAgICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQocGFyZW50SWQpKSk7XG4gICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgICByZWYuY3VycmVudD8uZm9jdXMoeyBwcmV2ZW50U2Nyb2xsOiB0cnVlIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZD8uKHVuZGVmaW5lZCk7XG4gICAgcmVmLmN1cnJlbnQ/LmZvY3VzKHsgcHJldmVudFNjcm9sbDogdHJ1ZSB9KTtcbiAgfTtcblxuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heExldmVsIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyZWVTdHJ1Y3R1cmVcbiAgICAgIG9uQmx1cj17KGUpID0+IHtcbiAgICAgICAgaWYgKHR5cGUgPT09IFwicGlja2VyXCIgJiYgIWUuY3VycmVudFRhcmdldC5jb250YWlucyhlLnJlbGF0ZWRUYXJnZXQpKSB7XG4gICAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Um93PlxuICAgICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKX0+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgICB7dHlwZSA9PT0gXCJwaWNrZXJcIiAmJiAoXG4gICAgICAgICAgPEFkZEZvbGRlckJ1dHRvblxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGNhbkFkZEZvbGRlcj17ISFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICBmb2N1c2VkRm9sZGVyPXtmb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ9e3NldE5ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgc2V0U2hvd1RyZWU9e3NldFNob3dUcmVlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1Jvdz5cbiAgICAgIDxUcmVlU3RydWN0dXJlV3JhcHBlciBhcmlhLWxhYmVsPXtsYWJlbH0gZGF0YS10eXBlPXt0eXBlfT5cbiAgICAgICAge3R5cGUgPT09IFwicGlja2VyXCIgJiYgKFxuICAgICAgICAgIDxDb21ib2JveEJ1dHRvblxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBzaG93VHJlZT17c2hvd1RyZWV9XG4gICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICBzZXRGb2N1c2VkRm9sZGVyPXtzZXRGb2N1c2VkRm9sZGVyfVxuICAgICAgICAgICAgb25Ub2dnbGVUcmVlPXtvblRvZ2dsZVRyZWV9XG4gICAgICAgICAgICBmbGF0dGVuZWRGb2xkZXJzPXtmbGF0dGVuZWRGb2xkZXJzfVxuICAgICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgYXJpYURlc2NyaWJlZGJ5PXthcmlhRGVzY3JpYmVkYnl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Nob3dUcmVlICYmIChcbiAgICAgICAgICA8U2Nyb2xsYWJsZURpdiBkYXRhLXR5cGU9e3R5cGV9PlxuICAgICAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgICAgIGZvY3VzZWRGb2xkZXI9e2ZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgICAgIGxldmVsPXswfVxuICAgICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIG1heExldmVsPXttYXhMZXZlbH1cbiAgICAgICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgICAgICBvcGVuRm9sZGVycz17b3BlbkZvbGRlcnN9XG4gICAgICAgICAgICAgIHNldEZvY3VzZWRGb2xkZXI9e3NldEZvY3VzZWRGb2xkZXJ9XG4gICAgICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyPXtzZXRTZWxlY3RlZEZvbGRlcn1cbiAgICAgICAgICAgICAgdGFyZ2V0UmVzb3VyY2U9e3RhcmdldFJlc291cmNlfVxuICAgICAgICAgICAgICB2aXNpYmxlRm9sZGVycz17ZmxhdHRlbmVkRm9sZGVyc31cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgY2xvc2VUcmVlPXsoKSA9PiBvblRvZ2dsZVRyZWUoZmFsc2UpfVxuICAgICAgICAgICAgICBuZXdGb2xkZXJJbnB1dD17bmV3Rm9sZGVySW5wdXR9XG4gICAgICAgICAgICAgIG9uQ3JlYXRlPXtvbk5ld0ZvbGRlckNyZWF0ZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRUcmVlU3RydWN0dXJlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */"));
-const TreeStructure = _ref => {
+const StyledPopoverContent = styled(PopoverContent, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall",
+    overflow: "auto",
+    maxHeight: "inherit",
+    paddingInline: "xsmall",
+    paddingBlock: "xsmall"
+  }
+});
+const LabelHStack = styled(HStack, {
+  base: {
+    width: "100%"
+  }
+});
+export const TreeStructure = _ref => {
   let {
-    defaultOpenFolders,
     folders,
+    defaultOpenFolders,
+    newFolderInput,
     label,
+    targetResource,
     loading,
     maxLevel = MAX_LEVEL_FOR_FOLDERS,
     onSelectFolder,
-    targetResource,
-    type,
-    newFolderInput,
     ariaDescribedby
   } = _ref;
-  const ref = useRef(null);
-  const defaultSelectedFolderId = defaultOpenFolders?.[defaultOpenFolders.length - 1];
-  const [openFolders, setOpenFolders] = useState(defaultOpenFolders || []);
-  const [newFolderParentId, setNewFolderParentId] = useState();
-  const [focusedFolder, _setFocusedFolder] = useState();
-  const [selectedFolder, _setSelectedFolder] = useState();
-  const [showTree, setShowTree] = useState(type === "navigation");
-  const flattenedFolders = useMemo(() => flattenFolders(folders, openFolders), [folders, openFolders]);
-  useEffect(() => {
-    if (defaultOpenFolders) {
-      if (!defaultOpenFolders.every(element => openFolders.includes(element))) {
-        setOpenFolders(prev => {
-          return uniq(defaultOpenFolders.concat(prev));
-        });
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [defaultOpenFolders]);
-  useEffect(() => {
-    if (defaultSelectedFolderId !== undefined) {
-      const selected = flattenFolders(folders).find(folder => folder.id === defaultSelectedFolderId);
-      if (selected) {
-        _setSelectedFolder(selected);
-        if (type === "picker") {
-          _setFocusedFolder(selected);
-        }
-      }
+  const [open, setOpen] = useState(false);
+  const [selectedValue, setSelectedValue] = useState(defaultOpenFolders?.[defaultOpenFolders?.length - 1] ?? "");
+  const [expandedValue, setExpandedValue] = useState(defaultOpenFolders ?? []);
+  const [focusedValue, setFocusedValue] = useState(selectedValue);
+  const [newFolderParentId, setNewFolderParentId] = useState(null);
+  const newFolderButtonRef = useRef(null);
+  const {
+    t
+  } = useTranslation();
+  const rootFolderIds = useMemo(() => folders.map(folder => folder.id), [folders]);
+  const contentRef = useRef(null);
+  const selectedFolder = useMemo(() => {
+    return flattenFolders(folders).find(folder => folder.id === selectedValue);
+  }, [folders, selectedValue]);
+  const disableCreateFolder = useMemo(() => {
+    return (selectedFolder?.breadcrumbs.length ?? 0) > maxLevel - 1;
+  }, [maxLevel, selectedFolder?.breadcrumbs.length]);
+  const onOpenChange = useCallback(details => {
+    setOpen(details.open);
+    if (!details.open) {
+      setNewFolderParentId(null);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [defaultSelectedFolderId]);
-  const onToggleTree = open => {
-    setShowTree(open);
-    if (!open) {
-      setNewFolderParentId(undefined);
+  }, []);
+  const onKeyDown = useCallback(e => {
+    if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.stopPropagation();
+      setOpen(true);
     }
-  };
-  const setSelectedFolder = folder => {
-    _setSelectedFolder(folder);
-    onSelectFolder?.(folder.id);
-  };
-  const setFocusedFolder = folder => {
-    _setFocusedFolder(folder);
-    setNewFolderParentId(undefined);
-    ref.current?.focus({
-      preventScroll: true
-    });
-  };
-  const onOpenFolder = id => {
-    setOpenFolders(uniq(openFolders.concat(id)));
-  };
-  const onCloseFolder = id => {
-    const closedFolder = flattenedFolders.find(folder => folder.id === id);
-    if (closedFolder) {
-      const subFolders = closedFolder.subfolders && flattenFolders(closedFolder.subfolders);
-      if (subFolders.some(folder => folder.id === selectedFolder?.id)) {
-        setFocusedFolder(closedFolder);
+  }, []);
+  const onShowInput = useCallback(() => {
+    if (disableCreateFolder) return;
+    const flattenedFolders = flattenFolders(folders);
+    const folder = flattenedFolders.find(folder => folder.id === selectedValue);
+    const newExpandedIds = rootFolderIds.concat(folder?.breadcrumbs.map(bc => bc.id) ?? []);
+    setOpen(true);
+    setExpandedValue(prev => Array.from(new Set([...prev, ...newExpandedIds])));
+    setNewFolderParentId(selectedValue);
+  }, [disableCreateFolder, folders, rootFolderIds, selectedValue]);
+  const treeView = useTreeView({
+    focusedValue,
+    onFocusChange: details => !!details.focusedValue && setFocusedValue(details.focusedValue),
+    expandedValue,
+    onExpandedChange: details => setExpandedValue(details.expandedValue),
+    selectedValue: [selectedValue],
+    onSelectionChange: details => {
+      // TODO: This is currently a bug in zag. The TreeView component simply expects the already selected value to remain selected. As such, always choose the "last" selected value.
+      const val = details.selectedValue[details.selectedValue.length - 1];
+      if (!val) return;
+      if (val === selectedValue && details.focusedValue === selectedValue) {
+        setOpen(false);
+        return;
       }
-    }
-    setOpenFolders(openFolders.filter(folderId => folderId !== id));
-  };
-  const onNewFolderCreated = (newFolder, parentId) => {
-    if (newFolder) {
-      setSelectedFolder(newFolder);
-      setFocusedFolder(newFolder);
-      setOpenFolders(uniq(openFolders.concat(parentId)));
-      setNewFolderParentId?.(undefined);
-      ref.current?.focus({
-        preventScroll: true
+      setSelectedValue(val);
+      onSelectFolder?.(val);
+    },
+    expandOnClick: false
+  });
+  const onCreateFolder = useCallback(folder => {
+    if (!folder) return;
+    const focus = treeView.focusItem;
+    const expand = treeView.expand;
+    const select = treeView.select;
+    flushSync(() => {
+      setOpen(true);
+    });
+    flushSync(() => {
+      expand(folder.breadcrumbs.map(bc => bc.id));
+    });
+    flushSync(() => {
+      select([folder.id]);
+    });
+    flushSync(() => {
+      focus(folder.id);
+    });
+    setNewFolderParentId(null);
+  }, [treeView.expand, treeView.focusItem, treeView.select]);
+  const onAnimationEnd = useCallback(() => {
+    if (open && focusedValue) {
+      document.getElementById(focusedValue)?.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
       });
     }
-  };
-  const onCancelNewFolder = () => {
-    setNewFolderParentId?.(undefined);
-    ref.current?.focus({
-      preventScroll: true
-    });
-  };
-  const canAddFolder = selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
-  return /*#__PURE__*/_jsxs(StyledTreeStructure, {
-    onBlur: e => {
-      if (type === "picker" && !e.currentTarget.contains(e.relatedTarget)) {
-        onToggleTree(false);
-      }
-    },
-    children: [/*#__PURE__*/_jsxs(Row, {
-      children: [label && /*#__PURE__*/_jsx(StyledLabel, {
-        id: treestructureId(type, "label"),
-        children: label
-      }), type === "picker" && /*#__PURE__*/_jsx(AddFolderButton, {
-        loading: loading,
-        canAddFolder: !!canAddFolder,
-        focusedFolder: focusedFolder,
-        setNewFolderParentId: setNewFolderParentId,
-        setShowTree: setShowTree
-      })]
-    }), /*#__PURE__*/_jsxs(TreeStructureWrapper, {
-      "aria-label": label,
-      "data-type": type,
-      children: [type === "picker" && /*#__PURE__*/_jsx(ComboboxButton, {
-        ref: ref,
-        showTree: showTree,
-        type: type,
-        label: label,
-        loading: loading,
-        focusedFolder: focusedFolder,
-        selectedFolder: selectedFolder,
-        setSelectedFolder: setSelectedFolder,
-        setFocusedFolder: setFocusedFolder,
-        onToggleTree: onToggleTree,
-        flattenedFolders: flattenedFolders,
-        onCloseFolder: onCloseFolder,
-        onOpenFolder: onOpenFolder,
-        ariaDescribedby: ariaDescribedby
-      }), showTree && /*#__PURE__*/_jsx(ScrollableDiv, {
-        "data-type": type,
-        children: /*#__PURE__*/_jsx(FolderItems, {
-          focusedFolder: focusedFolder,
-          folders: folders,
-          level: 0,
+  }, [focusedValue, open]);
+  const onCancelFolder = useCallback(() => {
+    if (!selectedFolder) return;
+    const focusFunc = selectedFolder.subfolders.length ? treeView.focusBranch : treeView.focusItem;
+    focusFunc(selectedFolder.id);
+    setNewFolderParentId(null);
+  }, [selectedFolder, treeView.focusBranch, treeView.focusItem]);
+  const addTooltip = loading ? t("loading") : disableCreateFolder ? t("treeStructure.maxFoldersAlreadyAdded") : t("myNdla.newFolderUnder", {
+    folderName: selectedFolder?.name
+  });
+  return /*#__PURE__*/_jsx(StyledTreeRootProvider, {
+    value: treeView,
+    asChild: true,
+    ...treeView.getRootProps(),
+    children: /*#__PURE__*/_jsxs(Stack, {
+      align: "flex-end",
+      children: [/*#__PURE__*/_jsxs(LabelHStack, {
+        gap: "xsmall",
+        justify: "space-between",
+        children: [/*#__PURE__*/_jsx(TreeLabel, {
+          children: label
+        }), /*#__PURE__*/_jsxs(Button, {
+          size: "small",
+          variant: "tertiary",
+          ref: newFolderButtonRef,
+          "aria-disabled": disableCreateFolder,
+          title: addTooltip,
+          "aria-label": addTooltip,
           loading: loading,
-          selectedFolder: selectedFolder,
-          maxLevel: maxLevel,
-          newFolderParentId: newFolderParentId,
-          onCancelNewFolder: onCancelNewFolder,
-          onCloseFolder: onCloseFolder,
-          onOpenFolder: onOpenFolder,
-          openFolders: openFolders,
-          setFocusedFolder: setFocusedFolder,
-          setSelectedFolder: setSelectedFolder,
-          targetResource: targetResource,
-          visibleFolders: flattenedFolders,
-          type: type,
-          closeTree: () => onToggleTree(false),
-          newFolderInput: newFolderInput,
-          onCreate: onNewFolderCreated
-        })
+          onClick: onShowInput,
+          children: [/*#__PURE__*/_jsx(AddLine, {}), t("myNdla.newFolder")]
+        })]
+      }), /*#__PURE__*/_jsxs(PopoverRoot, {
+        open: open,
+        positioning: {
+          sameWidth: true
+        },
+        onOpenChange: onOpenChange,
+        persistentElements: [() => newFolderButtonRef.current],
+        initialFocusEl: () => contentRef.current?.querySelector("input") ?? null,
+        children: [/*#__PURE__*/_jsx(PopoverTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/_jsxs(StyledButton, {
+            variant: "secondary",
+            onKeyDown: onKeyDown,
+            "aria-haspopup": "tree",
+            role: "combobox",
+            "aria-describedby": ariaDescribedby,
+            "aria-activedescendant": focusedValue ?? undefined,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: selectedFolder?.name
+            }), /*#__PURE__*/_jsx(ArrowDownShortLine, {})]
+          })
+        }), /*#__PURE__*/_jsxs(StyledPopoverContent, {
+          onAnimationEnd: onAnimationEnd,
+          ref: contentRef,
+          children: [!!newFolderParentId && newFolderInput?.({
+            parentId: newFolderParentId,
+            onCreate: onCreateFolder,
+            onCancel: onCancelFolder
+          }), /*#__PURE__*/_jsx(Tree, {
+            children: folders.map(folder => /*#__PURE__*/_jsx(TreeStructureItem, {
+              folder: folder,
+              targetResource: targetResource
+            }, folder.id))
+          })]
+        })]
       })]
-    })]
+    })
   });
 };
-export default TreeStructure;
+const TreeStructureItem = _ref2 => {
+  let {
+    folder,
+    targetResource
+  } = _ref2;
+  const {
+    t
+  } = useTranslation();
+  const {
+    setOpen
+  } = usePopoverContext();
+  const containsResource = targetResource && folder.resources.some(resource => resource.resourceId === targetResource.resourceId);
+  const FolderIcon = folder.status === "shared" ? StyledFolderUserLine : StyledFolderLine;
+
+  // TODO: Pressing enter selects the item and closes the popover immediately. Do we actually want this? Old behavior.
+  const onKeyDown = useCallback(e => {
+    if (e.key === "Enter") {
+      setOpen(false);
+    }
+  }, [setOpen]);
+  if (!folder.subfolders.length) {
+    return /*#__PURE__*/_jsx(TreeItem, {
+      value: folder.id,
+      onKeyDown: onKeyDown,
+      id: folder.id,
+      children: /*#__PURE__*/_jsxs(StyledHStack, {
+        gap: "xsmall",
+        justify: "space-between",
+        children: [/*#__PURE__*/_jsxs(StyledHStack, {
+          gap: "xxsmall",
+          justify: "center",
+          children: [/*#__PURE__*/_jsx(FolderIcon, {}), /*#__PURE__*/_jsx(TreeItemText, {
+            children: folder.name
+          })]
+        }), containsResource && /*#__PURE__*/_jsx(StyledHeartFill, {
+          title: t("myNdla.alreadyInFolder")
+        })]
+      })
+    }, folder.id);
+  }
+  const ariaLabel = folder.status === "shared" ? `${folder.name}. ${t("myNdla.folder.sharing.shared")}` : folder.name;
+  return /*#__PURE__*/_jsxs(TreeBranch, {
+    value: folder.id,
+    id: folder.id,
+    children: [/*#__PURE__*/_jsx(TreeBranchControl, {
+      onKeyDown: onKeyDown,
+      asChild: true,
+      children: /*#__PURE__*/_jsxs(StyledHStack, {
+        gap: "xsmall",
+        justify: "space-between",
+        children: [/*#__PURE__*/_jsxs(StyledHStack, {
+          gap: "xxsmall",
+          justify: "center",
+          children: [/*#__PURE__*/_jsx(IconButton, {
+            variant: "clear",
+            asChild: true,
+            children: /*#__PURE__*/_jsx(TreeBranchTrigger, {
+              children: /*#__PURE__*/_jsx(TreeBranchIndicator, {
+                asChild: true,
+                children: /*#__PURE__*/_jsx(ArrowRightShortLine, {})
+              })
+            })
+          }), /*#__PURE__*/_jsx(FolderIcon, {}), /*#__PURE__*/_jsx(TreeBranchText, {
+            "aria-label": ariaLabel,
+            title: ariaLabel,
+            children: folder.name
+          })]
+        }), containsResource && /*#__PURE__*/_jsx(StyledHeartFill, {
+          title: t("myNdla.alreadyInFolder"),
+          "aria-label": t("myNdla.alreadyInFolder"),
+          "aria-hidden": false
+        })]
+      })
+    }), /*#__PURE__*/_jsx(TreeBranchContent, {
+      children: folder.subfolders.map(subfolder => /*#__PURE__*/_jsx(TreeStructureItem, {
+        folder: subfolder,
+        targetResource: targetResource
+      }, subfolder.id))
+    })]
+  }, folder.id);
+};

package/es/TreeStructure/helperFunctions.js

@@ -26,7 +26,4 @@ export const flattenFolders = (folders, openFolders) => {
       ...rest
     }, flattenFolders(subfolders, openFolders));
   }, []);
-};
-export const treestructureId = (type, modifier) => {
-  return `${type}-treestructure-${modifier}`;
 };

package/es/TreeStructure/index.js

@@ -6,5 +6,4 @@
  *
  */
 
-import TreeStructure from "./TreeStructure";
-export { TreeStructure };
+export { TreeStructure } from "./TreeStructure";