@sylwellsoftware/fray 0.6.0 → 0.7.0

package/dist/{jsx-dev-runtime-CqunwZ8j.js → jsx-dev-runtime-Kf1Dhu-y.js}

@@ -1,6 +1,6 @@
-var de = Object.defineProperty;
-var he = (e, t, n) => t in e ? de(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var c = (e, t, n) => he(e, typeof t != "symbol" ? t + "" : t, n);
+var he = Object.defineProperty;
+var de = (e, t, n) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var a = (e, t, n) => de(e, typeof t != "symbol" ? t + "" : t, n);
 const D = {
   after: {
     content: '""',
@@ -74,9 +74,9 @@ const D = {
 let me = 1;
 class Q {
   constructor(t = `runtime-${me++}`) {
-    c(this, "id");
-    c(this, "cssFragments", /* @__PURE__ */ new Set());
-    c(this, "baseStyleMap", /* @__PURE__ */ new Map());
+    a(this, "id");
+    a(this, "cssFragments", /* @__PURE__ */ new Set());
+    a(this, "baseStyleMap", /* @__PURE__ */ new Map());
     if (typeof t != "string") throw new TypeError("StyleRegistry id must be a string");
     this.id = t;
   }
@@ -90,11 +90,11 @@ class Q {
     const r = typeof n == "string" ? [n] : n;
     if (!Array.isArray(r))
       throw new TypeError("Base style names must be a string or array");
-    for (const s of r) {
-      if (!Object.hasOwn(D, s))
-        throw new Error(`Unknown Fray base style: ${String(s)}`);
-      const i = s, o = this.baseStyleMap.get(i) ?? /* @__PURE__ */ new Set();
-      o.add(t.trim()), this.baseStyleMap.set(i, o);
+    for (const i of r) {
+      if (!Object.hasOwn(D, i))
+        throw new Error(`Unknown Fray base style: ${String(i)}`);
+      const s = i, o = this.baseStyleMap.get(s) ?? /* @__PURE__ */ new Set();
+      o.add(t.trim()), this.baseStyleMap.set(s, o);
     }
     return this;
   }
@@ -122,12 +122,12 @@ class Q {
   generateBaseStyleCSS() {
     let t = "";
     for (const [n, r] of this.baseStyleMap) {
-      const { properties: s, variants: i } = ge(D[n]), o = [...r];
-      t += U(n, o, s);
-      for (const [a, l] of Object.entries(i))
+      const { properties: i, variants: s } = ge(D[n]), o = [...r];
+      t += U(n, o, i);
+      for (const [c, l] of Object.entries(s))
         t += U(
-          `${n}${a}`,
-          o.map((u) => we(u, a)),
+          `${n}${c}`,
+          o.map((u) => we(u, c)),
           l
         );
     }
@@ -150,8 +150,8 @@ class Q {
     const n = `style[${K}="${Se(this.id)}"]`;
     let r = t.head.querySelector(n);
     r == null && (r = t.createElement("style"), r.setAttribute(K, this.id), t.head.prepend(r));
-    const s = this.generateCSS();
-    return r.textContent !== s && (r.textContent = s), r;
+    const i = this.generateCSS();
+    return r.textContent !== i && (r.textContent = i), r;
   }
   reset() {
     this.cssFragments.clear(), this.baseStyleMap.clear();
@@ -164,20 +164,20 @@ const be = new Q("");
 function ge(e) {
   const t = {};
   let n = {};
-  for (const [r, s] of Object.entries(e))
+  for (const [r, i] of Object.entries(e))
     if (r === "variants") {
-      if (typeof s != "object")
+      if (typeof i != "object")
         throw new TypeError("Base style variants must be declaration maps");
-      n = s;
-    } else if (typeof s == "string")
-      t[r] = s;
+      n = i;
+    } else if (typeof i == "string")
+      t[r] = i;
     else
       throw new TypeError(`Base style property ${r} must be a string`);
   return { properties: t, variants: n };
 }
 function U(e, t, n) {
   if (t.length === 0 || Object.keys(n).length === 0) return "";
-  const r = Object.entries(n).map(([s, i]) => `  ${s}: ${i};`).join(`
+  const r = Object.entries(n).map(([i, s]) => `  ${i}: ${s};`).join(`
 `);
   return `/* ${e} */
 ${t.join(`,
@@ -202,18 +202,18 @@ function Ue(e) {
   return X.add(t), t;
 }
 function We(e, t) {
-  if (_(e), typeof t != "function")
+  if (x(e), typeof t != "function")
     throw new TypeError(`Service provider "${e.name}" requires a factory function`);
   const n = Object.freeze({ key: e, create: t });
   return ee.add(n), n;
 }
 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);
+    a(this, "providers", /* @__PURE__ */ new Map());
+    a(this, "instances", /* @__PURE__ */ new Map());
+    a(this, "creationOrder", []);
+    a(this, "resolving", []);
+    a(this, "disposed", !1);
     if (!Array.isArray(t))
       throw new TypeError("ServiceScope providers must be an array");
     for (const n of t) {
@@ -226,21 +226,21 @@ class te {
     return this.disposed;
   }
   has(t) {
-    return this.assertActive(), _(t), this.providers.has(t);
+    return this.assertActive(), x(t), this.providers.has(t);
   }
   require(t) {
-    if (this.assertActive(), _(t), this.instances.has(t)) return this.instances.get(t);
+    if (this.assertActive(), x(t), this.instances.has(t)) return this.instances.get(t);
     const n = this.providers.get(t);
     if (n == null) throw new Error(`Service "${t.name}" is not registered`);
     const r = this.resolving.indexOf(t);
     if (r >= 0) {
-      const s = [...this.resolving.slice(r), t].map((i) => i.name).join(" -> ");
-      throw new Error(`Circular service dependency: ${s}`);
+      const i = [...this.resolving.slice(r), t].map((s) => s.name).join(" -> ");
+      throw new Error(`Circular service dependency: ${i}`);
     }
     this.resolving.push(t);
     try {
-      const s = n.create(this);
-      return this.instances.set(t, s), this.creationOrder.push(t), s;
+      const i = n.create(this);
+      return this.instances.set(t, i), this.creationOrder.push(t), i;
     } finally {
       this.resolving.pop();
     }
@@ -252,10 +252,10 @@ class te {
     for (const n of [...this.creationOrder].reverse()) {
       const r = this.instances.get(n);
       try {
-        const s = je(r);
-        s != null && s.call(r);
-      } catch (s) {
-        t.push(s);
+        const i = Ce(r);
+        i != null && i.call(r);
+      } catch (i) {
+        t.push(i);
       }
     }
     if (this.instances.clear(), this.creationOrder.length = 0, this.resolving.length = 0, t.length === 1) throw t[0];
@@ -272,19 +272,19 @@ function ve(e = []) {
 function Ee(e) {
   return e != null && (typeof e == "object" || typeof e == "function") && X.has(e);
 }
-function _(e) {
+function x(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) {
+function Ce(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([
+const je = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -294,31 +294,35 @@ const Te = /* @__PURE__ */ new Set([
   "font-face-name",
   "missing-glyph"
 ]);
-class M {
+class L {
   constructor(t = {}, n = ye()) {
-    c(this, "elementPrefix");
-    c(this, "elementNameOverrides");
-    c(this, "styleRegistry");
-    c(this, "services");
+    a(this, "elementPrefix");
+    a(this, "elementNameOverrides");
+    a(this, "styleRegistry");
+    a(this, "services");
+    a(this, "router");
+    a(this, "routedRoots", /* @__PURE__ */ new WeakSet());
     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))
       throw new TypeError("Fray elementNames must be an object");
-    const s = r.prefix === void 0 ? "fray" : r.prefix;
-    s !== null && P(s, "Fray element prefix");
-    const i = r.overrides ?? {};
-    if (i == null || typeof i != "object" || Array.isArray(i))
+    const i = r.prefix === void 0 ? "fray" : r.prefix;
+    i !== null && P(i, "Fray element prefix");
+    const s = r.overrides ?? {};
+    if (s == null || typeof s != "object" || Array.isArray(s))
       throw new TypeError("Fray element-name overrides must be an object");
-    for (const [o, a] of Object.entries(i))
-      P(o, "Fray component host name"), Z(a);
-    if (this.elementPrefix = s, this.elementNameOverrides = Object.freeze({ ...i }), this.styleRegistry = n, this.services = t.services ?? ve(), !(this.services instanceof te))
+    for (const [o, c] of Object.entries(s))
+      P(o, "Fray component host name"), Z(c);
+    if (this.elementPrefix = i, this.elementNameOverrides = Object.freeze({ ...s }), this.styleRegistry = n, this.services = t.services ?? ve(), !(this.services instanceof te))
       throw new TypeError("Fray services must be a ServiceScope");
+    if (this.router = t.router ?? null, this.router != null && (typeof this.router != "object" || typeof this.router.openScope != "function" || typeof this.router.completeScope != "function"))
+      throw new TypeError("Fray router must be a BrowserRouter");
   }
   resolveElementName(t, n = null) {
     P(t, "Fray component host name");
-    const s = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
-    return Z(s), s;
+    const i = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
+    return Z(i), i;
   }
   resolveHostSelector(t, n, r = null) {
     if (typeof t != "string") throw new TypeError("Host selector must be a string");
@@ -333,7 +337,15 @@ class M {
     return r._setRuntime(this), r;
   }
   mount(t, n, r = null) {
-    return t._setRuntime(this), t.mount(n, r), t;
+    t._setRuntime(this);
+    let i = null;
+    this.router != null && !this.routedRoots.has(t) && (this.routedRoots.add(t), i = this.router.openScope(this.router.root, t), t.onCleanup(i));
+    try {
+      t.mount(n, r), this.router != null && i != null && this.router.completeScope(this.router.root, t);
+    } catch (s) {
+      throw i == null || i(), s;
+    }
+    return t;
   }
   registerStyles(t) {
     if (t == null || typeof t.registerStyles != "function")
@@ -345,18 +357,18 @@ class M {
   }
 }
 function Ze(e = {}) {
-  return new M(e);
+  return new L(e);
 }
-const W = new M({}, be);
+const W = new L({}, be);
 function P(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 Z(e) {
-  if (P(e, "Fray element name"), !e.includes("-") || Te.has(e))
+  if (P(e, "Fray element name"), !e.includes("-") || je.has(e))
     throw new TypeError(`Fray element name must be a non-reserved name containing a hyphen: ${e}`);
 }
-const A = Symbol.for("@sylwellsoftware/fray.Fragment"), ne = /* @__PURE__ */ new WeakSet(), Ce = /* @__PURE__ */ new Set([
+const A = Symbol.for("@sylwellsoftware/fray.Fragment"), ne = /* @__PURE__ */ new WeakSet(), Te = /* @__PURE__ */ new Set([
   "allowFullScreen",
   "async",
   "autoFocus",
@@ -405,43 +417,45 @@ function O(e, t = null, ...n) {
   if (typeof r != "object" || Array.isArray(r))
     throw new TypeError("VNode props must be an object or null");
   const {
-    children: s,
-    key: i = null,
+    children: i,
+    key: s = null,
     ...o
   } = r;
   return {
     type: e,
-    key: i,
+    key: s,
     props: {
       ...o,
-      children: re([s, n])
+      children: re([i, n])
     }
   };
 }
 function Ge(e, ...t) {
-  return e.reduce((n, r, s) => n + r + String(t[s] ?? ""), "");
+  return e.reduce((n, r, i) => n + r + String(t[i] ?? ""), "");
 }
-const h = class h {
+const d = class d {
   constructor(t = {}) {
-    c(this, "props");
-    c(this, "dom", null);
+    a(this, "props");
+    a(this, "dom", null);
     /** @internal */
-    c(this, "_rendered", null);
+    a(this, "_rendered", null);
     /** @internal */
-    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);
+    a(this, "_childComponents", /* @__PURE__ */ new Set());
+    a(this, "initialized", !1);
+    a(this, "mounted", !1);
+    a(this, "destroyed", !1);
+    a(this, "updating", !1);
+    a(this, "updateRequested", !1);
+    a(this, "cleanupFunctions", /* @__PURE__ */ new Set());
+    a(this, "watched", /* @__PURE__ */ new Map());
+    a(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
+    a(this, "collectingRenderReads", null);
     /** @internal */
-    c(this, "_runtime", W);
+    a(this, "_runtime", W);
+    /** @internal Route lineage inherited by nested routed components. */
+    a(this, "_routeContext", null);
     /** JSX component for this instance's runtime-configured custom host. */
-    c(this, "Host", ({
+    a(this, "Host", ({
       children: t = [],
       ...n
     }) => this.host(n, t));
@@ -451,7 +465,7 @@ const h = class h {
   }
   static new(...t) {
     const n = new this(...t);
-    if (!(n instanceof h))
+    if (!(n instanceof d))
       throw new TypeError("Component.new() requires a Component constructor");
     return n.mount();
   }
@@ -461,11 +475,11 @@ const h = class h {
   static registerStyles(t = W, n = /* @__PURE__ */ new Set()) {
     if (n.has(this)) return;
     n.add(this);
-    const r = this.hostName ?? null, s = this.standaloneHostName ?? null;
-    this.css && t.styleRegistry.registerCSS(r == null ? this.css : t.resolveHostCSS(this.css, r, s));
-    const i = De(this.baseStyles);
-    for (const [o, a] of i)
-      t.styleRegistry.registerBaseStyle(r == null ? o : t.resolveHostSelector(o, r, s), a);
+    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 s = De(this.baseStyles);
+    for (const [o, c] of s)
+      t.styleRegistry.registerBaseStyle(r == null ? o : t.resolveHostSelector(o, r, i), c);
     for (const o of this.dependencies ?? [])
       o.registerStyles(t, n);
   }
@@ -477,25 +491,36 @@ const h = class h {
   }
   /** Render this component's configured custom host element. */
   host(t = null, ...n) {
-    const r = this.constructor, s = r.hostName;
-    if (s == null)
+    const r = this.constructor, i = r.hostName;
+    if (i == null)
       throw new Error(`${this.constructor.name} does not declare a custom host name`);
     return O(this._runtime.resolveElementName(
-      s,
+      i,
       r.standaloneHostName
     ), {
       ...t,
-      "data-fray-component": s
+      "data-fray-component": i
     }, ...n);
   }
   /** @internal Assign an immutable application runtime before initialization or mounting. */
   _setRuntime(t) {
-    if (!(t instanceof M))
+    var n;
+    if (!(t instanceof L))
       throw new TypeError("Component runtime must be a FrayRuntime");
     if (t === this._runtime) return this;
     if (this.initialized || this.mounted || this._rendered != null)
       throw new Error("Cannot change a component runtime after initialization");
-    return this._runtime = t, this;
+    return this._runtime = t, this._routeContext == null && (this._routeContext = ((n = t.router) == null ? void 0 : n.root) ?? null), this;
+  }
+  /** @internal Assign contextual route lineage before initialization. */
+  _setRouteContext(t) {
+    if (this.initialized || this.mounted || this._rendered != null)
+      throw new Error("Cannot change a component route context after initialization");
+    return this._routeContext = t, this;
+  }
+  /** @internal Route lineage inherited by component children. */
+  _routeContextForChildren() {
+    return this._routeContext;
   }
   mount(t = null, n = null) {
     if (this.destroyed) throw new Error("Cannot mount a destroyed component");
@@ -522,7 +547,7 @@ const h = class h {
         } finally {
           this.collectingRenderReads = null;
         }
-        this._rendered = q(this._rendered, r, this), this.dom = ae(this._rendered), this.reconcileRenderReads(n), this.afterUpdate(this.dom);
+        this._rendered = M(this._rendered, r, this), this.dom = ae(this._rendered), this.reconcileRenderReads(n), this.afterUpdate(this.dom);
       } while (this.updateRequested && !this.destroyed);
     } finally {
       this.updating = !1;
@@ -543,8 +568,8 @@ const h = class h {
       if (n == null || typeof n.subscribe != "function")
         throw new TypeError("watch requires emitter-like values");
       if (this.watched.has(n)) continue;
-      const r = n.subscribe(({ event: s }) => {
-        this.mounted && !this.destroyed && this.update(s);
+      const r = n.subscribe(({ event: i }) => {
+        this.mounted && !this.destroyed && this.update(i);
       }, { emitCurrent: !1 });
       this.watched.set(n, r), this.onCleanup(() => {
         r(), this.watched.delete(n);
@@ -589,14 +614,14 @@ const h = class h {
       );
     return this._runtime.services.require(t);
   }
-  listen(t, n, r, s) {
+  listen(t, n, r, i) {
     if (t == null || typeof t.addEventListener != "function")
       throw new TypeError("listen target must be an EventTarget");
-    const i = r;
-    return t.addEventListener(n, i, s), this.onCleanup(() => t.removeEventListener(n, i, s)), this;
+    const s = r;
+    return t.addEventListener(n, s, i), this.onCleanup(() => t.removeEventListener(n, s, i)), this;
   }
   registerChild(t) {
-    if (!(t instanceof h))
+    if (!(t instanceof d))
       throw new TypeError("registerChild requires a Component");
     return this._childComponents.add(t), t;
   }
@@ -627,27 +652,27 @@ const h = class h {
       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: s }) => {
-        this.mounted && !this.destroyed && this.update(s);
+      const r = n.subscribe(({ event: i }) => {
+        this.mounted && !this.destroyed && this.update(i);
       }, { emitCurrent: !1 });
       this.renderReadSubscriptions.set(n, r);
     }
   }
 };
-c(h, "dependencies", []), c(h, "requiredServices", []), c(h, "css", ""), c(h, "hostName", null), c(h, "standaloneHostName", null);
-let m = h;
+a(d, "dependencies", []), a(d, "requiredServices", []), a(d, "css", ""), a(d, "hostName", null), a(d, "standaloneHostName", null);
+let m = d;
 function R(e) {
   return Array.isArray(e) ? O(A, null, e) : e == null || typeof e == "boolean" ? O(A) : e;
 }
 function re(e) {
   const t = [], n = (r) => {
     if (Array.isArray(r))
-      for (const s of r) n(s);
+      for (const i of r) n(i);
     else r != null && typeof r != "boolean" && t.push(r);
   };
   return n(e), t;
 }
-function j(e, t) {
+function C(e, t) {
   if (typeof e == "string" || typeof e == "number")
     return {
       kind: "text",
@@ -657,18 +682,18 @@ function j(e, t) {
       owner: t
     };
   if (k(e)) {
-    const i = document.createComment("fray-emitter-start"), o = document.createComment("fray-emitter-end"), a = e.get();
-    if (Object.is(a, e))
+    const s = document.createComment("fray-emitter-start"), o = document.createComment("fray-emitter-end"), c = e.get();
+    if (Object.is(c, e))
       throw new TypeError("A Fray emitter child cannot render itself");
     const l = document.createDocumentFragment();
-    l.append(i, o);
-    const u = j(R(a), t);
+    l.append(s, o);
+    const u = C(R(c), t);
     H(l, u, o);
     const p = {
       kind: "emitter",
       key: null,
       source: e,
-      start: i,
+      start: s,
       end: o,
       child: u,
       unsubscribe: () => {
@@ -678,11 +703,11 @@ function j(e, t) {
     return p.unsubscribe = e.subscribe(({ value: b }) => {
       if (Object.is(b, e))
         throw new TypeError("A Fray emitter child cannot render itself");
-      p.child = q(p.child, R(b), t);
+      p.child = M(p.child, R(b), t);
     }, { emitCurrent: !1 }), p;
   }
   if (e instanceof m)
-    return e._setRuntime(t._runtime), e.mount(), t.registerChild(e), {
+    return e._setRuntime(t._runtime), e._setRouteContext(t._routeContextForChildren()), e.mount(), t.registerChild(e), {
       kind: "component",
       key: ce(e.props),
       type: e.constructor,
@@ -694,32 +719,32 @@ function j(e, t) {
     };
   if (!y(e))
     throw new TypeError(`Invalid Fray child: ${J(e)}`);
-  const { type: n, key: r = null, props: s } = e;
+  const { type: n, key: r = null, props: i } = e;
   if (n === A) {
-    const i = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), a = {
+    const s = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), c = {
       kind: "fragment",
       key: r,
       type: n,
-      start: i,
+      start: s,
       end: o,
       children: [],
       owner: t
     }, l = document.createDocumentFragment();
-    return l.append(i, o), a.children = $(
+    return l.append(s, o), c.children = $(
       l,
       [],
-      s.children,
+      i.children,
       t,
       o,
-      i
-    ), a;
+      s
+    ), c;
   }
   if (typeof n == "string") {
-    const i = document.createElement(n), o = {
+    const s = document.createElement(n), o = {
       kind: "element",
       key: r,
       type: n,
-      node: i,
+      node: s,
       props: {},
       listeners: /* @__PURE__ */ new Map(),
       liveProps: /* @__PURE__ */ new Map(),
@@ -728,45 +753,45 @@ function j(e, t) {
       children: [],
       owner: t
     };
-    return oe(o, s), o.children = $(i, [], s.children, t), o;
+    return oe(o, i), o.children = $(s, [], i.children, t), o;
   }
   if (ue(n)) {
-    const i = s, o = Y(i), a = new n(o);
-    a._setRuntime(t._runtime);
+    const s = i, o = Y(s), c = new n(o);
+    c._setRuntime(t._runtime), c._setRouteContext(t._routeContextForChildren());
     const l = {
       kind: "component",
       key: r,
       type: n,
-      instance: a,
+      instance: c,
       prebuilt: !1,
       props: o,
       liveProps: /* @__PURE__ */ new Map(),
       owner: t
     };
-    return ie(l, i), a.mount(), t.registerChild(a), l;
+    return se(l, s), c.mount(), t.registerChild(c), l;
   }
   if (typeof n == "function") {
-    const i = n, o = s, a = Y(o), l = R(i(a)), u = {
+    const s = n, o = i, c = Y(o), l = R(s(c)), u = {
       kind: "function",
       key: r,
-      type: i,
-      props: a,
+      type: s,
+      props: c,
       sourceProps: o,
       liveProps: /* @__PURE__ */ new Map(),
-      child: j(l, t),
+      child: C(l, t),
       owner: t
     };
     return Oe(u), u;
   }
   throw new TypeError(`Unsupported vnode type: ${J(n)}`);
 }
-function q(e, t, n) {
-  if (e == null) return j(t, n);
-  if (le(e, t)) return se(e, t, n);
-  const r = j(t, n), s = ae(e), i = (s == null ? void 0 : s.parentNode) ?? null;
-  return i && H(i, r, s), g(e, !0), r;
+function M(e, t, n) {
+  if (e == null) return C(t, n);
+  if (le(e, t)) return ie(e, t, n);
+  const r = C(t, n), i = ae(e), s = (i == null ? void 0 : i.parentNode) ?? null;
+  return s && H(s, r, i), g(e, !0), r;
 }
-function se(e, t, n) {
+function ie(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" ? (!k(t) || e.source !== t, e) : e.kind === "component" ? (t instanceof m || y(t) && Ae(e, t.props), e) : y(t) ? e.kind === "function" ? ($e(e, t.props), e) : e.kind === "fragment" ? (e.children = $(
     e.start.parentNode,
     e.children,
@@ -784,232 +809,232 @@ function se(e, t, n) {
 function Y(e) {
   return Object.fromEntries(Object.entries(e).map(([t, n]) => [
     t,
-    T(n) ? n.emitter.get() : n
+    j(n) ? n.emitter.get() : n
   ]));
 }
-function ie(e, t) {
-  x(e.liveProps, t, (n, r) => {
+function se(e, t) {
+  q(e.liveProps, t, (n, r) => {
     e.props = { ...e.props, [n]: r }, e.instance.setProps(e.props);
   }), e.props = V(e.liveProps, t), e.instance.setProps(e.props);
 }
 function Ae(e, t) {
-  ie(e, t);
+  se(e, t);
 }
 function Oe(e) {
-  x(e.liveProps, e.sourceProps, (t, n) => {
-    e.props = { ...e.props, [t]: n }, B(e);
+  q(e.liveProps, e.sourceProps, (t, n) => {
+    e.props = { ...e.props, [t]: n }, z(e);
   }), e.props = V(e.liveProps, e.sourceProps);
 }
 function $e(e, t) {
-  e.sourceProps = t, x(e.liveProps, t, (n, r) => {
-    e.props = { ...e.props, [n]: r }, B(e);
-  }), e.props = V(e.liveProps, t), B(e);
+  e.sourceProps = t, q(e.liveProps, t, (n, r) => {
+    e.props = { ...e.props, [n]: r }, z(e);
+  }), e.props = V(e.liveProps, t), z(e);
 }
-function B(e) {
+function z(e) {
   const t = R(e.type(e.props));
-  e.child = q(e.child, t, e.owner);
-}
-function x(e, t, n) {
-  for (const [r, s] of e) {
-    const i = t[r];
-    T(i) && i.emitter === s.source || (s.unsubscribe(), e.delete(r));
-  }
-  for (const [r, s] of Object.entries(t)) {
-    if (!T(s) || e.has(r)) continue;
-    const i = {
-      source: s.emitter,
-      value: s.emitter.get(),
+  e.child = M(e.child, t, e.owner);
+}
+function q(e, t, n) {
+  for (const [r, i] of e) {
+    const s = t[r];
+    j(s) && s.emitter === i.source || (i.unsubscribe(), e.delete(r));
+  }
+  for (const [r, i] of Object.entries(t)) {
+    if (!j(i) || e.has(r)) continue;
+    const s = {
+      source: i.emitter,
+      value: i.emitter.get(),
       unsubscribe: () => {
       }
     };
-    i.unsubscribe = s.emitter.subscribe(({ value: o }) => {
-      e.get(r) === i && (i.value = o, n(r, o));
-    }, { emitCurrent: !1 }), e.set(r, i);
+    s.unsubscribe = i.emitter.subscribe(({ value: o }) => {
+      e.get(r) === s && (s.value = o, n(r, o));
+    }, { emitCurrent: !1 }), e.set(r, s);
   }
 }
 function V(e, t) {
   return Object.fromEntries(Object.entries(t).map(([n, r]) => {
-    var s;
+    var i;
     return [
       n,
-      T(r) ? ((s = e.get(n)) == null ? void 0 : s.value) ?? r.emitter.get() : r
+      j(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
     ];
   }));
 }
-function $(e, t, n, r, s = null, i = null) {
+function $(e, t, n, r, i = null, s = null) {
   if (e == null) throw new Error("Cannot patch a detached fragment range");
-  const o = re(n), a = /* @__PURE__ */ new Map(), l = [];
+  const o = re(n), c = /* @__PURE__ */ new Map(), l = [];
   for (const f of t)
-    f.key == null ? l.push(f) : a.has(f.key) || a.set(f.key, f);
+    f.key == null ? l.push(f) : c.has(f.key) || c.set(f.key, f);
   const u = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set(), b = [];
   let pe = 0;
   for (const f of o) {
-    const d = E(f);
-    if (d != null) {
-      if (u.has(d)) throw new Error(`Duplicate sibling key: ${String(d)}`);
-      u.add(d);
+    const h = E(f);
+    if (h != null) {
+      if (u.has(h)) throw new Error(`Duplicate sibling key: ${String(h)}`);
+      u.add(h);
     }
-    const C = d == null ? l[pe++] : a.get(d);
-    C && le(C, f) ? (p.add(C), b.push(se(C, f, r))) : b.push(j(f, r));
+    const T = h == null ? l[pe++] : c.get(h);
+    T && le(T, f) ? (p.add(T), b.push(ie(T, f, r))) : b.push(C(f, r));
   }
   for (const f of t)
     p.has(f) || g(f, !0);
-  let v = i ? i.nextSibling : e.firstChild;
+  let v = s ? s.nextSibling : e.firstChild;
   for (const f of b)
-    for (const d of w(f))
-      d === v ? v = v.nextSibling : (e.insertBefore(d, v ?? s), v = d.nextSibling);
+    for (const h of w(f))
+      h === v ? v = v.nextSibling : (e.insertBefore(h, v ?? i), v = h.nextSibling);
   return b;
 }
 function oe(e, t) {
-  const { children: n, ...r } = t, s = e.props, i = /* @__PURE__ */ new Set([...Object.keys(s), ...Object.keys(r)]);
+  const { children: n, ...r } = t, i = e.props, s = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)]);
   for (const o of ["value", "checked"])
     if (Object.hasOwn(r, o) && Object.hasOwn(r, `bind:${o}`))
       throw new Error(`${o} and bind:${o} cannot be used together`);
-  for (const o of i) {
-    const a = s[o], l = r[o];
-    if (qe(o))
+  for (const o of s) {
+    const c = i[o], l = r[o];
+    if (Me(o))
       ke(e, o, l);
     else if (o === "ref")
-      a !== l && ze(e, l);
-    else if (Me(o))
-      Fe(e, o, l);
-    else if (T(l))
+      c !== l && _e(e, l);
+    else if (Le(o))
       Ne(e, o, l);
+    else if (j(l))
+      Fe(e, o, l);
     else {
       const u = e.liveProps.get(o);
       u && (u.unsubscribe(), e.liveProps.delete(o));
-      const p = (u == null ? void 0 : u.value) ?? a;
+      const p = (u == null ? void 0 : u.value) ?? c;
       Object.is(p, l) || S(e.node, o, p, l);
     }
   }
   e.props = { ...r };
 }
-function Ne(e, t, n) {
+function Fe(e, t, n) {
   const r = e.liveProps.get(t);
   if ((r == null ? void 0 : r.source) === n.emitter) return;
   r == null || r.unsubscribe();
-  const s = n.emitter.get();
-  S(e.node, t, (r == null ? void 0 : r.value) ?? e.props[t], s);
-  const i = {
+  const i = n.emitter.get();
+  S(e.node, t, (r == null ? void 0 : r.value) ?? e.props[t], i);
+  const s = {
     source: n.emitter,
-    value: s,
+    value: i,
     unsubscribe: () => {
     }
   };
-  i.unsubscribe = n.emitter.subscribe(({ value: o }) => {
-    const a = i.value;
-    i.value = o, Object.is(a, o) || S(e.node, t, a, o);
-  }, { emitCurrent: !1 }), e.liveProps.set(t, i);
+  s.unsubscribe = n.emitter.subscribe(({ value: o }) => {
+    const c = s.value;
+    s.value = o, Object.is(c, o) || S(e.node, t, c, o);
+  }, { emitCurrent: !1 }), e.liveProps.set(t, s);
 }
 function ke(e, t, n) {
-  const r = t.slice(5), s = e.nativeBindings.get(t);
+  const r = t.slice(5), i = e.nativeBindings.get(t);
   if (n == null) {
-    s && (s.unsubscribe(), e.node.removeEventListener(s.eventName, s.listener), e.nativeBindings.delete(t), S(e.node, r, s.value, void 0));
+    i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener), e.nativeBindings.delete(t), S(e.node, r, i.value, void 0));
     return;
   }
-  if (xe(n, t), (s == null ? void 0 : s.source) === n) return;
-  s && (s.unsubscribe(), e.node.removeEventListener(s.eventName, s.listener)), Ve(e.node, r);
-  const i = He(e.node, r), o = n.get();
-  S(e.node, r, s == null ? void 0 : s.value, o);
-  const a = () => {
+  if (qe(n, t), (i == null ? void 0 : i.source) === n) return;
+  i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener)), Ve(e.node, r);
+  const s = He(e.node, r), o = n.get();
+  S(e.node, r, i == null ? void 0 : i.value, o);
+  const c = () => {
     n.set(Reflect.get(e.node, r), `${t} changed`);
   }, l = {
     source: n,
     value: o,
-    eventName: i,
-    listener: a,
+    eventName: s,
+    listener: c,
     unsubscribe: () => {
     }
   };
   l.unsubscribe = n.subscribe(({ value: u }) => {
     const p = l.value;
     l.value = u, Object.is(p, u) || S(e.node, r, p, u);
-  }, { emitCurrent: !1 }), e.node.addEventListener(i, a), e.nativeBindings.set(t, l);
+  }, { emitCurrent: !1 }), e.node.addEventListener(s, c), e.nativeBindings.set(t, l);
 }
-function Fe(e, t, n) {
-  const r = t.slice(2).toLowerCase(), s = e.listeners.get(t);
-  if (s && s !== n && (e.node.removeEventListener(r, s), e.listeners.delete(t)), n != null && typeof n != "function")
+function Ne(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")
     throw new TypeError(`${t} must be a function or null`);
-  if (typeof n == "function" && s !== n) {
-    const i = n;
-    e.node.addEventListener(r, i), e.listeners.set(t, i);
+  if (typeof n == "function" && i !== n) {
+    const s = n;
+    e.node.addEventListener(r, s), e.listeners.set(t, s);
   }
 }
-function ze(e, t) {
-  if (L(e.ref, null), t != null && typeof t != "function" && typeof t != "object")
+function _e(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, L(e.ref, e.node);
+  e.ref = t, B(e.ref, e.node);
 }
 function S(e, t, n, r) {
   if (t === "class" || t === "className") {
-    F(e, "class", r);
+    N(e, "class", r);
     return;
   }
   if (t === "for" || t === "htmlFor") {
-    F(e, "for", r);
+    N(e, "for", r);
     return;
   }
   if (t === "dataset") {
-    _e(e, n, r);
+    xe(e, n, r);
     return;
   }
   if (t === "style") {
-    Be(e, n, r);
+    ze(e, n, r);
     return;
   }
   if (t === "dangerouslySetInnerHTML")
     throw new Error("dangerouslySetInnerHTML is not supported");
-  const s = Le(t);
-  if (Ce.has(s)) {
-    const i = !!r;
-    s in e && Reflect.set(e, s, i), e.toggleAttribute(z(t), i);
+  const i = Be(t);
+  if (Te.has(i)) {
+    const s = !!r;
+    i in e && Reflect.set(e, i, s), e.toggleAttribute(_(t), s);
     return;
   }
-  if (Pe.has(s) && s in e) {
-    const i = r ?? (s === "value" ? "" : !1);
-    Object.is(Reflect.get(e, s), i) || Reflect.set(e, s, i), r == null && e.removeAttribute(z(t));
+  if (Pe.has(i) && i in e) {
+    const s = r ?? (i === "value" ? "" : !1);
+    Object.is(Reflect.get(e, i), s) || Reflect.set(e, i, s), r == null && e.removeAttribute(_(t));
     return;
   }
-  F(e, z(t), r);
+  N(e, _(t), r);
 }
-function _e(e, t, n) {
-  const r = N(t, "dataset"), s = N(n, "dataset");
-  for (const i of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(s)])) {
-    const o = s[i];
-    o == null ? delete e.dataset[i] : e.dataset[i] = String(o);
+function xe(e, t, n) {
+  const r = F(t, "dataset"), i = F(n, "dataset");
+  for (const s of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])) {
+    const o = i[s];
+    o == null ? delete e.dataset[s] : e.dataset[s] = String(o);
   }
 }
-function Be(e, t, n) {
+function ze(e, t, n) {
   if (typeof n == "string") {
     e.style.cssText = n;
     return;
   }
-  const r = typeof t == "string" ? {} : N(t, "style"), s = N(n, "style");
+  const r = typeof t == "string" ? {} : F(t, "style"), i = F(n, "style");
   typeof t == "string" && (e.style.cssText = "");
-  for (const i of /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(s)])) {
-    const o = s[i];
-    i.startsWith("--") ? o == null ? e.style.removeProperty(i) : e.style.setProperty(i, String(o)) : Reflect.set(e.style, i, o == null ? "" : String(o));
+  for (const s of /* @__PURE__ */ new Set([...Object.keys(r), ...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 N(e, t) {
+function F(e, t) {
   if (e == null) return {};
   if (typeof e != "object" || Array.isArray(e))
     throw new TypeError(`${t} must be an object or null`);
   return e;
 }
-function F(e, t, n) {
+function N(e, t, n) {
   n == null || n === !1 ? e.removeAttribute(t) : n === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(n));
 }
-function Le(e) {
+function Be(e) {
   return e === "readonly" ? "readOnly" : e === "autofocus" ? "autoFocus" : e;
 }
-function z(e) {
+function _(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 G(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function L(e, t) {
+function B(e, t) {
   e != null && (typeof e == "function" ? e(t) : e.current = t);
 }
 function g(e, t) {
@@ -1029,7 +1054,7 @@ function g(e, t) {
     return;
   }
   if (e.kind === "element") {
-    L(e.ref, null);
+    B(e.ref, null);
     for (const [n, r] of e.listeners)
       e.node.removeEventListener(n.slice(2).toLowerCase(), r);
     e.listeners.clear();
@@ -1084,13 +1109,13 @@ function y(e) {
 function ue(e) {
   return typeof e == "function" && (e === m || e.prototype instanceof m);
 }
-function Me(e) {
+function Le(e) {
   return /^on[A-Z]/.test(e);
 }
-function qe(e) {
+function Me(e) {
   return e === "bind:value" || e === "bind:checked";
 }
-function T(e) {
+function j(e) {
   return e != null && typeof e == "object" && ne.has(e);
 }
 function k(e) {
@@ -1099,7 +1124,7 @@ function k(e) {
 function I(e, t) {
   if (!k(e)) throw new TypeError(`${t} requires a readable emitter`);
 }
-function xe(e, t) {
+function qe(e, t) {
   if (I(e, t), typeof Reflect.get(e, "set") != "function")
     throw new TypeError(`${t} requires a writable emitter`);
 }
@@ -1154,21 +1179,21 @@ export {
   A as F,
   te as S,
   Je as a,
-  M as b,
+  L as b,
   Ge as c,
   Q as d,
   Ze as e,
   ve as f,
   ye as g,
-  W as h,
+  O as h,
   y as i,
   fe as j,
-  Ue as k,
-  O as l,
+  W as k,
+  Ue as l,
   Qe as m,
   Ye as n,
   Xe as o,
   We as p,
   be as s
 };
-//# sourceMappingURL=jsx-dev-runtime-CqunwZ8j.js.map
+//# sourceMappingURL=jsx-dev-runtime-Kf1Dhu-y.js.map