@vobs/layout 1.2.1 → 1.3.0

package/dist/index.cjs

@@ -1,804 +1,50 @@
-'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/reactivity/src/memo.ts
-function memo(compute) {
-  let cached;
-  let dirty = true;
-  let disposed = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const memoSubscriber = {
-    dependencies: /* @__PURE__ */ new Set(),
-    get disposed() {
-      return disposed;
-    },
-    notify() {
-      if (disposed || dirty) return;
-      dirty = true;
-      for (const subscriber of [...subscribers]) subscriber.notify();
-    }
-  };
-  const memoSignal = {
-    get value() {
-      const subscriber = getCurrentSubscriber();
-      if (subscriber && !subscriber.disposed) {
-        subscribers.add(subscriber);
-        trackDependency(memoSignal);
-      }
-      if (dirty) {
-        cleanupDependencies(memoSubscriber);
-        const previous = getCurrentSubscriber();
-        setCurrentSubscriber(memoSubscriber);
-        try {
-          cached = compute();
-          dirty = false;
-        } finally {
-          setCurrentSubscriber(previous);
-        }
-      }
-      return cached;
-    },
-    set value(_) {
-      throw new Error("memo: \u6D3E\u751F\u503C\u4E0D\u80FD\u76F4\u63A5\u8D4B\u503C");
-    },
-    unsubscribe(subscriber) {
-      subscribers.delete(subscriber);
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      subscribers.clear();
-      cleanupDependencies(memoSubscriber);
-    }
-  };
-  const owner = getCurrentOwner();
-  owner?.addCleanup(memoSignal.dispose);
-  return memoSignal;
-}
-__name(memo, "memo");
-
-// packages/runtime/src/debug.ts
-var activeRuntimeDebugHooks = null;
-function getRuntimeDebugHooks() {
-  return activeRuntimeDebugHooks;
-}
-__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
-function invokeRuntimeDebug(name, ...args) {
-  return;
-}
-__name(invokeRuntimeDebug, "invokeRuntimeDebug");
-function readDebugValue(read) {
-  try {
-    return read();
-  } catch {
-    return "[Uninspectable]";
-  }
-}
-__name(readDebugValue, "readDebugValue");
-function describeDebugNode(node) {
-  if (!node || typeof node !== "object") return "node";
-  const value = node;
-  const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
-  const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
-  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
-  return `${name}${id}${className}`;
-}
-__name(describeDebugNode, "describeDebugNode");
-
-// packages/runtime/src/hmr.ts
-var globalTarget = globalThis;
-var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
-globalTarget.__VOBS_HMR__ = hmrGlobal;
-function registerHmrInstance(moduleId, instance) {
-  const instances = getModule(moduleId).instances;
-  instances.add(instance);
-  return () => instances.delete(instance);
-}
-__name(registerHmrInstance, "registerHmrInstance");
-function markHmrInstanceMounted(node, parent) {
-  const instance = hmrInstances.get(node);
-  if (instance) instance.parent = parent;
-}
-__name(markHmrInstanceMounted, "markHmrInstanceMounted");
-function getModule(moduleId) {
-  let module = hmrGlobal.modules.get(moduleId);
-  if (!module) {
-    module = { components: /* @__PURE__ */ new Map(), state: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Set() };
-    hmrGlobal.modules.set(moduleId, module);
-  }
-  return module;
-}
-__name(getModule, "getModule");
-var hmrInstances = /* @__PURE__ */ new WeakMap();
-function associateHmrInstance(node, instance) {
-  hmrInstances.set(node, instance);
-}
-__name(associateHmrInstance, "associateHmrInstance");
-var nodeOwners = /* @__PURE__ */ new WeakMap();
-var eventBindings = /* @__PURE__ */ new WeakMap();
-function getRenderer() {
-  {
-    throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
-  }
-}
-__name(getRenderer, "getRenderer");
-function createText(content) {
-  return getRenderer().createText(content);
-}
-__name(createText, "createText");
-function createElement(tag) {
-  return getRenderer().createElement(tag);
-}
-__name(createElement, "createElement");
-function createComment(content) {
-  return getRenderer().createComment(content);
-}
-__name(createComment, "createComment");
-function insertBefore(parent, child, anchor) {
-  if (isVobsFragment(child)) {
-    child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
-    return;
-  }
-  getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
-  markHmrInstanceMounted(child, parent);
-}
-__name(insertBefore, "insertBefore");
-function removeChild(parent, child) {
-  disposeNodeOwner(child);
-  if (isVobsFragment(child)) {
-    child.unmount(parent);
-    return;
-  }
-  getRenderer().removeChild(parent, child);
-}
-__name(removeChild, "removeChild");
-function setTextContent(node, content) {
-  getRenderer().setTextContent(node, content);
-}
-__name(setTextContent, "setTextContent");
-function setProperty(node, key, value) {
-  getRenderer().setProperty(node, key, value);
-}
-__name(setProperty, "setProperty");
-function setAttribute(node, key, value) {
-  getRenderer().setAttribute(node, key, value);
-}
-__name(setAttribute, "setAttribute");
-function addEventListener(node, event, handler) {
-  const renderer = getRenderer();
-  const owner = getCurrentOwner();
-  let bindings = eventBindings.get(node);
-  if (!bindings) {
-    bindings = /* @__PURE__ */ new Map();
-    eventBindings.set(node, bindings);
-  }
-  const previous = bindings.get(event);
-  if (previous && previous.original === handler && previous.owner === owner) return;
-  if (previous) renderer.removeEventListener(node, event, previous.handler);
-  const listener = owner ? (reason) => {
-    try {
-      owner.run(() => handler(reason));
-    } catch (error) {
-      const handled = owner.handleError(error);
-      invokeRuntimeDebug("error", {
-        error,
-        owner,
-        phase: "event",
-        handled,
-        recovery: handled ? "handled" : "propagated"
-      });
-      if (!handled) throw error;
-    }
-  } : handler;
-  const binding = { handler: listener, owner, original: handler };
-  bindings.set(event, binding);
-  renderer.addEventListener(node, event, listener);
-  owner?.onDispose(() => {
-    if (bindings?.get(event) !== binding) return;
-    bindings.delete(event);
-    renderer.removeEventListener(node, event, listener);
-  });
-}
-__name(addEventListener, "addEventListener");
-function createComponent(component, props, source) {
-  const owner = createOwner();
-  const componentName = component.displayName || component.name || "anonymous";
-  setOwnerDebugName(owner, source ? `${componentName} (${source.file}:${source.line}:${source.column})` : componentName);
-  owner.onError((reason) => {
-    attachSourceLocation(reason, source);
-    attachComponentContext(reason, componentName, owner.id);
-    throw reason;
-  });
-  let node;
-  try {
-    node = owner.run(() => component(props));
-  } catch (error) {
-    owner.dispose();
-    attachSourceLocation(error, source);
-    attachComponentContext(error, componentName, owner.id);
-    throw error;
-  }
-  associateNodeOwner(node, owner);
-  const hmrKey = component.hmrKey;
-  if (hmrKey) {
-    const instance = {
-      node,
-      parent: null,
-      refresh() {
-        const previous = instance.node;
-        const next = owner.run(() => component(props));
-        if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
-          getRenderer().insertBefore(instance.parent, next, previous);
-          getRenderer().removeChild(instance.parent, previous);
-        }
-        nodeOwners.delete(previous);
-        nodeOwners.set(next, owner);
-        associateHmrInstance(next, instance);
-        instance.node = next;
-      }
-    };
-    associateHmrInstance(node, instance);
-    const separator = hmrKey.lastIndexOf(":");
-    const moduleId = separator < 0 ? hmrKey : hmrKey.slice(0, separator);
-    const cleanup = registerHmrInstance(moduleId, instance);
-    owner.onDispose(cleanup);
-  }
-  return node;
-}
-__name(createComponent, "createComponent");
-function attachSourceLocation(reason, source) {
-  if (!source || (!reason || typeof reason !== "object" && typeof reason !== "function")) return;
-  const error = reason;
-  if (error.vobsSource) return;
-  try {
-    Object.defineProperty(error, "vobsSource", {
-      configurable: true,
-      enumerable: false,
-      value: source,
-      writable: false
-    });
-  } catch {
+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 });
   }
-}
-__name(attachSourceLocation, "attachSourceLocation");
-function attachComponentContext(reason, component, ownerId) {
-  if (!reason || typeof reason !== "object" && typeof reason !== "function") return;
-  const error = reason;
-  try {
-    if (!error.vobsComponent) Object.defineProperty(error, "vobsComponent", { configurable: true, enumerable: false, value: component, writable: false });
-    if (!error.vobsOwnerId) Object.defineProperty(error, "vobsOwnerId", { configurable: true, enumerable: false, value: ownerId, writable: false });
-  } catch {
-  }
-}
-__name(attachComponentContext, "attachComponentContext");
-function createBlock(factory) {
-  const owner = createOwner();
-  setOwnerDebugName(owner, "dynamic");
-  let node;
-  try {
-    node = owner.run(factory);
-  } catch (error) {
-    owner.dispose();
-    throw error;
-  }
-  if (!node) {
-    owner.dispose();
-    return null;
-  }
-  associateNodeOwner(node, owner);
-  return node;
-}
-__name(createBlock, "createBlock");
-function associateNodeOwner(node, owner) {
-  nodeOwners.set(node, owner);
-}
-__name(associateNodeOwner, "associateNodeOwner");
-function disposeNodeOwner(node) {
-  const owner = nodeOwners.get(node);
-  if (!owner) return;
-  nodeOwners.delete(node);
-  owner.dispose();
-}
-__name(disposeNodeOwner, "disposeNodeOwner");
-
-// packages/runtime/src/fragment.ts
-function createFragment(factory) {
-  const start = createComment("vobs:fragment:start");
-  const end = createComment("vobs:fragment:end");
-  let parent = null;
-  let initialized = false;
-  const owner = getCurrentOwner();
-  const fragment = {
-    kind: "vobs-fragment",
-    start,
-    end,
-    mount(nextParent, anchor) {
-      if (parent && parent !== nextParent) {
-        throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
-      }
-      if (initialized) {
-        moveRange(nextParent, start, end, anchor);
-        return;
-      }
-      const renderer = getRenderer();
-      renderer.insertBefore(nextParent, start, anchor);
-      renderer.insertBefore(nextParent, end, anchor);
-      parent = nextParent;
-      initialized = true;
-      if (owner) owner.run(() => factory(nextParent, end));
-      else factory(nextParent, end);
-    },
-    unmount(nextParent) {
-      if (!initialized || parent !== nextParent) {
-        throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
-      }
-      const renderer = getRenderer();
-      let current = renderer.nextSibling(start);
-      while (current && current !== end) {
-        const next = renderer.nextSibling(current);
-        renderer.removeChild(nextParent, current);
-        current = next;
-      }
-      renderer.removeChild(nextParent, start);
-      renderer.removeChild(nextParent, end);
-      parent = null;
-      initialized = false;
-    }
-  };
-  return fragment;
-}
-__name(createFragment, "createFragment");
-function isVobsFragment(value) {
-  return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
-}
-__name(isVobsFragment, "isVobsFragment");
-function moveRange(parent, start, end, anchor) {
-  const renderer = getRenderer();
-  const nodes = [start];
-  let current = renderer.nextSibling(start);
-  while (current) {
-    nodes.push(current);
-    if (current === end) break;
-    current = renderer.nextSibling(current);
-  }
-  if (nodes[nodes.length - 1] !== end) {
-    throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
-  }
-  for (const node of nodes) renderer.insertBefore(parent, node, anchor);
-}
-__name(moveRange, "moveRange");
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/runtime/src/dynamic.ts
-function insertDynamic(parent, anchor, factory) {
-  const marker = createComment("vobs:dynamic");
-  insertBefore(parent, marker, anchor);
-  let current = null;
-  effect(() => {
-    const next = createBlock(factory);
-    if (next === current) return;
-    if (current) removeChild(parent, current);
-    current = next;
-    if (current) insertBefore(parent, current, marker);
-  });
-}
-__name(insertDynamic, "insertDynamic");
+// packages/layout/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  DEFAULT_MOBILE_BREAKPOINT: () => DEFAULT_MOBILE_BREAKPOINT,
+  KIT_LAYOUT_KEY: () => KIT_LAYOUT_KEY,
+  KitBreadcrumb: () => KitBreadcrumb,
+  KitHeader: () => KitHeader,
+  KitLayout: () => KitLayout,
+  KitMenu: () => KitMenu,
+  KitSidebar: () => KitSidebar,
+  KitTabs: () => KitTabs,
+  createKitViewport: () => createKitViewport,
+  normalizeBreakpoint: () => normalizeBreakpoint,
+  useKitLayout: () => useKitLayout
+});
+module.exports = __toCommonJS(src_exports);
 
-// packages/vobs/src/context.ts
-var ownerProviders = /* @__PURE__ */ new WeakMap();
-function provide(key, value, options = {}) {
-  const owner = getCurrentOwner();
-  if (!owner) throw new Error("Vobs: provide \u5FC5\u987B\u5728\u7EC4\u4EF6\u6216 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
-  provideToOwner(owner, key, value, options);
-}
-__name(provide, "provide");
-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 provideToOwner(owner, key, value, options = {}) {
-  let providers = ownerProviders.get(owner);
-  if (!providers) {
-    providers = /* @__PURE__ */ new Map();
-    ownerProviders.set(owner, providers);
-    owner.onDispose(() => ownerProviders.delete(owner));
-  }
-  if (providers.has(key) && !options.override) {
-    throw new Error(`Vobs: \u6CE8\u5165\u9879 ${String(key)} \u5DF2\u5B58\u5728\uFF1B\u5982\u9700\u8986\u76D6\u8BF7\u4F20\u5165 override: true`);
-  }
-  providers.set(key, value);
-}
-__name(provideToOwner, "provideToOwner");
-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/layout/src/layout.ts
+var import_reactivity6 = require("@vobs/reactivity");
+var import_vobs6 = require("@vobs/vobs");
 
 // packages/layout/src/context.ts
-var KIT_LAYOUT_KEY = createInjectionKey("vobs.kit.layout");
+var import_vobs = require("@vobs/vobs");
+var KIT_LAYOUT_KEY = (0, import_vobs.createInjectionKey)("vobs.kit.layout");
 function useKitLayout() {
-  const context = inject(KIT_LAYOUT_KEY);
+  const context = (0, import_vobs.inject)(KIT_LAYOUT_KEY);
   if (!context) {
     throw new Error("Vobs Layout: \u627E\u4E0D\u5230 KitLayout \u4E0A\u4E0B\u6587");
   }
@@ -806,7 +52,13 @@ function useKitLayout() {
 }
 __name(useKitLayout, "useKitLayout");
 
+// packages/layout/src/header.ts
+var import_reactivity2 = require("@vobs/reactivity");
+var import_vobs3 = require("@vobs/vobs");
+
 // packages/layout/src/utils.ts
+var import_reactivity = require("@vobs/reactivity");
+var import_vobs2 = require("@vobs/vobs");
 function readProp(props, name, fallback) {
   const value = Reflect.get(props, name);
   return value === void 0 ? fallback : value;
@@ -821,8 +73,8 @@ function classNames(...values) {
 }
 __name(classNames, "classNames");
 function bindClassList(root, props, readBaseClasses) {
-  effect(() => {
-    setAttribute(root, "class", classNames(
+  (0, import_reactivity.effect)(() => {
+    (0, import_vobs2.setAttribute)(root, "class", classNames(
       ...readBaseClasses(),
       readString(props, "class"),
       readString(props, "className")
@@ -836,7 +88,7 @@ function bindCommonAttributes(root, props, skip = []) {
   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) || !isCommonAttribute(name)) continue;
@@ -847,22 +99,22 @@ function bindCommonAttributes(root, props, skip = []) {
     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_vobs2.setAttribute)(root, name, value);
     managedAttributes.set(root, new Set(next.keys()));
   });
 }
 __name(bindCommonAttributes, "bindCommonAttributes");
 function bindUserStyle(root, props, internal) {
-  effect(() => {
+  (0, import_reactivity.effect)(() => {
     const values = [internal?.() ?? "", readString(props, "style") ?? ""].filter(Boolean);
-    if (values.length > 0) setAttribute(root, "style", values.join("; "));
+    if (values.length > 0) (0, import_vobs2.setAttribute)(root, "style", values.join("; "));
     else removeAttribute(root, "style");
   });
 }
 __name(bindUserStyle, "bindUserStyle");
 function bindTextContent(node, read) {
-  effect(() => {
-    setTextContent(node, String(read() ?? ""));
+  (0, import_reactivity.effect)(() => {
+    (0, import_vobs2.setTextContent)(node, String(read() ?? ""));
   });
 }
 __name(bindTextContent, "bindTextContent");
@@ -871,22 +123,22 @@ function setOptionalAttribute(node, name, value) {
     removeAttribute(node, name);
     return;
   }
-  setAttribute(node, name, String(value));
+  (0, import_vobs2.setAttribute)(node, name, String(value));
 }
 __name(setOptionalAttribute, "setOptionalAttribute");
 function mountSlot(parent, props, name) {
-  insertDynamic(parent, null, () => resolveSlot(Reflect.get(props, name)));
+  (0, import_vobs2.insertDynamic)(parent, null, () => resolveSlot(Reflect.get(props, name)));
 }
 __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_vobs2.createText)(String(resolved));
   if (Array.isArray(resolved)) {
-    return createFragment((parent, anchor) => {
+    return (0, import_vobs2.createFragment)((parent, anchor) => {
       for (const child of resolved) {
         const node = resolveSlot(child);
-        if (node) insertBefore(parent, node, anchor);
+        if (node) (0, import_vobs2.insertBefore)(parent, node, anchor);
       }
     });
   }
@@ -920,10 +172,10 @@ var managedAttributes = /* @__PURE__ */ new WeakMap();
 
 // packages/layout/src/header.ts
 function KitHeader(props = {}) {
-  const root = createElement("header");
-  const toggleRegion = createElement("div");
-  const brand = createElement("div");
-  const actions = createElement("div");
+  const root = (0, import_vobs3.createElement)("header");
+  const toggleRegion = (0, import_vobs3.createElement)("div");
+  const brand = (0, import_vobs3.createElement)("div");
+  const actions = (0, import_vobs3.createElement)("div");
   bindClassList(root, props, () => ["vobs-kit-header"]);
   bindCommonAttributes(root, props, [
     "logo",
@@ -935,45 +187,45 @@ function KitHeader(props = {}) {
     "onToggleSidebar"
   ]);
   bindUserStyle(root, props);
-  setAttribute(toggleRegion, "class", "vobs-kit-header__toggle");
+  (0, import_vobs3.setAttribute)(toggleRegion, "class", "vobs-kit-header__toggle");
   if (hasProp(props, "sidebarToggle")) {
     mountSlot(toggleRegion, props, "sidebarToggle");
   } else {
-    insertBefore(toggleRegion, createDefaultToggle(props), null);
+    (0, import_vobs3.insertBefore)(toggleRegion, createDefaultToggle(props), null);
   }
-  setAttribute(brand, "class", "vobs-kit-header__brand");
+  (0, import_vobs3.setAttribute)(brand, "class", "vobs-kit-header__brand");
   if (readProp(props, "logo", void 0) !== void 0) {
-    const logo = createElement("span");
-    setAttribute(logo, "class", "vobs-kit-header__logo");
+    const logo = (0, import_vobs3.createElement)("span");
+    (0, import_vobs3.setAttribute)(logo, "class", "vobs-kit-header__logo");
     mountSlot(logo, props, "logo");
-    insertBefore(brand, logo, null);
+    (0, import_vobs3.insertBefore)(brand, logo, null);
   }
   if (readProp(props, "title", void 0) !== void 0) {
-    const title = createElement("h1");
-    const text = createText("");
-    setAttribute(title, "class", "vobs-kit-header__title");
+    const title = (0, import_vobs3.createElement)("h1");
+    const text = (0, import_vobs3.createText)("");
+    (0, import_vobs3.setAttribute)(title, "class", "vobs-kit-header__title");
     bindTextContent(text, () => readProp(props, "title", ""));
-    insertBefore(title, text, null);
-    insertBefore(brand, title, null);
+    (0, import_vobs3.insertBefore)(title, text, null);
+    (0, import_vobs3.insertBefore)(brand, title, null);
   }
-  setAttribute(actions, "class", "vobs-kit-header__actions");
+  (0, import_vobs3.setAttribute)(actions, "class", "vobs-kit-header__actions");
   if (readProp(props, "headerActions", void 0) !== void 0) mountSlot(actions, props, "headerActions");
   if (readProp(props, "userMenu", void 0) !== void 0) mountSlot(actions, props, "userMenu");
-  insertBefore(root, toggleRegion, null);
-  insertBefore(root, brand, null);
-  insertBefore(root, actions, null);
+  (0, import_vobs3.insertBefore)(root, toggleRegion, null);
+  (0, import_vobs3.insertBefore)(root, brand, null);
+  (0, import_vobs3.insertBefore)(root, actions, null);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
 __name(KitHeader, "KitHeader");
 function createDefaultToggle(props) {
-  const button = createElement("button");
-  const label = createText("");
-  setAttribute(button, "type", "button");
-  setAttribute(button, "class", "vobs-kit-header__toggle-button");
+  const button = (0, import_vobs3.createElement)("button");
+  const label = (0, import_vobs3.createText)("");
+  (0, import_vobs3.setAttribute)(button, "type", "button");
+  (0, import_vobs3.setAttribute)(button, "class", "vobs-kit-header__toggle-button");
   bindTextContent(label, () => readProp(props, "toggleLabel", "Menu"));
-  insertBefore(button, label, null);
-  addEventListener(button, "click", () => {
+  (0, import_vobs3.insertBefore)(button, label, null);
+  (0, import_vobs3.addEventListener)(button, "click", () => {
     const handler = readProp(props, "onToggleSidebar", void 0);
     if (typeof handler === "function") handler();
   });
@@ -982,20 +234,26 @@ function createDefaultToggle(props) {
 }
 __name(createDefaultToggle, "createDefaultToggle");
 function effectToggleLabel(button, props) {
-  effect(() => {
+  (0, import_reactivity2.effect)(() => {
     setOptionalAttribute(button, "aria-label", readProp(props, "toggleLabel", "Menu"));
   });
 }
 __name(effectToggleLabel, "effectToggleLabel");
 
+// packages/layout/src/sidebar.ts
+var import_reactivity4 = require("@vobs/reactivity");
+var import_vobs5 = require("@vobs/vobs");
+
 // packages/layout/src/menu.ts
+var import_reactivity3 = require("@vobs/reactivity");
+var import_vobs4 = require("@vobs/vobs");
 function KitMenu(props) {
-  const root = createElement("ul");
-  const expanded = state(/* @__PURE__ */ new Set());
+  const root = (0, import_vobs4.createElement)("ul");
+  const expanded = (0, import_reactivity3.state)(/* @__PURE__ */ new Set());
   bindClassList(root, props, () => ["vobs-kit-menu"]);
   bindCommonAttributes(root, props, ["items", "collapsed", "activeKey", "onSelect"]);
-  if (!hasProp(props, "role")) setAttribute(root, "role", "menu");
-  insertDynamic(root, null, () => createMenuTree(props, expanded));
+  if (!hasProp(props, "role")) (0, import_vobs4.setAttribute)(root, "role", "menu");
+  (0, import_vobs4.insertDynamic)(root, null, () => createMenuTree(props, expanded));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -1004,93 +262,93 @@ function createMenuTree(props, expanded) {
   const items = readProp(props, "items", []);
   const activeKey = readProp(props, "activeKey", void 0);
   const collapsed = readProp(props, "collapsed", false);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs4.createFragment)((parent, anchor) => {
     for (const item of items) {
-      insertBefore(parent, createMenuItem(item, props, activeKey, collapsed, expanded), anchor);
+      (0, import_vobs4.insertBefore)(parent, createMenuItem(item, props, activeKey, collapsed, expanded), anchor);
     }
   });
 }
 __name(createMenuTree, "createMenuTree");
 function createMenuItem(item, props, activeKey, collapsed, expanded) {
-  const li = createElement("li");
+  const li = (0, import_vobs4.createElement)("li");
   const children = item.children ?? [];
   const hasChildren = children.length > 0;
   const active = item.key === activeKey;
   const activeDescendant = children.some((child) => hasActiveDescendant(child, activeKey));
   const isExpanded = expanded.value.has(item.key) || activeDescendant;
-  setAttribute(li, "class", `vobs-kit-menu__item${active || activeDescendant ? " is-active" : ""}`);
+  (0, import_vobs4.setAttribute)(li, "class", `vobs-kit-menu__item${active || activeDescendant ? " is-active" : ""}`);
   setOptionalAttribute(li, "data-menu-key", item.key);
   if (hasChildren) {
-    const groupButton = createElement("button");
-    setAttribute(groupButton, "type", "button");
-    setAttribute(groupButton, "class", "vobs-kit-menu__link vobs-kit-menu__group-toggle");
-    setAttribute(groupButton, "aria-expanded", isExpanded ? "true" : "false");
+    const groupButton = (0, import_vobs4.createElement)("button");
+    (0, import_vobs4.setAttribute)(groupButton, "type", "button");
+    (0, import_vobs4.setAttribute)(groupButton, "class", "vobs-kit-menu__link vobs-kit-menu__group-toggle");
+    (0, import_vobs4.setAttribute)(groupButton, "aria-expanded", isExpanded ? "true" : "false");
     if (collapsed) setOptionalAttribute(groupButton, "title", item.label);
     appendMenuContent(groupButton, item, collapsed);
-    addEventListener(groupButton, "click", () => {
+    (0, import_vobs4.addEventListener)(groupButton, "click", () => {
       toggleExpanded(expanded, item.key);
       if (item.href !== void 0) emitSelect(props, item);
     });
-    insertBefore(li, groupButton, null);
+    (0, import_vobs4.insertBefore)(li, groupButton, null);
     if (isExpanded) {
-      const nested = createElement("ul");
-      setAttribute(nested, "class", "vobs-kit-menu__children");
-      setAttribute(nested, "role", "menu");
+      const nested = (0, import_vobs4.createElement)("ul");
+      (0, import_vobs4.setAttribute)(nested, "class", "vobs-kit-menu__children");
+      (0, import_vobs4.setAttribute)(nested, "role", "menu");
       for (const child of children) {
-        insertBefore(nested, createMenuItem(child, props, activeKey, collapsed, expanded), null);
+        (0, import_vobs4.insertBefore)(nested, createMenuItem(child, props, activeKey, collapsed, expanded), null);
       }
-      insertBefore(li, nested, null);
+      (0, import_vobs4.insertBefore)(li, nested, null);
     }
   } else {
-    const link = createElement(item.href === void 0 ? "button" : "a");
-    setAttribute(link, "class", "vobs-kit-menu__link");
-    if (item.href === void 0) setAttribute(link, "type", "button");
+    const link = (0, import_vobs4.createElement)(item.href === void 0 ? "button" : "a");
+    (0, import_vobs4.setAttribute)(link, "class", "vobs-kit-menu__link");
+    if (item.href === void 0) (0, import_vobs4.setAttribute)(link, "type", "button");
     else {
-      setAttribute(link, "href", item.href);
+      (0, import_vobs4.setAttribute)(link, "href", item.href);
       setOptionalAttribute(link, "target", item.target);
       setOptionalAttribute(link, "rel", item.rel);
     }
-    if (active) setAttribute(link, "aria-current", "page");
+    if (active) (0, import_vobs4.setAttribute)(link, "aria-current", "page");
     if (item.disabled === true) {
-      setAttribute(link, "aria-disabled", "true");
-      setProperty(link, "disabled", true);
+      (0, import_vobs4.setAttribute)(link, "aria-disabled", "true");
+      (0, import_vobs4.setProperty)(link, "disabled", true);
     }
     if (collapsed) setOptionalAttribute(link, "title", item.label);
     appendMenuContent(link, item, collapsed);
-    addEventListener(link, "click", (event) => {
+    (0, import_vobs4.addEventListener)(link, "click", (event) => {
       if (item.disabled === true) {
         event.preventDefault?.();
         return;
       }
       emitSelect(props, item);
     });
-    insertBefore(li, link, null);
+    (0, import_vobs4.insertBefore)(li, link, null);
   }
   return li;
 }
 __name(createMenuItem, "createMenuItem");
 function appendMenuContent(parent, item, collapsed) {
   if (item.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vobs-kit-menu__icon");
+    const icon = (0, import_vobs4.createElement)("span");
+    (0, import_vobs4.setAttribute)(icon, "class", "vobs-kit-menu__icon");
     mountSlot(icon, item, "icon");
-    insertBefore(parent, icon, null);
+    (0, import_vobs4.insertBefore)(parent, icon, null);
   }
-  const label = createElement("span");
-  setAttribute(label, "class", "vobs-kit-menu__label");
-  insertBefore(label, createText(item.label), null);
-  insertBefore(parent, label, null);
+  const label = (0, import_vobs4.createElement)("span");
+  (0, import_vobs4.setAttribute)(label, "class", "vobs-kit-menu__label");
+  (0, import_vobs4.insertBefore)(label, (0, import_vobs4.createText)(item.label), null);
+  (0, import_vobs4.insertBefore)(parent, label, null);
   if (item.badge !== void 0 && !collapsed) {
-    const badge = createElement("span");
-    setAttribute(badge, "class", "vobs-kit-menu__badge");
+    const badge = (0, import_vobs4.createElement)("span");
+    (0, import_vobs4.setAttribute)(badge, "class", "vobs-kit-menu__badge");
     mountSlot(badge, item, "badge");
-    insertBefore(parent, badge, null);
+    (0, import_vobs4.insertBefore)(parent, badge, null);
   }
   if (item.children && item.children.length > 0) {
-    const expand = createElement("span");
-    setAttribute(expand, "class", "vobs-kit-menu__expand");
-    setAttribute(expand, "aria-hidden", "true");
-    insertBefore(parent, expand, null);
+    const expand = (0, import_vobs4.createElement)("span");
+    (0, import_vobs4.setAttribute)(expand, "class", "vobs-kit-menu__expand");
+    (0, import_vobs4.setAttribute)(expand, "aria-hidden", "true");
+    (0, import_vobs4.insertBefore)(parent, expand, null);
   }
 }
 __name(appendMenuContent, "appendMenuContent");
@@ -1114,8 +372,8 @@ __name(hasActiveDescendant, "hasActiveDescendant");
 
 // packages/layout/src/sidebar.ts
 function KitSidebar(props = {}) {
-  const root = createElement("aside");
-  const close = createElement("button");
+  const root = (0, import_vobs5.createElement)("aside");
+  const close = (0, import_vobs5.createElement)("button");
   bindClassList(root, props, () => [
     "vobs-kit-sidebar",
     readProp(props, "collapsed", false) ? "is-collapsed" : void 0,
@@ -1135,23 +393,23 @@ function KitSidebar(props = {}) {
     "onClose"
   ]);
   bindUserStyle(root, props);
-  setAttribute(close, "type", "button");
-  setAttribute(close, "class", "vobs-kit-sidebar__close");
-  effect(() => {
+  (0, import_vobs5.setAttribute)(close, "type", "button");
+  (0, import_vobs5.setAttribute)(close, "class", "vobs-kit-sidebar__close");
+  (0, import_reactivity4.effect)(() => {
     setOptionalAttribute(close, "aria-label", readProp(props, "closeLabel", "Close navigation"));
   });
-  insertBefore(close, createCloseLabel(props), null);
-  addEventListener(close, "click", () => {
+  (0, import_vobs5.insertBefore)(close, createCloseLabel(props), null);
+  (0, import_vobs5.addEventListener)(close, "click", () => {
     const handler = readProp(props, "onClose", void 0);
     if (typeof handler === "function") handler();
   });
-  insertBefore(root, close, null);
-  insertDynamic(root, null, () => createDefaultMenu(props));
+  (0, import_vobs5.insertBefore)(root, close, null);
+  (0, import_vobs5.insertDynamic)(root, null, () => createDefaultMenu(props));
   if (hasProp(props, "footer")) {
-    const footer = createElement("div");
-    setAttribute(footer, "class", "vobs-kit-sidebar__footer");
+    const footer = (0, import_vobs5.createElement)("div");
+    (0, import_vobs5.setAttribute)(footer, "class", "vobs-kit-sidebar__footer");
     mountSlot(footer, props, "footer");
-    insertBefore(root, footer, null);
+    (0, import_vobs5.insertBefore)(root, footer, null);
   }
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
@@ -1160,7 +418,7 @@ __name(KitSidebar, "KitSidebar");
 function createDefaultMenu(props) {
   const items = readProp(props, "items", void 0) ?? readProp(props, "menu", []);
   if (items.length === 0 && hasProp(props, "children")) return null;
-  return createComponent(KitMenu, {
+  return (0, import_vobs5.createComponent)(KitMenu, {
     get items() {
       return items;
     },
@@ -1177,22 +435,23 @@ function createDefaultMenu(props) {
 }
 __name(createDefaultMenu, "createDefaultMenu");
 function createCloseLabel(props) {
-  const text = createElement("span");
-  const content = createText("");
-  setAttribute(text, "class", "vobs-kit-sidebar__close-label");
+  const text = (0, import_vobs5.createElement)("span");
+  const content = (0, import_vobs5.createText)("");
+  (0, import_vobs5.setAttribute)(text, "class", "vobs-kit-sidebar__close-label");
   bindTextContent(content, () => readProp(props, "closeLabel", "Close navigation"));
-  insertBefore(text, content, null);
+  (0, import_vobs5.insertBefore)(text, content, null);
   return text;
 }
 __name(createCloseLabel, "createCloseLabel");
 
 // packages/layout/src/viewport.ts
+var import_reactivity5 = require("@vobs/reactivity");
 var DEFAULT_MOBILE_BREAKPOINT = 768;
 function createKitViewport(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
   const normalizedBreakpoint = normalizeBreakpoint(breakpoint);
-  const width = state(readWidth(), "layout.viewport.width");
-  const height = state(readHeight(), "layout.viewport.height");
-  const isMobile = memo(() => width.value < normalizedBreakpoint);
+  const width = (0, import_reactivity5.state)(readWidth(), "layout.viewport.width");
+  const height = (0, import_reactivity5.state)(readHeight(), "layout.viewport.height");
+  const isMobile = (0, import_reactivity5.memo)(() => width.value < normalizedBreakpoint);
   let disposed = false;
   const onResize = /* @__PURE__ */ __name(() => {
     if (disposed) return;
@@ -1215,7 +474,7 @@ function createKitViewport(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
       height.dispose();
     }
   };
-  if (getCurrentOwner()) onDispose(viewport.dispose);
+  if ((0, import_reactivity5.getCurrentOwner)()) (0, import_reactivity5.onDispose)(viewport.dispose);
   return viewport;
 }
 __name(createKitViewport, "createKitViewport");
@@ -1237,33 +496,33 @@ __name(readHeight, "readHeight");
 
 // packages/layout/src/layout.ts
 function KitLayout(props = {}) {
-  const root = createElement("div");
-  const header = createElement("div");
-  const body = createElement("div");
-  const sidebar = createElement("div");
-  const main = createElement("main");
-  const breadcrumb = createElement("div");
-  const tabs = createElement("div");
-  const content = createElement("div");
-  const backdrop = createElement("div");
-  const footer = createElement("footer");
+  const root = (0, import_vobs6.createElement)("div");
+  const header = (0, import_vobs6.createElement)("div");
+  const body = (0, import_vobs6.createElement)("div");
+  const sidebar = (0, import_vobs6.createElement)("div");
+  const main = (0, import_vobs6.createElement)("main");
+  const breadcrumb = (0, import_vobs6.createElement)("div");
+  const tabs = (0, import_vobs6.createElement)("div");
+  const content = (0, import_vobs6.createElement)("div");
+  const backdrop = (0, import_vobs6.createElement)("div");
+  const footer = (0, import_vobs6.createElement)("footer");
   const breakpoint = normalizeBreakpoint(
     readProp(props, "mobileBreakpoint", DEFAULT_MOBILE_BREAKPOINT)
   );
   const viewport = createKitViewport(breakpoint);
   const sidebarExpanded = readProp(props, "sidebarExpanded", false);
-  const internalCollapsed = state(
+  const internalCollapsed = (0, import_reactivity6.state)(
     readProp(props, "sidebarCollapsed", void 0) ?? !sidebarExpanded
   );
-  const internalMobileOpen = state(readProp(props, "mobileOpen", void 0) ?? false);
-  const collapsed = memo(() => readProp(props, "sidebarCollapsed", void 0) ?? internalCollapsed.value);
-  const mobileOpen = memo(() => readProp(props, "mobileOpen", void 0) ?? internalMobileOpen.value);
-  const headerVisible = state(!isProvided(props, "header"));
-  const sidebarVisible = state(isProvided(props, "sidebar") || hasProp(props, "menu"));
-  const backdropVisible = state(!isProvided(props, "mobileBackdrop"));
-  const breadcrumbVisible = state(false);
-  const tabsVisible = state(false);
-  const footerVisible = state(false);
+  const internalMobileOpen = (0, import_reactivity6.state)(readProp(props, "mobileOpen", void 0) ?? false);
+  const collapsed = (0, import_reactivity6.memo)(() => readProp(props, "sidebarCollapsed", void 0) ?? internalCollapsed.value);
+  const mobileOpen = (0, import_reactivity6.memo)(() => readProp(props, "mobileOpen", void 0) ?? internalMobileOpen.value);
+  const headerVisible = (0, import_reactivity6.state)(!isProvided(props, "header"));
+  const sidebarVisible = (0, import_reactivity6.state)(isProvided(props, "sidebar") || hasProp(props, "menu"));
+  const backdropVisible = (0, import_reactivity6.state)(!isProvided(props, "mobileBackdrop"));
+  const breadcrumbVisible = (0, import_reactivity6.state)(false);
+  const tabsVisible = (0, import_reactivity6.state)(false);
+  const footerVisible = (0, import_reactivity6.state)(false);
   const context = {
     sidebarCollapsed: collapsed,
     mobileOpen,
@@ -1292,7 +551,7 @@ function KitLayout(props = {}) {
       if (typeof handler === "function") handler(value);
     }
   };
-  provide(KIT_LAYOUT_KEY, context);
+  (0, import_vobs6.provide)(KIT_LAYOUT_KEY, context);
   bindClassList(root, props, () => [
     "vobs-kit-layout",
     collapsed.value ? "vobs-kit-layout--sidebar-collapsed" : void 0,
@@ -1327,41 +586,41 @@ function KitLayout(props = {}) {
     if (sidebarWidth === void 0) return "";
     return `--vobs-kit-sidebar-width: ${normalizeSidebarWidth(sidebarWidth)}px`;
   });
-  setAttribute(header, "class", "vobs-kit-layout__header");
-  insertDynamic(header, null, () => createHeaderSlot(props, context, headerVisible));
+  (0, import_vobs6.setAttribute)(header, "class", "vobs-kit-layout__header");
+  (0, import_vobs6.insertDynamic)(header, null, () => createHeaderSlot(props, context, headerVisible));
   bindVisibility(header, headerVisible);
-  setAttribute(body, "class", "vobs-kit-layout__body");
-  setAttribute(sidebar, "class", "vobs-kit-layout__sidebar");
-  setAttribute(main, "class", "vobs-kit-layout__main");
-  setAttribute(breadcrumb, "class", "vobs-kit-layout__breadcrumb");
-  setAttribute(tabs, "class", "vobs-kit-layout__tabs");
-  setAttribute(content, "class", "vobs-kit-layout__content");
-  insertDynamic(sidebar, null, () => createSidebarSlot(props, context, sidebarVisible));
+  (0, import_vobs6.setAttribute)(body, "class", "vobs-kit-layout__body");
+  (0, import_vobs6.setAttribute)(sidebar, "class", "vobs-kit-layout__sidebar");
+  (0, import_vobs6.setAttribute)(main, "class", "vobs-kit-layout__main");
+  (0, import_vobs6.setAttribute)(breadcrumb, "class", "vobs-kit-layout__breadcrumb");
+  (0, import_vobs6.setAttribute)(tabs, "class", "vobs-kit-layout__tabs");
+  (0, import_vobs6.setAttribute)(content, "class", "vobs-kit-layout__content");
+  (0, import_vobs6.insertDynamic)(sidebar, null, () => createSidebarSlot(props, context, sidebarVisible));
   bindVisibility(sidebar, sidebarVisible);
-  insertDynamic(breadcrumb, null, () => createNamedSlot(props, "breadcrumb", breadcrumbVisible));
+  (0, import_vobs6.insertDynamic)(breadcrumb, null, () => createNamedSlot(props, "breadcrumb", breadcrumbVisible));
   bindVisibility(breadcrumb, breadcrumbVisible);
-  insertDynamic(tabs, null, () => createNamedSlot(props, "tabs", tabsVisible));
+  (0, import_vobs6.insertDynamic)(tabs, null, () => createNamedSlot(props, "tabs", tabsVisible));
   bindVisibility(tabs, tabsVisible);
   if (hasProp(props, "children")) mountSlot(content, props, "children");
-  insertBefore(main, breadcrumb, null);
-  insertBefore(main, tabs, null);
-  insertBefore(main, content, null);
-  insertBefore(body, sidebar, null);
-  insertBefore(body, main, null);
-  setAttribute(backdrop, "class", "vobs-kit-layout__backdrop");
-  insertDynamic(backdrop, null, () => createBackdropSlot(props, context, sidebarVisible, backdropVisible));
-  bindVisibility(backdrop, memo(() => backdropVisible.value && sidebarVisible.value && mobileOpen.value));
-  setAttribute(footer, "class", "vobs-kit-layout__footer");
-  insertDynamic(footer, null, () => {
+  (0, import_vobs6.insertBefore)(main, breadcrumb, null);
+  (0, import_vobs6.insertBefore)(main, tabs, null);
+  (0, import_vobs6.insertBefore)(main, content, null);
+  (0, import_vobs6.insertBefore)(body, sidebar, null);
+  (0, import_vobs6.insertBefore)(body, main, null);
+  (0, import_vobs6.setAttribute)(backdrop, "class", "vobs-kit-layout__backdrop");
+  (0, import_vobs6.insertDynamic)(backdrop, null, () => createBackdropSlot(props, context, sidebarVisible, backdropVisible));
+  bindVisibility(backdrop, (0, import_reactivity6.memo)(() => backdropVisible.value && sidebarVisible.value && mobileOpen.value));
+  (0, import_vobs6.setAttribute)(footer, "class", "vobs-kit-layout__footer");
+  (0, import_vobs6.insertDynamic)(footer, null, () => {
     const value = isProvided(props, "footer") ? resolveSlot(readProp(props, "footer", void 0)) : null;
     footerVisible.value = value !== null;
     return value;
   });
   bindVisibility(footer, footerVisible);
-  insertBefore(root, header, null);
-  insertBefore(root, body, null);
-  insertBefore(root, backdrop, null);
-  insertBefore(root, footer, null);
+  (0, import_vobs6.insertBefore)(root, header, null);
+  (0, import_vobs6.insertBefore)(root, body, null);
+  (0, import_vobs6.insertBefore)(root, backdrop, null);
+  (0, import_vobs6.insertBefore)(root, footer, null);
   return root;
 }
 __name(KitLayout, "KitLayout");
@@ -1372,7 +631,7 @@ function createHeaderSlot(props, context, visible) {
     return value;
   }
   visible.value = true;
-  return createComponent(KitHeader, {
+  return (0, import_vobs6.createComponent)(KitHeader, {
     get logo() {
       return readProp(props, "logo", void 0);
     },
@@ -1404,7 +663,7 @@ function createSidebarSlot(props, context, visible) {
     return null;
   }
   visible.value = true;
-  return createComponent(KitSidebar, {
+  return (0, import_vobs6.createComponent)(KitSidebar, {
     get menu() {
       return readProp(props, "menu", []);
     },
@@ -1448,12 +707,12 @@ function createBackdropSlot(props, context, sidebarVisible, visible) {
     return null;
   }
   visible.value = true;
-  const button = createElement("button");
-  setAttribute(button, "type", "button");
-  setAttribute(button, "class", "vobs-kit-layout__backdrop-button");
-  setAttribute(button, "aria-label", "Close navigation");
-  insertBefore(button, createText(""), null);
-  addEventListener(button, "click", () => {
+  const button = (0, import_vobs6.createElement)("button");
+  (0, import_vobs6.setAttribute)(button, "type", "button");
+  (0, import_vobs6.setAttribute)(button, "class", "vobs-kit-layout__backdrop-button");
+  (0, import_vobs6.setAttribute)(button, "aria-label", "Close navigation");
+  (0, import_vobs6.insertBefore)(button, (0, import_vobs6.createText)(""), null);
+  (0, import_vobs6.addEventListener)(button, "click", () => {
     context.setMobileOpen(false);
     const handler = readProp(props, "onCloseSidebar", void 0);
     if (typeof handler === "function") handler();
@@ -1462,8 +721,8 @@ function createBackdropSlot(props, context, sidebarVisible, visible) {
 }
 __name(createBackdropSlot, "createBackdropSlot");
 function bindVisibility(node, visible) {
-  effect(() => {
-    setProperty(node, "hidden", !visible.value);
+  (0, import_reactivity6.effect)(() => {
+    (0, import_vobs6.setProperty)(node, "hidden", !visible.value);
     setOptionalAttribute(node, "aria-hidden", visible.value ? void 0 : "true");
   });
 }
@@ -1485,51 +744,52 @@ function isProvided(props, name) {
 __name(isProvided, "isProvided");
 
 // packages/layout/src/breadcrumb.ts
+var import_vobs7 = require("@vobs/vobs");
 function KitBreadcrumb(props) {
-  const root = createElement("nav");
+  const root = (0, import_vobs7.createElement)("nav");
   bindClassList(root, props, () => ["vobs-kit-breadcrumb"]);
   bindCommonAttributes(root, props, ["items", "separator", "onNavigate"]);
-  if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Breadcrumb");
-  const list = createElement("ol");
-  setAttribute(list, "class", "vobs-kit-breadcrumb__list");
-  insertDynamic(list, null, () => createBreadcrumbItems(props));
-  insertBefore(root, list, null);
+  if (!hasProp(props, "aria-label")) (0, import_vobs7.setAttribute)(root, "aria-label", "Breadcrumb");
+  const list = (0, import_vobs7.createElement)("ol");
+  (0, import_vobs7.setAttribute)(list, "class", "vobs-kit-breadcrumb__list");
+  (0, import_vobs7.insertDynamic)(list, null, () => createBreadcrumbItems(props));
+  (0, import_vobs7.insertBefore)(root, list, null);
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
 __name(KitBreadcrumb, "KitBreadcrumb");
 function createBreadcrumbItems(props) {
   const items = readProp(props, "items", []);
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs7.createFragment)((parent, anchor) => {
     for (let index = 0; index < items.length; index++) {
       const item = items[index];
-      const entry = createElement("li");
+      const entry = (0, import_vobs7.createElement)("li");
       const isLast = index === items.length - 1;
-      setAttribute(entry, "class", `vobs-kit-breadcrumb__item${isLast ? " is-current" : ""}`);
+      (0, import_vobs7.setAttribute)(entry, "class", `vobs-kit-breadcrumb__item${isLast ? " is-current" : ""}`);
       if (item.key !== void 0) setOptionalAttribute(entry, "data-breadcrumb-key", item.key);
       if (index > 0) {
-        const separator = createElement("span");
-        setAttribute(separator, "class", "vobs-kit-breadcrumb__separator");
-        setAttribute(separator, "aria-hidden", "true");
+        const separator = (0, import_vobs7.createElement)("span");
+        (0, import_vobs7.setAttribute)(separator, "class", "vobs-kit-breadcrumb__separator");
+        (0, import_vobs7.setAttribute)(separator, "aria-hidden", "true");
         if (hasProp(props, "separator")) mountSlot(separator, props, "separator");
-        else insertBefore(separator, createText("/"), null);
-        insertBefore(entry, separator, null);
+        else (0, import_vobs7.insertBefore)(separator, (0, import_vobs7.createText)("/"), null);
+        (0, import_vobs7.insertBefore)(entry, separator, null);
       }
       const content = createBreadcrumbContent(item, props, index, isLast);
-      insertBefore(entry, content, null);
-      insertBefore(parent, entry, anchor);
+      (0, import_vobs7.insertBefore)(entry, content, null);
+      (0, import_vobs7.insertBefore)(parent, entry, anchor);
     }
   });
 }
 __name(createBreadcrumbItems, "createBreadcrumbItems");
 function createBreadcrumbContent(item, props, index, isLast) {
   const isLink = item.href !== void 0 && !isLast;
-  const element = isLink ? createElement("a") : createElement("span");
-  setAttribute(element, "class", "vobs-kit-breadcrumb__label");
-  insertBefore(element, createText(item.label), null);
+  const element = isLink ? (0, import_vobs7.createElement)("a") : (0, import_vobs7.createElement)("span");
+  (0, import_vobs7.setAttribute)(element, "class", "vobs-kit-breadcrumb__label");
+  (0, import_vobs7.insertBefore)(element, (0, import_vobs7.createText)(item.label), null);
   if (isLink) {
-    setAttribute(element, "href", item.href);
-    addEventListener(element, "click", (event) => {
+    (0, import_vobs7.setAttribute)(element, "href", item.href);
+    (0, import_vobs7.addEventListener)(element, "click", (event) => {
       if (item.disabled === true) {
         event.preventDefault?.();
         return;
@@ -1541,18 +801,20 @@ function createBreadcrumbContent(item, props, index, isLast) {
     });
   }
   if (item.disabled === true) {
-    setAttribute(element, "aria-disabled", "true");
-    setProperty(element, "tabIndex", -1);
+    (0, import_vobs7.setAttribute)(element, "aria-disabled", "true");
+    (0, import_vobs7.setProperty)(element, "tabIndex", -1);
   }
-  if (isLast) setAttribute(element, "aria-current", "page");
+  if (isLast) (0, import_vobs7.setAttribute)(element, "aria-current", "page");
   return element;
 }
 __name(createBreadcrumbContent, "createBreadcrumbContent");
 
 // packages/layout/src/tabs.ts
+var import_reactivity7 = require("@vobs/reactivity");
+var import_vobs8 = require("@vobs/vobs");
 function KitTabs(props = {}) {
-  const root = createElement("nav");
-  const active = state(void 0);
+  const root = (0, import_vobs8.createElement)("nav");
+  const active = (0, import_reactivity7.state)(void 0);
   bindClassList(root, props, () => ["vobs-kit-tabs"]);
   bindCommonAttributes(root, props, [
     "tabs",
@@ -1564,9 +826,9 @@ function KitTabs(props = {}) {
     "onChange",
     "onClose"
   ]);
-  if (!hasProp(props, "aria-label")) setAttribute(root, "aria-label", "Tabs");
-  if (!hasProp(props, "role")) setAttribute(root, "role", "tablist");
-  insertDynamic(root, null, () => createTabItems(props, active));
+  if (!hasProp(props, "aria-label")) (0, import_vobs8.setAttribute)(root, "aria-label", "Tabs");
+  if (!hasProp(props, "role")) (0, import_vobs8.setAttribute)(root, "role", "tablist");
+  (0, import_vobs8.insertDynamic)(root, null, () => createTabItems(props, active));
   if (hasProp(props, "children")) mountSlot(root, props, "children");
   return root;
 }
@@ -1578,52 +840,52 @@ function createTabItems(props, internal) {
     "activeKey",
     readProp(props, "value", void 0)
   ) ?? internal.value ?? tabs.find((tab) => tab.disabled !== true)?.id;
-  return createFragment((parent, anchor) => {
+  return (0, import_vobs8.createFragment)((parent, anchor) => {
     for (const tab of tabs) {
-      insertBefore(parent, createTab(tab, props, selected, internal), anchor);
+      (0, import_vobs8.insertBefore)(parent, createTab(tab, props, selected, internal), anchor);
     }
   });
 }
 __name(createTabItems, "createTabItems");
 function createTab(tab, props, selected, internal) {
   const active = tab.id === selected;
-  const element = createElement(tab.href === void 0 ? "button" : "a");
-  setAttribute(element, "class", `vobs-kit-tabs__tab${active ? " is-active" : ""}`);
-  setAttribute(element, "role", "tab");
-  setAttribute(element, "aria-selected", active ? "true" : "false");
+  const element = (0, import_vobs8.createElement)(tab.href === void 0 ? "button" : "a");
+  (0, import_vobs8.setAttribute)(element, "class", `vobs-kit-tabs__tab${active ? " is-active" : ""}`);
+  (0, import_vobs8.setAttribute)(element, "role", "tab");
+  (0, import_vobs8.setAttribute)(element, "aria-selected", active ? "true" : "false");
   setOptionalAttribute(element, "data-tab-id", tab.id);
-  if (tab.href === void 0) setAttribute(element, "type", "button");
-  else setAttribute(element, "href", tab.href);
+  if (tab.href === void 0) (0, import_vobs8.setAttribute)(element, "type", "button");
+  else (0, import_vobs8.setAttribute)(element, "href", tab.href);
   if (tab.disabled === true) {
-    setAttribute(element, "aria-disabled", "true");
-    setProperty(element, "tabIndex", -1);
-    if (tab.href === void 0) setProperty(element, "disabled", true);
+    (0, import_vobs8.setAttribute)(element, "aria-disabled", "true");
+    (0, import_vobs8.setProperty)(element, "tabIndex", -1);
+    if (tab.href === void 0) (0, import_vobs8.setProperty)(element, "disabled", true);
   }
   if (tab.icon !== void 0) {
-    const icon = createElement("span");
-    setAttribute(icon, "class", "vobs-kit-tabs__icon");
+    const icon = (0, import_vobs8.createElement)("span");
+    (0, import_vobs8.setAttribute)(icon, "class", "vobs-kit-tabs__icon");
     mountSlot(icon, tab, "icon");
-    insertBefore(element, icon, null);
+    (0, import_vobs8.insertBefore)(element, icon, null);
   }
-  const label = createElement("span");
-  setAttribute(label, "class", "vobs-kit-tabs__label");
-  insertBefore(label, createText(tab.label), null);
-  insertBefore(element, label, null);
+  const label = (0, import_vobs8.createElement)("span");
+  (0, import_vobs8.setAttribute)(label, "class", "vobs-kit-tabs__label");
+  (0, import_vobs8.insertBefore)(label, (0, import_vobs8.createText)(tab.label), null);
+  (0, import_vobs8.insertBefore)(element, label, null);
   const closable = readProp(props, "closable", false) || tab.closable === true;
   if (closable) {
-    const close = createElement("button");
-    setAttribute(close, "class", "vobs-kit-tabs__close");
-    setAttribute(close, "type", "button");
-    setAttribute(close, "aria-label", `Close ${tab.label}`);
-    insertBefore(close, createText("x"), null);
-    addEventListener(close, "click", (event) => {
+    const close = (0, import_vobs8.createElement)("button");
+    (0, import_vobs8.setAttribute)(close, "class", "vobs-kit-tabs__close");
+    (0, import_vobs8.setAttribute)(close, "type", "button");
+    (0, import_vobs8.setAttribute)(close, "aria-label", `Close ${tab.label}`);
+    (0, import_vobs8.insertBefore)(close, (0, import_vobs8.createText)("x"), null);
+    (0, import_vobs8.addEventListener)(close, "click", (event) => {
       event.stopPropagation?.();
       const handler = readProp(props, "onClose", void 0);
       if (typeof handler === "function") handler(tab);
     });
-    insertBefore(element, close, null);
+    (0, import_vobs8.insertBefore)(element, close, null);
   }
-  addEventListener(element, "click", (event) => {
+  (0, import_vobs8.addEventListener)(element, "click", (event) => {
     if (tab.disabled === true) {
       event.preventDefault?.();
       return;
@@ -1641,17 +903,18 @@ function isControlled(props) {
   return readProp(props, "activeKey", void 0) !== void 0 || readProp(props, "value", void 0) !== void 0;
 }
 __name(isControlled, "isControlled");
-
-exports.DEFAULT_MOBILE_BREAKPOINT = DEFAULT_MOBILE_BREAKPOINT;
-exports.KIT_LAYOUT_KEY = KIT_LAYOUT_KEY;
-exports.KitBreadcrumb = KitBreadcrumb;
-exports.KitHeader = KitHeader;
-exports.KitLayout = KitLayout;
-exports.KitMenu = KitMenu;
-exports.KitSidebar = KitSidebar;
-exports.KitTabs = KitTabs;
-exports.createKitViewport = createKitViewport;
-exports.normalizeBreakpoint = normalizeBreakpoint;
-exports.useKitLayout = useKitLayout;
-//# sourceMappingURL=index.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_MOBILE_BREAKPOINT,
+  KIT_LAYOUT_KEY,
+  KitBreadcrumb,
+  KitHeader,
+  KitLayout,
+  KitMenu,
+  KitSidebar,
+  KitTabs,
+  createKitViewport,
+  normalizeBreakpoint,
+  useKitLayout
+});
 //# sourceMappingURL=index.cjs.map