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

package/lib/TreeStructure/TreeStructure.js

@@ -3,212 +3,325 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MAX_LEVEL_FOR_FOLDERS = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
+exports.TreeStructure = exports.MAX_LEVEL_FOR_FOLDERS = void 0;
 var _react = require("react");
-var _core = require("@ndla/core");
-var _AddFolderButton = _interopRequireDefault(require("./AddFolderButton"));
-var _ComboboxButton = _interopRequireDefault(require("./ComboboxButton"));
-var _FolderItems = _interopRequireDefault(require("./FolderItems"));
+var _reactDom = require("react-dom");
+var _reactI18next = require("react-i18next");
+var _react2 = require("@ark-ui/react");
+var _action = require("@ndla/icons/action");
+var _common = require("@ndla/icons/common");
+var _contentType = require("@ndla/icons/contentType");
+var _editor = require("@ndla/icons/editor");
+var _primitives = require("@ndla/primitives");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _helperFunctions = require("./helperFunctions");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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.
  *
  */
+
 const MAX_LEVEL_FOR_FOLDERS = exports.MAX_LEVEL_FOR_FOLDERS = 5;
-const uniq = array => Array.from(new Set(array));
-const StyledLabel = /*#__PURE__*/(0, _base.default)("label", {
-  target: "e1dg1gdn4",
-  label: "StyledLabel"
-})("font-weight:", _core.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__*/(0, _base.default)("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 = (0, _jsx2.styled)(_primitives.Button, {
+  base: {
+    width: "100%",
+    justifyContent: "space-between",
+    "& span": {
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    }
+  }
+});
+const StyledHStack = (0, _jsx2.styled)(_jsx2.HStack, {
+  base: {
+    overflow: "hidden"
+  }
+});
+const StyledHeartFill = (0, _jsx2.styled)(_action.HeartFill, {
+  base: {
+    color: "icon.strong"
+  }
+});
+const StyledFolderLine = (0, _jsx2.styled)(_editor.FolderLine, {
+  base: {
+    color: "icon.strong"
+  }
 });
-const Row = /*#__PURE__*/(0, _base.default)("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 StyledFolderUserLine = (0, _jsx2.styled)(_contentType.FolderUserLine, {
+  base: {
+    color: "icon.strong"
+  }
+});
+const StyledTreeRootProvider = (0, _jsx2.styled)(_primitives.TreeRootProvider, {
+  base: {
+    width: "100%",
+    maxHeight: "inherit"
+  }
+});
+const StyledPopoverContent = (0, _jsx2.styled)(_primitives.PopoverContent, {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall",
+    overflow: "auto",
+    maxHeight: "inherit",
+    paddingInline: "xsmall",
+    paddingBlock: "xsmall"
+  }
+});
+const LabelHStack = (0, _jsx2.styled)(_jsx2.HStack, {
+  base: {
+    width: "100%"
+  }
 });
-const TreeStructureWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1dg1gdn1",
-  label: "TreeStructureWrapper"
-})("display:flex;flex-direction:column;transition:", _core.misc.transition.default, ";&[data-type=\"picker\"]{overflow:hidden;border:1px solid ", _core.colors.brand.neutral7, ";border-radius:", _core.misc.borderRadius, ";scroll-behavior:smooth;}&:focus-within{border-color:", _core.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__*/(0, _base.default)("div", {
-  target: "e1dg1gdn0",
-  label: "ScrollableDiv"
-})("&[data-type=\"picker\"]{overflow:auto;overflow:overlay;", _core.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 => {
   let {
-    defaultOpenFolders,
     folders,
+    defaultOpenFolders,
+    newFolderInput,
     label,
+    targetResource,
     loading,
     maxLevel = MAX_LEVEL_FOR_FOLDERS,
     onSelectFolder,
-    targetResource,
-    type,
-    newFolderInput,
     ariaDescribedby
   } = _ref;
-  const ref = (0, _react.useRef)(null);
-  const defaultSelectedFolderId = defaultOpenFolders?.[defaultOpenFolders.length - 1];
-  const [openFolders, setOpenFolders] = (0, _react.useState)(defaultOpenFolders || []);
-  const [newFolderParentId, setNewFolderParentId] = (0, _react.useState)();
-  const [focusedFolder, _setFocusedFolder] = (0, _react.useState)();
-  const [selectedFolder, _setSelectedFolder] = (0, _react.useState)();
-  const [showTree, setShowTree] = (0, _react.useState)(type === "navigation");
-  const flattenedFolders = (0, _react.useMemo)(() => (0, _helperFunctions.flattenFolders)(folders, openFolders), [folders, openFolders]);
-  (0, _react.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]);
-  (0, _react.useEffect)(() => {
-    if (defaultSelectedFolderId !== undefined) {
-      const selected = (0, _helperFunctions.flattenFolders)(folders).find(folder => folder.id === defaultSelectedFolderId);
-      if (selected) {
-        _setSelectedFolder(selected);
-        if (type === "picker") {
-          _setFocusedFolder(selected);
-        }
-      }
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [selectedValue, setSelectedValue] = (0, _react.useState)(defaultOpenFolders?.[defaultOpenFolders?.length - 1] ?? "");
+  const [expandedValue, setExpandedValue] = (0, _react.useState)(defaultOpenFolders ?? []);
+  const [focusedValue, setFocusedValue] = (0, _react.useState)(selectedValue);
+  const [newFolderParentId, setNewFolderParentId] = (0, _react.useState)(null);
+  const newFolderButtonRef = (0, _react.useRef)(null);
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const rootFolderIds = (0, _react.useMemo)(() => folders.map(folder => folder.id), [folders]);
+  const contentRef = (0, _react.useRef)(null);
+  const selectedFolder = (0, _react.useMemo)(() => {
+    return (0, _helperFunctions.flattenFolders)(folders).find(folder => folder.id === selectedValue);
+  }, [folders, selectedValue]);
+  const disableCreateFolder = (0, _react.useMemo)(() => {
+    return (selectedFolder?.breadcrumbs.length ?? 0) > maxLevel - 1;
+  }, [maxLevel, selectedFolder?.breadcrumbs.length]);
+  const onOpenChange = (0, _react.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 = (0, _react.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 && (0, _helperFunctions.flattenFolders)(closedFolder.subfolders);
-      if (subFolders.some(folder => folder.id === selectedFolder?.id)) {
-        setFocusedFolder(closedFolder);
+  }, []);
+  const onShowInput = (0, _react.useCallback)(() => {
+    if (disableCreateFolder) return;
+    const flattenedFolders = (0, _helperFunctions.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 = (0, _react2.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 = (0, _react.useCallback)(folder => {
+    if (!folder) return;
+    const focus = treeView.focusItem;
+    const expand = treeView.expand;
+    const select = treeView.select;
+    (0, _reactDom.flushSync)(() => {
+      setOpen(true);
+    });
+    (0, _reactDom.flushSync)(() => {
+      expand(folder.breadcrumbs.map(bc => bc.id));
+    });
+    (0, _reactDom.flushSync)(() => {
+      select([folder.id]);
+    });
+    (0, _reactDom.flushSync)(() => {
+      focus(folder.id);
+    });
+    setNewFolderParentId(null);
+  }, [treeView.expand, treeView.focusItem, treeView.select]);
+  const onAnimationEnd = (0, _react.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__*/(0, _jsxRuntime.jsxs)(StyledTreeStructure, {
-    onBlur: e => {
-      if (type === "picker" && !e.currentTarget.contains(e.relatedTarget)) {
-        onToggleTree(false);
-      }
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Row, {
-      children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLabel, {
-        id: (0, _helperFunctions.treestructureId)(type, "label"),
-        children: label
-      }), type === "picker" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddFolderButton.default, {
-        loading: loading,
-        canAddFolder: !!canAddFolder,
-        focusedFolder: focusedFolder,
-        setNewFolderParentId: setNewFolderParentId,
-        setShowTree: setShowTree
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(TreeStructureWrapper, {
-      "aria-label": label,
-      "data-type": type,
-      children: [type === "picker" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboboxButton.default, {
-        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__*/(0, _jsxRuntime.jsx)(ScrollableDiv, {
-        "data-type": type,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FolderItems.default, {
-          focusedFolder: focusedFolder,
-          folders: folders,
-          level: 0,
+  }, [focusedValue, open]);
+  const onCancelFolder = (0, _react.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__*/(0, _jsxRuntime.jsx)(StyledTreeRootProvider, {
+    value: treeView,
+    asChild: true,
+    ...treeView.getRootProps(),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsx2.Stack, {
+      align: "flex-end",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(LabelHStack, {
+        gap: "xsmall",
+        justify: "space-between",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeLabel, {
+          children: label
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.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__*/(0, _jsxRuntime.jsx)(_action.AddLine, {}), t("myNdla.newFolder")]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
+        open: open,
+        positioning: {
+          sameWidth: true
+        },
+        onOpenChange: onOpenChange,
+        persistentElements: [() => newFolderButtonRef.current],
+        initialFocusEl: () => contentRef.current?.querySelector("input") ?? null,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledButton, {
+            variant: "secondary",
+            onKeyDown: onKeyDown,
+            "aria-haspopup": "tree",
+            role: "combobox",
+            "aria-describedby": ariaDescribedby,
+            "aria-activedescendant": focusedValue ?? undefined,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: selectedFolder?.name
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDownShortLine, {})]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledPopoverContent, {
+          onAnimationEnd: onAnimationEnd,
+          ref: contentRef,
+          children: [!!newFolderParentId && newFolderInput?.({
+            parentId: newFolderParentId,
+            onCreate: onCreateFolder,
+            onCancel: onCancelFolder
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Tree, {
+            children: folders.map(folder => /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeStructureItem, {
+              folder: folder,
+              targetResource: targetResource
+            }, folder.id))
+          })]
+        })]
       })]
-    })]
+    })
   });
 };
-var _default = exports.default = TreeStructure;
+exports.TreeStructure = TreeStructure;
+const TreeStructureItem = _ref2 => {
+  let {
+    folder,
+    targetResource
+  } = _ref2;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    setOpen
+  } = (0, _react2.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 = (0, _react.useCallback)(e => {
+    if (e.key === "Enter") {
+      setOpen(false);
+    }
+  }, [setOpen]);
+  if (!folder.subfolders.length) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeItem, {
+      value: folder.id,
+      onKeyDown: onKeyDown,
+      id: folder.id,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledHStack, {
+        gap: "xsmall",
+        justify: "space-between",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledHStack, {
+          gap: "xxsmall",
+          justify: "center",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FolderIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeItemText, {
+            children: folder.name
+          })]
+        }), containsResource && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeartFill, {
+          title: t("myNdla.alreadyInFolder")
+        })]
+      })
+    }, folder.id);
+  }
+  const ariaLabel = folder.status === "shared" ? `${folder.name}. ${t("myNdla.folder.sharing.shared")}` : folder.name;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TreeBranch, {
+    value: folder.id,
+    id: folder.id,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeBranchControl, {
+      onKeyDown: onKeyDown,
+      asChild: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledHStack, {
+        gap: "xsmall",
+        justify: "space-between",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledHStack, {
+          gap: "xxsmall",
+          justify: "center",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.IconButton, {
+            variant: "clear",
+            asChild: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeBranchTrigger, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeBranchIndicator, {
+                asChild: true,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowRightShortLine, {})
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FolderIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeBranchText, {
+            "aria-label": ariaLabel,
+            title: ariaLabel,
+            children: folder.name
+          })]
+        }), containsResource && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeartFill, {
+          title: t("myNdla.alreadyInFolder"),
+          "aria-label": t("myNdla.alreadyInFolder"),
+          "aria-hidden": false
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TreeBranchContent, {
+      children: folder.subfolders.map(subfolder => /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeStructureItem, {
+        folder: subfolder,
+        targetResource: targetResource
+      }, subfolder.id))
+    })]
+  }, folder.id);
+};

package/lib/TreeStructure/helperFunctions.d.ts

@@ -6,6 +6,4 @@
  *
  */
 import { IFolder } from "@ndla/types-backend/myndla-api";
-import { TreeStructureType } from "./types";
 export declare const flattenFolders: (folders: IFolder[], openFolders?: string[]) => IFolder[];
-export declare const treestructureId: (type: TreeStructureType, modifier: string) => string;