@vobs/ui 1.2.1 → 1.2.2

package/dist/toast.js

@@ -1,969 +1,44 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// packages/reactivity/src/debug.ts
-var activeDebugHooks = null;
-var signalNames = /* @__PURE__ */ new WeakMap();
-function hasDebugHooks() {
-  return activeDebugHooks !== null;
-}
-__name(hasDebugHooks, "hasDebugHooks");
-function setSignalDebugName(signal, name) {
-  signalNames.set(signal, name);
-  invokeDebug("signalNamed", signal, name);
-}
-__name(setSignalDebugName, "setSignalDebugName");
-function invokeDebug(name, ...args) {
-  return;
-}
-__name(invokeDebug, "invokeDebug");
-
-// packages/reactivity/src/owner.ts
-var currentOwner = null;
-var nextOwnerId = 1;
-var ownerNames = /* @__PURE__ */ new WeakMap();
-function createOwner() {
-  const parent = currentOwner;
-  let disposed = parent?.disposed ?? false;
-  const children = [];
-  const cleanups = [];
-  const errorHandlers = /* @__PURE__ */ new Set();
-  const owner = {
-    id: `owner-${nextOwnerId++}`,
-    parent,
-    children,
-    depth: (parent?.depth ?? -1) + 1,
-    get disposed() {
-      return disposed;
-    },
-    run(fn) {
-      if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
-      const previous = currentOwner;
-      currentOwner = owner;
-      try {
-        return fn();
-      } finally {
-        currentOwner = previous;
-      }
-    },
-    addCleanup(cleanup) {
-      if (disposed) {
-        cleanup();
-        return;
-      }
-      cleanups.push(cleanup);
-    },
-    onDispose(cleanup) {
-      owner.addCleanup(cleanup);
-    },
-    onError(handler) {
-      errorHandlers.add(handler);
-      const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
-      owner.addCleanup(remove);
-      return remove;
-    },
-    handleError(error) {
-      for (const handler of [...errorHandlers].reverse()) {
-        try {
-          handler(error);
-          return true;
-        } catch (handlerError) {
-          return parent?.handleError(handlerError) ?? false;
-        }
-      }
-      return parent?.handleError(error) ?? false;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      for (const child of [...children]) child.dispose();
-      children.length = 0;
-      let firstError;
-      for (let index = cleanups.length - 1; index >= 0; index--) {
-        try {
-          cleanups[index]();
-        } catch (error) {
-          firstError ?? (firstError = error);
-        }
-      }
-      cleanups.length = 0;
-      if (parent) {
-        const index = parent.children.indexOf(owner);
-        if (index >= 0) parent.children.splice(index, 1);
-      }
-      if (firstError) throw firstError;
-    }
-  };
-  if (parent && !parent.disposed) parent.children.push(owner);
-  return owner;
-}
-__name(createOwner, "createOwner");
-function setOwnerDebugName(owner, name) {
-  ownerNames.set(owner, name);
-}
-__name(setOwnerDebugName, "setOwnerDebugName");
-function getCurrentOwner() {
-  return currentOwner;
-}
-__name(getCurrentOwner, "getCurrentOwner");
-
-// packages/reactivity/src/signal.ts
-var currentSubscriber = null;
-function getCurrentSubscriber() {
-  return currentSubscriber;
-}
-__name(getCurrentSubscriber, "getCurrentSubscriber");
-function setCurrentSubscriber(subscriber) {
-  currentSubscriber = subscriber;
-}
-__name(setCurrentSubscriber, "setCurrentSubscriber");
-function trackDependency(dependency) {
-  if (!currentSubscriber || currentSubscriber.disposed) return;
-  !currentSubscriber.dependencies.has(dependency);
-  currentSubscriber.dependencies.add(dependency);
-}
-__name(trackDependency, "trackDependency");
-function state(initialValue, debugName) {
-  let value = initialValue;
-  let disposed = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const signalInstance = {
-    get value() {
-      const subscriber = getCurrentSubscriber();
-      if (subscriber && !subscriber.disposed) {
-        subscribers.add(subscriber);
-        trackDependency(signalInstance);
-      }
-      return value;
-    },
-    set value(nextValue) {
-      if (disposed || Object.is(value, nextValue)) return;
-      value = nextValue;
-      for (const subscriber of [...subscribers]) subscriber.notify();
-    },
-    unsubscribe(subscriber) {
-      subscribers.delete(subscriber);
-    },
-    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。
-    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。
-    set(next) {
-      signalInstance.value = next;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      subscribers.clear();
-    }
-  };
-  const owner = getCurrentOwner();
-  owner?.addCleanup(signalInstance.dispose);
-  if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
-  return signalInstance;
-}
-__name(state, "state");
-
-// packages/reactivity/src/scheduler.ts
-var _Scheduler = class _Scheduler {
-  constructor() {
-    this.dirtyEffects = /* @__PURE__ */ new Set();
-    this.lowPriorityEffects = /* @__PURE__ */ new Set();
-    // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。
-    this.normalBuffer = [];
-    this.lowBuffer = [];
-    this.flushing = false;
-    this.scheduled = false;
-    this.batchDepth = 0;
-  }
-  schedule(effect2) {
-    if (effect2.disposed) return;
-    this.dirtyEffects.add(effect2);
-    this.lowPriorityEffects.delete(effect2);
-    this.ensureScheduled();
-  }
-  /** Queue an effect behind normal updates while preserving deterministic order. */
-  scheduleLow(effect2) {
-    if (effect2.disposed) return;
-    if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
-    this.ensureScheduled();
-  }
-  ensureScheduled() {
-    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
-      this.scheduled = true;
-      queueMicrotask(() => {
-        this.scheduled = false;
-        this.flush();
-      });
-    }
-  }
-  remove(effect2) {
-    this.dirtyEffects.delete(effect2);
-    this.lowPriorityEffects.delete(effect2);
-  }
-  batch(fn) {
-    this.batchDepth++;
-    try {
-      return fn();
-    } finally {
-      this.batchDepth--;
-      if (this.batchDepth === 0) this.flush();
-    }
-  }
-  flush() {
-    if (this.flushing || this.batchDepth > 0) return;
-    this.flushing = true;
-    let rounds = 0;
-    let firstError;
-    let hasError = false;
-    try {
-      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
-        if (++rounds > 100) {
-          this.dirtyEffects.clear();
-          this.lowPriorityEffects.clear();
-          throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
-        }
-        this.collectRunnable(this.dirtyEffects, this.normalBuffer);
-        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
-        sortEffects(this.normalBuffer);
-        sortEffects(this.lowBuffer);
-        for (const effect2 of this.normalBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        for (const effect2 of this.lowBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        this.normalBuffer.length = 0;
-        this.lowBuffer.length = 0;
-      }
-    } finally {
-      this.normalBuffer.length = 0;
-      this.lowBuffer.length = 0;
-      this.flushing = false;
-    }
-    if (hasError) throw firstError;
-  }
-  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */
-  collectRunnable(source, target) {
-    for (const effect2 of source) {
-      if (!effect2.disposed) target.push(effect2);
-    }
-    source.clear();
-  }
-};
-__name(_Scheduler, "Scheduler");
-var Scheduler = _Scheduler;
-function sortEffects(effects) {
-  if (effects.length > 1) {
-    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
-  }
-}
-__name(sortEffects, "sortEffects");
-var scheduler = new Scheduler();
-
-// packages/reactivity/src/effect.ts
-var nextEffectOrder = 1;
-function cleanupDependencies(subscriber) {
-  for (const dependency of subscriber.dependencies) {
-    dependency.unsubscribe(subscriber);
-  }
-  subscriber.dependencies.clear();
-}
-__name(cleanupDependencies, "cleanupDependencies");
-function effect(callback) {
-  const owner = getCurrentOwner();
-  let cleanup;
-  let dirty = true;
-  let disposed = false;
-  const eff = {
-    order: nextEffectOrder++,
-    depth: owner?.depth ?? 0,
-    dependencies: /* @__PURE__ */ new Set(),
-    get disposed() {
-      return disposed;
-    },
-    notify() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.schedule(eff);
-    },
-    run() {
-      if (disposed || !dirty) return;
-      dirty = false;
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          const handled2 = owner?.handleError(error) ?? false;
-          if (!handled2) cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      const previous = getCurrentSubscriber();
-      setCurrentSubscriber(eff);
-      let thrown;
-      let handled = false;
-      try {
-        const result = owner ? owner.run(callback) : callback();
-        cleanup = typeof result === "function" ? result : void 0;
-      } catch (error) {
-        thrown = error;
-        handled = owner?.handleError(error) ?? false;
-        if (!handled) throw error;
-      } finally {
-        setCurrentSubscriber(previous);
-      }
-      if (cleanupError && !thrown) throw cleanupError;
-    },
-    scheduleLow() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.scheduleLow(eff);
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      dirty = false;
-      scheduler.remove(eff);
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          const handled = owner?.handleError(error) ?? false;
-          if (!handled) cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      if (cleanupError) throw cleanupError;
-    }
-  };
-  owner?.addCleanup(eff.dispose);
-  eff.run();
-  return eff;
-}
-__name(effect, "effect");
-
-// packages/runtime/src/debug.ts
-var activeRuntimeDebugHooks = null;
-function getRuntimeDebugHooks() {
-  return activeRuntimeDebugHooks;
-}
-__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
-function invokeRuntimeDebug(name, ...args) {
-  return;
-}
-__name(invokeRuntimeDebug, "invokeRuntimeDebug");
-function readDebugValue(read) {
-  try {
-    return read();
-  } catch {
-    return "[Uninspectable]";
-  }
-}
-__name(readDebugValue, "readDebugValue");
-function describeDebugNode(node) {
-  if (!node || typeof node !== "object") return "node";
-  const value = node;
-  const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
-  const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
-  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
-  return `${name}${id}${className}`;
-}
-__name(describeDebugNode, "describeDebugNode");
-
-// packages/runtime/src/hmr.ts
-var globalTarget = globalThis;
-var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
-globalTarget.__VOBS_HMR__ = hmrGlobal;
-function 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;
-  }
-  getRenderer().removeChild(parent, child);
-}
-__name(removeChild, "removeChild");
-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");
-
-// packages/vobs/src/context.ts
-var ownerProviders = /* @__PURE__ */ new WeakMap();
-function inject(key, fallback) {
-  const owner = getCurrentOwner();
-  const value = owner ? injectFromOwner(owner, key) : void 0;
-  return value === void 0 ? fallback : value;
-}
-__name(inject, "inject");
-function injectFromOwner(owner, key) {
-  let current = owner;
-  while (current) {
-    const providers = ownerProviders.get(current);
-    if (providers?.has(key)) return providers.get(key);
-    current = current.parent;
-  }
-  return void 0;
-}
-__name(injectFromOwner, "injectFromOwner");
-
-// packages/vobs/src/app.ts
-function createInjectionKey(description) {
-  return Symbol(description);
-}
-__name(createInjectionKey, "createInjectionKey");
-
-// 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/ui/src/toast.ts
+import { insertList } from "@vobs/vobs";
+import {
+  addEventListener as addEventListener2,
+  createElement,
+  createText as createText2,
+  insertBefore as insertBefore3,
+  setAttribute as setAttribute2
+} from "@vobs/vobs";
+import { useNotification } from "@vobs/notification";
 
-// packages/icon-core/src/index.ts
-function createSvgIconNode(source, props = {}, options = {}) {
-  const root = createElement("span");
-  effect(() => {
-    updateSvgIconNode(root, typeof source === "function" ? source() : source, props, options);
-  });
-  return root;
-}
-__name(createSvgIconNode, "createSvgIconNode");
-function updateSvgIconNode(root, definition, props, options) {
-  const size = readProp(props, "size", void 0);
-  const width = readProp(props, "width", size);
-  const height = readProp(props, "height", size);
-  const normalizedWidth = normalizeSvgLength(width);
-  const normalizedHeight = normalizeSvgLength(height);
-  const userClass = [
-    readProp(props, "class", void 0),
-    readProp(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 = readProp(props, "style", void 0);
-  const style = [internalStyle, userStyle].filter(hasText).join("; ");
-  setOptionalAttribute(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 = readProp(props, "title", void 0);
-  const ariaLabel = Reflect.get(props, "aria-label");
-  const decorative = readProp(props, "decorative", title === void 0 && ariaLabel === void 0);
-  setOptionalAttribute(root, "aria-hidden", decorative ? "true" : void 0);
-  setOptionalAttribute(root, "aria-label", ariaLabel === void 0 ? title : void 0);
-  setOptionalAttribute(root, "data-icon-name", options.dataIconName ?? definition?.name);
-  setOptionalAttribute(root, "color", readProp(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 },
-    ...readProp(props, "color", void 0) === void 0 ? {} : { color: readProp(props, "color", void 0) },
-    ...readProp(props, "stroke", void 0) === void 0 ? {} : { stroke: readProp(props, "stroke", void 0) },
-    ...readProp(props, "fill", void 0) === void 0 ? {} : { fill: readProp(props, "fill", void 0) },
-    ...readProp(props, "strokeWidth", void 0) === void 0 ? {} : { "stroke-width": readProp(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 readProp(props, name, fallback) {
-  const value = Reflect.get(props, name);
-  return value === void 0 ? fallback : value;
-}
-__name(readProp, "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 setOptionalAttribute(node, name, value) {
-  if (value === void 0 || value === null || value === false || value === "") {
-    node.removeAttribute(name);
-    return;
-  }
-  setAttribute(node, name, String(value));
-}
-__name(setOptionalAttribute, "setOptionalAttribute");
-function clearStaleAttributes(node, next) {
-  const previous = node.__vobsIconAttributes ?? /* @__PURE__ */ new Set();
-  for (const name of previous) {
-    if (!next.has(name)) node.removeAttribute(name);
-  }
-  node.__vobsIconAttributes = new Set(next.keys());
-}
-__name(clearStaleAttributes, "clearStaleAttributes");
-function escapeXml(value) {
-  return value.replace(/&/gu, "&amp;").replace(/</gu, "&lt;").replace(/>/gu, "&gt;").replace(/"/gu, "&quot;");
-}
-__name(escapeXml, "escapeXml");
+// packages/ui/src/icon.ts
+import {
+  createIcon,
+  createSvgIconNode
+} from "@vobs/icon-core";
 
 // packages/ui/src/utils.ts
+import { effect } from "@vobs/reactivity";
+import {
+  addEventListener,
+  createFragment,
+  createText,
+  insertBefore,
+  insertDynamic,
+  setAttribute,
+  setProperty,
+  setTextContent
+} from "@vobs/vobs";
 function classNames(...values) {
   return values.flatMap((value) => typeof value === "string" ? value.trim().split(/\s+/u) : []).filter(Boolean).join(" ");
 }
 __name(classNames, "classNames");
-function readProp2(props, name, fallback) {
+function readProp(props, name, fallback) {
   const value = Reflect.get(props, name);
   return value === void 0 ? fallback : value;
 }
-__name(readProp2, "readProp");
+__name(readProp, "readProp");
 function hasProp(props, name) {
   return name in props;
 }
@@ -1071,7 +146,7 @@ __name(removeAttribute, "removeAttribute");
 function Icon(props = {}) {
   const root = createSvgIconNode(() => {
     const definition = resolveIcon(
-      readProp2(props, "icon", void 0) ?? readProp2(props, "name", void 0)
+      readProp(props, "icon", void 0) ?? readProp(props, "name", void 0)
     );
     if (!definition) {
       if (hasProp(props, "children")) return void 0;
@@ -1155,6 +230,12 @@ function resolveIcon(icon) {
 __name(resolveIcon, "resolveIcon");
 
 // packages/ui/src/overlay.ts
+import { getCurrentOwner, onDispose } from "@vobs/reactivity";
+import {
+  createComment,
+  insertBefore as insertBefore2,
+  isVobsFragment
+} from "@vobs/vobs";
 function createPortal(node, adapter, target) {
   const placeholder = createComment("vui:portal");
   const owner = getCurrentOwner();
@@ -1165,6 +246,19 @@ function createPortal(node, adapter, target) {
   return placeholder;
 }
 __name(createPortal, "createPortal");
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "iframe",
+  "object",
+  "embed",
+  "[contenteditable]",
+  "[tabindex]"
+].join(",");
 
 // packages/ui/src/toast.ts
 function ToastHost(props = {}) {
@@ -1172,46 +266,46 @@ function ToastHost(props = {}) {
   const root = createElement("ol");
   bindClassList(root, props, () => [
     "vui-toast-host",
-    `vui-toast-host--${readProp2(props, "position", "top-right")}`
+    `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, readProp2(props, "closeLabel", "Dismiss notification")), (entry) => entry.id);
-  const portal = readProp2(props, "portal", void 0);
-  return portal ? createPortal(root, portal, readProp2(props, "portalTarget", void 0)) : root;
+  setAttribute2(root, "aria-label", "Notifications");
+  setAttribute2(root, "role", "region");
+  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));
+  setAttribute2(item, "class", `vui-toast vui-toast--${notification.type}`);
+  setAttribute2(item, "data-notification-id", notification.id);
+  setAttribute2(item, "role", notification.type === "error" ? "alert" : "status");
+  setAttribute2(content, "class", "vui-toast__content");
+  setAttribute2(close, "class", "vui-toast__close");
+  setAttribute2(close, "type", "button");
+  setAttribute2(close, "aria-label", closeLabel);
+  addEventListener2(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);
+    setAttribute2(title, "class", "vui-toast__title");
+    insertBefore3(title, createText2(notification.title), null);
+    insertBefore3(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);
+  setAttribute2(message, "class", "vui-toast__message");
+  insertBefore3(message, createText2(notification.content), null);
+  insertBefore3(content, message, null);
+  insertBefore3(close, Icon({ name: "x", size: 16, decorative: true }), null);
+  insertBefore3(item, content, null);
+  insertBefore3(item, close, null);
   return item;
 }
 __name(createToast, "createToast");
-
-export { ToastHost };
-//# sourceMappingURL=toast.js.map
+export {
+  ToastHost
+};
 //# sourceMappingURL=toast.js.map