@vobs/devtools-ui 1.2.0 → 1.2.2

package/dist/index.js

@@ -1,1376 +1,14 @@
-import 'axios';
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// packages/reactivity/src/debug.ts
-var activeDebugHooks = null;
-var signalNames = /* @__PURE__ */ new WeakMap();
-function hasDebugHooks() {
-  return activeDebugHooks !== null;
-}
-__name(hasDebugHooks, "hasDebugHooks");
-function setSignalDebugName(signal, name) {
-  signalNames.set(signal, name);
-  invokeDebug("signalNamed", signal, name);
-}
-__name(setSignalDebugName, "setSignalDebugName");
-function invokeDebug(name, ...args) {
-  return;
-}
-__name(invokeDebug, "invokeDebug");
-
-// packages/reactivity/src/owner.ts
-var currentOwner = null;
-var nextOwnerId = 1;
-var ownerNames = /* @__PURE__ */ new WeakMap();
-function createOwner() {
-  const parent = currentOwner;
-  let disposed = parent?.disposed ?? false;
-  const children = [];
-  const cleanups = [];
-  const errorHandlers = /* @__PURE__ */ new Set();
-  const owner = {
-    id: `owner-${nextOwnerId++}`,
-    parent,
-    children,
-    depth: (parent?.depth ?? -1) + 1,
-    get disposed() {
-      return disposed;
-    },
-    run(fn) {
-      if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
-      const previous = currentOwner;
-      currentOwner = owner;
-      try {
-        return fn();
-      } finally {
-        currentOwner = previous;
-      }
-    },
-    addCleanup(cleanup) {
-      if (disposed) {
-        cleanup();
-        return;
-      }
-      cleanups.push(cleanup);
-    },
-    onDispose(cleanup) {
-      owner.addCleanup(cleanup);
-    },
-    onError(handler) {
-      errorHandlers.add(handler);
-      const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
-      owner.addCleanup(remove);
-      return remove;
-    },
-    handleError(error) {
-      for (const handler of [...errorHandlers].reverse()) {
-        try {
-          handler(error);
-          return true;
-        } catch (handlerError) {
-          return parent?.handleError(handlerError) ?? false;
-        }
-      }
-      return parent?.handleError(error) ?? false;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      for (const child of [...children]) child.dispose();
-      children.length = 0;
-      let firstError;
-      for (let index = cleanups.length - 1; index >= 0; index--) {
-        try {
-          cleanups[index]();
-        } catch (error) {
-          firstError ?? (firstError = error);
-        }
-      }
-      cleanups.length = 0;
-      if (parent) {
-        const index = parent.children.indexOf(owner);
-        if (index >= 0) parent.children.splice(index, 1);
-      }
-      if (firstError) throw firstError;
-    }
-  };
-  if (parent && !parent.disposed) parent.children.push(owner);
-  return owner;
-}
-__name(createOwner, "createOwner");
-function setOwnerDebugName(owner, name) {
-  ownerNames.set(owner, name);
-}
-__name(setOwnerDebugName, "setOwnerDebugName");
-function getCurrentOwner() {
-  return currentOwner;
-}
-__name(getCurrentOwner, "getCurrentOwner");
-function onDispose(cleanup) {
-  const owner = getCurrentOwner();
-  if (!owner) throw new Error("Vobs: onDispose \u5FC5\u987B\u5728 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
-  owner.onDispose(cleanup);
-}
-__name(onDispose, "onDispose");
-
-// packages/reactivity/src/signal.ts
-var currentSubscriber = null;
-function getCurrentSubscriber() {
-  return currentSubscriber;
-}
-__name(getCurrentSubscriber, "getCurrentSubscriber");
-function setCurrentSubscriber(subscriber) {
-  currentSubscriber = subscriber;
-}
-__name(setCurrentSubscriber, "setCurrentSubscriber");
-function trackDependency(dependency) {
-  if (!currentSubscriber || currentSubscriber.disposed) return;
-  !currentSubscriber.dependencies.has(dependency);
-  currentSubscriber.dependencies.add(dependency);
-}
-__name(trackDependency, "trackDependency");
-function state(initialValue, debugName) {
-  let value = initialValue;
-  let disposed = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const signalInstance = {
-    get value() {
-      const subscriber = getCurrentSubscriber();
-      if (subscriber && !subscriber.disposed) {
-        subscribers.add(subscriber);
-        trackDependency(signalInstance);
-      }
-      return value;
-    },
-    set value(nextValue) {
-      if (disposed || Object.is(value, nextValue)) return;
-      value = nextValue;
-      for (const subscriber of [...subscribers]) subscriber.notify();
-    },
-    unsubscribe(subscriber) {
-      subscribers.delete(subscriber);
-    },
-    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。
-    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。
-    set(next) {
-      signalInstance.value = next;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      subscribers.clear();
-    }
-  };
-  const owner = getCurrentOwner();
-  owner?.addCleanup(signalInstance.dispose);
-  if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
-  return signalInstance;
-}
-__name(state, "state");
-
-// packages/reactivity/src/scheduler.ts
-var _Scheduler = class _Scheduler {
-  constructor() {
-    this.dirtyEffects = /* @__PURE__ */ new Set();
-    this.lowPriorityEffects = /* @__PURE__ */ new Set();
-    // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。
-    this.normalBuffer = [];
-    this.lowBuffer = [];
-    this.flushing = false;
-    this.scheduled = false;
-    this.batchDepth = 0;
-  }
-  schedule(effect2) {
-    if (effect2.disposed) return;
-    this.dirtyEffects.add(effect2);
-    this.lowPriorityEffects.delete(effect2);
-    this.ensureScheduled();
-  }
-  /** Queue an effect behind normal updates while preserving deterministic order. */
-  scheduleLow(effect2) {
-    if (effect2.disposed) return;
-    if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
-    this.ensureScheduled();
-  }
-  ensureScheduled() {
-    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
-      this.scheduled = true;
-      queueMicrotask(() => {
-        this.scheduled = false;
-        this.flush();
-      });
-    }
-  }
-  remove(effect2) {
-    this.dirtyEffects.delete(effect2);
-    this.lowPriorityEffects.delete(effect2);
-  }
-  batch(fn) {
-    this.batchDepth++;
-    try {
-      return fn();
-    } finally {
-      this.batchDepth--;
-      if (this.batchDepth === 0) this.flush();
-    }
-  }
-  flush() {
-    if (this.flushing || this.batchDepth > 0) return;
-    this.flushing = true;
-    let rounds = 0;
-    let firstError;
-    let hasError = false;
-    try {
-      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
-        if (++rounds > 100) {
-          this.dirtyEffects.clear();
-          this.lowPriorityEffects.clear();
-          throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
-        }
-        this.collectRunnable(this.dirtyEffects, this.normalBuffer);
-        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
-        sortEffects(this.normalBuffer);
-        sortEffects(this.lowBuffer);
-        for (const effect2 of this.normalBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        for (const effect2 of this.lowBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        this.normalBuffer.length = 0;
-        this.lowBuffer.length = 0;
-      }
-    } finally {
-      this.normalBuffer.length = 0;
-      this.lowBuffer.length = 0;
-      this.flushing = false;
-    }
-    if (hasError) throw firstError;
-  }
-  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */
-  collectRunnable(source, target) {
-    for (const effect2 of source) {
-      if (!effect2.disposed) target.push(effect2);
-    }
-    source.clear();
-  }
-};
-__name(_Scheduler, "Scheduler");
-var Scheduler = _Scheduler;
-function sortEffects(effects) {
-  if (effects.length > 1) {
-    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
-  }
-}
-__name(sortEffects, "sortEffects");
-var scheduler = new Scheduler();
-
-// packages/reactivity/src/effect.ts
-var nextEffectOrder = 1;
-function cleanupDependencies(subscriber) {
-  for (const dependency of subscriber.dependencies) {
-    dependency.unsubscribe(subscriber);
-  }
-  subscriber.dependencies.clear();
-}
-__name(cleanupDependencies, "cleanupDependencies");
-function effect(callback) {
-  const owner = getCurrentOwner();
-  let cleanup;
-  let dirty = true;
-  let disposed = false;
-  const eff = {
-    order: nextEffectOrder++,
-    depth: owner?.depth ?? 0,
-    dependencies: /* @__PURE__ */ new Set(),
-    get disposed() {
-      return disposed;
-    },
-    notify() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.schedule(eff);
-    },
-    run() {
-      if (disposed || !dirty) return;
-      dirty = false;
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          const handled2 = owner?.handleError(error) ?? false;
-          if (!handled2) cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      const previous = getCurrentSubscriber();
-      setCurrentSubscriber(eff);
-      let thrown;
-      let handled = false;
-      try {
-        const result = owner ? owner.run(callback) : callback();
-        cleanup = typeof result === "function" ? result : void 0;
-      } catch (error) {
-        thrown = error;
-        handled = owner?.handleError(error) ?? false;
-        if (!handled) throw error;
-      } finally {
-        setCurrentSubscriber(previous);
-      }
-      if (cleanupError && !thrown) throw cleanupError;
-    },
-    scheduleLow() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.scheduleLow(eff);
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      dirty = false;
-      scheduler.remove(eff);
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          const handled = owner?.handleError(error) ?? false;
-          if (!handled) cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      if (cleanupError) throw cleanupError;
-    }
-  };
-  owner?.addCleanup(eff.dispose);
-  eff.run();
-  return eff;
-}
-__name(effect, "effect");
-
-// packages/runtime/src/debug.ts
-var activeRuntimeDebugHooks = null;
-function getRuntimeDebugHooks() {
-  return activeRuntimeDebugHooks;
-}
-__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
-function invokeRuntimeDebug(name, ...args) {
-  return;
-}
-__name(invokeRuntimeDebug, "invokeRuntimeDebug");
-function readDebugValue(read) {
-  try {
-    return read();
-  } catch {
-    return "[Uninspectable]";
-  }
-}
-__name(readDebugValue, "readDebugValue");
-function describeDebugNode(node) {
-  if (!node || typeof node !== "object") return "node";
-  const value = node;
-  const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
-  const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
-  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
-  return `${name}${id}${className}`;
-}
-__name(describeDebugNode, "describeDebugNode");
-
-// packages/runtime/src/hmr.ts
-var globalTarget = globalThis;
-var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
-globalTarget.__VOBS_HMR__ = hmrGlobal;
-function registerHmrInstance(moduleId, instance) {
-  const instances = getModule(moduleId).instances;
-  instances.add(instance);
-  return () => instances.delete(instance);
-}
-__name(registerHmrInstance, "registerHmrInstance");
-function markHmrInstanceMounted(node, parent) {
-  const instance = hmrInstances.get(node);
-  if (instance) instance.parent = parent;
-}
-__name(markHmrInstanceMounted, "markHmrInstanceMounted");
-function getModule(moduleId) {
-  let module = hmrGlobal.modules.get(moduleId);
-  if (!module) {
-    module = { components: /* @__PURE__ */ new Map(), state: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Set() };
-    hmrGlobal.modules.set(moduleId, module);
-  }
-  return module;
-}
-__name(getModule, "getModule");
-var hmrInstances = /* @__PURE__ */ new WeakMap();
-function associateHmrInstance(node, instance) {
-  hmrInstances.set(node, instance);
-}
-__name(associateHmrInstance, "associateHmrInstance");
-var nodeOwners = /* @__PURE__ */ new WeakMap();
-var eventBindings = /* @__PURE__ */ new WeakMap();
-function getRenderer() {
-  {
-    throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
-  }
-}
-__name(getRenderer, "getRenderer");
-function createText(content) {
-  return getRenderer().createText(content);
-}
-__name(createText, "createText");
-function createElement(tag) {
-  return getRenderer().createElement(tag);
-}
-__name(createElement, "createElement");
-function createComment(content) {
-  return getRenderer().createComment(content);
-}
-__name(createComment, "createComment");
-function insertBefore(parent, child, anchor) {
-  if (isVobsFragment(child)) {
-    child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
-    return;
-  }
-  getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
-  markHmrInstanceMounted(child, parent);
-}
-__name(insertBefore, "insertBefore");
-function removeChild(parent, child) {
-  disposeNodeOwner(child);
-  if (isVobsFragment(child)) {
-    child.unmount(parent);
-    return;
-  }
-  getRenderer().removeChild(parent, child);
-}
-__name(removeChild, "removeChild");
-function setTextContent(node, content) {
-  getRenderer().setTextContent(node, content);
-}
-__name(setTextContent, "setTextContent");
-function setProperty(node, key, value) {
-  getRenderer().setProperty(node, key, value);
-}
-__name(setProperty, "setProperty");
-function setAttribute(node, key, value) {
-  getRenderer().setAttribute(node, key, value);
-}
-__name(setAttribute, "setAttribute");
-function addEventListener(node, event, handler) {
-  const renderer = getRenderer();
-  const owner = getCurrentOwner();
-  let bindings = eventBindings.get(node);
-  if (!bindings) {
-    bindings = /* @__PURE__ */ new Map();
-    eventBindings.set(node, bindings);
-  }
-  const previous = bindings.get(event);
-  if (previous && previous.original === handler && previous.owner === owner) return;
-  if (previous) renderer.removeEventListener(node, event, previous.handler);
-  const listener = owner ? (reason) => {
-    try {
-      owner.run(() => handler(reason));
-    } catch (error) {
-      const handled = owner.handleError(error);
-      invokeRuntimeDebug("error", {
-        error,
-        owner,
-        phase: "event",
-        handled,
-        recovery: handled ? "handled" : "propagated"
-      });
-      if (!handled) throw error;
-    }
-  } : handler;
-  const binding = { handler: listener, owner, original: handler };
-  bindings.set(event, binding);
-  renderer.addEventListener(node, event, listener);
-  owner?.onDispose(() => {
-    if (bindings?.get(event) !== binding) return;
-    bindings.delete(event);
-    renderer.removeEventListener(node, event, listener);
-  });
-}
-__name(addEventListener, "addEventListener");
-function createComponent(component, props, source) {
-  const owner = createOwner();
-  const componentName = component.displayName || component.name || "anonymous";
-  setOwnerDebugName(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
-  owner.onError((reason) => {
-    attachSourceLocation(reason, source);
-    attachComponentContext(reason, componentName, owner.id);
-    throw reason;
-  });
-  let node;
-  try {
-    node = owner.run(() => component(props));
-  } catch (error) {
-    owner.dispose();
-    attachSourceLocation(error, source);
-    attachComponentContext(error, componentName, owner.id);
-    throw error;
-  }
-  associateNodeOwner(node, owner);
-  const hmrKey = component.hmrKey;
-  if (hmrKey) {
-    const instance = {
-      node,
-      parent: null,
-      refresh() {
-        const previous = instance.node;
-        const next = owner.run(() => component(props));
-        if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
-          getRenderer().insertBefore(instance.parent, next, previous);
-          getRenderer().removeChild(instance.parent, previous);
-        }
-        nodeOwners.delete(previous);
-        nodeOwners.set(next, owner);
-        associateHmrInstance(next, instance);
-        instance.node = next;
-      }
-    };
-    associateHmrInstance(node, instance);
-    const separator = hmrKey.lastIndexOf(":");
-    const moduleId = separator < 0 ? hmrKey : hmrKey.slice(0, separator);
-    const cleanup = registerHmrInstance(moduleId, instance);
-    owner.onDispose(cleanup);
-  }
-  return node;
-}
-__name(createComponent, "createComponent");
-function attachSourceLocation(reason, source) {
-  if (!source || (!reason || typeof reason !== "object" && typeof reason !== "function")) return;
-  const error = reason;
-  if (error.vobsSource) return;
-  try {
-    Object.defineProperty(error, "vobsSource", {
-      configurable: true,
-      enumerable: false,
-      value: source,
-      writable: false
-    });
-  } catch {
-  }
-}
-__name(attachSourceLocation, "attachSourceLocation");
-function attachComponentContext(reason, component, ownerId) {
-  if (!reason || typeof reason !== "object" && typeof reason !== "function") return;
-  const error = reason;
-  try {
-    if (!error.vobsComponent) Object.defineProperty(error, "vobsComponent", { configurable: true, enumerable: false, value: component, writable: false });
-    if (!error.vobsOwnerId) Object.defineProperty(error, "vobsOwnerId", { configurable: true, enumerable: false, value: ownerId, writable: false });
-  } catch {
-  }
-}
-__name(attachComponentContext, "attachComponentContext");
-function createBlock(factory) {
-  const owner = createOwner();
-  setOwnerDebugName(owner, "dynamic");
-  let node;
-  try {
-    node = owner.run(factory);
-  } catch (error) {
-    owner.dispose();
-    throw error;
-  }
-  if (!node) {
-    owner.dispose();
-    return null;
-  }
-  associateNodeOwner(node, owner);
-  return node;
-}
-__name(createBlock, "createBlock");
-function associateNodeOwner(node, owner) {
-  nodeOwners.set(node, owner);
-}
-__name(associateNodeOwner, "associateNodeOwner");
-function disposeNodeOwner(node) {
-  const owner = nodeOwners.get(node);
-  if (!owner) return;
-  nodeOwners.delete(node);
-  owner.dispose();
-}
-__name(disposeNodeOwner, "disposeNodeOwner");
-
-// packages/runtime/src/fragment.ts
-function createFragment(factory) {
-  const start = createComment("vobs:fragment:start");
-  const end = createComment("vobs:fragment:end");
-  let parent = null;
-  let initialized = false;
-  const owner = getCurrentOwner();
-  const fragment = {
-    kind: "vobs-fragment",
-    start,
-    end,
-    mount(nextParent, anchor) {
-      if (parent && parent !== nextParent) {
-        throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
-      }
-      if (initialized) {
-        moveRange(nextParent, start, end, anchor);
-        return;
-      }
-      const renderer = getRenderer();
-      renderer.insertBefore(nextParent, start, anchor);
-      renderer.insertBefore(nextParent, end, anchor);
-      parent = nextParent;
-      initialized = true;
-      if (owner) owner.run(() => factory(nextParent, end));
-      else factory(nextParent, end);
-    },
-    unmount(nextParent) {
-      if (!initialized || parent !== nextParent) {
-        throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
-      }
-      const renderer = getRenderer();
-      let current = renderer.nextSibling(start);
-      while (current && current !== end) {
-        const next = renderer.nextSibling(current);
-        renderer.removeChild(nextParent, current);
-        current = next;
-      }
-      renderer.removeChild(nextParent, start);
-      renderer.removeChild(nextParent, end);
-      parent = null;
-      initialized = false;
-    }
-  };
-  return fragment;
-}
-__name(createFragment, "createFragment");
-function isVobsFragment(value) {
-  return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
-}
-__name(isVobsFragment, "isVobsFragment");
-function moveRange(parent, start, end, anchor) {
-  const renderer = getRenderer();
-  const nodes = [start];
-  let current = renderer.nextSibling(start);
-  while (current) {
-    nodes.push(current);
-    if (current === end) break;
-    current = renderer.nextSibling(current);
-  }
-  if (nodes[nodes.length - 1] !== end) {
-    throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
-  }
-  for (const node of nodes) renderer.insertBefore(parent, node, anchor);
-}
-__name(moveRange, "moveRange");
-
-// packages/runtime/src/dynamic.ts
-function insertDynamic(parent, anchor, factory) {
-  const marker = createComment("vobs:dynamic");
-  insertBefore(parent, marker, anchor);
-  let current = null;
-  effect(() => {
-    const next = createBlock(factory);
-    if (next === current) return;
-    if (current) removeChild(parent, current);
-    current = next;
-    if (current) insertBefore(parent, current, marker);
-  });
-}
-__name(insertDynamic, "insertDynamic");
-
-// packages/vobs/src/context.ts
-var ownerProviders = /* @__PURE__ */ new WeakMap();
-function inject(key, fallback) {
-  const owner = getCurrentOwner();
-  const value = owner ? injectFromOwner(owner, key) : void 0;
-  return value === void 0 ? fallback : value;
-}
-__name(inject, "inject");
-function injectFromOwner(owner, key) {
-  let current = owner;
-  while (current) {
-    const providers = ownerProviders.get(current);
-    if (providers?.has(key)) return providers.get(key);
-    current = current.parent;
-  }
-  return void 0;
-}
-__name(injectFromOwner, "injectFromOwner");
-
-// packages/vobs/src/app.ts
-function createInjectionKey(description) {
-  return Symbol(description);
-}
-__name(createInjectionKey, "createInjectionKey");
-var HTTP_KEY = createInjectionKey("vobs.http");
-var activeDevTools = null;
-function getDevTools() {
-  return activeDevTools;
-}
-__name(getDevTools, "getDevTools");
-
-// packages/ui/src/utils.ts
-function classNames(...values) {
-  return values.flatMap((value) => typeof value === "string" ? value.trim().split(/\s+/u) : []).filter(Boolean).join(" ");
-}
-__name(classNames, "classNames");
-function readProp(props, name, fallback) {
-  const value = Reflect.get(props, name);
-  return value === void 0 ? fallback : value;
-}
-__name(readProp, "readProp");
-function hasProp(props, name) {
-  return name in props;
-}
-__name(hasProp, "hasProp");
-function bindClassList(root, props, readBaseClasses) {
-  effect(() => {
-    setAttribute(root, "class", classNames(
-      ...readBaseClasses(),
-      readString(props, "class"),
-      readString(props, "className")
-    ));
-  });
-}
-__name(bindClassList, "bindClassList");
-function bindCommonAttributes(root, props, skip = [], options = {}) {
-  const ignored = new Set(skip);
-  ignored.add("class");
-  ignored.add("className");
-  ignored.add("children");
-  ignored.add("style");
-  effect(() => {
-    const next = /* @__PURE__ */ new Map();
-    for (const name of Object.keys(props)) {
-      if (ignored.has(name) || name.startsWith("on")) continue;
-      if (!isCommonAttribute(name)) continue;
-      if (options.includeDataAria === false && (name.startsWith("aria-") || name.startsWith("data-"))) continue;
-      const value = Reflect.get(props, name);
-      const normalized = normalizeAttribute(name, value);
-      if (normalized !== void 0) next.set(normalized.name, normalized.value);
-    }
-    const managed = getManagedAttributes(root);
-    for (const name of managed) {
-      if (!next.has(name)) removeAttribute(root, name);
-    }
-    for (const [name, value] of next) setAttribute(root, name, value);
-    setManagedAttributes(root, next.keys());
-  });
-}
-__name(bindCommonAttributes, "bindCommonAttributes");
-function bindUserStyle(root, props) {
-  bindStyle(root, props, () => "");
-}
-__name(bindUserStyle, "bindUserStyle");
-function bindStyle(root, props, createStyle) {
-  effect(() => {
-    const userStyle = readString(props, "style");
-    const internalStyle = createStyle();
-    const style = [internalStyle, userStyle].filter(Boolean).join("; ");
-    if (style) setAttribute(root, "style", style);
-    else removeAttribute(root, "style");
-  });
-}
-__name(bindStyle, "bindStyle");
-function bindTextContent(node, read) {
-  effect(() => {
-    setTextContent(node, String(read() ?? ""));
-  });
-}
-__name(bindTextContent, "bindTextContent");
-function bindPropertyValue(node, name, read) {
-  effect(() => setProperty(node, name, read()));
-}
-__name(bindPropertyValue, "bindPropertyValue");
-function listen(root, event, props, propName, disabled) {
-  addEventListener(root, event, (reason) => {
-    if (disabled?.()) return;
-    const handler = Reflect.get(props, propName);
-    if (typeof handler === "function") handler(reason);
-  });
-}
-__name(listen, "listen");
-function mountSlot(parent, props, propName) {
-  insertDynamic(parent, null, () => resolveSlot(Reflect.get(props, propName)));
-}
-__name(mountSlot, "mountSlot");
-function resolveSlot(value) {
-  const resolved = typeof value === "function" ? value() : value;
-  if (resolved === void 0 || resolved === null || resolved === false) return null;
-  if (typeof resolved === "string" || typeof resolved === "number") return createText(String(resolved));
-  if (Array.isArray(resolved)) {
-    const children = resolved;
-    return createFragment((parent, anchor) => {
-      for (const child of children) {
-        const node = resolveSlot(child);
-        if (node) insertBefore(parent, node, anchor);
-      }
-    });
-  }
-  return resolved;
-}
-__name(resolveSlot, "resolveSlot");
-function setOptionalAttribute(node, name, value) {
-  if (value === void 0 || value === null || value === false || value === "") {
-    removeAttribute(node, name);
-    return;
-  }
-  setAttribute(node, name, String(value));
-}
-__name(setOptionalAttribute, "setOptionalAttribute");
-function setOptionalProperty(node, name, value) {
-  if (value === void 0 || value === null) return;
-  setProperty(node, name, value);
-}
-__name(setOptionalProperty, "setOptionalProperty");
-function readString(props, name) {
-  const value = Reflect.get(props, name);
-  return typeof value === "string" ? value : void 0;
-}
-__name(readString, "readString");
-function isCommonAttribute(name) {
-  return name === "id" || name === "title" || name === "role" || name === "tabIndex" || name.startsWith("aria-") || name.startsWith("data-");
-}
-__name(isCommonAttribute, "isCommonAttribute");
-function normalizeAttribute(name, value) {
-  if (value === void 0 || value === null) return void 0;
-  if (value === false && !name.startsWith("aria-") && !name.startsWith("data-")) return void 0;
-  return { name: name === "tabIndex" ? "tabindex" : name, value: String(value) };
-}
-__name(normalizeAttribute, "normalizeAttribute");
-var managedAttributes = /* @__PURE__ */ new WeakMap();
-function getManagedAttributes(node) {
-  return managedAttributes.get(node) ?? /* @__PURE__ */ new Set();
-}
-__name(getManagedAttributes, "getManagedAttributes");
-function setManagedAttributes(node, names) {
-  managedAttributes.set(node, new Set(names));
-}
-__name(setManagedAttributes, "setManagedAttributes");
-function removeAttribute(node, name) {
-  const candidate = node;
-  candidate.removeAttribute?.(name);
-}
-__name(removeAttribute, "removeAttribute");
-
-// packages/ui/src/button.ts
-function Button(props = {}) {
-  const root = createElement("button");
-  bindClassList(root, props, () => [
-    "vui-btn",
-    `vui-btn--${readProp(props, "variant", "primary")}`,
-    `vui-btn--${readProp(props, "size", "md")}`,
-    readProp(props, "iconOnly", false) ? "vui-btn--icon" : void 0
-  ]);
-  bindCommonAttributes(root, props, [
-    "variant",
-    "size",
-    "type",
-    "disabled",
-    "loading",
-    "iconOnly",
-    "icon",
-    "onClick"
-  ]);
-  effect(() => {
-    const disabled = readProp(props, "disabled", false) || readProp(props, "loading", false);
-    setOptionalProperty(root, "disabled", disabled);
-    setOptionalAttribute(root, "type", readProp(props, "type", "button"));
-    setOptionalAttribute(root, "aria-disabled", disabled ? "true" : void 0);
-    setOptionalAttribute(root, "aria-busy", readProp(props, "loading", false) ? "true" : void 0);
-  });
-  listen(root, "click", props, "onClick", () => readProp(props, "disabled", false) || readProp(props, "loading", false));
-  if (hasProp(props, "icon")) mountSlot(root, props, "icon");
-  if (hasProp(props, "children")) mountSlot(root, props, "children");
-  return root;
-}
-__name(Button, "Button");
-
-// packages/ui/src/forms.ts
-function bindSignalProp(props) {
-  const value = readProp(props, "bind", void 0);
-  return value && typeof value === "object" && "value" in value ? value : void 0;
-}
-__name(bindSignalProp, "bindSignalProp");
-function Select(props = {}) {
-  const root = createElement("select");
-  bindClassList(root, props, () => ["vui-select"]);
-  bindCommonAttributes(root, props, [
-    "name",
-    "value",
-    "disabled",
-    "required",
-    "multiple",
-    "size",
-    "onChange"
-  ]);
-  effect(() => {
-    setOptionalAttribute(root, "name", readProp(props, "name", void 0));
-    setOptionalProperty(root, "disabled", readProp(props, "disabled", false));
-    setOptionalProperty(root, "required", readProp(props, "required", false));
-    setOptionalProperty(root, "multiple", readProp(props, "multiple", false));
-    setOptionalAttribute(root, "size", readProp(props, "size", void 0));
-  });
-  if (hasProp(props, "children")) mountSlot(root, props, "children");
-  const bind = bindSignalProp(props);
-  if (bind) {
-    bindPropertyValue(root, "value", () => String(bind.value ?? ""));
-    listen(root, "change", { onChange: /* @__PURE__ */ __name((event) => {
-      bind.value = event.target.value;
-    }, "onChange") }, "onChange", () => readProp(props, "disabled", false));
-  } else if (hasProp(props, "value")) {
-    bindPropertyValue(root, "value", () => readProp(props, "value", void 0) ?? "");
-  }
-  listen(root, "change", props, "onChange", () => readProp(props, "disabled", false));
-  return root;
-}
-__name(Select, "Select");
-
-// packages/ui/src/card.ts
-function Card(props = {}) {
-  const root = createElement("div");
-  bindClassList(root, props, () => ["vui-card"]);
-  bindCommonAttributes(root, props, ["title", "description"]);
-  bindUserStyle(root, props);
-  if (hasProp(props, "title")) {
-    const title = createElement("div");
-    const text = createText("");
-    setAttribute(title, "class", "vui-card__title");
-    bindTextContent(text, () => readProp(props, "title", ""));
-    insertBefore(title, text, null);
-    insertBefore(root, title, null);
-  }
-  if (hasProp(props, "description")) {
-    const description = createElement("p");
-    const text = createText("");
-    setAttribute(description, "class", "vui-card__desc");
-    bindTextContent(text, () => readProp(props, "description", ""));
-    insertBefore(description, text, null);
-    insertBefore(root, description, null);
-  }
-  if (hasProp(props, "children")) mountSlot(root, props, "children");
-  return root;
-}
-__name(Card, "Card");
-
-// packages/ui/src/tag.ts
-function Tag(props = {}) {
-  const root = createElement("span");
-  bindClassList(root, props, () => [
-    "vui-tag",
-    readProp(props, "tone", "default") === "default" ? void 0 : `vui-tag--${readProp(props, "tone", "default")}`
-  ]);
-  bindCommonAttributes(root, props, ["tone"]);
-  bindUserStyle(root, props);
-  if (hasProp(props, "children")) mountSlot(root, props, "children");
-  return root;
-}
-__name(Tag, "Tag");
-
-// packages/ui/src/alert.ts
-function Alert(props = {}) {
-  const root = createElement("div");
-  bindClassList(root, props, () => [
-    "vui-alert",
-    `vui-alert--${readProp(props, "tone", "info")}`
-  ]);
-  bindCommonAttributes(root, props, ["tone", "title", "description", "icon", "role"]);
-  bindUserStyle(root, props);
-  setAttribute(root, "role", "alert");
-  if (hasProp(props, "icon")) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-alert__icon");
-    mountSlot(icon, props, "icon");
-    insertBefore(root, icon, null);
-  }
-  const content = createElement("div");
-  if (hasProp(props, "title")) {
-    const title = createElement("div");
-    const text = createText("");
-    setAttribute(title, "class", "vui-alert__title");
-    bindTextContent(text, () => readProp(props, "title", ""));
-    insertBefore(title, text, null);
-    insertBefore(content, title, null);
-  }
-  if (hasProp(props, "description")) {
-    const description = createElement("div");
-    const text = createText("");
-    setAttribute(description, "class", "vui-alert__desc");
-    bindTextContent(text, () => readProp(props, "description", ""));
-    insertBefore(description, text, null);
-    insertBefore(content, description, null);
-  }
-  if (hasProp(props, "children")) mountSlot(content, props, "children");
-  insertBefore(root, content, null);
-  return root;
-}
-__name(Alert, "Alert");
-
-// packages/ui/src/tabs.ts
-function Tabs(props) {
-  const root = createElement("div");
-  const tablist = createElement("div");
-  const panel = createElement("div");
-  const internalValue = state(void 0);
-  bindClassList(root, props, () => ["vui-tabs-root"]);
-  bindCommonAttributes(root, props, ["items", "value", "variant", "onChange"]);
-  setAttribute(tablist, "role", "tablist");
-  effect(() => {
-    const variant = readProp(props, "variant", "default");
-    setAttribute(tablist, "class", `vui-tabs${variant === "filled" ? " vui-tabs--filled" : ""}`);
-  });
-  setAttribute(panel, "class", "vui-tabs__panel");
-  insertDynamic(tablist, null, () => createTabButtons(props, internalValue));
-  insertDynamic(panel, null, () => {
-    const item = activeItem(readProp(props, "items", []), activeId(props, internalValue));
-    return item?.content === void 0 ? null : resolveSlot(item.content);
-  });
-  insertBefore(root, tablist, null);
-  insertBefore(root, panel, null);
-  if (hasProp(props, "children")) mountSlot(root, props, "children");
-  return root;
-}
-__name(Tabs, "Tabs");
-function createTabButtons(props, internalValue) {
-  const items = readProp(props, "items", []);
-  const selected = activeId(props, internalValue);
-  return createFragment((parent, anchor) => {
-    for (const item of items) {
-      const button = createElement("button");
-      const isActive = item.id === selected;
-      setAttribute(button, "class", `vui-tab${isActive ? " is-active" : ""}`);
-      setAttribute(button, "role", "tab");
-      setAttribute(button, "type", "button");
-      setAttribute(button, "aria-selected", isActive ? "true" : "false");
-      setAttribute(button, "data-tab-id", item.id);
-      if (item.disabled === true) {
-        setAttribute(button, "aria-disabled", "true");
-        setProperty(button, "disabled", true);
-      }
-      insertBefore(button, createText(item.label), null);
-      addEventListener(button, "click", () => {
-        if (item.disabled === true) return;
-        if (readProp(props, "value", void 0) === void 0) internalValue.value = item.id;
-        const onChange = readProp(props, "onChange", void 0);
-        if (typeof onChange === "function") onChange(item.id);
-      });
-      insertBefore(parent, button, anchor);
-    }
-  });
-}
-__name(createTabButtons, "createTabButtons");
-function activeId(props, internalValue) {
-  const controlled = readProp(props, "value", void 0);
-  if (controlled !== void 0) return controlled;
-  if (internalValue.value !== void 0) return internalValue.value;
-  return readProp(props, "items", []).find((item) => item.disabled !== true)?.id;
-}
-__name(activeId, "activeId");
-function activeItem(items, id) {
-  return items.find((item) => item.id === id);
-}
-__name(activeItem, "activeItem");
-
-// packages/ui/src/overlay.ts
-function createPortal(node, adapter, target) {
-  const placeholder = createComment("vui:portal");
-  const owner = getCurrentOwner();
-  if (!owner) throw new Error("Vobs UI: createPortal \u5FC5\u987B\u5728\u7EC4\u4EF6 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
-  adapter.mount(node, target);
-  const cleanup = /* @__PURE__ */ __name(() => adapter.unmount(node, target), "cleanup");
-  owner.onDispose(cleanup);
-  return placeholder;
-}
-__name(createPortal, "createPortal");
-
-// packages/ui/src/dialog.ts
-function Dialog(props = {}) {
-  const root = createElement("div");
-  const surface = createElement("section");
-  const body = createElement("div");
-  bindClassList(root, props, () => ["vui-backdrop"]);
-  bindUserStyle(root, props);
-  bindCommonAttributes(surface, props, [
-    "open",
-    "title",
-    "headerActions",
-    "size",
-    "modal",
-    "closeOnBackdrop",
-    "closeOnEscape",
-    "titleId",
-    "descriptionId",
-    "closeLabel",
-    "onClose",
-    "portal",
-    "portalTarget"
-  ]);
-  setAttribute(root, "role", "presentation");
-  setAttribute(surface, "class", "vui-dialog");
-  setAttribute(surface, "role", "dialog");
-  setAttribute(body, "class", "vui-dialog__body");
-  effect(() => {
-    const open = readProp(props, "open", false);
-    const modal = readProp(props, "modal", true);
-    setOptionalProperty(root, "hidden", !open);
-    setOptionalAttribute(root, "data-state", open ? "open" : "closed");
-    setOptionalAttribute(surface, "aria-modal", modal ? "true" : "false");
-    setOptionalAttribute(surface, "aria-labelledby", readProp(props, "titleId", void 0));
-    setOptionalAttribute(surface, "aria-describedby", readProp(props, "descriptionId", void 0));
-    setOptionalAttribute(surface, "data-size", readProp(props, "size", "md"));
-  });
-  if (hasProp(props, "title") || hasProp(props, "headerActions") || hasProp(props, "onClose")) {
-    const head = createElement("header");
-    setAttribute(head, "class", "vui-dialog__head");
-    if (hasProp(props, "title")) {
-      const title = createElement("div");
-      const text = createText("");
-      setAttribute(title, "class", "vui-dialog__title");
-      bindTextContent(text, () => readProp(props, "title", ""));
-      insertBefore(title, text, null);
-      insertBefore(head, title, null);
-    }
-    if (hasProp(props, "headerActions")) mountSlot(head, props, "headerActions");
-    if (hasProp(props, "onClose")) {
-      const close = createElement("button");
-      setAttribute(close, "class", "vui-dialog__close");
-      setAttribute(close, "type", "button");
-      setAttribute(close, "aria-label", readProp(props, "closeLabel", "Close"));
-      insertBefore(close, createText("x"), null);
-      addEventListener(close, "click", () => emitClose(props, "close-button"));
-      insertBefore(head, close, null);
-    }
-    insertBefore(surface, head, null);
-  }
-  if (hasProp(props, "children")) mountSlot(body, props, "children");
-  insertBefore(surface, body, null);
-  insertBefore(root, surface, null);
-  addEventListener(root, "click", (event) => {
-    if (event.target !== root) return;
-    if (readProp(props, "closeOnBackdrop", true)) emitClose(props, "backdrop");
-  });
-  addEventListener(root, "keydown", (event) => {
-    if (event.key !== "Escape") return;
-    if (readProp(props, "closeOnEscape", true)) emitClose(props, "escape");
-  });
-  const portal = readProp(props, "portal", void 0);
-  return portal ? createPortal(root, portal, readProp(props, "portalTarget", void 0)) : root;
-}
-__name(Dialog, "Dialog");
-function emitClose(props, reason) {
-  if (!readProp(props, "open", false)) return;
-  const handler = readProp(props, "onClose", void 0);
-  if (typeof handler === "function") handler(reason);
-}
-__name(emitClose, "emitClose");
-
-// packages/icon-core/src/index.ts
-function createSvgIconNode(source, props = {}, options = {}) {
-  const root = createElement("span");
-  effect(() => {
-    updateSvgIconNode(root, typeof source === "function" ? source() : source, props, options);
-  });
-  return root;
-}
-__name(createSvgIconNode, "createSvgIconNode");
-function updateSvgIconNode(root, definition, props, options) {
-  const size = readProp2(props, "size", void 0);
-  const width = readProp2(props, "width", size);
-  const height = readProp2(props, "height", size);
-  const normalizedWidth = normalizeSvgLength(width);
-  const normalizedHeight = normalizeSvgLength(height);
-  const userClass = [
-    readProp2(props, "class", void 0),
-    readProp2(props, "className", void 0)
-  ].filter(hasText).join(" ");
-  const className = [options.class, options.className, userClass].filter(hasText).join(" ");
-  setAttribute(root, "class", className);
-  const internalStyle = size === void 0 ? "" : `width: ${normalizeCssLength(size)}; height: ${normalizeCssLength(size)}`;
-  const userStyle = readProp2(props, "style", void 0);
-  const style = [internalStyle, userStyle].filter(hasText).join("; ");
-  setOptionalAttribute2(root, "style", style || void 0);
-  const managedAttributes2 = /* @__PURE__ */ new Map();
-  for (const name of Object.keys(props)) {
-    if (name === "class" || name === "className" || name === "style" || name === "children") continue;
-    if (!name.startsWith("aria-") && !name.startsWith("data-") && !["id", "title", "role", "tabIndex"].includes(name)) continue;
-    const value = Reflect.get(props, name);
-    if (value === void 0 || value === null || value === false) continue;
-    managedAttributes2.set(name === "tabIndex" ? "tabindex" : name, String(value));
-  }
-  for (const [name, value] of managedAttributes2) setAttribute(root, name, value);
-  clearStaleAttributes(root, managedAttributes2);
-  const title = readProp2(props, "title", void 0);
-  const ariaLabel = Reflect.get(props, "aria-label");
-  const decorative = readProp2(props, "decorative", title === void 0 && ariaLabel === void 0);
-  setOptionalAttribute2(root, "aria-hidden", decorative ? "true" : void 0);
-  setOptionalAttribute2(root, "aria-label", ariaLabel === void 0 ? title : void 0);
-  setOptionalAttribute2(root, "data-icon-name", options.dataIconName ?? definition?.name);
-  setOptionalAttribute2(root, "color", readProp2(props, "color", void 0));
-  if (!definition) {
-    setProperty(root, "innerHTML", "");
-    return;
-  }
-  const svgAttributes = {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: definition.viewBox ?? "0 0 24 24",
-    ...options.defaultSvgAttributes,
-    ...definition.attributes,
-    ...normalizedWidth === void 0 ? {} : { width: normalizedWidth },
-    ...normalizedHeight === void 0 ? {} : { height: normalizedHeight },
-    ...readProp2(props, "color", void 0) === void 0 ? {} : { color: readProp2(props, "color", void 0) },
-    ...readProp2(props, "stroke", void 0) === void 0 ? {} : { stroke: readProp2(props, "stroke", void 0) },
-    ...readProp2(props, "fill", void 0) === void 0 ? {} : { fill: readProp2(props, "fill", void 0) },
-    ...readProp2(props, "strokeWidth", void 0) === void 0 ? {} : { "stroke-width": readProp2(props, "strokeWidth", void 0) }
-  };
-  const markup = Object.entries(svgAttributes).filter(([, value]) => value !== void 0).map(([name, value]) => `${name}="${escapeXml(String(value))}"`).join(" ");
-  const titleMarkup = title === void 0 ? "" : `<title>${escapeXml(title)}</title>`;
-  setProperty(root, "innerHTML", `<svg ${markup} aria-hidden="true">${titleMarkup}${definition.body}</svg>`);
-}
-__name(updateSvgIconNode, "updateSvgIconNode");
-function readProp2(props, name, fallback) {
-  const value = Reflect.get(props, name);
-  return value === void 0 ? fallback : value;
-}
-__name(readProp2, "readProp");
-function hasText(value) {
-  return value !== void 0 && value.trim() !== "";
-}
-__name(hasText, "hasText");
-function normalizeSvgLength(value) {
-  if (value === void 0) return void 0;
-  return typeof value === "number" ? String(value) : value;
-}
-__name(normalizeSvgLength, "normalizeSvgLength");
-function normalizeCssLength(value) {
-  return typeof value === "number" || /^\d+(?:\.\d+)?$/u.test(value) ? `${value}px` : value;
-}
-__name(normalizeCssLength, "normalizeCssLength");
-function setOptionalAttribute2(node, name, value) {
-  if (value === void 0 || value === null || value === false || value === "") {
-    node.removeAttribute(name);
-    return;
-  }
-  setAttribute(node, name, String(value));
-}
-__name(setOptionalAttribute2, "setOptionalAttribute");
-function clearStaleAttributes(node, next) {
-  const previous = node.__vobsIconAttributes ?? /* @__PURE__ */ new Set();
-  for (const name of previous) {
-    if (!next.has(name)) node.removeAttribute(name);
-  }
-  node.__vobsIconAttributes = new Set(next.keys());
-}
-__name(clearStaleAttributes, "clearStaleAttributes");
-function escapeXml(value) {
-  return value.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;");
-}
-__name(escapeXml, "escapeXml");
-
-// packages/ui/src/icon.ts
-function Icon(props = {}) {
-  const root = createSvgIconNode(() => {
-    const definition = resolveIcon(
-      readProp(props, "icon", void 0) ?? readProp(props, "name", void 0)
-    );
-    if (!definition) {
-      if (hasProp(props, "children")) return void 0;
-      throw new Error("Vobs UI: Icon requires a registered `name` or an `icon` definition");
-    }
-    return iconDefinitionToSvg(definition);
-  }, props, {
-    class: "vui-icon icon",
-    defaultSvgAttributes: {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": 2,
-      "stroke-linecap": "butt",
-      "stroke-linejoin": "miter"
-    }
-  });
-  if (hasProp(props, "children")) mountSlot(root, props, "children");
-  return root;
-}
-__name(Icon, "Icon");
-function iconDefinitionToSvg(definition) {
-  return {
-    name: definition.name,
-    body: definition.path,
-    viewBox: definition.viewBox
-  };
-}
-__name(iconDefinitionToSvg, "iconDefinitionToSvg");
-var VUI_ICON_PATHS = {
-  search: '<circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/>',
-  check: '<polyline points="4 12 10 18 20 6"/>',
-  x: '<line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/>',
-  plus: '<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>',
-  minus: '<line x1="5" y1="12" x2="19" y2="12"/>',
-  "chevron-right": '<polyline points="9 6 15 12 9 18"/>',
-  "chevron-down": '<polyline points="6 9 12 15 18 9"/>',
-  "chevron-up": '<polyline points="6 15 12 9 18 15"/>',
-  "chevron-left": '<polyline points="15 6 9 12 15 18"/>',
-  "arrow-left": '<line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 6 4 12 10 18"/>',
-  "arrow-right": '<line x1="4" y1="12" x2="20" y2="12"/><polyline points="14 6 20 12 14 18"/>',
-  "arrow-up": '<line x1="12" y1="20" x2="12" y2="4"/><polyline points="6 10 12 4 18 10"/>',
-  "arrow-down": '<line x1="12" y1="4" x2="12" y2="20"/><polyline points="6 14 12 20 18 14"/>',
-  atom: '<circle cx="12" cy="12" r="2"/><ellipse cx="12" cy="12" rx="10" ry="4"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(60 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(120 12 12)"/>',
-  globe: '<circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>',
-  "arrow-expand": '<polyline points="14 4 20 4 20 10"/><line x1="14" y1="10" x2="20" y2="4"/><polyline points="10 20 4 20 4 14"/><line x1="10" y1="14" x2="4" y2="20"/>',
-  "arrow-minimize": '<polyline points="20 4 14 10 20 10"/><line x1="14" y1="10" x2="14" y2="4"/><polyline points="4 20 10 14 4 14"/><line x1="10" y1="14" x2="10" y2="20"/>',
-  "check-circle": '<circle cx="12" cy="12" r="9"/><polyline points="8 12 11 15 16 9"/>',
-  "alert-circle": '<circle cx="12" cy="12" r="9"/><line x1="12" y1="8" x2="12" y2="13"/><line x1="12" y1="16" x2="12" y2="16.01"/>',
-  "alert-triangle": '<path d="M12 3 22 20 2 20 Z"/><line x1="12" y1="10" x2="12" y2="15"/><line x1="12" y1="18" x2="12" y2="18.01"/>',
-  info: '<circle cx="12" cy="12" r="9"/><line x1="12" y1="11" x2="12" y2="16"/><line x1="12" y1="8" x2="12" y2="8.01"/>',
-  home: '<polygon points="3 11 12 3 21 11 21 21 14 21 14 14 10 14 10 21 3 21 3 11"/>',
-  user: '<path d="M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1"/><circle cx="12" cy="8" r="4"/>',
-  settings: '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/>',
-  menu: '<line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/>',
-  "more-h": '<circle cx="5" cy="12" r="1.5" fill="currentColor"/><circle cx="12" cy="12" r="1.5" fill="currentColor"/><circle cx="19" cy="12" r="1.5" fill="currentColor"/>',
-  calendar: '<rect x="3" y="5" width="18" height="16"/><line x1="3" y1="10" x2="21" y2="10"/><line x1="8" y1="3" x2="8" y2="7"/><line x1="16" y1="3" x2="16" y2="7"/>',
-  filter: '<polygon points="3 4 21 4 14 12 14 20 10 18 10 12 3 4"/>',
-  sort: '<path d="M8 20V4"/><polyline points="4 8 8 4 12 8"/><path d="M16 4v16"/><polyline points="12 16 16 20 20 16"/>',
-  edit: '<path d="M4 20h4l10-10-4-4L4 16v4z"/><path d="M14 6l4 4"/>',
-  trash: '<polyline points="4 6 20 6"/><path d="M6 6v14h12V6"/><path d="M9 6V4h6v2"/><line x1="10" y1="10" x2="10" y2="17"/><line x1="14" y1="10" x2="14" y2="17"/>',
-  download: '<path d="M12 3v12"/><polyline points="7 10 12 15 17 10"/><line x1="3" y1="21" x2="21" y2="21"/>',
-  upload: '<path d="M12 21V6"/><polyline points="7 11 12 6 17 11"/><line x1="3" y1="21" x2="21" y2="21"/>',
-  pause: '<line x1="9" y1="5" x2="9" y2="19"/><line x1="15" y1="5" x2="15" y2="19"/>',
-  play: '<polygon points="8 5 19 12 8 19 8 5"/>',
-  refresh: '<polyline points="21 4 21 10 15 10"/><polyline points="3 20 3 14 9 14"/><path d="M20.5 9A9 9 0 0 0 5 5.5L3 7M3.5 15A9 9 0 0 0 19 18.5L21 17"/>',
-  bell: '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 8 3 8H3s3-1 3-8z"/><path d="M10 21a2 2 0 0 0 4 0"/>',
-  folder: '<path d="M3 6h6l2 3h10v10H3z"/>',
-  code: '<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>',
-  sparkles: '<path d="M12 3l1.8 4.2L18 9l-4.2 1.8L12 15l-1.8-4.2L6 9l4.2-1.8L12 3z"/><path d="M19 14l1 2.2 2.2 1-2.2 1L19 20.4l-1-2.2-2.2-1 2.2-1L19 14z"/>',
-  zap: '<polygon points="13 2 4 14 12 14 11 22 20 10 12 10 13 2"/>',
-  sun: '<circle cx="12" cy="12" r="4"/><line x1="12" y1="2" x2="12" y2="5"/><line x1="12" y1="19" x2="12" y2="22"/><line x1="2" y1="12" x2="5" y2="12"/><line x1="19" y1="12" x2="22" y2="12"/><line x1="4.6" y1="4.6" x2="6.7" y2="6.7"/><line x1="17.3" y1="17.3" x2="19.4" y2="19.4"/><line x1="4.6" y1="19.4" x2="6.7" y2="17.3"/><line x1="17.3" y1="6.7" x2="19.4" y2="4.6"/>',
-  moon: '<path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/>',
-  terminal: '<polyline points="4 7 9 12 4 17"/><line x1="12" y1="17" x2="20" y2="17"/>'
-};
-var iconRegistry = new Map(
-  Object.entries(VUI_ICON_PATHS).map(([name, path]) => [name, { name, path }])
-);
-function resolveIcon(icon) {
-  return typeof icon === "string" ? iconRegistry.get(icon) : icon;
-}
-__name(resolveIcon, "resolveIcon");
-
 // packages/devtools-ui/src/panel.tsx
+import {
+  getDevTools
+} from "@vobs/devtools";
+import { HTTP_KEY } from "@vobs/http";
+import { effect } from "@vobs/reactivity";
+import { createComponent, createElement, createFragment, createText, inject, insertBefore, insertDynamic, onDispose, setAttribute, setProperty, state } from "@vobs/vobs";
+import { Alert, Button, Card, Icon, Select, Tabs, Tag } from "@vobs/ui";
 var EMPTY_SNAPSHOT = {
   api: null,
   tree: [],
@@ -2006,7 +644,7 @@ function renderRouterSection(router, activeRouterTab, activeRouteView) {
   const root = createElement("div");
   setAttribute(root, "class", "vobs-devtools-router");
   const current = devtools.getCurrentRoute();
-  const state2 = devtools.getNavigationState();
+  const state3 = devtools.getNavigationState();
   const metrics = devtools.getPerformanceMetrics();
   const activeRequests = devtools.getDataRequests().filter((request) => request.route === current.fullPath || request.key.startsWith(`${current.fullPath}#`));
   const activeErrors = devtools.getErrors().filter((error) => error.route === current.fullPath);
@@ -2019,7 +657,7 @@ function renderRouterSection(router, activeRouterTab, activeRouteView) {
     class: "vobs-devtools-router-tabs",
     variant: "filled",
     items: [
-      { id: "context", label: "Context", content: /* @__PURE__ */ __name(() => createRouterContextPanel(current, state2), "content") },
+      { id: "context", label: "Context", content: /* @__PURE__ */ __name(() => createRouterContextPanel(current, state3), "content") },
       { id: "requests", label: `Requests${activeRequests.length ? ` (${activeRequests.length})` : ""}`, content: /* @__PURE__ */ __name(() => createComponent(Card, { title: `Data requests for ${current.path}`, description: "Loader, action and fetcher traces for the active route.", children: /* @__PURE__ */ __name(() => renderDataRequests(activeRequests), "children") }), "content") },
       { id: "errors", label: `Errors${activeErrors.length ? ` (${activeErrors.length})` : ""}`, content: /* @__PURE__ */ __name(() => createComponent(Card, { title: `Errors for ${current.path}`, description: `${activeErrors.length} errors captured for the active route.`, children: /* @__PURE__ */ __name(() => renderRouterErrors(activeErrors), "children") }), "content") },
       { id: "history", label: "History", content: /* @__PURE__ */ __name(() => createComponent(Card, { title: "Navigation history", description: `${metrics.navigationCount} recorded navigations \xB7 ${metrics.averageNavigationDuration.toFixed(2)} ms average`, children: /* @__PURE__ */ __name(() => renderNavigationHistory(devtools.getNavigationHistory(), router), "children") }), "content") },
@@ -2044,9 +682,9 @@ function renderRouterSection(router, activeRouterTab, activeRouteView) {
   return root;
 }
 __name(renderRouterSection, "renderRouterSection");
-function createRouterContextPanel(current, state2) {
+function createRouterContextPanel(current, state3) {
   return createFragment((parent, anchor) => {
-    insertBefore(parent, createComponent(Card, { title: "Active route", children: /* @__PURE__ */ __name(() => renderRouterLocation(current, state2), "children") }), anchor);
+    insertBefore(parent, createComponent(Card, { title: "Active route", children: /* @__PURE__ */ __name(() => renderRouterLocation(current, state3), "children") }), anchor);
     insertBefore(parent, createComponent(Card, { title: "Matched route structure", children: /* @__PURE__ */ __name(() => renderMatchedRoutes(current.matched), "children") }), anchor);
   });
 }
@@ -2087,15 +725,15 @@ function renderRouterErrors(errors) {
   return root;
 }
 __name(renderRouterErrors, "renderRouterErrors");
-function renderRouterLocation(route, state2) {
+function renderRouterLocation(route, state3) {
   const root = createElement("div");
   setAttribute(root, "class", "vobs-devtools-list");
   const statusRow = createElement("div");
   setAttribute(statusRow, "class", "vobs-devtools-list__row");
   appendText(statusRow, route.fullPath, "vobs-devtools-list__name");
-  insertBefore(statusRow, createComponent(Tag, { tone: state2.status === "error" ? "danger" : state2.status === "loading" ? "warning" : "success", children: /* @__PURE__ */ __name(() => state2.status, "children") }), null);
-  if (state2.status === "loading") appendText(statusRow, `to ${state2.to}`);
-  if (state2.error) appendText(statusRow, state2.error);
+  insertBefore(statusRow, createComponent(Tag, { tone: state3.status === "error" ? "danger" : state3.status === "loading" ? "warning" : "success", children: /* @__PURE__ */ __name(() => state3.status, "children") }), null);
+  if (state3.status === "loading") appendText(statusRow, `to ${state3.to}`);
+  if (state3.error) appendText(statusRow, state3.error);
   insertBefore(root, statusRow, null);
   insertBefore(root, renderInspectableValue("Params", route.params), null);
   insertBefore(root, renderInspectableValue("Query", route.query), null);
@@ -3272,13 +1910,16 @@ function previewValue(value) {
 __name(previewValue, "previewValue");
 
 // packages/devtools-ui/src/widget.tsx
+import { createComponent as createComponent2, createElement as createElement2, createFragment as createFragment2, insertBefore as insertBefore2, insertDynamic as insertDynamic2, setAttribute as setAttribute2, state as state2 } from "@vobs/vobs";
+import { getDevTools as getDevTools2 } from "@vobs/devtools";
+import { Button as Button2, Dialog, Icon as Icon2 } from "@vobs/ui";
 function DevToolsWidget(props = {}) {
-  const open = state(false);
-  const maximized = state(false);
-  const query = state("");
+  const open = state2(false);
+  const maximized = state2(false);
+  const query = state2("");
   const toolbarProps = {
     get api() {
-      return props.api === void 0 ? getDevTools() : props.api ?? null;
+      return props.api === void 0 ? getDevTools2() : props.api ?? null;
     },
     query,
     get maximized() {
@@ -3288,34 +1929,34 @@ function DevToolsWidget(props = {}) {
       maximized.value = !maximized.value;
     }, "onToggleMaximize")
   };
-  return createFragment((parent, anchor) => {
-    const launcher = createElement("div");
-    setAttribute(launcher, "class", "vobs-devtools-widget");
-    insertBefore(launcher, createComponent(Button, {
+  return createFragment2((parent, anchor) => {
+    const launcher = createElement2("div");
+    setAttribute2(launcher, "class", "vobs-devtools-widget");
+    insertBefore2(launcher, createComponent2(Button2, {
       variant: "brand",
       iconOnly: true,
-      icon: createComponent(Icon, { name: "code" }),
+      icon: createComponent2(Icon2, { name: "code" }),
       "aria-label": props.label ?? "Open DevTools",
       title: props.label ?? "Open DevTools",
       onClick: /* @__PURE__ */ __name(() => {
         open.value = true;
       }, "onClick")
     }), null);
-    insertBefore(parent, launcher, anchor);
-    insertDynamic(parent, anchor, () => open.value ? createComponent(Dialog, {
+    insertBefore2(parent, launcher, anchor);
+    insertDynamic2(parent, anchor, () => open.value ? createComponent2(Dialog, {
       get class() {
         return `vobs-devtools-widget__dialog${maximized.value ? " is-maximized" : ""}`;
       },
       open: true,
       title: "Runtime DevTools",
-      headerActions: /* @__PURE__ */ __name(() => createComponent(DevToolsToolbar, toolbarProps), "headerActions"),
+      headerActions: /* @__PURE__ */ __name(() => createComponent2(DevToolsToolbar, toolbarProps), "headerActions"),
       size: "lg",
       closeLabel: "Close DevTools",
       onClose: /* @__PURE__ */ __name(() => {
         open.value = false;
         maximized.value = false;
       }, "onClose"),
-      children: /* @__PURE__ */ __name(() => createComponent(DevToolsPanel, {
+      children: /* @__PURE__ */ __name(() => createComponent2(DevToolsPanel, {
         api: props.api,
         router: props.router,
         http: props.http,
@@ -3326,7 +1967,9 @@ function DevToolsWidget(props = {}) {
   });
 }
 __name(DevToolsWidget, "DevToolsWidget");
-
-export { DevToolsPanel, DevToolsWidget, readDevToolsSnapshot };
-//# sourceMappingURL=index.js.map
+export {
+  DevToolsPanel,
+  DevToolsWidget,
+  readDevToolsSnapshot
+};
 //# sourceMappingURL=index.js.map