@sylwellsoftware/fray 0.3.0 → 0.5.0

package/dist/{jsx-dev-runtime-DukiDpV9.js → jsx-dev-runtime-pzseD2Sz.js}

@@ -1,7 +1,7 @@
-var ue = Object.defineProperty;
-var ce = (e, t, n) => t in e ? ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var u = (e, t, n) => ce(e, typeof t != "symbol" ? t + "" : t, n);
-const I = {
+var pe = Object.defineProperty;
+var he = (e, t, r) => t in e ? pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var c = (e, t, r) => he(e, typeof t != "symbol" ? t + "" : t, r);
+const D = {
   after: {
     content: '""',
     display: "block",
@@ -152,13 +152,13 @@ const I = {
     "box-shadow": "var(--fray-toolbar-shadow, var(--toolbar-shadow))",
     color: "var(--fray-toolbar-color, var(--toolbar-color))"
   }
-}, U = "data-fray-structural-styles";
-let fe = 1;
-class J {
-  constructor(t = `runtime-${fe++}`) {
-    u(this, "id");
-    u(this, "cssFragments", /* @__PURE__ */ new Set());
-    u(this, "baseStyleMap", /* @__PURE__ */ new Map());
+}, K = "data-fray-structural-styles";
+let be = 1;
+class Q {
+  constructor(t = `runtime-${be++}`) {
+    c(this, "id");
+    c(this, "cssFragments", /* @__PURE__ */ new Set());
+    c(this, "baseStyleMap", /* @__PURE__ */ new Map());
     if (typeof t != "string") throw new TypeError("StyleRegistry id must be a string");
     this.id = t;
   }
@@ -166,17 +166,17 @@ class J {
     if (typeof t != "string") throw new TypeError("Component CSS must be a string");
     return t.trim().length > 0 && this.cssFragments.add(t.trim()), this;
   }
-  registerBaseStyle(t, n) {
+  registerBaseStyle(t, r) {
     if (typeof t != "string" || t.trim().length === 0)
       throw new TypeError("Base style selector must be a non-empty string");
-    const r = typeof n == "string" ? [n] : n;
-    if (!Array.isArray(r))
+    const n = typeof r == "string" ? [r] : r;
+    if (!Array.isArray(n))
       throw new TypeError("Base style names must be a string or array");
-    for (const i of r) {
-      if (!Object.hasOwn(I, i))
+    for (const i of n) {
+      if (!Object.hasOwn(D, i))
         throw new Error(`Unknown Fray base style: ${String(i)}`);
-      const o = i, s = this.baseStyleMap.get(o) ?? /* @__PURE__ */ new Set();
-      s.add(t.trim()), this.baseStyleMap.set(o, s);
+      const s = i, o = this.baseStyleMap.get(s) ?? /* @__PURE__ */ new Set();
+      o.add(t.trim()), this.baseStyleMap.set(s, o);
     }
     return this;
   }
@@ -203,13 +203,13 @@ class J {
   }
   generateBaseStyleCSS() {
     let t = "";
-    for (const [n, r] of this.baseStyleMap) {
-      const { properties: i, variants: o } = he(I[n]), s = [...r];
-      t += D(n, s, i);
-      for (const [a, l] of Object.entries(o))
-        t += D(
-          `${n}${a}`,
-          s.map((c) => be(c, a)),
+    for (const [r, n] of this.baseStyleMap) {
+      const { properties: i, variants: s } = ge(D[r]), o = [...n];
+      t += U(r, o, i);
+      for (const [a, l] of Object.entries(s))
+        t += U(
+          `${r}${a}`,
+          o.map((u) => ve(u, a)),
           l
         );
     }
@@ -229,54 +229,144 @@ class J {
   injectAll(t = globalThis.document) {
     if ((t == null ? void 0 : t.head) == null)
       throw new TypeError("StyleRegistry.injectAll requires a document with a head");
-    const n = `style[${U}="${ye(this.id)}"]`;
-    let r = t.head.querySelector(n);
-    r == null && (r = t.createElement("style"), r.setAttribute(U, this.id), t.head.prepend(r));
+    const r = `style[${K}="${we(this.id)}"]`;
+    let n = t.head.querySelector(r);
+    n == null && (n = t.createElement("style"), n.setAttribute(K, this.id), t.head.prepend(n));
     const i = this.generateCSS();
-    return r.textContent !== i && (r.textContent = i), r;
+    return n.textContent !== i && (n.textContent = i), n;
   }
   reset() {
     this.cssFragments.clear(), this.baseStyleMap.clear();
   }
 }
-function de() {
-  return new J();
+function ye() {
+  return new Q();
 }
-const pe = new J("");
-function he(e) {
+const me = new Q("");
+function ge(e) {
   const t = {};
-  let n = {};
-  for (const [r, i] of Object.entries(e))
-    if (r === "variants") {
+  let r = {};
+  for (const [n, i] of Object.entries(e))
+    if (n === "variants") {
       if (typeof i != "object")
         throw new TypeError("Base style variants must be declaration maps");
-      n = i;
+      r = i;
     } else if (typeof i == "string")
-      t[r] = i;
+      t[n] = i;
     else
-      throw new TypeError(`Base style property ${r} must be a string`);
-  return { properties: t, variants: n };
+      throw new TypeError(`Base style property ${n} must be a string`);
+  return { properties: t, variants: r };
 }
-function D(e, t, n) {
-  if (t.length === 0 || Object.keys(n).length === 0) return "";
-  const r = Object.entries(n).map(([i, o]) => `  ${i}: ${o};`).join(`
+function U(e, t, r) {
+  if (t.length === 0 || Object.keys(r).length === 0) return "";
+  const n = Object.entries(r).map(([i, s]) => `  ${i}: ${s};`).join(`
 `);
   return `/* ${e} */
 ${t.join(`,
 `)} {
-${r}
+${n}
 }
 
 `;
 }
-function be(e, t) {
-  const n = e.indexOf("::");
-  return n < 0 ? `${e}${t}` : `${e.slice(0, n)}${t}${e.slice(n)}`;
+function ve(e, t) {
+  const r = e.indexOf("::");
+  return r < 0 ? `${e}${t}` : `${e.slice(0, r)}${t}${e.slice(r)}`;
 }
-function ye(e) {
+function we(e) {
   return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
 }
-const me = /* @__PURE__ */ new Set([
+const X = /* @__PURE__ */ new WeakSet(), ee = /* @__PURE__ */ new WeakSet();
+function Ue(e) {
+  if (typeof e != "string" || e.trim() === "")
+    throw new TypeError("Service name must be a non-empty string");
+  const t = Object.freeze({ name: e.trim() });
+  return X.add(t), t;
+}
+function We(e, t) {
+  if (z(e), typeof t != "function")
+    throw new TypeError(`Service provider "${e.name}" requires a factory function`);
+  const r = Object.freeze({ key: e, create: t });
+  return ee.add(r), r;
+}
+class te {
+  constructor(t = []) {
+    c(this, "providers", /* @__PURE__ */ new Map());
+    c(this, "instances", /* @__PURE__ */ new Map());
+    c(this, "creationOrder", []);
+    c(this, "resolving", []);
+    c(this, "disposed", !1);
+    if (!Array.isArray(t))
+      throw new TypeError("ServiceScope providers must be an array");
+    for (const r of t) {
+      if (Re(r), this.providers.has(r.key))
+        throw new Error(`Service "${r.key.name}" is registered more than once`);
+      this.providers.set(r.key, r);
+    }
+  }
+  get isDisposed() {
+    return this.disposed;
+  }
+  has(t) {
+    return this.assertActive(), z(t), this.providers.has(t);
+  }
+  require(t) {
+    if (this.assertActive(), z(t), this.instances.has(t)) return this.instances.get(t);
+    const r = this.providers.get(t);
+    if (r == null) throw new Error(`Service "${t.name}" is not registered`);
+    const n = this.resolving.indexOf(t);
+    if (n >= 0) {
+      const i = [...this.resolving.slice(n), t].map((s) => s.name).join(" -> ");
+      throw new Error(`Circular service dependency: ${i}`);
+    }
+    this.resolving.push(t);
+    try {
+      const i = r.create(this);
+      return this.instances.set(t, i), this.creationOrder.push(t), i;
+    } finally {
+      this.resolving.pop();
+    }
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = !0;
+    const t = [];
+    for (const r of [...this.creationOrder].reverse()) {
+      const n = this.instances.get(r);
+      try {
+        const i = je(n);
+        i != null && i.call(n);
+      } catch (i) {
+        t.push(i);
+      }
+    }
+    if (this.instances.clear(), this.creationOrder.length = 0, this.resolving.length = 0, t.length === 1) throw t[0];
+    if (t.length > 1)
+      throw new AggregateError(t, "Several services failed during disposal");
+  }
+  assertActive() {
+    if (this.disposed) throw new Error("ServiceScope has been disposed");
+  }
+}
+function Se(e = []) {
+  return new te(e);
+}
+function Ee(e) {
+  return e != null && (typeof e == "object" || typeof e == "function") && X.has(e);
+}
+function z(e) {
+  if (!Ee(e)) throw new TypeError("Expected a service key created by defineService()");
+}
+function Re(e) {
+  if (e == null || typeof e != "object" && typeof e != "function" || !ee.has(e))
+    throw new TypeError("Expected a service provider created by provideService()");
+}
+function je(e) {
+  if (e == null || typeof e != "object" && typeof e != "function") return null;
+  const t = Reflect.get(e, "dispose");
+  return typeof t == "function" ? t : null;
+}
+const Te = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -287,43 +377,45 @@ const me = /* @__PURE__ */ new Set([
   "missing-glyph"
 ]);
 class L {
-  constructor(t = {}, n = de()) {
-    u(this, "elementPrefix");
-    u(this, "elementNameOverrides");
-    u(this, "styleRegistry");
+  constructor(t = {}, r = ye()) {
+    c(this, "elementPrefix");
+    c(this, "elementNameOverrides");
+    c(this, "styleRegistry");
+    c(this, "services");
     if (t == null || typeof t != "object" || Array.isArray(t))
       throw new TypeError("FrayRuntime options must be an object");
-    const r = t.elementNames ?? {};
-    if (r == null || typeof r != "object" || Array.isArray(r))
+    const n = t.elementNames ?? {};
+    if (n == null || typeof n != "object" || Array.isArray(n))
       throw new TypeError("Fray elementNames must be an object");
-    const i = r.prefix === void 0 ? "fray" : r.prefix;
-    i !== null && T(i, "Fray element prefix");
-    const o = r.overrides ?? {};
-    if (o == null || typeof o != "object" || Array.isArray(o))
+    const i = n.prefix === void 0 ? "fray" : n.prefix;
+    i !== null && C(i, "Fray element prefix");
+    const s = n.overrides ?? {};
+    if (s == null || typeof s != "object" || Array.isArray(s))
       throw new TypeError("Fray element-name overrides must be an object");
-    for (const [s, a] of Object.entries(o))
-      T(s, "Fray component host name"), K(a);
-    this.elementPrefix = i, this.elementNameOverrides = Object.freeze({ ...o }), this.styleRegistry = n;
+    for (const [o, a] of Object.entries(s))
+      C(o, "Fray component host name"), Z(a);
+    if (this.elementPrefix = i, this.elementNameOverrides = Object.freeze({ ...s }), this.styleRegistry = r, this.services = t.services ?? Se(), !(this.services instanceof te))
+      throw new TypeError("Fray services must be a ServiceScope");
   }
-  resolveElementName(t, n = null) {
-    T(t, "Fray component host name");
-    const i = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
-    return K(i), i;
+  resolveElementName(t, r = null) {
+    C(t, "Fray component host name");
+    const i = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? r ?? t : `${this.elementPrefix}-${t}`);
+    return Z(i), i;
   }
-  resolveHostSelector(t, n, r = null) {
+  resolveHostSelector(t, r, n = null) {
     if (typeof t != "string") throw new TypeError("Host selector must be a string");
-    return t.replaceAll("&", this.resolveElementName(n, r));
+    return t.replaceAll("&", this.resolveElementName(r, n));
   }
-  resolveHostCSS(t, n, r = null) {
+  resolveHostCSS(t, r, n = null) {
     if (typeof t != "string") throw new TypeError("Host CSS must be a string");
-    return t.replaceAll("&", this.resolveElementName(n, r));
+    return t.replaceAll("&", this.resolveElementName(r, n));
   }
-  create(t, ...n) {
-    const r = new t(...n);
-    return r._setRuntime(this), r;
+  create(t, ...r) {
+    const n = new t(...r);
+    return n._setRuntime(this), n;
   }
-  mount(t, n, r = null) {
-    return t._setRuntime(this), t.mount(n, r), t;
+  mount(t, r, n = null) {
+    return t._setRuntime(this), t.mount(r, n), t;
   }
   registerStyles(t) {
     if (t == null || typeof t.registerStyles != "function")
@@ -334,19 +426,19 @@ class L {
     return this.styleRegistry.injectAll(t);
   }
 }
-function _e(e = {}) {
+function Ze(e = {}) {
   return new L(e);
 }
-const Z = new L({}, pe);
-function T(e, t) {
+const W = new L({}, me);
+function C(e, t) {
   if (typeof e != "string" || !/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/.test(e))
     throw new TypeError(`${t} must be a lowercase kebab-case name`);
 }
-function K(e) {
-  if (T(e, "Fray element name"), !e.includes("-") || me.has(e))
+function Z(e) {
+  if (C(e, "Fray element name"), !e.includes("-") || Te.has(e))
     throw new TypeError(`Fray element name must be a non-reserved name containing a hyphen: ${e}`);
 }
-const P = Symbol.for("@sylwellsoftware/fray.Fragment"), Q = /* @__PURE__ */ new WeakSet(), ge = /* @__PURE__ */ new Set([
+const P = Symbol.for("@sylwellsoftware/fray.Fragment"), re = /* @__PURE__ */ new WeakSet(), ke = /* @__PURE__ */ new Set([
   "allowFullScreen",
   "async",
   "autoFocus",
@@ -370,7 +462,7 @@ const P = Symbol.for("@sylwellsoftware/fray.Fragment"), Q = /* @__PURE__ */ new
   "required",
   "reversed",
   "selected"
-]), we = /* @__PURE__ */ new Set([
+]), Ce = /* @__PURE__ */ new Set([
   "checked",
   "defaultChecked",
   "defaultValue",
@@ -385,79 +477,79 @@ const P = Symbol.for("@sylwellsoftware/fray.Fragment"), Q = /* @__PURE__ */ new
   "tabIndex",
   "value"
 ]);
-function Me(e) {
-  H(e, "live");
+function Ye(e) {
+  I(e, "live");
   const t = Object.freeze({ emitter: e });
-  return Q.add(t), t;
+  return re.add(t), t;
 }
-function A(e, t = null, ...n) {
-  const r = t ?? {};
-  if (typeof r != "object" || Array.isArray(r))
+function A(e, t = null, ...r) {
+  const n = t ?? {};
+  if (typeof n != "object" || Array.isArray(n))
     throw new TypeError("VNode props must be an object or null");
   const {
     children: i,
-    key: o = null,
-    ...s
-  } = r;
+    key: s = null,
+    ...o
+  } = n;
   return {
     type: e,
-    key: o,
+    key: s,
     props: {
-      ...s,
-      children: X([i, n])
+      ...o,
+      children: ne([i, r])
     }
   };
 }
-function Ve(e, ...t) {
-  return e.reduce((n, r, i) => n + r + String(t[i] ?? ""), "");
+function Ge(e, ...t) {
+  return e.reduce((r, n, i) => r + n + String(t[i] ?? ""), "");
 }
-const b = class b {
+const h = class h {
   constructor(t = {}) {
-    u(this, "props");
-    u(this, "dom", null);
+    c(this, "props");
+    c(this, "dom", null);
     /** @internal */
-    u(this, "_rendered", null);
+    c(this, "_rendered", null);
     /** @internal */
-    u(this, "_childComponents", /* @__PURE__ */ new Set());
-    u(this, "initialized", !1);
-    u(this, "mounted", !1);
-    u(this, "destroyed", !1);
-    u(this, "updating", !1);
-    u(this, "updateRequested", !1);
-    u(this, "cleanupFunctions", /* @__PURE__ */ new Set());
-    u(this, "watched", /* @__PURE__ */ new Map());
-    u(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
-    u(this, "collectingRenderReads", null);
+    c(this, "_childComponents", /* @__PURE__ */ new Set());
+    c(this, "initialized", !1);
+    c(this, "mounted", !1);
+    c(this, "destroyed", !1);
+    c(this, "updating", !1);
+    c(this, "updateRequested", !1);
+    c(this, "cleanupFunctions", /* @__PURE__ */ new Set());
+    c(this, "watched", /* @__PURE__ */ new Map());
+    c(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
+    c(this, "collectingRenderReads", null);
     /** @internal */
-    u(this, "_runtime", Z);
+    c(this, "_runtime", W);
     /** JSX component for this instance's runtime-configured custom host. */
-    u(this, "Host", ({
+    c(this, "Host", ({
       children: t = [],
-      ...n
-    }) => this.host(n, t));
+      ...r
+    }) => this.host(r, t));
     if (t == null || typeof t != "object" || Array.isArray(t))
       throw new TypeError(`${this.constructor.name} props must be an object`);
     this.props = t;
   }
   static new(...t) {
-    const n = new this(...t);
-    if (!(n instanceof b))
+    const r = new this(...t);
+    if (!(r instanceof h))
       throw new TypeError("Component.new() requires a Component constructor");
-    return n.mount();
+    return r.mount();
   }
   static get baseStyles() {
     return {};
   }
-  static registerStyles(t = Z, n = /* @__PURE__ */ new Set()) {
-    if (n.has(this)) return;
-    n.add(this);
-    const r = this.hostName ?? null, i = this.standaloneHostName ?? null;
-    this.css && t.styleRegistry.registerCSS(r == null ? this.css : t.resolveHostCSS(this.css, r, i));
-    const o = Be(this.baseStyles);
-    for (const [s, a] of o)
-      t.styleRegistry.registerBaseStyle(r == null ? s : t.resolveHostSelector(s, r, i), a);
-    for (const s of this.dependencies ?? [])
-      s.registerStyles(t, n);
+  static registerStyles(t = W, r = /* @__PURE__ */ new Set()) {
+    if (r.has(this)) return;
+    r.add(this);
+    const n = this.hostName ?? null, i = this.standaloneHostName ?? null;
+    this.css && t.styleRegistry.registerCSS(n == null ? this.css : t.resolveHostCSS(this.css, n, i));
+    const s = De(this.baseStyles);
+    for (const [o, a] of s)
+      t.styleRegistry.registerBaseStyle(n == null ? o : t.resolveHostSelector(o, n, i), a);
+    for (const o of this.dependencies ?? [])
+      o.registerStyles(t, r);
   }
   /** One-time setup hook. Constructors must not subscribe or render. */
   initialize() {
@@ -466,17 +558,17 @@ const b = class b {
     throw new Error(`${this.constructor.name} must implement render()`);
   }
   /** Render this component's configured custom host element. */
-  host(t = null, ...n) {
-    const r = this.constructor, i = r.hostName;
+  host(t = null, ...r) {
+    const n = this.constructor, i = n.hostName;
     if (i == null)
       throw new Error(`${this.constructor.name} does not declare a custom host name`);
     return A(this._runtime.resolveElementName(
       i,
-      r.standaloneHostName
+      n.standaloneHostName
     ), {
       ...t,
       "data-fray-component": i
-    }, ...n);
+    }, ...r);
   }
   /** @internal Assign an immutable application runtime before initialization or mounting. */
   _setRuntime(t) {
@@ -487,10 +579,10 @@ const b = class b {
       throw new Error("Cannot change a component runtime after initialization");
     return this._runtime = t, this;
   }
-  mount(t = null, n = null) {
+  mount(t = null, r = null) {
     if (this.destroyed) throw new Error("Cannot mount a destroyed component");
-    let r = !1;
-    return this.initialized || (this.initialized = !0, this.initialize()), this.mounted || (this.mounted = !0, this.update(), r = !0), t != null && (ze(t), q(t, this._rendered, n)), r && this.afterMount(this.dom), this;
+    let n = !1;
+    return this.initialized || (this.validateRequiredServices(), this.initialized = !0, this.initialize()), this.mounted || (this.mounted = !0, this.update(), n = !0), t != null && (Ie(t), H(t, this._rendered, r)), n && this.afterMount(this.dom), this;
   }
   attachTo(t) {
     return this.mount(t), this;
@@ -504,15 +596,15 @@ const b = class b {
     try {
       do {
         this.updateRequested = !1;
-        const n = /* @__PURE__ */ new Set();
-        this.collectingRenderReads = n;
-        let r;
+        const r = /* @__PURE__ */ new Set();
+        this.collectingRenderReads = r;
+        let n;
         try {
-          r = R(this.render());
+          n = R(this.render());
         } finally {
           this.collectingRenderReads = null;
         }
-        this._rendered = _(this._rendered, r, this), this.dom = re(this._rendered), this.reconcileRenderReads(n), this.afterUpdate(this.dom);
+        this._rendered = M(this._rendered, n, this), this.dom = ae(this._rendered), this.reconcileRenderReads(r), this.afterUpdate(this.dom);
       } while (this.updateRequested && !this.destroyed);
     } finally {
       this.updating = !1;
@@ -529,15 +621,15 @@ const b = class b {
   afterUpdate(t) {
   }
   watch(...t) {
-    for (const n of t) {
-      if (n == null || typeof n.subscribe != "function")
+    for (const r of t) {
+      if (r == null || typeof r.subscribe != "function")
         throw new TypeError("watch requires emitter-like values");
-      if (this.watched.has(n)) continue;
-      const r = n.subscribe(({ event: i }) => {
+      if (this.watched.has(r)) continue;
+      const n = r.subscribe(({ event: i }) => {
         this.mounted && !this.destroyed && this.update(i);
       }, { emitCurrent: !1 });
-      this.watched.set(n, r), this.onCleanup(() => {
-        r(), this.watched.delete(n);
+      this.watched.set(r, n), this.onCleanup(() => {
+        n(), this.watched.delete(r);
       });
     }
     return this;
@@ -563,19 +655,30 @@ const b = class b {
       return t(), () => {
       };
     this.cleanupFunctions.add(t);
-    let n = !0;
+    let r = !0;
     return () => {
-      n && (n = !1, this.cleanupFunctions.delete(t), t());
+      r && (r = !1, this.cleanupFunctions.delete(t), t());
     };
   }
-  listen(t, n, r, i) {
+  /** Resolve one explicitly declared application service from this component's runtime. */
+  requireService(t) {
+    if (!this.initialized)
+      throw new Error("Components may resolve services during initialize() or later");
+    const r = this.constructor;
+    if (!r.requiredServices.includes(t))
+      throw new Error(
+        `${r.name} must declare service "${t.name}" in requiredServices`
+      );
+    return this._runtime.services.require(t);
+  }
+  listen(t, r, n, i) {
     if (t == null || typeof t.addEventListener != "function")
       throw new TypeError("listen target must be an EventTarget");
-    const o = r;
-    return t.addEventListener(n, o, i), this.onCleanup(() => t.removeEventListener(n, o, i)), this;
+    const s = n;
+    return t.addEventListener(r, s, i), this.onCleanup(() => t.removeEventListener(r, s, i)), this;
   }
   registerChild(t) {
-    if (!(t instanceof b))
+    if (!(t instanceof h))
       throw new TypeError("registerChild requires a Component");
     return this._childComponents.add(t), t;
   }
@@ -588,39 +691,45 @@ const b = class b {
       this.renderReadSubscriptions.clear(), this.collectingRenderReads = null, this._rendered && g(this._rendered, !0), this._rendered = null, this.dom = null, this._childComponents.clear(), this.onDestroy();
     }
   }
+  validateRequiredServices() {
+    const t = this.constructor;
+    for (const r of t.requiredServices)
+      if (!this._runtime.services.has(r))
+        throw new Error(`${t.name} requires unregistered service "${r.name}"`);
+  }
   onDestroy() {
   }
   trackRenderRead(t) {
-    if (H(t, "Component.read"), this.collectingRenderReads == null)
+    if (I(t, "Component.read"), this.collectingRenderReads == null)
       throw new Error("Component.read() and snapshot() may only be called during render()");
     this.collectingRenderReads.add(t);
   }
   reconcileRenderReads(t) {
-    for (const [n, r] of this.renderReadSubscriptions)
-      t.has(n) || (r(), this.renderReadSubscriptions.delete(n));
-    for (const n of t) {
-      if (this.watched.has(n) || this.renderReadSubscriptions.has(n)) continue;
-      const r = n.subscribe(({ event: i }) => {
+    for (const [r, n] of this.renderReadSubscriptions)
+      t.has(r) || (n(), this.renderReadSubscriptions.delete(r));
+    for (const r of t) {
+      if (this.watched.has(r) || this.renderReadSubscriptions.has(r)) continue;
+      const n = r.subscribe(({ event: i }) => {
         this.mounted && !this.destroyed && this.update(i);
       }, { emitCurrent: !1 });
-      this.renderReadSubscriptions.set(n, r);
+      this.renderReadSubscriptions.set(r, n);
     }
   }
 };
-u(b, "dependencies", []), u(b, "css", ""), u(b, "hostName", null), u(b, "standaloneHostName", null);
-let h = b;
+c(h, "dependencies", []), c(h, "requiredServices", []), c(h, "css", ""), c(h, "hostName", null), c(h, "standaloneHostName", null);
+let b = h;
 function R(e) {
   return Array.isArray(e) ? A(P, null, e) : e == null || typeof e == "boolean" ? A(P) : e;
 }
-function X(e) {
-  const t = [], n = (r) => {
-    if (Array.isArray(r))
-      for (const i of r) n(i);
-    else r != null && typeof r != "boolean" && t.push(r);
+function ne(e) {
+  const t = [], r = (n) => {
+    if (Array.isArray(n))
+      for (const i of n) r(i);
+    else n != null && typeof n != "boolean" && t.push(n);
   };
-  return n(e), t;
+  return r(e), t;
 }
-function k(e, t) {
+function j(e, t) {
   if (typeof e == "string" || typeof e == "number")
     return {
       kind: "text",
@@ -629,21 +738,21 @@ function k(e, t) {
       node: document.createTextNode(String(e)),
       owner: t
     };
-  if (N(e)) {
-    const o = document.createComment("fray-emitter-start"), s = document.createComment("fray-emitter-end"), a = e.get();
+  if ($(e)) {
+    const s = document.createComment("fray-emitter-start"), o = document.createComment("fray-emitter-end"), a = e.get();
     if (Object.is(a, e))
       throw new TypeError("A Fray emitter child cannot render itself");
     const l = document.createDocumentFragment();
-    l.append(o, s);
-    const c = k(R(a), t);
-    q(l, c, s);
+    l.append(s, o);
+    const u = j(R(a), t);
+    H(l, u, o);
     const d = {
       kind: "emitter",
       key: null,
       source: e,
-      start: o,
-      end: s,
-      child: c,
+      start: s,
+      end: o,
+      child: u,
       unsubscribe: () => {
       },
       owner: t
@@ -651,13 +760,13 @@ function k(e, t) {
     return d.unsubscribe = e.subscribe(({ value: m }) => {
       if (Object.is(m, e))
         throw new TypeError("A Fray emitter child cannot render itself");
-      d.child = _(d.child, R(m), t);
+      d.child = M(d.child, R(m), t);
     }, { emitCurrent: !1 }), d;
   }
-  if (e instanceof h)
+  if (e instanceof b)
     return e._setRuntime(t._runtime), e.mount(), t.registerChild(e), {
       kind: "component",
-      key: ie(e.props),
+      key: ce(e.props),
       type: e.constructor,
       instance: e,
       prebuilt: !0,
@@ -666,33 +775,33 @@ function k(e, t) {
       owner: t
     };
   if (!y(e))
-    throw new TypeError(`Invalid Fray child: ${G(e)}`);
-  const { type: n, key: r = null, props: i } = e;
-  if (n === P) {
-    const o = document.createComment("fray-fragment-start"), s = document.createComment("fray-fragment-end"), a = {
+    throw new TypeError(`Invalid Fray child: ${J(e)}`);
+  const { type: r, key: n = null, props: i } = e;
+  if (r === P) {
+    const s = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), a = {
       kind: "fragment",
-      key: r,
-      type: n,
-      start: o,
-      end: s,
+      key: n,
+      type: r,
+      start: s,
+      end: o,
       children: [],
       owner: t
     }, l = document.createDocumentFragment();
-    return l.append(o, s), a.children = O(
+    return l.append(s, o), a.children = O(
       l,
       [],
       i.children,
       t,
-      s,
-      o
+      o,
+      s
     ), a;
   }
-  if (typeof n == "string") {
-    const o = document.createElement(n), s = {
+  if (typeof r == "string") {
+    const s = document.createElement(r), o = {
       kind: "element",
-      key: r,
-      type: n,
-      node: o,
+      key: n,
+      type: r,
+      node: s,
       props: {},
       listeners: /* @__PURE__ */ new Map(),
       liveProps: /* @__PURE__ */ new Map(),
@@ -701,267 +810,267 @@ function k(e, t) {
       children: [],
       owner: t
     };
-    return ne(s, i), s.children = O(o, [], i.children, t), s;
+    return oe(o, i), o.children = O(s, [], i.children, t), o;
   }
-  if (se(n)) {
-    const o = i, s = W(o), a = new n(s);
+  if (ue(r)) {
+    const s = i, o = Y(s), a = new r(o);
     a._setRuntime(t._runtime);
     const l = {
       kind: "component",
-      key: r,
-      type: n,
+      key: n,
+      type: r,
       instance: a,
       prebuilt: !1,
-      props: s,
+      props: o,
       liveProps: /* @__PURE__ */ new Map(),
       owner: t
     };
-    return te(l, o), a.mount(), t.registerChild(a), l;
+    return se(l, s), a.mount(), t.registerChild(a), l;
   }
-  if (typeof n == "function") {
-    const o = n, s = i, a = W(s), l = R(o(a)), c = {
+  if (typeof r == "function") {
+    const s = r, o = i, a = Y(o), l = R(s(a)), u = {
       kind: "function",
-      key: r,
-      type: o,
+      key: n,
+      type: s,
       props: a,
-      sourceProps: s,
+      sourceProps: o,
       liveProps: /* @__PURE__ */ new Map(),
-      child: k(l, t),
+      child: j(l, t),
       owner: t
     };
-    return Se(c), c;
+    return Ae(u), u;
   }
-  throw new TypeError(`Unsupported vnode type: ${G(n)}`);
+  throw new TypeError(`Unsupported vnode type: ${J(r)}`);
 }
-function _(e, t, n) {
-  if (e == null) return k(t, n);
-  if (oe(e, t)) return ee(e, t, n);
-  const r = k(t, n), i = re(e), o = (i == null ? void 0 : i.parentNode) ?? null;
-  return o && q(o, r, i), g(e, !0), r;
+function M(e, t, r) {
+  if (e == null) return j(t, r);
+  if (le(e, t)) return ie(e, t, r);
+  const n = j(t, r), i = ae(e), s = (i == null ? void 0 : i.parentNode) ?? null;
+  return s && H(s, n, i), g(e, !0), n;
 }
-function ee(e, t, n) {
-  return e.kind === "text" ? (typeof t != "string" && typeof t != "number" || Object.is(e.value, t) || (e.value = t, e.node.data = String(t)), e) : e.kind === "emitter" ? (!N(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof h || y(t) && ve(e, t.props), e) : y(t) ? e.kind === "function" ? (Ee(e, t.props), e) : e.kind === "fragment" ? (e.children = O(
+function ie(e, t, r) {
+  return e.kind === "text" ? (typeof t != "string" && typeof t != "number" || Object.is(e.value, t) || (e.value = t, e.node.data = String(t)), e) : e.kind === "emitter" ? (!$(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof b || y(t) && Pe(e, t.props), e) : y(t) ? e.kind === "function" ? (Oe(e, t.props), e) : e.kind === "fragment" ? (e.children = O(
     e.start.parentNode,
     e.children,
     t.props.children,
-    n,
+    r,
     e.end,
     e.start
-  ), e) : (ne(e, t.props), e.children = O(
+  ), e) : (oe(e, t.props), e.children = O(
     e.node,
     e.children,
     t.props.children,
-    n
+    r
   ), e) : e;
 }
-function W(e) {
-  return Object.fromEntries(Object.entries(e).map(([t, n]) => [
+function Y(e) {
+  return Object.fromEntries(Object.entries(e).map(([t, r]) => [
     t,
-    j(n) ? n.emitter.get() : n
+    T(r) ? r.emitter.get() : r
   ]));
 }
-function te(e, t) {
-  M(e.liveProps, t, (n, r) => {
-    e.props = { ...e.props, [n]: r }, e.instance.setProps(e.props);
+function se(e, t) {
+  q(e.liveProps, t, (r, n) => {
+    e.props = { ...e.props, [r]: n }, e.instance.setProps(e.props);
   }), e.props = V(e.liveProps, t), e.instance.setProps(e.props);
 }
-function ve(e, t) {
-  te(e, t);
+function Pe(e, t) {
+  se(e, t);
 }
-function Se(e) {
-  M(e.liveProps, e.sourceProps, (t, n) => {
-    e.props = { ...e.props, [t]: n }, z(e);
+function Ae(e) {
+  q(e.liveProps, e.sourceProps, (t, r) => {
+    e.props = { ...e.props, [t]: r }, _(e);
   }), e.props = V(e.liveProps, e.sourceProps);
 }
-function Ee(e, t) {
-  e.sourceProps = t, M(e.liveProps, t, (n, r) => {
-    e.props = { ...e.props, [n]: r }, z(e);
-  }), e.props = V(e.liveProps, t), z(e);
+function Oe(e, t) {
+  e.sourceProps = t, q(e.liveProps, t, (r, n) => {
+    e.props = { ...e.props, [r]: n }, _(e);
+  }), e.props = V(e.liveProps, t), _(e);
 }
-function z(e) {
+function _(e) {
   const t = R(e.type(e.props));
-  e.child = _(e.child, t, e.owner);
+  e.child = M(e.child, t, e.owner);
 }
-function M(e, t, n) {
-  for (const [r, i] of e) {
-    const o = t[r];
-    j(o) && o.emitter === i.source || (i.unsubscribe(), e.delete(r));
+function q(e, t, r) {
+  for (const [n, i] of e) {
+    const s = t[n];
+    T(s) && s.emitter === i.source || (i.unsubscribe(), e.delete(n));
   }
-  for (const [r, i] of Object.entries(t)) {
-    if (!j(i) || e.has(r)) continue;
-    const o = {
+  for (const [n, i] of Object.entries(t)) {
+    if (!T(i) || e.has(n)) continue;
+    const s = {
       source: i.emitter,
       value: i.emitter.get(),
       unsubscribe: () => {
       }
     };
-    o.unsubscribe = i.emitter.subscribe(({ value: s }) => {
-      e.get(r) === o && (o.value = s, n(r, s));
-    }, { emitCurrent: !1 }), e.set(r, o);
+    s.unsubscribe = i.emitter.subscribe(({ value: o }) => {
+      e.get(n) === s && (s.value = o, r(n, o));
+    }, { emitCurrent: !1 }), e.set(n, s);
   }
 }
 function V(e, t) {
-  return Object.fromEntries(Object.entries(t).map(([n, r]) => {
+  return Object.fromEntries(Object.entries(t).map(([r, n]) => {
     var i;
     return [
-      n,
-      j(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
+      r,
+      T(n) ? ((i = e.get(r)) == null ? void 0 : i.value) ?? n.emitter.get() : n
     ];
   }));
 }
-function O(e, t, n, r, i = null, o = null) {
+function O(e, t, r, n, i = null, s = null) {
   if (e == null) throw new Error("Cannot patch a detached fragment range");
-  const s = X(n), a = /* @__PURE__ */ new Map(), l = [];
+  const o = ne(r), a = /* @__PURE__ */ new Map(), l = [];
   for (const f of t)
     f.key == null ? l.push(f) : a.has(f.key) || a.set(f.key, f);
-  const c = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), m = [];
-  let le = 0;
-  for (const f of s) {
+  const u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), m = [];
+  let de = 0;
+  for (const f of o) {
     const p = E(f);
     if (p != null) {
-      if (c.has(p)) throw new Error(`Duplicate sibling key: ${String(p)}`);
-      c.add(p);
+      if (u.has(p)) throw new Error(`Duplicate sibling key: ${String(p)}`);
+      u.add(p);
     }
-    const C = p == null ? l[le++] : a.get(p);
-    C && oe(C, f) ? (d.add(C), m.push(ee(C, f, r))) : m.push(k(f, r));
+    const k = p == null ? l[de++] : a.get(p);
+    k && le(k, f) ? (d.add(k), m.push(ie(k, f, n))) : m.push(j(f, n));
   }
   for (const f of t)
     d.has(f) || g(f, !0);
-  let S = o ? o.nextSibling : e.firstChild;
+  let S = s ? s.nextSibling : e.firstChild;
   for (const f of m)
-    for (const p of w(f))
+    for (const p of v(f))
       p === S ? S = S.nextSibling : (e.insertBefore(p, S ?? i), S = p.nextSibling);
   return m;
 }
-function ne(e, t) {
-  const { children: n, ...r } = t, i = e.props, o = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)]);
-  for (const s of ["value", "checked"])
-    if (Object.hasOwn(r, s) && Object.hasOwn(r, `bind:${s}`))
-      throw new Error(`${s} and bind:${s} cannot be used together`);
-  for (const s of o) {
-    const a = i[s], l = r[s];
-    if (xe(s))
-      ke(e, s, l);
-    else if (s === "ref")
-      a !== l && Ce(e, l);
-    else if (Oe(s))
-      je(e, s, l);
-    else if (j(l))
-      Re(e, s, l);
+function oe(e, t) {
+  const { children: r, ...n } = t, i = e.props, s = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)]);
+  for (const o of ["value", "checked"])
+    if (Object.hasOwn(n, o) && Object.hasOwn(n, `bind:${o}`))
+      throw new Error(`${o} and bind:${o} cannot be used together`);
+  for (const o of s) {
+    const a = i[o], l = n[o];
+    if (Me(o))
+      $e(e, o, l);
+    else if (o === "ref")
+      a !== l && Fe(e, l);
+    else if (Le(o))
+      Ne(e, o, l);
+    else if (T(l))
+      xe(e, o, l);
     else {
-      const c = e.liveProps.get(s);
-      c && (c.unsubscribe(), e.liveProps.delete(s));
-      const d = (c == null ? void 0 : c.value) ?? a;
-      Object.is(d, l) || v(e.node, s, d, l);
+      const u = e.liveProps.get(o);
+      u && (u.unsubscribe(), e.liveProps.delete(o));
+      const d = (u == null ? void 0 : u.value) ?? a;
+      Object.is(d, l) || w(e.node, o, d, l);
     }
   }
-  e.props = { ...r };
+  e.props = { ...n };
 }
-function Re(e, t, n) {
-  const r = e.liveProps.get(t);
-  if ((r == null ? void 0 : r.source) === n.emitter) return;
-  r == null || r.unsubscribe();
-  const i = n.emitter.get();
-  v(e.node, t, (r == null ? void 0 : r.value) ?? e.props[t], i);
-  const o = {
-    source: n.emitter,
+function xe(e, t, r) {
+  const n = e.liveProps.get(t);
+  if ((n == null ? void 0 : n.source) === r.emitter) return;
+  n == null || n.unsubscribe();
+  const i = r.emitter.get();
+  w(e.node, t, (n == null ? void 0 : n.value) ?? e.props[t], i);
+  const s = {
+    source: r.emitter,
     value: i,
     unsubscribe: () => {
     }
   };
-  o.unsubscribe = n.emitter.subscribe(({ value: s }) => {
-    const a = o.value;
-    o.value = s, Object.is(a, s) || v(e.node, t, a, s);
-  }, { emitCurrent: !1 }), e.liveProps.set(t, o);
-}
-function ke(e, t, n) {
-  const r = t.slice(5), i = e.nativeBindings.get(t);
-  if (n == null) {
-    i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener), e.nativeBindings.delete(t), v(e.node, r, i.value, void 0));
+  s.unsubscribe = r.emitter.subscribe(({ value: o }) => {
+    const a = s.value;
+    s.value = o, Object.is(a, o) || w(e.node, t, a, o);
+  }, { emitCurrent: !1 }), e.liveProps.set(t, s);
+}
+function $e(e, t, r) {
+  const n = t.slice(5), i = e.nativeBindings.get(t);
+  if (r == null) {
+    i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener), e.nativeBindings.delete(t), w(e.node, n, i.value, void 0));
     return;
   }
-  if (Ne(n, t), (i == null ? void 0 : i.source) === n) return;
-  i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener)), Fe(e.node, r);
-  const o = $e(e.node, r), s = n.get();
-  v(e.node, r, i == null ? void 0 : i.value, s);
+  if (qe(r, t), (i == null ? void 0 : i.source) === r) return;
+  i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener)), Ve(e.node, n);
+  const s = He(e.node, n), o = r.get();
+  w(e.node, n, i == null ? void 0 : i.value, o);
   const a = () => {
-    n.set(Reflect.get(e.node, r), `${t} changed`);
+    r.set(Reflect.get(e.node, n), `${t} changed`);
   }, l = {
-    source: n,
-    value: s,
-    eventName: o,
+    source: r,
+    value: o,
+    eventName: s,
     listener: a,
     unsubscribe: () => {
     }
   };
-  l.unsubscribe = n.subscribe(({ value: c }) => {
+  l.unsubscribe = r.subscribe(({ value: u }) => {
     const d = l.value;
-    l.value = c, Object.is(d, c) || v(e.node, r, d, c);
-  }, { emitCurrent: !1 }), e.node.addEventListener(o, a), e.nativeBindings.set(t, l);
+    l.value = u, Object.is(d, u) || w(e.node, n, d, u);
+  }, { emitCurrent: !1 }), e.node.addEventListener(s, a), e.nativeBindings.set(t, l);
 }
-function je(e, t, n) {
-  const r = t.slice(2).toLowerCase(), i = e.listeners.get(t);
-  if (i && i !== n && (e.node.removeEventListener(r, i), e.listeners.delete(t)), n != null && typeof n != "function")
+function Ne(e, t, r) {
+  const n = t.slice(2).toLowerCase(), i = e.listeners.get(t);
+  if (i && i !== r && (e.node.removeEventListener(n, i), e.listeners.delete(t)), r != null && typeof r != "function")
     throw new TypeError(`${t} must be a function or null`);
-  if (typeof n == "function" && i !== n) {
-    const o = n;
-    e.node.addEventListener(r, o), e.listeners.set(t, o);
+  if (typeof r == "function" && i !== r) {
+    const s = r;
+    e.node.addEventListener(n, s), e.listeners.set(t, s);
   }
 }
-function Ce(e, t) {
+function Fe(e, t) {
   if (B(e.ref, null), t != null && typeof t != "function" && typeof t != "object")
     throw new TypeError("ref must be a function, object, or null");
   e.ref = t, B(e.ref, e.node);
 }
-function v(e, t, n, r) {
+function w(e, t, r, n) {
   if (t === "class" || t === "className") {
-    F(e, "class", r);
+    N(e, "class", n);
     return;
   }
   if (t === "for" || t === "htmlFor") {
-    F(e, "for", r);
+    N(e, "for", n);
     return;
   }
   if (t === "dataset") {
-    Te(e, n, r);
+    ze(e, r, n);
     return;
   }
   if (t === "style") {
-    Pe(e, n, r);
+    _e(e, r, n);
     return;
   }
   if (t === "dangerouslySetInnerHTML")
     throw new Error("dangerouslySetInnerHTML is not supported");
-  const i = Ae(t);
-  if (ge.has(i)) {
-    const o = !!r;
-    i in e && Reflect.set(e, i, o), e.toggleAttribute($(t), o);
+  const i = Be(t);
+  if (ke.has(i)) {
+    const s = !!n;
+    i in e && Reflect.set(e, i, s), e.toggleAttribute(F(t), s);
     return;
   }
-  if (we.has(i) && i in e) {
-    const o = r ?? (i === "value" ? "" : !1);
-    Object.is(Reflect.get(e, i), o) || Reflect.set(e, i, o), r == null && e.removeAttribute($(t));
+  if (Ce.has(i) && i in e) {
+    const s = n ?? (i === "value" ? "" : !1);
+    Object.is(Reflect.get(e, i), s) || Reflect.set(e, i, s), n == null && e.removeAttribute(F(t));
     return;
   }
-  F(e, $(t), r);
+  N(e, F(t), n);
 }
-function Te(e, t, n) {
-  const r = x(t, "dataset"), i = x(n, "dataset");
-  for (const o of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
-    const s = i[o];
-    s == null ? delete e.dataset[o] : e.dataset[o] = String(s);
+function ze(e, t, r) {
+  const n = x(t, "dataset"), i = x(r, "dataset");
+  for (const s of /* @__PURE__ */ new Set([...Object.keys(n), ...Object.keys(i)])) {
+    const o = i[s];
+    o == null ? delete e.dataset[s] : e.dataset[s] = String(o);
   }
 }
-function Pe(e, t, n) {
-  if (typeof n == "string") {
-    e.style.cssText = n;
+function _e(e, t, r) {
+  if (typeof r == "string") {
+    e.style.cssText = r;
     return;
   }
-  const r = typeof t == "string" ? {} : x(t, "style"), i = x(n, "style");
+  const n = typeof t == "string" ? {} : x(t, "style"), i = x(r, "style");
   typeof t == "string" && (e.style.cssText = "");
-  for (const o of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
-    const s = i[o];
-    o.startsWith("--") ? s == null ? e.style.removeProperty(o) : e.style.setProperty(o, String(s)) : Reflect.set(e.style, o, s == null ? "" : String(s));
+  for (const s of /* @__PURE__ */ new Set([...Object.keys(n), ...Object.keys(i)])) {
+    const o = i[s];
+    s.startsWith("--") ? o == null ? e.style.removeProperty(s) : e.style.setProperty(s, String(o)) : Reflect.set(e.style, s, o == null ? "" : String(o));
   }
 }
 function x(e, t) {
@@ -970,16 +1079,16 @@ function x(e, t) {
     throw new TypeError(`${t} must be an object or null`);
   return e;
 }
-function F(e, t, n) {
-  n == null || n === !1 ? e.removeAttribute(t) : n === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(n));
+function N(e, t, r) {
+  r == null || r === !1 ? e.removeAttribute(t) : r === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(r));
 }
-function Ae(e) {
+function Be(e) {
   return e === "readonly" ? "readOnly" : e === "autofocus" ? "autoFocus" : e;
 }
-function $(e) {
-  return e === "className" ? "class" : e === "htmlFor" ? "for" : /^aria[A-Z]/.test(e) || /^data[A-Z]/.test(e) ? Y(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function F(e) {
+  return e === "className" ? "class" : e === "htmlFor" ? "for" : /^aria[A-Z]/.test(e) || /^data[A-Z]/.test(e) ? G(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function Y(e) {
+function G(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
 function B(e, t) {
@@ -988,156 +1097,160 @@ function B(e, t) {
 function g(e, t) {
   if (e.kind === "emitter") {
     if (e.unsubscribe(), g(e.child, !1), t)
-      for (const n of w(e)) n.remove();
+      for (const r of v(e)) r.remove();
     return;
   }
   if (e.kind === "component") {
-    for (const n of e.liveProps.values()) n.unsubscribe();
+    for (const r of e.liveProps.values()) r.unsubscribe();
     e.liveProps.clear(), e.owner._childComponents.delete(e.instance), e.instance.destroy();
     return;
   }
   if (e.kind === "function") {
-    for (const n of e.liveProps.values()) n.unsubscribe();
+    for (const r of e.liveProps.values()) r.unsubscribe();
     e.liveProps.clear(), g(e.child, t);
     return;
   }
   if (e.kind === "element") {
     B(e.ref, null);
-    for (const [n, r] of e.listeners)
-      e.node.removeEventListener(n.slice(2).toLowerCase(), r);
+    for (const [r, n] of e.listeners)
+      e.node.removeEventListener(r.slice(2).toLowerCase(), n);
     e.listeners.clear();
-    for (const n of e.liveProps.values()) n.unsubscribe();
+    for (const r of e.liveProps.values()) r.unsubscribe();
     e.liveProps.clear();
-    for (const n of e.nativeBindings.values())
-      n.unsubscribe(), e.node.removeEventListener(n.eventName, n.listener);
+    for (const r of e.nativeBindings.values())
+      r.unsubscribe(), e.node.removeEventListener(r.eventName, r.listener);
     e.nativeBindings.clear();
-    for (const n of e.children) g(n, !1);
+    for (const r of e.children) g(r, !1);
     t && e.node.remove();
     return;
   }
   if (e.kind === "fragment") {
-    for (const n of e.children) g(n, !1);
+    for (const r of e.children) g(r, !1);
     if (t)
-      for (const n of w(e)) n.remove();
+      for (const r of v(e)) r.remove();
     return;
   }
   t && e.node.remove();
 }
-function q(e, t, n = null) {
+function H(e, t, r = null) {
   if (t != null)
-    for (const r of w(t)) e.insertBefore(r, n);
+    for (const n of v(t)) e.insertBefore(n, r);
 }
-function w(e) {
+function v(e) {
   if (e == null) return [];
   if (e.kind === "text" || e.kind === "element") return [e.node];
-  if (e.kind === "component") return w(e.instance._rendered);
-  if (e.kind === "function") return w(e.child);
+  if (e.kind === "component") return v(e.instance._rendered);
+  if (e.kind === "function") return v(e.child);
   const t = [];
-  let n = e.start;
-  for (; n && (t.push(n), n !== e.end); )
-    n = n.nextSibling;
+  let r = e.start;
+  for (; r && (t.push(r), r !== e.end); )
+    r = r.nextSibling;
   return t;
 }
-function re(e) {
-  return w(e)[0] ?? null;
+function ae(e) {
+  return v(e)[0] ?? null;
 }
 function E(e) {
-  return e instanceof h ? ie(e.props) : y(e) ? e.key : null;
+  return e instanceof b ? ce(e.props) : y(e) ? e.key : null;
 }
-function ie(e) {
+function ce(e) {
   const t = e.key;
   return typeof t == "string" || typeof t == "number" ? t : null;
 }
-function oe(e, t) {
-  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? N(t) && e.source === t : e.kind === "component" ? t instanceof h ? e.instance === t : y(t) && se(t.type) && e.type === t.type && e.key === E(t) : e.kind === "function" ? y(t) && e.type === t.type && e.key === E(t) : e.kind === "fragment" ? y(t) && t.type === P && e.key === E(t) : y(t) && typeof t.type == "string" && e.type === t.type && e.key === E(t);
+function le(e, t) {
+  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? $(t) && e.source === t : e.kind === "component" ? t instanceof b ? e.instance === t : y(t) && ue(t.type) && e.type === t.type && e.key === E(t) : e.kind === "function" ? y(t) && e.type === t.type && e.key === E(t) : e.kind === "fragment" ? y(t) && t.type === P && e.key === E(t) : y(t) && typeof t.type == "string" && e.type === t.type && e.key === E(t);
 }
 function y(e) {
   return e != null && typeof e == "object" && Object.hasOwn(e, "type");
 }
-function se(e) {
-  return typeof e == "function" && (e === h || e.prototype instanceof h);
+function ue(e) {
+  return typeof e == "function" && (e === b || e.prototype instanceof b);
 }
-function Oe(e) {
+function Le(e) {
   return /^on[A-Z]/.test(e);
 }
-function xe(e) {
+function Me(e) {
   return e === "bind:value" || e === "bind:checked";
 }
-function j(e) {
-  return e != null && typeof e == "object" && Q.has(e);
+function T(e) {
+  return e != null && typeof e == "object" && re.has(e);
 }
-function N(e) {
+function $(e) {
   return (typeof e != "object" || e == null) && typeof e != "function" ? !1 : typeof Reflect.get(e, "get") == "function" && typeof Reflect.get(e, "getFetchState") == "function" && typeof Reflect.get(e, "getError") == "function" && typeof Reflect.get(e, "subscribe") == "function";
 }
-function H(e, t) {
-  if (!N(e)) throw new TypeError(`${t} requires a readable emitter`);
+function I(e, t) {
+  if (!$(e)) throw new TypeError(`${t} requires a readable emitter`);
 }
-function Ne(e, t) {
-  if (H(e, t), typeof Reflect.get(e, "set") != "function")
+function qe(e, t) {
+  if (I(e, t), typeof Reflect.get(e, "set") != "function")
     throw new TypeError(`${t} requires a writable emitter`);
 }
-function Fe(e, t) {
-  const n = e.localName;
-  if (!(t === "checked" ? n === "input" : n === "input" || n === "textarea" || n === "select")) throw new TypeError(`bind:${t} is not supported on ${n}`);
+function Ve(e, t) {
+  const r = e.localName;
+  if (!(t === "checked" ? r === "input" : r === "input" || r === "textarea" || r === "select")) throw new TypeError(`bind:${t} is not supported on ${r}`);
 }
-function $e(e, t) {
+function He(e, t) {
   return t === "value" && e.localName !== "select" ? "input" : "change";
 }
-function ze(e) {
+function Ie(e) {
   if (e == null || typeof e != "object" && typeof e != "function" || typeof Reflect.get(e, "insertBefore") != "function")
     throw new TypeError("Component parent must be a DOM ParentNode");
 }
-function G(e) {
+function J(e) {
   try {
     return String(e);
   } catch {
     return Object.prototype.toString.call(e);
   }
 }
-function Be(e) {
+function De(e) {
   if (e == null) return [];
   if (Array.isArray(e))
     return e.map((t) => {
       if (!Array.isArray(t) || t.length < 2 || typeof t[0] != "string")
         throw new TypeError("Component baseStyles entries must be selector/style tuples");
-      const n = t[1];
-      if (typeof n != "string" && (!Array.isArray(n) || n.some((r) => typeof r != "string")))
+      const r = t[1];
+      if (typeof r != "string" && (!Array.isArray(r) || r.some((n) => typeof n != "string")))
         throw new TypeError("Component base style names must be strings");
-      return [t[0], n];
+      return [t[0], r];
     });
   if (typeof e != "object")
     throw new TypeError("Component baseStyles must be an object or tuple array");
-  return Object.entries(e).map(([t, n]) => [
+  return Object.entries(e).map(([t, r]) => [
     t,
-    n
+    r
   ]);
 }
-function ae(e, t, n) {
-  const r = t == null ? {} : { ...t };
-  return n !== void 0 && (r.key = n), A(e, r);
+function fe(e, t, r) {
+  const n = t == null ? {} : { ...t };
+  return r !== void 0 && (n.key = r), A(e, n);
 }
-const qe = ae, He = ae;
-function Ie(e) {
-  if (!(e instanceof h))
+const Je = fe, Qe = fe;
+function Xe(e) {
+  if (!(e instanceof b))
     throw new TypeError("createPrebuiltElement requires a Component instance");
   return e;
 }
 export {
-  h as C,
+  b as C,
   P as F,
-  J as S,
-  qe as a,
+  te as S,
+  Je as a,
   L as b,
-  Ve as c,
-  _e as d,
-  de as e,
-  Z as f,
-  He as g,
-  A as h,
+  Ge as c,
+  Q as d,
+  Ze as e,
+  Se as f,
+  ye as g,
+  W as h,
   y as i,
-  ae as j,
-  Ie as k,
-  Me as l,
-  pe as s
+  fe as j,
+  Ue as k,
+  A as l,
+  Qe as m,
+  Ye as n,
+  Xe as o,
+  We as p,
+  me as s
 };
-//# sourceMappingURL=jsx-dev-runtime-DukiDpV9.js.map
+//# sourceMappingURL=jsx-dev-runtime-pzseD2Sz.js.map