@vobs/ui 1.2.1 → 1.3.0

package/dist/index.cjs

@@ -1,850 +1,82 @@
-'use strict';
-
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 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();
-  }
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-__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 markHmrInstanceMounted(node, parent) {
-  const instance = hmrInstances.get(node);
-  if (instance) instance.parent = parent;
-}
-__name(markHmrInstanceMounted, "markHmrInstanceMounted");
-var hmrInstances = /* @__PURE__ */ new WeakMap();
-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;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  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 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");
-function insertList(parent, anchor, source, renderItem, keyOf) {
-  const marker = createComment("vobs:list");
-  insertBefore(parent, marker, anchor);
-  let entries = [];
-  const tracksIndex = renderItem.length >= 2;
-  effect(() => {
-    const items = source();
-    let keys = null;
-    if (keyOf) {
-      keys = new Array(items.length);
-      let allKeyed = items.length > 0;
-      for (let index = 0; index < items.length; index++) {
-        const key = keyOf(items[index], index);
-        if (key == null) {
-          allKeyed = false;
-          break;
-        }
-        keys[index] = key;
-      }
-      if (!allKeyed) keys = null;
-    }
-    const nextEntries = keys ? reconcileKeyed(items, keys, entries, renderItem) : reconcileIndexed(items, entries, renderItem);
-    const refreshed = tracksIndex ? /* @__PURE__ */ new Set() : null;
-    for (let index = 0; index < nextEntries.length; index++) {
-      const entry = nextEntries[index];
-      if (tracksIndex) {
-        if (entry.index !== index) {
-          refreshListEntry(parent, entry, index, renderItem);
-          refreshed.add(entry);
-        }
-      } else {
-        entry.index = index;
-      }
-    }
-    const retained = new Set(nextEntries);
-    for (const entry of entries) {
-      if (!retained.has(entry)) disposeEntry(parent, entry);
-    }
-    reorderListEntries(parent, marker, entries, nextEntries, refreshed);
-    entries = nextEntries;
-  });
-}
-__name(insertList, "insertList");
-function reorderListEntries(parent, marker, previous, nextEntries, forceInsert) {
-  const count = nextEntries.length;
-  if (count === 0) return;
-  if (previous.length === 0) {
-    let reference2 = marker;
-    for (let index = count - 1; index >= 0; index--) {
-      const node = nextEntries[index].node;
-      insertBefore(parent, node, reference2);
-      reference2 = node;
-    }
-    return;
-  }
-  const oldIndexOf = /* @__PURE__ */ new Map();
-  for (let index = 0; index < previous.length; index++) oldIndexOf.set(previous[index], index);
-  const seq = new Array(count);
-  for (let index = 0; index < count; index++) {
-    const entry = nextEntries[index];
-    seq[index] = forceInsert?.has(entry) ? -1 : oldIndexOf.get(entry) ?? -1;
-  }
-  const keep = computeKeptByLis(seq);
-  let reference = marker;
-  for (let index = count - 1; index >= 0; index--) {
-    const node = nextEntries[index].node;
-    if (keep[index]) {
-      reference = node;
-      continue;
-    }
-    insertBefore(parent, node, reference);
-    reference = node;
-  }
-}
-__name(reorderListEntries, "reorderListEntries");
-function computeKeptByLis(seq) {
-  const count = seq.length;
-  const keep = new Array(count).fill(false);
-  const tailsIndex = [];
-  const tailsValue = [];
-  const prev = new Array(count).fill(-1);
-  for (let i = 0; i < count; i++) {
-    const value = seq[i];
-    if (value < 0) continue;
-    let lo = 0;
-    let hi = tailsValue.length;
-    while (lo < hi) {
-      const mid = lo + hi >> 1;
-      if (tailsValue[mid] < value) lo = mid + 1;
-      else hi = mid;
-    }
-    if (lo === tailsValue.length) {
-      tailsValue.push(value);
-      tailsIndex.push(i);
-    } else {
-      tailsValue[lo] = value;
-      tailsIndex[lo] = i;
-    }
-    prev[i] = lo > 0 ? tailsIndex[lo - 1] : -1;
-  }
-  let cursor = tailsIndex.length > 0 ? tailsIndex[tailsIndex.length - 1] : -1;
-  while (cursor >= 0) {
-    keep[cursor] = true;
-    cursor = prev[cursor];
-  }
-  return keep;
-}
-__name(computeKeptByLis, "computeKeptByLis");
-function reconcileKeyed(items, keys, entries, renderItem) {
-  const previous = new Map(entries.map((entry) => [entry.key, entry]));
-  const seen = /* @__PURE__ */ new Set();
-  const nextEntries = [];
-  for (let index = 0; index < items.length; index++) {
-    const item = items[index];
-    const key = keys[index];
-    if (seen.has(key)) {
-      console.warn(`Vobs: \u68C0\u6D4B\u5230\u91CD\u590D\u7684\u5217\u8868 key: ${String(key)}`);
-    }
-    seen.add(key);
-    const entry = previous.get(key);
-    if (entry) {
-      previous.delete(key);
-      if (isPrimitiveItem(item) && !Object.is(entry.value, item)) {
-        nextEntries.push(createListEntry(item, index, key, renderItem));
-        continue;
-      }
-      entry.item.value = item;
-      entry.value = item;
-      nextEntries.push(entry);
-      continue;
-    }
-    nextEntries.push(createListEntry(item, index, key, renderItem));
-  }
-  return nextEntries;
-}
-__name(reconcileKeyed, "reconcileKeyed");
-function reconcileIndexed(items, entries, renderItem) {
-  const nextEntries = [];
-  for (let index = 0; index < items.length; index++) {
-    const item = items[index];
-    const entry = entries[index];
-    if (entry && isPrimitiveItem(item) && !Object.is(entry.value, item)) {
-      nextEntries.push(createListEntry(item, index, index, renderItem));
-      continue;
-    }
-    if (entry) {
-      entry.item.value = item;
-      entry.value = item;
-      nextEntries.push(entry);
-      continue;
-    }
-    nextEntries.push(createListEntry(item, index, index, renderItem));
-  }
-  return nextEntries;
-}
-__name(reconcileIndexed, "reconcileIndexed");
-function isPrimitiveItem(item) {
-  return item === null || typeof item !== "object";
-}
-__name(isPrimitiveItem, "isPrimitiveItem");
-function createListEntry(item, index, key, renderItem) {
-  const owner = createOwner();
-  let itemSignal;
-  let viewOwner;
-  let node;
-  owner.run(() => {
-    itemSignal = state(item);
-    viewOwner = createOwner();
-    node = viewOwner.run(() => renderItem(toReactiveItem(itemSignal, item), index));
-  });
-  associateNodeOwner(node, viewOwner);
-  return { key, node, owner, viewOwner, item: itemSignal, value: item, index };
-}
-__name(createListEntry, "createListEntry");
-function refreshListEntry(parent, entry, index, renderItem) {
-  removeChild(parent, entry.node);
-  entry.index = index;
-  const previousView = entry.viewOwner;
-  entry.owner.run(() => {
-    entry.viewOwner = createOwner();
-    entry.node = entry.viewOwner.run(() => renderItem(
-      toReactiveItem(entry.item, entry.value),
-      index
-    ));
-  });
-  previousView.dispose();
-  associateNodeOwner(entry.node, entry.viewOwner);
-}
-__name(refreshListEntry, "refreshListEntry");
-function toReactiveItem(item, initialValue) {
-  if (typeof initialValue !== "object" || initialValue === null) {
-    return initialValue;
-  }
-  return new Proxy(initialValue, {
-    get(_target, property, receiver) {
-      return Reflect.get(item.value, property, receiver);
-    },
-    has(_target, property) {
-      return property in item.value;
-    },
-    ownKeys() {
-      return Reflect.ownKeys(item.value);
-    },
-    getOwnPropertyDescriptor(_target, property) {
-      return Object.getOwnPropertyDescriptor(item.value, property);
-    }
-  });
-}
-__name(toReactiveItem, "toReactiveItem");
-function disposeEntry(parent, entry) {
-  removeChild(parent, entry.node);
-  entry.owner.dispose();
-}
-__name(disposeEntry, "disposeEntry");
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// 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/ui/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ActivityRail: () => ActivityRail,
+  Alert: () => Alert,
+  Avatar: () => Avatar,
+  Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
+  Card: () => Card,
+  CardHeader: () => CardHeader,
+  ChatComposer: () => ChatComposer,
+  Checkbox: () => Checkbox,
+  Dialog: () => Dialog,
+  Drawer: () => Drawer,
+  EditorTabs: () => EditorTabs,
+  FileTree: () => FileTree,
+  Icon: () => Icon,
+  Input: () => Input,
+  Kbd: () => Kbd,
+  KbdCombo: () => KbdCombo,
+  KbdRow: () => KbdRow,
+  Menu: () => Menu,
+  MenuDivider: () => MenuDivider,
+  NavList: () => NavList,
+  PageHeader: () => PageHeader,
+  PageHeaderAction: () => PageHeaderAction,
+  Pagination: () => Pagination,
+  Radio: () => Radio,
+  Select: () => Select,
+  StatCard: () => StatCard,
+  StatCardGrid: () => StatCardGrid,
+  StatusBar: () => StatusBar,
+  Switch: () => Switch,
+  Table: () => Table,
+  TablePanel: () => TablePanel,
+  Tabs: () => Tabs,
+  Tag: () => Tag,
+  Textarea: () => Textarea,
+  ToastHost: () => ToastHost,
+  VUI_ICON_PATHS: () => VUI_ICON_PATHS,
+  WorkbenchTitlebar: () => WorkbenchTitlebar,
+  createDOMPortalAdapter: () => createDOMPortalAdapter,
+  createFocusTrap: () => createFocusTrap,
+  createIcon: () => import_icon_core.createIcon,
+  createOverlayManager: () => createOverlayManager,
+  createPortal: () => createPortal,
+  registerIcon: () => registerIcon,
+  resolveIcon: () => resolveIcon
+});
+module.exports = __toCommonJS(src_exports);
 
-// packages/vobs/src/app.ts
-function createInjectionKey(description) {
-  return Symbol(description);
-}
-__name(createInjectionKey, "createInjectionKey");
+// packages/ui/src/button.ts
+var import_reactivity2 = require("@vobs/reactivity");
+var import_vobs2 = require("@vobs/vobs");
 
 // packages/ui/src/utils.ts
+var import_reactivity = require("@vobs/reactivity");
+var import_vobs = require("@vobs/vobs");
 function classNames(...values) {
   return values.flatMap((value) => typeof value === "string" ? value.trim().split(/\s+/u) : []).filter(Boolean).join(" ");
 }
@@ -859,8 +91,8 @@ function hasProp(props, name) {
 }
 __name(hasProp, "hasProp");
 function bindClassList(root, props, readBaseClasses) {
-  effect(() => {
-    setAttribute(root, "class", classNames(
+  (0, import_reactivity.effect)(() => {
+    (0, import_vobs.setAttribute)(root, "class", classNames(
       ...readBaseClasses(),
       readString(props, "class"),
       readString(props, "className")
@@ -874,7 +106,7 @@ function bindCommonAttributes(root, props, skip = [], options = {}) {
   ignored.add("className");
   ignored.add("children");
   ignored.add("style");
-  effect(() => {
+  (0, import_reactivity.effect)(() => {
     const next = /* @__PURE__ */ new Map();
     for (const name of Object.keys(props)) {
       if (ignored.has(name) || name.startsWith("on")) continue;
@@ -888,7 +120,7 @@ function bindCommonAttributes(root, props, skip = [], options = {}) {
     for (const name of managed) {
       if (!next.has(name)) removeAttribute(root, name);
     }
-    for (const [name, value] of next) setAttribute(root, name, value);
+    for (const [name, value] of next) (0, import_vobs.setAttribute)(root, name, value);
     setManagedAttributes(root, next.keys());
   });
 }
@@ -898,27 +130,27 @@ function bindUserStyle(root, props) {
 }
 __name(bindUserStyle, "bindUserStyle");
 function bindStyle(root, props, createStyle) {
-  effect(() => {
+  (0, import_reactivity.effect)(() => {
     const userStyle = readString(props, "style");
     const internalStyle = createStyle();
     const style = [internalStyle, userStyle].filter(Boolean).join("; ");
-    if (style) setAttribute(root, "style", style);
+    if (style) (0, import_vobs.setAttribute)(root, "style", style);
     else removeAttribute(root, "style");
   });
 }
 __name(bindStyle, "bindStyle");
 function bindTextContent(node, read) {
-  effect(() => {
-    setTextContent(node, String(read() ?? ""));
+  (0, import_reactivity.effect)(() => {
+    (0, import_vobs.setTextContent)(node, String(read() ?? ""));
   });
 }
 __name(bindTextContent, "bindTextContent");
 function bindPropertyValue(node, name, read) {
-  effect(() => setProperty(node, name, read()));
+  (0, import_reactivity.effect)(() => (0, import_vobs.setProperty)(node, name, read()));
 }
 __name(bindPropertyValue, "bindPropertyValue");
 function listen(root, event, props, propName, disabled) {
-  addEventListener(root, event, (reason) => {
+  (0, import_vobs.addEventListener)(root, event, (reason) => {
     if (disabled?.()) return;
     const handler = Reflect.get(props, propName);
     if (typeof handler === "function") handler(reason);
@@ -926,19 +158,19 @@ function listen(root, event, props, propName, disabled) {
 }
 __name(listen, "listen");
 function mountSlot(parent, props, propName) {
-  insertDynamic(parent, null, () => resolveSlot(Reflect.get(props, propName)));
+  (0, import_vobs.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 (typeof resolved === "string" || typeof resolved === "number") return (0, import_vobs.createText)(String(resolved));
   if (Array.isArray(resolved)) {
     const children = resolved;
-    return createFragment((parent, anchor) => {
+    return (0, import_vobs.createFragment)((parent, anchor) => {
       for (const child of children) {
         const node = resolveSlot(child);
-        if (node) insertBefore(parent, node, anchor);
+        if (node) (0, import_vobs.insertBefore)(parent, node, anchor);
       }
     });
   }
@@ -950,12 +182,12 @@ function setOptionalAttribute(node, name, value) {
     removeAttribute(node, name);
     return;
   }
-  setAttribute(node, name, String(value));
+  (0, import_vobs.setAttribute)(node, name, String(value));
 }
 __name(setOptionalAttribute, "setOptionalAttribute");
 function setOptionalProperty(node, name, value) {
   if (value === void 0 || value === null) return;
-  setProperty(node, name, value);
+  (0, import_vobs.setProperty)(node, name, value);
 }
 __name(setOptionalProperty, "setOptionalProperty");
 function readString(props, name) {
@@ -990,7 +222,7 @@ __name(removeAttribute, "removeAttribute");
 
 // packages/ui/src/button.ts
 function Button(props = {}) {
-  const root = createElement("button");
+  const root = (0, import_vobs2.createElement)("button");
   bindClassList(root, props, () => [
     "vui-btn",
     `vui-btn--${readProp(props, "variant", "primary")}`,
@@ -1007,7 +239,7 @@ function Button(props = {}) {
     "icon",
     "onClick"
   ]);
-  effect(() => {
+  (0, import_reactivity2.effect)(() => {
     const disabled = readProp(props, "disabled", false) || readProp(props, "loading", false);
     setOptionalProperty(root, "disabled", disabled);
     setOptionalAttribute(root, "type", readProp(props, "type", "button"));
@@ -1021,7 +253,7 @@ function Button(props = {}) {
 }
 __name(Button, "Button");
 function ButtonGroup(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs2.createElement)("div");
   bindClassList(root, props, () => ["vui-btn-group"]);
   bindCommonAttributes(root, props);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
@@ -1030,14 +262,16 @@ function ButtonGroup(props = {}) {
 __name(ButtonGroup, "ButtonGroup");
 
 // packages/ui/src/forms.ts
+var import_reactivity3 = require("@vobs/reactivity");
+var import_vobs3 = require("@vobs/vobs");
 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 Input(props = {}) {
-  const root = createElement("div");
-  const control = createElement("input");
+  const root = (0, import_vobs3.createElement)("div");
+  const control = (0, import_vobs3.createElement)("input");
   bindClassList(root, props, () => [
     "vui-input",
     readProp(props, "type", "text") === "search" ? "vui-search" : void 0
@@ -1056,7 +290,7 @@ function Input(props = {}) {
     "onChange",
     "onBlur"
   ]);
-  effect(() => {
+  (0, import_reactivity3.effect)(() => {
     setOptionalAttribute(control, "type", readProp(props, "type", "text"));
     setOptionalAttribute(control, "name", readProp(props, "name", void 0));
     setOptionalAttribute(control, "placeholder", readProp(props, "placeholder", void 0));
@@ -1074,12 +308,12 @@ function Input(props = {}) {
     bindPropertyValue(control, "value", () => readProp(props, "value", void 0) ?? "");
   }
   if (hasProp(props, "icon")) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-input__icon");
+    const icon = (0, import_vobs3.createElement)("span");
+    (0, import_vobs3.setAttribute)(icon, "class", "vui-input__icon");
     mountSlot(icon, props, "icon");
-    insertBefore(root, icon, null);
+    (0, import_vobs3.insertBefore)(root, icon, null);
   }
-  insertBefore(root, control, null);
+  (0, import_vobs3.insertBefore)(root, control, null);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   listen(control, "input", props, "onInput", () => readProp(props, "disabled", false));
   listen(control, "change", props, "onChange", () => readProp(props, "disabled", false));
@@ -1088,7 +322,7 @@ function Input(props = {}) {
 }
 __name(Input, "Input");
 function Textarea(props = {}) {
-  const root = createElement("textarea");
+  const root = (0, import_vobs3.createElement)("textarea");
   bindClassList(root, props, () => ["vui-textarea"]);
   bindCommonAttributes(root, props, [
     "value",
@@ -1102,7 +336,7 @@ function Textarea(props = {}) {
     "onChange",
     "onBlur"
   ]);
-  effect(() => {
+  (0, import_reactivity3.effect)(() => {
     setOptionalAttribute(root, "name", readProp(props, "name", void 0));
     setOptionalAttribute(root, "placeholder", readProp(props, "placeholder", void 0));
     setOptionalProperty(root, "disabled", readProp(props, "disabled", false));
@@ -1126,7 +360,7 @@ function Textarea(props = {}) {
 }
 __name(Textarea, "Textarea");
 function Select(props = {}) {
-  const root = createElement("select");
+  const root = (0, import_vobs3.createElement)("select");
   bindClassList(root, props, () => ["vui-select"]);
   bindCommonAttributes(root, props, [
     "name",
@@ -1137,7 +371,7 @@ function Select(props = {}) {
     "size",
     "onChange"
   ]);
-  effect(() => {
+  (0, import_reactivity3.effect)(() => {
     setOptionalAttribute(root, "name", readProp(props, "name", void 0));
     setOptionalProperty(root, "disabled", readProp(props, "disabled", false));
     setOptionalProperty(root, "required", readProp(props, "required", false));
@@ -1167,9 +401,9 @@ function Radio(props = {}) {
 }
 __name(Radio, "Radio");
 function createChoice(type, props) {
-  const root = createElement("label");
-  const control = createElement("input");
-  const visual = createElement("span");
+  const root = (0, import_vobs3.createElement)("label");
+  const control = (0, import_vobs3.createElement)("input");
+  const visual = (0, import_vobs3.createElement)("span");
   bindClassList(root, props, () => [`vui-${type}`]);
   bindUserStyle(root, props);
   bindCommonAttributes(control, props, [
@@ -1180,8 +414,8 @@ function createChoice(type, props) {
     "required",
     "onChange"
   ]);
-  setAttribute(visual, "class", type === "checkbox" ? "vui-check__box" : "vui-radio__dot");
-  effect(() => {
+  (0, import_vobs3.setAttribute)(visual, "class", type === "checkbox" ? "vui-check__box" : "vui-radio__dot");
+  (0, import_reactivity3.effect)(() => {
     setOptionalAttribute(control, "type", type);
     setOptionalAttribute(control, "name", readProp(props, "name", void 0));
     setOptionalAttribute(control, "value", readProp(props, "value", void 0));
@@ -1197,17 +431,17 @@ function createChoice(type, props) {
   } else if (hasProp(props, "checked")) {
     bindPropertyValue(control, "checked", () => readProp(props, "checked", false));
   }
-  insertBefore(root, control, null);
-  insertBefore(root, visual, null);
+  (0, import_vobs3.insertBefore)(root, control, null);
+  (0, import_vobs3.insertBefore)(root, visual, null);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   listen(control, "change", props, "onChange", () => readProp(props, "disabled", false));
   return root;
 }
 __name(createChoice, "createChoice");
 function Switch(props = {}) {
-  const root = createElement("label");
-  const control = createElement("input");
-  const thumb = createElement("span");
+  const root = (0, import_vobs3.createElement)("label");
+  const control = (0, import_vobs3.createElement)("input");
+  const thumb = (0, import_vobs3.createElement)("span");
   bindClassList(root, props, () => [
     "vui-switch",
     readProp(props, "size", "md") === "sm" ? "vui-switch--sm" : void 0
@@ -1222,10 +456,10 @@ function Switch(props = {}) {
     "value",
     "onChange"
   ]);
-  setAttribute(thumb, "class", "vui-switch__thumb");
-  setAttribute(root, "role", "switch");
+  (0, import_vobs3.setAttribute)(thumb, "class", "vui-switch__thumb");
+  (0, import_vobs3.setAttribute)(root, "role", "switch");
   const bind = bindSignalProp(props);
-  effect(() => {
+  (0, import_reactivity3.effect)(() => {
     setOptionalAttribute(control, "type", "checkbox");
     setOptionalAttribute(control, "name", readProp(props, "name", void 0));
     setOptionalAttribute(control, "value", readProp(props, "value", void 0));
@@ -1242,8 +476,8 @@ function Switch(props = {}) {
   } else if (hasProp(props, "checked")) {
     bindPropertyValue(control, "checked", () => readProp(props, "checked", false));
   }
-  insertBefore(root, control, null);
-  insertBefore(root, thumb, null);
+  (0, import_vobs3.insertBefore)(root, control, null);
+  (0, import_vobs3.insertBefore)(root, thumb, null);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   listen(control, "change", props, "onChange", () => readProp(props, "disabled", false));
   return root;
@@ -1251,33 +485,34 @@ function Switch(props = {}) {
 __name(Switch, "Switch");
 
 // packages/ui/src/card.ts
+var import_vobs4 = require("@vobs/vobs");
 function Card(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs4.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");
+    const title = (0, import_vobs4.createElement)("div");
+    const text = (0, import_vobs4.createText)("");
+    (0, import_vobs4.setAttribute)(title, "class", "vui-card__title");
     bindTextContent(text, () => readProp(props, "title", ""));
-    insertBefore(title, text, null);
-    insertBefore(root, title, null);
+    (0, import_vobs4.insertBefore)(title, text, null);
+    (0, import_vobs4.insertBefore)(root, title, null);
   }
   if (hasProp(props, "description")) {
-    const description = createElement("p");
-    const text = createText("");
-    setAttribute(description, "class", "vui-card__desc");
+    const description = (0, import_vobs4.createElement)("p");
+    const text = (0, import_vobs4.createText)("");
+    (0, import_vobs4.setAttribute)(description, "class", "vui-card__desc");
     bindTextContent(text, () => readProp(props, "description", ""));
-    insertBefore(description, text, null);
-    insertBefore(root, description, null);
+    (0, import_vobs4.insertBefore)(description, text, null);
+    (0, import_vobs4.insertBefore)(root, description, null);
   }
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
 __name(Card, "Card");
 function CardHeader(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs4.createElement)("div");
   bindClassList(root, props, () => ["vui-card__header"]);
   bindCommonAttributes(root, props);
   bindUserStyle(root, props);
@@ -1287,8 +522,9 @@ function CardHeader(props = {}) {
 __name(CardHeader, "CardHeader");
 
 // packages/ui/src/tag.ts
+var import_vobs5 = require("@vobs/vobs");
 function Tag(props = {}) {
-  const root = createElement("span");
+  const root = (0, import_vobs5.createElement)("span");
   bindClassList(root, props, () => [
     "vui-tag",
     readProp(props, "tone", "default") === "default" ? void 0 : `vui-tag--${readProp(props, "tone", "default")}`
@@ -1301,65 +537,68 @@ function Tag(props = {}) {
 __name(Tag, "Tag");
 
 // packages/ui/src/alert.ts
+var import_vobs6 = require("@vobs/vobs");
 function Alert(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs6.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");
+  (0, import_vobs6.setAttribute)(root, "role", "alert");
   if (hasProp(props, "icon")) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-alert__icon");
+    const icon = (0, import_vobs6.createElement)("span");
+    (0, import_vobs6.setAttribute)(icon, "class", "vui-alert__icon");
     mountSlot(icon, props, "icon");
-    insertBefore(root, icon, null);
+    (0, import_vobs6.insertBefore)(root, icon, null);
   }
-  const content = createElement("div");
+  const content = (0, import_vobs6.createElement)("div");
   if (hasProp(props, "title")) {
-    const title = createElement("div");
-    const text = createText("");
-    setAttribute(title, "class", "vui-alert__title");
+    const title = (0, import_vobs6.createElement)("div");
+    const text = (0, import_vobs6.createText)("");
+    (0, import_vobs6.setAttribute)(title, "class", "vui-alert__title");
     bindTextContent(text, () => readProp(props, "title", ""));
-    insertBefore(title, text, null);
-    insertBefore(content, title, null);
+    (0, import_vobs6.insertBefore)(title, text, null);
+    (0, import_vobs6.insertBefore)(content, title, null);
   }
   if (hasProp(props, "description")) {
-    const description = createElement("div");
-    const text = createText("");
-    setAttribute(description, "class", "vui-alert__desc");
+    const description = (0, import_vobs6.createElement)("div");
+    const text = (0, import_vobs6.createText)("");
+    (0, import_vobs6.setAttribute)(description, "class", "vui-alert__desc");
     bindTextContent(text, () => readProp(props, "description", ""));
-    insertBefore(description, text, null);
-    insertBefore(content, description, null);
+    (0, import_vobs6.insertBefore)(description, text, null);
+    (0, import_vobs6.insertBefore)(content, description, null);
   }
   if (hasProp(props, "children")) mountSlot(content, props, "children");
-  insertBefore(root, content, null);
+  (0, import_vobs6.insertBefore)(root, content, null);
   return root;
 }
 __name(Alert, "Alert");
 
 // packages/ui/src/tabs.ts
+var import_reactivity4 = require("@vobs/reactivity");
+var import_vobs7 = require("@vobs/vobs");
 function Tabs(props) {
-  const root = createElement("div");
-  const tablist = createElement("div");
-  const panel = createElement("div");
-  const internalValue = state(void 0);
+  const root = (0, import_vobs7.createElement)("div");
+  const tablist = (0, import_vobs7.createElement)("div");
+  const panel = (0, import_vobs7.createElement)("div");
+  const internalValue = (0, import_reactivity4.state)(void 0);
   bindClassList(root, props, () => ["vui-tabs-root"]);
   bindCommonAttributes(root, props, ["items", "value", "variant", "onChange"]);
-  setAttribute(tablist, "role", "tablist");
-  effect(() => {
+  (0, import_vobs7.setAttribute)(tablist, "role", "tablist");
+  (0, import_reactivity4.effect)(() => {
     const variant = readProp(props, "variant", "default");
-    setAttribute(tablist, "class", `vui-tabs${variant === "filled" ? " vui-tabs--filled" : ""}`);
+    (0, import_vobs7.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, () => {
+  (0, import_vobs7.setAttribute)(panel, "class", "vui-tabs__panel");
+  (0, import_vobs7.insertDynamic)(tablist, null, () => createTabButtons(props, internalValue));
+  (0, import_vobs7.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);
+  (0, import_vobs7.insertBefore)(root, tablist, null);
+  (0, import_vobs7.insertBefore)(root, panel, null);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -1367,27 +606,27 @@ __name(Tabs, "Tabs");
 function createTabButtons(props, internalValue) {
   const items = readProp(props, "items", []);
   const selected = activeId(props, internalValue);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs7.createFragment)((parent, anchor) => {
     for (const item of items) {
-      const button = createElement("button");
+      const button = (0, import_vobs7.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);
+      (0, import_vobs7.setAttribute)(button, "class", `vui-tab${isActive ? " is-active" : ""}`);
+      (0, import_vobs7.setAttribute)(button, "role", "tab");
+      (0, import_vobs7.setAttribute)(button, "type", "button");
+      (0, import_vobs7.setAttribute)(button, "aria-selected", isActive ? "true" : "false");
+      (0, import_vobs7.setAttribute)(button, "data-tab-id", item.id);
       if (item.disabled === true) {
-        setAttribute(button, "aria-disabled", "true");
-        setProperty(button, "disabled", true);
+        (0, import_vobs7.setAttribute)(button, "aria-disabled", "true");
+        (0, import_vobs7.setProperty)(button, "disabled", true);
       }
-      insertBefore(button, createText(item.label), null);
-      addEventListener(button, "click", () => {
+      (0, import_vobs7.insertBefore)(button, (0, import_vobs7.createText)(item.label), null);
+      (0, import_vobs7.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);
+      (0, import_vobs7.insertBefore)(parent, button, anchor);
     }
   });
 }
@@ -1404,10 +643,16 @@ function activeItem(items, id) {
 }
 __name(activeItem, "activeItem");
 
+// packages/ui/src/dialog.ts
+var import_reactivity6 = require("@vobs/reactivity");
+var import_vobs9 = require("@vobs/vobs");
+
 // packages/ui/src/overlay.ts
+var import_reactivity5 = require("@vobs/reactivity");
+var import_vobs8 = require("@vobs/vobs");
 function createPortal(node, adapter, target) {
-  const placeholder = createComment("vui:portal");
-  const owner = getCurrentOwner();
+  const placeholder = (0, import_vobs8.createComment)("vui:portal");
+  const owner = (0, import_reactivity5.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");
@@ -1418,7 +663,7 @@ __name(createPortal, "createPortal");
 function createDOMPortalAdapter() {
   return {
     mount(node, target) {
-      insertBefore(target, node, null);
+      (0, import_vobs8.insertBefore)(target, node, null);
     },
     unmount(node, target) {
       removePortalNode(node, target);
@@ -1483,7 +728,7 @@ function createFocusTrap(root, options = {}) {
       disposed = true;
     }
   };
-  if (getCurrentOwner()) onDispose(() => handle.dispose());
+  if ((0, import_reactivity5.getCurrentOwner)()) (0, import_reactivity5.onDispose)(() => handle.dispose());
   return handle;
 }
 __name(createFocusTrap, "createFocusTrap");
@@ -1528,7 +773,7 @@ function resolveInitialFocus(target) {
 }
 __name(resolveInitialFocus, "resolveInitialFocus");
 function removePortalNode(node, target) {
-  if (isVobsFragment(node)) {
+  if ((0, import_vobs8.isVobsFragment)(node)) {
     let current = node.start.nextSibling;
     while (current && current !== node.end) {
       const next = current.nextSibling;
@@ -1558,9 +803,9 @@ var FOCUSABLE_SELECTOR = [
 
 // packages/ui/src/dialog.ts
 function Dialog(props = {}) {
-  const root = createElement("div");
-  const surface = createElement("section");
-  const body = createElement("div");
+  const root = (0, import_vobs9.createElement)("div");
+  const surface = (0, import_vobs9.createElement)("section");
+  const body = (0, import_vobs9.createElement)("div");
   bindClassList(root, props, () => ["vui-backdrop"]);
   bindUserStyle(root, props);
   bindCommonAttributes(surface, props, [
@@ -1578,11 +823,11 @@ function Dialog(props = {}) {
     "portal",
     "portalTarget"
   ]);
-  setAttribute(root, "role", "presentation");
-  setAttribute(surface, "class", "vui-dialog");
-  setAttribute(surface, "role", "dialog");
-  setAttribute(body, "class", "vui-dialog__body");
-  effect(() => {
+  (0, import_vobs9.setAttribute)(root, "role", "presentation");
+  (0, import_vobs9.setAttribute)(surface, "class", "vui-dialog");
+  (0, import_vobs9.setAttribute)(surface, "role", "dialog");
+  (0, import_vobs9.setAttribute)(body, "class", "vui-dialog__body");
+  (0, import_reactivity6.effect)(() => {
     const open = readProp(props, "open", false);
     const modal = readProp(props, "modal", true);
     setOptionalProperty(root, "hidden", !open);
@@ -1593,36 +838,36 @@ function Dialog(props = {}) {
     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");
+    const head = (0, import_vobs9.createElement)("header");
+    (0, import_vobs9.setAttribute)(head, "class", "vui-dialog__head");
     if (hasProp(props, "title")) {
-      const title = createElement("div");
-      const text = createText("");
-      setAttribute(title, "class", "vui-dialog__title");
+      const title = (0, import_vobs9.createElement)("div");
+      const text = (0, import_vobs9.createText)("");
+      (0, import_vobs9.setAttribute)(title, "class", "vui-dialog__title");
       bindTextContent(text, () => readProp(props, "title", ""));
-      insertBefore(title, text, null);
-      insertBefore(head, title, null);
+      (0, import_vobs9.insertBefore)(title, text, null);
+      (0, import_vobs9.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);
+      const close = (0, import_vobs9.createElement)("button");
+      (0, import_vobs9.setAttribute)(close, "class", "vui-dialog__close");
+      (0, import_vobs9.setAttribute)(close, "type", "button");
+      (0, import_vobs9.setAttribute)(close, "aria-label", readProp(props, "closeLabel", "Close"));
+      (0, import_vobs9.insertBefore)(close, (0, import_vobs9.createText)("x"), null);
+      (0, import_vobs9.addEventListener)(close, "click", () => emitClose(props, "close-button"));
+      (0, import_vobs9.insertBefore)(head, close, null);
     }
-    insertBefore(surface, head, null);
+    (0, import_vobs9.insertBefore)(surface, head, null);
   }
   if (hasProp(props, "children")) mountSlot(body, props, "children");
-  insertBefore(surface, body, null);
-  insertBefore(root, surface, null);
-  addEventListener(root, "click", (event) => {
+  (0, import_vobs9.insertBefore)(surface, body, null);
+  (0, import_vobs9.insertBefore)(root, surface, null);
+  (0, import_vobs9.addEventListener)(root, "click", (event) => {
     if (event.target !== root) return;
     if (readProp(props, "closeOnBackdrop", true)) emitClose(props, "backdrop");
   });
-  addEventListener(root, "keydown", (event) => {
+  (0, import_vobs9.addEventListener)(root, "keydown", (event) => {
     if (event.key !== "Escape") return;
     if (readProp(props, "closeOnEscape", true)) emitClose(props, "escape");
   });
@@ -1638,75 +883,76 @@ function emitClose(props, reason) {
 __name(emitClose, "emitClose");
 
 // packages/ui/src/menu.ts
+var import_vobs10 = require("@vobs/vobs");
 function Menu(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs10.createElement)("div");
   bindClassList(root, props, () => ["vui-menu"]);
   bindCommonAttributes(root, props, ["items", "onSelect"]);
-  if (!hasProp(props, "role")) setAttribute(root, "role", "menu");
+  if (!hasProp(props, "role")) (0, import_vobs10.setAttribute)(root, "role", "menu");
   if (hasProp(props, "items")) {
-    insertDynamic(root, null, () => createMenuItems(props));
+    (0, import_vobs10.insertDynamic)(root, null, () => createMenuItems(props));
   }
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
 __name(Menu, "Menu");
 function MenuDivider(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs10.createElement)("div");
   bindClassList(root, props, () => ["vui-menu__divider"]);
   bindCommonAttributes(root, props);
-  setAttribute(root, "role", "separator");
+  (0, import_vobs10.setAttribute)(root, "role", "separator");
   return root;
 }
 __name(MenuDivider, "MenuDivider");
 function createMenuItems(props) {
   const items = readProp(props, "items", []);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs10.createFragment)((parent, anchor) => {
     for (const item of items) {
       const node = item.divider === true ? createMenuDividerNode(item) : createMenuItemNode(item, props);
-      insertBefore(parent, node, anchor);
+      (0, import_vobs10.insertBefore)(parent, node, anchor);
     }
   });
 }
 __name(createMenuItems, "createMenuItems");
 function createMenuDividerNode(item) {
-  const divider = createElement("div");
-  setAttribute(divider, "class", "vui-menu__divider");
-  setAttribute(divider, "role", "separator");
+  const divider = (0, import_vobs10.createElement)("div");
+  (0, import_vobs10.setAttribute)(divider, "class", "vui-menu__divider");
+  (0, import_vobs10.setAttribute)(divider, "role", "separator");
   setOptionalAttribute(divider, "data-menu-item-id", item.id);
   return divider;
 }
 __name(createMenuDividerNode, "createMenuDividerNode");
 function createMenuItemNode(item, props) {
-  const button = createElement("button");
-  setAttribute(button, "class", `vui-menu__item${item.danger === true ? " vui-menu__item--danger" : ""}`);
-  setAttribute(button, "type", "button");
-  setAttribute(button, "role", "menuitem");
+  const button = (0, import_vobs10.createElement)("button");
+  (0, import_vobs10.setAttribute)(button, "class", `vui-menu__item${item.danger === true ? " vui-menu__item--danger" : ""}`);
+  (0, import_vobs10.setAttribute)(button, "type", "button");
+  (0, import_vobs10.setAttribute)(button, "role", "menuitem");
   setOptionalAttribute(button, "data-menu-item-id", item.id);
   if (item.disabled === true) {
-    setProperty(button, "disabled", true);
-    setAttribute(button, "aria-disabled", "true");
+    (0, import_vobs10.setProperty)(button, "disabled", true);
+    (0, import_vobs10.setAttribute)(button, "aria-disabled", "true");
   }
   if (item.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-menu__icon");
+    const icon = (0, import_vobs10.createElement)("span");
+    (0, import_vobs10.setAttribute)(icon, "class", "vui-menu__icon");
     mountSlot(icon, item, "icon");
-    insertBefore(button, icon, null);
+    (0, import_vobs10.insertBefore)(button, icon, null);
   }
   if (item.label !== void 0) {
-    const label = createElement("span");
-    setAttribute(label, "class", "vui-menu__label");
-    insertBefore(label, createText(item.label), null);
-    insertBefore(button, label, null);
+    const label = (0, import_vobs10.createElement)("span");
+    (0, import_vobs10.setAttribute)(label, "class", "vui-menu__label");
+    (0, import_vobs10.insertBefore)(label, (0, import_vobs10.createText)(item.label), null);
+    (0, import_vobs10.insertBefore)(button, label, null);
   } else if (item.content !== void 0) {
     mountSlot(button, item, "content");
   }
   if (item.shortcut !== void 0) {
-    const shortcut = createElement("span");
-    setAttribute(shortcut, "class", "vui-menu__shortcut");
-    insertBefore(shortcut, createText(item.shortcut), null);
-    insertBefore(button, shortcut, null);
+    const shortcut = (0, import_vobs10.createElement)("span");
+    (0, import_vobs10.setAttribute)(shortcut, "class", "vui-menu__shortcut");
+    (0, import_vobs10.insertBefore)(shortcut, (0, import_vobs10.createText)(item.shortcut), null);
+    (0, import_vobs10.insertBefore)(button, shortcut, null);
   }
-  addEventListener(button, "click", (event) => {
+  (0, import_vobs10.addEventListener)(button, "click", (event) => {
     if (item.disabled === true || item.id === void 0) return;
     const handler = readProp(props, "onSelect", void 0);
     if (typeof handler === "function") handler(item.id, event);
@@ -1716,12 +962,14 @@ function createMenuItemNode(item, props) {
 __name(createMenuItemNode, "createMenuItemNode");
 
 // packages/ui/src/nav-list.ts
+var import_reactivity7 = require("@vobs/reactivity");
+var import_vobs11 = require("@vobs/vobs");
 function NavList(props = {}) {
-  const root = createElement("nav");
-  const internalValue = state(void 0);
+  const root = (0, import_vobs11.createElement)("nav");
+  const internalValue = (0, import_reactivity7.state)(void 0);
   bindClassList(root, props, () => ["vui-navlist"]);
   bindCommonAttributes(root, props, ["groups", "value", "defaultValue", "onChange"]);
-  insertDynamic(root, null, () => createNavGroups(props, internalValue));
+  (0, import_vobs11.insertDynamic)(root, null, () => createNavGroups(props, internalValue));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -1729,61 +977,61 @@ __name(NavList, "NavList");
 function createNavGroups(props, internalValue) {
   const groups = readProp(props, "groups", []);
   const selected = activeId2(props, groups, internalValue);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs11.createFragment)((parent, anchor) => {
     for (const group of groups) {
-      const groupRoot = createElement("div");
-      setAttribute(groupRoot, "class", "vui-navlist__group");
+      const groupRoot = (0, import_vobs11.createElement)("div");
+      (0, import_vobs11.setAttribute)(groupRoot, "class", "vui-navlist__group");
       setOptionalAttribute(groupRoot, "data-nav-group-id", group.id);
       if (group.title !== void 0) {
-        const title = createElement("div");
-        setAttribute(title, "class", "vui-navlist__group-title");
-        insertBefore(title, createText(group.title), null);
-        insertBefore(groupRoot, title, null);
+        const title = (0, import_vobs11.createElement)("div");
+        (0, import_vobs11.setAttribute)(title, "class", "vui-navlist__group-title");
+        (0, import_vobs11.insertBefore)(title, (0, import_vobs11.createText)(group.title), null);
+        (0, import_vobs11.insertBefore)(groupRoot, title, null);
       }
       for (const item of group.items) {
-        insertBefore(groupRoot, createNavItem(item, props, selected, internalValue), null);
+        (0, import_vobs11.insertBefore)(groupRoot, createNavItem(item, props, selected, internalValue), null);
       }
-      insertBefore(parent, groupRoot, anchor);
+      (0, import_vobs11.insertBefore)(parent, groupRoot, anchor);
     }
   });
 }
 __name(createNavGroups, "createNavGroups");
 function createNavItem(item, props, selected, internalValue) {
   const active = item.id === selected;
-  const element = createElement(item.href === void 0 ? "button" : "a");
-  setAttribute(element, "class", `vui-navlist__item${active ? " is-active" : ""}`);
-  if (item.href !== void 0) setAttribute(element, "role", "link");
+  const element = (0, import_vobs11.createElement)(item.href === void 0 ? "button" : "a");
+  (0, import_vobs11.setAttribute)(element, "class", `vui-navlist__item${active ? " is-active" : ""}`);
+  if (item.href !== void 0) (0, import_vobs11.setAttribute)(element, "role", "link");
   setOptionalAttribute(element, "data-nav-id", item.id);
   if (item.href !== void 0) {
-    setAttribute(element, "href", item.href);
+    (0, import_vobs11.setAttribute)(element, "href", item.href);
     setOptionalAttribute(element, "target", item.target);
     setOptionalAttribute(element, "rel", item.rel);
   } else {
-    setAttribute(element, "type", "button");
+    (0, import_vobs11.setAttribute)(element, "type", "button");
   }
-  if (active) setAttribute(element, "aria-current", "page");
+  if (active) (0, import_vobs11.setAttribute)(element, "aria-current", "page");
   if (item.disabled === true) {
-    setAttribute(element, "aria-disabled", "true");
-    setProperty(element, "tabIndex", -1);
-    if (item.href === void 0) setProperty(element, "disabled", true);
+    (0, import_vobs11.setAttribute)(element, "aria-disabled", "true");
+    (0, import_vobs11.setProperty)(element, "tabIndex", -1);
+    if (item.href === void 0) (0, import_vobs11.setProperty)(element, "disabled", true);
   }
   if (item.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-navlist__icon");
+    const icon = (0, import_vobs11.createElement)("span");
+    (0, import_vobs11.setAttribute)(icon, "class", "vui-navlist__icon");
     mountSlot(icon, item, "icon");
-    insertBefore(element, icon, null);
+    (0, import_vobs11.insertBefore)(element, icon, null);
   }
-  const label = createElement("span");
-  setAttribute(label, "class", "vui-navlist__label");
-  insertBefore(label, createText(item.label), null);
-  insertBefore(element, label, null);
+  const label = (0, import_vobs11.createElement)("span");
+  (0, import_vobs11.setAttribute)(label, "class", "vui-navlist__label");
+  (0, import_vobs11.insertBefore)(label, (0, import_vobs11.createText)(item.label), null);
+  (0, import_vobs11.insertBefore)(element, label, null);
   if (item.badge !== void 0) {
-    const badge = createElement("span");
-    setAttribute(badge, "class", "vui-navlist__badge");
+    const badge = (0, import_vobs11.createElement)("span");
+    (0, import_vobs11.setAttribute)(badge, "class", "vui-navlist__badge");
     mountSlot(badge, item, "badge");
-    insertBefore(element, badge, null);
+    (0, import_vobs11.insertBefore)(element, badge, null);
   }
-  addEventListener(element, "click", (event) => {
+  (0, import_vobs11.addEventListener)(element, "click", (event) => {
     if (item.disabled === true) {
       event.preventDefault?.();
       return;
@@ -1810,8 +1058,9 @@ function activeId2(props, groups, internalValue) {
 __name(activeId2, "activeId");
 
 // packages/ui/src/pagination.ts
+var import_vobs12 = require("@vobs/vobs");
 function Pagination(props = {}) {
-  const root = createElement("nav");
+  const root = (0, import_vobs12.createElement)("nav");
   bindClassList(root, props, () => ["vui-pagination"]);
   bindCommonAttributes(root, props, [
     "page",
@@ -1824,8 +1073,8 @@ function Pagination(props = {}) {
     "nextIcon",
     "onChange"
   ]);
-  if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Pagination");
-  insertDynamic(root, null, () => createPaginationItems(props));
+  if (!hasProp(props, "aria-label")) (0, import_vobs12.setAttribute)(root, "aria-label", "Pagination");
+  (0, import_vobs12.insertDynamic)(root, null, () => createPaginationItems(props));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -1836,31 +1085,31 @@ function createPaginationItems(props) {
   const siblingCount = Math.max(0, Math.floor(readProp(props, "siblingCount", 1)));
   const disabled = readProp(props, "disabled", false);
   const items = pageCount === 0 ? [] : buildPaginationItems(page, pageCount, siblingCount);
-  return createFragment((parent, anchor) => {
-    insertBefore(parent, createPaginationControl(props, "previous", page <= 1 || disabled), anchor);
+  return (0, import_vobs12.createFragment)((parent, anchor) => {
+    (0, import_vobs12.insertBefore)(parent, createPaginationControl(props, "previous", page <= 1 || disabled), anchor);
     for (const item of items) {
       if (typeof item === "number") {
-        insertBefore(parent, createPageButton(item, item === page, disabled, props), anchor);
+        (0, import_vobs12.insertBefore)(parent, createPageButton(item, item === page, disabled, props), anchor);
       } else {
-        insertBefore(parent, createEllipsis(item), anchor);
+        (0, import_vobs12.insertBefore)(parent, createEllipsis(item), anchor);
       }
     }
-    insertBefore(parent, createPaginationControl(props, "next", page >= pageCount || pageCount === 0 || disabled), anchor);
+    (0, import_vobs12.insertBefore)(parent, createPaginationControl(props, "next", page >= pageCount || pageCount === 0 || disabled), anchor);
   });
 }
 __name(createPaginationItems, "createPaginationItems");
 function createPaginationControl(props, direction, disabled) {
-  const button = createElement("button");
-  setAttribute(button, "class", "vui-pagination__item");
-  setAttribute(button, "type", "button");
-  setProperty(button, "disabled", disabled);
+  const button = (0, import_vobs12.createElement)("button");
+  (0, import_vobs12.setAttribute)(button, "class", "vui-pagination__item");
+  (0, import_vobs12.setAttribute)(button, "type", "button");
+  (0, import_vobs12.setProperty)(button, "disabled", disabled);
   setOptionalAttribute(button, "aria-label", direction === "previous" ? readProp(props, "previousLabel", "Previous") : readProp(props, "nextLabel", "Next"));
-  if (disabled) setAttribute(button, "aria-disabled", "true");
+  if (disabled) (0, import_vobs12.setAttribute)(button, "aria-disabled", "true");
   const icon = direction === "previous" ? readProp(props, "previousIcon", void 0) : readProp(props, "nextIcon", void 0);
   const fallback = direction === "previous" ? "<" : ">";
-  const node = icon === void 0 ? createText(fallback) : resolveSlot(icon);
-  if (node) insertBefore(button, node, null);
-  addEventListener(button, "click", () => {
+  const node = icon === void 0 ? (0, import_vobs12.createText)(fallback) : resolveSlot(icon);
+  if (node) (0, import_vobs12.insertBefore)(button, node, null);
+  (0, import_vobs12.addEventListener)(button, "click", () => {
     if (disabled) return;
     const current = readProp(props, "page", 1);
     const nextPage = direction === "previous" ? current - 1 : current + 1;
@@ -1870,28 +1119,28 @@ function createPaginationControl(props, direction, disabled) {
 }
 __name(createPaginationControl, "createPaginationControl");
 function createPageButton(page, active, disabled, props) {
-  const button = createElement("button");
-  setAttribute(button, "class", `vui-pagination__item${active ? " is-active" : ""}`);
-  setAttribute(button, "type", "button");
-  setProperty(button, "disabled", disabled);
-  setAttribute(button, "aria-label", `Page ${page}`);
-  if (active) setAttribute(button, "aria-current", "page");
-  if (disabled) setAttribute(button, "aria-disabled", "true");
-  insertBefore(button, createText(String(page)), null);
-  addEventListener(button, "click", () => {
+  const button = (0, import_vobs12.createElement)("button");
+  (0, import_vobs12.setAttribute)(button, "class", `vui-pagination__item${active ? " is-active" : ""}`);
+  (0, import_vobs12.setAttribute)(button, "type", "button");
+  (0, import_vobs12.setProperty)(button, "disabled", disabled);
+  (0, import_vobs12.setAttribute)(button, "aria-label", `Page ${page}`);
+  if (active) (0, import_vobs12.setAttribute)(button, "aria-current", "page");
+  if (disabled) (0, import_vobs12.setAttribute)(button, "aria-disabled", "true");
+  (0, import_vobs12.insertBefore)(button, (0, import_vobs12.createText)(String(page)), null);
+  (0, import_vobs12.addEventListener)(button, "click", () => {
     if (!disabled) emitPageChange(props, page);
   });
   return button;
 }
 __name(createPageButton, "createPageButton");
 function createEllipsis(item) {
-  const button = createElement("button");
-  setAttribute(button, "class", "vui-pagination__item");
-  setAttribute(button, "type", "button");
-  setProperty(button, "disabled", true);
-  setAttribute(button, "aria-label", item === "ellipsis-left" ? "Previous pages" : "Next pages");
-  setAttribute(button, "aria-hidden", "true");
-  insertBefore(button, createText("..."), null);
+  const button = (0, import_vobs12.createElement)("button");
+  (0, import_vobs12.setAttribute)(button, "class", "vui-pagination__item");
+  (0, import_vobs12.setAttribute)(button, "type", "button");
+  (0, import_vobs12.setProperty)(button, "disabled", true);
+  (0, import_vobs12.setAttribute)(button, "aria-label", item === "ellipsis-left" ? "Previous pages" : "Next pages");
+  (0, import_vobs12.setAttribute)(button, "aria-hidden", "true");
+  (0, import_vobs12.insertBefore)(button, (0, import_vobs12.createText)("..."), null);
   return button;
 }
 __name(createEllipsis, "createEllipsis");
@@ -1922,8 +1171,9 @@ function buildPaginationItems(page, pageCount, siblingCount) {
 __name(buildPaginationItems, "buildPaginationItems");
 
 // packages/ui/src/avatar.ts
+var import_vobs13 = require("@vobs/vobs");
 function Avatar(props = {}) {
-  const root = createElement("span");
+  const root = (0, import_vobs13.createElement)("span");
   bindClassList(root, props, () => [
     "vui-avatar",
     readProp(props, "size", "md") === "sm" ? "vui-avatar--sm" : void 0,
@@ -1933,17 +1183,17 @@ function Avatar(props = {}) {
   ]);
   bindCommonAttributes(root, props, ["src", "alt", "size", "shape", "accent", "fallback"]);
   bindUserStyle(root, props);
-  insertDynamic(root, null, () => createAvatarContent(props));
+  (0, import_vobs13.insertDynamic)(root, null, () => createAvatarContent(props));
   return root;
 }
 __name(Avatar, "Avatar");
 function createAvatarContent(props) {
   const src = readProp(props, "src", void 0);
   if (src) {
-    const image = createElement("img");
-    setAttribute(image, "class", "vui-avatar__image");
-    setAttribute(image, "src", src);
-    setAttribute(image, "alt", readProp(props, "alt", ""));
+    const image = (0, import_vobs13.createElement)("img");
+    (0, import_vobs13.setAttribute)(image, "class", "vui-avatar__image");
+    (0, import_vobs13.setAttribute)(image, "src", src);
+    (0, import_vobs13.setAttribute)(image, "alt", readProp(props, "alt", ""));
     return image;
   }
   if (hasProp(props, "fallback")) {
@@ -1954,61 +1204,63 @@ function createAvatarContent(props) {
     const children = resolveSlot(Reflect.get(props, "children"));
     if (children) return children;
   }
-  return createText("");
+  return (0, import_vobs13.createText)("");
 }
 __name(createAvatarContent, "createAvatarContent");
 
 // packages/ui/src/page-header.ts
+var import_reactivity8 = require("@vobs/reactivity");
+var import_vobs14 = require("@vobs/vobs");
 function PageHeader(props = {}) {
-  const root = createElement("header");
-  const main = createElement("div");
+  const root = (0, import_vobs14.createElement)("header");
+  const main = (0, import_vobs14.createElement)("div");
   bindClassList(root, props, () => ["vui-pagehead"]);
   bindCommonAttributes(root, props, ["title", "subtitle", "actions"]);
   bindUserStyle(root, props);
-  setAttribute(main, "class", "vui-pagehead__main");
+  (0, import_vobs14.setAttribute)(main, "class", "vui-pagehead__main");
   if (hasProp(props, "title")) {
-    const title = createElement("h1");
-    const text = createText("");
-    setAttribute(title, "class", "vui-pagehead__title");
+    const title = (0, import_vobs14.createElement)("h1");
+    const text = (0, import_vobs14.createText)("");
+    (0, import_vobs14.setAttribute)(title, "class", "vui-pagehead__title");
     bindTextContent(text, () => readProp(props, "title", ""));
-    insertBefore(title, text, null);
-    insertBefore(main, title, null);
+    (0, import_vobs14.insertBefore)(title, text, null);
+    (0, import_vobs14.insertBefore)(main, title, null);
   }
   if (hasProp(props, "subtitle")) {
-    const subtitle = createElement("p");
-    const text = createText("");
-    setAttribute(subtitle, "class", "vui-pagehead__subtitle");
+    const subtitle = (0, import_vobs14.createElement)("p");
+    const text = (0, import_vobs14.createText)("");
+    (0, import_vobs14.setAttribute)(subtitle, "class", "vui-pagehead__subtitle");
     bindTextContent(text, () => readProp(props, "subtitle", ""));
-    insertBefore(subtitle, text, null);
-    insertBefore(main, subtitle, null);
+    (0, import_vobs14.insertBefore)(subtitle, text, null);
+    (0, import_vobs14.insertBefore)(main, subtitle, null);
   }
   if (hasProp(props, "children")) mountSlot(main, props, "children");
-  insertBefore(root, main, null);
+  (0, import_vobs14.insertBefore)(root, main, null);
   if (hasProp(props, "actions")) {
-    const actions = createElement("div");
-    setAttribute(actions, "class", "vui-pagehead__actions");
+    const actions = (0, import_vobs14.createElement)("div");
+    (0, import_vobs14.setAttribute)(actions, "class", "vui-pagehead__actions");
     mountSlot(actions, props, "actions");
-    insertBefore(root, actions, null);
+    (0, import_vobs14.insertBefore)(root, actions, null);
   }
   return root;
 }
 __name(PageHeader, "PageHeader");
 function PageHeaderAction(props = {}) {
-  const root = createElement(props.href === void 0 ? "button" : "a");
+  const root = (0, import_vobs14.createElement)(props.href === void 0 ? "button" : "a");
   bindClassList(root, props, () => [
     "vui-pagehead__btn",
     readProp(props, "primary", false) ? "is-primary" : void 0
   ]);
   bindCommonAttributes(root, props, ["href", "primary", "disabled", "onClick"]);
-  if (props.href === void 0) setAttribute(root, "type", "button");
-  else setAttribute(root, "href", props.href);
-  effect(() => {
+  if (props.href === void 0) (0, import_vobs14.setAttribute)(root, "type", "button");
+  else (0, import_vobs14.setAttribute)(root, "href", props.href);
+  (0, import_reactivity8.effect)(() => {
     const disabled = readProp(props, "disabled", false);
     setOptionalAttribute(root, "aria-disabled", disabled ? "true" : void 0);
-    if (props.href === void 0) setProperty(root, "disabled", disabled);
+    if (props.href === void 0) (0, import_vobs14.setProperty)(root, "disabled", disabled);
   });
   if (hasProp(props, "children")) mountSlot(root, props, "children");
-  addEventListener(root, "click", (event) => {
+  (0, import_vobs14.addEventListener)(root, "click", (event) => {
     if (readProp(props, "disabled", false)) {
       event.preventDefault?.();
       return;
@@ -2021,29 +1273,30 @@ function PageHeaderAction(props = {}) {
 __name(PageHeaderAction, "PageHeaderAction");
 
 // packages/ui/src/table.ts
+var import_vobs15 = require("@vobs/vobs");
 function Table(props = {}) {
-  const root = createElement("table");
-  const head = createElement("thead");
-  const body = createElement("tbody");
+  const root = (0, import_vobs15.createElement)("table");
+  const head = (0, import_vobs15.createElement)("thead");
+  const body = (0, import_vobs15.createElement)("tbody");
   bindClassList(root, props, () => ["vui-table"]);
   bindCommonAttributes(root, props, ["columns", "rows", "caption", "empty", "rowKey", "onRowClick"]);
   bindUserStyle(root, props);
   if (hasProp(props, "caption")) {
-    const caption = createElement("caption");
-    const text = createText("");
+    const caption = (0, import_vobs15.createElement)("caption");
+    const text = (0, import_vobs15.createText)("");
     bindTextContent(text, () => readProp(props, "caption", ""));
-    insertBefore(caption, text, null);
-    insertBefore(root, caption, null);
+    (0, import_vobs15.insertBefore)(caption, text, null);
+    (0, import_vobs15.insertBefore)(root, caption, null);
   }
-  insertDynamic(head, null, () => createTableHead(props));
-  insertDynamic(body, null, () => createTableBody(props));
-  insertBefore(root, head, null);
-  insertBefore(root, body, null);
+  (0, import_vobs15.insertDynamic)(head, null, () => createTableHead(props));
+  (0, import_vobs15.insertDynamic)(body, null, () => createTableBody(props));
+  (0, import_vobs15.insertBefore)(root, head, null);
+  (0, import_vobs15.insertBefore)(root, body, null);
   return root;
 }
 __name(Table, "Table");
 function TablePanel(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs15.createElement)("div");
   bindClassList(root, props, () => ["vui-tablepanel"]);
   bindCommonAttributes(root, props, ["columns", "rows", "empty", "footer", "rowKey", "onRowClick"]);
   bindUserStyle(root, props);
@@ -2064,29 +1317,29 @@ function TablePanel(props = {}) {
       return readProp(props, "onRowClick", void 0);
     }
   });
-  insertBefore(root, table, null);
+  (0, import_vobs15.insertBefore)(root, table, null);
   if (hasProp(props, "footer")) {
-    const footer = createElement("div");
-    setAttribute(footer, "class", "vui-tablepanel__foot");
+    const footer = (0, import_vobs15.createElement)("div");
+    (0, import_vobs15.setAttribute)(footer, "class", "vui-tablepanel__foot");
     mountSlot(footer, props, "footer");
-    insertBefore(root, footer, null);
+    (0, import_vobs15.insertBefore)(root, footer, null);
   }
   return root;
 }
 __name(TablePanel, "TablePanel");
 function createTableHead(props) {
   const columns = readProp(props, "columns", []);
-  return createFragment((parent, anchor) => {
-    const row = createElement("tr");
+  return (0, import_vobs15.createFragment)((parent, anchor) => {
+    const row = (0, import_vobs15.createElement)("tr");
     for (const column of columns) {
-      const cell = createElement("th");
-      setAttribute(cell, "scope", "col");
-      setAttribute(cell, "data-column-id", column.id);
+      const cell = (0, import_vobs15.createElement)("th");
+      (0, import_vobs15.setAttribute)(cell, "scope", "col");
+      (0, import_vobs15.setAttribute)(cell, "data-column-id", column.id);
       applyAlignment(cell, column.align);
-      insertBefore(cell, createText(column.label), null);
-      insertBefore(row, cell, null);
+      (0, import_vobs15.insertBefore)(cell, (0, import_vobs15.createText)(column.label), null);
+      (0, import_vobs15.insertBefore)(row, cell, null);
     }
-    insertBefore(parent, row, anchor);
+    (0, import_vobs15.insertBefore)(parent, row, anchor);
   });
 }
 __name(createTableHead, "createTableHead");
@@ -2094,55 +1347,55 @@ function createTableBody(props) {
   const columns = readProp(props, "columns", []);
   const rows = readProp(props, "rows", []);
   if (rows.length === 0) return createEmptyRow(props, columns.length);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs15.createFragment)((parent, anchor) => {
     for (let index = 0; index < rows.length; index++) {
-      insertBefore(parent, createTableRow(rows[index], index, columns, props), anchor);
+      (0, import_vobs15.insertBefore)(parent, createTableRow(rows[index], index, columns, props), anchor);
     }
   });
 }
 __name(createTableBody, "createTableBody");
 function createTableRow(row, index, columns, props) {
-  const tableRow = createElement("tr");
+  const tableRow = (0, import_vobs15.createElement)("tr");
   const rowKey = readProp(props, "rowKey", void 0);
   if (rowKey) setOptionalAttribute(tableRow, "data-row-key", rowKey(row, index));
   for (const column of columns) {
-    const cell = createElement("td");
-    setAttribute(cell, "data-column-id", column.id);
+    const cell = (0, import_vobs15.createElement)("td");
+    (0, import_vobs15.setAttribute)(cell, "data-column-id", column.id);
     applyAlignment(cell, column.align);
-    insertDynamic(cell, null, () => {
+    (0, import_vobs15.insertDynamic)(cell, null, () => {
       const value = column.render ? column.render(row, index) : column.key === void 0 ? void 0 : readRowValue(row, column.key);
       return resolveSlot(value);
     });
-    insertBefore(tableRow, cell, null);
+    (0, import_vobs15.insertBefore)(tableRow, cell, null);
   }
   const onRowClick = readProp(props, "onRowClick", void 0);
   if (onRowClick) {
-    setProperty(tableRow, "tabIndex", 0);
-    setAttribute(tableRow, "data-clickable", "true");
-    addEventListener(tableRow, "click", () => onRowClick(row, index));
+    (0, import_vobs15.setProperty)(tableRow, "tabIndex", 0);
+    (0, import_vobs15.setAttribute)(tableRow, "data-clickable", "true");
+    (0, import_vobs15.addEventListener)(tableRow, "click", () => onRowClick(row, index));
   }
   return tableRow;
 }
 __name(createTableRow, "createTableRow");
 function createEmptyRow(props, columnCount) {
-  const row = createElement("tr");
-  const cell = createElement("td");
-  setAttribute(cell, "colspan", String(Math.max(1, columnCount)));
+  const row = (0, import_vobs15.createElement)("tr");
+  const cell = (0, import_vobs15.createElement)("td");
+  (0, import_vobs15.setAttribute)(cell, "colspan", String(Math.max(1, columnCount)));
   if (hasProp(props, "empty")) {
-    insertDynamic(cell, null, () => resolveSlot(Reflect.get(props, "empty")));
+    (0, import_vobs15.insertDynamic)(cell, null, () => resolveSlot(Reflect.get(props, "empty")));
   } else {
-    insertBefore(cell, createText("No data"), null);
+    (0, import_vobs15.insertBefore)(cell, (0, import_vobs15.createText)("No data"), null);
   }
-  insertBefore(row, cell, null);
+  (0, import_vobs15.insertBefore)(row, cell, null);
   return row;
 }
 __name(createEmptyRow, "createEmptyRow");
 function applyAlignment(cell, align) {
   if (align === "end") {
-    setAttribute(cell, "class", "num");
-    setAttribute(cell, "data-align", "end");
+    (0, import_vobs15.setAttribute)(cell, "class", "num");
+    (0, import_vobs15.setAttribute)(cell, "data-align", "end");
   } else if (align === "center") {
-    setAttribute(cell, "data-align", "center");
+    (0, import_vobs15.setAttribute)(cell, "data-align", "center");
   }
 }
 __name(applyAlignment, "applyAlignment");
@@ -2153,8 +1406,10 @@ function readRowValue(row, key) {
 __name(readRowValue, "readRowValue");
 
 // packages/ui/src/stat-card.ts
+var import_reactivity9 = require("@vobs/reactivity");
+var import_vobs16 = require("@vobs/vobs");
 function StatCard(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs16.createElement)("div");
   bindClassList(root, props, () => ["vui-statcard"]);
   bindCommonAttributes(root, props, [
     "label",
@@ -2166,41 +1421,41 @@ function StatCard(props = {}) {
   ]);
   bindUserStyle(root, props);
   if (hasProp(props, "label")) {
-    const label = createElement("span");
-    const text = createText("");
-    setAttribute(label, "class", "vui-statcard__label");
+    const label = (0, import_vobs16.createElement)("span");
+    const text = (0, import_vobs16.createText)("");
+    (0, import_vobs16.setAttribute)(label, "class", "vui-statcard__label");
     bindTextContent(text, () => readProp(props, "label", ""));
-    insertBefore(label, text, null);
-    insertBefore(root, label, null);
+    (0, import_vobs16.insertBefore)(label, text, null);
+    (0, import_vobs16.insertBefore)(root, label, null);
   }
   if (hasProp(props, "value")) {
-    const value = createElement("span");
-    setAttribute(value, "class", "vui-statcard__value");
-    insertDynamic(value, null, () => resolveSlot(Reflect.get(props, "value")));
-    insertBefore(root, value, null);
+    const value = (0, import_vobs16.createElement)("span");
+    (0, import_vobs16.setAttribute)(value, "class", "vui-statcard__value");
+    (0, import_vobs16.insertDynamic)(value, null, () => resolveSlot(Reflect.get(props, "value")));
+    (0, import_vobs16.insertBefore)(root, value, null);
   }
   if (hasProp(props, "delta") || hasProp(props, "deltaIcon") || hasProp(props, "deltaCaption")) {
-    const delta = createElement("span");
-    effect(() => {
+    const delta = (0, import_vobs16.createElement)("span");
+    (0, import_reactivity9.effect)(() => {
       const direction = readProp(props, "deltaDirection", void 0);
-      setAttribute(delta, "class", `vui-statcard__delta${direction ? ` is-${direction}` : ""}`);
+      (0, import_vobs16.setAttribute)(delta, "class", `vui-statcard__delta${direction ? ` is-${direction}` : ""}`);
     });
     if (hasProp(props, "deltaIcon")) mountSlot(delta, props, "deltaIcon");
     if (hasProp(props, "delta")) mountSlot(delta, props, "delta");
     if (hasProp(props, "deltaCaption")) {
-      const caption = createElement("span");
-      setAttribute(caption, "class", "vui-statcard__caption");
+      const caption = (0, import_vobs16.createElement)("span");
+      (0, import_vobs16.setAttribute)(caption, "class", "vui-statcard__caption");
       mountSlot(caption, props, "deltaCaption");
-      insertBefore(delta, caption, null);
+      (0, import_vobs16.insertBefore)(delta, caption, null);
     }
-    insertBefore(root, delta, null);
+    (0, import_vobs16.insertBefore)(root, delta, null);
   }
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
 __name(StatCard, "StatCard");
 function StatCardGrid(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs16.createElement)("div");
   bindClassList(root, props, () => ["vui-statcard__grid"]);
   bindCommonAttributes(root, props);
   bindUserStyle(root, props);
@@ -2210,8 +1465,9 @@ function StatCardGrid(props = {}) {
 __name(StatCardGrid, "StatCardGrid");
 
 // packages/ui/src/kbd.ts
+var import_vobs17 = require("@vobs/vobs");
 function Kbd(props = {}) {
-  const root = createElement("kbd");
+  const root = (0, import_vobs17.createElement)("kbd");
   bindClassList(root, props, () => ["vui-kbd"]);
   bindCommonAttributes(root, props);
   bindUserStyle(root, props);
@@ -2220,17 +1476,17 @@ function Kbd(props = {}) {
 }
 __name(Kbd, "Kbd");
 function KbdCombo(props = {}) {
-  const root = createElement("span");
+  const root = (0, import_vobs17.createElement)("span");
   bindClassList(root, props, () => ["vui-kbd__combo"]);
   bindCommonAttributes(root, props, ["keys", "separator"]);
   bindUserStyle(root, props);
-  if (hasProp(props, "keys")) insertDynamic(root, null, () => createComboKeys(props));
+  if (hasProp(props, "keys")) (0, import_vobs17.insertDynamic)(root, null, () => createComboKeys(props));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
 __name(KbdCombo, "KbdCombo");
 function KbdRow(props = {}) {
-  const root = createElement("div");
+  const root = (0, import_vobs17.createElement)("div");
   bindClassList(root, props, () => ["vui-kbd__row"]);
   bindCommonAttributes(root, props);
   bindUserStyle(root, props);
@@ -2241,30 +1497,32 @@ __name(KbdRow, "KbdRow");
 function createComboKeys(props) {
   const keys = readProp(props, "keys", []);
   const separator = readProp(props, "separator", "+");
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs17.createFragment)((parent, anchor) => {
     for (let index = 0; index < keys.length; index++) {
       if (index > 0) {
-        const plus = createElement("span");
-        setAttribute(plus, "class", "vui-kbd__plus");
+        const plus = (0, import_vobs17.createElement)("span");
+        (0, import_vobs17.setAttribute)(plus, "class", "vui-kbd__plus");
         const separatorNode = resolveSlot(separator);
-        if (separatorNode) insertBefore(plus, separatorNode, null);
-        insertBefore(parent, plus, anchor);
+        if (separatorNode) (0, import_vobs17.insertBefore)(plus, separatorNode, null);
+        (0, import_vobs17.insertBefore)(parent, plus, anchor);
       }
-      insertBefore(parent, Kbd({ children: keys[index] }), anchor);
+      (0, import_vobs17.insertBefore)(parent, Kbd({ children: keys[index] }), anchor);
     }
   });
 }
 __name(createComboKeys, "createComboKeys");
 
 // packages/ui/src/activity-rail.ts
+var import_reactivity10 = require("@vobs/reactivity");
+var import_vobs18 = require("@vobs/vobs");
 function ActivityRail(props = {}) {
-  const root = createElement("nav");
-  const internalValue = state(void 0);
+  const root = (0, import_vobs18.createElement)("nav");
+  const internalValue = (0, import_reactivity10.state)(void 0);
   bindClassList(root, props, () => ["vui-activityrail"]);
   bindCommonAttributes(root, props, ["items", "value", "defaultValue", "onChange"]);
   bindUserStyle(root, props);
-  if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Activity");
-  if (hasProp(props, "items")) insertDynamic(root, null, () => createActivityItems(props, internalValue));
+  if (!hasProp(props, "aria-label")) (0, import_vobs18.setAttribute)(root, "aria-label", "Activity");
+  if (hasProp(props, "items")) (0, import_vobs18.insertDynamic)(root, null, () => createActivityItems(props, internalValue));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -2272,47 +1530,47 @@ __name(ActivityRail, "ActivityRail");
 function createActivityItems(props, internalValue) {
   const items = readProp(props, "items", []);
   const selected = activeId3(props, items, internalValue);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs18.createFragment)((parent, anchor) => {
     for (const item of items) {
       if (item.divider === true) {
-        const divider = createElement("div");
-        setAttribute(divider, "class", "vui-activityrail__divider");
-        setAttribute(divider, "role", "separator");
-        insertBefore(parent, divider, anchor);
+        const divider = (0, import_vobs18.createElement)("div");
+        (0, import_vobs18.setAttribute)(divider, "class", "vui-activityrail__divider");
+        (0, import_vobs18.setAttribute)(divider, "role", "separator");
+        (0, import_vobs18.insertBefore)(parent, divider, anchor);
         continue;
       }
       if (item.spacer === true) {
-        const spacer = createElement("span");
-        setAttribute(spacer, "class", "vui-activityrail__spacer");
-        insertBefore(parent, spacer, anchor);
+        const spacer = (0, import_vobs18.createElement)("span");
+        (0, import_vobs18.setAttribute)(spacer, "class", "vui-activityrail__spacer");
+        (0, import_vobs18.insertBefore)(parent, spacer, anchor);
         continue;
       }
-      insertBefore(parent, createActivityButton(item, props, selected, internalValue), anchor);
+      (0, import_vobs18.insertBefore)(parent, createActivityButton(item, props, selected, internalValue), anchor);
     }
   });
 }
 __name(createActivityItems, "createActivityItems");
 function createActivityButton(item, props, selected, internalValue) {
-  const button = createElement("button");
+  const button = (0, import_vobs18.createElement)("button");
   const active = item.id !== void 0 && item.id === selected;
-  setAttribute(button, "class", `vui-activityrail__btn${active ? " is-active" : ""}`);
-  setAttribute(button, "type", "button");
+  (0, import_vobs18.setAttribute)(button, "class", `vui-activityrail__btn${active ? " is-active" : ""}`);
+  (0, import_vobs18.setAttribute)(button, "type", "button");
   setOptionalAttribute(button, "aria-label", item.label);
   setOptionalAttribute(button, "title", item.label);
-  setAttribute(button, "aria-pressed", active ? "true" : "false");
+  (0, import_vobs18.setAttribute)(button, "aria-pressed", active ? "true" : "false");
   if (item.disabled === true) {
-    setProperty(button, "disabled", true);
-    setAttribute(button, "aria-disabled", "true");
+    (0, import_vobs18.setProperty)(button, "disabled", true);
+    (0, import_vobs18.setAttribute)(button, "aria-disabled", "true");
   }
   if (item.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-activityrail__icon");
+    const icon = (0, import_vobs18.createElement)("span");
+    (0, import_vobs18.setAttribute)(icon, "class", "vui-activityrail__icon");
     mountSlot(icon, item, "icon");
-    insertBefore(button, icon, null);
+    (0, import_vobs18.insertBefore)(button, icon, null);
   } else if (item.label !== void 0) {
-    insertBefore(button, createText(item.label), null);
+    (0, import_vobs18.insertBefore)(button, (0, import_vobs18.createText)(item.label), null);
   }
-  addEventListener(button, "click", (event) => {
+  (0, import_vobs18.addEventListener)(button, "click", (event) => {
     if (item.disabled === true || item.id === void 0) return;
     if (readProp(props, "value", void 0) === void 0) internalValue.value = item.id;
     const handler = readProp(props, "onChange", void 0);
@@ -2332,10 +1590,12 @@ function activeId3(props, items, internalValue) {
 __name(activeId3, "activeId");
 
 // packages/ui/src/file-tree.ts
+var import_reactivity11 = require("@vobs/reactivity");
+var import_vobs19 = require("@vobs/vobs");
 function FileTree(props = {}) {
   const items = readProp(props, "items", []);
-  const internalExpanded = state(initialExpanded(props, items));
-  const root = createElement("div");
+  const internalExpanded = (0, import_reactivity11.state)(initialExpanded(props, items));
+  const root = (0, import_vobs19.createElement)("div");
   bindClassList(root, props, () => ["vui-filetree"]);
   bindCommonAttributes(root, props, [
     "items",
@@ -2347,9 +1607,9 @@ function FileTree(props = {}) {
     "onToggle"
   ]);
   bindUserStyle(root, props);
-  if (!hasProp(props, "role")) setAttribute(root, "role", "tree");
-  if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Files");
-  insertDynamic(root, null, () => createTreeRows(props, internalExpanded));
+  if (!hasProp(props, "role")) (0, import_vobs19.setAttribute)(root, "role", "tree");
+  if (!hasProp(props, "aria-label")) (0, import_vobs19.setAttribute)(root, "aria-label", "Files");
+  (0, import_vobs19.insertDynamic)(root, null, () => createTreeRows(props, internalExpanded));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -2359,9 +1619,9 @@ function createTreeRows(props, internalExpanded) {
   const expanded = new Set(readProp(props, "expanded", void 0) ?? internalExpanded.value);
   const visible = flattenVisible(items, expanded);
   const selected = activeId4(props, items);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs19.createFragment)((parent, anchor) => {
     for (const entry of visible) {
-      insertBefore(parent, createTreeRow(entry, props, internalExpanded, selected, expanded), anchor);
+      (0, import_vobs19.insertBefore)(parent, createTreeRow(entry, props, internalExpanded, selected, expanded), anchor);
     }
   });
 }
@@ -2371,34 +1631,34 @@ function createTreeRow(entry, props, internalExpanded, selected, expanded) {
   const isFolder = item.kind === "folder";
   const hasChildren = isFolder && Boolean(item.children?.length);
   const active = item.id === selected;
-  const row = createElement("div");
-  setAttribute(row, "class", `vui-filetree__row${active ? " is-active" : ""}`);
-  setAttribute(row, "role", "treeitem");
-  setAttribute(row, "data-depth", String(entry.depth));
-  setAttribute(row, "data-file-id", item.id);
-  setProperty(row, "tabIndex", item.disabled === true ? -1 : 0);
-  if (active) setAttribute(row, "aria-selected", "true");
-  if (isFolder) setAttribute(row, "aria-expanded", entry.expanded ? "true" : "false");
-  if (item.disabled === true) setAttribute(row, "aria-disabled", "true");
-  const chevron = createElement("span");
-  setAttribute(chevron, "class", `vui-filetree__chevron${hasChildren ? "" : " vui-filetree__chevron--leaf"}`);
+  const row = (0, import_vobs19.createElement)("div");
+  (0, import_vobs19.setAttribute)(row, "class", `vui-filetree__row${active ? " is-active" : ""}`);
+  (0, import_vobs19.setAttribute)(row, "role", "treeitem");
+  (0, import_vobs19.setAttribute)(row, "data-depth", String(entry.depth));
+  (0, import_vobs19.setAttribute)(row, "data-file-id", item.id);
+  (0, import_vobs19.setProperty)(row, "tabIndex", item.disabled === true ? -1 : 0);
+  if (active) (0, import_vobs19.setAttribute)(row, "aria-selected", "true");
+  if (isFolder) (0, import_vobs19.setAttribute)(row, "aria-expanded", entry.expanded ? "true" : "false");
+  if (item.disabled === true) (0, import_vobs19.setAttribute)(row, "aria-disabled", "true");
+  const chevron = (0, import_vobs19.createElement)("span");
+  (0, import_vobs19.setAttribute)(chevron, "class", `vui-filetree__chevron${hasChildren ? "" : " vui-filetree__chevron--leaf"}`);
   if (hasChildren) {
     if (item.chevron !== void 0) mountSlot(chevron, item, "chevron");
-    else insertBefore(chevron, createText(entry.expanded ? "v" : ">"), null);
+    else (0, import_vobs19.insertBefore)(chevron, (0, import_vobs19.createText)(entry.expanded ? "v" : ">"), null);
   }
-  insertBefore(row, chevron, null);
+  (0, import_vobs19.insertBefore)(row, chevron, null);
   if (item.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, `class`, `vui-filetree__icon ${fileIconClass(item)}`.trim());
+    const icon = (0, import_vobs19.createElement)("span");
+    (0, import_vobs19.setAttribute)(icon, `class`, `vui-filetree__icon ${fileIconClass(item)}`.trim());
     mountSlot(icon, item, "icon");
-    insertBefore(row, icon, null);
+    (0, import_vobs19.insertBefore)(row, icon, null);
   }
-  const label = createElement("span");
-  setAttribute(label, "class", "vui-filetree__label");
+  const label = (0, import_vobs19.createElement)("span");
+  (0, import_vobs19.setAttribute)(label, "class", "vui-filetree__label");
   setOptionalAttribute(label, "title", item.label);
-  insertBefore(label, createText(item.label), null);
-  insertBefore(row, label, null);
-  addEventListener(row, "click", (event) => {
+  (0, import_vobs19.insertBefore)(label, (0, import_vobs19.createText)(item.label), null);
+  (0, import_vobs19.insertBefore)(row, label, null);
+  (0, import_vobs19.addEventListener)(row, "click", (event) => {
     if (item.disabled === true) return;
     if (isFolder && hasChildren) {
       const nextExpanded = !expanded.has(item.id);
@@ -2416,7 +1676,7 @@ function createTreeRow(entry, props, internalExpanded, selected, expanded) {
     const onSelect = readProp(props, "onSelect", void 0);
     if (typeof onSelect === "function") onSelect(item.id, event);
   });
-  addEventListener(row, "keydown", (event) => {
+  (0, import_vobs19.addEventListener)(row, "keydown", (event) => {
     const keyboardEvent = event;
     if (keyboardEvent.key !== "Enter" && keyboardEvent.key !== " ") return;
     keyboardEvent.preventDefault?.();
@@ -2479,9 +1739,11 @@ function fileIconClass(item) {
 __name(fileIconClass, "fileIconClass");
 
 // packages/ui/src/editor-tabs.ts
+var import_reactivity12 = require("@vobs/reactivity");
+var import_vobs20 = require("@vobs/vobs");
 function EditorTabs(props = {}) {
-  const root = createElement("div");
-  const internalValue = state(void 0);
+  const root = (0, import_vobs20.createElement)("div");
+  const internalValue = (0, import_reactivity12.state)(void 0);
   bindClassList(root, props, () => ["vui-editortabs"]);
   bindCommonAttributes(root, props, [
     "tabs",
@@ -2493,7 +1755,7 @@ function EditorTabs(props = {}) {
     "onClose"
   ]);
   bindUserStyle(root, props);
-  insertDynamic(root, null, () => createEditorTabs(props, internalValue));
+  (0, import_vobs20.insertDynamic)(root, null, () => createEditorTabs(props, internalValue));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -2501,61 +1763,61 @@ __name(EditorTabs, "EditorTabs");
 function createEditorTabs(props, internalValue) {
   const tabs = readProp(props, "tabs", []);
   const selected = activeId5(props, tabs, internalValue);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs20.createFragment)((parent, anchor) => {
     for (const tab of tabs) {
-      insertBefore(parent, createEditorTab(tab, tabs, selected, props, internalValue), anchor);
+      (0, import_vobs20.insertBefore)(parent, createEditorTab(tab, tabs, selected, props, internalValue), anchor);
     }
-    const spacer = createElement("span");
-    setAttribute(spacer, "class", "vui-editortabs__spacer");
-    insertBefore(parent, spacer, anchor);
+    const spacer = (0, import_vobs20.createElement)("span");
+    (0, import_vobs20.setAttribute)(spacer, "class", "vui-editortabs__spacer");
+    (0, import_vobs20.insertBefore)(parent, spacer, anchor);
     if (hasProp(props, "actions")) {
-      const actions = createElement("span");
-      setAttribute(actions, "class", "vui-editortabs__actions");
+      const actions = (0, import_vobs20.createElement)("span");
+      (0, import_vobs20.setAttribute)(actions, "class", "vui-editortabs__actions");
       mountSlot(actions, props, "actions");
-      insertBefore(parent, actions, anchor);
+      (0, import_vobs20.insertBefore)(parent, actions, anchor);
     }
   });
 }
 __name(createEditorTabs, "createEditorTabs");
 function createEditorTab(tab, tabs, selected, props, internalValue) {
   const active = tab.id === selected;
-  const root = createElement("span");
-  setAttribute(root, "class", `vui-editortab${active ? " is-active" : ""}`);
-  setAttribute(root, "role", "tab");
-  setAttribute(root, "aria-selected", active ? "true" : "false");
-  setAttribute(root, "tabindex", active ? "0" : "-1");
+  const root = (0, import_vobs20.createElement)("span");
+  (0, import_vobs20.setAttribute)(root, "class", `vui-editortab${active ? " is-active" : ""}`);
+  (0, import_vobs20.setAttribute)(root, "role", "tab");
+  (0, import_vobs20.setAttribute)(root, "aria-selected", active ? "true" : "false");
+  (0, import_vobs20.setAttribute)(root, "tabindex", active ? "0" : "-1");
   setOptionalAttribute(root, "data-editor-tab-id", tab.id);
-  if (tab.disabled === true) setAttribute(root, "aria-disabled", "true");
+  if (tab.disabled === true) (0, import_vobs20.setAttribute)(root, "aria-disabled", "true");
   if (tab.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "ic");
+    const icon = (0, import_vobs20.createElement)("span");
+    (0, import_vobs20.setAttribute)(icon, "class", "ic");
     mountSlot(icon, tab, "icon");
-    insertBefore(root, icon, null);
+    (0, import_vobs20.insertBefore)(root, icon, null);
   }
-  const label = createElement("span");
-  setAttribute(label, "class", "vui-editortab__label");
-  insertBefore(label, createText(tab.label), null);
-  insertBefore(root, label, null);
+  const label = (0, import_vobs20.createElement)("span");
+  (0, import_vobs20.setAttribute)(label, "class", "vui-editortab__label");
+  (0, import_vobs20.insertBefore)(label, (0, import_vobs20.createText)(tab.label), null);
+  (0, import_vobs20.insertBefore)(root, label, null);
   if (tab.closeable === true) {
-    const close = createElement("button");
-    setAttribute(close, "class", "close");
-    setAttribute(close, "type", "button");
-    setAttribute(close, "aria-label", `Close ${tab.label}`);
+    const close = (0, import_vobs20.createElement)("button");
+    (0, import_vobs20.setAttribute)(close, "class", "close");
+    (0, import_vobs20.setAttribute)(close, "type", "button");
+    (0, import_vobs20.setAttribute)(close, "aria-label", `Close ${tab.label}`);
     const closeIcon = tab.closeIcon ?? readProp(props, "closeIcon", void 0);
-    const icon = closeIcon === void 0 ? createText("x") : resolveSlot(closeIcon);
-    if (icon) insertBefore(close, icon, null);
-    addEventListener(close, "click", (event) => {
+    const icon = closeIcon === void 0 ? (0, import_vobs20.createText)("x") : resolveSlot(closeIcon);
+    if (icon) (0, import_vobs20.insertBefore)(close, icon, null);
+    (0, import_vobs20.addEventListener)(close, "click", (event) => {
       event.stopPropagation?.();
       const handler = readProp(props, "onClose", void 0);
       if (typeof handler === "function") handler(tab.id, event);
     });
-    insertBefore(root, close, null);
+    (0, import_vobs20.insertBefore)(root, close, null);
   }
-  addEventListener(root, "click", (event) => {
+  (0, import_vobs20.addEventListener)(root, "click", (event) => {
     if (tab.disabled === true) return;
     selectTab(tab.id, props, internalValue, event);
   });
-  addEventListener(root, "keydown", (event) => {
+  (0, import_vobs20.addEventListener)(root, "keydown", (event) => {
     const keyboardEvent = event;
     if (keyboardEvent.key === "Enter" || keyboardEvent.key === " ") {
       keyboardEvent.preventDefault?.();
@@ -2597,10 +1859,11 @@ function activeId5(props, tabs, internalValue) {
 __name(activeId5, "activeId");
 
 // packages/ui/src/workbench-titlebar.ts
+var import_vobs21 = require("@vobs/vobs");
 function WorkbenchTitlebar(props = {}) {
-  const root = createElement("header");
-  const left = createElement("div");
-  const right = createElement("div");
+  const root = (0, import_vobs21.createElement)("header");
+  const left = (0, import_vobs21.createElement)("div");
+  const right = (0, import_vobs21.createElement)("div");
   bindClassList(root, props, () => ["vui-wbtitlebar"]);
   bindCommonAttributes(root, props, [
     "mode",
@@ -2616,50 +1879,50 @@ function WorkbenchTitlebar(props = {}) {
     "onProjectClick"
   ]);
   bindUserStyle(root, props);
-  setAttribute(left, "class", "vui-wbtitlebar__left");
-  setAttribute(right, "class", "vui-wbtitlebar__right");
-  insertDynamic(left, null, () => createTitlebarLeft(props));
+  (0, import_vobs21.setAttribute)(left, "class", "vui-wbtitlebar__left");
+  (0, import_vobs21.setAttribute)(right, "class", "vui-wbtitlebar__right");
+  (0, import_vobs21.insertDynamic)(left, null, () => createTitlebarLeft(props));
   if (hasProp(props, "actions")) mountSlot(right, props, "actions");
   if (hasProp(props, "children")) mountSlot(right, props, "children");
-  insertBefore(root, left, null);
-  insertBefore(root, right, null);
+  (0, import_vobs21.insertBefore)(root, left, null);
+  (0, import_vobs21.insertBefore)(root, right, null);
   return root;
 }
 __name(WorkbenchTitlebar, "WorkbenchTitlebar");
 function createTitlebarLeft(props) {
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs21.createFragment)((parent, anchor) => {
     if (readProp(props, "windowControls", true)) {
-      const lights = createElement("div");
-      setAttribute(lights, "class", "vui-wbtitlebar__lights");
-      insertBefore(lights, createWindowLight("close", props, "onWindowClose"), null);
-      insertBefore(lights, createWindowLight("min", props, "onWindowMinimize"), null);
-      insertBefore(lights, createWindowLight("max", props, "onWindowMaximize"), null);
-      insertBefore(parent, lights, anchor);
+      const lights = (0, import_vobs21.createElement)("div");
+      (0, import_vobs21.setAttribute)(lights, "class", "vui-wbtitlebar__lights");
+      (0, import_vobs21.insertBefore)(lights, createWindowLight("close", props, "onWindowClose"), null);
+      (0, import_vobs21.insertBefore)(lights, createWindowLight("min", props, "onWindowMinimize"), null);
+      (0, import_vobs21.insertBefore)(lights, createWindowLight("max", props, "onWindowMaximize"), null);
+      (0, import_vobs21.insertBefore)(parent, lights, anchor);
     }
     if (hasProp(props, "mode")) {
-      const mode = createElement("span");
-      setAttribute(mode, "class", "vui-wbtitlebar__mode-chip");
+      const mode = (0, import_vobs21.createElement)("span");
+      (0, import_vobs21.setAttribute)(mode, "class", "vui-wbtitlebar__mode-chip");
       if (hasProp(props, "modeIcon")) {
-        const icon = createElement("span");
-        setAttribute(icon, "class", "vui-wbtitlebar__mode-icon");
+        const icon = (0, import_vobs21.createElement)("span");
+        (0, import_vobs21.setAttribute)(icon, "class", "vui-wbtitlebar__mode-icon");
         mountSlot(icon, props, "modeIcon");
-        insertBefore(mode, icon, null);
+        (0, import_vobs21.insertBefore)(mode, icon, null);
       }
-      const text = createText("");
+      const text = (0, import_vobs21.createText)("");
       bindTextContent(text, () => readProp(props, "mode", ""));
-      insertBefore(mode, text, null);
-      insertBefore(parent, mode, anchor);
+      (0, import_vobs21.insertBefore)(mode, text, null);
+      (0, import_vobs21.insertBefore)(parent, mode, anchor);
     }
-    if (hasProp(props, "project")) insertBefore(parent, createProjectSelector(props), anchor);
+    if (hasProp(props, "project")) (0, import_vobs21.insertBefore)(parent, createProjectSelector(props), anchor);
   });
 }
 __name(createTitlebarLeft, "createTitlebarLeft");
 function createWindowLight(kind, props, handlerName) {
-  const light = createElement("button");
-  setAttribute(light, "class", `vui-wbtitlebar__light vui-wbtitlebar__light--${kind}`);
-  setAttribute(light, "type", "button");
-  setAttribute(light, "aria-label", kind === "close" ? "Close window" : kind === "min" ? "Minimize window" : "Maximize window");
-  addEventListener(light, "click", (event) => {
+  const light = (0, import_vobs21.createElement)("button");
+  (0, import_vobs21.setAttribute)(light, "class", `vui-wbtitlebar__light vui-wbtitlebar__light--${kind}`);
+  (0, import_vobs21.setAttribute)(light, "type", "button");
+  (0, import_vobs21.setAttribute)(light, "aria-label", kind === "close" ? "Close window" : kind === "min" ? "Minimize window" : "Maximize window");
+  (0, import_vobs21.addEventListener)(light, "click", (event) => {
     const handler = readProp(props, handlerName, void 0);
     if (typeof handler === "function") handler(event);
   });
@@ -2667,26 +1930,26 @@ function createWindowLight(kind, props, handlerName) {
 }
 __name(createWindowLight, "createWindowLight");
 function createProjectSelector(props) {
-  const button = createElement("button");
-  setAttribute(button, "class", "vui-wbtitlebar__project-selector");
-  setAttribute(button, "type", "button");
+  const button = (0, import_vobs21.createElement)("button");
+  (0, import_vobs21.setAttribute)(button, "class", "vui-wbtitlebar__project-selector");
+  (0, import_vobs21.setAttribute)(button, "type", "button");
   setOptionalAttribute(button, "aria-label", readProp(props, "project", "Project"));
   if (hasProp(props, "projectIcon")) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-wbtitlebar__project-icon");
+    const icon = (0, import_vobs21.createElement)("span");
+    (0, import_vobs21.setAttribute)(icon, "class", "vui-wbtitlebar__project-icon");
     mountSlot(icon, props, "projectIcon");
-    insertBefore(button, icon, null);
+    (0, import_vobs21.insertBefore)(button, icon, null);
   }
-  const project = createText("");
+  const project = (0, import_vobs21.createText)("");
   bindTextContent(project, () => readProp(props, "project", ""));
-  insertBefore(button, project, null);
+  (0, import_vobs21.insertBefore)(button, project, null);
   if (hasProp(props, "projectChevron")) {
-    const chevron = createElement("span");
-    setAttribute(chevron, "class", "vui-wbtitlebar__project-chevron");
+    const chevron = (0, import_vobs21.createElement)("span");
+    (0, import_vobs21.setAttribute)(chevron, "class", "vui-wbtitlebar__project-chevron");
     mountSlot(chevron, props, "projectChevron");
-    insertBefore(button, chevron, null);
+    (0, import_vobs21.insertBefore)(button, chevron, null);
   }
-  addEventListener(button, "click", (event) => {
+  (0, import_vobs21.addEventListener)(button, "click", (event) => {
     const handler = readProp(props, "onProjectClick", void 0);
     if (typeof handler === "function") handler(event);
   });
@@ -2695,56 +1958,57 @@ function createProjectSelector(props) {
 __name(createProjectSelector, "createProjectSelector");
 
 // packages/ui/src/status-bar.ts
+var import_vobs22 = require("@vobs/vobs");
 function StatusBar(props = {}) {
-  const root = createElement("footer");
+  const root = (0, import_vobs22.createElement)("footer");
   bindClassList(root, props, () => ["vui-statusbar"]);
   bindCommonAttributes(root, props, ["left", "right", "onItemClick"]);
   bindUserStyle(root, props);
-  setAttribute(root, "role", "status");
-  if (hasProp(props, "left")) insertDynamic(root, null, () => createStatusGroup(props, "left"));
+  (0, import_vobs22.setAttribute)(root, "role", "status");
+  if (hasProp(props, "left")) (0, import_vobs22.insertDynamic)(root, null, () => createStatusGroup(props, "left"));
   if (hasProp(props, "right") || hasProp(props, "children")) {
-    const group = createElement("div");
-    setAttribute(group, "class", "vui-statusbar__group");
-    if (hasProp(props, "right")) insertDynamic(group, null, () => createStatusItems(props, "right"));
+    const group = (0, import_vobs22.createElement)("div");
+    (0, import_vobs22.setAttribute)(group, "class", "vui-statusbar__group");
+    if (hasProp(props, "right")) (0, import_vobs22.insertDynamic)(group, null, () => createStatusItems(props, "right"));
     if (hasProp(props, "children")) mountSlot(group, props, "children");
-    insertBefore(root, group, null);
+    (0, import_vobs22.insertBefore)(root, group, null);
   }
   return root;
 }
 __name(StatusBar, "StatusBar");
 function createStatusGroup(props, side) {
-  const group = createElement("div");
-  setAttribute(group, "class", "vui-statusbar__group");
-  insertDynamic(group, null, () => createStatusItems(props, side));
+  const group = (0, import_vobs22.createElement)("div");
+  (0, import_vobs22.setAttribute)(group, "class", "vui-statusbar__group");
+  (0, import_vobs22.insertDynamic)(group, null, () => createStatusItems(props, side));
   return group;
 }
 __name(createStatusGroup, "createStatusGroup");
 function createStatusItems(props, side) {
   const items = side === "left" ? readProp(props, "left", []) : readProp(props, "right", []);
-  return createFragment((parent, anchor) => {
-    for (const item of items) insertBefore(parent, createStatusItem(item, props), anchor);
+  return (0, import_vobs22.createFragment)((parent, anchor) => {
+    for (const item of items) (0, import_vobs22.insertBefore)(parent, createStatusItem(item, props), anchor);
   });
 }
 __name(createStatusItems, "createStatusItems");
 function createStatusItem(item, props) {
-  const root = createElement("span");
-  setAttribute(root, "class", "vui-statusbar__item");
+  const root = (0, import_vobs22.createElement)("span");
+  (0, import_vobs22.setAttribute)(root, "class", "vui-statusbar__item");
   if (item.id !== void 0 && readProp(props, "onItemClick", void 0)) {
-    setAttribute(root, "role", "button");
-    setAttribute(root, "tabindex", item.disabled === true ? "-1" : "0");
+    (0, import_vobs22.setAttribute)(root, "role", "button");
+    (0, import_vobs22.setAttribute)(root, "tabindex", item.disabled === true ? "-1" : "0");
   }
-  if (item.disabled === true) setAttribute(root, "aria-disabled", "true");
+  if (item.disabled === true) (0, import_vobs22.setAttribute)(root, "aria-disabled", "true");
   if (item.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-statusbar__icon");
+    const icon = (0, import_vobs22.createElement)("span");
+    (0, import_vobs22.setAttribute)(icon, "class", "vui-statusbar__icon");
     mountSlot(icon, item, "icon");
-    insertBefore(root, icon, null);
+    (0, import_vobs22.insertBefore)(root, icon, null);
   }
   if (item.dot !== void 0) {
-    const dot = createElement("span");
-    setAttribute(dot, "class", `vui-statusbar__dot vui-statusbar__dot--${item.dot}`);
-    setAttribute(dot, "aria-hidden", "true");
-    insertBefore(root, dot, null);
+    const dot = (0, import_vobs22.createElement)("span");
+    (0, import_vobs22.setAttribute)(dot, "class", `vui-statusbar__dot vui-statusbar__dot--${item.dot}`);
+    (0, import_vobs22.setAttribute)(dot, "aria-hidden", "true");
+    (0, import_vobs22.insertBefore)(root, dot, null);
   }
   if (item.label !== void 0) mountSlot(root, item, "label");
   const activate = /* @__PURE__ */ __name((event) => {
@@ -2753,8 +2017,8 @@ function createStatusItem(item, props) {
     if (typeof handler === "function") handler(item.id, event);
   }, "activate");
   if (item.id !== void 0) {
-    addEventListener(root, "click", activate);
-    addEventListener(root, "keydown", (event) => {
+    (0, import_vobs22.addEventListener)(root, "click", activate);
+    (0, import_vobs22.addEventListener)(root, "keydown", (event) => {
       const keyboardEvent = event;
       if (keyboardEvent.key !== "Enter" && keyboardEvent.key !== " ") return;
       keyboardEvent.preventDefault?.();
@@ -2766,12 +2030,14 @@ function createStatusItem(item, props) {
 __name(createStatusItem, "createStatusItem");
 
 // packages/ui/src/chat-composer.ts
+var import_reactivity13 = require("@vobs/reactivity");
+var import_vobs23 = require("@vobs/vobs");
 function ChatComposer(props = {}) {
-  const root = createElement("div");
-  const input = createElement("textarea");
-  const toolbar = createElement("div");
-  const tools = createElement("div");
-  const actions = createElement("div");
+  const root = (0, import_vobs23.createElement)("div");
+  const input = (0, import_vobs23.createElement)("textarea");
+  const toolbar = (0, import_vobs23.createElement)("div");
+  const tools = (0, import_vobs23.createElement)("div");
+  const actions = (0, import_vobs23.createElement)("div");
   bindClassList(root, props, () => ["vui-composer"]);
   bindUserStyle(root, props);
   bindCommonAttributes(input, props, [
@@ -2790,11 +2056,11 @@ function ChatComposer(props = {}) {
     "onSend",
     "onModelClick"
   ]);
-  setAttribute(input, "class", "vui-composer__input");
-  setAttribute(toolbar, "class", "vui-composer__toolbar");
-  setAttribute(tools, "class", "vui-composer__tools");
-  setAttribute(actions, "class", "vui-composer__actions");
-  effect(() => {
+  (0, import_vobs23.setAttribute)(input, "class", "vui-composer__input");
+  (0, import_vobs23.setAttribute)(toolbar, "class", "vui-composer__toolbar");
+  (0, import_vobs23.setAttribute)(tools, "class", "vui-composer__tools");
+  (0, import_vobs23.setAttribute)(actions, "class", "vui-composer__actions");
+  (0, import_reactivity13.effect)(() => {
     setOptionalAttribute(input, "placeholder", readProp(props, "placeholder", void 0));
     setOptionalProperty(input, "disabled", readProp(props, "disabled", false));
     setOptionalAttribute(input, "aria-disabled", readProp(props, "disabled", false) ? "true" : void 0);
@@ -2803,7 +2069,7 @@ function ChatComposer(props = {}) {
     bindPropertyValue(input, "value", () => readProp(props, "value", "") ?? "");
   }
   listen(input, "input", props, "onInput", () => readProp(props, "disabled", false));
-  addEventListener(input, "keydown", (event) => {
+  (0, import_vobs23.addEventListener)(input, "keydown", (event) => {
     const keyboardEvent = event;
     if (keyboardEvent.key !== "Enter" || !keyboardEvent.metaKey && !keyboardEvent.ctrlKey) return;
     keyboardEvent.preventDefault?.();
@@ -2812,36 +2078,36 @@ function ChatComposer(props = {}) {
   });
   if (hasProp(props, "tools")) mountSlot(tools, props, "tools");
   else if (hasProp(props, "children")) mountSlot(tools, props, "children");
-  if (hasProp(props, "model")) insertBefore(tools, createModelSelector(props), null);
+  if (hasProp(props, "model")) (0, import_vobs23.insertBefore)(tools, createModelSelector(props), null);
   if (hasProp(props, "actions")) mountSlot(actions, props, "actions");
-  else insertBefore(actions, createSendButton(input, props), null);
-  insertBefore(root, input, null);
-  insertBefore(toolbar, tools, null);
-  insertBefore(toolbar, actions, null);
-  insertBefore(root, toolbar, null);
+  else (0, import_vobs23.insertBefore)(actions, createSendButton(input, props), null);
+  (0, import_vobs23.insertBefore)(root, input, null);
+  (0, import_vobs23.insertBefore)(toolbar, tools, null);
+  (0, import_vobs23.insertBefore)(toolbar, actions, null);
+  (0, import_vobs23.insertBefore)(root, toolbar, null);
   return root;
 }
 __name(ChatComposer, "ChatComposer");
 function createModelSelector(props) {
-  const button = createElement("button");
-  setAttribute(button, "class", "vui-composer__model");
-  setAttribute(button, "type", "button");
+  const button = (0, import_vobs23.createElement)("button");
+  (0, import_vobs23.setAttribute)(button, "class", "vui-composer__model");
+  (0, import_vobs23.setAttribute)(button, "type", "button");
   if (hasProp(props, "modelIcon")) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-composer__model-icon");
+    const icon = (0, import_vobs23.createElement)("span");
+    (0, import_vobs23.setAttribute)(icon, "class", "vui-composer__model-icon");
     mountSlot(icon, props, "modelIcon");
-    insertBefore(button, icon, null);
+    (0, import_vobs23.insertBefore)(button, icon, null);
   }
-  const text = createText("");
+  const text = (0, import_vobs23.createText)("");
   bindTextContent(text, () => readProp(props, "model", ""));
-  insertBefore(button, text, null);
+  (0, import_vobs23.insertBefore)(button, text, null);
   if (hasProp(props, "modelChevron")) {
-    const chevron = createElement("span");
-    setAttribute(chevron, "class", "vui-composer__model-chevron");
+    const chevron = (0, import_vobs23.createElement)("span");
+    (0, import_vobs23.setAttribute)(chevron, "class", "vui-composer__model-chevron");
     mountSlot(chevron, props, "modelChevron");
-    insertBefore(button, chevron, null);
+    (0, import_vobs23.insertBefore)(button, chevron, null);
   }
-  addEventListener(button, "click", (event) => {
+  (0, import_vobs23.addEventListener)(button, "click", (event) => {
     const handler = readProp(props, "onModelClick", void 0);
     if (typeof handler === "function") handler(event);
   });
@@ -2849,21 +2115,21 @@ function createModelSelector(props) {
 }
 __name(createModelSelector, "createModelSelector");
 function createSendButton(input, props) {
-  const button = createElement("button");
-  setAttribute(button, "class", "vui-composer__send");
-  setAttribute(button, "type", "button");
+  const button = (0, import_vobs23.createElement)("button");
+  (0, import_vobs23.setAttribute)(button, "class", "vui-composer__send");
+  (0, import_vobs23.setAttribute)(button, "type", "button");
   const label = readProp(props, "sendLabel", "Send");
   setOptionalAttribute(button, "aria-label", label);
   if (hasProp(props, "sendIcon")) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vui-composer__send-icon");
+    const icon = (0, import_vobs23.createElement)("span");
+    (0, import_vobs23.setAttribute)(icon, "class", "vui-composer__send-icon");
     mountSlot(icon, props, "sendIcon");
-    insertBefore(button, icon, null);
+    (0, import_vobs23.insertBefore)(button, icon, null);
   } else {
-    insertBefore(button, createText(label), null);
+    (0, import_vobs23.insertBefore)(button, (0, import_vobs23.createText)(label), null);
   }
-  effect(() => setProperty(button, "disabled", readProp(props, "disabled", false)));
-  addEventListener(button, "click", (event) => {
+  (0, import_reactivity13.effect)(() => (0, import_vobs23.setProperty)(button, "disabled", readProp(props, "disabled", false)));
+  (0, import_vobs23.addEventListener)(button, "click", (event) => {
     if (readProp(props, "disabled", false)) return;
     const handler = readProp(props, "onSend", void 0);
     if (typeof handler === "function") handler(currentValue(input, props), event);
@@ -2878,10 +2144,12 @@ function currentValue(input, props) {
 __name(currentValue, "currentValue");
 
 // packages/ui/src/drawer.ts
+var import_reactivity14 = require("@vobs/reactivity");
+var import_vobs24 = require("@vobs/vobs");
 function Drawer(props = {}) {
-  const root = createElement("div");
-  const surface = createElement("aside");
-  const body = createElement("div");
+  const root = (0, import_vobs24.createElement)("div");
+  const surface = (0, import_vobs24.createElement)("aside");
+  const body = (0, import_vobs24.createElement)("div");
   bindClassList(root, props, () => ["vui-backdrop"]);
   bindUserStyle(root, props);
   bindCommonAttributes(surface, props, [
@@ -2899,11 +2167,11 @@ function Drawer(props = {}) {
     "portal",
     "portalTarget"
   ]);
-  setAttribute(root, "role", "presentation");
-  setAttribute(surface, "class", "vui-drawer");
-  setAttribute(surface, "role", "dialog");
-  setAttribute(body, "class", "vui-drawer__body");
-  effect(() => {
+  (0, import_vobs24.setAttribute)(root, "role", "presentation");
+  (0, import_vobs24.setAttribute)(surface, "class", "vui-drawer");
+  (0, import_vobs24.setAttribute)(surface, "role", "dialog");
+  (0, import_vobs24.setAttribute)(body, "class", "vui-drawer__body");
+  (0, import_reactivity14.effect)(() => {
     const open = readProp(props, "open", false);
     const modal = readProp(props, "modal", true);
     setOptionalProperty(root, "hidden", !open);
@@ -2914,41 +2182,41 @@ function Drawer(props = {}) {
     setOptionalAttribute(surface, "data-side", readProp(props, "side", "right"));
   });
   if (hasProp(props, "title") || hasProp(props, "onClose")) {
-    const head = createElement("header");
-    setAttribute(head, "class", "vui-drawer__head");
+    const head = (0, import_vobs24.createElement)("header");
+    (0, import_vobs24.setAttribute)(head, "class", "vui-drawer__head");
     if (hasProp(props, "title")) {
-      const title = createElement("div");
-      const text = createText("");
-      setAttribute(title, "class", "vui-dialog__title");
+      const title = (0, import_vobs24.createElement)("div");
+      const text = (0, import_vobs24.createText)("");
+      (0, import_vobs24.setAttribute)(title, "class", "vui-dialog__title");
       bindTextContent(text, () => readProp(props, "title", ""));
-      insertBefore(title, text, null);
-      insertBefore(head, title, null);
+      (0, import_vobs24.insertBefore)(title, text, null);
+      (0, import_vobs24.insertBefore)(head, title, null);
     }
     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", () => emitClose2(props, "close-button"));
-      insertBefore(head, close, null);
+      const close = (0, import_vobs24.createElement)("button");
+      (0, import_vobs24.setAttribute)(close, "class", "vui-dialog__close");
+      (0, import_vobs24.setAttribute)(close, "type", "button");
+      (0, import_vobs24.setAttribute)(close, "aria-label", readProp(props, "closeLabel", "Close"));
+      (0, import_vobs24.insertBefore)(close, (0, import_vobs24.createText)("x"), null);
+      (0, import_vobs24.addEventListener)(close, "click", () => emitClose2(props, "close-button"));
+      (0, import_vobs24.insertBefore)(head, close, null);
     }
-    insertBefore(surface, head, null);
+    (0, import_vobs24.insertBefore)(surface, head, null);
   }
   if (hasProp(props, "children")) mountSlot(body, props, "children");
-  insertBefore(surface, body, null);
+  (0, import_vobs24.insertBefore)(surface, body, null);
   if (hasProp(props, "footer")) {
-    const footer = createElement("footer");
-    setAttribute(footer, "class", "vui-dialog__foot");
+    const footer = (0, import_vobs24.createElement)("footer");
+    (0, import_vobs24.setAttribute)(footer, "class", "vui-dialog__foot");
     mountSlot(footer, props, "footer");
-    insertBefore(surface, footer, null);
+    (0, import_vobs24.insertBefore)(surface, footer, null);
   }
-  insertBefore(root, surface, null);
-  addEventListener(root, "click", (event) => {
+  (0, import_vobs24.insertBefore)(root, surface, null);
+  (0, import_vobs24.addEventListener)(root, "click", (event) => {
     if (event.target !== root) return;
     if (readProp(props, "closeOnBackdrop", true)) emitClose2(props, "backdrop");
   });
-  addEventListener(root, "keydown", (event) => {
+  (0, import_vobs24.addEventListener)(root, "keydown", (event) => {
     if (event.key !== "Escape") return;
     if (readProp(props, "closeOnEscape", true)) emitClose2(props, "escape");
   });
@@ -2963,135 +2231,15 @@ function emitClose2(props, reason) {
 }
 __name(emitClose2, "emitClose");
 
-// packages/notification/src/index.ts
-var _NotificationError = class _NotificationError extends Error {
-  constructor(code, message) {
-    super(message);
-    this.name = "NotificationError";
-    this.code = code;
-  }
-};
-__name(_NotificationError, "NotificationError");
-var NotificationError = _NotificationError;
-var NOTIFICATION_KEY = createInjectionKey("vobs.notification");
-function useNotification() {
-  const notification = inject(NOTIFICATION_KEY);
-  if (!notification) {
-    throw new NotificationError("NOTIFICATION_CONTEXT_MISSING", "Vobs Notification: \u627E\u4E0D\u5230\u4E0A\u4E0B\u6587\uFF0C\u8BF7\u5B89\u88C5 notificationPlugin");
-  }
-  return notification;
-}
-__name(useNotification, "useNotification");
-
-// packages/icon-core/src/index.ts
-function createIcon(name, path, viewBox = "0 0 24 24") {
-  return { name, path, viewBox };
-}
-__name(createIcon, "createIcon");
-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/toast.ts
+var import_vobs25 = require("@vobs/vobs");
+var import_vobs26 = require("@vobs/vobs");
+var import_notification = require("@vobs/notification");
 
 // packages/ui/src/icon.ts
+var import_icon_core = require("@vobs/icon-core");
 function Icon(props = {}) {
-  const root = createSvgIconNode(() => {
+  const root = (0, import_icon_core.createSvgIconNode)(() => {
     const definition = resolveIcon(
       readProp(props, "icon", void 0) ?? readProp(props, "name", void 0)
     );
@@ -3187,94 +2335,95 @@ __name(resolveIcon, "resolveIcon");
 
 // packages/ui/src/toast.ts
 function ToastHost(props = {}) {
-  const notification = props.notification ?? useNotification();
-  const root = createElement("ol");
+  const notification = props.notification ?? (0, import_notification.useNotification)();
+  const root = (0, import_vobs26.createElement)("ol");
   bindClassList(root, props, () => [
     "vui-toast-host",
     `vui-toast-host--${readProp(props, "position", "top-right")}`
   ]);
   bindCommonAttributes(root, props, ["notification", "position", "closeLabel", "portal", "portalTarget"]);
   bindUserStyle(root, props);
-  setAttribute(root, "aria-label", "Notifications");
-  setAttribute(root, "role", "region");
-  insertList(root, null, () => notification.notifications.value, (entry) => createToast(entry, notification, readProp(props, "closeLabel", "Dismiss notification")), (entry) => entry.id);
+  (0, import_vobs26.setAttribute)(root, "aria-label", "Notifications");
+  (0, import_vobs26.setAttribute)(root, "role", "region");
+  (0, import_vobs25.insertList)(root, null, () => notification.notifications.value, (entry) => createToast(entry, notification, readProp(props, "closeLabel", "Dismiss notification")), (entry) => entry.id);
   const portal = readProp(props, "portal", void 0);
   return portal ? createPortal(root, portal, readProp(props, "portalTarget", void 0)) : root;
 }
 __name(ToastHost, "ToastHost");
 function createToast(notification, context, closeLabel) {
-  const item = createElement("li");
-  const content = createElement("div");
-  const close = createElement("button");
-  setAttribute(item, "class", `vui-toast vui-toast--${notification.type}`);
-  setAttribute(item, "data-notification-id", notification.id);
-  setAttribute(item, "role", notification.type === "error" ? "alert" : "status");
-  setAttribute(content, "class", "vui-toast__content");
-  setAttribute(close, "class", "vui-toast__close");
-  setAttribute(close, "type", "button");
-  setAttribute(close, "aria-label", closeLabel);
-  addEventListener(close, "click", () => context.dismiss(notification.id));
+  const item = (0, import_vobs26.createElement)("li");
+  const content = (0, import_vobs26.createElement)("div");
+  const close = (0, import_vobs26.createElement)("button");
+  (0, import_vobs26.setAttribute)(item, "class", `vui-toast vui-toast--${notification.type}`);
+  (0, import_vobs26.setAttribute)(item, "data-notification-id", notification.id);
+  (0, import_vobs26.setAttribute)(item, "role", notification.type === "error" ? "alert" : "status");
+  (0, import_vobs26.setAttribute)(content, "class", "vui-toast__content");
+  (0, import_vobs26.setAttribute)(close, "class", "vui-toast__close");
+  (0, import_vobs26.setAttribute)(close, "type", "button");
+  (0, import_vobs26.setAttribute)(close, "aria-label", closeLabel);
+  (0, import_vobs26.addEventListener)(close, "click", () => context.dismiss(notification.id));
   if (notification.title) {
-    const title = createElement("div");
-    setAttribute(title, "class", "vui-toast__title");
-    insertBefore(title, createText(notification.title), null);
-    insertBefore(content, title, null);
-  }
-  const message = createElement("div");
-  setAttribute(message, "class", "vui-toast__message");
-  insertBefore(message, createText(notification.content), null);
-  insertBefore(content, message, null);
-  insertBefore(close, Icon({ name: "x", size: 16, decorative: true }), null);
-  insertBefore(item, content, null);
-  insertBefore(item, close, null);
+    const title = (0, import_vobs26.createElement)("div");
+    (0, import_vobs26.setAttribute)(title, "class", "vui-toast__title");
+    (0, import_vobs26.insertBefore)(title, (0, import_vobs26.createText)(notification.title), null);
+    (0, import_vobs26.insertBefore)(content, title, null);
+  }
+  const message = (0, import_vobs26.createElement)("div");
+  (0, import_vobs26.setAttribute)(message, "class", "vui-toast__message");
+  (0, import_vobs26.insertBefore)(message, (0, import_vobs26.createText)(notification.content), null);
+  (0, import_vobs26.insertBefore)(content, message, null);
+  (0, import_vobs26.insertBefore)(close, Icon({ name: "x", size: 16, decorative: true }), null);
+  (0, import_vobs26.insertBefore)(item, content, null);
+  (0, import_vobs26.insertBefore)(item, close, null);
   return item;
 }
 __name(createToast, "createToast");
-
-exports.ActivityRail = ActivityRail;
-exports.Alert = Alert;
-exports.Avatar = Avatar;
-exports.Button = Button;
-exports.ButtonGroup = ButtonGroup;
-exports.Card = Card;
-exports.CardHeader = CardHeader;
-exports.ChatComposer = ChatComposer;
-exports.Checkbox = Checkbox;
-exports.Dialog = Dialog;
-exports.Drawer = Drawer;
-exports.EditorTabs = EditorTabs;
-exports.FileTree = FileTree;
-exports.Icon = Icon;
-exports.Input = Input;
-exports.Kbd = Kbd;
-exports.KbdCombo = KbdCombo;
-exports.KbdRow = KbdRow;
-exports.Menu = Menu;
-exports.MenuDivider = MenuDivider;
-exports.NavList = NavList;
-exports.PageHeader = PageHeader;
-exports.PageHeaderAction = PageHeaderAction;
-exports.Pagination = Pagination;
-exports.Radio = Radio;
-exports.Select = Select;
-exports.StatCard = StatCard;
-exports.StatCardGrid = StatCardGrid;
-exports.StatusBar = StatusBar;
-exports.Switch = Switch;
-exports.Table = Table;
-exports.TablePanel = TablePanel;
-exports.Tabs = Tabs;
-exports.Tag = Tag;
-exports.Textarea = Textarea;
-exports.ToastHost = ToastHost;
-exports.VUI_ICON_PATHS = VUI_ICON_PATHS;
-exports.WorkbenchTitlebar = WorkbenchTitlebar;
-exports.createDOMPortalAdapter = createDOMPortalAdapter;
-exports.createFocusTrap = createFocusTrap;
-exports.createIcon = createIcon;
-exports.createOverlayManager = createOverlayManager;
-exports.createPortal = createPortal;
-exports.registerIcon = registerIcon;
-exports.resolveIcon = resolveIcon;
-//# sourceMappingURL=index.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActivityRail,
+  Alert,
+  Avatar,
+  Button,
+  ButtonGroup,
+  Card,
+  CardHeader,
+  ChatComposer,
+  Checkbox,
+  Dialog,
+  Drawer,
+  EditorTabs,
+  FileTree,
+  Icon,
+  Input,
+  Kbd,
+  KbdCombo,
+  KbdRow,
+  Menu,
+  MenuDivider,
+  NavList,
+  PageHeader,
+  PageHeaderAction,
+  Pagination,
+  Radio,
+  Select,
+  StatCard,
+  StatCardGrid,
+  StatusBar,
+  Switch,
+  Table,
+  TablePanel,
+  Tabs,
+  Tag,
+  Textarea,
+  ToastHost,
+  VUI_ICON_PATHS,
+  WorkbenchTitlebar,
+  createDOMPortalAdapter,
+  createFocusTrap,
+  createIcon,
+  createOverlayManager,
+  createPortal,
+  registerIcon,
+  resolveIcon
+});
 //# sourceMappingURL=index.cjs.map