@qwik.dev/devtools 0.1.1 → 0.1.2

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/renderers/createDefaultRenderers.qwik.cjs

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+        t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var cx = function() {
+  var classNames = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    classNames[_i] = arguments[_i];
+  }
+  return classNames.filter(function(cn) {
+    return !!cn;
+  }).join(" ");
+};
+var createDefaultRenderers = function(renderDepthOffset, rtl) {
+  return {
+    renderItemTitle: function(_a) {
+      var title = _a.title, context = _a.context, info = _a.info;
+      if (!info.isSearching || !context.isSearchMatching) {
+        return title;
+      }
+      var startIndex = title.toLowerCase().indexOf(info.search.toLowerCase());
+      return index.default.createElement(
+        index.default.Fragment,
+        null,
+        startIndex > 0 && index.default.createElement("span", null, title.slice(0, startIndex)),
+        index.default.createElement("span", { className: "rct-tree-item-search-highlight" }, title.slice(startIndex, startIndex + info.search.length)),
+        startIndex + info.search.length < title.length && index.default.createElement("span", null, title.slice(startIndex + info.search.length, title.length))
+      );
+    },
+    renderItemArrow: function(_a) {
+      var item = _a.item, context = _a.context;
+      return (
+        // Icons from https://blueprintjs.com/docs/#icons
+        index.default.createElement("div", __assign({ className: cx(item.isFolder && "rct-tree-item-arrow-isFolder", context.isExpanded && "rct-tree-item-arrow-expanded", "rct-tree-item-arrow") }, context.arrowProps), item.isFolder && (context.isExpanded ? index.default.createElement(
+          "svg",
+          { version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16", xmlSpace: "preserve" },
+          index.default.createElement(
+            "g",
+            null,
+            index.default.createElement(
+              "g",
+              null,
+              index.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z", className: "rct-tree-item-arrow-path" })
+            )
+          )
+        ) : index.default.createElement(
+          "svg",
+          { version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16", xmlSpace: "preserve" },
+          index.default.createElement(
+            "g",
+            null,
+            index.default.createElement(
+              "g",
+              null,
+              index.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z", className: "rct-tree-item-arrow-path" })
+            )
+          )
+        )))
+      );
+    },
+    renderItem: function(_a) {
+      var item = _a.item, depth = _a.depth, children = _a.children, title = _a.title, context = _a.context, arrow = _a.arrow;
+      var InteractiveComponent = context.isRenaming ? "div" : "button";
+      var type = context.isRenaming ? void 0 : "button";
+      return index.default.createElement(
+        "li",
+        __assign({}, context.itemContainerWithChildrenProps, { className: cx("rct-tree-item-li", item.isFolder && "rct-tree-item-li-isFolder", context.isSelected && "rct-tree-item-li-selected", context.isExpanded && "rct-tree-item-li-expanded", context.isFocused && "rct-tree-item-li-focused", context.isDraggingOver && "rct-tree-item-li-dragging-over", context.isSearchMatching && "rct-tree-item-li-search-match") }),
+        index.default.createElement(
+          "div",
+          __assign({}, context.itemContainerWithoutChildrenProps, { style: { "--depthOffset": "".concat((depth + 1) * renderDepthOffset, "px") }, className: cx("rct-tree-item-title-container", item.isFolder && "rct-tree-item-title-container-isFolder", context.isSelected && "rct-tree-item-title-container-selected", context.isExpanded && "rct-tree-item-title-container-expanded", context.isFocused && "rct-tree-item-title-container-focused", context.isDraggingOver && "rct-tree-item-title-container-dragging-over", context.isSearchMatching && "rct-tree-item-title-container-search-match") }),
+          arrow,
+          index.default.createElement(InteractiveComponent, __assign({ type }, context.interactiveElementProps, { className: cx("rct-tree-item-button", item.isFolder && "rct-tree-item-button-isFolder", context.isSelected && "rct-tree-item-button-selected", context.isExpanded && "rct-tree-item-button-expanded", context.isFocused && "rct-tree-item-button-focused", context.isDraggingOver && "rct-tree-item-button-dragging-over", context.isSearchMatching && "rct-tree-item-button-search-match") }), title)
+        ),
+        children
+      );
+    },
+    renderRenameInput: function(_a) {
+      var inputProps = _a.inputProps, inputRef = _a.inputRef, submitButtonProps = _a.submitButtonProps, submitButtonRef = _a.submitButtonRef, formProps = _a.formProps;
+      return index.default.createElement(
+        "form",
+        __assign({}, formProps, { className: "rct-tree-item-renaming-form" }),
+        index.default.createElement("input", __assign({}, inputProps, { ref: inputRef, className: "rct-tree-item-renaming-input" })),
+        index.default.createElement("input", __assign({}, submitButtonProps, { ref: submitButtonRef, type: "submit", className: "rct-tree-item-renaming-submit-button", value: "🗸" }))
+      );
+    },
+    renderTreeContainer: function(_a) {
+      var children = _a.children, containerProps = _a.containerProps, info = _a.info;
+      return index.default.createElement(
+        "div",
+        { className: cx("rct-tree-root", info.isFocused && "rct-tree-root-focus", info.isRenaming && "rct-tree-root-renaming", info.areItemsSelected && "rct-tree-root-itemsselected", rtl) },
+        index.default.createElement("div", __assign({}, containerProps, { style: __assign({ minHeight: "30px" }, containerProps.style) }), children)
+      );
+    },
+    renderItemsContainer: function(_a) {
+      var children = _a.children, containerProps = _a.containerProps;
+      return index.default.createElement("ul", __assign({}, containerProps, { className: "rct-tree-items-container" }), children);
+    },
+    renderDragBetweenLine: function(_a) {
+      var draggingPosition = _a.draggingPosition, lineProps = _a.lineProps;
+      return index.default.createElement("div", __assign({}, lineProps, { style: { left: "".concat(draggingPosition.depth * renderDepthOffset, "px") }, className: cx("rct-tree-drag-between-line", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "top" && "rct-tree-drag-between-line-top", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "bottom" && "rct-tree-drag-between-line-bottom") }));
+    },
+    renderSearchInput: function(_a) {
+      var inputProps = _a.inputProps;
+      return index.default.createElement(
+        "div",
+        { className: cx("rct-tree-search-input-container") },
+        index.default.createElement("span", { className: "rct-tree-input-icon" }),
+        index.default.createElement("input", __assign({}, inputProps, { className: cx("rct-tree-search-input") }))
+      );
+    },
+    renderLiveDescriptorContainer: function(_a) {
+      var tree = _a.tree, children = _a.children;
+      return index.default.createElement("div", { id: "rct-livedescription-".concat(tree.treeId), style: {
+        clip: "rect(0 0 0 0)",
+        clipPath: "inset(50%)",
+        height: "1px",
+        overflow: "hidden",
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: "1px"
+      } }, children);
+    },
+    renderDepthOffset
+  };
+};
+exports.createDefaultRenderers = createDefaultRenderers;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/renderers/createDefaultRenderers.qwik.mjs

@@ -0,0 +1,136 @@
+import React from "../../../../../../../../_virtual/index.qwik2.mjs";
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+        t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var cx = function() {
+  var classNames = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    classNames[_i] = arguments[_i];
+  }
+  return classNames.filter(function(cn) {
+    return !!cn;
+  }).join(" ");
+};
+var createDefaultRenderers = function(renderDepthOffset, rtl) {
+  return {
+    renderItemTitle: function(_a) {
+      var title = _a.title, context = _a.context, info = _a.info;
+      if (!info.isSearching || !context.isSearchMatching) {
+        return title;
+      }
+      var startIndex = title.toLowerCase().indexOf(info.search.toLowerCase());
+      return React.createElement(
+        React.Fragment,
+        null,
+        startIndex > 0 && React.createElement("span", null, title.slice(0, startIndex)),
+        React.createElement("span", { className: "rct-tree-item-search-highlight" }, title.slice(startIndex, startIndex + info.search.length)),
+        startIndex + info.search.length < title.length && React.createElement("span", null, title.slice(startIndex + info.search.length, title.length))
+      );
+    },
+    renderItemArrow: function(_a) {
+      var item = _a.item, context = _a.context;
+      return (
+        // Icons from https://blueprintjs.com/docs/#icons
+        React.createElement("div", __assign({ className: cx(item.isFolder && "rct-tree-item-arrow-isFolder", context.isExpanded && "rct-tree-item-arrow-expanded", "rct-tree-item-arrow") }, context.arrowProps), item.isFolder && (context.isExpanded ? React.createElement(
+          "svg",
+          { version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16", xmlSpace: "preserve" },
+          React.createElement(
+            "g",
+            null,
+            React.createElement(
+              "g",
+              null,
+              React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z", className: "rct-tree-item-arrow-path" })
+            )
+          )
+        ) : React.createElement(
+          "svg",
+          { version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16", xmlSpace: "preserve" },
+          React.createElement(
+            "g",
+            null,
+            React.createElement(
+              "g",
+              null,
+              React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z", className: "rct-tree-item-arrow-path" })
+            )
+          )
+        )))
+      );
+    },
+    renderItem: function(_a) {
+      var item = _a.item, depth = _a.depth, children = _a.children, title = _a.title, context = _a.context, arrow = _a.arrow;
+      var InteractiveComponent = context.isRenaming ? "div" : "button";
+      var type = context.isRenaming ? void 0 : "button";
+      return React.createElement(
+        "li",
+        __assign({}, context.itemContainerWithChildrenProps, { className: cx("rct-tree-item-li", item.isFolder && "rct-tree-item-li-isFolder", context.isSelected && "rct-tree-item-li-selected", context.isExpanded && "rct-tree-item-li-expanded", context.isFocused && "rct-tree-item-li-focused", context.isDraggingOver && "rct-tree-item-li-dragging-over", context.isSearchMatching && "rct-tree-item-li-search-match") }),
+        React.createElement(
+          "div",
+          __assign({}, context.itemContainerWithoutChildrenProps, { style: { "--depthOffset": "".concat((depth + 1) * renderDepthOffset, "px") }, className: cx("rct-tree-item-title-container", item.isFolder && "rct-tree-item-title-container-isFolder", context.isSelected && "rct-tree-item-title-container-selected", context.isExpanded && "rct-tree-item-title-container-expanded", context.isFocused && "rct-tree-item-title-container-focused", context.isDraggingOver && "rct-tree-item-title-container-dragging-over", context.isSearchMatching && "rct-tree-item-title-container-search-match") }),
+          arrow,
+          React.createElement(InteractiveComponent, __assign({ type }, context.interactiveElementProps, { className: cx("rct-tree-item-button", item.isFolder && "rct-tree-item-button-isFolder", context.isSelected && "rct-tree-item-button-selected", context.isExpanded && "rct-tree-item-button-expanded", context.isFocused && "rct-tree-item-button-focused", context.isDraggingOver && "rct-tree-item-button-dragging-over", context.isSearchMatching && "rct-tree-item-button-search-match") }), title)
+        ),
+        children
+      );
+    },
+    renderRenameInput: function(_a) {
+      var inputProps = _a.inputProps, inputRef = _a.inputRef, submitButtonProps = _a.submitButtonProps, submitButtonRef = _a.submitButtonRef, formProps = _a.formProps;
+      return React.createElement(
+        "form",
+        __assign({}, formProps, { className: "rct-tree-item-renaming-form" }),
+        React.createElement("input", __assign({}, inputProps, { ref: inputRef, className: "rct-tree-item-renaming-input" })),
+        React.createElement("input", __assign({}, submitButtonProps, { ref: submitButtonRef, type: "submit", className: "rct-tree-item-renaming-submit-button", value: "🗸" }))
+      );
+    },
+    renderTreeContainer: function(_a) {
+      var children = _a.children, containerProps = _a.containerProps, info = _a.info;
+      return React.createElement(
+        "div",
+        { className: cx("rct-tree-root", info.isFocused && "rct-tree-root-focus", info.isRenaming && "rct-tree-root-renaming", info.areItemsSelected && "rct-tree-root-itemsselected", rtl) },
+        React.createElement("div", __assign({}, containerProps, { style: __assign({ minHeight: "30px" }, containerProps.style) }), children)
+      );
+    },
+    renderItemsContainer: function(_a) {
+      var children = _a.children, containerProps = _a.containerProps;
+      return React.createElement("ul", __assign({}, containerProps, { className: "rct-tree-items-container" }), children);
+    },
+    renderDragBetweenLine: function(_a) {
+      var draggingPosition = _a.draggingPosition, lineProps = _a.lineProps;
+      return React.createElement("div", __assign({}, lineProps, { style: { left: "".concat(draggingPosition.depth * renderDepthOffset, "px") }, className: cx("rct-tree-drag-between-line", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "top" && "rct-tree-drag-between-line-top", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "bottom" && "rct-tree-drag-between-line-bottom") }));
+    },
+    renderSearchInput: function(_a) {
+      var inputProps = _a.inputProps;
+      return React.createElement(
+        "div",
+        { className: cx("rct-tree-search-input-container") },
+        React.createElement("span", { className: "rct-tree-input-icon" }),
+        React.createElement("input", __assign({}, inputProps, { className: cx("rct-tree-search-input") }))
+      );
+    },
+    renderLiveDescriptorContainer: function(_a) {
+      var tree = _a.tree, children = _a.children;
+      return React.createElement("div", { id: "rct-livedescription-".concat(tree.treeId), style: {
+        clip: "rect(0 0 0 0)",
+        clipPath: "inset(50%)",
+        height: "1px",
+        overflow: "hidden",
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: "1px"
+      } }, children);
+    },
+    renderDepthOffset
+  };
+};
+export {
+  createDefaultRenderers
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/renderers/useRenderers.qwik.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const createDefaultRenderers = require("./createDefaultRenderers.qwik.cjs");
+var useRenderers = function(_a) {
+  var renderItem = _a.renderItem, renderItemTitle = _a.renderItemTitle, renderItemArrow = _a.renderItemArrow, renderRenameInput = _a.renderRenameInput, renderItemsContainer = _a.renderItemsContainer, renderTreeContainer = _a.renderTreeContainer, renderDragBetweenLine = _a.renderDragBetweenLine, renderSearchInput = _a.renderSearchInput, renderLiveDescriptorContainer = _a.renderLiveDescriptorContainer, renderDepthOffset = _a.renderDepthOffset;
+  var defaultRenderers = index.reactExports.useMemo(function() {
+    return createDefaultRenderers.createDefaultRenderers(renderDepthOffset !== null && renderDepthOffset !== void 0 ? renderDepthOffset : 10);
+  }, [renderDepthOffset]);
+  var customRenderers = {
+    renderItem,
+    renderItemTitle,
+    renderItemArrow,
+    renderRenameInput,
+    renderItemsContainer,
+    renderTreeContainer,
+    renderDragBetweenLine,
+    renderSearchInput,
+    renderLiveDescriptorContainer,
+    renderDepthOffset
+  };
+  var renderers = Object.entries(defaultRenderers).reduce(function(acc, _a2) {
+    var key = _a2[0], value = _a2[1];
+    var keyMapped = key;
+    if (customRenderers[keyMapped]) {
+      acc[keyMapped] = customRenderers[keyMapped];
+    } else {
+      acc[keyMapped] = value;
+    }
+    return acc;
+  }, {});
+  renderers.renderItem.displayName = "RenderItem";
+  renderers.renderItemTitle.displayName = "RenderItemTitle";
+  renderers.renderItemArrow.displayName = "RenderItemArrow";
+  renderers.renderRenameInput.displayName = "RenderRenameInput";
+  renderers.renderItemsContainer.displayName = "RenderItemsContainer";
+  renderers.renderTreeContainer.displayName = "RenderTreeContainer";
+  renderers.renderDragBetweenLine.displayName = "RenderDragBetweenLine";
+  renderers.renderSearchInput.displayName = "RenderSearchInput";
+  return renderers;
+};
+exports.useRenderers = useRenderers;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/renderers/useRenderers.qwik.mjs

@@ -0,0 +1,42 @@
+import { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { createDefaultRenderers } from "./createDefaultRenderers.qwik.mjs";
+var useRenderers = function(_a) {
+  var renderItem = _a.renderItem, renderItemTitle = _a.renderItemTitle, renderItemArrow = _a.renderItemArrow, renderRenameInput = _a.renderRenameInput, renderItemsContainer = _a.renderItemsContainer, renderTreeContainer = _a.renderTreeContainer, renderDragBetweenLine = _a.renderDragBetweenLine, renderSearchInput = _a.renderSearchInput, renderLiveDescriptorContainer = _a.renderLiveDescriptorContainer, renderDepthOffset = _a.renderDepthOffset;
+  var defaultRenderers = reactExports.useMemo(function() {
+    return createDefaultRenderers(renderDepthOffset !== null && renderDepthOffset !== void 0 ? renderDepthOffset : 10);
+  }, [renderDepthOffset]);
+  var customRenderers = {
+    renderItem,
+    renderItemTitle,
+    renderItemArrow,
+    renderRenameInput,
+    renderItemsContainer,
+    renderTreeContainer,
+    renderDragBetweenLine,
+    renderSearchInput,
+    renderLiveDescriptorContainer,
+    renderDepthOffset
+  };
+  var renderers = Object.entries(defaultRenderers).reduce(function(acc, _a2) {
+    var key = _a2[0], value = _a2[1];
+    var keyMapped = key;
+    if (customRenderers[keyMapped]) {
+      acc[keyMapped] = customRenderers[keyMapped];
+    } else {
+      acc[keyMapped] = value;
+    }
+    return acc;
+  }, {});
+  renderers.renderItem.displayName = "RenderItem";
+  renderers.renderItemTitle.displayName = "RenderItemTitle";
+  renderers.renderItemArrow.displayName = "RenderItemArrow";
+  renderers.renderRenameInput.displayName = "RenderRenameInput";
+  renderers.renderItemsContainer.displayName = "RenderItemsContainer";
+  renderers.renderTreeContainer.displayName = "RenderTreeContainer";
+  renderers.renderDragBetweenLine.displayName = "RenderDragBetweenLine";
+  renderers.renderSearchInput.displayName = "RenderSearchInput";
+  return renderers;
+};
+export {
+  useRenderers
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/search/SearchInput.qwik.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useHtmlElementEventListener = require("../useHtmlElementEventListener.qwik.cjs");
+const useHotkey = require("../hotkeys/useHotkey.qwik.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const useSearchMatchFocus = require("./useSearchMatchFocus.qwik.cjs");
+const useViewState = require("../tree/useViewState.qwik.cjs");
+const useCallSoon = require("../useCallSoon.qwik.cjs");
+const utils = require("../utils.qwik.cjs");
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+        t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var SearchInput = function(_a) {
+  var _b;
+  var containerRef = _a.containerRef;
+  var _c = Tree.useTree(), search = _c.search, setSearch = _c.setSearch, treeId = _c.treeId, renderers = _c.renderers, renamingItem = _c.renamingItem;
+  var environment = ControlledTreeEnvironment.useTreeEnvironment();
+  useViewState.useViewState();
+  var isActiveTree = environment.activeTreeId === treeId;
+  var callSoon = useCallSoon.useCallSoon();
+  useSearchMatchFocus.useSearchMatchFocus();
+  var clearSearch = function() {
+    var _a2, _b2, _c2;
+    setSearch(null);
+    if ((_a2 = environment.autoFocus) !== null && _a2 !== void 0 ? _a2 : true) {
+      var focusItem = (_b2 = utils.getDocument()) === null || _b2 === void 0 ? void 0 : _b2.querySelector('[data-rct-tree="'.concat(treeId, '"] [data-rct-item-focus="true"]'));
+      (_c2 = focusItem === null || focusItem === void 0 ? void 0 : focusItem.focus) === null || _c2 === void 0 ? void 0 : _c2.call(focusItem);
+    }
+  };
+  useHotkey.useHotkey("abortSearch", function() {
+    callSoon(function() {
+      clearSearch();
+    });
+  }, isActiveTree && search !== null, true);
+  useHtmlElementEventListener.useHtmlElementEventListener(containerRef, "keydown", function(e) {
+    var _a2, _b2;
+    var unicode = e.key.charCodeAt(0);
+    if (((_a2 = environment.canSearch) !== null && _a2 !== void 0 ? _a2 : true) && ((_b2 = environment.canSearchByStartingTyping) !== null && _b2 !== void 0 ? _b2 : true) && isActiveTree && search === null && !renamingItem && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && (unicode >= 48 && unicode <= 57 || // number
+    // (unicode >= 65 && unicode <= 90) || // uppercase letter
+    unicode >= 97 && unicode <= 122)) {
+      setSearch("");
+    }
+  });
+  if (!((_b = environment.canSearch) !== null && _b !== void 0 ? _b : true) || search === null) {
+    return null;
+  }
+  return renderers.renderSearchInput({
+    inputProps: __assign({ value: search, onChange: function(e) {
+      return setSearch(e.target.value);
+    }, onBlur: function() {
+      clearSearch();
+    }, ref: function(el) {
+      var _a2;
+      (_a2 = el === null || el === void 0 ? void 0 : el.focus) === null || _a2 === void 0 ? void 0 : _a2.call(el);
+    }, "aria-label": "Search for items" }, {
+      "data-rct-search-input": "true"
+    })
+  });
+};
+exports.SearchInput = SearchInput;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/search/SearchInput.qwik.mjs

@@ -0,0 +1,69 @@
+import { useHtmlElementEventListener } from "../useHtmlElementEventListener.qwik.mjs";
+import { useHotkey } from "../hotkeys/useHotkey.qwik.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useSearchMatchFocus } from "./useSearchMatchFocus.qwik.mjs";
+import { useViewState } from "../tree/useViewState.qwik.mjs";
+import { useCallSoon } from "../useCallSoon.qwik.mjs";
+import { getDocument } from "../utils.qwik.mjs";
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+        t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var SearchInput = function(_a) {
+  var _b;
+  var containerRef = _a.containerRef;
+  var _c = useTree(), search = _c.search, setSearch = _c.setSearch, treeId = _c.treeId, renderers = _c.renderers, renamingItem = _c.renamingItem;
+  var environment = useTreeEnvironment();
+  useViewState();
+  var isActiveTree = environment.activeTreeId === treeId;
+  var callSoon = useCallSoon();
+  useSearchMatchFocus();
+  var clearSearch = function() {
+    var _a2, _b2, _c2;
+    setSearch(null);
+    if ((_a2 = environment.autoFocus) !== null && _a2 !== void 0 ? _a2 : true) {
+      var focusItem = (_b2 = getDocument()) === null || _b2 === void 0 ? void 0 : _b2.querySelector('[data-rct-tree="'.concat(treeId, '"] [data-rct-item-focus="true"]'));
+      (_c2 = focusItem === null || focusItem === void 0 ? void 0 : focusItem.focus) === null || _c2 === void 0 ? void 0 : _c2.call(focusItem);
+    }
+  };
+  useHotkey("abortSearch", function() {
+    callSoon(function() {
+      clearSearch();
+    });
+  }, isActiveTree && search !== null, true);
+  useHtmlElementEventListener(containerRef, "keydown", function(e) {
+    var _a2, _b2;
+    var unicode = e.key.charCodeAt(0);
+    if (((_a2 = environment.canSearch) !== null && _a2 !== void 0 ? _a2 : true) && ((_b2 = environment.canSearchByStartingTyping) !== null && _b2 !== void 0 ? _b2 : true) && isActiveTree && search === null && !renamingItem && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.metaKey && (unicode >= 48 && unicode <= 57 || // number
+    // (unicode >= 65 && unicode <= 90) || // uppercase letter
+    unicode >= 97 && unicode <= 122)) {
+      setSearch("");
+    }
+  });
+  if (!((_b = environment.canSearch) !== null && _b !== void 0 ? _b : true) || search === null) {
+    return null;
+  }
+  return renderers.renderSearchInput({
+    inputProps: __assign({ value: search, onChange: function(e) {
+      return setSearch(e.target.value);
+    }, onBlur: function() {
+      clearSearch();
+    }, ref: function(el) {
+      var _a2;
+      (_a2 = el === null || el === void 0 ? void 0 : el.focus) === null || _a2 === void 0 ? void 0 : _a2.call(el);
+    }, "aria-label": "Search for items" }, {
+      "data-rct-search-input": "true"
+    })
+  });
+};
+export {
+  SearchInput
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/search/defaultMatcher.qwik.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var defaultMatcher = function(search, item, itemTitle) {
+  return itemTitle.toLowerCase().includes(search.toLowerCase());
+};
+exports.defaultMatcher = defaultMatcher;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/search/defaultMatcher.qwik.mjs

@@ -0,0 +1,6 @@
+var defaultMatcher = function(search, item, itemTitle) {
+  return itemTitle.toLowerCase().includes(search.toLowerCase());
+};
+export {
+  defaultMatcher
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/search/useSearchMatchFocus.qwik.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Tree = require("../tree/Tree.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const defaultMatcher = require("./defaultMatcher.qwik.cjs");
+const useSideEffect = require("../useSideEffect.qwik.cjs");
+const useLinearItems = require("../controlledEnvironment/useLinearItems.qwik.cjs");
+const useCallSoon = require("../useCallSoon.qwik.cjs");
+var useSearchMatchFocus = function() {
+  var _a = ControlledTreeEnvironment.useTreeEnvironment(), doesSearchMatchItem = _a.doesSearchMatchItem, items = _a.items, getItemTitle = _a.getItemTitle, onFocusItem = _a.onFocusItem;
+  var _b = Tree.useTree(), search = _b.search, treeId = _b.treeId;
+  var linearItems = useLinearItems.useLinearItems(treeId);
+  var callSoon = useCallSoon.useCallSoon();
+  useSideEffect.useSideEffect(function() {
+    if (search && search.length > 0) {
+      callSoon(function() {
+        var focusItem = linearItems.find(function(_a2) {
+          var item = _a2.item;
+          return (doesSearchMatchItem !== null && doesSearchMatchItem !== void 0 ? doesSearchMatchItem : defaultMatcher.defaultMatcher)(search, items[item], getItemTitle(items[item]));
+        });
+        if (focusItem) {
+          onFocusItem === null || onFocusItem === void 0 ? void 0 : onFocusItem(items[focusItem.item], treeId);
+        }
+      });
+    }
+  }, [
+    doesSearchMatchItem,
+    getItemTitle,
+    linearItems,
+    items,
+    onFocusItem,
+    search,
+    treeId,
+    callSoon
+  ], [search]);
+};
+exports.useSearchMatchFocus = useSearchMatchFocus;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/search/useSearchMatchFocus.qwik.mjs

@@ -0,0 +1,37 @@
+import { useTree } from "../tree/Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { defaultMatcher } from "./defaultMatcher.qwik.mjs";
+import { useSideEffect } from "../useSideEffect.qwik.mjs";
+import { useLinearItems } from "../controlledEnvironment/useLinearItems.qwik.mjs";
+import { useCallSoon } from "../useCallSoon.qwik.mjs";
+var useSearchMatchFocus = function() {
+  var _a = useTreeEnvironment(), doesSearchMatchItem = _a.doesSearchMatchItem, items = _a.items, getItemTitle = _a.getItemTitle, onFocusItem = _a.onFocusItem;
+  var _b = useTree(), search = _b.search, treeId = _b.treeId;
+  var linearItems = useLinearItems(treeId);
+  var callSoon = useCallSoon();
+  useSideEffect(function() {
+    if (search && search.length > 0) {
+      callSoon(function() {
+        var focusItem = linearItems.find(function(_a2) {
+          var item = _a2.item;
+          return (doesSearchMatchItem !== null && doesSearchMatchItem !== void 0 ? doesSearchMatchItem : defaultMatcher)(search, items[item], getItemTitle(items[item]));
+        });
+        if (focusItem) {
+          onFocusItem === null || onFocusItem === void 0 ? void 0 : onFocusItem(items[focusItem.item], treeId);
+        }
+      });
+    }
+  }, [
+    doesSearchMatchItem,
+    getItemTitle,
+    linearItems,
+    items,
+    onFocusItem,
+    search,
+    treeId,
+    callSoon
+  ], [search]);
+};
+export {
+  useSearchMatchFocus
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/DragBetweenLine.qwik.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const Tree = require("./Tree.qwik.cjs");
+const DragAndDropProvider = require("../drag/DragAndDropProvider.qwik.cjs");
+var DragBetweenLine = function(_a) {
+  var _b;
+  var treeId = _a.treeId;
+  var _c = DragAndDropProvider.useDragAndDrop(), draggingPosition = _c.draggingPosition, itemHeight = _c.itemHeight;
+  var renderers = Tree.useTree().renderers;
+  var shouldDisplay = draggingPosition && draggingPosition.targetType === "between-items" && draggingPosition.treeId === treeId;
+  if (!shouldDisplay) {
+    return null;
+  }
+  var lineProps = {
+    onDragOver: function(e) {
+      return e.preventDefault();
+    }
+    // Allow dropping
+  };
+  return index.reactExports.createElement("div", { style: {
+    position: "absolute",
+    left: "0",
+    right: "0",
+    top: "".concat(((_b = draggingPosition === null || draggingPosition === void 0 ? void 0 : draggingPosition.linearIndex) !== null && _b !== void 0 ? _b : 0) * itemHeight, "px")
+  } }, renderers.renderDragBetweenLine({
+    draggingPosition,
+    lineProps
+  }));
+};
+exports.DragBetweenLine = DragBetweenLine;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/DragBetweenLine.qwik.mjs

@@ -0,0 +1,31 @@
+import { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { useTree } from "./Tree.qwik.mjs";
+import { useDragAndDrop } from "../drag/DragAndDropProvider.qwik.mjs";
+var DragBetweenLine = function(_a) {
+  var _b;
+  var treeId = _a.treeId;
+  var _c = useDragAndDrop(), draggingPosition = _c.draggingPosition, itemHeight = _c.itemHeight;
+  var renderers = useTree().renderers;
+  var shouldDisplay = draggingPosition && draggingPosition.targetType === "between-items" && draggingPosition.treeId === treeId;
+  if (!shouldDisplay) {
+    return null;
+  }
+  var lineProps = {
+    onDragOver: function(e) {
+      return e.preventDefault();
+    }
+    // Allow dropping
+  };
+  return reactExports.createElement("div", { style: {
+    position: "absolute",
+    left: "0",
+    right: "0",
+    top: "".concat(((_b = draggingPosition === null || draggingPosition === void 0 ? void 0 : draggingPosition.linearIndex) !== null && _b !== void 0 ? _b : 0) * itemHeight, "px")
+  } }, renderers.renderDragBetweenLine({
+    draggingPosition,
+    lineProps
+  }));
+};
+export {
+  DragBetweenLine
+};