@sylwellsoftware/fray 0.7.0 → 1.1.0

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

@@ -1,223 +1,155 @@
-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: '""',
-    display: "block",
-    position: "absolute",
-    top: "0",
-    left: "0",
-    width: "100%",
-    height: "100%",
-    "pointer-events": "none"
-  },
-  inputline: {
-    display: "flex",
-    "flex-flow": "row nowrap",
-    position: "relative",
-    "min-height": "var(--control-min-height, 2rem)",
-    "box-sizing": "border-box"
-  },
-  input: {
-    "pointer-events": "all",
-    width: "var(--input-width, 15rem)",
-    "box-sizing": "border-box",
-    "white-space": "nowrap"
-  },
-  inputlike: {
-    "pointer-events": "all",
-    "box-sizing": "border-box",
-    "white-space": "nowrap"
-  },
-  labeledinput: {
-    display: "flex",
-    "flex-flow": "row nowrap",
-    "align-items": "center",
-    gap: ".5em"
-  },
-  working: {
-    display: "inline",
-    position: "absolute",
-    "z-index": "1",
-    margin: "auto",
-    animation: "fray-placeholder-progress 0.8s linear infinite",
-    "background-repeat": "repeat",
-    "background-size": "2rem 2rem",
-    "background-image": "var(--working-background-image)",
-    border: "0 solid transparent",
-    "border-radius": "inherit",
-    "box-sizing": "border-box"
-  },
-  uiline: {
-    "box-sizing": "border-box",
-    "min-height": "var(--control-min-height, 2rem)",
-    cursor: "pointer",
-    "user-select": "none"
-  },
-  noselect: {
-    "user-select": "var(--noselect-user-select)",
-    cursor: "var(--noselect-cursor)"
-  },
-  button: {
-    "box-sizing": "border-box",
-    cursor: "default",
-    "user-select": "none",
-    variants: {
-      ":disabled": {
-        cursor: "not-allowed",
-        "pointer-events": "none"
-      }
-    }
-  }
-}, K = "data-fray-structural-styles";
-let me = 1;
-class Q {
-  constructor(t = `runtime-${me++}`) {
-    a(this, "id");
-    a(this, "cssFragments", /* @__PURE__ */ new Set());
-    a(this, "baseStyleMap", /* @__PURE__ */ new Map());
+var ye = Object.defineProperty;
+var be = (e, t, n) => t in e ? ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var l = (e, t, n) => be(e, typeof t != "symbol" ? t + "" : t, n);
+const D = "data-fray-structural-styles";
+let ge = 1;
+class G {
+  constructor(t = `runtime-${ge++}`) {
+    l(this, "id");
+    l(this, "cssFragments", /* @__PURE__ */ new Map());
     if (typeof t != "string") throw new TypeError("StyleRegistry id must be a string");
     this.id = t;
   }
   registerCSS(t) {
     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) {
-    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))
-      throw new TypeError("Base style names must be a string or array");
-    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;
+    const n = t.trim();
+    return n.length > 0 && this.cssFragments.set(`raw:${n}`, { kind: "raw", css: n }), this;
   }
-  generateRootCSS() {
-    return `*, *::before, *::after {
-  box-sizing: border-box;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    scroll-behavior: auto !important;
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-
-@media (forced-colors: active) {
-  :focus-visible {
-    outline: 2px solid Highlight !important;
-    outline-offset: 2px !important;
-  }
-}`;
-  }
-  generateBaseStyleCSS() {
-    let t = "";
-    for (const [n, r] of this.baseStyleMap) {
-      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}${c}`,
-          o.map((u) => we(u, c)),
-          l
-        );
-    }
-    return t.trim();
+  /** @internal Collect a host-relative component template without resolving it yet. */
+  registerHostCSS(t, n) {
+    if (typeof t != "string") throw new TypeError("Component CSS must be a string");
+    if (typeof n != "string" || n.trim().length === 0)
+      throw new TypeError("Component CSS host must be a non-empty selector");
+    const r = t.trim();
+    if (r.length === 0) return this;
+    if (!r.includes("&")) return this.registerCSS(r);
+    const i = `host:${r}`, s = this.cssFragments.get(i);
+    return s == null ? this.cssFragments.set(i, {
+      kind: "host",
+      css: r,
+      hosts: /* @__PURE__ */ new Set([n.trim()])
+    }) : s.kind === "host" && s.hosts.add(n.trim()), this;
   }
   generateCSS() {
-    return [
-      this.generateRootCSS(),
-      this.generateBaseStyleCSS(),
-      [...this.cssFragments].join(`
-
-`)
-    ].filter(Boolean).join(`
+    return [...this.cssFragments.values()].map((t) => t.kind === "raw" ? t.css : J(t.css, [...t.hosts])).join(`
 
 `);
   }
   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[${K}="${Se(this.id)}"]`;
+    const n = `style[${D}="${ve(this.id)}"]`;
     let r = t.head.querySelector(n);
-    r == null && (r = t.createElement("style"), r.setAttribute(K, this.id), t.head.prepend(r));
+    r == null && (r = t.createElement("style"), r.setAttribute(D, this.id), t.head.prepend(r));
     const i = this.generateCSS();
     return r.textContent !== i && (r.textContent = i), r;
   }
   reset() {
-    this.cssFragments.clear(), this.baseStyleMap.clear();
-  }
-}
-function ye() {
-  return new Q();
-}
-const be = new Q("");
-function ge(e) {
-  const t = {};
-  let n = {};
-  for (const [r, i] of Object.entries(e))
-    if (r === "variants") {
-      if (typeof i != "object")
-        throw new TypeError("Base style variants must be declaration maps");
-      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(([i, s]) => `  ${i}: ${s};`).join(`
-`);
-  return `/* ${e} */
-${t.join(`,
-`)} {
-${r}
-}
-
-`;
+    this.cssFragments.clear();
+  }
 }
-function we(e, t) {
-  const n = e.indexOf("::");
-  return n < 0 ? `${e}${t}` : `${e.slice(0, n)}${t}${e.slice(n)}`;
+function we() {
+  return new G();
 }
-function Se(e) {
+const Se = new G("");
+function ve(e) {
   return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
 }
-const X = /* @__PURE__ */ new WeakSet(), ee = /* @__PURE__ */ new WeakSet();
-function Ue(e) {
+function J(e, t) {
+  let n = "", r = 0;
+  for (; r < e.length; ) {
+    const i = Re(e, r);
+    if (i < 0) return n + e.slice(r);
+    const s = Te(e, i);
+    if (s < 0) return n + e.slice(r);
+    const o = e.slice(r, i), a = e.slice(i + 1, s), c = o.trim();
+    n += c.startsWith("@") ? `${o}{${J(a, t)}}` : `${Ee(o, t)}{${a}}`, r = s + 1;
+  }
+  return n;
+}
+function Ee(e, t) {
+  var o, a, c;
+  if (t.length === 1 || !e.includes("&"))
+    return t.length === 1 ? e.replaceAll("&", t[0]) : e;
+  const n = ((o = e.match(/^\s*/)) == null ? void 0 : o[0]) ?? "", r = ((a = e.match(/\s*$/)) == null ? void 0 : a[0]) ?? "", i = Ce(e.trim()), s = ((c = n.match(/(?:^|\n)([ \t]*)$/)) == null ? void 0 : c[1]) ?? "";
+  return n + i.flatMap((u) => u.includes("&") ? t.map((h) => u.replaceAll("&", h)) : [u]).join(`,
+${s}`) + r;
+}
+function Ce(e) {
+  const t = [];
+  let n = 0, r = 0, i = 0, s = null;
+  for (let o = 0; o < e.length; o += 1) {
+    const a = e[o];
+    if (s != null) {
+      a === "\\" ? o += 1 : a === s && (s = null);
+      continue;
+    }
+    a === '"' || a === "'" ? s = a : a === "(" ? r += 1 : a === ")" ? r -= 1 : a === "[" ? i += 1 : a === "]" ? i -= 1 : a === "," && r === 0 && i === 0 && (t.push(e.slice(n, o).trim()), n = o + 1);
+  }
+  return t.push(e.slice(n).trim()), t.filter(Boolean);
+}
+function Re(e, t) {
+  for (let n = t; n < e.length; n += 1) {
+    const r = e[n];
+    if (r === '"' || r === "'")
+      n = Q(e, n);
+    else if (r === "/" && e[n + 1] === "*")
+      n = X(e, n);
+    else if (r === "{")
+      return n;
+  }
+  return -1;
+}
+function Te(e, t) {
+  let n = 1;
+  for (let r = t + 1; r < e.length; r += 1) {
+    const i = e[r];
+    if (i === '"' || i === "'")
+      r = Q(e, r);
+    else if (i === "/" && e[r + 1] === "*")
+      r = X(e, r);
+    else if (i === "{")
+      n += 1;
+    else if (i === "}" && --n === 0)
+      return r;
+  }
+  return -1;
+}
+function Q(e, t) {
+  const n = e[t];
+  for (let r = t + 1; r < e.length; r += 1)
+    if (e[r] === "\\") r += 1;
+    else if (e[r] === n) return r;
+  return e.length;
+}
+function X(e, t) {
+  const n = e.indexOf("*/", t + 2);
+  return n < 0 ? e.length : n + 1;
+}
+const ee = /* @__PURE__ */ new WeakSet(), te = /* @__PURE__ */ new WeakSet();
+function et(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;
+  return ee.add(t), t;
 }
-function We(e, t) {
-  if (x(e), typeof t != "function")
+function tt(e, t) {
+  if (z(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;
+  return te.add(n), n;
 }
-class te {
+class ne {
   constructor(t = []) {
-    a(this, "providers", /* @__PURE__ */ new Map());
-    a(this, "instances", /* @__PURE__ */ new Map());
-    a(this, "creationOrder", []);
-    a(this, "resolving", []);
-    a(this, "disposed", !1);
+    l(this, "providers", /* @__PURE__ */ new Map());
+    l(this, "instances", /* @__PURE__ */ new Map());
+    l(this, "creationOrder", []);
+    l(this, "resolving", []);
+    l(this, "disposed", !1);
     if (!Array.isArray(t))
       throw new TypeError("ServiceScope providers must be an array");
     for (const n of t) {
-      if (Re(n), this.providers.has(n.key))
+      if (Pe(n), this.providers.has(n.key))
         throw new Error(`Service "${n.key.name}" is registered more than once`);
       this.providers.set(n.key, n);
     }
@@ -226,10 +158,10 @@ class te {
     return this.disposed;
   }
   has(t) {
-    return this.assertActive(), x(t), this.providers.has(t);
+    return this.assertActive(), z(t), this.providers.has(t);
   }
   require(t) {
-    if (this.assertActive(), x(t), this.instances.has(t)) return this.instances.get(t);
+    if (this.assertActive(), z(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);
@@ -252,7 +184,7 @@ class te {
     for (const n of [...this.creationOrder].reverse()) {
       const r = this.instances.get(n);
       try {
-        const i = Ce(r);
+        const i = Oe(r);
         i != null && i.call(r);
       } catch (i) {
         t.push(i);
@@ -266,25 +198,25 @@ class te {
     if (this.disposed) throw new Error("ServiceScope has been disposed");
   }
 }
-function ve(e = []) {
-  return new te(e);
+function je(e = []) {
+  return new ne(e);
 }
-function Ee(e) {
-  return e != null && (typeof e == "object" || typeof e == "function") && X.has(e);
+function Ae(e) {
+  return e != null && (typeof e == "object" || typeof e == "function") && ee.has(e);
 }
-function x(e) {
-  if (!Ee(e)) throw new TypeError("Expected a service key created by defineService()");
+function z(e) {
+  if (!Ae(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))
+function Pe(e) {
+  if (e == null || typeof e != "object" && typeof e != "function" || !te.has(e))
     throw new TypeError("Expected a service provider created by provideService()");
 }
-function Ce(e) {
+function Oe(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 je = /* @__PURE__ */ new Set([
+const _e = /* @__PURE__ */ new Set([
   "annotation-xml",
   "color-profile",
   "font-face",
@@ -294,43 +226,34 @@ const je = /* @__PURE__ */ new Set([
   "font-face-name",
   "missing-glyph"
 ]);
-class L {
-  constructor(t = {}, n = ye()) {
-    a(this, "elementPrefix");
-    a(this, "elementNameOverrides");
-    a(this, "styleRegistry");
-    a(this, "services");
-    a(this, "router");
-    a(this, "routedRoots", /* @__PURE__ */ new WeakSet());
+class B {
+  constructor(t = {}, n = we()) {
+    l(this, "styleRegistry");
+    l(this, "services");
+    l(this, "router");
+    l(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 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, 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))
+    if (Object.hasOwn(t, "elementNames"))
+      throw new TypeError("FrayRuntime no longer supports configurable element names");
+    if (this.styleRegistry = n, this.services = t.services ?? je(), !(this.services instanceof ne))
       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 i = this.elementNameOverrides[t] ?? (this.elementPrefix == null ? n ?? t : `${this.elementPrefix}-${t}`);
-    return Z(i), i;
+  /** Resolve a fixed one-hyphen public host name for a built-in component. */
+  resolveElementName(t) {
+    re(t, "Fray component host name");
+    const n = `fray-${t.replaceAll("-", "")}`;
+    return Fe(n), n;
   }
-  resolveHostSelector(t, n, r = null) {
+  resolveHostSelector(t, n) {
     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(n));
   }
-  resolveHostCSS(t, n, r = null) {
+  resolveHostCSS(t, n) {
     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(n));
   }
   create(t, ...n) {
     const r = new t(...n);
@@ -356,19 +279,19 @@ class L {
     return this.styleRegistry.injectAll(t);
   }
 }
-function Ze(e = {}) {
-  return new L(e);
+function nt(e = {}) {
+  return new B(e);
 }
-const W = new L({}, be);
-function P(e, t) {
+const K = new B({}, Se);
+function re(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("-") || je.has(e))
+function Fe(e) {
+  if (re(e, "Fray element name"), !e.includes("-") || _e.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(), Te = /* @__PURE__ */ new Set([
+const P = Symbol.for("@sylwellsoftware/fray.Fragment"), ie = /* @__PURE__ */ new WeakSet(), Ne = /* @__PURE__ */ new Set([
   "allowFullScreen",
   "async",
   "autoFocus",
@@ -392,7 +315,7 @@ const A = Symbol.for("@sylwellsoftware/fray.Fragment"), ne = /* @__PURE__ */ new
   "required",
   "reversed",
   "selected"
-]), Pe = /* @__PURE__ */ new Set([
+]), $e = /* @__PURE__ */ new Set([
   "checked",
   "defaultChecked",
   "defaultValue",
@@ -406,11 +329,11 @@ const A = Symbol.for("@sylwellsoftware/fray.Fragment"), ne = /* @__PURE__ */ new
   "selectedIndex",
   "tabIndex",
   "value"
-]);
-function Ye(e) {
-  I(e, "live");
+]), U = "data-fray";
+function rt(e) {
+  H(e, "live");
   const t = Object.freeze({ emitter: e });
-  return ne.add(t), t;
+  return ie.add(t), t;
 }
 function O(e, t = null, ...n) {
   const r = t ?? {};
@@ -426,36 +349,38 @@ function O(e, t = null, ...n) {
     key: s,
     props: {
       ...o,
-      children: re([i, n])
+      children: se([i, n])
     }
   };
 }
-function Ge(e, ...t) {
+function ke(e, ...t) {
   return e.reduce((n, r, i) => n + r + String(t[i] ?? ""), "");
 }
-const d = class d {
+const m = class m {
   constructor(t = {}) {
-    a(this, "props");
-    a(this, "dom", null);
+    l(this, "props");
+    l(this, "dom", null);
     /** @internal */
-    a(this, "_rendered", null);
+    l(this, "_rendered", null);
     /** @internal */
-    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);
+    l(this, "_childComponents", /* @__PURE__ */ new Set());
+    /** @internal Component ancestry used to enforce structural invariants. */
+    l(this, "_parentComponent", null);
+    l(this, "initialized", !1);
+    l(this, "mounted", !1);
+    l(this, "destroyed", !1);
+    l(this, "updating", !1);
+    l(this, "updateRequested", !1);
+    l(this, "cleanupFunctions", /* @__PURE__ */ new Set());
+    l(this, "watched", /* @__PURE__ */ new Map());
+    l(this, "renderReadSubscriptions", /* @__PURE__ */ new Map());
+    l(this, "collectingRenderReads", null);
     /** @internal */
-    a(this, "_runtime", W);
+    l(this, "_runtime", K);
     /** @internal Route lineage inherited by nested routed components. */
-    a(this, "_routeContext", null);
+    l(this, "_routeContext", null);
     /** JSX component for this instance's runtime-configured custom host. */
-    a(this, "Host", ({
+    l(this, "Host", ({
       children: t = [],
       ...n
     }) => this.host(n, t));
@@ -465,23 +390,23 @@ const d = class d {
   }
   static new(...t) {
     const n = new this(...t);
-    if (!(n instanceof d))
+    if (!(n instanceof m))
       throw new TypeError("Component.new() requires a Component constructor");
     return n.mount();
   }
-  static get baseStyles() {
-    return {};
-  }
-  static registerStyles(t = W, n = /* @__PURE__ */ new Set()) {
+  static registerStyles(t = K, 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 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);
+    const r = this.hostName ?? null, i = Je(this);
+    for (const s of i)
+      Object.hasOwn(s, "css") && s.css && (r == null ? t.styleRegistry.registerCSS(s.css) : t.styleRegistry.registerHostCSS(
+        s.css,
+        t.resolveElementName(r)
+      ));
+    for (const s of i)
+      if (Object.hasOwn(s, "dependencies"))
+        for (const o of s.dependencies ?? [])
+          o.registerStyles(t, n);
   }
   /** One-time setup hook. Constructors must not subscribe or render. */
   initialize() {
@@ -491,21 +416,24 @@ const d = class d {
   }
   /** Render this component's configured custom host element. */
   host(t = null, ...n) {
-    const r = this.constructor, i = r.hostName;
+    const i = this.constructor.hostName;
     if (i == null)
       throw new Error(`${this.constructor.name} does not declare a custom host name`);
-    return O(this._runtime.resolveElementName(
-      i,
-      r.standaloneHostName
-    ), {
-      ...t,
+    const {
+      class: s,
+      className: o,
+      ...a
+    } = t ?? {}, c = o ?? s, u = this.props.island === !0 ? Qe(c, "island") : c;
+    return O(this._runtime.resolveElementName(i), {
+      ...a,
+      ...u == null ? {} : { className: u },
       "data-fray-component": i
     }, ...n);
   }
   /** @internal Assign an immutable application runtime before initialization or mounting. */
   _setRuntime(t) {
     var n;
-    if (!(t instanceof L))
+    if (!(t instanceof B))
       throw new TypeError("Component runtime must be a FrayRuntime");
     if (t === this._runtime) return this;
     if (this.initialized || this.mounted || this._rendered != null)
@@ -522,10 +450,17 @@ const d = class d {
   _routeContextForChildren() {
     return this._routeContext;
   }
+  /** @internal Assign the renderer-owned component ancestry. */
+  _setParentComponent(t) {
+    if (this._parentComponent != null && this._parentComponent !== t)
+      throw new Error("A component instance cannot move between component owners");
+    return this._parentComponent = t, this.validateIslandAncestry(this.props), this;
+  }
   mount(t = null, n = null) {
     if (this.destroyed) throw new Error("Cannot mount a destroyed component");
+    this.validateIslandAncestry(this.props);
     let r = !1;
-    return this.initialized || (this.validateRequiredServices(), this.initialized = !0, this.initialize()), this.mounted || (this.mounted = !0, this.update(), r = !0), t != null && (Ie(t), H(t, this._rendered, n)), r && this.afterMount(this.dom), this;
+    return this.initialized || (this.validateRequiredServices(), this.initialized = !0, this.initialize()), this.mounted || (this.mounted = !0, this.update(), r = !0), t != null && (Ge(t), V(t, this._rendered, n)), r && this.afterMount(this.dom), this;
   }
   attachTo(t) {
     return this.mount(t), this;
@@ -547,7 +482,7 @@ const d = class d {
         } finally {
           this.collectingRenderReads = null;
         }
-        this._rendered = M(this._rendered, r, this), this.dom = ae(this._rendered), this.reconcileRenderReads(n), this.afterUpdate(this.dom);
+        this._rendered = x(this._rendered, r, this), this.dom = ue(this._rendered), this.reconcileRenderReads(n), this.afterUpdate(this.dom);
       } while (this.updateRequested && !this.destroyed);
     } finally {
       this.updating = !1;
@@ -557,7 +492,7 @@ const d = class d {
   setProps(t) {
     if (t == null || typeof t != "object" || Array.isArray(t))
       throw new TypeError(`${this.constructor.name} props must be an object`);
-    return this.props = t, this.mounted && this.update(), this;
+    return this.validateIslandAncestry(t), this.props = t, this.mounted && this.update(), this;
   }
   afterMount(t) {
   }
@@ -621,7 +556,7 @@ const d = class d {
     return t.addEventListener(n, s, i), this.onCleanup(() => t.removeEventListener(n, s, i)), this;
   }
   registerChild(t) {
-    if (!(t instanceof d))
+    if (!(t instanceof m))
       throw new TypeError("registerChild requires a Component");
     return this._childComponents.add(t), t;
   }
@@ -640,10 +575,26 @@ const d = class d {
       if (!this._runtime.services.has(n))
         throw new Error(`${t.name} requires unregistered service "${n.name}"`);
   }
+  validateIslandAncestry(t) {
+    if (!k(t)) return;
+    if (this.hasIslandDescendant())
+      throw new Error("An island component cannot contain another island");
+    let n = this._parentComponent;
+    for (; n != null; ) {
+      if (k(n.props))
+        throw new Error("An island component cannot be nested inside another island");
+      n = n._parentComponent;
+    }
+  }
+  hasIslandDescendant() {
+    for (const t of this._childComponents)
+      if (k(t.props) || t.hasIslandDescendant()) return !0;
+    return !1;
+  }
   onDestroy() {
   }
   trackRenderRead(t) {
-    if (I(t, "Component.read"), this.collectingRenderReads == null)
+    if (H(t, "Component.read"), this.collectingRenderReads == null)
       throw new Error("Component.read() and snapshot() may only be called during render()");
     this.collectingRenderReads.add(t);
   }
@@ -659,12 +610,65 @@ const d = class d {
     }
   }
 };
-a(d, "dependencies", []), a(d, "requiredServices", []), a(d, "css", ""), a(d, "hostName", null), a(d, "standaloneHostName", null);
-let m = d;
+l(m, "dependencies", []), l(m, "requiredServices", []), /** Component `live()` bindings are opt-in; subclasses declare their allowlist. */
+l(m, "liveProps", []), l(m, "css", ke`
+        .fray-fill-horizontal,
+        .fray-fill-vertical {
+            box-sizing: border-box;
+            background: var(--application-background);
+            font-family: var(--font-family);
+            font-size: var(--font-size);
+            line-height: var(--line-height);
+        }
+
+        .fray-fill-horizontal {
+            width: 100vw;
+            max-width: 100vw;
+            min-width: 0;
+            overflow-x: auto;
+        }
+
+        .fray-fill-vertical {
+            height: 100vh;
+            max-height: 100vh;
+            min-height: 0;
+            overflow-y: auto;
+        }
+
+        .colored {
+            background: linear-gradient(15deg, var(--c1) 0%, var(--c2) 65%, var(--c2) 65%, var(--c3) 100%);
+            box-shadow: var(--colored-shadow);
+        }
+
+        .island {
+            box-sizing: border-box;
+            min-width: 0;
+            min-height: 0;
+            margin: var(--island-margin);
+            padding: var(--island-padding);
+            background: var(--island-background);
+            border: var(--island-border);
+            border-radius: var(--island-radius);
+            box-shadow: var(--island-shadow);
+        }
+
+        .fray-fill-horizontal.island,
+        .fray-fill-horizontal .island {
+            max-width: calc(100% - (2 * var(--island-margin)));
+            overflow-x: auto;
+        }
+
+        .fray-fill-vertical.island,
+        .fray-fill-vertical .island {
+            max-height: calc(100% - (2 * var(--island-margin)));
+            overflow-y: auto;
+        }
+    `), l(m, "hostName", null);
+let d = m;
 function R(e) {
-  return Array.isArray(e) ? O(A, null, e) : e == null || typeof e == "boolean" ? O(A) : e;
+  return Array.isArray(e) ? O(P, null, e) : e == null || typeof e == "boolean" ? O(P) : e;
 }
-function re(e) {
+function se(e) {
   const t = [], n = (r) => {
     if (Array.isArray(r))
       for (const i of r) n(i);
@@ -672,7 +676,7 @@ function re(e) {
   };
   return n(e), t;
 }
-function C(e, t) {
+function T(e, t) {
   if (typeof e == "string" || typeof e == "number")
     return {
       kind: "text",
@@ -681,15 +685,15 @@ function C(e, t) {
       node: document.createTextNode(String(e)),
       owner: t
     };
-  if (k(e)) {
-    const s = document.createComment("fray-emitter-start"), o = document.createComment("fray-emitter-end"), c = e.get();
-    if (Object.is(c, e))
+  if (N(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(s, o);
-    const u = C(R(c), t);
-    H(l, u, o);
-    const p = {
+    const c = document.createDocumentFragment();
+    c.append(s, o);
+    const u = T(R(a), t);
+    V(c, u, o);
+    const h = {
       kind: "emitter",
       key: null,
       source: e,
@@ -700,16 +704,16 @@ function C(e, t) {
       },
       owner: t
     };
-    return p.unsubscribe = e.subscribe(({ value: b }) => {
+    return h.unsubscribe = e.subscribe(({ value: b }) => {
       if (Object.is(b, e))
         throw new TypeError("A Fray emitter child cannot render itself");
-      p.child = M(p.child, R(b), t);
-    }, { emitCurrent: !1 }), p;
+      h.child = x(h.child, R(b), t);
+    }, { emitCurrent: !1 }), h;
   }
-  if (e instanceof m)
-    return e._setRuntime(t._runtime), e._setRouteContext(t._routeContextForChildren()), e.mount(), t.registerChild(e), {
+  if (e instanceof d)
+    return e._setRuntime(t._runtime), e._setRouteContext(t._routeContextForChildren()), e._setParentComponent(t), e.mount(), t.registerChild(e), {
       kind: "component",
-      key: ce(e.props),
+      key: fe(e.props),
       type: e.constructor,
       instance: e,
       prebuilt: !0,
@@ -718,10 +722,10 @@ function C(e, t) {
       owner: t
     };
   if (!y(e))
-    throw new TypeError(`Invalid Fray child: ${J(e)}`);
+    throw new TypeError(`Invalid Fray child: ${Y(e)}`);
   const { type: n, key: r = null, props: i } = e;
-  if (n === A) {
-    const s = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), c = {
+  if (n === P) {
+    const s = document.createComment("fray-fragment-start"), o = document.createComment("fray-fragment-end"), a = {
       kind: "fragment",
       key: r,
       type: n,
@@ -729,15 +733,15 @@ function C(e, t) {
       end: o,
       children: [],
       owner: t
-    }, l = document.createDocumentFragment();
-    return l.append(s, o), c.children = $(
-      l,
+    }, c = document.createDocumentFragment();
+    return c.append(s, o), a.children = _(
+      c,
       [],
       i.children,
       t,
       o,
       s
-    ), c;
+    ), a;
   }
   if (typeof n == "string") {
     const s = document.createElement(n), o = {
@@ -753,94 +757,108 @@ function C(e, t) {
       children: [],
       owner: t
     };
-    return oe(o, i), o.children = $(s, [], i.children, t), o;
-  }
-  if (ue(n)) {
-    const s = i, o = Y(s), c = new n(o);
-    c._setRuntime(t._runtime), c._setRouteContext(t._routeContextForChildren());
-    const l = {
+    return ce(o, i), o.children = _(s, [], i.children, t), o;
+  }
+  if (pe(n)) {
+    const s = i;
+    le(n, s);
+    const o = W(s), a = new n(o);
+    a._setRuntime(t._runtime), a._setRouteContext(t._routeContextForChildren()), a._setParentComponent(t);
+    const c = {
       kind: "component",
       key: r,
       type: n,
-      instance: c,
+      instance: a,
       prebuilt: !1,
       props: o,
       liveProps: /* @__PURE__ */ new Map(),
       owner: t
     };
-    return se(l, s), c.mount(), t.registerChild(c), l;
+    return ae(c, s), a.mount(), t.registerChild(a), c;
   }
   if (typeof n == "function") {
-    const s = n, o = i, c = Y(o), l = R(s(c)), u = {
+    const s = n, o = i, a = W(o), c = R(s(a)), u = {
       kind: "function",
       key: r,
       type: s,
-      props: c,
+      props: a,
       sourceProps: o,
       liveProps: /* @__PURE__ */ new Map(),
-      child: C(l, t),
+      child: T(c, t),
       owner: t
     };
-    return Oe(u), u;
+    return Le(u), u;
   }
-  throw new TypeError(`Unsupported vnode type: ${J(n)}`);
+  throw new TypeError(`Unsupported vnode type: ${Y(n)}`);
 }
-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 x(e, t, n) {
+  if (e == null) return T(t, n);
+  if (he(e, t)) return oe(e, t, n);
+  const r = T(t, n), i = ue(e), s = (i == null ? void 0 : i.parentNode) ?? null;
+  return s && V(s, r, i), g(e, !0), r;
 }
-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 = $(
+function oe(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 d || y(t) && ze(e, t.props), e) : y(t) ? e.kind === "function" ? (qe(e, t.props), e) : e.kind === "fragment" ? (e.children = _(
     e.start.parentNode,
     e.children,
     t.props.children,
     n,
     e.end,
     e.start
-  ), e) : (oe(e, t.props), e.children = $(
+  ), e) : (ce(e, t.props), e.children = _(
     e.node,
     e.children,
     t.props.children,
     n
   ), e) : e;
 }
-function Y(e) {
+function W(e) {
   return Object.fromEntries(Object.entries(e).map(([t, n]) => [
     t,
-    j(n) ? n.emitter.get() : n
+    v(n) ? n.emitter.get() : n
   ]));
 }
-function se(e, t) {
-  q(e.liveProps, t, (n, r) => {
+function ae(e, t) {
+  M(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);
+  }), e.props = I(e.liveProps, t), e.instance.setProps(e.props);
 }
-function Ae(e, t) {
-  se(e, t);
+function ze(e, t) {
+  le(e.type, t), ae(e, t);
 }
-function Oe(e) {
-  q(e.liveProps, e.sourceProps, (t, n) => {
-    e.props = { ...e.props, [t]: n }, z(e);
-  }), e.props = V(e.liveProps, e.sourceProps);
+function le(e, t) {
+  const n = Reflect.get(e, "liveProps");
+  if (n == null) return;
+  if (!Array.isArray(n) || n.some((i) => typeof i != "string"))
+    throw new TypeError(`${e.name || "Component"}.liveProps must be an array`);
+  const r = new Set(n);
+  for (const [i, s] of Object.entries(t))
+    if (v(s) && !r.has(i))
+      throw new TypeError(
+        `${e.name || "Component"} prop "${i}" does not support live()`
+      );
 }
-function $e(e, t) {
-  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 Le(e) {
+  M(e.liveProps, e.sourceProps, (t, n) => {
+    e.props = { ...e.props, [t]: n }, L(e);
+  }), e.props = I(e.liveProps, e.sourceProps);
 }
-function z(e) {
+function qe(e, t) {
+  e.sourceProps = t, M(e.liveProps, t, (n, r) => {
+    e.props = { ...e.props, [n]: r }, L(e);
+  }), e.props = I(e.liveProps, t), L(e);
+}
+function L(e) {
   const t = R(e.type(e.props));
-  e.child = M(e.child, t, e.owner);
+  e.child = x(e.child, t, e.owner);
 }
-function q(e, t, n) {
+function M(e, t, n) {
   for (const [r, i] of e) {
     const s = t[r];
-    j(s) && s.emitter === i.source || (i.unsubscribe(), e.delete(r));
+    v(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;
+    if (!v(i) || e.has(r)) continue;
     const s = {
       source: i.emitter,
       value: i.emitter.get(),
@@ -852,64 +870,66 @@ function q(e, t, n) {
     }, { emitCurrent: !1 }), e.set(r, s);
   }
 }
-function V(e, t) {
+function I(e, t) {
   return Object.fromEntries(Object.entries(t).map(([n, r]) => {
     var i;
     return [
       n,
-      j(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
+      v(r) ? ((i = e.get(n)) == null ? void 0 : i.value) ?? r.emitter.get() : r
     ];
   }));
 }
-function $(e, t, n, r, i = null, s = 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), c = /* @__PURE__ */ new Map(), l = [];
+  const o = se(n), a = /* @__PURE__ */ new Map(), c = [];
   for (const f of t)
-    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;
+    f.key == null ? c.push(f) : a.has(f.key) || a.set(f.key, f);
+  const u = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), b = [];
+  let me = 0;
   for (const f of o) {
-    const h = E(f);
-    if (h != null) {
-      if (u.has(h)) throw new Error(`Duplicate sibling key: ${String(h)}`);
-      u.add(h);
+    const p = C(f);
+    if (p != null) {
+      if (u.has(p)) throw new Error(`Duplicate sibling key: ${String(p)}`);
+      u.add(p);
     }
-    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));
+    const j = p == null ? c[me++] : a.get(p);
+    j && he(j, f) ? (h.add(j), b.push(oe(j, f, r))) : b.push(T(f, r));
   }
   for (const f of t)
-    p.has(f) || g(f, !0);
-  let v = s ? s.nextSibling : e.firstChild;
+    h.has(f) || g(f, !0);
+  let E = s ? s.nextSibling : e.firstChild;
   for (const f of b)
-    for (const h of w(f))
-      h === v ? v = v.nextSibling : (e.insertBefore(h, v ?? i), v = h.nextSibling);
+    for (const p of w(f))
+      p === E ? E = E.nextSibling : (e.insertBefore(p, E ?? i), E = p.nextSibling);
   return b;
 }
-function oe(e, t) {
-  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 s) {
-    const c = i[o], l = r[o];
-    if (Me(o))
-      ke(e, o, l);
-    else if (o === "ref")
-      c !== l && _e(e, l);
-    else if (Le(o))
-      Ne(e, o, l);
-    else if (j(l))
-      Fe(e, o, l);
+function ce(e, t) {
+  const n = Object.fromEntries(Object.entries(t).filter(
+    ([s]) => s !== "children" && A(s) !== U
+  )), r = e.props, i = /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(n)]);
+  for (const s of ["value", "checked"])
+    if (Object.hasOwn(n, s) && Object.hasOwn(n, `bind:${s}`))
+      throw new Error(`${s} and bind:${s} cannot be used together`);
+  for (const s of i) {
+    const o = r[s], a = n[s];
+    if (Ue(s))
+      xe(e, s, a);
+    else if (s === "ref")
+      o !== a && Ie(e, a);
+    else if (Ke(s))
+      Me(e, s, a);
+    else if (v(a))
+      Be(e, s, a);
     else {
-      const u = e.liveProps.get(o);
-      u && (u.unsubscribe(), e.liveProps.delete(o));
-      const p = (u == null ? void 0 : u.value) ?? c;
-      Object.is(p, l) || S(e.node, o, p, l);
+      const c = e.liveProps.get(s);
+      c && (c.unsubscribe(), e.liveProps.delete(s));
+      const u = (c == null ? void 0 : c.value) ?? o;
+      Object.is(u, a) || S(e.node, s, u, a);
     }
   }
-  e.props = { ...r };
+  e.node.setAttribute(U, ""), e.props = { ...n };
 }
-function Fe(e, t, n) {
+function Be(e, t, n) {
   const r = e.liveProps.get(t);
   if ((r == null ? void 0 : r.source) === n.emitter) return;
   r == null || r.unsubscribe();
@@ -922,36 +942,36 @@ function Fe(e, t, n) {
     }
   };
   s.unsubscribe = n.emitter.subscribe(({ value: o }) => {
-    const c = s.value;
-    s.value = o, Object.is(c, o) || S(e.node, t, c, o);
+    const a = s.value;
+    s.value = o, Object.is(a, o) || S(e.node, t, a, o);
   }, { emitCurrent: !1 }), e.liveProps.set(t, s);
 }
-function ke(e, t, n) {
+function xe(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), S(e.node, r, i.value, void 0));
     return;
   }
-  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();
+  if (We(n, t), (i == null ? void 0 : i.source) === n) return;
+  i && (i.unsubscribe(), e.node.removeEventListener(i.eventName, i.listener)), Ze(e.node, r);
+  const s = Ye(e.node, r), o = n.get();
   S(e.node, r, i == null ? void 0 : i.value, o);
-  const c = () => {
+  const a = () => {
     n.set(Reflect.get(e.node, r), `${t} changed`);
-  }, l = {
+  }, c = {
     source: n,
     value: o,
     eventName: s,
-    listener: c,
+    listener: a,
     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(s, c), e.nativeBindings.set(t, l);
+  c.unsubscribe = n.subscribe(({ value: u }) => {
+    const h = c.value;
+    c.value = u, Object.is(h, u) || S(e.node, r, h, u);
+  }, { emitCurrent: !1 }), e.node.addEventListener(s, a), e.nativeBindings.set(t, c);
 }
-function Ne(e, t, n) {
+function Me(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`);
@@ -960,51 +980,51 @@ function Ne(e, t, n) {
     e.node.addEventListener(r, s), e.listeners.set(t, s);
   }
 }
-function _e(e, t) {
-  if (B(e.ref, null), t != null && typeof t != "function" && typeof t != "object")
+function Ie(e, t) {
+  if (q(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);
+  e.ref = t, q(e.ref, e.node);
 }
 function S(e, t, n, r) {
   if (t === "class" || t === "className") {
-    N(e, "class", r);
+    $(e, "class", r);
     return;
   }
   if (t === "for" || t === "htmlFor") {
-    N(e, "for", r);
+    $(e, "for", r);
     return;
   }
   if (t === "dataset") {
-    xe(e, n, r);
+    Ve(e, n, r);
     return;
   }
   if (t === "style") {
-    ze(e, n, r);
+    He(e, n, r);
     return;
   }
   if (t === "dangerouslySetInnerHTML")
     throw new Error("dangerouslySetInnerHTML is not supported");
-  const i = Be(t);
-  if (Te.has(i)) {
+  const i = De(t);
+  if (Ne.has(i)) {
     const s = !!r;
-    i in e && Reflect.set(e, i, s), e.toggleAttribute(_(t), s);
+    i in e && Reflect.set(e, i, s), e.toggleAttribute(A(t), s);
     return;
   }
-  if (Pe.has(i) && i in e) {
+  if ($e.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));
+    Object.is(Reflect.get(e, i), s) || Reflect.set(e, i, s), r == null && e.removeAttribute(A(t));
     return;
   }
-  N(e, _(t), r);
+  $(e, A(t), r);
 }
-function xe(e, t, n) {
+function Ve(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 ze(e, t, n) {
+function He(e, t, n) {
   if (typeof n == "string") {
     e.style.cssText = n;
     return;
@@ -1022,19 +1042,19 @@ function F(e, t) {
     throw new TypeError(`${t} must be an object or null`);
   return e;
 }
-function N(e, t, n) {
+function $(e, t, n) {
   n == null || n === !1 ? e.removeAttribute(t) : n === !0 ? e.setAttribute(t, "") : e.setAttribute(t, String(n));
 }
-function Be(e) {
+function De(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) ? G(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function A(e) {
+  return e === "className" ? "class" : e === "htmlFor" ? "for" : e === "minLength" ? "minlength" : e === "maxLength" ? "maxlength" : e === "autoComplete" ? "autocomplete" : e === "inputMode" ? "inputmode" : /^aria[A-Z]/.test(e) || /^data[A-Z]/.test(e) ? Z(e) : e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function G(e) {
+function Z(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-function B(e, t) {
+function q(e, t) {
   e != null && (typeof e == "function" ? e(t) : e.current = t);
 }
 function g(e, t) {
@@ -1054,7 +1074,7 @@ function g(e, t) {
     return;
   }
   if (e.kind === "element") {
-    B(e.ref, null);
+    q(e.ref, null);
     for (const [n, r] of e.listeners)
       e.node.removeEventListener(n.slice(2).toLowerCase(), r);
     e.listeners.clear();
@@ -1075,7 +1095,7 @@ function g(e, t) {
   }
   t && e.node.remove();
 }
-function H(e, t, n = null) {
+function V(e, t, n = null) {
   if (t != null)
     for (const r of w(t)) e.insertBefore(r, n);
 }
@@ -1090,110 +1110,107 @@ function w(e) {
     n = n.nextSibling;
   return t;
 }
-function ae(e) {
+function ue(e) {
   return w(e)[0] ?? null;
 }
-function E(e) {
-  return e instanceof m ? ce(e.props) : y(e) ? e.key : null;
+function C(e) {
+  return e instanceof d ? fe(e.props) : y(e) ? e.key : null;
 }
-function ce(e) {
+function fe(e) {
   const t = e.key;
   return typeof t == "string" || typeof t == "number" ? t : null;
 }
-function le(e, t) {
-  return e.kind === "text" ? typeof t == "string" || typeof t == "number" : e.kind === "emitter" ? k(t) && e.source === t : e.kind === "component" ? t instanceof m ? 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 === A && e.key === E(t) : y(t) && typeof t.type == "string" && e.type === t.type && e.key === E(t);
+function he(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 d ? e.instance === t : y(t) && pe(t.type) && e.type === t.type && e.key === C(t) : e.kind === "function" ? y(t) && e.type === t.type && e.key === C(t) : e.kind === "fragment" ? y(t) && t.type === P && e.key === C(t) : y(t) && typeof t.type == "string" && e.type === t.type && e.key === C(t);
 }
 function y(e) {
   return e != null && typeof e == "object" && Object.hasOwn(e, "type");
 }
-function ue(e) {
-  return typeof e == "function" && (e === m || e.prototype instanceof m);
+function pe(e) {
+  return typeof e == "function" && (e === d || e.prototype instanceof d);
 }
-function Le(e) {
+function Ke(e) {
   return /^on[A-Z]/.test(e);
 }
-function Me(e) {
+function Ue(e) {
   return e === "bind:value" || e === "bind:checked";
 }
-function j(e) {
-  return e != null && typeof e == "object" && ne.has(e);
+function v(e) {
+  return e != null && typeof e == "object" && ie.has(e);
 }
-function k(e) {
+function N(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 I(e, t) {
-  if (!k(e)) throw new TypeError(`${t} requires a readable emitter`);
+function H(e, t) {
+  if (!N(e)) throw new TypeError(`${t} requires a readable emitter`);
 }
-function qe(e, t) {
-  if (I(e, t), typeof Reflect.get(e, "set") != "function")
+function We(e, t) {
+  if (H(e, t), typeof Reflect.get(e, "set") != "function")
     throw new TypeError(`${t} requires a writable emitter`);
 }
-function Ve(e, t) {
+function Ze(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 He(e, t) {
+function Ye(e, t) {
   return t === "value" && e.localName !== "select" ? "input" : "change";
 }
-function Ie(e) {
+function Ge(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 J(e) {
+function Y(e) {
   try {
     return String(e);
   } catch {
     return Object.prototype.toString.call(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")))
-        throw new TypeError("Component base style names must be strings");
-      return [t[0], n];
-    });
-  if (typeof e != "object")
-    throw new TypeError("Component baseStyles must be an object or tuple array");
-  return Object.entries(e).map(([t, n]) => [
-    t,
-    n
-  ]);
+function Je(e) {
+  const t = [];
+  let n = e;
+  for (; n != null && typeof n == "function" && (t.unshift(n), n !== d); )
+    n = Object.getPrototypeOf(n);
+  return t;
+}
+function Qe(...e) {
+  return [...new Set(e.flatMap((t) => typeof t == "string" ? t.split(/\s+/) : []).filter(Boolean))].join(" ");
+}
+function k(e) {
+  if (e.island === !0) return !0;
+  const t = e.className ?? e.class;
+  return typeof t == "string" && t.split(/\s+/).includes("island");
 }
-function fe(e, t, n) {
+function de(e, t, n) {
   const r = t == null ? {} : { ...t };
   return n !== void 0 && (r.key = n), O(e, r);
 }
-const Je = fe, Qe = fe;
-function Xe(e) {
-  if (!(e instanceof m))
+const it = de, st = de;
+function ot(e) {
+  if (!(e instanceof d))
     throw new TypeError("createPrebuiltElement requires a Component instance");
   return e;
 }
 export {
-  m as C,
-  A as F,
-  te as S,
-  Je as a,
-  L as b,
-  Ge as c,
-  Q as d,
-  Ze as e,
-  ve as f,
-  ye as g,
+  d as C,
+  P as F,
+  ne as S,
+  it as a,
+  B as b,
+  ke as c,
+  G as d,
+  nt as e,
+  je as f,
+  we as g,
   O as h,
   y as i,
-  fe as j,
-  W as k,
-  Ue as l,
-  Qe as m,
-  Ye as n,
-  Xe as o,
-  We as p,
-  be as s
+  de as j,
+  K as k,
+  et as l,
+  st as m,
+  rt as n,
+  ot as o,
+  tt as p,
+  Se as s
 };
-//# sourceMappingURL=jsx-dev-runtime-Kf1Dhu-y.js.map
+//# sourceMappingURL=jsx-dev-runtime-8s_xIag_.js.map