@qwik.dev/devtools 0.1.0 → 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/useCallSoon.qwik.mjs

@@ -0,0 +1,29 @@
+import { r as reactExports } from "../../../../../../../_virtual/index.qwik2.mjs";
+function useCallSoon(dontClean) {
+  if (dontClean === void 0) {
+    dontClean = false;
+  }
+  var handleRef = reactExports.useRef(new Array());
+  reactExports.useEffect(function() {
+    if (dontClean) {
+      return function() {
+      };
+    }
+    var handles = handleRef.current;
+    return function() {
+      return handles.forEach(function(handle) {
+        return cancelAnimationFrame(handle);
+      });
+    };
+  }, [dontClean, handleRef]);
+  return reactExports.useCallback(function(callback) {
+    var handle = requestAnimationFrame(function() {
+      handleRef.current.splice(handleRef.current.indexOf(handle), 1);
+      callback();
+    });
+    handleRef.current.push(handle);
+  }, [handleRef]);
+}
+export {
+  useCallSoon
+};

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ControlledTreeEnvironment = require("./controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const useStableHandler = require("./useStableHandler.qwik.cjs");
+var useGetOriginalItemOrder = function() {
+  var env = ControlledTreeEnvironment.useTreeEnvironment();
+  return useStableHandler.useStableHandler(function(treeId, items) {
+    return items.map(function(item) {
+      return [
+        item,
+        env.linearItems[treeId].findIndex(function(linearItem) {
+          return linearItem.item === item.index;
+        })
+      ];
+    }).sort(function(_a, _b) {
+      _a[0];
+      var aPos = _a[1];
+      _b[0];
+      var bPos = _b[1];
+      return aPos - bPos;
+    }).map(function(_a) {
+      var item = _a[0];
+      return item;
+    });
+  });
+};
+exports.useGetOriginalItemOrder = useGetOriginalItemOrder;

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

@@ -0,0 +1,27 @@
+import { useTreeEnvironment } from "./controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useStableHandler } from "./useStableHandler.qwik.mjs";
+var useGetOriginalItemOrder = function() {
+  var env = useTreeEnvironment();
+  return useStableHandler(function(treeId, items) {
+    return items.map(function(item) {
+      return [
+        item,
+        env.linearItems[treeId].findIndex(function(linearItem) {
+          return linearItem.item === item.index;
+        })
+      ];
+    }).sort(function(_a, _b) {
+      _a[0];
+      var aPos = _a[1];
+      _b[0];
+      var bPos = _b[1];
+      return aPos - bPos;
+    }).map(function(_a) {
+      var item = _a[0];
+      return item;
+    });
+  });
+};
+export {
+  useGetOriginalItemOrder
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../_virtual/index.qwik2.cjs");
+const useStableHandler = require("./useStableHandler.qwik.cjs");
+var useHtmlElementEventListener = function(element, type, listener) {
+  var stableListener = useStableHandler.useStableHandler(listener);
+  index.reactExports.useEffect(function() {
+    if (element) {
+      element.addEventListener(type, stableListener);
+      return function() {
+        return element.removeEventListener(type, stableListener);
+      };
+    }
+    return function() {
+    };
+  }, [element, stableListener, type]);
+};
+exports.useHtmlElementEventListener = useHtmlElementEventListener;

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

@@ -0,0 +1,18 @@
+import { r as reactExports } from "../../../../../../../_virtual/index.qwik2.mjs";
+import { useStableHandler } from "./useStableHandler.qwik.mjs";
+var useHtmlElementEventListener = function(element, type, listener) {
+  var stableListener = useStableHandler(listener);
+  reactExports.useEffect(function() {
+    if (element) {
+      element.addEventListener(type, stableListener);
+      return function() {
+        return element.removeEventListener(type, stableListener);
+      };
+    }
+    return function() {
+    };
+  }, [element, stableListener, type]);
+};
+export {
+  useHtmlElementEventListener
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../_virtual/index.qwik2.cjs");
+var useIsMounted = function() {
+  var mountedRef = index.reactExports.useRef(false);
+  index.reactExports.useEffect(function() {
+    mountedRef.current = true;
+    return function() {
+      mountedRef.current = false;
+    };
+  }, []);
+  return mountedRef;
+};
+exports.useIsMounted = useIsMounted;

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

@@ -0,0 +1,14 @@
+import { r as reactExports } from "../../../../../../../_virtual/index.qwik2.mjs";
+var useIsMounted = function() {
+  var mountedRef = reactExports.useRef(false);
+  reactExports.useEffect(function() {
+    mountedRef.current = true;
+    return function() {
+      mountedRef.current = false;
+    };
+  }, []);
+  return mountedRef;
+};
+export {
+  useIsMounted
+};

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../_virtual/index.qwik2.cjs");
+var useRefCopy = function(value) {
+  var ref = index.reactExports.useRef(value);
+  ref.current = value;
+  return ref;
+};
+exports.useRefCopy = useRefCopy;

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

@@ -0,0 +1,9 @@
+import { r as reactExports } from "../../../../../../../_virtual/index.qwik2.mjs";
+var useRefCopy = function(value) {
+  var ref = reactExports.useRef(value);
+  ref.current = value;
+  return ref;
+};
+export {
+  useRefCopy
+};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../_virtual/index.qwik2.cjs");
+var __spreadArray = function(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+var useSideEffect = function(effect, deps, changeOn) {
+  var previousRef = index.reactExports.useRef();
+  index.reactExports.useEffect(function() {
+    if (!previousRef.current) {
+      previousRef.current = __spreadArray([], changeOn, true);
+      effect();
+    } else {
+      var changed = previousRef.current.some(function(v, i) {
+        return v !== changeOn[i];
+      });
+      if (changed) {
+        previousRef.current = __spreadArray([], changeOn, true);
+        effect();
+      }
+    }
+  }, __spreadArray(__spreadArray([], deps, true), changeOn, true));
+};
+exports.useSideEffect = useSideEffect;

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

@@ -0,0 +1,30 @@
+import { r as reactExports } from "../../../../../../../_virtual/index.qwik2.mjs";
+var __spreadArray = function(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+var useSideEffect = function(effect, deps, changeOn) {
+  var previousRef = reactExports.useRef();
+  reactExports.useEffect(function() {
+    if (!previousRef.current) {
+      previousRef.current = __spreadArray([], changeOn, true);
+      effect();
+    } else {
+      var changed = previousRef.current.some(function(v, i) {
+        return v !== changeOn[i];
+      });
+      if (changed) {
+        previousRef.current = __spreadArray([], changeOn, true);
+        effect();
+      }
+    }
+  }, __spreadArray(__spreadArray([], deps, true), changeOn, true));
+};
+export {
+  useSideEffect
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../_virtual/index.qwik2.cjs");
+const useRefCopy = require("./useRefCopy.qwik.cjs");
+var useStableHandler = function(handler) {
+  var handlerRef = useRefCopy.useRefCopy(handler);
+  return index.reactExports.useCallback(function() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      args[_i] = arguments[_i];
+    }
+    return handlerRef.current.apply(handlerRef, args);
+  }, [
+    handlerRef
+  ]);
+};
+exports.useStableHandler = useStableHandler;

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

@@ -0,0 +1,17 @@
+import { r as reactExports } from "../../../../../../../_virtual/index.qwik2.mjs";
+import { useRefCopy } from "./useRefCopy.qwik.mjs";
+var useStableHandler = function(handler) {
+  var handlerRef = useRefCopy(handler);
+  return reactExports.useCallback(function() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      args[_i] = arguments[_i];
+    }
+    return handlerRef.current.apply(handlerRef, args);
+  }, [
+    handlerRef
+  ]);
+};
+export {
+  useStableHandler
+};

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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 buildMapForTrees = function(treeIds, build) {
+  return treeIds.map(function(id) {
+    return [id, build(id)];
+  }).reduce(function(a, _a) {
+    var _b;
+    var id = _a[0], obj = _a[1];
+    return __assign(__assign({}, a), (_b = {}, _b[id] = obj, _b));
+  }, {});
+};
+var getDocument = function() {
+  return typeof document !== "undefined" ? document : void 0;
+};
+exports.buildMapForTrees = buildMapForTrees;
+exports.getDocument = getDocument;

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

@@ -0,0 +1,27 @@
+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 buildMapForTrees = function(treeIds, build) {
+  return treeIds.map(function(id) {
+    return [id, build(id)];
+  }).reduce(function(a, _a) {
+    var _b;
+    var id = _a[0], obj = _a[1];
+    return __assign(__assign({}, a), (_b = {}, _b[id] = obj, _b));
+  }, {});
+};
+var getDocument = function() {
+  return typeof document !== "undefined" ? document : void 0;
+};
+export {
+  buildMapForTrees,
+  getDocument
+};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var waitFor = function(check, intervalMs, timeoutMs) {
+  if (intervalMs === void 0) {
+    intervalMs = 50;
+  }
+  if (timeoutMs === void 0) {
+    timeoutMs = 1e4;
+  }
+  return new Promise(function(resolve) {
+    if (check()) {
+      resolve();
+    }
+    var complete;
+    var interval = setInterval(function() {
+      if (check()) {
+        complete();
+      }
+    }, intervalMs);
+    var timeout = setTimeout(function() {
+      complete();
+    }, timeoutMs);
+    complete = function() {
+      clearInterval(interval);
+      clearTimeout(timeout);
+      resolve();
+    };
+  });
+};
+exports.waitFor = waitFor;

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

@@ -0,0 +1,30 @@
+var waitFor = function(check, intervalMs, timeoutMs) {
+  if (intervalMs === void 0) {
+    intervalMs = 50;
+  }
+  if (timeoutMs === void 0) {
+    timeoutMs = 1e4;
+  }
+  return new Promise(function(resolve) {
+    if (check()) {
+      resolve();
+    }
+    var complete;
+    var interval = setInterval(function() {
+      if (check()) {
+        complete();
+      }
+    }, intervalMs);
+    var timeout = setTimeout(function() {
+      complete();
+    }, timeoutMs);
+    complete = function() {
+      clearInterval(interval);
+      clearTimeout(timeout);
+      resolve();
+    };
+  });
+};
+export {
+  waitFor
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/style-modern.css.qwik.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const reactTreeCss = ':root {\n  --rct-color-tree-bg: #f6f8fa;\n  --rct-color-tree-focus-outline: #0366d6;\n\n  --rct-color-focustree-item-selected-bg: #e8eaed;\n  --rct-color-focustree-item-selected-text: inherit;\n  --rct-color-focustree-item-focused-border: #0366d6;\n  --rct-color-focustree-item-draggingover-bg: #ebf0f4;\n  --rct-color-focustree-item-draggingover-color: inherit;\n\n  --rct-color-nonfocustree-item-selected-bg: #e8eaed;\n  --rct-color-nonfocustree-item-selected-text: inherit;\n  --rct-color-nonfocustree-item-focused-border: #dbdbdb;\n\n  --rct-color-search-highlight-bg: #a2aed2;\n  --rct-color-drag-between-line-bg: #0366d6;\n  --rct-color-arrow: #373a3f;\n\n  --rct-item-height: 22px;\n\n  --rct-color-renaming-input-submitbutton-bg: inherit;\n  --rct-color-renaming-input-submitbutton-bg-hover: #0366d6;\n  --rct-color-renaming-input-submitbutton-bg-active: #095fc1;\n\n  --rct-color-renaming-input-submitbutton-text: inherit;\n  --rct-color-renaming-input-submitbutton-text-hover: #ffffff;\n  --rct-color-renaming-input-submitbutton-text-active: #ffffff;\n}\n\n.rct-tree-root {\n  font-family: sans-serif;\n  background-color: var(--rct-color-tree-bg);\n  padding: 4px 0;\n}\n\n.rct-tree-root-focus {\n  outline: 1px solid var(--rct-color-tree-focus-outline);\n}\n\n.rct-tree-item-li {\n  font-size: 0.8rem;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.rct-tree-item-title-container {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  padding-left: var(--depthOffset, 0px);\n}\n\n.rct-tree-child-list {\n}\n\n.rct-tree-item-button {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  border: none;\n  width: 100%;\n  height: var(--rct-item-height);\n  text-align: left;\n  color: inherit;\n  outline: none;\n}\n\n.rct-tree-item-arrow {\n  width: 10px;\n}\n\n.rct-tree-item-arrow svg {\n  width: 10px;\n}\n\n.rct-tree-item-arrow-path {\n  fill: var(--rct-color-arrow);\n}\n\n.rct-tree-items-container {\n  margin: 0;\n  padding: 0;\n}\n\n.rct-tree-root:not(.rct-tree-root-focus) .rct-tree-item-title-container-selected {\n  background-color: var(--rct-color-nonfocustree-item-selected-bg);\n  color: var(--rct-color-nonfocustree-item-selected-text);\n}\n\n.rct-tree-root.rct-tree-root-focus .rct-tree-item-title-container-selected {\n  background-color: var(--rct-color-focustree-item-selected-bg);\n  color: var(--rct-color-focustree-item-selected-text);\n}\n\n.rct-tree-root.rct-tree-root-focus .rct-tree-item-title-container-focused {\n  outline: none;\n  border-color: var(--rct-color-focustree-item-focused-border);\n}\n\n.rct-tree-root:not(.rct-tree-root-focus) .rct-tree-item-title-container-focused {\n  outline: none;\n  border-color: var(--rct-color-nonfocustree-item-focused-border);\n}\n\n.rct-tree-item-title-container-dragging-over {\n  background-color: var(--rct-color-focustree-item-draggingover-bg);\n  color: var(--rct-color-focustree-item-draggingover-color);\n}\n\n.rct-tree-item-button-search-match {\n  font-style: italic;\n}\n\n.rct-tree-item-search-highlight {\n  background-color: var(--rct-color-search-highlight-bg);\n}\n\n.rct-tree-drag-between-line {\n  position: absolute;\n  right: 0;\n  top: -2px;\n  height: 4px;\n  background-color: var(--rct-color-drag-between-line-bg);\n}\n\n.rct-tree-drag-between-line-top {\n  top: 0;\n}\n\n.rct-tree-drag-between-line-bottom {\n  top: -4px;\n}\n\n.rct-tree-search-input-container {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 120px;\n}\n\n.rct-tree-search-input {\n  position: fixed;\n  width: 120px;\n}\n\n/* TODO see renaming form in multiple tree example, wraps around */\n\n.rct-tree-item-renaming-form {\n  flex-grow: 1;\n  display: flex;\n}\n\n.rct-tree-item-renaming-input {\n  flex-grow: 1;\n  background-color: inherit;\n  border: none;\n  color: inherit;\n  outline: none;\n}\n\n.rct-tree-item-renaming-submit-button {\n  border: none;\n  background-color: var(--rct-color-renaming-input-submitbutton-bg);\n  border-radius: 999px;\n  color: var(--rct-color-renaming-input-submitbutton-text);\n  cursor: pointer;\n}\n\n.rct-tree-item-renaming-submit-button:hover {\n  background-color: var(--rct-color-renaming-input-submitbutton-bg-hover);\n  color: var(--rct-color-renaming-input-submitbutton-text-hover);\n}\n\n.rct-tree-item-renaming-submit-button:active {\n  background-color: var(--rct-color-renaming-input-submitbutton-bg-active);\n  color: var(--rct-color-renaming-input-submitbutton-text-active);\n}\n\n:root {\n  --rct-color-tree-bg: transparent;\n  --rct-item-height: 28px;\n  --rct-color-search-highlight-bg: #acccf1;\n\n  --rct-color-tree-focus-outline: transparent;\n  --rct-item-margin: 1px;\n  --rct-item-padding: 8px;\n  --rct-radius: 4px;\n  --rct-bar-offset: 6px;\n  --rct-bar-width: 4px;\n  --rct-bar-color: #0366d6;\n  --rct-focus-outline: #000000;\n\n  --rct-color-focustree-item-selected-bg: #f0f2f5;\n  --rct-color-focustree-item-hover-bg: #f0f2f5;\n  --rct-color-focustree-item-hover-text: inherit;\n  --rct-color-focustree-item-active-bg: #e4e6eb;\n  --rct-color-focustree-item-active-text: #4f4f4f;\n\n  --rct-arrow-size: 10px;\n  --rct-arrow-container-size: 16px;\n  --rct-arrow-padding: 6px;\n\n  --rct-cursor: pointer;\n\n  --rct-search-width: 120px;\n  --rct-search-height: 16px;\n  --rct-search-padding: 8px;\n  --rct-search-border: #b4b7bd;\n  --rct-search-border-bottom: #0366d6;\n  --rct-search-bg: #f8f9fa;\n  --rct-search-text: #000000;\n  --rct-search-text-offset: calc(var(--rct-search-padding) * 2 + 16px);\n  --rct-search-container-width: calc(var(--rct-search-width) + var(--rct-search-text-offset) + var(--rct-search-padding) + 2px);\n}\n\n.rct-dark {\n  --rct-color-search-highlight-bg: #2f5381;\n\n  --rct-bar-color: #1d7be5;\n  --rct-focus-outline: #ffffff;\n\n  --rct-color-focustree-item-selected-text: #ffffff;\n  --rct-color-focustree-item-selected-bg: #373737;\n  --rct-color-focustree-item-hover-bg: #373737;\n  --rct-color-focustree-item-hover-text: #ffffff;\n  --rct-color-focustree-item-active-bg: #313131;\n  --rct-color-focustree-item-active-text: #ffffff;\n  --rct-color-focustree-item-draggingover-bg: #313131;\n  --rct-color-focustree-item-draggingover-color: #ffffff;\n  --rct-color-arrow: #ffffff;\n\n  --rct-search-border: #4f4f4f;\n  --rct-search-border-bottom: #1d7be5;\n  --rct-search-bg: #373737;\n  --rct-search-text: #ffffff;\n  --rct-search-text-offset: calc(var(--rct-search-padding) * 2 + 16px);\n}\n\n.rct-tree-item-button {\n  padding: 0 var(--rct-item-padding) 0 calc(var(--rct-item-padding) + var(--rct-arrow-container-size) + var(--rct-arrow-padding));\n  margin-left: calc(-1 * var(--rct-arrow-size));\n  cursor: var(--rct-cursor);\n  transition: color 100ms ease-out, background-color 100ms ease-out;\n}\n\n.rct-tree-item-button:focus-visible {\n  outline: 2px solid var(--rct-focus-outline);\n}\n\n.rct-tree-item-button:hover {\n  background-color: var(--rct-color-focustree-item-hover-bg);\n  color: var(--rct-color-focustree-item-hover-text);\n}\n\n.rct-tree-item-button:active {\n  background-color: var(--rct-color-focustree-item-active-bg);\n  color: var(--rct-color-focustree-item-active-text);\n}\n\n.rct-tree-item-title-container-selected .rct-tree-item-button {\n  background-color: var(--rct-color-focustree-item-selected-bg);\n  color: var(--rct-color-focustree-item-selected-text);\n}\n\n.rct-tree-item-title-container-selected .rct-tree-item-button::before {\n  content: " ";\n  position: absolute;\n  top: calc(var(--rct-bar-offset) + var(--rct-item-margin));\n  /* left: calc(-1 * var(--rct-bar-width));*/\n  left: calc(-0.5 * var(--rct-bar-width));\n  height: calc(var(--rct-item-height) - 2 * var(--rct-bar-offset));\n  width: var(--rct-bar-width);\n  background-color: var(--rct-bar-color);\n  border-radius: 99px;\n}\n\n.rct-tree-item-button {\n  margin-top: var(--rct-item-margin);\n  margin-bottom: var(--rct-item-margin);\n  position: relative;\n  border-radius: var(--rct-radius);\n}\n\n.rct-tree-item-title-container-dragging-over .rct-tree-item-button {\n  background-color: var(--rct-color-focustree-item-draggingover-bg);\n  color: var(--rct-color-focustree-item-draggingover-color);\n}\n\n.rct-tree-item-title-container {\n  border: none;\n  background-color: unset !important;\n}\n\n.rct-tree-item-arrow {\n  z-index: 1;\n  margin-right: calc(-1 * var(--rct-arrow-container-size) + var(--rct-arrow-padding));\n  width: var(--rct-arrow-container-size);\n  height: var(--rct-arrow-container-size);\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  border-radius: var(--rct-radius);\n  cursor: var(--rct-cursor);\n}\n\n.rct-tree-item-arrow.rct-tree-item-arrow-isFolder:hover {\n  background-color: var(--rct-color-focustree-item-hover-bg);\n  color: var(--rct-color-focustree-item-hover-text);\n}\n\n.rct-tree-item-arrow svg {\n  width: var(--rct-arrow-size);\n}\n\n.rct-tree-item-renaming-submit-button {\n  border-radius: var(--rct-radius);\n  visibility: hidden;\n}\n\n.rct-tree-drag-between-line {\n  border-radius: 99px;\n  height: 3px;\n}\n\n.rct-tree-search-input-container {\n  width: var(--rct-search-container-width);\n}\n\n.rct-tree-search-input {\n  width: var(--rct-search-width);\n  height: var(--rct-search-height);\n  padding: var(--rct-search-padding);\n  padding-left: var(--rct-search-text-offset);\n  margin: 0;\n  border: 1px solid var(--rct-search-border);\n  border-bottom: 2px solid var(--rct-search-border-bottom);\n  border-radius: var(--rct-radius);\n  background-color: var(--rct-search-bg);\n  color: var(--rct-search-text);\n}\n\n.rct-tree-search-input:focus {\n  outline: none;\n}\n\n.rct-tree-input-icon {\n  content: url(data:image/svg+xml,%3Csvg%20stroke%3D%22currentColor%22%20fill%3D%22currentColor%22%20stroke-width%3D%220%22%20viewBox%3D%220%200%2016%2016%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);\n  position: fixed;\n  transform: translateY(var(--rct-search-padding)) translateX(var(--rct-search-padding));\n  z-index: 1;\n}\n\n.rct-dark .rct-tree-input-icon {\n  content: url(data:image/svg+xml,%3Csvg%20stroke%3D%22%23ffffff%22%20fill%3D%22%23ffffff%22%20stroke-width%3D%220%22%20viewBox%3D%220%200%2016%2016%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);\n}\n\n.rct-rtl .rct-tree-item-title-container {\n  flex-direction: row-reverse;\n}\n\n.rct-rtl .rct-tree-item-button {\n  text-align: right;\n  justify-content: flex-end;\n}\n\n.rct-rtl .rct-tree-item-title-container {\n  padding-right: var(--depthOffset, 0px);\n  padding-left: 0;\n}\n\n.rct-rtl .rct-tree-item-title-container-selected .rct-tree-item-button::before {\n  left: unset;\n  right: calc(-0.5 * var(--rct-bar-width));\n}\n\n.rct-rtl .rct-tree-item-arrow {\n  margin-left: 4px;\n}\n\n.rct-rtl .rct-tree-item-arrow:not(.rct-tree-item-arrow-expanded) {\n  transform: rotate(180deg);\n}';
+module.exports = reactTreeCss;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/style-modern.css.qwik.mjs

@@ -0,0 +1,4 @@
+const reactTreeCss = ':root {\n  --rct-color-tree-bg: #f6f8fa;\n  --rct-color-tree-focus-outline: #0366d6;\n\n  --rct-color-focustree-item-selected-bg: #e8eaed;\n  --rct-color-focustree-item-selected-text: inherit;\n  --rct-color-focustree-item-focused-border: #0366d6;\n  --rct-color-focustree-item-draggingover-bg: #ebf0f4;\n  --rct-color-focustree-item-draggingover-color: inherit;\n\n  --rct-color-nonfocustree-item-selected-bg: #e8eaed;\n  --rct-color-nonfocustree-item-selected-text: inherit;\n  --rct-color-nonfocustree-item-focused-border: #dbdbdb;\n\n  --rct-color-search-highlight-bg: #a2aed2;\n  --rct-color-drag-between-line-bg: #0366d6;\n  --rct-color-arrow: #373a3f;\n\n  --rct-item-height: 22px;\n\n  --rct-color-renaming-input-submitbutton-bg: inherit;\n  --rct-color-renaming-input-submitbutton-bg-hover: #0366d6;\n  --rct-color-renaming-input-submitbutton-bg-active: #095fc1;\n\n  --rct-color-renaming-input-submitbutton-text: inherit;\n  --rct-color-renaming-input-submitbutton-text-hover: #ffffff;\n  --rct-color-renaming-input-submitbutton-text-active: #ffffff;\n}\n\n.rct-tree-root {\n  font-family: sans-serif;\n  background-color: var(--rct-color-tree-bg);\n  padding: 4px 0;\n}\n\n.rct-tree-root-focus {\n  outline: 1px solid var(--rct-color-tree-focus-outline);\n}\n\n.rct-tree-item-li {\n  font-size: 0.8rem;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.rct-tree-item-title-container {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid transparent;\n  padding-left: var(--depthOffset, 0px);\n}\n\n.rct-tree-child-list {\n}\n\n.rct-tree-item-button {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  border: none;\n  width: 100%;\n  height: var(--rct-item-height);\n  text-align: left;\n  color: inherit;\n  outline: none;\n}\n\n.rct-tree-item-arrow {\n  width: 10px;\n}\n\n.rct-tree-item-arrow svg {\n  width: 10px;\n}\n\n.rct-tree-item-arrow-path {\n  fill: var(--rct-color-arrow);\n}\n\n.rct-tree-items-container {\n  margin: 0;\n  padding: 0;\n}\n\n.rct-tree-root:not(.rct-tree-root-focus) .rct-tree-item-title-container-selected {\n  background-color: var(--rct-color-nonfocustree-item-selected-bg);\n  color: var(--rct-color-nonfocustree-item-selected-text);\n}\n\n.rct-tree-root.rct-tree-root-focus .rct-tree-item-title-container-selected {\n  background-color: var(--rct-color-focustree-item-selected-bg);\n  color: var(--rct-color-focustree-item-selected-text);\n}\n\n.rct-tree-root.rct-tree-root-focus .rct-tree-item-title-container-focused {\n  outline: none;\n  border-color: var(--rct-color-focustree-item-focused-border);\n}\n\n.rct-tree-root:not(.rct-tree-root-focus) .rct-tree-item-title-container-focused {\n  outline: none;\n  border-color: var(--rct-color-nonfocustree-item-focused-border);\n}\n\n.rct-tree-item-title-container-dragging-over {\n  background-color: var(--rct-color-focustree-item-draggingover-bg);\n  color: var(--rct-color-focustree-item-draggingover-color);\n}\n\n.rct-tree-item-button-search-match {\n  font-style: italic;\n}\n\n.rct-tree-item-search-highlight {\n  background-color: var(--rct-color-search-highlight-bg);\n}\n\n.rct-tree-drag-between-line {\n  position: absolute;\n  right: 0;\n  top: -2px;\n  height: 4px;\n  background-color: var(--rct-color-drag-between-line-bg);\n}\n\n.rct-tree-drag-between-line-top {\n  top: 0;\n}\n\n.rct-tree-drag-between-line-bottom {\n  top: -4px;\n}\n\n.rct-tree-search-input-container {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 120px;\n}\n\n.rct-tree-search-input {\n  position: fixed;\n  width: 120px;\n}\n\n/* TODO see renaming form in multiple tree example, wraps around */\n\n.rct-tree-item-renaming-form {\n  flex-grow: 1;\n  display: flex;\n}\n\n.rct-tree-item-renaming-input {\n  flex-grow: 1;\n  background-color: inherit;\n  border: none;\n  color: inherit;\n  outline: none;\n}\n\n.rct-tree-item-renaming-submit-button {\n  border: none;\n  background-color: var(--rct-color-renaming-input-submitbutton-bg);\n  border-radius: 999px;\n  color: var(--rct-color-renaming-input-submitbutton-text);\n  cursor: pointer;\n}\n\n.rct-tree-item-renaming-submit-button:hover {\n  background-color: var(--rct-color-renaming-input-submitbutton-bg-hover);\n  color: var(--rct-color-renaming-input-submitbutton-text-hover);\n}\n\n.rct-tree-item-renaming-submit-button:active {\n  background-color: var(--rct-color-renaming-input-submitbutton-bg-active);\n  color: var(--rct-color-renaming-input-submitbutton-text-active);\n}\n\n:root {\n  --rct-color-tree-bg: transparent;\n  --rct-item-height: 28px;\n  --rct-color-search-highlight-bg: #acccf1;\n\n  --rct-color-tree-focus-outline: transparent;\n  --rct-item-margin: 1px;\n  --rct-item-padding: 8px;\n  --rct-radius: 4px;\n  --rct-bar-offset: 6px;\n  --rct-bar-width: 4px;\n  --rct-bar-color: #0366d6;\n  --rct-focus-outline: #000000;\n\n  --rct-color-focustree-item-selected-bg: #f0f2f5;\n  --rct-color-focustree-item-hover-bg: #f0f2f5;\n  --rct-color-focustree-item-hover-text: inherit;\n  --rct-color-focustree-item-active-bg: #e4e6eb;\n  --rct-color-focustree-item-active-text: #4f4f4f;\n\n  --rct-arrow-size: 10px;\n  --rct-arrow-container-size: 16px;\n  --rct-arrow-padding: 6px;\n\n  --rct-cursor: pointer;\n\n  --rct-search-width: 120px;\n  --rct-search-height: 16px;\n  --rct-search-padding: 8px;\n  --rct-search-border: #b4b7bd;\n  --rct-search-border-bottom: #0366d6;\n  --rct-search-bg: #f8f9fa;\n  --rct-search-text: #000000;\n  --rct-search-text-offset: calc(var(--rct-search-padding) * 2 + 16px);\n  --rct-search-container-width: calc(var(--rct-search-width) + var(--rct-search-text-offset) + var(--rct-search-padding) + 2px);\n}\n\n.rct-dark {\n  --rct-color-search-highlight-bg: #2f5381;\n\n  --rct-bar-color: #1d7be5;\n  --rct-focus-outline: #ffffff;\n\n  --rct-color-focustree-item-selected-text: #ffffff;\n  --rct-color-focustree-item-selected-bg: #373737;\n  --rct-color-focustree-item-hover-bg: #373737;\n  --rct-color-focustree-item-hover-text: #ffffff;\n  --rct-color-focustree-item-active-bg: #313131;\n  --rct-color-focustree-item-active-text: #ffffff;\n  --rct-color-focustree-item-draggingover-bg: #313131;\n  --rct-color-focustree-item-draggingover-color: #ffffff;\n  --rct-color-arrow: #ffffff;\n\n  --rct-search-border: #4f4f4f;\n  --rct-search-border-bottom: #1d7be5;\n  --rct-search-bg: #373737;\n  --rct-search-text: #ffffff;\n  --rct-search-text-offset: calc(var(--rct-search-padding) * 2 + 16px);\n}\n\n.rct-tree-item-button {\n  padding: 0 var(--rct-item-padding) 0 calc(var(--rct-item-padding) + var(--rct-arrow-container-size) + var(--rct-arrow-padding));\n  margin-left: calc(-1 * var(--rct-arrow-size));\n  cursor: var(--rct-cursor);\n  transition: color 100ms ease-out, background-color 100ms ease-out;\n}\n\n.rct-tree-item-button:focus-visible {\n  outline: 2px solid var(--rct-focus-outline);\n}\n\n.rct-tree-item-button:hover {\n  background-color: var(--rct-color-focustree-item-hover-bg);\n  color: var(--rct-color-focustree-item-hover-text);\n}\n\n.rct-tree-item-button:active {\n  background-color: var(--rct-color-focustree-item-active-bg);\n  color: var(--rct-color-focustree-item-active-text);\n}\n\n.rct-tree-item-title-container-selected .rct-tree-item-button {\n  background-color: var(--rct-color-focustree-item-selected-bg);\n  color: var(--rct-color-focustree-item-selected-text);\n}\n\n.rct-tree-item-title-container-selected .rct-tree-item-button::before {\n  content: " ";\n  position: absolute;\n  top: calc(var(--rct-bar-offset) + var(--rct-item-margin));\n  /* left: calc(-1 * var(--rct-bar-width));*/\n  left: calc(-0.5 * var(--rct-bar-width));\n  height: calc(var(--rct-item-height) - 2 * var(--rct-bar-offset));\n  width: var(--rct-bar-width);\n  background-color: var(--rct-bar-color);\n  border-radius: 99px;\n}\n\n.rct-tree-item-button {\n  margin-top: var(--rct-item-margin);\n  margin-bottom: var(--rct-item-margin);\n  position: relative;\n  border-radius: var(--rct-radius);\n}\n\n.rct-tree-item-title-container-dragging-over .rct-tree-item-button {\n  background-color: var(--rct-color-focustree-item-draggingover-bg);\n  color: var(--rct-color-focustree-item-draggingover-color);\n}\n\n.rct-tree-item-title-container {\n  border: none;\n  background-color: unset !important;\n}\n\n.rct-tree-item-arrow {\n  z-index: 1;\n  margin-right: calc(-1 * var(--rct-arrow-container-size) + var(--rct-arrow-padding));\n  width: var(--rct-arrow-container-size);\n  height: var(--rct-arrow-container-size);\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  border-radius: var(--rct-radius);\n  cursor: var(--rct-cursor);\n}\n\n.rct-tree-item-arrow.rct-tree-item-arrow-isFolder:hover {\n  background-color: var(--rct-color-focustree-item-hover-bg);\n  color: var(--rct-color-focustree-item-hover-text);\n}\n\n.rct-tree-item-arrow svg {\n  width: var(--rct-arrow-size);\n}\n\n.rct-tree-item-renaming-submit-button {\n  border-radius: var(--rct-radius);\n  visibility: hidden;\n}\n\n.rct-tree-drag-between-line {\n  border-radius: 99px;\n  height: 3px;\n}\n\n.rct-tree-search-input-container {\n  width: var(--rct-search-container-width);\n}\n\n.rct-tree-search-input {\n  width: var(--rct-search-width);\n  height: var(--rct-search-height);\n  padding: var(--rct-search-padding);\n  padding-left: var(--rct-search-text-offset);\n  margin: 0;\n  border: 1px solid var(--rct-search-border);\n  border-bottom: 2px solid var(--rct-search-border-bottom);\n  border-radius: var(--rct-radius);\n  background-color: var(--rct-search-bg);\n  color: var(--rct-search-text);\n}\n\n.rct-tree-search-input:focus {\n  outline: none;\n}\n\n.rct-tree-input-icon {\n  content: url(data:image/svg+xml,%3Csvg%20stroke%3D%22currentColor%22%20fill%3D%22currentColor%22%20stroke-width%3D%220%22%20viewBox%3D%220%200%2016%2016%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);\n  position: fixed;\n  transform: translateY(var(--rct-search-padding)) translateX(var(--rct-search-padding));\n  z-index: 1;\n}\n\n.rct-dark .rct-tree-input-icon {\n  content: url(data:image/svg+xml,%3Csvg%20stroke%3D%22%23ffffff%22%20fill%3D%22%23ffffff%22%20stroke-width%3D%220%22%20viewBox%3D%220%200%2016%2016%22%20height%3D%221em%22%20width%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);\n}\n\n.rct-rtl .rct-tree-item-title-container {\n  flex-direction: row-reverse;\n}\n\n.rct-rtl .rct-tree-item-button {\n  text-align: right;\n  justify-content: flex-end;\n}\n\n.rct-rtl .rct-tree-item-title-container {\n  padding-right: var(--depthOffset, 0px);\n  padding-left: 0;\n}\n\n.rct-rtl .rct-tree-item-title-container-selected .rct-tree-item-button::before {\n  left: unset;\n  right: calc(-0.5 * var(--rct-bar-width));\n}\n\n.rct-rtl .rct-tree-item-arrow {\n  margin-left: 4px;\n}\n\n.rct-rtl .rct-tree-item-arrow:not(.rct-tree-item-arrow-expanded) {\n  transform: rotate(180deg);\n}';
+export {
+  reactTreeCss as default
+};