@jasonshimmy/custom-elements-runtime 3.2.0 → 3.2.1

package/dist/hooks-BH-CpUun.js

@@ -1,1474 +0,0 @@
-import { a as m, d as N } from "./logger-BvkEbVM4.js";
-import { m as G, s as X } from "./css-utils-Cg4o1MqY.js";
-function K() {
-  const r = (() => {
-    try {
-      return globalThis.process?.env?.NODE_ENV;
-    } catch {
-      return;
-    }
-  })(), e = (() => {
-    try {
-      if (typeof window > "u")
-        return { vitest: !1, cypress: !1 };
-      const t = window;
-      return {
-        vitest: !!t.__vitest__,
-        cypress: !!t.Cypress
-      };
-    } catch {
-      return { vitest: !1, cypress: !1 };
-    }
-  })();
-  return {
-    isTest: r === "test" || e.vitest || e.cypress,
-    isVitest: e.vitest,
-    isCypress: e.cypress
-  };
-}
-class Z {
-  pendingUpdates = /* @__PURE__ */ new Map();
-  isFlushScheduled = !1;
-  isFlushing = !1;
-  testEnv;
-  lastCleanup = 0;
-  CLEANUP_INTERVAL = 300 * 1e3;
-  // 5 minutes
-  MAX_PENDING_SIZE = 1e4;
-  // Prevent memory bloat
-  // Idle / time-sliced priority support
-  pendingIdleUpdates = /* @__PURE__ */ new Map();
-  idleCallbackHandle = null;
-  constructor() {
-    this.testEnv = K(), this.schedulePeriodicCleanup();
-  }
-  /**
-   * Schedule an update to be executed in the next microtask
-   * Uses component identity to deduplicate multiple render requests for the same component
-   */
-  schedule(e, n) {
-    const t = n || e;
-    this.pendingUpdates.size >= this.MAX_PENDING_SIZE && this.performEmergencyCleanup(), this.pendingUpdates.set(t, e), this.isFlushScheduled || this.scheduleFlush();
-  }
-  /**
-   * Schedule the flush operation based on environment
-   */
-  scheduleFlush() {
-    this.isFlushScheduled = !0, this.testEnv.isTest && !this.isFlushing ? this.flush() : queueMicrotask(() => this.flush());
-  }
-  /**
-   * Execute all pending updates with priority ordering
-   */
-  flush() {
-    if (this.isFlushing)
-      return;
-    this.isFlushing = !0;
-    const e = this.pendingUpdates;
-    this.pendingUpdates = /* @__PURE__ */ new Map(), this.isFlushScheduled = !1;
-    try {
-      for (const n of e.values())
-        try {
-          n();
-        } catch (t) {
-          N("Error in batched update:", t);
-        }
-    } finally {
-      this.isFlushing = !1;
-    }
-  }
-  /**
-   * Force flush any pending DOM updates immediately. This is useful in
-   * test environments or callers that require synchronous guarantees after
-   * state changes. Prefer relying on the scheduler's automatic flush when
-   * possible; use this only when a caller needs to synchronously observe
-   * rendered DOM changes.
-   */
-  flushImmediately() {
-    this.pendingUpdates.size !== 0 && (this.isFlushScheduled = !1, this.flush());
-  }
-  /**
-   * Get the number of pending updates
-   */
-  get pendingCount() {
-    return this.pendingUpdates.size;
-  }
-  /**
-   * Check if there are pending updates
-   */
-  get hasPendingUpdates() {
-    return this.pendingUpdates.size > 0;
-  }
-  /**
-   * Check if currently flushing updates
-   */
-  get isFlushingUpdates() {
-    return this.isFlushing;
-  }
-  /**
-   * Schedule periodic cleanup to prevent memory leaks
-   */
-  schedulePeriodicCleanup() {
-    if (this.testEnv.isTest) return;
-    const e = () => {
-      this.performPeriodicCleanup(), this.testEnv.isTest || setTimeout(e, this.CLEANUP_INTERVAL);
-    };
-    setTimeout(e, this.CLEANUP_INTERVAL);
-  }
-  /**
-   * Perform periodic cleanup of stale entries
-   */
-  performPeriodicCleanup() {
-    const e = Date.now();
-    e - this.lastCleanup < this.CLEANUP_INTERVAL || (this.pendingUpdates.size > 100 && m(
-      `Scheduler has ${this.pendingUpdates.size} pending updates. Consider investigating.`
-    ), this.lastCleanup = e);
-  }
-  /**
-   * Emergency cleanup when pending updates exceed safe limits.
-   * @param queue - The specific map to trim; defaults to the normal queue.
-   */
-  performEmergencyCleanup(e = this.pendingUpdates) {
-    m(
-      "Scheduler emergency cleanup: too many pending updates, clearing oldest entries"
-    );
-    const n = Array.from(e.entries()), t = Math.floor(n.length / 2);
-    for (let s = 0; s < t; s++)
-      e.delete(n[s][0]);
-  }
-  /**
-   * Schedule an update with an explicit priority level.
-   *
-   * - `'immediate'` — Runs synchronously before returning.
-   * - `'normal'`    — Default microtask batching (same as `schedule()`).
-   * - `'idle'`      — Deferred to browser idle time via `requestIdleCallback`
-   *                    with time-slicing to avoid blocking the main thread.
-   *                    Falls back to a 5 ms `setTimeout` when
-   *                    `requestIdleCallback` is unavailable (e.g. Safari < 16).
-   *
-   * @example Defer a low-priority analytics flush
-   * ```ts
-   * scheduleWithPriority(() => flushAnalytics(), 'idle');
-   * ```
-   */
-  scheduleWithPriority(e, n = "normal", t) {
-    if (n === "immediate") {
-      try {
-        e();
-      } catch (o) {
-        N("Error in immediate update:", o);
-      }
-      return;
-    }
-    if (n === "idle") {
-      const o = t ?? e;
-      this.pendingIdleUpdates.size >= this.MAX_PENDING_SIZE && this.performEmergencyCleanup(this.pendingIdleUpdates), this.pendingIdleUpdates.set(o, e), this.scheduleIdleFlush();
-      return;
-    }
-    const s = t ?? e;
-    this.pendingUpdates.size >= this.MAX_PENDING_SIZE && this.performEmergencyCleanup(), this.pendingUpdates.set(s, e), this.isFlushScheduled || (this.isFlushScheduled = !0, queueMicrotask(() => this.flush()));
-  }
-  /**
-   * Schedule a flush of idle-priority updates.
-   * Uses `requestIdleCallback` when available; falls back to a short `setTimeout`.
-   */
-  scheduleIdleFlush() {
-    if (this.idleCallbackHandle === null) {
-      if (this.testEnv.isTest) {
-        this.idleCallbackHandle = setTimeout(() => {
-          this.idleCallbackHandle = null, this.flushIdleUpdates(null);
-        }, 0);
-        return;
-      }
-      if (typeof requestIdleCallback < "u") {
-        const e = requestIdleCallback(
-          (n) => {
-            this.idleCallbackHandle = null, this.flushIdleUpdates(n);
-          },
-          { timeout: 2e3 }
-        );
-        this.idleCallbackHandle = e;
-      } else
-        this.idleCallbackHandle = setTimeout(() => {
-          this.idleCallbackHandle = null;
-          const e = Date.now();
-          this.flushIdleUpdates({
-            timeRemaining: () => Math.max(0, 50 - (Date.now() - e)),
-            didTimeout: !1
-          });
-        }, 5);
-    }
-  }
-  /**
-   * Process pending idle-priority updates in a time-sliced manner.
-   * Yields back to the browser when the deadline's `timeRemaining()` reaches
-   * zero and reschedules any unprocessed work.
-   */
-  flushIdleUpdates(e) {
-    const n = Array.from(this.pendingIdleUpdates.entries());
-    this.pendingIdleUpdates = /* @__PURE__ */ new Map();
-    for (let t = 0; t < n.length; t++) {
-      if (e && !e.didTimeout && e.timeRemaining() <= 0) {
-        for (let s = t; s < n.length; s++)
-          this.pendingIdleUpdates.set(n[s][0], n[s][1]);
-        this.scheduleIdleFlush();
-        return;
-      }
-      try {
-        n[t][1]();
-      } catch (s) {
-        N("Error in idle update:", s);
-      }
-    }
-  }
-}
-const k = new Z();
-function B(r, e) {
-  k.schedule(r, e);
-}
-function ce(r, e = "normal", n) {
-  k.scheduleWithPriority(r, e, n);
-}
-function ue() {
-  k.flushImmediately();
-}
-function le() {
-  return new Promise((r) => {
-    let n = 0;
-    for (; k.hasPendingUpdates && n < 100; )
-      k.flushImmediately(), n++;
-    n >= 100 && m(
-      "[nextTick] Maximum flush iterations reached — possible circular update loop. Check for watchers or computed values that unconditionally mutate reactive state."
-    ), queueMicrotask(r);
-  });
-}
-const H = /* @__PURE__ */ new WeakSet();
-class Y {
-  static cache = /* @__PURE__ */ new WeakMap();
-  static arrayHandlerCache = /* @__PURE__ */ new WeakMap();
-  static objectHandlerCache = /* @__PURE__ */ new WeakMap();
-  /**
-   * Get or create a reactive proxy for an object
-   */
-  static getOrCreateProxy(e, n, t = !1) {
-    const s = this.cache.get(e);
-    if (s)
-      return s;
-    const o = t ? this.getOrCreateArrayHandler(n) : this.getOrCreateObjectHandler(n), i = new Proxy(e, o);
-    try {
-      $.markAsProxy(i);
-    } catch {
-    }
-    return this.cache.set(e, i), i;
-  }
-  /**
-   * Get or create a cached array handler
-   */
-  static getOrCreateArrayHandler(e) {
-    if (!this.arrayHandlerCache.has(e)) {
-      const n = {
-        get: (t, s, o) => {
-          const i = Reflect.get(t, s, o);
-          return typeof i == "function" && typeof s == "string" && [
-            "push",
-            "pop",
-            "shift",
-            "unshift",
-            "splice",
-            "sort",
-            "reverse",
-            "fill",
-            "copyWithin"
-          ].includes(s) ? function(...l) {
-            const c = i.apply(t, l);
-            return e.triggerUpdate(), c;
-          } : i !== null && typeof i == "object" && typeof s == "string" ? e.makeReactiveValue(i) : i;
-        },
-        set: (t, s, o) => (t[s] = e.makeReactiveValue(o), e.triggerUpdate(), !0),
-        deleteProperty: (t, s) => (delete t[s], e.triggerUpdate(), !0)
-      };
-      this.arrayHandlerCache.set(e, n);
-    }
-    return this.arrayHandlerCache.get(e);
-  }
-  /**
-   * Get or create a cached object handler
-   */
-  static getOrCreateObjectHandler(e) {
-    if (!this.objectHandlerCache.has(e)) {
-      const n = {
-        get: (t, s, o) => {
-          const i = Reflect.get(t, s, o);
-          return i !== null && typeof i == "object" && typeof s == "string" ? e.makeReactiveValue(i) : i;
-        },
-        set: (t, s, o) => (t[s] = e.makeReactiveValue(o), e.triggerUpdate(), !0),
-        deleteProperty: (t, s) => (delete t[s], e.triggerUpdate(), !0)
-      };
-      this.objectHandlerCache.set(e, n);
-    }
-    return this.objectHandlerCache.get(e);
-  }
-  /**
-   * Check if an object already has a cached proxy
-   */
-  static hasProxy(e) {
-    return this.cache.has(e);
-  }
-  /**
-   * Clear all cached proxies (useful for testing)
-   */
-  static clear() {
-    this.cache = /* @__PURE__ */ new WeakMap(), this.arrayHandlerCache = /* @__PURE__ */ new WeakMap(), this.objectHandlerCache = /* @__PURE__ */ new WeakMap();
-  }
-  /**
-   * Get cache statistics (for debugging)
-   * Note: WeakMap doesn't provide size, so this is limited
-   */
-  static getStats() {
-    return {
-      hasCachedProxies: this.cache instanceof WeakMap
-    };
-  }
-}
-class $ {
-  // Cache a stable reactiveContext object keyed by onUpdate -> makeReactive
-  // This allows handler caches in ReactiveProxyCache to reuse handlers
-  // for identical reactive contexts instead of creating a new context object
-  // on each createReactiveProxy call.
-  static contextCache = /* @__PURE__ */ new WeakMap();
-  /**
-   * Create an optimized reactive proxy with minimal overhead
-   */
-  static createReactiveProxy(e, n, t) {
-    try {
-      if (H.has(e)) return e;
-    } catch {
-    }
-    const s = Array.isArray(e);
-    let o = this.contextCache.get(n);
-    o || (o = /* @__PURE__ */ new WeakMap(), this.contextCache.set(n, o));
-    let i = o.get(t);
-    return i || (i = {
-      triggerUpdate: n,
-      makeReactiveValue: t
-    }, o.set(t, i)), Y.getOrCreateProxy(e, i, s);
-  }
-  /**
-   * Mark an object as a proxy (for optimization)
-   */
-  static markAsProxy(e) {
-    if (e)
-      try {
-        H.add(e);
-      } catch {
-      }
-  }
-}
-let T = !1;
-function g() {
-  return T;
-}
-function de() {
-  T && m(
-    "[CER] beginDiscoveryRender() called while a discovery render is already active. This usually means a component was registered inside another component's render function. Ensure component() calls are at module top-level."
-  ), T = !0;
-}
-function fe() {
-  T = !1;
-}
-let J = 0;
-function A(r) {
-  return `${r}-${++J}`;
-}
-class Q {
-  // Use a stack to support nested callers (component render -> watcher)
-  // so that watchers can temporarily become the "current component" while
-  // establishing dependencies without clobbering the outer component id.
-  currentComponentStack = [];
-  // Consolidated component data: stores dependencies, render function, state index, and last warning time
-  componentData = /* @__PURE__ */ new Map();
-  // Flat storage: compound key `${componentId}:${stateIndex}` -> ReactiveState
-  stateStorage = /* @__PURE__ */ new Map();
-  trackingDisabled = !1;
-  /**
-   * Set the current component being rendered for dependency tracking
-   */
-  setCurrentComponent(e, n) {
-    if (this.currentComponentStack.push(e), !this.componentData.has(e))
-      this.componentData.set(e, {
-        dependencies: /* @__PURE__ */ new Set(),
-        renderFn: n,
-        stateIndex: 0,
-        lastWarnTime: 0,
-        watchers: /* @__PURE__ */ new Map()
-      });
-    else {
-      const t = this.componentData.get(e);
-      if (t.watchers && t.watchers.size) {
-        for (const s of t.watchers.values())
-          try {
-            this.cleanup(s);
-          } catch {
-          }
-        t.watchers.clear();
-      }
-      t.renderFn = n, t.stateIndex = 0;
-    }
-  }
-  /**
-   * Clear the current component after rendering
-   */
-  clearCurrentComponent() {
-    this.currentComponentStack.pop();
-  }
-  /**
-   * Get the current component id (top of stack) or null
-   */
-  getCurrentComponentId() {
-    return this.currentComponentStack.length ? this.currentComponentStack[this.currentComponentStack.length - 1] : null;
-  }
-  /**
-   * Register a watcher id under a component so it can be cleaned up on re-render
-   */
-  registerWatcher(e, n) {
-    const t = this.componentData.get(e);
-    t && t.watchers.set(n, n);
-  }
-  /**
-   * Temporarily disable dependency tracking
-   */
-  disableTracking() {
-    this.trackingDisabled = !0;
-  }
-  /**
-   * Re-enable dependency tracking
-   */
-  enableTracking() {
-    this.trackingDisabled = !1;
-  }
-  /**
-   * Check if a component is currently rendering
-   */
-  isRenderingComponent() {
-    return this.currentComponentStack.length > 0;
-  }
-  /**
-   * Return whether we should emit a render-time warning for the current component.
-   * This throttles warnings to avoid spamming the console for legitimate rapid updates.
-   */
-  shouldEmitRenderWarning() {
-    const e = this.currentComponentStack.length ? this.currentComponentStack[this.currentComponentStack.length - 1] : null;
-    if (!e) return !0;
-    const n = this.componentData.get(e);
-    if (!n) return !0;
-    const t = Date.now();
-    return t - n.lastWarnTime < 1e3 ? !1 : (n.lastWarnTime = t, !0);
-  }
-  /**
-   * Execute a function with tracking disabled
-   */
-  withoutTracking(e) {
-    const n = this.trackingDisabled;
-    this.trackingDisabled = !0;
-    try {
-      return e();
-    } finally {
-      this.trackingDisabled = n;
-    }
-  }
-  /**
-   * Get or create a state instance for the current component
-   */
-  getOrCreateState(e) {
-    const n = this.currentComponentStack.length ? this.currentComponentStack[this.currentComponentStack.length - 1] : null;
-    if (!n)
-      return new x(e);
-    const t = this.componentData.get(n);
-    if (!t)
-      return new x(e);
-    const s = `${n}:${t.stateIndex++}`;
-    let o = this.stateStorage.get(s);
-    return o || (o = new x(e), this.stateStorage.set(s, o)), o;
-  }
-  /**
-   * Track a dependency for the current component
-   */
-  trackDependency(e) {
-    if (this.trackingDisabled) return;
-    const n = this.currentComponentStack.length ? this.currentComponentStack[this.currentComponentStack.length - 1] : null;
-    if (!n) return;
-    const t = this.componentData.get(n);
-    t && (t.dependencies.add(e), e.addDependent(n));
-  }
-  /**
-   * Re-register all reactive dependencies that `fromId` tracks into the
-   * currently-active (outer) component context.
-   *
-   * Used by `computed()` to forward its dep-set to the consuming component
-   * without re-executing the getter function a second time.
-   */
-  propagateDependencies(e) {
-    if (this.trackingDisabled) return;
-    const n = this.currentComponentStack.length ? this.currentComponentStack[this.currentComponentStack.length - 1] : null;
-    if (!n || n === e) return;
-    const t = this.componentData.get(e);
-    if (!t) return;
-    const s = this.componentData.get(n);
-    if (s)
-      for (const o of t.dependencies)
-        s.dependencies.add(o), o.addDependent(n);
-  }
-  /**
-   * Trigger updates for all components that depend on a state
-   */
-  triggerUpdate(e) {
-    const n = e.getDependents();
-    for (const t of n) {
-      const s = this.componentData.get(t);
-      s && B(s.renderFn, t);
-    }
-  }
-  /**
-   * Clean up component dependencies when component is destroyed
-   */
-  cleanup(e) {
-    const n = this.componentData.get(e);
-    if (n) {
-      for (const s of n.dependencies)
-        s.removeDependent(e);
-      this.componentData.delete(e);
-    }
-    const t = e + ":";
-    for (const s of this.stateStorage.keys())
-      s.startsWith(t) && this.stateStorage.delete(s);
-  }
-}
-const d = new Q();
-class x {
-  _value;
-  /** The unwrapped value last assigned — used for Object.is equality checks. */
-  _rawValue;
-  dependents = /* @__PURE__ */ new Set();
-  constructor(e) {
-    this._rawValue = e, this._value = this.makeReactive(e);
-    try {
-      Object.defineProperty(this, /* @__PURE__ */ Symbol.for("@cer/ReactiveState"), {
-        value: !0,
-        enumerable: !1,
-        configurable: !1
-      });
-    } catch {
-    }
-  }
-  get value() {
-    return d.trackDependency(this), this._value;
-  }
-  set value(e) {
-    Object.is(e, this._rawValue) || (d.isRenderingComponent() && d.shouldEmitRenderWarning() && m(
-      `🚨 State modification detected during render! This can cause infinite loops.
-  • Move state updates to event handlers
-  • Use watchEffect/watch for side effects
-  • Ensure computed properties don't modify state`
-    ), this._rawValue = e, this._value = this.makeReactive(e), d.triggerUpdate(this));
-  }
-  /**
-   * Read the current value without registering a reactive dependency.
-   * Useful for internal infrastructure (e.g. stable hook slots) that must
-   * inspect the stored value without re-triggering the containing component.
-   * @internal
-   */
-  peek() {
-    return this._value;
-  }
-  /**
-   * Set the initial value without triggering any reactive updates or warnings.
-   * Only intended for internal/infrastructure use (e.g. storing a stable hook
-   * handle in a reactive slot without causing a spurious re-render).
-   * The value is stored as-is without reactive proxy wrapping so that opaque
-   * objects (e.g. TeleportHandle) are not accidentally instrumented.
-   * @internal
-   */
-  initSilent(e) {
-    this._rawValue = e, this._value = e;
-  }
-  addDependent(e) {
-    this.dependents.add(e);
-  }
-  removeDependent(e) {
-    this.dependents.delete(e);
-  }
-  getDependents() {
-    return this.dependents;
-  }
-  makeReactive(e) {
-    return e === null || typeof e != "object" || typeof Node < "u" && e instanceof Node || typeof Element < "u" && e instanceof Element || typeof HTMLElement < "u" && e instanceof HTMLElement ? e : $.createReactiveProxy(
-      e,
-      () => d.triggerUpdate(this),
-      (n) => this.makeReactive(n)
-    );
-  }
-}
-function he(r) {
-  return d.getOrCreateState(
-    r === void 0 ? null : r
-  );
-}
-function b(r) {
-  if (!r || typeof r != "object") return !1;
-  try {
-    const e = /* @__PURE__ */ Symbol.for("@cer/ReactiveState");
-    return Object.prototype.hasOwnProperty.call(r, e);
-  } catch {
-    return !1;
-  }
-}
-function pe(r) {
-  let e, n = !0;
-  const t = A("computed"), s = () => {
-    n = !0;
-  };
-  try {
-    const o = d.getCurrentComponentId();
-    o && d.registerWatcher(o, t);
-  } catch {
-  }
-  return d.setCurrentComponent(t, s), e = r(), d.clearCurrentComponent(), n = !1, {
-    get value() {
-      return n && (d.setCurrentComponent(t, s), e = r(), d.clearCurrentComponent(), n = !1), d.propagateDependencies(t), e;
-    }
-  };
-}
-function ge(r) {
-  if (g()) return () => {
-  };
-  const e = A("effect");
-  try {
-    const t = d.getCurrentComponentId();
-    t && d.registerWatcher(t, e);
-  } catch {
-  }
-  const n = () => {
-    d.setCurrentComponent(e, n);
-    try {
-      r();
-    } finally {
-      d.clearCurrentComponent();
-    }
-  };
-  return n(), () => {
-    d.cleanup(e);
-  };
-}
-const I = 50;
-function D(r, e = /* @__PURE__ */ new WeakMap(), n = 0) {
-  if (r === null || typeof r != "object") return r;
-  const t = r;
-  if (e.has(t)) return e.get(t);
-  if (n > I)
-    return m(
-      `[watch] Deep clone exceeded ${I} nesting levels. Returning a reference at this depth instead of cloning further. Consider restructuring your state or switching to a shallow watch.`
-    ), r;
-  if (typeof Node < "u" && t instanceof Node) return r;
-  if (t instanceof Date) return new Date(t.getTime());
-  if (Array.isArray(t)) {
-    const o = [];
-    e.set(t, o);
-    for (let i = 0; i < t.length; i++)
-      o.push(D(t[i], e, n + 1));
-    return o;
-  }
-  const s = {};
-  e.set(t, s);
-  for (const o of Object.keys(t))
-    try {
-      s[o] = D(
-        t[o],
-        e,
-        n + 1
-      );
-    } catch {
-    }
-  return s;
-}
-function me(r, e, n) {
-  if (g()) return () => {
-  };
-  let t;
-  const s = b(r) ? () => r.value : r, o = A("watch");
-  try {
-    const a = d.getCurrentComponentId();
-    a && d.registerWatcher(a, o);
-  } catch {
-  }
-  const i = () => {
-    d.setCurrentComponent(o, i);
-    const a = s();
-    if (d.clearCurrentComponent(), n?.deep) {
-      const l = d.withoutTracking(
-        () => D(a)
-      );
-      e(l, t), t = l;
-    } else a !== t && (e(a, t), t = a);
-  };
-  return d.setCurrentComponent(o, i), t = s(), d.clearCurrentComponent(), n?.deep && (t = d.withoutTracking(() => D(t))), n && n.immediate && e(t, void 0), () => {
-    d.cleanup(o);
-  };
-}
-const ye = (r) => {
-  try {
-    r();
-  } catch {
-  }
-}, _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), O = 500;
-let E, V, j = !1, L = !1, U;
-const ee = !!globalThis.process?.versions?.node;
-function te(r) {
-  if (_.has(r))
-    return _.get(r);
-  const e = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-  return _.size < O && _.set(r, e), e;
-}
-function F(r) {
-  if (v.has(r))
-    return v.get(r);
-  const e = r.replace(/-([a-z])/g, (n, t) => t.toUpperCase());
-  return v.size < O && v.set(r, e), e;
-}
-function be(r) {
-  if (typeof r == "string") {
-    if (M.has(r))
-      return M.get(r);
-    const e = r.replace(
-      /[&<>"']/g,
-      (n) => ({
-        "&": "&amp;",
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#39;"
-      })[n]
-    );
-    return e !== r && M.size < O && M.set(r, e), e;
-  }
-  return r;
-}
-function y(r) {
-  if (!r) return "";
-  const e = String(r);
-  if (typeof document < "u" && typeof document.createElement == "function") {
-    const a = e.replace(/</g, "").replace(/>/g, ""), l = U || (U = document.createElement("div"));
-    try {
-      y._el = l;
-    } catch {
-    }
-    return l.innerHTML = a, (l.textContent || "").replace(new RegExp("", "g"), "<").replace(new RegExp("", "g"), ">");
-  }
-  const n = {
-    lt: "<",
-    gt: ">",
-    amp: "&",
-    quot: '"',
-    apos: "'",
-    nbsp: " "
-  }, t = E ?? y._namedMap;
-  let s = t;
-  if (!s && ee)
-    try {
-      const o = globalThis.require;
-      if (typeof o == "function") {
-        const i = [
-          "@jasonshimmy/custom-elements-runtime/entities.json",
-          // installed package export
-          "../../entities.json",
-          // dist/runtime -> ../../entities.json
-          "../../../entities.json",
-          // src/lib/runtime -> ../../../entities.json
-          "../entities.json",
-          "./entities.json"
-        ];
-        for (const a of i)
-          try {
-            const l = o(a);
-            if (l && typeof l == "object") {
-              s = l;
-              break;
-            }
-          } catch {
-          }
-      }
-    } catch {
-    }
-  if (!s) {
-    s = n, j = !0;
-    try {
-      y._usedFallback = !0;
-    } catch {
-    }
-    const o = y._namedMapLoader ?? V;
-    o && o().then((i) => {
-      E = i;
-      try {
-        y._namedMap = i;
-      } catch {
-      }
-    }).catch(() => {
-    });
-  }
-  if ((j || y._usedFallback) && !(L || y._warnedFallback)) {
-    L = !0;
-    try {
-      y._warnedFallback = !0;
-    } catch {
-    }
-    try {
-      m(
-        "decodeEntities: using small SSR fallback entity map. Register the full entities.json via registerEntityMap(entities) on the server to enable full HTML5 named-entity decoding."
-      );
-    } catch {
-    }
-  }
-  return e.replace(/&(#x?[0-9a-fA-F]+|[a-zA-Z]+);/g, (o, i) => {
-    if (i.charCodeAt(0) === 35) {
-      const c = (i.charAt(1) || "").toLowerCase() === "x" ? parseInt(i.slice(2), 16) : parseInt(i.slice(1), 10);
-      return Number.isNaN(c) ? `&${i};` : String.fromCodePoint(c);
-    }
-    const a = s[i] ?? (t && t[i]);
-    return a !== void 0 ? a : `&${i};`;
-  });
-}
-async function z() {
-  const r = [
-    "@jasonshimmy",
-    "custom-elements-runtime",
-    "entities.json"
-  ].join("/");
-  try {
-    const e = await import(
-      /* @vite-ignore */
-      r
-    );
-    return e && (e.default || e);
-  } catch {
-    try {
-      const e = [
-        r,
-        // try package export via dynamic import too (best for installed packages)
-        "./entities.json",
-        "../../entities.json",
-        "../../../entities.json"
-      ];
-      for (const n of e)
-        try {
-          const t = await import(
-            /* @vite-ignore */
-            n
-          );
-          if (t)
-            return t && (t.default || t);
-        } catch {
-        }
-      return {
-        lt: "<",
-        gt: ">",
-        amp: "&",
-        quot: '"',
-        apos: "'",
-        nbsp: " "
-      };
-    } catch {
-      return {
-        lt: "<",
-        gt: ">",
-        amp: "&",
-        quot: '"',
-        apos: "'",
-        nbsp: " "
-      };
-    }
-  }
-}
-V = z;
-y._namedMapLoader = z;
-function Ce(r, e) {
-  !r || typeof r != "object" || E && !e?.overwrite || (E = r);
-}
-function we() {
-  E = void 0;
-}
-function Se(r) {
-  const e = String(r);
-  return { __unsafeHTML: e, __rawHTML: e };
-}
-function ke(r) {
-  return !!r && (typeof r.__unsafeHTML == "string" || typeof r.__rawHTML == "string");
-}
-function Ee(r, e) {
-  if (typeof e == "string") {
-    if (e === "") return;
-    const n = e.split(".");
-    let t = r;
-    for (const s of n) {
-      if (t == null || typeof t != "object") {
-        t = void 0;
-        break;
-      }
-      t = t[s];
-    }
-    return b(t) ? t.value : t;
-  }
-  return e;
-}
-function _e(r, e, n) {
-  const t = String(e).split("."), s = t.pop();
-  if (!s) return;
-  const o = t.reduce(
-    (i, a) => (i[a] == null && (i[a] = {}), i[a]),
-    r
-  );
-  b(o[s]) ? o[s].value = n : o[s] = n;
-}
-function ne(r) {
-  try {
-    if (r && typeof r == "object") {
-      if (b(r)) return r.value;
-      if ("value" in r) {
-        const e = r.value;
-        return e == null || typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? e : r;
-      }
-    }
-  } catch {
-  }
-  return r;
-}
-function ve(r) {
-  const e = ne(r);
-  if (e == null) return null;
-  const n = typeof e;
-  return n === "string" || n === "number" || n === "boolean" ? String(e) : null;
-}
-function Me(r) {
-  if (!r || typeof r != "string") return !1;
-  if (r === "class" || r.endsWith("Class")) return !0;
-  if (r.includes("-"))
-    try {
-      if (r.split("-").some((n) => n === "class")) return !0;
-    } catch {
-    }
-  return !1;
-}
-let C = null;
-function Ne() {
-  if (C !== null)
-    throw new Error(
-      "[CER] Concurrent SSR render detected: beginSSRGlobalStyleCollection() called while a collection is already active. For concurrent request handling, use worker threads or multiple Node.js processes."
-    );
-  C = [];
-}
-function Te() {
-  const r = C ?? [];
-  return C = null, r;
-}
-function re(r) {
-  return C !== null ? (r && !C.includes(r) && C.push(r), !0) : !1;
-}
-let se = 0;
-function De(r, e, n = "unknown", t) {
-  const s = {};
-  for (const [h, p] of Object.entries(e ?? {}))
-    s[F(h)] = p;
-  const o = {
-    getAttribute(h) {
-      const p = F(h);
-      if (s[p] !== void 0 && s[p] !== null)
-        return String(s[p]);
-      const f = (e ?? {})[h];
-      return f != null ? String(f) : null;
-    },
-    hasAttribute(h) {
-      return this.getAttribute(h) !== null;
-    },
-    // shadowRoot must be null so useJITCSS() doesn't try to registerJITCSSComponent
-    shadowRoot: null,
-    tagName: "",
-    parentElement: null
-  }, i = {
-    ...s,
-    // Unique ID per SSR render prevents the reactive system's stateStorage from
-    // returning cached ref/computed values from a previous request. Using a
-    // monotonic counter is cheaper than crypto.randomUUID() and avoids the
-    // Node.js version compatibility concern noted in the original comment.
-    _componentId: `cer-ssr-${Object.keys(s).join("-") || "root"}-${++se}`,
-    requestRender: () => {
-    },
-    _requestRender: () => {
-    },
-    emit: () => !0,
-    refs: {}
-  };
-  Object.defineProperty(i, "_host", {
-    value: o,
-    writable: !0,
-    enumerable: !1,
-    configurable: !0
-  }), t !== void 0 && Object.defineProperty(i, "_router", {
-    value: t,
-    writable: !1,
-    enumerable: !1,
-    configurable: !0
-  }), R(i);
-  let a = null, l;
-  try {
-    const h = r.render(
-      i
-    );
-    h instanceof Promise ? l = h : a = h;
-  } catch (h) {
-    m(
-      `[SSR] Component "${n}" threw during SSR render. The shadow DOM will be empty. Error:`,
-      h
-    );
-  } finally {
-    q();
-  }
-  const c = String(
-    i._computedStyle ?? ""
-  );
-  return { shadowVNode: a, useStyleCSS: c, asyncPromise: l };
-}
-function xe() {
-  return g();
-}
-let u = null;
-const S = /* @__PURE__ */ Symbol("cer:provides");
-function R(r) {
-  u = r;
-}
-function q() {
-  u = null;
-}
-function Re() {
-  return u;
-}
-function Ae() {
-  if (!u)
-    throw new Error("useEmit must be called during component render");
-  if (g())
-    return () => !1;
-  const r = u.emit;
-  if (typeof r != "function")
-    throw new Error(
-      "useEmit requires an emit function on the component context"
-    );
-  const e = r;
-  return (n, t, s) => e(n, t, s);
-}
-function w(r) {
-  r._hookCallbacks || Object.defineProperty(r, "_hookCallbacks", {
-    value: {},
-    writable: !0,
-    enumerable: !1,
-    configurable: !0
-  });
-}
-function Oe(r) {
-  if (!u)
-    throw new Error("useOnConnected must be called during component render");
-  if (g()) return;
-  w(u);
-  const e = u._hookCallbacks;
-  e.onConnected || (e.onConnected = []), e.onConnected.push(r);
-}
-function Pe(r) {
-  if (!u)
-    throw new Error("useOnDisconnected must be called during component render");
-  if (g()) return;
-  w(u);
-  const e = u._hookCallbacks;
-  e.onDisconnected || (e.onDisconnected = []), e.onDisconnected.push(r);
-}
-function He(r) {
-  if (!u)
-    throw new Error(
-      "useOnAttributeChanged must be called during component render"
-    );
-  if (g()) return;
-  w(u);
-  const e = u._hookCallbacks;
-  e.onAttributeChanged || (e.onAttributeChanged = []), e.onAttributeChanged.push(r);
-}
-function Ie(r) {
-  if (!u)
-    throw new Error("useOnError must be called during component render");
-  if (g()) return;
-  w(u);
-  const e = u._hookCallbacks;
-  e.onError || (e.onError = []), e.onError.push((n) => {
-    try {
-      n instanceof Error ? r(n) : r(new Error(String(n)));
-    } catch (t) {
-      N("[useOnError] The error handler itself threw an exception:", t);
-    }
-  });
-}
-function oe(r) {
-  if (!u)
-    throw new Error("useProps must be called during component render");
-  w(u);
-  const e = u._hookCallbacks;
-  e.props = {
-    ...e.props || {},
-    ...r
-  };
-  const n = u;
-  try {
-    const s = Object.keys(r || {});
-    for (const o of s) {
-      if (typeof o != "string" || o.startsWith("_")) continue;
-      const i = Object.getOwnPropertyDescriptor(n, o);
-      if (!(i && !i.configurable))
-        try {
-          let l = Object.prototype.hasOwnProperty.call(n, o) ? n[o] : void 0;
-          Object.defineProperty(n, o, {
-            configurable: !0,
-            enumerable: !0,
-            get() {
-              try {
-                const c = n && n._host;
-                if (c) {
-                  const h = te(o), p = c.getAttribute(h);
-                  if (p !== null) {
-                    const f = typeof r[o];
-                    return f === "boolean" ? p === "" || p === "true" : f === "number" ? Number(p) : p;
-                  }
-                  if (typeof c[o] < "u") {
-                    const f = c[o];
-                    if (b(f) || f && typeof f == "object" && "value" in f && !(typeof Node < "u" && f instanceof Node))
-                      return f.value;
-                    const P = typeof r[o];
-                    if (!(P === "string" && f && typeof f == "object"))
-                      return P === "boolean" && typeof f == "string" ? f === "" || f === "true" : f;
-                  }
-                }
-              } catch {
-              }
-              return l;
-            },
-            set(c) {
-              l = c;
-            }
-          });
-        } catch {
-        }
-    }
-  } catch {
-  }
-  return new Proxy({}, {
-    get(s, o) {
-      if (typeof o != "string") return;
-      const i = r[o];
-      try {
-        const l = n && n._host;
-        if (l) {
-          if (typeof HTMLElement < "u" && l instanceof HTMLElement || typeof l.getAttribute == "function" && typeof l.hasAttribute == "function") {
-            const h = o.replace(/([A-Z])/g, "-$1").toLowerCase(), p = l.getAttribute(h);
-            if (p !== null)
-              return typeof i == "boolean" ? p === "" || p === "true" : typeof i == "number" ? Number(p) : p;
-          }
-          const c = l[o];
-          if (typeof c < "u" && c !== "") {
-            const h = c && typeof c == "object" && "value" in c && !(typeof Node < "u" && c instanceof Node);
-            if (!(typeof i == "string" && c && typeof c == "object" && !h && !b(c)))
-              return typeof i == "boolean" && i === !1 && c === "" ? i : b(c) || h ? c.value : typeof i == "boolean" && typeof c == "string" ? c === "" || c === "true" : typeof i == "number" && typeof c == "string" && !Number.isNaN(Number(c)) ? Number(c) : c;
-          }
-        }
-      } catch {
-      }
-      const a = n[o];
-      return typeof i == "boolean" && a === "" ? i === !1 ? i : !0 : b(a) || a && typeof a == "object" && "value" in a && !(typeof Node < "u" && a instanceof Node) ? a.value : a != null && a !== "" ? typeof i == "boolean" && typeof a == "string" ? a === "true" : typeof i == "number" && typeof a == "string" && !Number.isNaN(Number(a)) ? Number(a) : a : i;
-    },
-    has(s, o) {
-      return typeof o == "string" && (o in n || o in r);
-    },
-    ownKeys() {
-      return Array.from(
-        /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(n || {})])
-      );
-    },
-    getOwnPropertyDescriptor() {
-      return { configurable: !0, enumerable: !0 };
-    }
-  });
-}
-function je(r) {
-  if (!u)
-    throw new Error("useStyle must be called during component render");
-  if (!g()) {
-    w(u);
-    try {
-      const e = r();
-      Object.defineProperty(u, "_computedStyle", {
-        value: e,
-        writable: !0,
-        enumerable: !1,
-        configurable: !0
-      });
-    } catch (e) {
-      m("Error in useStyle callback:", e), Object.defineProperty(u, "_computedStyle", {
-        value: "",
-        writable: !0,
-        enumerable: !1,
-        configurable: !0
-      });
-    }
-  }
-}
-const W = /* @__PURE__ */ new Map();
-function Le(r) {
-  let e;
-  try {
-    e = r();
-  } catch {
-    return;
-  }
-  if (re(e) || typeof document > "u" || typeof CSSStyleSheet > "u")
-    return;
-  m(
-    "[useGlobalStyle] Injecting global styles from a component. This escapes Shadow DOM encapsulation — use sparingly."
-  );
-  const n = G(X(e));
-  if (!(!n || W.has(n)))
-    try {
-      const t = new CSSStyleSheet();
-      t.replaceSync(n), document.adoptedStyleSheets = [...document.adoptedStyleSheets, t], W.set(n, t);
-    } catch {
-      const t = document.createElement("style");
-      t.textContent = n, (document.head ?? document.documentElement).appendChild(t);
-    }
-}
-function Ue(r) {
-  if (!u)
-    throw new Error("useDesignTokens must be called during component render");
-  if (g()) return;
-  const e = [], n = {
-    primary: "--cer-color-primary-500",
-    secondary: "--cer-color-secondary-500",
-    neutral: "--cer-color-neutral-500",
-    success: "--cer-color-success-500",
-    info: "--cer-color-info-500",
-    warning: "--cer-color-warning-500",
-    error: "--cer-color-error-500"
-  }, t = {
-    fontSans: "--cer-font-sans",
-    fontSerif: "--cer-font-serif",
-    fontMono: "--cer-font-mono"
-  };
-  for (const [l, c] of Object.entries(r))
-    c !== void 0 && (l in n ? e.push(`${n[l]}:${c}`) : l in t ? e.push(`${t[l]}:${c}`) : l.startsWith("--") && e.push(`${l}:${c}`));
-  if (e.length === 0) return;
-  const s = `:host{${e.join(";")}}`, i = u._computedStyle ?? "", a = i ? `${i}
-${s}` : s;
-  Object.defineProperty(u, "_computedStyle", {
-    value: a,
-    writable: !0,
-    enumerable: !1,
-    configurable: !0
-  });
-}
-function Fe(r, e) {
-  if (!u)
-    throw new Error("provide must be called during component render");
-  if (g()) return;
-  const n = u;
-  n[S] || Object.defineProperty(n, S, {
-    value: /* @__PURE__ */ new Map(),
-    writable: !1,
-    enumerable: !1,
-    configurable: !0
-  }), n[S].set(r, e);
-}
-function We(r, e) {
-  if (!u)
-    throw new Error("inject must be called during component render");
-  if (g()) return e;
-  try {
-    const n = u._host;
-    if (n) {
-      let t = n.parentNode;
-      t || (t = n.getRootNode());
-      let s = 0;
-      const o = 50;
-      for (; t && s < o; )
-        if (s++, typeof ShadowRoot < "u" && t instanceof ShadowRoot) {
-          const i = t.host, a = i.context;
-          if (a) {
-            const c = a[S];
-            if (c?.has(r))
-              return c.get(r);
-          }
-          if (t = i.parentNode ?? i.getRootNode(), t === document || t === i) break;
-        } else {
-          if (typeof Element < "u" && t instanceof Element) {
-            const l = t.context;
-            if (l) {
-              const c = l[S];
-              if (c?.has(r))
-                return c.get(r);
-            }
-          }
-          const i = t;
-          if (t = t.parentNode ?? t.getRootNode?.(), t === document || t === i) break;
-        }
-    }
-  } catch {
-  }
-  return e;
-}
-function $e(r) {
-  return (e) => {
-    const n = e ?? u;
-    if (!n)
-      throw new Error(
-        "createComposable: no component context available. Pass a context explicitly or call inside a render function."
-      );
-    const t = u;
-    R(n);
-    try {
-      return r();
-    } finally {
-      t ? R(t) : q();
-    }
-  };
-}
-function Ve(r) {
-  if (!u)
-    throw new Error("useExpose must be called during component render");
-  if (g()) return;
-  w(u);
-  const e = u._hookCallbacks;
-  e.expose = { ...e.expose ?? {}, ...r };
-  const n = u._host;
-  if (n)
-    for (const [t, s] of Object.entries(r))
-      try {
-        n[t] = s;
-      } catch {
-      }
-}
-function ze() {
-  if (!u)
-    throw new Error("useSlots must be called during component render");
-  if (g())
-    return { has: () => !1, getNodes: () => [], names: () => [] };
-  const r = u._host, e = () => {
-    const n = /* @__PURE__ */ new Map();
-    if (!r) return n;
-    for (const t of r.children) {
-      const s = t.getAttribute("slot") ?? "default", o = n.get(s);
-      o ? o.push(t) : n.set(s, [t]);
-    }
-    return n;
-  };
-  return {
-    /**
-     * Returns true if the named slot (or the default slot when name is
-     * omitted) has at least one slotted child element.
-     */
-    has(n) {
-      if (!r) return !1;
-      const t = !n || n === "default" ? "default" : n, s = e().get(t);
-      return s !== void 0 && s.length > 0;
-    },
-    /**
-     * Returns all child elements assigned to the named slot (or the default
-     * slot when name is omitted).
-     */
-    getNodes(n) {
-      if (!r) return [];
-      const t = !n || n === "default" ? "default" : n;
-      return e().get(t) ?? [];
-    },
-    /** Returns the names of all slots that have content, including 'default'. */
-    names() {
-      return r ? Array.from(e().keys()) : [];
-    }
-  };
-}
-function qe(...r) {
-  if (!u)
-    throw new Error("defineModel must be called during component render");
-  const e = r.length === 2 ? r[0] : "modelValue", n = r.length === 2 ? r[1] : r.length === 1 ? r[0] : void 0, t = oe({
-    [e]: n
-  }), o = g() ? null : (() => {
-    const a = u.emit;
-    return typeof a != "function" ? null : a;
-  })(), i = {
-    get value() {
-      return t[e];
-    },
-    set value(a) {
-      o && o(`update:${e}`, a);
-    }
-  };
-  try {
-    Object.defineProperty(i, /* @__PURE__ */ Symbol.for("@cer/ReactiveState"), {
-      value: !0,
-      enumerable: !1,
-      configurable: !1
-    });
-  } catch {
-  }
-  return i;
-}
-export {
-  me as A,
-  ge as B,
-  Ee as C,
-  te as D,
-  _e as E,
-  ye as F,
-  ve as G,
-  F as H,
-  Me as I,
-  K as J,
-  B as K,
-  R as L,
-  de as M,
-  fe as N,
-  q as O,
-  ke as P,
-  g as Q,
-  x as R,
-  be as S,
-  De as T,
-  Ne as U,
-  Te as V,
-  we as W,
-  z as X,
-  Ce as Y,
-  Ve as a,
-  oe as b,
-  d as c,
-  pe as d,
-  $e as e,
-  y as f,
-  Re as g,
-  qe as h,
-  xe as i,
-  ue as j,
-  We as k,
-  b as l,
-  Se as m,
-  le as n,
-  Ue as o,
-  Fe as p,
-  Ae as q,
-  he as r,
-  ce as s,
-  Le as t,
-  Ie as u,
-  He as v,
-  Oe as w,
-  Pe as x,
-  ze as y,
-  je as z
-};
-//# sourceMappingURL=hooks-BH-CpUun.js.map