@sylwellsoftware/fray 1.1.0 → 1.2.0

package/dist/index.js

@@ -1,16 +1,16 @@
-var Mt = Object.defineProperty;
-var Ht = (t, r, e) => r in t ? Mt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
-var a = (t, r, e) => Ht(t, typeof r != "symbol" ? r + "" : r, e);
-import { C as g, j as p, c as E, h as w, F as Ie, a as v, i as we } from "./jsx-dev-runtime-8s_xIag_.js";
-import { b as to, S as ro, d as io, e as oo, f as so, g as no, k as ao, l as lo, m as co, n as uo, p as ho, s as po } from "./jsx-dev-runtime-8s_xIag_.js";
-import { Emitter as I, DerivedEmitter as Te, FetchState as S, QueryArg as bt, LiveQuery as Vt, RestQueryHandler as Ut } from "@sylwellsoftware/glue";
-class Ye extends g {
+var _t = Object.defineProperty;
+var Qt = (t, r, e) => r in t ? _t(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var a = (t, r, e) => Qt(t, typeof r != "symbol" ? r + "" : r, e);
+import { C as g, j as h, c as w, h as se, F as Ie, a as y, i as we, b as Bt } from "./jsx-dev-runtime-C7dc8ZyF.js";
+import { S as uo, d as ho, e as po, f as fo, g as mo, k as bo, l as go, m as yo, n as wo, p as vo, s as Eo } from "./jsx-dev-runtime-C7dc8ZyF.js";
+import { Emitter as S, DerivedEmitter as Te, FetchState as k, QueryArg as gt, LiveQuery as Wt, RestQueryHandler as Gt } from "@sylwellsoftware/glue";
+class Je extends g {
   render() {
     return this.props.children ?? [];
   }
 }
-a(Ye, "liveProps", []);
-const y = {
+a(Je, "liveProps", []);
+const v = {
   /** Deny mode: Excludes items that match the filter. */
   Deny: "deny",
   /** Require mode: Includes only items that match the filter. */
@@ -21,29 +21,29 @@ const y = {
   Neutral: "neutral"
 };
 function Re(t) {
-  return Object.values(y).some((r) => r === t);
+  return Object.values(v).some((r) => r === t);
 }
-let _t = 1;
-function R(t, r) {
-  return r != null && String(r).length > 0 ? String(r) : `fray-${t}-${_t++}`;
+let Yt = 1;
+function I(t, r) {
+  return r != null && String(r).length > 0 ? String(r) : `fray-${t}-${Yt++}`;
 }
-function F(t, r, e, i) {
+function L(t, r, e, i) {
   if (r.valueEmitter != null)
-    return Qt(r.valueEmitter, "valueEmitter"), r.valueEmitter;
+    return Jt(r.valueEmitter, "valueEmitter"), r.valueEmitter;
   const o = r.defaultValue ?? r.value ?? r.initialValue ?? e, s = { owner: t, purpose: i };
-  return new I(o, s);
+  return new S(o, s);
 }
-function Qt(t, r = "emitter") {
+function Jt(t, r = "emitter") {
   if (t == null || typeof t != "object" && typeof t != "function" || typeof Reflect.get(t, "get") != "function" || typeof Reflect.get(t, "set") != "function" || typeof Reflect.get(t, "subscribe") != "function")
     throw new TypeError(`${r} must be an emitter`);
 }
-function Bt(...t) {
+function Zt(...t) {
   return t.flatMap((r) => typeof r == "string" ? r.split(/\s+/) : []).filter(Boolean).join(" ");
 }
-function x(t) {
+function E(t) {
   return t.className ?? t.class ?? "";
 }
-function $(t, ...r) {
+function z(t, ...r) {
   if (t != null) {
     if (typeof t != "function") throw new TypeError("Control callback must be a function");
     t(...r);
@@ -52,7 +52,7 @@ function $(t, ...r) {
 function ve(t, r = "options") {
   if (!Array.isArray(t)) throw new TypeError(`${r} must be an array`);
 }
-function Wt(t) {
+function Xt(t) {
   return Re(t) ? t : String(t);
 }
 class X extends g {
@@ -62,9 +62,9 @@ class X extends g {
     a(this, "valueEmitter");
     a(this, "activeTabEmitter");
     const i = e.tabs ?? [];
-    gt(i);
+    yt(i);
     const o = { ...e };
-    o.valueEmitter == null && e.activeTabEmitter != null && (o.valueEmitter = e.activeTabEmitter), o.defaultValue == null && e.initialActiveTabId != null && (o.defaultValue = e.initialActiveTabId), this.valueEmitter = F(
+    o.valueEmitter == null && e.activeTabEmitter != null && (o.valueEmitter = e.activeTabEmitter), o.defaultValue == null && e.initialActiveTabId != null && (o.defaultValue = e.initialActiveTabId), this.valueEmitter = L(
       this,
       o,
       ((s = i.find((n) => !n.disabled)) == null ? void 0 : s.id) ?? null,
@@ -75,27 +75,27 @@ class X extends g {
     this.watch(this.valueEmitter);
   }
   selectTab(e, i = null) {
-    e == null || e.disabled || (this.props.onSelectTab == null ? this.valueEmitter.set(e.id, "tab selected") : this.props.onSelectTab(e, i), $(this.props.onChange, e.id, i));
+    e == null || e.disabled || (this.props.onSelectTab == null ? this.valueEmitter.set(e.id, "tab selected") : this.props.onSelectTab(e, i), z(this.props.onChange, e.id, i));
   }
   render() {
     const { tabs: e = [], label: i = "Sections", baseId: o = "fray-tabs" } = this.props;
-    gt(e);
+    yt(e);
     const s = this.valueEmitter.get(), n = this.Host;
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ h(
       n,
       {
         role: "tablist",
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         "aria-label": i,
-        children: e.map((l, c) => /* @__PURE__ */ p(
+        children: e.map((l, c) => /* @__PURE__ */ h(
           "button",
           {
-            id: Ot(o, l.id),
+            id: qt(o, l.id),
             type: "button",
             role: "tab",
             disabled: !!l.disabled,
             "aria-selected": Object.is(s, l.id) ? "true" : "false",
-            "aria-controls": At(o, l.id),
+            "aria-controls": Nt(o, l.id),
             tabIndex: Object.is(s, l.id) ? 0 : -1,
             onClick: (u) => this.selectTab(l, u),
             onKeyDown: (u) => this.handleKeyDown(u, c, e),
@@ -127,7 +127,7 @@ class X extends g {
     }
   }
 }
-a(X, "liveProps", []), a(X, "hostName", "tab-line"), a(X, "css", E`
+a(X, "liveProps", []), a(X, "hostName", "tab-line"), a(X, "css", w`
         & {
             display: flex;
             background: var(--tabline-background);
@@ -191,16 +191,16 @@ a(X, "liveProps", []), a(X, "hostName", "tab-line"), a(X, "css", E`
         }
 
     `);
-function Ot(t, r) {
-  return `${t}-tab-${jt(r)}`;
+function qt(t, r) {
+  return `${t}-tab-${Lt(r)}`;
 }
-function At(t, r) {
-  return `${t}-panel-${jt(r)}`;
+function Nt(t, r) {
+  return `${t}-panel-${Lt(r)}`;
 }
-function jt(t) {
+function Lt(t) {
   return encodeURIComponent(String(t)).replaceAll("%", "-");
 }
-function gt(t) {
+function yt(t) {
   if (!Array.isArray(t)) throw new TypeError("TabLine tabs must be an array");
   const r = /* @__PURE__ */ new Set();
   for (const e of t) {
@@ -220,7 +220,7 @@ class Ee extends g {
     this.closeScope = e.openScope(this.props.context, this);
   }
   render() {
-    return w(Ie, null, this.props.children ?? []);
+    return se(Ie, null, this.props.children ?? []);
   }
   afterMount() {
     var e;
@@ -235,7 +235,7 @@ class Ee extends g {
   }
 }
 a(Ee, "liveProps", []);
-class ne extends g {
+class ae extends g {
   constructor(e = {}) {
     var s;
     super(e);
@@ -243,35 +243,35 @@ class ne extends g {
     a(this, "activeTabEmitter");
     a(this, "baseId");
     a(this, "routeContexts", /* @__PURE__ */ new Map());
-    const i = Z(e), o = { ...e };
-    o.valueEmitter == null && e.activeTabEmitter != null && (o.valueEmitter = e.activeTabEmitter), o.defaultValue == null && e.initialActiveTabId != null && (o.defaultValue = e.initialActiveTabId), this.valueEmitter = F(
+    const i = J(e), o = { ...e };
+    o.valueEmitter == null && e.activeTabEmitter != null && (o.valueEmitter = e.activeTabEmitter), o.defaultValue == null && e.initialActiveTabId != null && (o.defaultValue = e.initialActiveTabId), this.valueEmitter = L(
       this,
       o,
       ((s = i.find((n) => !n.disabled)) == null ? void 0 : s.id) ?? null,
       "active tab"
-    ), this.activeTabEmitter = this.valueEmitter, this.baseId = R("tabs", e.id);
+    ), this.activeTabEmitter = this.valueEmitter, this.baseId = I("tabs", e.id);
   }
   initialize() {
     var i;
-    const e = Z(this.props);
+    const e = J(this.props);
     e.some(({ id: o }) => Object.is(o, this.valueEmitter.get())) || this.valueEmitter.set(((i = e.find((o) => !o.disabled)) == null ? void 0 : i.id) ?? null), this.registerRoutes(e), this.watch(this.valueEmitter);
   }
   setProps(e) {
     var o;
     super.setProps(e);
-    const i = Z(e);
+    const i = J(e);
     return i.some(({ id: s }) => Object.is(s, this.valueEmitter.get())) || this.valueEmitter.set(((o = i.find((s) => !s.disabled)) == null ? void 0 : o.id) ?? null), this.registerRoutes(i), this;
   }
   render() {
     var s;
-    const e = Z(this.props), i = (s = e.find(({ id: n }) => Object.is(n, this.valueEmitter.get())) ?? e.find((n) => !n.disabled) ?? null) == null ? void 0 : s.id, o = this.Host;
-    return /* @__PURE__ */ v(
+    const e = J(this.props), i = (s = e.find(({ id: n }) => Object.is(n, this.valueEmitter.get())) ?? e.find((n) => !n.disabled) ?? null) == null ? void 0 : s.id, o = this.Host;
+    return /* @__PURE__ */ y(
       o,
       {
         id: this.baseId,
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ h(
             X,
             {
               tabs: e.map(({ id: n, label: l, disabled: c }) => ({ id: n, label: l, disabled: c })),
@@ -285,12 +285,12 @@ class ne extends g {
           ),
           e.map((n) => {
             const l = Object.is(i, n.id);
-            return /* @__PURE__ */ p(
+            return /* @__PURE__ */ h(
               "section",
               {
-                id: At(this.baseId, n.id),
+                id: Nt(this.baseId, n.id),
                 role: "tabpanel",
-                "aria-labelledby": Ot(this.baseId, n.id),
+                "aria-labelledby": qt(this.baseId, n.id),
                 tabIndex: l ? 0 : -1,
                 hidden: !l,
                 children: this.routedContent(n)
@@ -328,15 +328,15 @@ class ne extends g {
   }
   selectTab(e, i) {
     var n;
-    const o = Z(this.props).find(({ id: l }) => Object.is(l, e.id)), s = (o == null ? void 0 : o.route) == null ? null : this.routeContexts.get(o.route);
+    const o = J(this.props).find(({ id: l }) => Object.is(l, e.id)), s = (o == null ? void 0 : o.route) == null ? null : this.routeContexts.get(o.route);
     s == null ? this.valueEmitter.set(e.id, "tab selected") : (n = this._runtime.router) == null || n.navigate(s);
   }
   routedContent(e) {
     const i = e.route == null ? null : this.routeContexts.get(e.route);
-    return i == null ? e.content : /* @__PURE__ */ p(Ee, { context: i, children: e.content }, i.pathname);
+    return i == null ? e.content : /* @__PURE__ */ h(Ee, { context: i, children: e.content }, i.pathname);
   }
 }
-a(ne, "liveProps", []), a(ne, "dependencies", [Ee, X, Ye]), a(ne, "hostName", "tab-panel"), a(ne, "css", E`
+a(ae, "liveProps", []), a(ae, "dependencies", [Ee, X, Je]), a(ae, "hostName", "tab-panel"), a(ae, "css", w`
         & {
             background: var(--panel-background);
             border-radius: var(--panel-radius);
@@ -367,10 +367,10 @@ a(ne, "liveProps", []), a(ne, "dependencies", [Ee, X, Ye]), a(ne, "hostName", "t
             margin-inline-start: -3px;
         }
     `);
-function Z(t) {
+function J(t) {
   const r = t.tabs ?? [];
   if (!Array.isArray(r)) throw new TypeError("TabPanel tabs must be an array");
-  const i = (Array.isArray(t.children) ? t.children : t.children == null ? [] : [t.children]).filter((n) => we(n) && n.type === Ye).map((n, l) => {
+  const i = (Array.isArray(t.children) ? t.children : t.children == null ? [] : [t.children]).filter((n) => we(n) && n.type === Je).map((n, l) => {
     if (!we(n)) throw new TypeError("TabPanel children must be Tab nodes");
     const c = n.props;
     return {
@@ -394,29 +394,115 @@ function Z(t) {
   }
   return o;
 }
-class L extends g {
+class wt extends g {
+  mount(r = null, e = null) {
+    if (r != null) {
+      const i = Ft(r, "FrayApp.mount"), o = this.constructor;
+      this._runtime.registerStyles(o).injectStyles(i);
+    }
+    return super.mount(r, e);
+  }
+  renderContent() {
+    return this.props.children ?? null;
+  }
+  render() {
+    const {
+      children: r,
+      key: e,
+      class: i,
+      className: o,
+      island: s,
+      sizing: n = "embedded",
+      landmark: l = "main",
+      ...c
+    } = this.props, u = this.Host, p = rr(i, o, er(n));
+    return /* @__PURE__ */ h(
+      u,
+      {
+        ...c,
+        role: tr(l),
+        ...p == null ? {} : { className: p },
+        children: this.renderContent()
+      }
+    );
+  }
+}
+a(wt, "hostName", "app"), a(wt, "css", w`
+        & {
+            box-sizing: border-box;
+            display: block;
+            background: var(--application-background);
+            color: var(--ui-color);
+            font-family: var(--font-family);
+            font-size: var(--font-size);
+            line-height: var(--line-height);
+        }
+    `);
+function Li(t, r, e, ...i) {
+  if (!(t instanceof Bt))
+    throw new TypeError("mountFrayApp requires a FrayRuntime");
+  const o = Ft(e, "mountFrayApp");
+  return t.registerStyles(r).injectStyles(o), t.mount(t.create(r, ...i), e);
+}
+function Ft(t, r) {
+  if (t == null || typeof t != "object" || !("ownerDocument" in t))
+    throw new TypeError(`${r} requires a DOM parent node`);
+  const e = t.ownerDocument ?? (t.nodeType === 9 ? t : null);
+  if ((e == null ? void 0 : e.head) == null)
+    throw new TypeError(`${r} requires a parent associated with a document head`);
+  return e;
+}
+function er(t) {
+  switch (t) {
+    case "embedded":
+      return;
+    case "viewport-width":
+      return "fray-fill-horizontal";
+    case "viewport-height":
+      return "fray-fill-vertical";
+    case "viewport":
+      return "fray-fill-horizontal fray-fill-vertical";
+    default:
+      throw new TypeError(
+        "FrayApp sizing must be embedded, viewport-width, viewport-height, or viewport"
+      );
+  }
+}
+function tr(t) {
+  if (t === "main") return "main";
+  if (t === "none") return null;
+  throw new TypeError("FrayApp landmark must be main or none");
+}
+function rr(...t) {
+  const r = t.flatMap((e) => (e == null ? void 0 : e.trim().split(/\s+/)) ?? []).filter(Boolean).join(" ");
+  return r.length === 0 ? void 0 : r;
+}
+class N extends g {
   constructor(e = {}) {
     super(e);
     a(this, "headerId");
     a(this, "headingId");
-    this.headerId = R("header", e.id), this.headingId = R("header-title", e.headingId ?? `${this.headerId}-title`);
+    this.headerId = I("header", e.id), this.headingId = I("header-title", e.headingId ?? `${this.headerId}-title`);
   }
   render() {
     const { level: e = 2, children: i = [] } = this.props;
     if (!Number.isInteger(e) || e < 1 || e > 6)
       throw new TypeError("Header level must be an integer from 1 to 6");
     const o = this.Host;
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ h(
       o,
       {
         id: this.headerId,
-        className: x(this.props) || null,
-        children: w(`h${e}`, { id: this.headingId }, i)
+        className: E(this.props) || null,
+        children: (() => {
+          const s = `h${e}`;
+          return /* @__PURE__ */ h(s, { id: this.headingId, children: i });
+        })()
       }
     );
   }
 }
-a(L, "liveProps", []), a(L, "hostName", "header"), a(L, "css", E`
+a(N, "liveProps", []), a(N, "hostName", "header"), a(N, "css", w`
         & {
             display: block;
             color: var(--section-header-color);
@@ -437,12 +523,12 @@ a(L, "liveProps", []), a(L, "hostName", "header"), a(L, "css", E`
             font: inherit;
         }
     `);
-class ae extends g {
+class Z extends g {
   constructor(e) {
     super(e);
     a(this, "panelId");
     a(this, "headerId");
-    this.panelId = R("group-panel", e.id), this.headerId = `${this.panelId}-title`;
+    this.panelId = I("group-panel", e.id), this.headerId = `${this.panelId}-title`;
   }
   render() {
     const { header: e, children: i = [] } = this.props;
@@ -450,38 +536,37 @@ class ae extends g {
   }
   renderGroupPanel(e, i) {
     const o = this.Host;
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       o,
       {
         id: this.panelId,
         role: "group",
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         "aria-labelledby": this.headerId,
         children: [
-          /* @__PURE__ */ p(
-            L,
+          /* @__PURE__ */ h(
+            N,
             {
               id: `${this.panelId}-header`,
               headingId: this.headerId,
               children: e
             }
           ),
-          w("fray-content", null, i)
+          /* @__PURE__ */ h("fray-content", { children: i })
         ]
       }
     );
   }
 }
-a(ae, "liveProps", []), a(ae, "hostName", "group-panel"), a(ae, "dependencies", [L]), a(ae, "css", E`
+a(Z, "liveProps", []), a(Z, "hostName", "group-panel"), a(Z, "dependencies", [N]), a(Z, "css", w`
         & {
-            display: grid;
-            grid-template-columns: 1.5rem minmax(0, 1fr);
+            display: flex;
+            flex-flow: row nowrap;
             align-items: stretch;
             box-sizing: border-box;
             min-width: 0;
             min-height: 0;
             column-gap: 0.35rem;
-            row-gap: 0;
             padding-block: 0.125rem;
             padding-inline: 0.125rem 0.35rem;
             border: 1px solid var(--ui-border-color);
@@ -492,38 +577,154 @@ a(ae, "liveProps", []), a(ae, "hostName", "group-panel"), a(ae, "dependencies",
             display: grid;
             place-items: center;
             box-sizing: border-box;
-            width: 100%;
+            width: 1.7em;
             min-width: 0;
             min-height: 0;
             padding: 0.125em;
             border-radius: var(--ui-border-radius);
-        }
-
-        & > fray-header > h1,
-        & > fray-header > h2,
-        & > fray-header > h3,
-        & > fray-header > h4,
-        & > fray-header > h5,
-        & > fray-header > h6 {
-            font-weight: 650;
-            white-space: nowrap;
             writing-mode: vertical-rl;
             transform: rotate(180deg);
+            font-weight: normal;
+            font-size: var(--ui-font-size);
         }
 
         & > fray-content {
             display: block;
             min-width: 0;
             min-height: 0;
+            margin-left: .25em;
         }
     `);
-const Gt = ["disabled"];
+class ze extends g {
+  constructor(e) {
+    super(e);
+    a(this, "groupId");
+    a(this, "errorId");
+    this.groupId = I("option-group", e.id), this.errorId = `${this.groupId}-error`;
+  }
+  render() {
+    return this.renderOptionGroup(this.props.children ?? []);
+  }
+  renderOptionGroup(e) {
+    const i = this.Host, {
+      label: o,
+      ariaLabel: s,
+      headerEnd: n = null,
+      disabled: l = !1,
+      required: c = !1,
+      error: u = null
+    } = this.props;
+    return /* @__PURE__ */ y(i, { className: E(this.props) || null, children: [
+      /* @__PURE__ */ y(
+        "fieldset",
+        {
+          id: this.groupId,
+          disabled: l,
+          "aria-label": o == null ? s : null,
+          "aria-required": c ? "true" : null,
+          "aria-invalid": u == null ? null : "true",
+          "aria-describedby": u == null ? null : this.errorId,
+          children: [
+            o != null || n != null ? /* @__PURE__ */ y("legend", { children: [
+              o != null ? /* @__PURE__ */ h("span", { children: o }) : null,
+              n
+            ] }) : null,
+            e
+          ]
+        }
+      ),
+      u == null ? null : /* @__PURE__ */ h(
+        "p",
+        {
+          id: this.errorId,
+          role: "alert",
+          children: String(u)
+        }
+      )
+    ] });
+  }
+}
+a(ze, "liveProps", []), a(ze, "hostName", "option-group"), a(ze, "css", w`
+        & {
+            display: block;
+            min-width: 0;
+        }
+
+        & > fieldset {
+            margin: 0;
+            padding: 0;
+            min-inline-size: 0;
+            border: 0;
+            width: 100%;
+        }
+
+        & > fieldset > legend {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            box-sizing: border-box;
+            gap: 0.5rem;
+            width: 100%;
+            padding: 0 0 0.25em;
+            margin-bottom: 0.5em;
+            border-bottom: 1px solid var(--ui-border-color);
+            font: inherit;
+        }
+
+        & > fieldset > legend > span {
+            flex: 1;
+            min-width: 0;
+        }
+
+        & > p[role="alert"] {
+            margin: 0.25em 0 0;
+        }
+    `);
+class vt extends Z {
+}
+a(vt, "hostName", "options-panel"), a(vt, "css", w`
+        & > fray-content {
+            display: flex;
+            flex-direction: column;
+            align-self: stretch;
+            flex: 1 1 0;
+            gap: .5em;
+        }
+
+        & > fray-content * > fieldset > legend {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            box-sizing: border-box;
+            font-size: var(--ui-font-size);
+            color: var(--palette-neutral-950);
+            gap: 0.5rem;
+            width: 100%;
+            padding: 0 0 0.25em;
+            margin-bottom: 0.25em;
+            border-bottom: 1px solid var(--ui-border-color);
+        }
+
+        & > fray-content * > fieldset {
+            display: flex;
+            flex-flow: column;
+            justify-content: stretch;
+            justify-items: stretch;
+            align-items: stretch;
+            align-content: stretch;
+            box-sizing: border-box;
+            width: 100%;
+            gap: 0;
+            padding: .25em 0 .5em 0;
+        }
+    `);
+const ir = ["disabled"];
 class le extends g {
   constructor(e = {}) {
     super(e);
     a(this, "panelId");
     a(this, "headerId");
-    this.panelId = R("panel", e.id), this.headerId = `${this.panelId}-title`;
+    this.panelId = I("panel", e.id), this.headerId = `${this.panelId}-title`;
   }
   render() {
     const {
@@ -535,32 +736,32 @@ class le extends g {
     } = this.props;
     if (!["horizontal", "vertical"].includes(s))
       throw new TypeError("Panel orientation must be horizontal or vertical");
-    const l = this.Host, c = e == null ? null : /* @__PURE__ */ p(
-      L,
+    const l = this.Host, c = e == null ? null : /* @__PURE__ */ h(
+      N,
       {
         id: `${this.panelId}-header`,
         headingId: this.headerId,
         children: e
       }
     );
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       l,
       {
         id: this.panelId,
         role: e == null ? null : "region",
-        className: x(this.props),
+        className: E(this.props),
         "aria-disabled": n ? "true" : null,
         "aria-labelledby": e == null ? null : this.headerId,
         children: [
           c,
           i,
-          w("fray-content", { className: s }, o)
+          /* @__PURE__ */ h("fray-content", { className: s, children: o })
         ]
       }
     );
   }
 }
-a(le, "liveProps", Gt), a(le, "hostName", "panel"), a(le, "dependencies", [L]), a(le, "css", E`
+a(le, "liveProps", ir), a(le, "hostName", "panel"), a(le, "dependencies", [N]), a(le, "css", w`
         & {
             background: var(--panel-background);
             border: var(--panel-border);
@@ -598,7 +799,7 @@ class ce extends g {
     super(e);
     a(this, "sidebarId");
     a(this, "headerId");
-    this.sidebarId = R("sidebar", e.id), this.headerId = `${this.sidebarId}-title`;
+    this.sidebarId = I("sidebar", e.id), this.headerId = `${this.sidebarId}-title`;
   }
   render() {
     const {
@@ -606,15 +807,15 @@ class ce extends g {
       toolbar: i = null,
       ariaLabel: o,
       children: s = []
-    } = this.props, n = this.Host, l = e == null ? null : /* @__PURE__ */ p(
-      L,
+    } = this.props, n = this.Host, l = e == null ? null : /* @__PURE__ */ h(
+      N,
       {
         id: `${this.sidebarId}-header`,
         headingId: this.headerId,
         children: e
       }
     );
-    return /* @__PURE__ */ p(n, { className: x(this.props) || null, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ h(n, { className: E(this.props) || null, children: /* @__PURE__ */ y(
       "aside",
       {
         id: this.sidebarId,
@@ -622,14 +823,14 @@ class ce extends g {
         "aria-labelledby": e == null ? null : this.headerId,
         children: [
           l,
-          i == null ? null : w("fray-toolbarcontent", null, i),
-          w("fray-content", { tabIndex: 0 }, s)
+          i == null ? null : /* @__PURE__ */ h("fray-toolbarcontent", { children: i }),
+          /* @__PURE__ */ h("fray-content", { tabIndex: 0, children: s })
         ]
       }
     ) });
   }
 }
-a(ce, "liveProps", []), a(ce, "hostName", "sidebar"), a(ce, "dependencies", [L]), a(ce, "css", E`
+a(ce, "liveProps", []), a(ce, "hostName", "sidebar"), a(ce, "dependencies", [N]), a(ce, "css", w`
         & {
             display: flex;
             min-width: 0;
@@ -656,7 +857,7 @@ a(ce, "liveProps", []), a(ce, "hostName", "sidebar"), a(ce, "dependencies", [L])
             overflow: auto;
         }
     `);
-class ze extends g {
+class $e extends g {
   render() {
     const {
       primary: r = null,
@@ -671,28 +872,36 @@ class ze extends g {
     if (o != null && (typeof o != "string" || o.length === 0))
       throw new TypeError("SplitView primarySize must be a non-empty CSS size");
     const l = this.Host;
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       l,
       {
-        className: Bt(x(this.props), i),
+        className: Zt(E(this.props), i),
         style: o == null ? void 0 : { "--split-primary-size": o },
         children: [
-          w("fray-primary", {
-            role: s == null ? null : "region",
-            "aria-label": s,
-            tabIndex: 0
-          }, r),
-          w("fray-secondary", {
-            role: n == null ? null : "region",
-            "aria-label": n,
-            tabIndex: 0
-          }, e ?? this.props.children ?? [])
+          /* @__PURE__ */ h(
+            "fray-primary",
+            {
+              role: s == null ? null : "region",
+              "aria-label": s,
+              tabIndex: 0,
+              children: r
+            }
+          ),
+          /* @__PURE__ */ h(
+            "fray-secondary",
+            {
+              role: n == null ? null : "region",
+              "aria-label": n,
+              tabIndex: 0,
+              children: e ?? this.props.children ?? []
+            }
+          )
         ]
       }
     );
   }
 }
-a(ze, "liveProps", []), a(ze, "hostName", "split-view"), a(ze, "css", E`
+a($e, "liveProps", []), a($e, "hostName", "split-view"), a($e, "css", w`
         & {
             display: flex;
             flex: 1 1 auto;
@@ -732,23 +941,23 @@ a(ze, "liveProps", []), a(ze, "hostName", "split-view"), a(ze, "css", E`
             border-block-end: 1px solid var(--ui-border-color);
         }
     `);
-class qt extends g {
+class Dt extends g {
   render() {
     const { term: r, value: e, children: i = [] } = this.props;
     return [
-      w("dt", null, r),
-      w("dd", null, e ?? i)
+      /* @__PURE__ */ h("dt", { children: r }),
+      /* @__PURE__ */ h("dd", { children: e ?? i })
     ];
   }
 }
-a(qt, "liveProps", []);
+a(Dt, "liveProps", []);
 class de extends g {
   render() {
     const r = this.Host;
-    return /* @__PURE__ */ p(r, { className: x(this.props) || null, children: /* @__PURE__ */ p("dl", { "aria-label": this.props.label, children: this.props.children ?? [] }) });
+    return /* @__PURE__ */ h(r, { className: E(this.props) || null, children: /* @__PURE__ */ h("dl", { "aria-label": this.props.label, children: this.props.children ?? [] }) });
   }
 }
-a(de, "liveProps", []), a(de, "hostName", "descriptionlist"), a(de, "dependencies", [qt]), a(de, "css", E`
+a(de, "liveProps", []), a(de, "hostName", "descriptionlist"), a(de, "dependencies", [Dt]), a(de, "css", w`
         & {
             display: block;
         }
@@ -758,13 +967,13 @@ a(de, "liveProps", []), a(de, "hostName", "descriptionlist"), a(de, "dependencie
             margin: 0;
         }
     `);
-class H extends g {
+class M extends g {
   render() {
-    const r = Yt(this.props.width ?? 65), e = this.Host;
-    return /* @__PURE__ */ p(e, { style: { width: `${r}%` }, "aria-hidden": "true" });
+    const r = or(this.props.width ?? 65), e = this.Host;
+    return /* @__PURE__ */ h(e, { style: { width: `${r}%` }, "aria-hidden": "true" });
   }
 }
-a(H, "liveProps", []), a(H, "hostName", "placeholder"), a(H, "css", E`
+a(M, "liveProps", []), a(M, "hostName", "placeholder"), a(M, "css", w`
         & {
             display: block;
             width: 5em;
@@ -802,48 +1011,48 @@ a(H, "liveProps", []), a(H, "hostName", "placeholder"), a(H, "css", E`
             }
         }
     `);
-function Yt(t) {
+function or(t) {
   const r = Number(t);
   if (!Number.isFinite(r)) throw new TypeError("Placeholder width must be numeric");
   return Math.min(100, Math.max(10, r));
 }
-function Nt(t, r, e) {
-  Je(e);
+function Pt(t, r, e) {
+  Ze(e);
   for (const i of e) {
     const o = r[i.key];
     if (o == null) continue;
     const s = i.options.flatMap((c) => {
       const u = o[c.key];
-      return u == null || u === y.Neutral ? [] : [{ option: c, mode: u }];
+      return u == null || u === v.Neutral ? [] : [{ option: c, mode: u }];
     });
-    if (s.some(({ option: c, mode: u }) => u === y.Deny && c.matches(t)) || s.filter(({ mode: c }) => c === y.Require).some(({ option: c }) => !c.matches(t)))
+    if (s.some(({ option: c, mode: u }) => u === v.Deny && c.matches(t)) || s.filter(({ mode: c }) => c === v.Require).some(({ option: c }) => !c.matches(t)))
       return !1;
-    const l = s.filter(({ mode: c }) => c === y.Prefer);
+    const l = s.filter(({ mode: c }) => c === v.Prefer);
     if (l.length > 0 && !l.some(({ option: c }) => c.matches(t)))
       return !1;
   }
   return !0;
 }
-function Jt(t, r, e) {
+function sr(t, r, e) {
   if (!Array.isArray(t)) throw new TypeError("Filtered items must be an array");
-  return t.filter((i) => Nt(i, r, e));
+  return t.filter((i) => Pt(i, r, e));
 }
-function Ci(t, r, e = null) {
-  return Je(r), new Te(
+function Fi(t, r, e = null) {
+  return Ze(r), new Te(
     [t],
-    ([i]) => (o) => Nt(o, i, r),
+    ([i]) => (o) => Pt(o, i, r),
     { owner: e, purpose: "filter predicate" }
   );
 }
-function zi(t, r, e, i = null) {
-  return Je(e), new Te(
+function Di(t, r, e, i = null) {
+  return Ze(e), new Te(
     [t, r],
-    ([o, s]) => Jt(o, s, e),
+    ([o, s]) => sr(o, s, e),
     { owner: i, purpose: "filtered items" }
   );
 }
-function $i(t) {
-  Zt(t);
+function Pi(t) {
+  nr(t);
   const r = {};
   for (const e of Object.keys(t).sort()) {
     const i = {}, o = t[e];
@@ -853,16 +1062,16 @@ function $i(t) {
   }
   return { version: 1, dimensions: r };
 }
-function Oi(t) {
+function Ki(t) {
   if (!ee(t) || t.version !== 1 || !ee(t.dimensions))
     throw new TypeError("Filter state must use version 1 with a dimensions object");
   const r = {};
   for (const [e, i] of Object.entries(t.dimensions)) {
-    if (W(e, "Filter dimension"), !ee(i))
+    if (B(e, "Filter dimension"), !ee(i))
       throw new TypeError(`Filter dimension ${e} must be an object`);
     const o = {};
     for (const [s, n] of Object.entries(i)) {
-      if (W(s, `Filter option in ${e}`), !Re(n))
+      if (B(s, `Filter option in ${e}`), !Re(n))
         throw new TypeError(
           `Unknown filter mode for ${e}.${s}: ${String(n)}`
         );
@@ -872,46 +1081,46 @@ function Oi(t) {
   }
   return r;
 }
-function Zt(t) {
+function nr(t) {
   if (!ee(t)) throw new TypeError("Filter state must be an object");
   for (const [r, e] of Object.entries(t)) {
-    if (W(r, "Filter dimension"), !ee(e))
+    if (B(r, "Filter dimension"), !ee(e))
       throw new TypeError(`Filter dimension ${r} must be an object`);
     for (const [i, o] of Object.entries(e))
-      if (W(i, `Filter option in ${r}`), !Re(o))
+      if (B(i, `Filter option in ${r}`), !Re(o))
         throw new TypeError(
           `Unknown filter mode for ${r}.${i}: ${String(o)}`
         );
   }
 }
-function Je(t) {
+function Ze(t) {
   if (!Array.isArray(t)) throw new TypeError("Filter dimensions must be an array");
   const r = /* @__PURE__ */ new Set();
   for (const e of t) {
-    if (W(e.key, "Filter dimension"), r.has(e.key))
+    if (B(e.key, "Filter dimension"), r.has(e.key))
       throw new Error(`Duplicate filter dimension: ${e.key}`);
     if (r.add(e.key), !Array.isArray(e.options))
       throw new TypeError(`Filter dimension ${e.key} options must be an array`);
     const i = /* @__PURE__ */ new Set();
     for (const o of e.options) {
-      if (W(o.key, `Filter option in ${e.key}`), i.has(o.key))
+      if (B(o.key, `Filter option in ${e.key}`), i.has(o.key))
         throw new Error(`Duplicate filter option: ${e.key}.${o.key}`);
       if (i.add(o.key), typeof o.matches != "function")
         throw new TypeError(`Filter matcher ${e.key}.${o.key} must be a function`);
     }
   }
 }
-function W(t, r) {
+function B(t, r) {
   if (t.length === 0 || t === "__proto__" || t === "prototype" || t === "constructor")
     throw new TypeError(`${r} key is not safe for persisted state`);
 }
 function ee(t) {
   return t != null && typeof t == "object" && !Array.isArray(t);
 }
-class Lt {
+class Kt {
   constructor({
     getItems: r,
-    getKey: e = Xe,
+    getKey: e = et,
     selectedItemsEmitter: i,
     owner: o = null
   }) {
@@ -936,10 +1145,10 @@ class Lt {
       throw new TypeError("Selection handler getItems must be a function");
     if (typeof e != "function")
       throw new TypeError("Selection handler getKey must be a function");
-    this.getItems = r, this.getKey = e, this.ownedSelectedItemsEmitter = i == null ? new I([], { owner: o, purpose: "selected items" }) : null, this.selectedItemsEmitter = i ?? this.ownedSelectedItemsEmitter, this.selectedItems$ = this.selectedItemsEmitter, this.ownsSelectedItemsEmitter = this.ownedSelectedItemsEmitter != null;
+    this.getItems = r, this.getKey = e, this.ownedSelectedItemsEmitter = i == null ? new S([], { owner: o, purpose: "selected items" }) : null, this.selectedItemsEmitter = i ?? this.ownedSelectedItemsEmitter, this.selectedItems$ = this.selectedItemsEmitter, this.ownsSelectedItemsEmitter = this.ownedSelectedItemsEmitter != null;
   }
   rowsUpdated(r) {
-    this.destroyed || (this.releaseRows(), this.rows = Array.from(r ?? []), this.rows.forEach((e, i) => this.wireRow(e, i)), this.activeIndex = tr(this.activeIndex, this.rows.length), this.reconcileSelectedItems(), this.syncRows());
+    this.destroyed || (this.releaseRows(), this.rows = Array.from(r ?? []), this.rows.forEach((e, i) => this.wireRow(e, i)), this.activeIndex = cr(this.activeIndex, this.rows.length), this.reconcileSelectedItems(), this.syncRows());
   }
   wireRow(r, e) {
     const i = (l) => this.handleClick(e, l), o = (l) => this.handleKeyDown(e, l), s = (l) => this.handleMouseDown(e, l, r), n = (l) => this.handleMouseEnter(e, l);
@@ -1027,9 +1236,9 @@ class Lt {
     this.destroyed || (this.destroyed = !0, this.finishDrag(!1), this.clearClickSuppression(), this.releaseRows(), (r = this.ownedSelectedItemsEmitter) == null || r.dispose());
   }
 }
-class Ze extends Lt {
+class Xe extends Kt {
   constructor(e) {
-    const i = e.selectedItemEmitter == null ? new I(null, {
+    const i = e.selectedItemEmitter == null ? new S(null, {
       owner: e.owner,
       purpose: "selected item"
     }) : null, o = e.selectedItemEmitter ?? i;
@@ -1037,7 +1246,7 @@ class Ze extends Lt {
       getItems: e.getItems,
       ...e.getKey == null ? {} : { getKey: e.getKey },
       ...e.owner === void 0 ? {} : { owner: e.owner },
-      selectedItemsEmitter: new er(o)
+      selectedItemsEmitter: new lr(o)
     });
     a(this, "selectedItemEmitter");
     a(this, "selectedItem$");
@@ -1056,17 +1265,17 @@ class Ze extends Lt {
     super.destroy(), (e = this.ownedSelectedItemEmitter) == null || e.dispose();
   }
 }
-class Xt extends Lt {
+class ar extends Kt {
   selectIndex(r, e) {
     const i = this.getItems(), o = i[r];
     if (o !== void 0) {
       if (e.shiftKey && this.anchorIndex != null) {
-        const s = Math.min(this.anchorIndex, r), n = Math.max(this.anchorIndex, r), l = i.slice(s, n + 1), c = $e(e) ? yt(this.getSelectedItems(), l, this.getKey) : [...l];
+        const s = Math.min(this.anchorIndex, r), n = Math.max(this.anchorIndex, r), l = i.slice(s, n + 1), c = Oe(e) ? Et(this.getSelectedItems(), l, this.getKey) : [...l];
         this.setSelectedItems(c, "range selection changed");
         return;
       }
-      if ($e(e) || "key" in e && e.key === " ") {
-        const s = this.getSelectedItems(), n = this.getKey(o, r), c = s.some((u, h) => Object.is(this.getKey(u, h), n)) ? s.filter((u, h) => !Object.is(this.getKey(u, h), n)) : [...s, o];
+      if (Oe(e) || "key" in e && e.key === " ") {
+        const s = this.getSelectedItems(), n = this.getKey(o, r), c = s.some((u, p) => Object.is(this.getKey(u, p), n)) ? s.filter((u, p) => !Object.is(this.getKey(u, p), n)) : [...s, o];
         this.anchorIndex = r, this.setSelectedItems(c, "multi selection toggled");
         return;
       }
@@ -1080,14 +1289,14 @@ class Xt extends Lt {
     return !0;
   }
   selectDragRange(r, e, i) {
-    const o = this.getItems(), s = Math.min(r, e), n = Math.max(r, e), l = o.slice(s, n + 1), c = $e(i) ? yt(this.getSelectedItems(), l, this.getKey) : [...l];
+    const o = this.getItems(), s = Math.min(r, e), n = Math.max(r, e), l = o.slice(s, n + 1), c = Oe(i) ? Et(this.getSelectedItems(), l, this.getKey) : [...l];
     this.anchorIndex = r, this.setSelectedItems(c, "drag selection changed");
   }
 }
 function xe(t) {
-  return t.multiSelect ? new Xt(t) : new Ze(t);
+  return t.multiSelect ? new ar(t) : new Xe(t);
 }
-class er {
+class lr {
   constructor(r) {
     this.source = r;
   }
@@ -1111,7 +1320,7 @@ class er {
     }), e);
   }
 }
-function Xe(t, r) {
+function et(t, r) {
   if (t != null && typeof t == "object") {
     const e = Reflect.get(t, "id");
     if (e != null) return e;
@@ -1121,13 +1330,13 @@ function Xe(t, r) {
     `Selection item at index ${r} needs an id or an explicit itemKey/rowKey`
   );
 }
-function $e(t) {
+function Oe(t) {
   return !!(t.ctrlKey || t.metaKey);
 }
-function tr(t, r) {
+function cr(t, r) {
   return r <= 0 ? 0 : Math.min(Math.max(t, 0), r - 1);
 }
-function yt(t, r, e) {
+function Et(t, r, e) {
   const i = [...t], o = new Set(t.map((s, n) => e(s, n)));
   for (const s of r) {
     const n = e(s, i.length);
@@ -1147,10 +1356,10 @@ class ue extends g {
     a(this, "getItemKey");
     a(this, "selectionHandler");
     a(this, "ownedItemsEmitter");
-    ir(e.items) ? (this.itemsEmitter = e.items, this.ownedItemsEmitter = null) : (this.ownedItemsEmitter = new I(e.items ?? [], {
+    ur(e.items) ? (this.itemsEmitter = e.items, this.ownedItemsEmitter = null) : (this.ownedItemsEmitter = new S(e.items ?? [], {
       owner: this,
       purpose: "list items"
-    }), this.itemsEmitter = this.ownedItemsEmitter), this.items$ = this.itemsEmitter, this.getItemKey = rr(e.itemKey), this.selectionHandler = e.multiSelect === !0 ? xe({
+    }), this.itemsEmitter = this.ownedItemsEmitter), this.items$ = this.itemsEmitter, this.getItemKey = dr(e.itemKey), this.selectionHandler = e.multiSelect === !0 ? xe({
       owner: this,
       multiSelect: !0,
       ...e.selectedItemsEmitter == null ? {} : { selectedItemsEmitter: e.selectedItemsEmitter },
@@ -1161,7 +1370,7 @@ class ue extends g {
       ...e.selectedItemEmitter == null ? {} : { selectedItemEmitter: e.selectedItemEmitter },
       getItems: () => this.itemsEmitter.get(),
       getKey: this.getItemKey
-    }), this.selectedItemsEmitter = this.selectionHandler.selectedItemsEmitter, this.selectedItems$ = this.selectedItemsEmitter, this.selectedItemEmitter = this.selectionHandler instanceof Ze ? this.selectionHandler.selectedItemEmitter : null, this.selectedItem$ = this.selectedItemEmitter;
+    }), this.selectedItemsEmitter = this.selectionHandler.selectedItemsEmitter, this.selectedItems$ = this.selectedItemsEmitter, this.selectedItemEmitter = this.selectionHandler instanceof Xe ? this.selectionHandler.selectedItemEmitter : null, this.selectedItem$ = this.selectedItemEmitter;
   }
   initialize() {
     this.watch(this.itemsEmitter, this.selectedItemsEmitter);
@@ -1169,19 +1378,19 @@ class ue extends g {
   render() {
     const e = this.itemsEmitter.get();
     if (!Array.isArray(e)) throw new TypeError("ListView items must be an array");
-    const i = this.itemsEmitter.getFetchState(), o = this.itemsEmitter.getError(), s = i === S.Initial || i === S.Loading, n = new Set(this.selectedItemsEmitter.get().map((c, u) => this.getItemKey(c, u))), l = this.Host;
-    return /* @__PURE__ */ v(
+    const i = this.itemsEmitter.getFetchState(), o = this.itemsEmitter.getError(), s = i === k.Initial || i === k.Loading, n = new Set(this.selectedItemsEmitter.get().map((c, u) => this.getItemKey(c, u))), l = this.Host;
+    return /* @__PURE__ */ y(
       l,
       {
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         children: [
-          i === S.Error ? /* @__PURE__ */ p("p", { role: "alert", children: nr(o, "Unable to load items") }) : null,
-          s && e.length === 0 ? /* @__PURE__ */ v(Ie, { children: [
-            /* @__PURE__ */ p("p", { role: "status", children: "Loading items…" }),
-            /* @__PURE__ */ p("ul", { "aria-hidden": "true", children: Array.from({ length: this.props.placeholderCount ?? 5 }, (c, u) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(H, { width: 45 + u * 7 }) }, `placeholder-${u}`)) })
+          i === k.Error ? /* @__PURE__ */ h("p", { role: "alert", children: fr(o, "Unable to load items") }) : null,
+          s && e.length === 0 ? /* @__PURE__ */ y(Ie, { children: [
+            /* @__PURE__ */ h("p", { role: "status", children: "Loading items…" }),
+            /* @__PURE__ */ h("ul", { "aria-hidden": "true", children: Array.from({ length: this.props.placeholderCount ?? 5 }, (c, u) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(M, { width: 45 + u * 7 }) }, `placeholder-${u}`)) })
           ] }) : null,
-          i === S.Ready && e.length === 0 ? /* @__PURE__ */ p("p", { role: "status", children: "No items" }) : null,
-          e.length > 0 ? /* @__PURE__ */ p(
+          i === k.Ready && e.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: "No items" }) : null,
+          e.length > 0 ? /* @__PURE__ */ h(
             "ul",
             {
               role: "listbox",
@@ -1189,8 +1398,8 @@ class ue extends g {
               "aria-busy": s ? "true" : null,
               "aria-multiselectable": this.props.multiSelect ? "true" : null,
               children: e.map((c, u) => {
-                const h = this.getItemKey(c, u), b = n.has(h), f = this.props.renderItem ? this.props.renderItem(c, u) : or(c);
-                return /* @__PURE__ */ p(
+                const p = this.getItemKey(c, u), b = n.has(p), f = this.props.renderItem ? this.props.renderItem(c, u) : hr(c);
+                return /* @__PURE__ */ h(
                   "li",
                   {
                     role: "option",
@@ -1199,7 +1408,7 @@ class ue extends g {
                     tabIndex: u === 0 ? 0 : -1,
                     children: f
                   },
-                  String(h)
+                  String(p)
                 );
               })
             }
@@ -1230,7 +1439,7 @@ class ue extends g {
     this.selectionHandler.destroy(), (e = this.ownedItemsEmitter) == null || e.dispose();
   }
 }
-a(ue, "liveProps", []), a(ue, "dependencies", [H]), a(ue, "hostName", "listview"), a(ue, "css", E`
+a(ue, "liveProps", []), a(ue, "dependencies", [M]), a(ue, "hostName", "listview"), a(ue, "css", w`
         & {
             display: flex;
             flex-direction: column;
@@ -1284,8 +1493,8 @@ a(ue, "liveProps", []), a(ue, "dependencies", [H]), a(ue, "hostName", "listview"
             padding: var(--ui-padding);
         }
     `);
-function rr(t) {
-  if (t == null) return Xe;
+function dr(t) {
+  if (t == null) return et;
   if (typeof t == "function") return t;
   if (typeof t == "string" && t.length > 0)
     return (r, e) => {
@@ -1298,28 +1507,29 @@ function rr(t) {
     };
   throw new TypeError("ListView itemKey must be a function or property name");
 }
-function ir(t) {
+function ur(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-function or(t) {
+function hr(t) {
   if (t != null && (typeof t == "object" || typeof t == "function")) {
     const r = Reflect.get(t, "label");
-    if (sr(r)) return r;
+    if (pr(r)) return r;
   }
   return String(t);
 }
-function sr(t) {
+function pr(t) {
   return t == null || typeof t == "string" || typeof t == "number";
 }
-function nr(t, r) {
+function fr(t, r) {
   return t instanceof Error ? t.message : t == null ? r : String(t);
 }
-class et extends g {
+class tt extends g {
 }
-a(et, "css", E`
+a(tt, "css", w`
         & {
             display: inline-flex;
             line-height: 1;
+            height: 1.4em;
         }
 
         & > label {
@@ -1397,8 +1607,8 @@ a(et, "css", E`
             filter: saturate(0.6);
         }
     `);
-const ar = ["disabled", "required", "error"];
-class j extends et {
+const mr = ["disabled", "required", "error"];
+class A extends tt {
   constructor(e = {}) {
     super(e);
     a(this, "symbols");
@@ -1406,11 +1616,11 @@ class j extends et {
     a(this, "semanticStateEmitter");
     a(this, "inputId");
     a(this, "errorId");
-    this.inputId = R("checkbox", e.id), this.errorId = `${this.inputId}-error`;
+    this.inputId = I("checkbox", e.id), this.errorId = `${this.inputId}-error`;
     const i = this.constructor;
-    this.symbols = e.symbols ?? i.symbols, lr(this.symbols);
+    this.symbols = e.symbols ?? i.symbols, br(this.symbols);
     const o = e.initialSemanticState ?? i.defaultSemanticState ?? this.symbols[0][1], s = { ...e };
-    s.defaultValue == null && e.initialSemanticState != null && (s.defaultValue = e.initialSemanticState), this.valueEmitter = F(
+    s.defaultValue == null && e.initialSemanticState != null && (s.defaultValue = e.initialSemanticState), this.valueEmitter = L(
       this,
       s,
       o,
@@ -1423,7 +1633,7 @@ class j extends et {
   cycleState(e = 1, i = null) {
     if (this.props.disabled) return;
     const o = this.symbols.findIndex(([, c]) => Object.is(c, this.valueEmitter.get())), n = ((o < 0 ? 0 : o) + e + this.symbols.length) % this.symbols.length, l = this.symbols[n][1];
-    this.valueEmitter.set(l, "checkbox state changed"), $(this.props.onChange, l, i);
+    this.valueEmitter.set(l, "checkbox state changed"), z(this.props.onChange, l, i);
   }
   render() {
     const {
@@ -1431,15 +1641,15 @@ class j extends et {
       disabled: i = !1,
       required: o = !1,
       error: s = null
-    } = this.props, n = this.valueEmitter.get(), l = this.symbols.findIndex(([, m]) => Object.is(m, n)), [c] = this.symbols[l] ?? ["?", n], u = c === "☐" ? null : c, h = Wt(n), b = wt(this.symbols, n), f = this.Host;
-    return /* @__PURE__ */ v(
+    } = this.props, n = this.valueEmitter.get(), l = this.symbols.findIndex(([, m]) => Object.is(m, n)), [c] = this.symbols[l] ?? ["?", n], u = c === "☐" ? null : c, p = Xt(n), b = xt(this.symbols, n), f = this.Host;
+    return /* @__PURE__ */ y(
       f,
       {
-        className: x(this.props) || null,
-        "data-state": h,
+        className: E(this.props) || null,
+        "data-state": p,
         children: [
-          /* @__PURE__ */ v("label", { children: [
-            /* @__PURE__ */ p(
+          /* @__PURE__ */ y("label", { children: [
+            /* @__PURE__ */ h(
               "input",
               {
                 id: this.inputId,
@@ -1449,11 +1659,11 @@ class j extends et {
                 required: o,
                 name: this.props.name,
                 value: String(n),
-                "aria-label": `${e}: ${h}`,
+                "aria-label": `${e}: ${p}`,
                 "aria-invalid": s == null ? null : "true",
                 "aria-describedby": s == null ? null : this.errorId,
                 onChange: (m) => {
-                  this.cycleState(1, m), m.currentTarget.checked = wt(
+                  this.cycleState(1, m), m.currentTarget.checked = xt(
                     this.symbols,
                     this.valueEmitter.get()
                   );
@@ -1463,19 +1673,19 @@ class j extends et {
                 }
               }
             ),
-            w("fray-checkshell", { "aria-hidden": "true" }, u),
+            /* @__PURE__ */ h("fray-checkshell", { "aria-hidden": "true", children: u }),
             e
           ] }),
-          s == null ? null : /* @__PURE__ */ p("p", { id: this.errorId, role: "alert", children: String(s) })
+          s == null ? null : /* @__PURE__ */ h("p", { id: this.errorId, role: "alert", children: String(s) })
         ]
       }
     );
   }
 }
-a(j, "liveProps", ar), a(j, "symbols", [
-  ["☐", y.Neutral],
-  ["✓", y.Prefer]
-]), a(j, "defaultSemanticState", y.Neutral), a(j, "hostName", "check-box"), a(j, "css", E`
+a(A, "liveProps", mr), a(A, "symbols", [
+  ["☐", v.Neutral],
+  ["✓", v.Prefer]
+]), a(A, "defaultSemanticState", v.Neutral), a(A, "hostName", "check-box"), a(A, "css", w`
         & > label > input[value="require"] + fray-checkshell {
             color: var(--palette-contrast-light);
             background: var(--palette-green);
@@ -1488,64 +1698,64 @@ a(j, "liveProps", ar), a(j, "symbols", [
             box-shadow: var(--checkbox-box-shadow-checked);
         }
     `);
-function lr(t) {
+function br(t) {
   if (!Array.isArray(t) || t.length === 0)
     throw new TypeError("Checkbox symbols must be a non-empty tuple array");
   for (const r of t)
     if (!Array.isArray(r) || r.length < 2)
       throw new TypeError("Checkbox symbols must be [symbol, state] tuples");
 }
-function wt(t, r) {
+function xt(t, r) {
   const e = t.findIndex(([, i]) => Object.is(i, r));
-  return r === y.Prefer || r === y.Require || t.length === 2 && e === 1;
+  return r === v.Prefer || r === v.Require || t.length === 2 && e === 1;
 }
-class U extends g {
+class V extends g {
   constructor(e = {}) {
     super(e);
     a(this, "optionsEmitter");
     a(this, "optionStateEmitters", /* @__PURE__ */ new Map());
     a(this, "staleOptionValues", /* @__PURE__ */ new Set());
-    this.optionsEmitter = pr(e.options) ? e.options : null;
+    this.optionsEmitter = Er(e.options) ? e.options : null;
   }
   initialize() {
     this.optionsEmitter && this.watch(this.optionsEmitter);
   }
   render() {
-    var f, m, C;
+    var f, m, R;
     const e = ((f = this.optionsEmitter) == null ? void 0 : f.get()) ?? (Array.isArray(this.props.options) ? this.props.options : []);
     if (!Array.isArray(e))
       throw new TypeError("FilterPanel options must be an array or emitter of arrays");
-    const i = ((m = this.optionsEmitter) == null ? void 0 : m.getFetchState()) ?? S.Ready, o = (C = this.optionsEmitter) == null ? void 0 : C.getError(), s = vt(this.props.filters), n = this.props.filterModes ?? j.symbols, l = this.props.defaultSemanticState ?? y.Neutral, c = new Set(e.map(_e));
+    const i = ((m = this.optionsEmitter) == null ? void 0 : m.getFetchState()) ?? k.Ready, o = (R = this.optionsEmitter) == null ? void 0 : R.getError(), s = kt(this.props.filters), n = this.props.filterModes ?? A.symbols, l = this.props.defaultSemanticState ?? v.Neutral, c = new Set(e.map(Qe));
     this.staleOptionValues = new Set(
       [...this.optionStateEmitters.keys()].filter((T) => !c.has(T))
     );
-    const u = this.Host, h = i === S.Initial || i === S.Loading, b = x(this.props) || null;
-    return i === S.Error && e.length === 0 ? /* @__PURE__ */ p(u, { className: b, children: /* @__PURE__ */ p("p", { role: "alert", children: Et(o, "Unable to load filter options") }) }) : h && e.length === 0 ? /* @__PURE__ */ p(u, { className: b, children: /* @__PURE__ */ p("p", { role: "status", children: "Loading filter options…" }) }) : /* @__PURE__ */ v(
+    const u = this.Host, p = i === k.Initial || i === k.Loading, b = E(this.props) || null;
+    return i === k.Error && e.length === 0 ? /* @__PURE__ */ h(u, { className: b, children: /* @__PURE__ */ h("p", { role: "alert", children: St(o, "Unable to load filter options") }) }) : p && e.length === 0 ? /* @__PURE__ */ h(u, { className: b, children: /* @__PURE__ */ h("p", { role: "status", children: "Loading filter options…" }) }) : /* @__PURE__ */ y(
       u,
       {
         className: b,
         role: "group",
         "aria-label": this.props.label ?? "Filter options",
-        "aria-busy": h ? "true" : null,
+        "aria-busy": p ? "true" : null,
         children: [
-          i === S.Error ? /* @__PURE__ */ p("p", { role: "alert", children: Et(o, "Unable to load filter options") }) : null,
-          h ? /* @__PURE__ */ p("p", { role: "status", children: "Loading filter options…" }) : null,
-          e.length === 0 ? /* @__PURE__ */ p("p", { children: "No filter options" }) : e.map((T) => {
-            const k = _e(T), O = dr(T), P = s.get(k) ?? l, K = this.optionEmitter(k, P);
-            return /* @__PURE__ */ p(
-              cr,
+          i === k.Error ? /* @__PURE__ */ h("p", { role: "alert", children: St(o, "Unable to load filter options") }) : null,
+          p ? /* @__PURE__ */ h("p", { role: "status", children: "Loading filter options…" }) : null,
+          e.length === 0 ? /* @__PURE__ */ h("p", { children: "No filter options" }) : e.map((T) => {
+            const x = Qe(T), $ = yr(T), D = s.get(x) ?? l, P = this.optionEmitter(x, D);
+            return /* @__PURE__ */ h(
+              gr,
               {
-                label: O,
-                valueEmitter: K,
+                label: $,
+                valueEmitter: P,
                 symbols: n,
-                onChange: (M, z) => {
-                  var Y, J;
-                  z == null || z.stopPropagation();
-                  const N = vt(this.props.filters);
-                  M === y.Neutral ? N.delete(k) : N.set(k, M), (J = (Y = this.props).onChange) == null || J.call(Y, N, z);
+                onChange: (K, C) => {
+                  var G, Y;
+                  C == null || C.stopPropagation();
+                  const q = kt(this.props.filters);
+                  K === v.Neutral ? q.delete(x) : q.set(x, K), (Y = (G = this.props).onChange) == null || Y.call(G, q, C);
                 }
               },
-              ur(k)
+              wr(x)
             );
           })
         ]
@@ -1566,11 +1776,11 @@ class U extends g {
     const o = this.optionStateEmitters.get(e);
     if (o != null)
       return o.get() !== i && o.set(i, "filter option synchronized"), o;
-    const s = new I(i, { owner: this, purpose: `filter option ${String(e)}` });
+    const s = new S(i, { owner: this, purpose: `filter option ${String(e)}` });
     return this.optionStateEmitters.set(e, s), s;
   }
 }
-a(U, "liveProps", []), a(U, "dependencies", [j]), a(U, "hostName", "filter-panel"), a(U, "css", E`
+a(V, "liveProps", []), a(V, "dependencies", [A]), a(V, "hostName", "filter-panel"), a(V, "css", w`
         & {
             position: absolute;
             background: white;
@@ -1590,14 +1800,14 @@ a(U, "liveProps", []), a(U, "dependencies", [j]), a(U, "hostName", "filter-panel
             margin: 0;
         }
     `);
-const cr = j;
-function vt(t) {
+const gr = A;
+function kt(t) {
   if (t == null) return /* @__PURE__ */ new Map();
   if (t instanceof Map) return new Map(t);
   if (Array.isArray(t)) return new Map(t);
   throw new TypeError("FilterPanel filters must be a Map or tuple array");
 }
-function _e(t) {
+function Qe(t) {
   if (typeof t == "string" || typeof t == "number") return t;
   if (t != null && typeof t == "object") {
     const r = Reflect.get(t, "value");
@@ -1605,23 +1815,23 @@ function _e(t) {
   }
   throw new TypeError("Filter options must be strings, numbers, or value/label objects");
 }
-function dr(t) {
+function yr(t) {
   if (t != null && typeof t == "object") {
     const r = Reflect.get(t, "label");
-    if (r != null) return hr(r) ? r : String(r);
+    if (r != null) return vr(r) ? r : String(r);
   }
-  return String(_e(t));
+  return String(Qe(t));
 }
-function ur(t) {
+function wr(t) {
   return `${typeof t}:${String(t)}`;
 }
-function hr(t) {
+function vr(t) {
   return typeof t == "string" || typeof t == "number";
 }
-function pr(t) {
+function Er(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-function Et(t, r) {
+function St(t, r) {
   return t instanceof Error ? t.message : t == null ? r : String(t);
 }
 class te extends g {
@@ -1651,11 +1861,11 @@ class te extends g {
   }
   render() {
     const e = this.props.sortEmitter.get(), i = (e == null ? void 0 : e.field) === this.props.field ? e.direction : null, o = new Map(
-      (this.props.filtersEmitter.get()[this.props.field] ?? []).filter(fr)
+      (this.props.filtersEmitter.get()[this.props.field] ?? []).filter(xr)
     ), s = this.props.label ?? String(this.props.field), n = `Filter ${String(s)}`;
     let l = null;
-    return this.filterVisible && this.props.filterOptions != null && (l = /* @__PURE__ */ p(
-      U,
+    return this.filterVisible && this.props.filterOptions != null && (l = /* @__PURE__ */ h(
+      V,
       {
         label: n,
         options: this.props.filterOptions,
@@ -1665,14 +1875,14 @@ class te extends g {
         ...this.props.defaultSemanticState == null ? {} : { defaultSemanticState: this.props.defaultSemanticState }
       },
       "filter-panel"
-    )), /* @__PURE__ */ v(
+    )), /* @__PURE__ */ y(
       "th",
       {
         scope: "col",
         "aria-sort": i === "asc" ? "ascending" : i === "desc" ? "descending" : "none",
         style: { zIndex: this.filterVisible ? 1200 : null },
         children: [
-          this.props.sortable ? /* @__PURE__ */ v(
+          this.props.sortable ? /* @__PURE__ */ y(
             "button",
             {
               type: "button",
@@ -1681,11 +1891,11 @@ class te extends g {
               onClick: () => this.toggleSort(),
               children: [
                 s,
-                /* @__PURE__ */ p("span", { class: "sortindicator", "aria-hidden": "true", children: i === "asc" ? "▲" : i === "desc" ? "▼" : "" })
+                /* @__PURE__ */ h("span", { class: "sortindicator", "aria-hidden": "true", children: i === "asc" ? "▲" : i === "desc" ? "▼" : "" })
               ]
             }
-          ) : /* @__PURE__ */ p("span", { children: s }),
-          this.props.filterOptions == null ? null : /* @__PURE__ */ p(
+          ) : /* @__PURE__ */ h("span", { children: s }),
+          this.props.filterOptions == null ? null : /* @__PURE__ */ h(
             "button",
             {
               type: "button",
@@ -1702,7 +1912,7 @@ class te extends g {
     );
   }
 }
-a(te, "liveProps", []), a(te, "dependencies", [U]), a(te, "css", E`
+a(te, "liveProps", []), a(te, "dependencies", [V]), a(te, "css", w`
         fray-datatable > table > thead > tr > th[aria-sort] {
             position: relative;
             padding-right: 24px;
@@ -1758,12 +1968,12 @@ a(te, "liveProps", []), a(te, "dependencies", [U]), a(te, "css", E`
             opacity: 1;
         }
     `);
-function fr(t) {
+function xr(t) {
   return typeof t[0] == "string" || typeof t[0] == "number";
 }
 class re extends g {
   render() {
-    return /* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", { children: this.props.columns.map((r) => /* @__PURE__ */ p(
+    return /* @__PURE__ */ h("thead", { children: /* @__PURE__ */ h("tr", { children: this.props.columns.map((r) => /* @__PURE__ */ h(
       te,
       {
         field: r.field,
@@ -1780,7 +1990,7 @@ class re extends g {
     )) }) });
   }
 }
-a(re, "liveProps", []), a(re, "dependencies", [te]), a(re, "css", E`
+a(re, "liveProps", []), a(re, "dependencies", [te]), a(re, "css", w`
         fray-datatable > table > thead {
             color: var(--table-header-color);
             background: var(--ui-gradient);
@@ -1795,118 +2005,118 @@ a(re, "liveProps", []), a(re, "dependencies", [te]), a(re, "css", E`
             border-right: none;
         }
     `);
-const mr = {
-  [y.Neutral]: "☐",
-  [y.Prefer]: "",
-  [y.Require]: "_",
-  [y.Deny]: "!"
+const kr = {
+  [v.Neutral]: "☐",
+  [v.Prefer]: "",
+  [v.Require]: "_",
+  [v.Deny]: "!"
 };
-function br(t, { sort: r = null, filters: e = {} } = {}) {
-  Er(t), r != null && (Ft(r), t.searchParams.set("sort", `${r.field}:${r.direction}`));
+function Sr(t, { sort: r = null, filters: e = {} } = {}) {
+  zr(t), r != null && (Mt(r), t.searchParams.set("sort", `${r.field}:${r.direction}`));
   for (const [i, o] of Object.entries(e))
     for (const [s, n] of o) {
       if (!Re(n))
         throw new TypeError(`Unknown filter mode for ${i}: ${String(n)}`);
       t.searchParams.append(
         "filter",
-        `${i}:${mr[n]}:${JSON.stringify(s)}`
+        `${i}:${kr[n]}:${JSON.stringify(s)}`
       );
     }
   return t;
 }
-function gr(t, r, e) {
+function Ir(t, r, e) {
   if (!Array.isArray(t)) throw new TypeError("Local table data must be an array");
-  const i = t.filter((s) => yr(s, e));
+  const i = t.filter((s) => Tr(s, e));
   if (r == null) return i;
-  Ft(r);
+  Mt(r);
   const o = r.direction === "asc" ? 1 : -1;
-  return [...i].sort((s, n) => vr(Qe(s, r.field), Qe(n, r.field)) * o);
+  return [...i].sort((s, n) => Cr(Be(s, r.field), Be(n, r.field)) * o);
 }
-function yr(t, r) {
+function Tr(t, r) {
   for (const [e, i] of Object.entries(r)) {
-    const o = Qe(t, e);
-    if (i.filter(([, c]) => c === y.Deny).some(([c]) => Object.is(c, o))) return !1;
-    const n = i.filter(([, c]) => c === y.Require);
+    const o = Be(t, e);
+    if (i.filter(([, c]) => c === v.Deny).some(([c]) => Object.is(c, o))) return !1;
+    const n = i.filter(([, c]) => c === v.Require);
     if (n.length > 0 && !n.some(([c]) => Object.is(c, o))) return !1;
-    const l = i.filter(([, c]) => c === y.Prefer);
+    const l = i.filter(([, c]) => c === v.Prefer);
     if (l.length > 0 && !l.some(([c]) => Object.is(c, o))) return !1;
   }
   return !0;
 }
-function Ft(t) {
-  if (t == null || typeof t != "object" || typeof Reflect.get(t, "field") != "string" || !wr(Reflect.get(t, "direction")))
+function Mt(t) {
+  if (t == null || typeof t != "object" || typeof Reflect.get(t, "field") != "string" || !Rr(Reflect.get(t, "direction")))
     throw new TypeError("Table sort must contain a field and asc/desc direction");
 }
-function wr(t) {
+function Rr(t) {
   return t === "asc" || t === "desc";
 }
-function vr(t, r) {
+function Cr(t, r) {
   return Object.is(t, r) ? 0 : t == null ? -1 : r == null ? 1 : typeof t == "number" && typeof r == "number" ? t - r : String(t).localeCompare(String(r));
 }
-function Qe(t, r) {
+function Be(t, r) {
   if (!(t == null || typeof t != "object" && typeof t != "function"))
     return Reflect.get(t, r);
 }
-function Er(t) {
+function zr(t) {
   if (t == null || typeof t != "object" && typeof t != "function" || typeof Reflect.get(t, "toString") != "function")
     throw new TypeError("Table serializer requires a URL");
   const r = Reflect.get(t, "searchParams");
   if (r == null || typeof Reflect.get(r, "set") != "function" || typeof Reflect.get(r, "append") != "function")
     throw new TypeError("Table serializer requires URL search parameters");
 }
-function xr(t) {
-  const r = rt(t), e = Dt(t.data) ? null : new I(t.data, {
+function $r(t) {
+  const r = it(t), e = Ht(t.data) ? null : new S(t.data, {
     owner: t.owner,
     purpose: "local table data"
   }), i = e ?? t.data, o = new Te(
     [i, r.sortEmitter, r.filtersEmitter],
-    ([s, n, l]) => gr(s, n, l),
+    ([s, n, l]) => Ir(s, n, l),
     { owner: t.owner, purpose: "local table view" }
   );
-  return new tt(o, r, () => {
+  return new rt(o, r, () => {
     o.dispose(), e == null || e.dispose();
   });
 }
-function Ai(t) {
-  Ir(t.query);
-  const r = rt(t);
-  return new tt(t.query, r);
+function Mi(t) {
+  jr(t.query);
+  const r = it(t);
+  return new rt(t.query, r);
 }
-function kr(t) {
+function Or(t) {
   if (t.handler == null || typeof t.handler.fetch != "function")
     throw new TypeError("Table data-source handler must implement fetch");
-  const r = rt(t), e = new bt("sort", r.sortEmitter, {
+  const r = it(t), e = new gt("sort", r.sortEmitter, {
     owner: t.owner,
     purpose: "table sort argument"
-  }), i = new bt("filters", r.filtersEmitter, {
+  }), i = new gt("filters", r.filtersEmitter, {
     owner: t.owner,
     purpose: "table filters argument"
-  }), o = new Vt({
+  }), o = new Wt({
     handler: t.handler,
     args: { sort: e, filters: i },
     owner: t.owner,
     purpose: "table query",
     keepPreviousValue: !0
   });
-  return new tt(o, r, () => {
+  return new rt(o, r, () => {
     o.dispose(), e.dispose(), i.dispose();
   });
 }
-function Sr(t) {
+function Ar(t) {
   if (typeof t.url != "string" || t.url.length === 0)
     throw new TypeError("REST table data source requires a URL");
   const r = {
     url: t.url,
-    serialize: t.serializeQuery ?? br
+    serialize: t.serializeQuery ?? Sr
   };
-  return t.baseUrl != null && (r.baseUrl = t.baseUrl), t.fetch != null && (r.fetch = t.fetch), kr({
-    handler: new Ut(r),
+  return t.baseUrl != null && (r.baseUrl = t.baseUrl), t.fetch != null && (r.fetch = t.fetch), Or({
+    handler: new Gt(r),
     ...t.sortEmitter == null ? {} : { sortEmitter: t.sortEmitter },
     ...t.filtersEmitter == null ? {} : { filtersEmitter: t.filtersEmitter },
     ...t.owner === void 0 ? {} : { owner: t.owner }
   });
 }
-class tt {
+class rt {
   constructor(r, e, i = null) {
     a(this, "sortEmitter");
     a(this, "filtersEmitter");
@@ -1922,11 +2132,11 @@ class tt {
     this.disposed || (this.disposed = !0, (r = this.disposeQuery) == null || r.call(this), (e = this.state.ownedSortEmitter) == null || e.dispose(), (i = this.state.ownedFiltersEmitter) == null || i.dispose());
   }
 }
-function rt(t) {
-  const r = t.sortEmitter == null ? new I(null, {
+function it(t) {
+  const r = t.sortEmitter == null ? new S(null, {
     owner: t.owner,
     purpose: "table sort"
-  }) : null, e = t.filtersEmitter == null ? new I({}, {
+  }) : null, e = t.filtersEmitter == null ? new S({}, {
     owner: t.owner,
     purpose: "table filters"
   }) : null;
@@ -1937,11 +2147,11 @@ function rt(t) {
     ownedFiltersEmitter: e
   };
 }
-function Dt(t) {
+function Ht(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function" && typeof Reflect.get(t, "getFetchState") == "function" && typeof Reflect.get(t, "getError") == "function";
 }
-function Ir(t) {
-  if (!Dt(t))
+function jr(t) {
+  if (!Ht(t))
     throw new TypeError("Table query must be an emitter");
 }
 class he extends g {
@@ -1961,7 +2171,7 @@ class he extends g {
     a(this, "ownedSortEmitter");
     a(this, "ownedFiltersEmitter");
     a(this, "ownedDataSource", null);
-    Rr(e), this.columns = Tr(e.columns), this.rowKey = Cr(e.rowKey), this.suppliedDataSource = e.dataSource ?? null, this.ownedSortEmitter = this.suppliedDataSource == null ? new I(null, { owner: this, purpose: "table sort" }) : null, this.ownedFiltersEmitter = this.suppliedDataSource == null ? new I({}, { owner: this, purpose: "table filters" }) : null, this.sortEmitter = ((i = this.suppliedDataSource) == null ? void 0 : i.sortEmitter) ?? this.ownedSortEmitter, this.filtersEmitter = ((o = this.suppliedDataSource) == null ? void 0 : o.filtersEmitter) ?? this.ownedFiltersEmitter, this.selectionHandler = e.multiSelect === !0 ? xe({
+    Nr(e), this.columns = qr(e.columns), this.rowKey = Lr(e.rowKey), this.suppliedDataSource = e.dataSource ?? null, this.ownedSortEmitter = this.suppliedDataSource == null ? new S(null, { owner: this, purpose: "table sort" }) : null, this.ownedFiltersEmitter = this.suppliedDataSource == null ? new S({}, { owner: this, purpose: "table filters" }) : null, this.sortEmitter = ((i = this.suppliedDataSource) == null ? void 0 : i.sortEmitter) ?? this.ownedSortEmitter, this.filtersEmitter = ((o = this.suppliedDataSource) == null ? void 0 : o.filtersEmitter) ?? this.ownedFiltersEmitter, this.selectionHandler = e.multiSelect === !0 ? xe({
       owner: this,
       multiSelect: !0,
       ...e.selectedItemsEmitter == null ? {} : { selectedItemsEmitter: e.selectedItemsEmitter },
@@ -1978,15 +2188,15 @@ class he extends g {
         return ((s = this.query) == null ? void 0 : s.get()) ?? [];
       },
       getKey: this.rowKey
-    }), this.selectedItemsEmitter = this.selectionHandler.selectedItemsEmitter, this.selectedItemEmitter = this.selectionHandler instanceof Ze ? this.selectionHandler.selectedItemEmitter : null;
+    }), this.selectedItemsEmitter = this.selectionHandler.selectedItemsEmitter, this.selectedItemEmitter = this.selectionHandler instanceof Xe ? this.selectionHandler.selectedItemEmitter : null;
   }
   initialize() {
-    this.suppliedDataSource != null ? this.dataSource = this.suppliedDataSource : this.props.rest != null ? (this.ownedDataSource = Sr({
+    this.suppliedDataSource != null ? this.dataSource = this.suppliedDataSource : this.props.rest != null ? (this.ownedDataSource = Ar({
       ...this.props.rest,
       sortEmitter: this.sortEmitter,
       filtersEmitter: this.filtersEmitter,
       owner: this
-    }), this.dataSource = this.ownedDataSource) : (this.ownedDataSource = xr({
+    }), this.dataSource = this.ownedDataSource) : (this.ownedDataSource = $r({
       data: this.props.data ?? [],
       sortEmitter: this.sortEmitter,
       filtersEmitter: this.filtersEmitter,
@@ -1994,20 +2204,20 @@ class he extends g {
     }), this.dataSource = this.ownedDataSource), this.query = this.dataSource.query, this.watch(this.query, this.selectedItemsEmitter);
   }
   render() {
-    var c, u, h, b;
+    var c, u, p, b;
     const e = ((c = this.query) == null ? void 0 : c.get()) ?? [];
     if (!Array.isArray(e)) throw new TypeError("DataTable query value must be an array");
-    const i = ((u = this.query) == null ? void 0 : u.getFetchState()) ?? S.Initial, o = (h = this.query) == null ? void 0 : h.getError(), s = i === S.Initial || i === S.Loading, n = new Set(
+    const i = ((u = this.query) == null ? void 0 : u.getFetchState()) ?? k.Initial, o = (p = this.query) == null ? void 0 : p.getError(), s = i === k.Initial || i === k.Loading, n = new Set(
       this.selectedItemsEmitter.get().map((f, m) => this.rowKey(f, m))
     ), l = this.Host;
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       l,
       {
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         children: [
-          s ? /* @__PURE__ */ p("p", { role: "status", children: "Loading rows…" }) : null,
-          i === S.Error ? /* @__PURE__ */ p("p", { role: "alert", children: $r(o, "Unable to load rows") }) : null,
-          i === S.Error && typeof ((b = this.dataSource) == null ? void 0 : b.retry) == "function" ? /* @__PURE__ */ p(
+          s ? /* @__PURE__ */ h("p", { role: "status", children: "Loading rows…" }) : null,
+          i === k.Error ? /* @__PURE__ */ h("p", { role: "alert", children: Dr(o, "Unable to load rows") }) : null,
+          i === k.Error && typeof ((b = this.dataSource) == null ? void 0 : b.retry) == "function" ? /* @__PURE__ */ h(
             "button",
             {
               type: "button",
@@ -2018,9 +2228,9 @@ class he extends g {
               children: "Retry"
             }
           ) : null,
-          /* @__PURE__ */ v("table", { "aria-busy": s ? "true" : null, children: [
-            this.props.caption == null ? null : /* @__PURE__ */ p("caption", { children: this.props.caption }),
-            /* @__PURE__ */ p(
+          /* @__PURE__ */ y("table", { "aria-busy": s ? "true" : null, children: [
+            this.props.caption == null ? null : /* @__PURE__ */ h("caption", { children: this.props.caption }),
+            /* @__PURE__ */ h(
               re,
               {
                 columns: this.columns,
@@ -2032,7 +2242,7 @@ class he extends g {
               },
               "header"
             ),
-            /* @__PURE__ */ p("tbody", { children: e.length > 0 ? e.map((f, m) => this.renderRow(f, m, n)) : s ? this.renderPlaceholders() : i === S.Error ? null : /* @__PURE__ */ p("tr", { children: /* @__PURE__ */ p("td", { colSpan: this.columns.length, children: this.props.emptyMessage ?? "No rows" }) }, "empty") })
+            /* @__PURE__ */ h("tbody", { children: e.length > 0 ? e.map((f, m) => this.renderRow(f, m, n)) : s ? this.renderPlaceholders() : i === k.Error ? null : /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", { colSpan: this.columns.length, children: this.props.emptyMessage ?? "No rows" }) }, "empty") })
           ] })
         ]
       }
@@ -2040,21 +2250,21 @@ class he extends g {
   }
   renderRow(e, i, o) {
     const s = this.rowKey(e, i), n = o.has(s);
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ h(
       "tr",
       {
         "data-fray-selectable-row": "",
         "aria-selected": String(n),
         tabIndex: i === 0 ? 0 : -1,
-        children: this.columns.map((l) => /* @__PURE__ */ p("td", { children: l.render ? l.render(e, i) : zr(e[l.field]) }, String(l.field)))
+        children: this.columns.map((l) => /* @__PURE__ */ h("td", { children: l.render ? l.render(e, i) : Fr(e[l.field]) }, String(l.field)))
       },
       String(s)
     );
   }
   renderPlaceholders() {
     const e = this.props.placeholderCount ?? 5;
-    return Array.from({ length: e }, (i, o) => /* @__PURE__ */ p("tr", { children: this.columns.map((s, n) => /* @__PURE__ */ p("td", { children: /* @__PURE__ */ p(
-      H,
+    return Array.from({ length: e }, (i, o) => /* @__PURE__ */ h("tr", { children: this.columns.map((s, n) => /* @__PURE__ */ h("td", { children: /* @__PURE__ */ h(
+      M,
       {
         width: 45 + (o + n) % 6 * 8
       }
@@ -2082,7 +2292,7 @@ class he extends g {
     this.selectionHandler.destroy(), (e = this.ownedDataSource) == null || e.dispose(), (i = this.ownedSortEmitter) == null || i.dispose(), (o = this.ownedFiltersEmitter) == null || o.dispose();
   }
 }
-a(he, "liveProps", []), a(he, "dependencies", [H, re]), a(he, "hostName", "data-table"), a(he, "css", E`
+a(he, "liveProps", []), a(he, "dependencies", [M, re]), a(he, "hostName", "data-table"), a(he, "css", w`
         & {
             display: block;
             overflow: auto;
@@ -2143,7 +2353,7 @@ a(he, "liveProps", []), a(he, "dependencies", [H, re]), a(he, "hostName", "data-
         }
 
     `);
-function Tr(t) {
+function qr(t) {
   if (!Array.isArray(t) || t.length === 0)
     throw new TypeError("DataTable columns must be a non-empty array");
   const r = /* @__PURE__ */ new Set();
@@ -2161,7 +2371,7 @@ function Tr(t) {
     return e;
   });
 }
-function Rr(t) {
+function Nr(t) {
   var n, l;
   const e = [
     "mode",
@@ -2185,8 +2395,8 @@ function Rr(t) {
       throw new TypeError("DataTable dataSource must implement the table data-source contract");
   }
 }
-function Cr(t) {
-  if (t == null) return Xe;
+function Lr(t) {
+  if (t == null) return et;
   if (typeof t == "function") return t;
   if (typeof t == "string" && t.length > 0)
     return (r, e) => {
@@ -2197,19 +2407,19 @@ function Cr(t) {
     };
   throw new TypeError("DataTable rowKey must be a function or property name");
 }
-function zr(t) {
+function Fr(t) {
   return t == null || typeof t == "string" || typeof t == "number" ? t : String(t);
 }
-function $r(t, r) {
+function Dr(t, r) {
   return t instanceof Error ? t.message : t == null ? r : String(t);
 }
-class it extends g {
+class ot extends g {
   render() {
     return this.props.children ?? [];
   }
 }
-a(it, "liveProps", []);
-function G(t) {
+a(ot, "liveProps", []);
+function W(t) {
   if (!Array.isArray(t)) throw new TypeError("Tree nodes must be an array");
   const r = /* @__PURE__ */ new Set(), e = (i) => {
     for (const o of i) {
@@ -2223,49 +2433,49 @@ function G(t) {
   };
   e(t);
 }
-function ji(t, r) {
-  return G(t), ot(t, r);
+function Hi(t, r) {
+  return W(t), st(t, r);
 }
-function qi(t, r, e = null) {
+function Vi(t, r, e = null) {
   return new Te(
     [t, r],
-    ([i, o]) => (G(i), o == null ? null : ot(i, o)),
+    ([i, o]) => (W(i), o == null ? null : st(i, o)),
     { owner: e, purpose: "tree node projection" }
   );
 }
-function Or(t, r, e) {
-  if (G(t), typeof e != "function") throw new TypeError("Tree node update must be a function");
+function Pr(t, r, e) {
+  if (W(t), typeof e != "function") throw new TypeError("Tree node update must be a function");
   const i = (s) => {
     for (let n = 0; n < s.length; n += 1) {
       const l = s[n];
       if (Object.is(l.id, r)) {
-        const h = e(l);
-        if (h == null || typeof h != "object")
+        const p = e(l);
+        if (p == null || typeof p != "object")
           throw new TypeError("Tree node update must return a tree node");
-        if (!Object.is(h.id, l.id))
+        if (!Object.is(p.id, l.id))
           throw new Error("Tree node update cannot change the stable id");
-        if (Object.is(h, l)) return s;
+        if (Object.is(p, l)) return s;
         const b = [...s];
-        return b[n] = h, b;
+        return b[n] = p, b;
       }
       const c = l.children ?? [], u = i(c);
       if (!Object.is(u, c)) {
-        const h = [...s];
-        return h[n] = { ...l, children: u }, h;
+        const p = [...s];
+        return p[n] = { ...l, children: u }, p;
       }
     }
     return s;
   }, o = i(t);
-  return Object.is(o, t) || G(o), o;
+  return Object.is(o, t) || W(o), o;
 }
-function Ni(t, r, e, i = "tree node updated") {
-  const o = t.get(), s = Or(o, r, e);
+function Ui(t, r, e, i = "tree node updated") {
+  const o = t.get(), s = Pr(o, r, e);
   return Object.is(s, o) ? !1 : t.set(s, i);
 }
-function ot(t, r) {
+function st(t, r) {
   for (const e of t) {
     if (Object.is(e.id, r)) return e;
-    const i = ot(e.children ?? [], r);
+    const i = st(e.children ?? [], r);
     if (i != null) return i;
   }
   return null;
@@ -2282,16 +2492,16 @@ class pe extends g {
     a(this, "focusedKey", null);
     a(this, "typeahead", "");
     a(this, "typeaheadTimer", null);
-    if (kt(e.nodes))
+    if (Tt(e.nodes))
       this.nodesEmitter = e.nodes, this.ownedNodesEmitter = null;
     else {
-      const i = e.nodes ?? Be(e.children);
-      this.ownedNodesEmitter = new I(i, {
+      const i = e.nodes ?? We(e.children);
+      this.ownedNodesEmitter = new S(i, {
         owner: this,
         purpose: "tree nodes"
       }), this.nodesEmitter = this.ownedNodesEmitter;
     }
-    this.ownedSelectedEmitter = e.selectedKeyEmitter == null ? new I(null, { owner: this, purpose: "selected tree key" }) : null, this.selectedKeyEmitter = e.selectedKeyEmitter ?? this.ownedSelectedEmitter, this.ownedExpandedEmitter = e.expandedKeysEmitter == null ? new I([], { owner: this, purpose: "expanded tree keys" }) : null, this.expandedKeysEmitter = e.expandedKeysEmitter ?? this.ownedExpandedEmitter;
+    this.ownedSelectedEmitter = e.selectedKeyEmitter == null ? new S(null, { owner: this, purpose: "selected tree key" }) : null, this.selectedKeyEmitter = e.selectedKeyEmitter ?? this.ownedSelectedEmitter, this.ownedExpandedEmitter = e.expandedKeysEmitter == null ? new S([], { owner: this, purpose: "expanded tree keys" }) : null, this.expandedKeysEmitter = e.expandedKeysEmitter ?? this.ownedExpandedEmitter;
   }
   initialize() {
     this.reconcile(this.nodesEmitter.get()), this.watch(this.nodesEmitter, this.selectedKeyEmitter, this.expandedKeysEmitter), this.onCleanup(this.nodesEmitter.subscribe(({ value: e }) => this.reconcile(e), {
@@ -2300,12 +2510,12 @@ class pe extends g {
   }
   setProps(e) {
     if (this.ownedNodesEmitter != null) {
-      if (kt(e.nodes))
+      if (Tt(e.nodes))
         throw new TypeError(
           "TreeView cannot replace static or declarative nodes with an emitter"
         );
       this.ownedNodesEmitter.set(
-        e.nodes ?? Be(e.children),
+        e.nodes ?? We(e.children),
         "tree structure changed"
       );
     }
@@ -2313,46 +2523,46 @@ class pe extends g {
   }
   render() {
     const e = this.nodesEmitter.get();
-    G(e);
-    const i = this.nodesEmitter.getFetchState(), o = this.nodesEmitter.getError(), s = new Set(this.expandedKeysEmitter.get()), n = xt(e, s), l = this.selectedKeyEmitter.get(), c = n.find(({ node: h }) => Object.is(h.id, this.focusedKey)) ?? n.find(({ node: h }) => Object.is(h.id, l)) ?? n[0] ?? null;
+    W(e);
+    const i = this.nodesEmitter.getFetchState(), o = this.nodesEmitter.getError(), s = new Set(this.expandedKeysEmitter.get()), n = It(e, s), l = this.selectedKeyEmitter.get(), c = n.find(({ node: p }) => Object.is(p.id, this.focusedKey)) ?? n.find(({ node: p }) => Object.is(p.id, l)) ?? n[0] ?? null;
     this.focusedKey = (c == null ? void 0 : c.node.id) ?? null;
     const u = this.Host;
-    return /* @__PURE__ */ v(u, { className: x(this.props) || null, children: [
-      i === S.Error ? /* @__PURE__ */ p("p", { role: "alert", children: Ar(o, "Unable to load tree items") }) : null,
-      i !== S.Error && n.length === 0 ? /* @__PURE__ */ p("p", { role: "status", children: "No tree items" }) : /* @__PURE__ */ p("ul", { role: "tree", "aria-label": this.props.label, children: n.map((h, b) => {
-        var N, Y, J, ht, pt, ft, mt;
-        const { node: f, depth: m, position: C, setSize: T } = h, k = (((N = f.children) == null ? void 0 : N.length) ?? 0) > 0, O = k && s.has(f.id), P = Object.is(f.id, l), K = ((J = (Y = this.props).renderItem) == null ? void 0 : J.call(Y, f, m)) ?? f.label, M = (pt = (ht = this.props).itemLabelClassName) == null ? void 0 : pt.call(ht, f, m), z = (mt = (ft = this.props).itemLabelStyle) == null ? void 0 : mt.call(ft, f, m);
-        return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(u, { className: E(this.props) || null, children: [
+      i === k.Error ? /* @__PURE__ */ h("p", { role: "alert", children: Kr(o, "Unable to load tree items") }) : null,
+      i !== k.Error && n.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: "No tree items" }) : /* @__PURE__ */ h("ul", { role: "tree", "aria-label": this.props.label, children: n.map((p, b) => {
+        var q, G, Y, pt, ft, mt, bt;
+        const { node: f, depth: m, position: R, setSize: T } = p, x = (((q = f.children) == null ? void 0 : q.length) ?? 0) > 0, $ = x && s.has(f.id), D = Object.is(f.id, l), P = ((Y = (G = this.props).renderItem) == null ? void 0 : Y.call(G, f, m)) ?? f.label, K = (ft = (pt = this.props).itemLabelClassName) == null ? void 0 : ft.call(pt, f, m), C = (bt = (mt = this.props).itemLabelStyle) == null ? void 0 : bt.call(mt, f, m);
+        return /* @__PURE__ */ y(
           "li",
           {
             role: "treeitem",
             "data-index": b,
             "aria-level": m + 1,
-            "aria-posinset": C,
+            "aria-posinset": R,
             "aria-setsize": T,
-            "aria-expanded": k ? String(O) : null,
-            "aria-selected": String(P),
+            "aria-expanded": x ? String($) : null,
+            "aria-selected": String(D),
             tabIndex: Object.is(f.id, c == null ? void 0 : c.node.id) ? 0 : -1,
             style: { "--tree-depth": m },
-            onClick: (se) => {
-              if (this.focusedKey = f.id, Lr(se.target) && k) {
+            onClick: (ne) => {
+              if (this.focusedKey = f.id, Ur(ne.target) && x) {
                 this.toggleExpanded(f.id), this.focusRow(f.id);
                 return;
               }
-              this.selectNode(f, se);
+              this.selectNode(f, ne);
             },
             onFocus: () => this.focusedKey = f.id,
-            onKeyDown: (se) => this.handleKeyDown(se, b, n),
+            onKeyDown: (ne) => this.handleKeyDown(ne, b, n),
             children: [
-              w(
-                "fray-expander",
-                { "aria-hidden": "true" },
-                k ? O ? "▾" : "▸" : "•"
-              ),
-              w("fray-label", {
-                ...M == null ? {} : { className: M },
-                ...z == null ? {} : { style: z }
-              }, K)
+              /* @__PURE__ */ h("fray-expander", { "aria-hidden": "true", children: x ? $ ? "▾" : "▸" : "•" }),
+              /* @__PURE__ */ h(
+                "fray-label",
+                {
+                  ...K == null ? {} : { className: K },
+                  ...C == null ? {} : { style: C },
+                  children: P
+                }
+              )
             ]
           },
           f.id
@@ -2365,14 +2575,14 @@ class pe extends g {
     this.typeaheadTimer != null && clearTimeout(this.typeaheadTimer), (e = this.ownedNodesEmitter) == null || e.dispose(), (i = this.ownedSelectedEmitter) == null || i.dispose(), (o = this.ownedExpandedEmitter) == null || o.dispose();
   }
   reconcile(e) {
-    G(e);
-    const i = new Set(jr(e).map(({ node: l }) => l.id)), o = this.selectedKeyEmitter.get();
+    W(e);
+    const i = new Set(Mr(e).map(({ node: l }) => l.id)), o = this.selectedKeyEmitter.get();
     this.ownedSelectedEmitter != null && o != null && !i.has(o) && this.selectedKeyEmitter.set(null, "selected tree item removed");
     const s = this.expandedKeysEmitter.get(), n = s.filter((l) => i.has(l));
-    this.ownedExpandedEmitter != null && !Nr(s, n) && this.expandedKeysEmitter.set(n, "removed tree expansions reconciled"), this.focusedKey != null && !i.has(this.focusedKey) && (this.focusedKey = null);
+    this.ownedExpandedEmitter != null && !Vr(s, n) && this.expandedKeysEmitter.set(n, "removed tree expansions reconciled"), this.focusedKey != null && !i.has(this.focusedKey) && (this.focusedKey = null);
   }
   selectNode(e, i) {
-    this.selectedKeyEmitter.set(e.id, "tree item selected"), $(this.props.onSelect, e, i), this.focusRow(e.id);
+    this.selectedKeyEmitter.set(e.id, "tree item selected"), z(this.props.onSelect, e, i), this.focusRow(e.id);
   }
   toggleExpanded(e) {
     const i = this.expandedKeysEmitter.get(), o = i.some((s) => Object.is(s, e));
@@ -2391,9 +2601,9 @@ class pe extends g {
       if (e.key === "End") return this.move(e, (u = o.at(-1)) == null ? void 0 : u.node.id);
       if (e.key === "ArrowRight") {
         e.preventDefault();
-        const h = s.node.children ?? [];
-        if (h.length === 0) return;
-        this.expandedKeysEmitter.get().some((f) => Object.is(f, s.node.id)) ? this.focusRow(h[0].id) : this.toggleExpanded(s.node.id);
+        const p = s.node.children ?? [];
+        if (p.length === 0) return;
+        this.expandedKeysEmitter.get().some((f) => Object.is(f, s.node.id)) ? this.focusRow(p[0].id) : this.toggleExpanded(s.node.id);
         return;
       }
       if (e.key === "ArrowLeft") {
@@ -2415,7 +2625,7 @@ class pe extends g {
     this.focusedKey = e;
     const i = this.dom instanceof Element ? [...this.dom.querySelectorAll('[role="treeitem"]')] : [];
     for (const s of i) {
-      const n = Number(s.dataset.index), l = xt(
+      const n = Number(s.dataset.index), l = It(
         this.nodesEmitter.get(),
         new Set(this.expandedKeysEmitter.get())
       ), c = Object.is((o = l[n]) == null ? void 0 : o.node.id, e);
@@ -2426,11 +2636,11 @@ class pe extends g {
     e.preventDefault(), this.typeaheadTimer != null && clearTimeout(this.typeaheadTimer), this.typeahead += e.key.toLocaleLowerCase(), this.typeaheadTimer = setTimeout(() => {
       this.typeahead = "", this.typeaheadTimer = null;
     }, 650);
-    const n = [...i.slice(o + 1), ...i.slice(0, o + 1)].find(({ node: l }) => qr(l).toLocaleLowerCase().startsWith(this.typeahead));
+    const n = [...i.slice(o + 1), ...i.slice(0, o + 1)].find(({ node: l }) => Hr(l).toLocaleLowerCase().startsWith(this.typeahead));
     n != null && this.focusRow(n.node.id);
   }
 }
-a(pe, "liveProps", []), a(pe, "dependencies", [it]), a(pe, "hostName", "tree-view"), a(pe, "css", E`
+a(pe, "liveProps", []), a(pe, "dependencies", [ot]), a(pe, "hostName", "tree-view"), a(pe, "css", w`
         & {
             display: flex;
             flex-direction: column;
@@ -2502,11 +2712,11 @@ a(pe, "liveProps", []), a(pe, "dependencies", [it]), a(pe, "hostName", "tree-vie
             }
         }
     `);
-function Ar(t, r) {
+function Kr(t, r) {
   return t instanceof Error ? t.message : t == null ? r : String(t);
 }
-function Be(t) {
-  return (Array.isArray(t) ? t : t == null ? [] : [t]).filter((e) => we(e) && e.type === it).map((e) => {
+function We(t) {
+  return (Array.isArray(t) ? t : t == null ? [] : [t]).filter((e) => we(e) && e.type === ot).map((e) => {
     if (!we(e)) throw new TypeError("TreeView children must be TreeItem nodes");
     const i = e.props;
     return {
@@ -2514,11 +2724,11 @@ function Be(t) {
       label: i.label,
       ...i.textValue == null ? {} : { textValue: i.textValue },
       ...i.value === void 0 ? {} : { value: i.value },
-      children: Be(i.children)
+      children: We(i.children)
     };
   });
 }
-function xt(t, r) {
+function It(t, r) {
   const e = [], i = (o, s, n) => {
     o.forEach((l, c) => {
       var u;
@@ -2527,7 +2737,7 @@ function xt(t, r) {
   };
   return i(t, 0, null), e;
 }
-function jr(t) {
+function Mr(t) {
   const r = /* @__PURE__ */ new Set(), e = [], i = (o, s, n) => {
     o.forEach((l, c) => {
       if (r.has(l.id)) throw new Error(`Duplicate tree item id: ${String(l.id)}`);
@@ -2536,19 +2746,19 @@ function jr(t) {
   };
   return i(t, 0, null), e;
 }
-function qr(t) {
+function Hr(t) {
   return t.textValue != null ? t.textValue : typeof t.label == "string" || typeof t.label == "number" ? String(t.label) : String(t.id);
 }
-function Nr(t, r) {
+function Vr(t, r) {
   return t.length === r.length && t.every((e, i) => Object.is(e, r[i]));
 }
-function kt(t) {
+function Tt(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-function Lr(t) {
+function Ur(t) {
   return t instanceof Element && t.closest("fray-expander") != null;
 }
-const Fr = ["disabled", "pressed", "busy"];
+const _r = ["disabled", "pressed", "busy"];
 class ie extends g {
   constructor(r = {}) {
     if (super(r), r.onClick != null && typeof r.onClick != "function")
@@ -2565,32 +2775,32 @@ class ie extends g {
       busyLabel: l,
       id: c,
       name: u,
-      value: h,
+      value: p,
       title: b,
       ariaLabel: f,
       onClick: m
-    } = this.props, T = (Array.isArray(r) ? r.length > 0 : r != null && typeof r != "boolean") ? r : e ?? "", k = n ? l ?? T : T, O = o || n, P = this.Host;
-    return /* @__PURE__ */ p(P, { className: x(this.props) || null, children: /* @__PURE__ */ p(
+    } = this.props, T = (Array.isArray(r) ? r.length > 0 : r != null && typeof r != "boolean") ? r : e ?? "", x = n ? l ?? T : T, $ = o || n, D = this.Host;
+    return /* @__PURE__ */ h(D, { className: E(this.props) || null, children: /* @__PURE__ */ h(
       "button",
       {
         id: c,
         name: u,
-        value: h == null ? void 0 : String(h),
+        value: p == null ? void 0 : String(p),
         title: b,
         type: i,
-        disabled: O,
+        disabled: $,
         "aria-label": f,
         "aria-pressed": s == null ? null : String(!!s),
         "aria-busy": n ? "true" : null,
-        onClick: (K) => {
-          O || $(m, K);
+        onClick: (P) => {
+          $ || z(m, P);
         },
-        children: k
+        children: x
       }
     ) });
   }
 }
-a(ie, "liveProps", Fr), a(ie, "hostName", "button"), a(ie, "css", E`
+a(ie, "liveProps", _r), a(ie, "hostName", "button"), a(ie, "css", w`
         & > button {
             min-height: var(--control-min-height, 2rem);
             padding: var(--space-xs) var(--space-sm);
@@ -2633,7 +2843,7 @@ a(ie, "liveProps", Fr), a(ie, "hostName", "button"), a(ie, "css", E`
             pointer-events: none;
         }
     `);
-const Dr = ["showCloseButton"];
+const Qr = ["showCloseButton"];
 class fe extends g {
   constructor(e) {
     super(e);
@@ -2644,7 +2854,7 @@ class fe extends g {
     a(this, "dialogElement", null);
     a(this, "restoreFocusTo", null);
     a(this, "synchronizedOpen", !1);
-    this.openEmitter = F(this, e, !1, "dialog open state"), this.dialogId = R("dialog", e.id), this.titleId = `${this.dialogId}-title`, this.descriptionId = `${this.dialogId}-description`;
+    this.openEmitter = L(this, e, !1, "dialog open state"), this.dialogId = I("dialog", e.id), this.titleId = `${this.dialogId}-title`, this.descriptionId = `${this.dialogId}-description`;
   }
   initialize() {
     this.watch(this.openEmitter);
@@ -2658,7 +2868,7 @@ class fe extends g {
       showCloseButton: n = !0,
       children: l = []
     } = this.props, c = this.Host;
-    return /* @__PURE__ */ p(c, { className: x(this.props) || null, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ h(c, { className: E(this.props) || null, children: /* @__PURE__ */ y(
       "dialog",
       {
         id: this.dialogId,
@@ -2667,12 +2877,12 @@ class fe extends g {
         "aria-modal": "true",
         ref: (u) => this.dialogElement = u,
         children: [
-          /* @__PURE__ */ p("header", { children: /* @__PURE__ */ p("h2", { id: this.titleId, children: e }) }),
-          i == null ? null : /* @__PURE__ */ p("p", { id: this.descriptionId, children: i }),
-          w("fray-content", null, l),
-          o == null && !n ? null : /* @__PURE__ */ v("footer", { children: [
+          /* @__PURE__ */ h("header", { children: /* @__PURE__ */ h("h2", { id: this.titleId, children: e }) }),
+          i == null ? null : /* @__PURE__ */ h("p", { id: this.descriptionId, children: i }),
+          /* @__PURE__ */ h("fray-content", { children: l }),
+          o == null && !n ? null : /* @__PURE__ */ y("footer", { children: [
             o,
-            n ? /* @__PURE__ */ p(
+            n ? /* @__PURE__ */ h(
               ie,
               {
                 label: s,
@@ -2711,7 +2921,7 @@ class fe extends g {
     const i = this.openEmitter.get();
     if (i && !e.open) {
       const o = document.activeElement;
-      this.restoreFocusTo = o instanceof HTMLElement ? o : null, Pr(e), this.synchronizedOpen = !0, Kr(e, this.props.initialFocusRef);
+      this.restoreFocusTo = o instanceof HTMLElement ? o : null, Br(e), this.synchronizedOpen = !0, Wr(e, this.props.initialFocusRef);
       return;
     }
     if (!i && e.open) {
@@ -2724,10 +2934,10 @@ class fe extends g {
     if (!this.synchronizedOpen && this.restoreFocusTo == null) return;
     this.synchronizedOpen = !1;
     const e = this.restoreFocusTo;
-    this.restoreFocusTo = null, (e == null ? void 0 : e.isConnected) === !0 && e.focus(), $(this.props.onClose);
+    this.restoreFocusTo = null, (e == null ? void 0 : e.isConnected) === !0 && e.focus(), z(this.props.onClose);
   }
 }
-a(fe, "liveProps", Dr), a(fe, "hostName", "dialog"), a(fe, "dependencies", [ie]), a(fe, "css", E`
+a(fe, "liveProps", Qr), a(fe, "hostName", "dialog"), a(fe, "dependencies", [ie]), a(fe, "css", w`
         & > dialog {
             z-index: 2;
             width: min(38rem, calc(100vw - 2rem));
@@ -2801,7 +3011,7 @@ a(fe, "liveProps", Dr), a(fe, "hostName", "dialog"), a(fe, "dependencies", [ie])
             }
         }
     `);
-function Pr(t) {
+function Br(t) {
   if (!t.open) {
     if (typeof t.showModal == "function") {
       t.showModal();
@@ -2810,38 +3020,38 @@ function Pr(t) {
     t.setAttribute("open", "");
   }
 }
-function Kr(t, r) {
+function Wr(t, r) {
   const i = (r == null || typeof r == "function" ? null : r.current) ?? t.querySelector(
     '[autofocus], button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
   );
   i == null || i.focus();
 }
-const _ = class _ extends j {
+const U = class U extends A {
   constructor(r = {}) {
-    super({ ...r, symbols: _.symbols });
+    super({ ...r, symbols: U.symbols });
   }
 };
-a(_, "hostName", "quadcheckbox"), a(_, "symbols", [
-  ["×", y.Deny],
-  ["☐", y.Neutral],
-  ["✓", y.Prefer],
-  ["+", y.Require]
-]), a(_, "defaultSemanticState", y.Neutral);
-let St = _;
-const Q = class Q extends j {
+a(U, "hostName", "quadcheckbox"), a(U, "symbols", [
+  ["×", v.Deny],
+  ["☐", v.Neutral],
+  ["✓", v.Prefer],
+  ["+", v.Require]
+]), a(U, "defaultSemanticState", v.Neutral);
+let Rt = U;
+const _ = class _ extends A {
   constructor(r = {}) {
-    super({ ...r, symbols: Q.symbols });
+    super({ ...r, symbols: _.symbols });
   }
 };
-a(Q, "hostName", "tricheckbox"), a(Q, "symbols", [
-  ["×", y.Deny],
-  ["☐", y.Neutral],
-  ["✓", y.Prefer]
-]), a(Q, "defaultSemanticState", y.Neutral);
-let It = Q;
-class st extends g {
-}
-a(st, "css", E`
+a(_, "hostName", "tricheckbox"), a(_, "symbols", [
+  ["×", v.Deny],
+  ["☐", v.Neutral],
+  ["✓", v.Prefer]
+]), a(_, "defaultSemanticState", v.Neutral);
+let Ct = _;
+class nt extends g {
+}
+a(nt, "css", w`
         & {
             display: flex;
             flex-flow: row nowrap;
@@ -2862,9 +3072,9 @@ a(st, "css", E`
         }
 
     `);
-class nt extends st {
+class at extends nt {
 }
-a(nt, "css", E`
+a(at, "css", w`
         & > fray-selectshell {
             display: flex;
             flex-flow: row nowrap;
@@ -2962,8 +3172,8 @@ a(nt, "css", E`
             }
         }
     `);
-const Mr = ["disabled", "required", "error"];
-class Oe extends nt {
+const Gr = ["disabled", "required", "error"];
+class Ae extends at {
   constructor(e = {}) {
     var s;
     super(e);
@@ -2972,14 +3182,14 @@ class Oe extends nt {
     a(this, "optionsEmitter");
     a(this, "valueEmitter");
     a(this, "ownsOptionsEmitter");
-    this.inputId = R("dropdown", e.id), this.errorId = `${this.inputId}-error`;
+    this.inputId = I("dropdown", e.id), this.errorId = `${this.inputId}-error`;
     const i = e.options ?? [];
-    Hr(i) ? (this.optionsEmitter = i, this.ownsOptionsEmitter = !1) : (ve(i), this.optionsEmitter = new I(i, {
+    Yr(i) ? (this.optionsEmitter = i, this.ownsOptionsEmitter = !1) : (ve(i), this.optionsEmitter = new S(i, {
       owner: this,
       purpose: "dropdown options"
     }), this.ownsOptionsEmitter = !0);
     const o = ((s = this.optionsEmitter.get()[0]) == null ? void 0 : s.value) ?? "";
-    this.valueEmitter = F(this, e, o, "dropdown value");
+    this.valueEmitter = L(this, e, o, "dropdown value");
   }
   initialize() {
     this.watch(this.valueEmitter, this.optionsEmitter);
@@ -2994,54 +3204,50 @@ class Oe extends nt {
       placeholder: l = "Select…",
       ariaLabel: c,
       onChange: u
-    } = this.props, h = this.optionsEmitter.get() ?? [];
-    ve(h);
+    } = this.props, p = this.optionsEmitter.get() ?? [];
+    ve(p);
     const b = this.valueEmitter.get(), f = this.Host;
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       f,
       {
-        className: x(this.props),
+        className: E(this.props),
         children: [
-          e == null ? null : /* @__PURE__ */ p("label", { htmlFor: this.inputId, children: e }),
-          w(
-            "fray-selectshell",
-            null,
-            /* @__PURE__ */ v(
-              "select",
-              {
-                id: this.inputId,
-                name: i,
-                value: b == null ? "" : String(b),
-                disabled: o,
-                required: s,
-                "aria-label": e == null ? c : null,
-                "aria-invalid": n == null ? null : "true",
-                "aria-describedby": n == null ? null : this.errorId,
-                onChange: (m) => {
-                  const C = Vr(m, "dropdown change"), T = h.find(({ value: O }) => String(O) === C), k = (T == null ? void 0 : T.value) ?? C;
-                  this.valueEmitter.set(k, "dropdown selection"), $(u, k, m);
-                },
-                children: [
-                  b == null || b === "" ? /* @__PURE__ */ p("option", { value: "", disabled: s, selected: !0, children: l }) : null,
-                  h.map((m) => {
-                    if (m == null || !Object.hasOwn(m, "value"))
-                      throw new TypeError("Dropdown options require value and label fields");
-                    return /* @__PURE__ */ p(
-                      "option",
-                      {
-                        value: String(m.value),
-                        disabled: !!m.disabled,
-                        selected: Object.is(b, m.value),
-                        children: m.label ?? String(m.value)
-                      },
-                      String(m.value)
-                    );
-                  })
-                ]
-              }
-            )
-          ),
-          n == null ? null : /* @__PURE__ */ p(
+          e == null ? null : /* @__PURE__ */ h("label", { htmlFor: this.inputId, children: e }),
+          /* @__PURE__ */ h("fray-selectshell", { children: /* @__PURE__ */ y(
+            "select",
+            {
+              id: this.inputId,
+              name: i,
+              value: b == null ? "" : String(b),
+              disabled: o,
+              required: s,
+              "aria-label": e == null ? c : null,
+              "aria-invalid": n == null ? null : "true",
+              "aria-describedby": n == null ? null : this.errorId,
+              onChange: (m) => {
+                const R = Jr(m, "dropdown change"), T = p.find(({ value: $ }) => String($) === R), x = (T == null ? void 0 : T.value) ?? R;
+                this.valueEmitter.set(x, "dropdown selection"), z(u, x, m);
+              },
+              children: [
+                b == null || b === "" ? /* @__PURE__ */ h("option", { value: "", disabled: s, selected: !0, children: l }) : null,
+                p.map((m) => {
+                  if (m == null || !Object.hasOwn(m, "value"))
+                    throw new TypeError("Dropdown options require value and label fields");
+                  return /* @__PURE__ */ h(
+                    "option",
+                    {
+                      value: String(m.value),
+                      disabled: !!m.disabled,
+                      selected: Object.is(b, m.value),
+                      children: m.label ?? String(m.value)
+                    },
+                    String(m.value)
+                  );
+                })
+              ]
+            }
+          ) }),
+          n == null ? null : /* @__PURE__ */ h(
             "p",
             {
               id: this.errorId,
@@ -3054,24 +3260,24 @@ class Oe extends nt {
     );
   }
 }
-a(Oe, "liveProps", Mr), a(Oe, "hostName", "dropdown"), a(Oe, "css", "");
-function Hr(t) {
+a(Ae, "liveProps", Gr), a(Ae, "hostName", "dropdown"), a(Ae, "css", "");
+function Yr(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-function Vr(t, r) {
+function Jr(t, r) {
   const e = t.currentTarget;
   if (e == null || typeof Reflect.get(e, "value") != "string")
     throw new TypeError(`${r} requires a value-bearing event target`);
   return Reflect.get(e, "value");
 }
-const Ur = ["text"];
-class _r extends g {
+const Zr = ["text"];
+class Xr extends g {
   render() {
     const { text: r, htmlFor: e, children: i } = this.props;
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ h(
       "label",
       {
-        className: x(this.props) || void 0,
+        className: E(this.props) || void 0,
         htmlFor: e,
         "data-fray-component": "label",
         children: r ?? i
@@ -3079,14 +3285,14 @@ class _r extends g {
     );
   }
 }
-a(_r, "liveProps", Ur);
-const Qr = ["checked", "disabled", "required", "error"], Br = ["disabled", "required", "error"];
-class oe extends et {
+a(Xr, "liveProps", Zr);
+const ei = ["checked", "disabled", "required", "error"], ti = ["disabled", "required", "error"];
+class oe extends tt {
   constructor(e = {}) {
     super(e);
     a(this, "inputId");
     a(this, "errorId");
-    this.inputId = R("radio", e.id), this.errorId = `${this.inputId}-error`;
+    this.inputId = I("radio", e.id), this.errorId = `${this.inputId}-error`;
   }
   render() {
     const {
@@ -3096,9 +3302,9 @@ class oe extends et {
       required: s = !1,
       error: n = null
     } = this.props, l = this.Host;
-    return /* @__PURE__ */ v(l, { className: x(this.props) || null, children: [
-      /* @__PURE__ */ v("label", { htmlFor: this.inputId, children: [
-        /* @__PURE__ */ p(
+    return /* @__PURE__ */ y(l, { className: E(this.props) || null, children: [
+      /* @__PURE__ */ y("label", { htmlFor: this.inputId, children: [
+        /* @__PURE__ */ h(
           "input",
           {
             id: this.inputId,
@@ -3110,21 +3316,21 @@ class oe extends et {
             required: s,
             "aria-invalid": n == null ? null : "true",
             "aria-describedby": n == null ? null : this.errorId,
-            onChange: (c) => $(
+            onChange: (c) => z(
               this.props.onChange,
               c.currentTarget.checked,
               c
             )
           }
         ),
-        w("fray-checkshell", { "aria-hidden": "true" }),
+        /* @__PURE__ */ h("fray-checkshell", { "aria-hidden": "true" }),
         e
       ] }),
-      n == null ? null : /* @__PURE__ */ p("p", { id: this.errorId, role: "alert", children: String(n) })
+      n == null ? null : /* @__PURE__ */ h("p", { id: this.errorId, role: "alert", children: String(n) })
     ] });
   }
 }
-a(oe, "liveProps", Qr), a(oe, "hostName", "radio-button"), a(oe, "css", E`
+a(oe, "liveProps", ei), a(oe, "hostName", "radio-button"), a(oe, "css", w`
         & > label > input[type="radio"] + fray-checkshell {
             border-radius: 50%;
         }
@@ -3145,30 +3351,30 @@ class me extends g {
     a(this, "groupId");
     a(this, "errorId");
     const i = e.options ?? [];
-    Ae(i);
+    je(i);
     const o = ((s = i[0]) == null ? void 0 : s[0]) ?? null;
-    this.valueEmitter = F(this, e, o, "radio group value"), this.groupId = R("radio-group", e.id), this.errorId = `${this.groupId}-error`;
+    this.valueEmitter = L(this, e, o, "radio group value"), this.groupId = I("radio-group", e.id), this.errorId = `${this.groupId}-error`;
   }
   initialize() {
     this.watch(this.valueEmitter);
   }
   setProps(e) {
     const i = e.options ?? [];
-    return Ae(i), super.setProps(e), this.selectFirstAvailableOption(i), this;
+    return je(i), super.setProps(e), this.selectFirstAvailableOption(i), this;
   }
   selectOption(e, i = null) {
-    this.props.disabled || (this.valueEmitter.set(e, "radio option selected"), $(this.props.onChange, e, i));
+    this.props.disabled || (this.valueEmitter.set(e, "radio option selected"), z(this.props.onChange, e, i));
   }
   render() {
     const { options: e = [], label: i, disabled: o = !1, required: s = !1, error: n = null } = this.props;
-    Ae(e);
+    je(e);
     const l = this.valueEmitter.get(), c = this.Host;
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       c,
       {
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         children: [
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ y(
             "fieldset",
             {
               id: this.groupId,
@@ -3178,14 +3384,14 @@ class me extends g {
               "aria-invalid": n == null ? null : "true",
               "aria-describedby": n == null ? null : this.errorId,
               children: [
-                i == null ? null : /* @__PURE__ */ p("legend", { children: i }),
-                e.map(([u, h], b) => /* @__PURE__ */ p(
+                i == null ? null : /* @__PURE__ */ h("legend", { children: i }),
+                e.map(([u, p], b) => /* @__PURE__ */ h(
                   oe,
                   {
                     id: `${this.groupId}-${b}`,
                     name: this.props.name ?? this.groupId,
                     value: u,
-                    label: h,
+                    label: p,
                     checked: Object.is(l, u),
                     disabled: o,
                     required: s,
@@ -3198,7 +3404,7 @@ class me extends g {
               ]
             }
           ),
-          n == null ? null : /* @__PURE__ */ p("p", { id: this.errorId, role: "alert", children: String(n) })
+          n == null ? null : /* @__PURE__ */ h("p", { id: this.errorId, role: "alert", children: String(n) })
         ]
       }
     );
@@ -3211,11 +3417,11 @@ class me extends g {
     );
   }
 }
-a(me, "dependencies", [oe]), a(me, "liveProps", Br), a(me, "hostName", "radio-group"), a(me, "css", E`
+a(me, "dependencies", [oe]), a(me, "liveProps", ti), a(me, "hostName", "radio-group"), a(me, "css", w`
         & > fieldset {
             display: flex;
-            flex-flow: row wrap;
-            gap: var(--space-sm, 0.5rem);
+            flex-flow: column wrap;
+            gap: 0;
             margin: 0;
             padding: 0;
             min-inline-size: 0;
@@ -3226,22 +3432,24 @@ a(me, "dependencies", [oe]), a(me, "liveProps", Br), a(me, "hostName", "radio-gr
         & > fieldset > legend {
             flex: 0 0 100%;
             padding: 0;
+            margin-bottom: .5em;
+            border-bottom: 1px solid #aaa;
         }
     `);
-function Ae(t) {
+function je(t) {
   ve(t, "Radio group options");
   for (const r of t)
     if (!Array.isArray(r) || r.length < 2)
       throw new TypeError("Radio group options must be [value, label] tuples");
 }
-const Wr = ["disabled", "required", "readOnly", "error"];
-class je extends st {
+const ri = ["disabled", "required", "readOnly", "error"];
+class qe extends nt {
   constructor(e = {}) {
     super(e);
     a(this, "inputId");
     a(this, "errorId");
     a(this, "valueEmitter");
-    this.inputId = R("textbox", e.id), this.errorId = `${this.inputId}-error`, this.valueEmitter = F(this, e, "", "textbox value");
+    this.inputId = I("textbox", e.id), this.errorId = `${this.inputId}-error`, this.valueEmitter = L(this, e, "", "textbox value");
   }
   initialize() {
     this.watch(this.valueEmitter);
@@ -3256,50 +3464,50 @@ class je extends st {
       required: l = !1,
       readOnly: c = !1,
       error: u = null,
-      autoComplete: h,
+      autoComplete: p,
       inputMode: b,
       minLength: f,
       maxLength: m,
-      pattern: C,
+      pattern: R,
       ariaLabel: T,
-      inputRef: k,
-      onInput: O,
-      onChange: P
-    } = this.props, K = this.valueEmitter.get() ?? "", M = this.Host;
-    return /* @__PURE__ */ v(M, { className: x(this.props) || null, children: [
-      e == null ? null : /* @__PURE__ */ p("label", { htmlFor: this.inputId, children: e }),
-      /* @__PURE__ */ p(
+      inputRef: x,
+      onInput: $,
+      onChange: D
+    } = this.props, P = this.valueEmitter.get() ?? "", K = this.Host;
+    return /* @__PURE__ */ y(K, { className: E(this.props) || null, children: [
+      e == null ? null : /* @__PURE__ */ h("label", { htmlFor: this.inputId, children: e }),
+      /* @__PURE__ */ h(
         "input",
         {
           id: this.inputId,
           name: s,
           type: o,
-          value: K,
+          value: P,
           placeholder: i,
           disabled: n,
           required: l,
           readOnly: c,
-          autoComplete: h,
+          autoComplete: p,
           inputMode: b,
           minLength: f,
           maxLength: m,
-          pattern: C,
-          ref: k,
+          pattern: R,
+          ref: x,
           "aria-label": e == null ? T : null,
           "aria-invalid": u == null ? null : "true",
           "aria-describedby": u == null ? null : this.errorId,
-          onInput: (z) => {
-            const N = Tt(z, "textbox input");
-            this.valueEmitter.set(N, "textbox input"), $(O, N, z);
+          onInput: (C) => {
+            const q = zt(C, "textbox input");
+            this.valueEmitter.set(q, "textbox input"), z($, q, C);
           },
-          onChange: (z) => $(
-            P,
-            Tt(z, "textbox change"),
-            z
+          onChange: (C) => z(
+            D,
+            zt(C, "textbox change"),
+            C
           )
         }
       ),
-      u == null ? null : /* @__PURE__ */ p(
+      u == null ? null : /* @__PURE__ */ h(
         "p",
         {
           id: this.errorId,
@@ -3310,7 +3518,7 @@ class je extends st {
     ] });
   }
 }
-a(je, "liveProps", Wr), a(je, "hostName", "textbox"), a(je, "css", E`
+a(qe, "liveProps", ri), a(qe, "hostName", "textbox"), a(qe, "css", w`
         & > input {
             min-height: var(--control-min-height, 2rem);
             width: var(--input-width, 15rem);
@@ -3345,14 +3553,14 @@ a(je, "liveProps", Wr), a(je, "hostName", "textbox"), a(je, "css", E`
             margin: 0;
         }
     `);
-function Tt(t, r) {
+function zt(t, r) {
   const e = t.currentTarget;
   if (e == null || typeof Reflect.get(e, "value") != "string")
     throw new TypeError(`${r} requires a value-bearing event target`);
   return Reflect.get(e, "value");
 }
-const Gr = ["disabled", "required", "error"];
-class qe extends g {
+const ii = ["disabled", "required", "error"];
+class Ne extends g {
   constructor(e = {}) {
     var s;
     super(e);
@@ -3361,24 +3569,24 @@ class qe extends g {
     a(this, "legendId");
     a(this, "errorId");
     const i = e.options ?? [];
-    Ne(i);
+    Le(i);
     const o = ((s = i[0]) == null ? void 0 : s[0]) ?? null;
-    this.valueEmitter = F(
+    this.valueEmitter = L(
       this,
       e,
       o ?? null,
       "toggle value"
-    ), this.groupId = R("toggle", e.id), this.legendId = `${this.groupId}-label`, this.errorId = `${this.groupId}-error`;
+    ), this.groupId = I("toggle", e.id), this.legendId = `${this.groupId}-label`, this.errorId = `${this.groupId}-error`;
   }
   initialize() {
     this.selectFirstAvailableOption(this.props.options ?? []), this.watch(this.valueEmitter);
   }
   setProps(e) {
     const i = e.options ?? [];
-    return Ne(i), super.setProps(e), this.selectFirstAvailableOption(i), this;
+    return Le(i), super.setProps(e), this.selectFirstAvailableOption(i), this;
   }
   selectOption(e, i = null) {
-    this.props.disabled || (this.valueEmitter.set(e, "toggle option selected"), $(this.props.onChange, e, i));
+    this.props.disabled || (this.valueEmitter.set(e, "toggle option selected"), z(this.props.onChange, e, i));
   }
   render() {
     const {
@@ -3388,38 +3596,46 @@ class qe extends g {
       required: s = !1,
       error: n = null
     } = this.props;
-    Ne(e);
+    Le(e);
     const l = this.valueEmitter.get(), c = Math.max(
       0,
-      e.findIndex(([h]) => Object.is(h, l))
+      e.findIndex(([p]) => Object.is(p, l))
     ), u = this.Host;
-    return /* @__PURE__ */ v(u, { id: this.groupId, className: x(this.props) || null, children: [
-      i == null ? null : w("fray-label", { id: this.legendId }, i),
-      w("fray-options", {
-        role: "radiogroup",
-        "aria-label": i == null ? this.props.ariaLabel : null,
-        "aria-labelledby": i == null ? null : this.legendId,
-        "aria-required": s ? "true" : null,
-        "aria-invalid": n == null ? null : "true",
-        "aria-describedby": n == null ? null : this.errorId
-      }, e.map(([h, b], f) => /* @__PURE__ */ p(
-        "button",
+    return /* @__PURE__ */ y(u, { id: this.groupId, className: E(this.props) || null, children: [
+      i == null ? null : /* @__PURE__ */ h("fray-label", { id: this.legendId, children: i }),
+      /* @__PURE__ */ h(
+        "fray-options",
         {
-          type: "button",
-          role: "radio",
-          disabled: o,
-          "aria-checked": Object.is(l, h) ? "true" : "false",
-          tabIndex: f === c ? 0 : -1,
-          onClick: (m) => this.selectOption(h, m),
-          onKeyDown: (m) => this.handleKeyDown(m, f, e),
-          children: b
-        },
-        String(h)
-      ))),
-      n == null ? null : w("fray-error", {
-        id: this.errorId,
-        role: "alert"
-      }, String(n))
+          role: "radiogroup",
+          "aria-label": i == null ? this.props.ariaLabel : null,
+          "aria-labelledby": i == null ? null : this.legendId,
+          "aria-required": s ? "true" : null,
+          "aria-invalid": n == null ? null : "true",
+          "aria-describedby": n == null ? null : this.errorId,
+          children: e.map(([p, b], f) => /* @__PURE__ */ h(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              disabled: o,
+              "aria-checked": Object.is(l, p) ? "true" : "false",
+              tabIndex: f === c ? 0 : -1,
+              onClick: (m) => this.selectOption(p, m),
+              onKeyDown: (m) => this.handleKeyDown(m, f, e),
+              children: b
+            },
+            String(p)
+          ))
+        }
+      ),
+      n == null ? null : /* @__PURE__ */ h(
+        "fray-error",
+        {
+          id: this.errorId,
+          role: "alert",
+          children: String(n)
+        }
+      )
     ] });
   }
   handleKeyDown(e, i, o) {
@@ -3446,7 +3662,7 @@ class qe extends g {
     );
   }
 }
-a(qe, "liveProps", Gr), a(qe, "hostName", "toggle"), a(qe, "css", E`
+a(Ne, "liveProps", ii), a(Ne, "hostName", "toggle"), a(Ne, "css", w`
         & {
             display: inline-block;
             inline-size: fit-content;
@@ -3540,13 +3756,13 @@ a(qe, "liveProps", Gr), a(qe, "hostName", "toggle"), a(qe, "css", E`
             background: var(--toggle-inactive-separator-background);
         }
     `);
-function Ne(t) {
+function Le(t) {
   ve(t);
   for (const r of t)
     if (!Array.isArray(r) || r.length < 2)
       throw new TypeError("Toggle options must be [value, label] tuples");
 }
-class Le extends g {
+class Fe extends g {
   render() {
     const {
       children: r = [],
@@ -3557,12 +3773,12 @@ class Le extends g {
     if (!["horizontal", "vertical"].includes(o))
       throw new TypeError("Toolbar orientation must be horizontal or vertical");
     const s = this.Host;
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ h(
       s,
       {
         id: e,
         role: "toolbar",
-        className: x(this.props) || null,
+        className: E(this.props) || null,
         "aria-label": i,
         "aria-orientation": o,
         children: r
@@ -3570,7 +3786,7 @@ class Le extends g {
     );
   }
 }
-a(Le, "liveProps", []), a(Le, "hostName", "toolbar"), a(Le, "css", E`
+a(Fe, "liveProps", []), a(Fe, "hostName", "toolbar"), a(Fe, "css", w`
         & {
             display: flex;
             flex-wrap: wrap;
@@ -3592,11 +3808,11 @@ a(Le, "liveProps", []), a(Le, "hostName", "toolbar"), a(Le, "css", E`
             align-items: stretch;
         }
     `);
-class Fe extends g {
+class De extends g {
   constructor(e) {
     super(e);
     a(this, "progressId");
-    if (this.progressId = R("progress", e.id), e.valueEmitter != null && !Yr(e.valueEmitter))
+    if (this.progressId = I("progress", e.id), e.valueEmitter != null && !oi(e.valueEmitter))
       throw new TypeError("ProgressBar valueEmitter must be a readable emitter");
   }
   render() {
@@ -3607,9 +3823,9 @@ class Fe extends g {
     if (i != null && (!Number.isFinite(i) || i < 0))
       throw new RangeError("ProgressBar value must be null or a non-negative finite number");
     const o = i == null ? null : Math.min(i, e), s = o == null ? null : o / e * 100, n = this.props.valueText ?? (o == null ? "In progress" : `${Math.round(o / e * 100)}%`), l = this.Host;
-    return /* @__PURE__ */ v(l, { className: x(this.props) || null, children: [
-      /* @__PURE__ */ p("label", { htmlFor: this.progressId, children: this.props.label }),
-      /* @__PURE__ */ p(
+    return /* @__PURE__ */ y(l, { className: E(this.props) || null, children: [
+      /* @__PURE__ */ h("label", { htmlFor: this.progressId, children: this.props.label }),
+      /* @__PURE__ */ h(
         "progress",
         {
           id: this.progressId,
@@ -3619,21 +3835,23 @@ class Fe extends g {
           children: n
         }
       ),
-      w(
-        "fray-content",
-        { "aria-hidden": "true" },
-        w("fray-progress", {
-          style: s == null ? void 0 : {
-            "--progress-width": `${s}%`,
-            "--progress-inverse-width": `${1e4 / Math.max(s, 1)}%`
+      /* @__PURE__ */ y("fray-content", { "aria-hidden": "true", children: [
+        /* @__PURE__ */ h(
+          "fray-progress",
+          {
+            style: s == null ? void 0 : {
+              "--progress-width": `${s}%`,
+              "--progress-inverse-width": `${1e4 / Math.max(s, 1)}%`
+            },
+            children: /* @__PURE__ */ h("fray-inverse", { children: this.props.label })
           }
-        }, w("fray-inverse", null, this.props.label)),
-        w("fray-label", null, this.props.label)
-      )
+        ),
+        /* @__PURE__ */ h("fray-label", { children: this.props.label })
+      ] })
     ] });
   }
 }
-a(Fe, "liveProps", []), a(Fe, "hostName", "progress-bar"), a(Fe, "css", E`
+a(De, "liveProps", []), a(De, "hostName", "progress-bar"), a(De, "css", w`
         & {
             display: block;
         }
@@ -3744,13 +3962,13 @@ a(Fe, "liveProps", []), a(Fe, "hostName", "progress-bar"), a(Fe, "css", E`
             }
         }
     `);
-function Yr(t) {
+function oi(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-const Li = Object.freeze([
-  ...De("primary"),
-  ...De("secondary"),
-  ...De("neutral"),
+const _i = Object.freeze([
+  ...Pe("primary"),
+  ...Pe("secondary"),
+  ...Pe("neutral"),
   d("--palette-primary", "palette", "primary", "color", "Primary anchor color", "--palette-primary-500"),
   d("--palette-primary-light", "palette", "primary", "color", "Light primary color", "--palette-primary-200"),
   d("--palette-primary-dark", "palette", "primary", "color", "Dark primary color", "--palette-primary-800"),
@@ -3873,35 +4091,35 @@ const Li = Object.freeze([
   d("--block-graph-block-border", "theme", "block graph", "border", "Block graph category border", "--ui-border"),
   d("--block-graph-block-radius", "theme", "block graph", "radius", "Block graph category radius", "--radius-sm"),
   d("--block-graph-block-shadow", "theme", "block graph", "shadow", "Block graph category depth")
-]), Jr = Object.freeze([
-  Pe("shiny", "Shiny", A("themes/shiny/theme.css"), "light"),
-  Pe("java", "Java", A("themes/java/theme.css"), "light"),
-  Pe("minimal", "Minimal", A("themes/minimal/theme.css"), "adaptive")
-]), Zr = Object.freeze([
-  D("iceblue", "Ice blue", A("colors/iceblue/colors.css")),
-  D("ocean", "Ocean", A("colors/ocean/colors.css")),
-  D("green", "Green", A("colors/green/colors.css")),
-  D("gray", "Gray", A("colors/gray/colors.css")),
-  D("orange", "Orange", A("colors/orange/colors.css")),
-  D("purple", "Purple", A("colors/purple/colors.css")),
-  D("red", "Red", A("colors/red/colors.css")),
-  D("yellow", "Yellow", A("colors/yellow/colors.css"))
+]), si = Object.freeze([
+  Ke("shiny", "Shiny", O("themes/shiny/theme.css"), "light"),
+  Ke("java", "Java", O("themes/java/theme.css"), "light"),
+  Ke("minimal", "Minimal", O("themes/minimal/theme.css"), "adaptive")
+]), ni = Object.freeze([
+  F("iceblue", "Ice blue", O("colors/iceblue/colors.css")),
+  F("ocean", "Ocean", O("colors/ocean/colors.css")),
+  F("green", "Green", O("colors/green/colors.css")),
+  F("gray", "Gray", O("colors/gray/colors.css")),
+  F("orange", "Orange", O("colors/orange/colors.css")),
+  F("purple", "Purple", O("colors/purple/colors.css")),
+  F("red", "Red", O("colors/red/colors.css")),
+  F("yellow", "Yellow", O("colors/yellow/colors.css"))
 ]);
-function Xr(t, r, e = globalThis.document) {
-  if (ei(r), (e == null ? void 0 : e.head) == null || e.documentElement == null)
+function ai(t, r, e = globalThis.document) {
+  if (li(r), (e == null ? void 0 : e.head) == null || e.documentElement == null)
     throw new TypeError("replaceFrayStylesheet requires a document with a head and root");
   const i = `link[data-fray-stylesheet="${t}"]`;
   let o = e.head.querySelector(i);
   return o == null && (o = e.createElement("link"), o.rel = "stylesheet", o.dataset.frayStylesheet = t, e.head.append(o)), o.dataset.fraySelection = r.value, o.getAttribute("href") !== r.href && o.setAttribute("href", r.href), t === "theme" ? e.documentElement.dataset.theme = r.value : e.documentElement.dataset.color = r.value, o;
 }
-function Fi(t, r = globalThis.document) {
+function Qi(t, r = globalThis.document) {
   if ((r == null ? void 0 : r.documentElement) == null)
     throw new TypeError("setFrayAppearance requires a document with a root");
   if (t !== "light" && t !== "dark" && t !== "system")
     throw new TypeError("Fray appearance must be light, dark, or system");
   t === "system" ? r.documentElement.removeAttribute("data-appearance") : r.documentElement.dataset.appearance = t;
 }
-function Di(t = globalThis.document) {
+function Bi(t = globalThis.document) {
   if ((t == null ? void 0 : t.documentElement) == null)
     throw new TypeError("getFrayAppearance requires a document with a root");
   const r = t.documentElement.dataset.appearance;
@@ -3915,7 +4133,7 @@ function be(t, r) {
 function d(t, r, e, i, o, s) {
   return s == null ? Object.freeze({ name: t, layer: r, family: e, value: i, description: o }) : Object.freeze({ name: t, layer: r, family: e, value: i, description: o, fallback: s });
 }
-function De(t) {
+function Pe(t) {
   return [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((r) => {
     var e;
     return d(
@@ -3927,25 +4145,25 @@ function De(t) {
     );
   });
 }
-function D(t, r, e) {
+function F(t, r, e) {
   return Object.freeze({ value: t, label: r, href: e });
 }
-function Pe(t, r, e, i) {
+function Ke(t, r, e, i) {
   return Object.freeze({ value: t, label: r, href: e, appearance: i });
 }
-function A(t) {
+function O(t) {
   const r = import.meta.url.includes("/src/styling/") ? `../../${t}` : `../${t}`;
   return new URL(r, import.meta.url).href;
 }
-function ei(t) {
+function li(t) {
   if (t == null || typeof t != "object")
     throw new TypeError("Fray stylesheet selection must be an option");
   for (const r of ["value", "label", "href"])
     if (typeof Reflect.get(t, r) != "string" || String(Reflect.get(t, r)).length === 0)
       throw new TypeError(`Fray stylesheet option ${r} must be a non-empty string`);
 }
-const ti = ["disabled"];
-class ke extends nt {
+const ci = ["disabled"];
+class ke extends at {
   constructor(e, i, o) {
     var l;
     super(e);
@@ -3954,48 +4172,44 @@ class ke extends nt {
     a(this, "kind");
     a(this, "defaults");
     const s = e.options ?? o;
-    Rt(s);
+    $t(s);
     const n = (l = s[0]) == null ? void 0 : l.value;
     if (n == null) throw new TypeError(`${i} picker requires at least one option`);
-    this.kind = i, this.defaults = o, this.inputId = R(`${i}-picker`, e.id), this.valueEmitter = F(this, e, n, `${i} selection`), be(s, this.valueEmitter.get());
+    this.kind = i, this.defaults = o, this.inputId = I(`${i}-picker`, e.id), this.valueEmitter = L(this, e, n, `${i} selection`), be(s, this.valueEmitter.get());
   }
   initialize() {
     this.watch(this.valueEmitter);
   }
   render() {
     const e = this.options, i = be(e, this.valueEmitter.get()), { label: o, ariaLabel: s, disabled: n = !1, onChange: l } = this.props, c = this.Host;
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       c,
       {
-        className: x(this.props),
+        className: E(this.props),
         children: [
-          o == null ? null : /* @__PURE__ */ p("label", { htmlFor: this.inputId, children: o }),
-          w(
-            "fray-selectshell",
-            null,
-            /* @__PURE__ */ p(
-              "select",
-              {
-                id: this.inputId,
-                value: i.value,
-                disabled: n,
-                "aria-label": o == null ? s : null,
-                onChange: (u) => {
-                  const h = oi(u), b = be(e, h);
-                  this.valueEmitter.set(h, `${this.kind} selected`), $(l, h, b, u);
+          o == null ? null : /* @__PURE__ */ h("label", { htmlFor: this.inputId, children: o }),
+          /* @__PURE__ */ h("fray-selectshell", { children: /* @__PURE__ */ h(
+            "select",
+            {
+              id: this.inputId,
+              value: i.value,
+              disabled: n,
+              "aria-label": o == null ? s : null,
+              onChange: (u) => {
+                const p = hi(u), b = be(e, p);
+                this.valueEmitter.set(p, `${this.kind} selected`), z(l, p, b, u);
+              },
+              children: e.map((u) => /* @__PURE__ */ h(
+                "option",
+                {
+                  value: u.value,
+                  selected: u.value === i.value,
+                  children: u.label
                 },
-                children: e.map((u) => /* @__PURE__ */ p(
-                  "option",
-                  {
-                    value: u.value,
-                    selected: u.value === i.value,
-                    children: u.label
-                  },
-                  u.value
-                ))
-              }
-            )
-          )
+                u.value
+              ))
+            }
+          ) })
         ]
       }
     );
@@ -4008,35 +4222,35 @@ class ke extends nt {
   }
   get options() {
     const e = this.props.options ?? this.defaults;
-    return Rt(e), e;
+    return $t(e), e;
   }
   applySelection() {
     const e = this.props.targetDocument ?? (typeof document > "u" ? null : document);
-    e != null && Xr(
+    e != null && ai(
       this.kind,
       be(this.options, this.valueEmitter.get()),
       e
     );
   }
 }
-a(ke, "liveProps", ti), a(ke, "css", E`
+a(ke, "liveProps", ci), a(ke, "css", w`
         & > fray-selectshell > select {
             min-width: 8rem;
         }
     `);
-class ri extends ke {
+class di extends ke {
   constructor(r = {}) {
-    super(r, "theme", Jr);
+    super(r, "theme", si);
   }
 }
-a(ri, "hostName", "theme-picker");
-class ii extends ke {
+a(di, "hostName", "theme-picker");
+class ui extends ke {
   constructor(r = {}) {
-    super(r, "colors", Zr);
+    super(r, "colors", ni);
   }
 }
-a(ii, "hostName", "color-picker");
-function Rt(t) {
+a(ui, "hostName", "color-picker");
+function $t(t) {
   if (!Array.isArray(t) || t.length === 0)
     throw new TypeError("Stylesheet picker options must be a non-empty array");
   const r = /* @__PURE__ */ new Set();
@@ -4051,30 +4265,30 @@ function Rt(t) {
     r.add(e.value);
   }
 }
-function oi(t) {
+function hi(t) {
   const r = t.currentTarget == null ? null : Reflect.get(t.currentTarget, "value");
   if (typeof r != "string")
     throw new TypeError("Stylesheet picker change requires a select element");
   return r;
 }
-class Pi {
+class Wi {
   constructor(r = "/") {
     a(this, "listeners", /* @__PURE__ */ new Set());
     a(this, "entries");
     a(this, "index", 0);
-    this.entries = [q(r)];
+    this.entries = [j(r)];
   }
   read() {
     return this.entries[this.index] ?? "/";
   }
   href(r) {
-    return q(r);
+    return j(r);
   }
   push(r) {
-    this.entries = this.entries.slice(0, this.index + 1), this.entries.push(q(r)), this.index += 1;
+    this.entries = this.entries.slice(0, this.index + 1), this.entries.push(j(r)), this.index += 1;
   }
   replace(r) {
-    this.entries[this.index] = q(r);
+    this.entries[this.index] = j(r);
   }
   subscribe(r) {
     if (typeof r != "function")
@@ -4098,16 +4312,16 @@ class Pi {
     for (const r of [...this.listeners]) r();
   }
 }
-function Ki(t = globalThis.window, r = {}) {
-  Pt(t);
-  const e = si(r.basePath ?? "/");
+function Gi(t = globalThis.window, r = {}) {
+  Vt(t);
+  const e = pi(r.basePath ?? "/");
   return {
     read() {
       const i = t.location.pathname, o = i === e.slice(0, -1) ? "/" : i.startsWith(e) ? `/${i.slice(e.length)}` : i;
-      return q(`${o}${t.location.search}`);
+      return j(`${o}${t.location.search}`);
     },
     href(i) {
-      const o = q(i);
+      const o = j(i);
       return `${e}${o.slice(1)}`;
     },
     push(i) {
@@ -4121,13 +4335,13 @@ function Ki(t = globalThis.window, r = {}) {
     }
   };
 }
-function Mi(t = globalThis.window) {
-  return Pt(t), {
+function Yi(t = globalThis.window) {
+  return Vt(t), {
     read() {
-      return q(t.location.hash.slice(1) || "/");
+      return j(t.location.hash.slice(1) || "/");
     },
     href(r) {
-      return `#${q(r)}`;
+      return `#${j(r)}`;
     },
     push(r) {
       t.history.pushState(null, "", this.href(r));
@@ -4147,41 +4361,41 @@ function Mi(t = globalThis.window) {
     }
   };
 }
-function q(t) {
+function j(t) {
   if (typeof t != "string") throw new TypeError("Route location must be a string");
   const r = t.indexOf("#"), e = r < 0 ? t : t.slice(0, r), i = e.indexOf("?"), o = i < 0 ? e : e.slice(0, i), s = i < 0 ? "" : e.slice(i);
   return `${(o.startsWith("/") ? o : `/${o}`).replace(/\/{2,}/g, "/").replace(/\/$/, "") || "/"}${s}`;
 }
-function si(t) {
-  const r = q(t).split("?")[0] ?? "/";
+function pi(t) {
+  const r = j(t).split("?")[0] ?? "/";
   return r === "/" ? "/" : `${r}/`;
 }
-function Pt(t) {
+function Vt(t) {
   if (t == null || typeof t != "object" || !("location" in t) || !("history" in t) || !("addEventListener" in t))
     throw new TypeError("Browser navigation requires a window-like target");
 }
-const at = /* @__PURE__ */ new WeakSet(), lt = /* @__PURE__ */ new WeakSet();
-class We {
+const lt = /* @__PURE__ */ new WeakSet(), ct = /* @__PURE__ */ new WeakSet();
+class Ge {
   constructor(r) {
     this.target = r, Ce(r), Object.freeze(this);
   }
 }
-class ct extends Error {
+class dt extends Error {
   constructor(e = "The requested route is unavailable") {
     super(e);
     a(this, "name", "RouteUnavailableError");
   }
 }
-const Hi = Object.freeze({
+const Ji = Object.freeze({
   parse: (t) => t,
   format: (t) => t
-}), Vi = Object.freeze({
+}), Zi = Object.freeze({
   parse(t) {
     if (t.length !== 1) throw new TypeError("Expected one query value");
     return t[0] ?? "";
   },
   format: (t) => [t]
-}), Ui = Object.freeze({
+}), Xi = Object.freeze({
   parse(t) {
     if (t.length !== 1 || t[0] !== "true" && t[0] !== "false")
       throw new TypeError("Expected one boolean query value");
@@ -4189,77 +4403,77 @@ const Hi = Object.freeze({
   },
   format: (t) => [String(t)]
 });
-function _i(t, r = t) {
-  const e = Ge(t, "Route id"), i = ci(r, "Route path"), o = Object.freeze({
+function eo(t, r = t) {
+  const e = Ye(t, "Route id"), i = gi(r, "Route path"), o = Object.freeze({
     id: e,
     kind: "literal",
     path: i
   });
-  return at.add(o), o;
+  return lt.add(o), o;
 }
-function Qi(t, r, e = t) {
-  const i = Ge(t, "Route id"), o = Ge(e, "Route parameter name");
-  ai(r);
+function to(t, r, e = t) {
+  const i = Ye(t, "Route id"), o = Ye(e, "Route parameter name");
+  mi(r);
   const s = Object.freeze({
     id: i,
     kind: "parameter",
     name: o,
     codec: r
   });
-  return at.add(s), s;
+  return lt.add(s), s;
 }
-function Bi(t, r) {
-  if (B(t), t.kind !== "parameter")
+function ro(t, r) {
+  if (Q(t), t.kind !== "parameter")
     throw new TypeError("routeParameter requires a parameter route");
   const e = t.codec.format(r);
-  return ut(e, t.name), Object.freeze({ route: t, value: r });
+  return ht(e, t.name), Object.freeze({ route: t, value: r });
 }
-function Wi(...t) {
+function io(...t) {
   if (t.length === 0) throw new TypeError("routeTarget requires at least one route");
   for (const e of t)
-    if (Kt(e))
-      B(e.route);
-    else if (B(e), e.kind !== "literal")
+    if (Ut(e))
+      Q(e.route);
+    else if (Q(e), e.kind !== "literal")
       throw new TypeError("Parameter routes require routeParameter(route, value)");
   const r = Object.freeze({ routes: Object.freeze([...t]) });
-  return lt.add(r), r;
+  return ct.add(r), r;
 }
-function Gi(t, r) {
+function oo(t, r) {
   if (Ce(t), r == null || typeof r != "object" || Array.isArray(r))
     throw new TypeError("Route target query must be an object");
   const e = Object.freeze({ routes: t.routes, query: Object.freeze({ ...r }) });
-  return lt.add(e), e;
+  return ct.add(e), e;
 }
-function Yi(t) {
-  return new We(t);
+function so(t) {
+  return new Ge(t);
 }
-function dt(t) {
-  return t != null && typeof t == "object" && at.has(t);
+function ut(t) {
+  return t != null && typeof t == "object" && lt.has(t);
 }
-function B(t) {
-  if (!dt(t))
+function Q(t) {
+  if (!ut(t))
     throw new TypeError("Expected a route created by defineRoute() or defineRouteParameter()");
 }
-function ni(t) {
-  return t != null && typeof t == "object" && lt.has(t);
+function fi(t) {
+  return t != null && typeof t == "object" && ct.has(t);
 }
 function Ce(t) {
-  if (!ni(t)) throw new TypeError("Expected a target created by routeTarget()");
+  if (!fi(t)) throw new TypeError("Expected a target created by routeTarget()");
 }
-function ai(t) {
+function mi(t) {
   if (t == null || typeof t != "object" || typeof t.parse != "function" || typeof t.format != "function")
     throw new TypeError("Route codec requires parse and format functions");
 }
-function li(t) {
+function bi(t) {
   if (t == null || typeof t != "object" || typeof t.parse != "function" || typeof t.format != "function")
     throw new TypeError("Route query codec requires parse and format functions");
 }
-function Ke(t) {
+function Me(t) {
   Ce(t);
   const r = t.routes.map((o) => {
-    if (Kt(o)) {
+    if (Ut(o)) {
       const s = o.route.codec.format(o.value);
-      return ut(s, o.route.name), encodeURIComponent(s);
+      return ht(s, o.route.name), encodeURIComponent(s);
     }
     return encodeURIComponent(o.path);
   }), e = new URLSearchParams();
@@ -4271,30 +4485,30 @@ function Ke(t) {
   const i = e.toString();
   return `/${r.join("/")}${i === "" ? "" : `?${i}`}`;
 }
-function Kt(t) {
-  return t != null && typeof t == "object" && "route" in t && "value" in t && dt(t.route) && t.route.kind === "parameter";
+function Ut(t) {
+  return t != null && typeof t == "object" && "route" in t && "value" in t && ut(t.route) && t.route.kind === "parameter";
 }
-function Ge(t, r) {
+function Ye(t, r) {
   if (typeof t != "string" || !/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/.test(t))
     throw new TypeError(`${r} must be a lowercase kebab-case name`);
   return t;
 }
-function ci(t, r) {
+function gi(t, r) {
   if (typeof t != "string" || t === "" || t === "." || t === ".." || t.includes("/") || t.includes("?") || t.includes("#"))
     throw new TypeError(`${r} must be one non-empty path segment`);
   try {
-    ut(decodeURIComponent(t), r);
+    ht(decodeURIComponent(t), r);
   } catch {
     throw new TypeError(`${r} must use valid percent encoding`);
   }
   return t;
 }
-function ut(t, r) {
+function ht(t, r) {
   if (typeof t != "string" || t === "" || t.includes("/"))
     throw new TypeError(`${r} codec must format one non-empty path segment`);
 }
-const di = 16;
-class ui {
+const yi = 16;
+class wi {
   constructor(r) {
     a(this, "root");
     a(this, "transition");
@@ -4312,22 +4526,22 @@ class ui {
     a(this, "applying", 0);
     a(this, "syncQueued", !1);
     a(this, "disposed", !1);
-    this.adapter = r, vi(r), this.root = Object.freeze({
+    this.adapter = r, Ci(r), this.root = Object.freeze({
       route: null,
       parent: null,
       segment: null,
       value: null,
       pathname: "/"
-    }), Se.set(this.root, this), this.activeContext = this.root, this.requested = Me(r.read());
+    }), Se.set(this.root, this), this.activeContext = this.root, this.requested = He(r.read());
     const e = Object.freeze({
       state: "pending",
       requestedLocation: this.requested.location,
       settledLocation: "/"
     });
-    this.transitionEmitter = new I(e, {
+    this.transitionEmitter = new S(e, {
       owner: this,
       purpose: "browser route transition"
-    }), this.issueEmitter = new I(null, {
+    }), this.issueEmitter = new S(null, {
       owner: this,
       purpose: "browser route issue"
     }), this.transition = this.transitionEmitter, this.issue = this.issueEmitter, this.adapterUnsubscribe = r.subscribe(() => {
@@ -4335,7 +4549,7 @@ class ui {
     }), this.startTransition(this.requested.location, 0, !1);
   }
   openScope(r, e) {
-    this.assertActive(), V(r, this), ge(e);
+    this.assertActive(), H(r, this), ge(e);
     const i = this.scope(r);
     if (i.owners.has(e)) throw new Error("Route scope owner is already registered");
     i.owners.set(e, { complete: !1 }), this.wakeRegistry();
@@ -4345,46 +4559,46 @@ class ui {
     };
   }
   completeScope(r, e) {
-    this.assertActive(), V(r, this);
+    this.assertActive(), H(r, this);
     const i = this.scope(r).owners.get(e);
     if (i == null) throw new Error("Cannot complete an unopened route scope");
-    hi(this.scope(r)), i.complete = !0, this.wakeRegistry();
+    vi(this.scope(r)), i.complete = !0, this.wakeRegistry();
   }
   registerSelectionRoutes(r, e, i, o) {
-    if (this.assertActive(), V(r, this), ge(e), !Array.isArray(i)) throw new TypeError("Route bindings must be an array");
+    if (this.assertActive(), H(r, this), ge(e), !Array.isArray(i)) throw new TypeError("Route bindings must be an array");
     if (typeof o != "function")
       throw new TypeError("Selection route registration requires a subscriber");
     const s = this.scope(r), n = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set();
     for (const u of i) {
-      if (B(u.route), u.route.kind !== "literal")
+      if (Q(u.route), u.route.kind !== "literal")
         throw new TypeError("Tab routes must use literal route descriptors");
       if (l.has(u.route) || s.entries.has(u.route))
         throw new Error(`Duplicate route in one scope: ${u.route.id}`);
       l.add(u.route);
-      const h = this.literalContext(r, u.route), b = {
+      const p = this.literalContext(r, u.route), b = {
         owner: e,
         descriptor: u.route,
         parent: r,
-        match: (f) => He(f) === u.route.path ? { value: null } : null,
+        match: (f) => Ve(f) === u.route.path ? { value: null } : null,
         currentValue: () => u.active() ? null : void 0,
-        activate: async (f, m, C) => {
+        activate: async (f, m, R) => {
           if (u.disabled)
-            throw new ct(
+            throw new dt(
               `Route "${u.route.id}" is currently disabled`
             );
-          if (C.aborted) throw C.reason;
-          return await u.activate(C), f;
+          if (R.aborted) throw R.reason;
+          return await u.activate(R), f;
         },
-        context: () => h,
+        context: () => p,
         disposeSubscription: () => {
         }
       };
-      s.entries.set(u.route, b), n.set(u.route, h);
+      s.entries.set(u.route, b), n.set(u.route, p);
     }
     const c = o(() => this.scheduleStateSync());
     for (const u of l) {
-      const h = s.entries.get(u);
-      h != null && (h.disposeSubscription = c);
+      const p = s.entries.get(u);
+      p != null && (p.disposeSubscription = c);
     }
     return this.wakeRegistry(), n;
   }
@@ -4393,9 +4607,9 @@ class ui {
     i != null && (this.removeOwnerEntries(i, e), this.wakeRegistry());
   }
   registerValueRoute(r, e, i) {
-    if (this.assertActive(), V(r, this), ge(e), B(i.route), i.route.kind !== "parameter")
+    if (this.assertActive(), H(r, this), ge(e), Q(i.route), i.route.kind !== "parameter")
       throw new TypeError("Value routes require a parameter route descriptor");
-    if ($t(i.valueEmitter, "Value route emitter"), i.resolve != null && typeof i.resolve != "function")
+    if (jt(i.valueEmitter, "Value route emitter"), i.resolve != null && typeof i.resolve != "function")
       throw new TypeError("Value route resolver must be a function");
     const o = this.scope(r);
     if (o.entries.has(i.route))
@@ -4407,17 +4621,17 @@ class ui {
       descriptor: i.route,
       parent: r,
       match: (u) => {
-        const h = He(u), b = i.route.codec.parse(h);
-        if (i.route.codec.format(b) !== h)
+        const p = Ve(u), b = i.route.codec.parse(p);
+        if (i.route.codec.format(b) !== p)
           throw new TypeError(
             `Route parameter "${i.route.name}" does not round-trip`
           );
         return { value: b };
       },
       currentValue: () => i.valueEmitter.get(),
-      activate: async (u, h, b) => {
-        const f = u.value, m = i.resolve == null ? f : await i.resolve(f, h, b);
-        if (m instanceof We) return m;
+      activate: async (u, p, b) => {
+        const f = u.value, m = i.resolve == null ? f : await i.resolve(f, p, b);
+        if (m instanceof Ge) return m;
         if (b.aborted) throw b.reason;
         return this.withApplication(() => i.valueEmitter.set(
           m,
@@ -4430,7 +4644,7 @@ class ui {
     o.entries.set(i.route, l), this.wakeRegistry();
     let c = !0;
     return {
-      context: wi(i.valueEmitter, s, r),
+      context: Ri(i.valueEmitter, s, r),
       contextFor: s,
       dispose: () => {
         if (!c) return;
@@ -4439,9 +4653,9 @@ class ui {
     };
   }
   registerQuery(r, e, i) {
-    this.assertActive(), V(r, this), ge(e);
-    const o = yi(i.name);
-    $t(i.valueEmitter, "Route query emitter"), li(i.codec);
+    this.assertActive(), H(r, this), ge(e);
+    const o = Ti(i.name);
+    jt(i.valueEmitter, "Route query emitter"), bi(i.codec);
     const s = i.equals ?? Object.is;
     if (typeof s != "function") throw new TypeError("Route query equals must be a function");
     const n = this.scope(r);
@@ -4467,7 +4681,7 @@ class ui {
   }
   navigate(r, e = {}) {
     this.assertActive();
-    const i = ye(r) ? this.formatContext(r) : Ke(Ue(r));
+    const i = ye(r) ? this.formatContext(r) : Me(_e(r));
     return this.issueEmitter.set(null, "explicit route navigation"), (e.history ?? "push") === "replace" ? this.adapter.replace(i) : this.adapter.push(i), this.startTransition(i, 0, !0);
   }
   redirect(r) {
@@ -4475,12 +4689,12 @@ class ui {
   }
   href(r) {
     this.assertActive();
-    const e = ye(r) ? this.formatContext(r) : Ke(Ue(r));
+    const e = ye(r) ? this.formatContext(r) : Me(_e(r));
     return this.adapter.href(e);
   }
   resolve(r, e) {
     var o;
-    B(r), V(e, this);
+    Q(r), H(e, this);
     let i = e;
     for (; i != null; ) {
       const s = (o = this.scopes.get(i)) == null ? void 0 : o.entries.get(r);
@@ -4500,8 +4714,8 @@ class ui {
     return this.formatStateLocation();
   }
   isActive(r, e = !1) {
-    const i = ye(r) ? r : this.resolveTargetContext(Ue(r));
-    return e ? i === this.activeContext : zt(i, this.activeContext);
+    const i = ye(r) ? r : this.resolveTargetContext(_e(r));
+    return e ? i === this.activeContext : At(i, this.activeContext);
   }
   dispose() {
     var r;
@@ -4520,7 +4734,7 @@ class ui {
     var s;
     this.assertActive(), (s = this.controller) == null || s.abort(new DOMException("Navigation superseded", "AbortError"));
     const o = new AbortController();
-    return this.controller = o, this.requested = Me(r), i && this.issueEmitter.set(null, "route transition started"), this.transitionEmitter.set(Object.freeze({
+    return this.controller = o, this.requested = He(r), i && this.issueEmitter.set(null, "route transition started"), this.transitionEmitter.set(Object.freeze({
       state: "pending",
       requestedLocation: this.requested.location,
       settledLocation: this.formatContext(this.activeContext)
@@ -4534,15 +4748,15 @@ class ui {
     const n = /* @__PURE__ */ new Map();
     for (const c of r.segments) {
       const u = await this.waitForCompleteScope(s, o);
-      let h;
+      let p;
       try {
-        h = pi(u, c);
+        p = Ei(u, c);
       } catch (f) {
-        this.fallback(r, s, null, Ve(f));
+        this.fallback(r, s, null, Ue(f));
         return;
       }
-      if (h == null) {
-        this.fallback(r, s, null, `Unknown route segment "${He(c)}"`);
+      if (p == null) {
+        this.fallback(r, s, null, `Unknown route segment "${Ve(c)}"`);
         return;
       }
       const b = Object.freeze({
@@ -4550,28 +4764,28 @@ class ui {
         resolvedValues: n
       });
       try {
-        const f = await h.entry.activate(h.match, b, o);
-        if (f instanceof We) {
-          if (i >= di) {
-            this.fallback(r, s, h.entry.descriptor, "Too many route redirects");
+        const f = await p.entry.activate(p.match, b, o);
+        if (f instanceof Ge) {
+          if (i >= yi) {
+            this.fallback(r, s, p.entry.descriptor, "Too many route redirects");
             return;
           }
-          const m = Ke(f.target);
+          const m = Me(f.target);
           this.adapter.replace(m), await this.startTransition(m, i + 1, !1);
           return;
         }
-        h = { entry: h.entry, match: f };
+        p = { entry: p.entry, match: f };
       } catch (f) {
         if (o.aborted) return;
         this.fallback(
           r,
           s,
-          h.entry.descriptor,
-          Ve(f)
+          p.entry.descriptor,
+          Ue(f)
         );
         return;
       }
-      n.set(h.entry.descriptor, h.match.value), s = h.entry.context(h.match.value);
+      n.set(p.entry.descriptor, p.match.value), s = p.entry.context(p.match.value);
     }
     if (o.aborted || (s === this.root && (await this.waitForCompleteScope(this.root, o), s = this.findActiveContext()), o.aborted)) return;
     this.activeContext = s, this.applyQueriesInLineage(s, r);
@@ -4586,7 +4800,7 @@ class ui {
     for (; ; ) {
       if (e.aborted) throw e.reason;
       const i = this.scopes.get(r);
-      if (i != null && fi(i)) return i;
+      if (i != null && xi(i)) return i;
       await this.waitForRegistryChange(e);
     }
   }
@@ -4635,7 +4849,7 @@ class ui {
     return this.cachedContext(r, e, o, i);
   }
   cachedContext(r, e, i, o) {
-    const s = bi(r.pathname, i), n = `${gi(r)}\0${e.id}\0${i}`, l = this.contextCache.get(n);
+    const s = Si(r.pathname, i), n = `${Ii(r)}\0${e.id}\0${i}`, l = this.contextCache.get(n);
     if (l != null) return l;
     const c = Object.freeze({ route: e, parent: r, segment: i, value: o, pathname: s });
     return Se.set(c, this), this.contextCache.set(n, c), c;
@@ -4658,7 +4872,7 @@ class ui {
     this.applying > 0 || this.disposed || this.syncQueued || (this.syncQueued = !0, queueMicrotask(() => {
       if (this.syncQueued = !1, this.applying > 0 || this.disposed || this.transitionEmitter.get().state === "pending") return;
       const r = this.formatStateLocation();
-      r !== this.adapter.read() && this.adapter.replace(r), this.requested = Me(r), this.activeContext = this.findActiveContext(), this.transitionEmitter.set(Object.freeze({
+      r !== this.adapter.read() && this.adapter.replace(r), this.requested = He(r), this.activeContext = this.findActiveContext(), this.transitionEmitter.set(Object.freeze({
         ...this.transitionEmitter.get(),
         state: "idle",
         settledLocation: r
@@ -4685,7 +4899,7 @@ class ui {
   formatContext(r) {
     const e = new URLSearchParams(this.requested.search);
     for (const o of this.knownQueryNames) e.delete(o);
-    for (const o of Ct(r)) {
+    for (const o of Ot(r)) {
       const s = this.scopes.get(o);
       if (s != null)
         for (const n of [...s.queries.values()].sort((l, c) => l.name.localeCompare(c.name))) {
@@ -4701,7 +4915,7 @@ class ui {
     return `${r.pathname}${i === "" ? "" : `?${i}`}`;
   }
   applyQueriesInLineage(r, e) {
-    for (const i of Ct(r)) {
+    for (const i of Ot(r)) {
       const o = this.scopes.get(i);
       if (o != null)
         for (const s of o.queries.values()) this.applyQueryEntry(s, e);
@@ -4709,7 +4923,7 @@ class ui {
   }
   applyQueryEntry(r, e) {
     var o;
-    if (!zt(r.context, this.activeContext) && !mi(r.context.pathname, e.pathname)) return;
+    if (!At(r.context, this.activeContext) && !ki(r.context.pathname, e.pathname)) return;
     const i = e.search.getAll(r.name);
     try {
       const s = i.length === 0 ? r.defaultValue : r.codec.parse(i);
@@ -4725,7 +4939,7 @@ class ui {
       this.adapter.replace(l), this.issueEmitter.set(Object.freeze({
         requestedLocation: e.location,
         failedRouteId: ((o = r.context.route) == null ? void 0 : o.id) ?? null,
-        reason: Ve(s),
+        reason: Ue(s),
         fallbackLocation: l
       }), "invalid route query");
     }
@@ -4743,12 +4957,12 @@ class ui {
   }
 }
 const Se = /* @__PURE__ */ new WeakMap();
-function Ji(t) {
+function no(t) {
   if (t == null || typeof t != "object" || Array.isArray(t))
     throw new TypeError("Browser router options must be an object");
-  return new ui(t.adapter);
+  return new wi(t.adapter);
 }
-function Zi(t, r, e) {
+function ao(t, r, e) {
   if (t == null || typeof t.subscribe != "function")
     throw new TypeError("waitForRouteValue requires a readable emitter");
   if (typeof r != "function")
@@ -4756,26 +4970,26 @@ function Zi(t, r, e) {
   return new Promise((i, o) => {
     let s = !1, n = () => {
     };
-    const l = (h) => {
-      s || (s = !0, n(), e.removeEventListener("abort", c), h());
+    const l = (p) => {
+      s || (s = !0, n(), e.removeEventListener("abort", c), p());
     }, c = () => {
       l(() => o(e.reason));
-    }, u = (h, b, f) => {
+    }, u = (p, b, f) => {
       b === "error" ? l(() => o(
-        f ?? new ct("Route prerequisite failed")
-      )) : r(h) && l(() => i(h));
+        f ?? new dt("Route prerequisite failed")
+      )) : r(p) && l(() => i(p));
     };
     if (e.aborted) {
       c();
       return;
     }
-    u(t.get(), t.getFetchState(), t.getError()), !s && (n = t.subscribe(({ value: h, fetchState: b, error: f }) => {
-      u(h, b, f);
+    u(t.get(), t.getFetchState(), t.getError()), !s && (n = t.subscribe(({ value: p, fetchState: b, error: f }) => {
+      u(p, b, f);
     }, { emitCurrent: !1 }), s ? n() : e.addEventListener("abort", c, { once: !0 }));
   });
 }
-function Me(t) {
-  const r = q(t), e = r.indexOf("?"), i = e < 0 ? r : r.slice(0, e), o = e < 0 ? "" : r.slice(e + 1), s = i.split("/").filter(Boolean);
+function He(t) {
+  const r = j(t), e = r.indexOf("?"), i = e < 0 ? r : r.slice(0, e), o = e < 0 ? "" : r.slice(e + 1), s = i.split("/").filter(Boolean);
   return Object.freeze({
     location: r,
     pathname: i,
@@ -4783,7 +4997,7 @@ function Me(t) {
     search: new URLSearchParams(o)
   });
 }
-function hi(t) {
+function vi(t) {
   const r = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
   let i = null;
   for (const o of t.entries.values()) {
@@ -4802,7 +5016,7 @@ function hi(t) {
     }
   }
 }
-function pi(t, r) {
+function Ei(t, r) {
   const e = [...t.entries.values()].sort((i, o) => i.descriptor.kind === o.descriptor.kind ? 0 : i.descriptor.kind === "literal" ? -1 : 1);
   for (const i of e) {
     const o = i.match(r);
@@ -4810,17 +5024,17 @@ function pi(t, r) {
   }
   return null;
 }
-function fi(t) {
+function xi(t) {
   return t.owners.size > 0 && [...t.owners.values()].every(({ complete: r }) => r);
 }
-function Ct(t) {
+function Ot(t) {
   const r = [];
   let e = t;
   for (; e != null; )
     r.unshift(e), e = e.parent;
   return r;
 }
-function zt(t, r) {
+function At(t, r) {
   let e = r;
   for (; e != null; ) {
     if (e === t) return !0;
@@ -4828,45 +5042,45 @@ function zt(t, r) {
   }
   return !1;
 }
-function mi(t, r) {
+function ki(t, r) {
   return t === "/" || r === t || r.startsWith(`${t}/`);
 }
-function bi(t, r) {
+function Si(t, r) {
   return `${t === "/" ? "" : t}/${encodeURIComponent(r)}`;
 }
-function gi(t) {
+function Ii(t) {
   return t.pathname;
 }
-function He(t) {
+function Ve(t) {
   try {
     return decodeURIComponent(t);
   } catch {
-    throw new ct("Route contains malformed percent encoding");
+    throw new dt("Route contains malformed percent encoding");
   }
 }
-function yi(t) {
+function Ti(t) {
   if (typeof t != "string" || !/^[A-Za-z][A-Za-z0-9_.-]*$/.test(t))
     throw new TypeError("Route query name must start with a letter and use URL-safe characters");
   return t;
 }
-function Ve(t) {
+function Ue(t) {
   return t instanceof Error && t.message !== "" ? t.message : "The requested route could not be resolved";
 }
-function wi(t, r, e) {
+function Ri(t, r, e) {
   const i = t.get();
   return i == null ? e : r(i);
 }
-function Ue(t) {
+function _e(t) {
   return Ce(t), t;
 }
 function ye(t) {
   return t != null && typeof t == "object" && Se.has(t);
 }
-function V(t, r) {
+function H(t, r) {
   if (t !== r.root && (!ye(t) || Se.get(t) !== r))
     throw new TypeError("Resolved route does not belong to this router");
 }
-function vi(t) {
+function Ci(t) {
   if (t == null || typeof t != "object" || typeof Reflect.get(t, "read") != "function" || typeof Reflect.get(t, "href") != "function" || typeof Reflect.get(t, "push") != "function" || typeof Reflect.get(t, "replace") != "function" || typeof Reflect.get(t, "subscribe") != "function")
     throw new TypeError("BrowserRouter requires a navigation adapter");
 }
@@ -4874,11 +5088,11 @@ function ge(t) {
   if (t == null || typeof t != "object" && typeof t != "function")
     throw new TypeError("Route registration owner must be an object");
 }
-function $t(t, r) {
+function jt(t, r) {
   if (t == null || typeof t != "object" || typeof Reflect.get(t, "get") != "function" || typeof Reflect.get(t, "set") != "function" || typeof Reflect.get(t, "subscribe") != "function")
     throw new TypeError(`${r} must be a writable emitter`);
 }
-class Ei extends g {
+class zi extends g {
   initialize() {
     const r = this._runtime.router;
     if (r == null) throw new Error("RouteLink requires a router in FrayRuntime");
@@ -4887,28 +5101,28 @@ class Ei extends g {
   render() {
     const r = this._runtime.router;
     if (r == null) throw new Error("RouteLink requires a router in FrayRuntime");
-    const e = dt(this.props.to) ? r.resolve(this.props.to, this._routeContext ?? r.root) : this.props.to, {
+    const e = ut(this.props.to) ? r.resolve(this.props.to, this._routeContext ?? r.root) : this.props.to, {
       to: i,
       exact: o = !1,
       children: s = [],
       onClick: n,
       ...l
     } = this.props;
-    return w("a", {
+    return se("a", {
       ...l,
       href: r.href(e),
       "aria-current": r.isActive(e, o) ? "page" : null,
       onClick: (c) => {
-        n == null || n(c), xi(c, l.target, l.download) && (c.preventDefault(), r.navigate(e));
+        n == null || n(c), $i(c, l.target, l.download) && (c.preventDefault(), r.navigate(e));
       }
     }, s);
   }
 }
-a(Ei, "liveProps", []);
-function xi(t, r, e) {
+a(zi, "liveProps", []);
+function $i(t, r, e) {
   return !(t.defaultPrevented || t.button !== 0 || t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || e != null && e !== !1 || r != null && r !== "" && r !== "_self");
 }
-class ki extends g {
+class Oi extends g {
   constructor() {
     super(...arguments);
     a(this, "unregister", null);
@@ -4926,15 +5140,15 @@ class ki extends g {
     });
   }
   render() {
-    return w(Ie, null, this.props.children ?? []);
+    return se(Ie, null, this.props.children ?? []);
   }
   onDestroy() {
     var e;
     (e = this.unregister) == null || e.call(this), this.unregister = null;
   }
 }
-a(ki, "liveProps", []);
-class Si extends g {
+a(Oi, "liveProps", []);
+class Ai extends g {
   constructor() {
     super(...arguments);
     a(this, "registration", null);
@@ -4951,7 +5165,7 @@ class Si extends g {
   }
   render() {
     const e = this.props.valueEmitter.get(), i = this.props.children ?? [];
-    return !this.props.scopeChildren || e == null || this.registration == null ? w(Ie, null, i) : w(Ee, {
+    return !this.props.scopeChildren || e == null || this.registration == null ? se(Ie, null, i) : se(Ee, {
       key: this.registration.contextFor(e).pathname,
       context: this.registration.contextFor(e),
       children: i
@@ -4962,122 +5176,126 @@ class Si extends g {
     (e = this.registration) == null || e.dispose(), this.registration = null;
   }
 }
-a(Si, "liveProps", []);
+a(Ai, "liveProps", []);
 export {
-  Lt as BaseSelectionHandler,
-  ui as BrowserRouter,
+  Kt as BaseSelectionHandler,
+  wi as BrowserRouter,
   ie as Button,
-  j as Checkbox,
-  ii as ColorPicker,
+  A as Checkbox,
+  ui as ColorPicker,
   g as Component,
   he as DataTable,
-  mr as DefaultTableFilterEncoding,
-  qt as DescriptionItem,
+  kr as DefaultTableFilterEncoding,
+  Dt as DescriptionItem,
   de as DescriptionList,
   fe as Dialog,
-  Oe as Dropdown,
-  y as FilterMode,
-  U as FilterPanel,
+  Ae as Dropdown,
+  v as FilterMode,
+  V as FilterPanel,
   Ie as Fragment,
-  to as FrayRuntime,
-  ae as GroupPanel,
-  L as Header,
-  _r as Label,
+  wt as FrayApp,
+  Bt as FrayRuntime,
+  Z as GroupPanel,
+  N as Header,
+  Xr as Label,
   ue as ListView,
-  Pi as MemoryNavigationAdapter,
-  Xt as MultiSelectionHandler,
+  Wi as MemoryNavigationAdapter,
+  ar as MultiSelectionHandler,
+  ze as OptionGroup,
+  vt as OptionsPanel,
   le as Panel,
-  H as Placeholder,
-  Fe as ProgressBar,
-  St as QuadCheckbox,
+  M as Placeholder,
+  De as ProgressBar,
+  Rt as QuadCheckbox,
   oe as RadioButton,
   me as RadioGroup,
-  Ei as RouteLink,
-  ki as RouteQuery,
-  We as RouteRedirect,
+  zi as RouteLink,
+  Oi as RouteQuery,
+  Ge as RouteRedirect,
   Ee as RouteScope,
-  ct as RouteUnavailableError,
-  Si as RouteValue,
-  ro as ServiceScope,
+  dt as RouteUnavailableError,
+  Ai as RouteValue,
+  uo as ServiceScope,
   ce as Sidebar,
-  Ze as SingleSelectionHandler,
-  ze as SplitView,
-  io as StyleRegistry,
-  Ye as Tab,
+  Xe as SingleSelectionHandler,
+  $e as SplitView,
+  ho as StyleRegistry,
+  Je as Tab,
   X as TabLine,
-  ne as TabPanel,
+  ae as TabPanel,
   re as TableHeader,
   te as TableHeaderCell,
-  je as Textbox,
-  ri as ThemePicker,
-  qe as Toggle,
-  Le as Toolbar,
-  it as TreeItem,
+  qe as Textbox,
+  di as ThemePicker,
+  Ne as Toggle,
+  Fe as Toolbar,
+  ot as TreeItem,
   pe as TreeView,
-  It as TriCheckbox,
-  gr as applyLocalTableState,
-  ai as assertRouteCodec,
-  B as assertRouteDescriptor,
-  li as assertRouteQueryCodec,
+  Ct as TriCheckbox,
+  Ir as applyLocalTableState,
+  mi as assertRouteCodec,
+  Q as assertRouteDescriptor,
+  bi as assertRouteQueryCodec,
   Ce as assertRouteTarget,
-  Ft as assertSort,
-  G as assertTreeNodes,
-  Ui as booleanRouteQueryCodec,
-  Ji as createBrowserRouter,
-  oo as createFrayRuntime,
-  kr as createHandlerTableDataSource,
-  Mi as createHashNavigation,
-  Ki as createHistoryNavigation,
-  xr as createLocalTableDataSource,
-  Ai as createQueryTableDataSource,
-  Sr as createRestTableDataSource,
+  Mt as assertSort,
+  W as assertTreeNodes,
+  Xi as booleanRouteQueryCodec,
+  no as createBrowserRouter,
+  po as createFrayRuntime,
+  Or as createHandlerTableDataSource,
+  Yi as createHashNavigation,
+  Gi as createHistoryNavigation,
+  $r as createLocalTableDataSource,
+  Mi as createQueryTableDataSource,
+  Ar as createRestTableDataSource,
   xe as createSelectionHandler,
-  so as createServiceScope,
-  no as createStyleRegistry,
-  E as css,
-  ao as defaultFrayRuntime,
-  Xe as defaultItemKey,
-  _i as defineRoute,
-  Qi as defineRouteParameter,
-  lo as defineService,
-  Ci as deriveFilterPredicate,
-  zi as deriveFilteredItems,
-  qi as deriveTreeNode,
-  Jt as filterByState,
+  fo as createServiceScope,
+  mo as createStyleRegistry,
+  w as css,
+  bo as defaultFrayRuntime,
+  et as defaultItemKey,
+  eo as defineRoute,
+  to as defineRouteParameter,
+  go as defineService,
+  Fi as deriveFilterPredicate,
+  Di as deriveFilteredItems,
+  Vi as deriveTreeNode,
+  sr as filterByState,
   be as findFrayStylesheetOption,
-  ji as findTreeNode,
-  Ke as formatRouteTarget,
-  Zr as frayColorOptions,
-  Jr as frayThemeOptions,
-  Li as frayThemeVariableCatalog,
-  Di as getFrayAppearance,
-  w as h,
+  Hi as findTreeNode,
+  Me as formatRouteTarget,
+  ni as frayColorOptions,
+  si as frayThemeOptions,
+  _i as frayThemeVariableCatalog,
+  Bi as getFrayAppearance,
+  se as h,
   Re as isFilterMode,
-  dt as isRouteDescriptor,
-  ni as isRouteTarget,
-  p as jsx,
-  co as jsxDEV,
-  v as jsxs,
-  uo as live,
-  Nt as matchesFilterState,
-  q as normalizeRouteLocation,
-  Oi as parseFilterState,
-  ho as provideService,
-  Yi as redirectTo,
-  Xr as replaceFrayStylesheet,
-  Bi as routeParameter,
-  Wi as routeTarget,
-  $i as serializeFilterState,
-  br as serializeTableQuery,
-  Fi as setFrayAppearance,
-  Hi as stringRouteCodec,
-  Vi as stringRouteQueryCodec,
-  po as styleRegistry,
-  Ot as tabButtonId,
-  At as tabPanelId,
-  Or as updateTreeNode,
-  Ni as updateWritableTreeNode,
-  Zi as waitForRouteValue,
-  Gi as withRouteQuery
+  ut as isRouteDescriptor,
+  fi as isRouteTarget,
+  h as jsx,
+  yo as jsxDEV,
+  y as jsxs,
+  wo as live,
+  Pt as matchesFilterState,
+  Li as mountFrayApp,
+  j as normalizeRouteLocation,
+  Ki as parseFilterState,
+  vo as provideService,
+  so as redirectTo,
+  ai as replaceFrayStylesheet,
+  ro as routeParameter,
+  io as routeTarget,
+  Pi as serializeFilterState,
+  Sr as serializeTableQuery,
+  Qi as setFrayAppearance,
+  Ji as stringRouteCodec,
+  Zi as stringRouteQueryCodec,
+  Eo as styleRegistry,
+  qt as tabButtonId,
+  Nt as tabPanelId,
+  Pr as updateTreeNode,
+  Ui as updateWritableTreeNode,
+  ao as waitForRouteValue,
+  oo as withRouteQuery
 };
 //# sourceMappingURL=index.js.map