@capillaryjs/capillary-ui 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,10 +1,10 @@
-var Dr = Object.defineProperty;
-var Mr = (t, r, e) => r in t ? Dr(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
-var a = (t, r, e) => Mr(t, typeof r != "symbol" ? r + "" : r, e);
-import { C as g, j as h, c as w, h as F, F as we, a as y, i as ee, b as Ar } from "./jsx-dev-runtime-D3UnwrKT.js";
-import { S as Nn, d as Ln, e as Pn, f as Dn, g as Mn, k as An, l as qn, m as jn, n as Un, p as Vn, s as Hn } from "./jsx-dev-runtime-D3UnwrKT.js";
-import { Emitter as $, DerivedEmitter as We, FetchState as I, QueryArg as Ut, LiveQuery as qr, RestQueryHandler as jr } from "@capillaryjs/capillary";
-class bt extends g {
+var Ar = Object.defineProperty;
+var qr = (t, r, e) => r in t ? Ar(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var a = (t, r, e) => qr(t, typeof r != "symbol" ? r + "" : r, e);
+import { C as y, j as h, c as x, h as F, F as we, a as v, i as ee, b as jr } from "./jsx-dev-runtime-D3UnwrKT.js";
+import { S as Pn, d as Dn, e as Mn, f as An, g as qn, k as jn, l as Un, m as Vn, n as Hn, p as Kn, s as Fn } from "./jsx-dev-runtime-D3UnwrKT.js";
+import { Emitter as $, DerivedEmitter as We, FetchState as I, QueryArg as Ht, LiveQuery as Ur, RestQueryHandler as Vr } from "@capillaryjs/capillary";
+class bt extends y {
   render() {
     return this.props.children ?? [];
   }
@@ -19,7 +19,7 @@ function Fe(t, r, e = "Layout component") {
   if (r != null) return r;
   throw new TypeError(`${e} requires either horizontal or vertical`);
 }
-function ur(t) {
+function pr(t) {
   if (t === "horizontal") return "cap-layout-horizontal";
   if (t === "vertical") return "cap-layout-vertical";
   throw new TypeError("Layout direction must be horizontal or vertical");
@@ -31,7 +31,7 @@ function gt(t) {
     throw new TypeError("Layout allocation must be natural or flexible");
   }
 }
-const x = {
+const k = {
   /** Deny mode: Excludes items that match the filter. */
   Deny: "deny",
   /** Require mode: Includes only items that match the filter. */
@@ -42,30 +42,30 @@ const x = {
   Neutral: "neutral"
 };
 function Ge(t) {
-  return Object.values(x).some((r) => r === t);
+  return Object.values(k).some((r) => r === t);
 }
-let Ur = 1;
-function z(t, r) {
-  return r != null && String(r).length > 0 ? String(r) : `cap-${t}-${Ur++}`;
+let Hr = 1;
+function R(t, r) {
+  return r != null && String(r).length > 0 ? String(r) : `cap-${t}-${Hr++}`;
 }
-function U(t, r, e, i) {
+function j(t, r, e, i) {
   if (r.valueEmitter != null)
-    return Vr(r.valueEmitter, "valueEmitter"), r.valueEmitter;
+    return Kr(r.valueEmitter, "valueEmitter"), r.valueEmitter;
   const o = r.defaultValue ?? r.value ?? r.initialValue ?? e, n = { owner: t, purpose: i };
   return new $(o, n);
 }
-function Vr(t, r = "emitter") {
+function Kr(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 ve(...t) {
   return t.flatMap((r) => typeof r == "string" ? r.split(/\s+/) : []).filter(Boolean).join(" ");
 }
-function S(t) {
+function T(t) {
   return t.className ?? t.class ?? "";
 }
 function xe(t) {
-  return ve(S(t), gt(t.allocation));
+  return ve(T(t), gt(t.allocation));
 }
 function O(t, ...r) {
   if (t != null) {
@@ -76,19 +76,19 @@ function O(t, ...r) {
 function _e(t, r = "options") {
   if (!Array.isArray(t)) throw new TypeError(`${r} must be an array`);
 }
-function Hr(t) {
+function Fr(t) {
   return Ge(t) ? t : String(t);
 }
-class ue extends g {
+class ue extends y {
   constructor(e = {}) {
     var n;
     super(e);
     a(this, "valueEmitter");
     a(this, "activeTabEmitter");
     const i = e.tabs ?? [];
-    Vt(i);
+    Kt(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 = U(
+    o.valueEmitter == null && e.activeTabEmitter != null && (o.valueEmitter = e.activeTabEmitter), o.defaultValue == null && e.initialActiveTabId != null && (o.defaultValue = e.initialActiveTabId), this.valueEmitter = j(
       this,
       o,
       ((n = i.find((s) => !s.disabled)) == null ? void 0 : n.id) ?? null,
@@ -107,23 +107,23 @@ class ue extends g {
       label: i = this.capillaryUiMessage("tabLineLabel"),
       baseId: o = "cap-tabs"
     } = this.props;
-    Vt(e);
+    Kt(e);
     const n = this.valueEmitter.get(), s = this.Host;
     return /* @__PURE__ */ h(
       s,
       {
         role: "tablist",
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         "aria-label": i,
         children: e.map((l, c) => /* @__PURE__ */ h(
           "button",
           {
-            id: hr(o, l.id),
+            id: mr(o, l.id),
             type: "button",
             role: "tab",
             disabled: !!l.disabled,
             "aria-selected": Object.is(n, l.id) ? "true" : "false",
-            "aria-controls": pr(o, l.id),
+            "aria-controls": fr(o, l.id),
             tabIndex: Object.is(n, l.id) ? 0 : -1,
             onClick: (u) => this.selectTab(l, u),
             onKeyDown: (u) => this.handleKeyDown(u, c, e),
@@ -155,7 +155,7 @@ class ue extends g {
     }
   }
 }
-a(ue, "liveProps", []), a(ue, "hostName", "tab-line"), a(ue, "css", w`
+a(ue, "liveProps", []), a(ue, "hostName", "tab-line"), a(ue, "css", x`
         & {
             display: flex;
             background: var(--tabline-background);
@@ -219,16 +219,16 @@ a(ue, "liveProps", []), a(ue, "hostName", "tab-line"), a(ue, "css", w`
         }
 
     `);
-function hr(t, r) {
-  return `${t}-tab-${mr(r)}`;
+function mr(t, r) {
+  return `${t}-tab-${br(r)}`;
 }
-function pr(t, r) {
-  return `${t}-panel-${mr(r)}`;
+function fr(t, r) {
+  return `${t}-panel-${br(r)}`;
 }
-function mr(t) {
+function br(t) {
   return encodeURIComponent(String(t)).replaceAll("%", "-");
 }
-function Vt(t) {
+function Kt(t) {
   if (!Array.isArray(t)) throw new TypeError("TabLine tabs must be an array");
   const r = /* @__PURE__ */ new Set();
   for (const e of t) {
@@ -237,7 +237,7 @@ function Vt(t) {
     r.add(e.id);
   }
 }
-class Ee extends g {
+class ke extends y {
   constructor() {
     super(...arguments);
     a(this, "closeScope", null);
@@ -262,8 +262,8 @@ class Ee extends g {
     (e = this.closeScope) == null || e.call(this), this.closeScope = null;
   }
 }
-a(Ee, "liveProps", []);
-class fr {
+a(ke, "liveProps", []);
+class gr {
   constructor(r, e, i) {
     a(this, "routeContexts", /* @__PURE__ */ new Map());
     a(this, "mountedIds", /* @__PURE__ */ new Set());
@@ -299,7 +299,7 @@ class fr {
   }
   scopedContent(r, e) {
     const i = r.route == null ? null : this.routeContexts.get(r.route);
-    return i == null ? e : F(Ee, { key: i.pathname, context: i }, e);
+    return i == null ? e : F(ke, { key: i.pathname, context: i }, e);
   }
   dispose() {
     this.registeredRouter != null && this.registeredParent != null && this.registeredRouter.unregisterRoutes(this.registeredParent, this.owner), this.registeredRouter = null, this.registeredParent = null, this.routeContexts.clear(), this.mountedIds.clear();
@@ -344,7 +344,7 @@ function J(t, r) {
     throw new TypeError(`${r} mountPolicy must be eager, lazy, or active-only`);
   return e;
 }
-class Te extends g {
+class Te extends y {
   constructor(e = {}) {
     var n;
     super(e);
@@ -353,12 +353,12 @@ class Te extends g {
     a(this, "baseId");
     a(this, "selection");
     const i = ne(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 = U(
+    o.valueEmitter == null && e.activeTabEmitter != null && (o.valueEmitter = e.activeTabEmitter), o.defaultValue == null && e.initialActiveTabId != null && (o.defaultValue = e.initialActiveTabId), this.valueEmitter = j(
       this,
       o,
       ((n = i.find((s) => !s.disabled)) == null ? void 0 : n.id) ?? null,
       "active tab"
-    ), this.activeTabEmitter = this.valueEmitter, this.baseId = z("tabs", e.id), this.selection = new fr(this, this.valueEmitter, {
+    ), this.activeTabEmitter = this.valueEmitter, this.baseId = R("tabs", e.id), this.selection = new gr(this, this.valueEmitter, {
       subject: "tabs",
       restoredCause: "route tab restored",
       pendingCause: "pending route tab selected",
@@ -375,11 +375,11 @@ class Te extends g {
   render() {
     var l;
     const e = ne(this.props), i = J(this.props.mountPolicy, "TabPanel"), o = (l = this.selection.selected(e)) == null ? void 0 : l.id, n = this.selection.updateMounted(e, i), s = this.Host;
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(
       s,
       {
         id: this.baseId,
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         children: [
           /* @__PURE__ */ h(
             ue,
@@ -398,9 +398,9 @@ class Te extends g {
             return /* @__PURE__ */ h(
               "section",
               {
-                id: pr(this.baseId, c.id),
+                id: fr(this.baseId, c.id),
                 role: "tabpanel",
-                "aria-labelledby": hr(this.baseId, c.id),
+                "aria-labelledby": mr(this.baseId, c.id),
                 tabIndex: u ? 0 : -1,
                 hidden: !u,
                 children: n.has(c.id) ? this.selection.scopedContent(c, c.content) : null
@@ -420,7 +420,7 @@ class Te extends g {
     o != null && this.selection.select(o);
   }
 }
-a(Te, "liveProps", []), a(Te, "dependencies", [Ee, ue, bt]), a(Te, "hostName", "tab-panel"), a(Te, "css", w`
+a(Te, "liveProps", []), a(Te, "dependencies", [ke, ue, bt]), a(Te, "hostName", "tab-panel"), a(Te, "css", x`
         & {
             background: var(--panel-background);
             border-radius: var(--panel-radius);
@@ -490,16 +490,16 @@ class vt extends Error {
     a(this, "name", "RouteUnavailableError");
   }
 }
-const Ko = Object.freeze({
+const _o = Object.freeze({
   parse: (t) => t,
   format: (t) => t
-}), Fo = Object.freeze({
+}), Bo = Object.freeze({
   parse(t) {
     if (t.length !== 1) throw new TypeError("Expected one query value");
     return t[0] ?? "";
   },
   format: (t) => [t]
-}), _o = Object.freeze({
+}), Qo = Object.freeze({
   parse(t) {
     if (t.length !== 1 || t[0] !== "true" && t[0] !== "false")
       throw new TypeError("Expected one boolean query value");
@@ -507,17 +507,17 @@ const Ko = Object.freeze({
   },
   format: (t) => [String(t)]
 });
-function Bo(t, r = t) {
-  const e = ut(t, "Route id"), i = Br(r, "Route path"), o = Object.freeze({
+function Wo(t, r = t) {
+  const e = ut(t, "Route id"), i = Wr(r, "Route path"), o = Object.freeze({
     id: e,
     kind: "literal",
     path: i
   });
   return yt.add(o), o;
 }
-function Qo(t, r, e = t) {
+function Go(t, r, e = t) {
   const i = ut(t, "Route id"), o = ut(e, "Route parameter name");
-  Fr(r);
+  Br(r);
   const n = Object.freeze({
     id: i,
     kind: "parameter",
@@ -526,29 +526,29 @@ function Qo(t, r, e = t) {
   });
   return yt.add(n), n;
 }
-function Wo(t, r) {
+function Yo(t, r) {
   if (X(t), t.kind !== "parameter")
     throw new TypeError("routeParameter requires a parameter route");
   const e = t.codec.format(r);
-  return Et(e, t.name), Object.freeze({ route: t, value: r });
+  return kt(e, t.name), Object.freeze({ route: t, value: r });
 }
-function Go(...t) {
+function Jo(...t) {
   if (t.length === 0) throw new TypeError("routeTarget requires at least one route");
   for (const e of t)
-    if (br(e))
+    if (yr(e))
       X(e.route);
     else if (X(e), e.kind !== "literal")
       throw new TypeError("Parameter routes require routeParameter(route, value)");
   const r = Object.freeze({ routes: Object.freeze([...t]) });
   return wt.add(r), r;
 }
-function Yo(t, r) {
+function Xo(t, r) {
   if (Ye(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 wt.add(e), e;
 }
-function Jo(t) {
+function Zo(t) {
   return new dt(t);
 }
 function xt(t) {
@@ -558,26 +558,26 @@ function X(t) {
   if (!xt(t))
     throw new TypeError("Expected a route created by defineRoute() or defineRouteParameter()");
 }
-function Kr(t) {
+function _r(t) {
   return t != null && typeof t == "object" && wt.has(t);
 }
 function Ye(t) {
-  if (!Kr(t)) throw new TypeError("Expected a target created by routeTarget()");
+  if (!_r(t)) throw new TypeError("Expected a target created by routeTarget()");
 }
-function Fr(t) {
+function Br(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 _r(t) {
+function Qr(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 Ze(t) {
   Ye(t);
   const r = t.routes.map((o) => {
-    if (br(o)) {
+    if (yr(o)) {
       const n = o.route.codec.format(o.value);
-      return Et(n, o.route.name), encodeURIComponent(n);
+      return kt(n, o.route.name), encodeURIComponent(n);
     }
     return encodeURIComponent(o.path);
   }), e = new URLSearchParams();
@@ -589,7 +589,7 @@ function Ze(t) {
   const i = e.toString();
   return `/${r.join("/")}${i === "" ? "" : `?${i}`}`;
 }
-function br(t) {
+function yr(t) {
   return t != null && typeof t == "object" && "route" in t && "value" in t && xt(t.route) && t.route.kind === "parameter";
 }
 function ut(t, r) {
@@ -597,21 +597,21 @@ function ut(t, r) {
     throw new TypeError(`${r} must be a lowercase kebab-case name`);
   return t;
 }
-function Br(t, r) {
+function Wr(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 {
-    Et(decodeURIComponent(t), r);
+    kt(decodeURIComponent(t), r);
   } catch {
     throw new TypeError(`${r} must use valid percent encoding`);
   }
   return t;
 }
-function Et(t, r) {
+function kt(t, r) {
   if (typeof t != "string" || t === "" || t.includes("/"))
     throw new TypeError(`${r} codec must format one non-empty path segment`);
 }
-class fe extends g {
+class fe extends y {
   initialize() {
     const r = this._runtime.router;
     if (r == null) throw new Error("RouteLink requires a router in CapillaryUiRuntime");
@@ -632,26 +632,26 @@ class fe extends g {
       href: r.href(e),
       "aria-current": r.isActive(e, o) ? "page" : null,
       onClick: (c) => {
-        s == null || s(c), Qr(c, l.target, l.download) && (c.preventDefault(), r.navigate(e));
+        s == null || s(c), Gr(c, l.target, l.download) && (c.preventDefault(), r.navigate(e));
       }
     }, n);
   }
 }
 a(fe, "liveProps", []);
-function Qr(t, r, e) {
+function Gr(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");
 }
-function gr(t) {
+function wr(t) {
   return t != null && typeof t == "object" && t.kind === "external";
 }
-class ze extends g {
+class ze extends y {
   constructor(r) {
-    super(r), Ht(r);
+    super(r), Ft(r);
   }
   render() {
-    Ht(this.props);
+    Ft(this.props);
     const r = this.Host;
-    return /* @__PURE__ */ h(r, { className: xe(this.props) || null, children: /* @__PURE__ */ h("nav", { "aria-label": this.props.label, children: /* @__PURE__ */ h("ul", { children: this.props.items.map((e) => /* @__PURE__ */ h("li", { children: e.disabled ? /* @__PURE__ */ h("span", { "aria-disabled": "true", title: e.title, children: e.label }) : gr(e.to) ? /* @__PURE__ */ h(
+    return /* @__PURE__ */ h(r, { className: xe(this.props) || null, children: /* @__PURE__ */ h("nav", { "aria-label": this.props.label, children: /* @__PURE__ */ h("ul", { children: this.props.items.map((e) => /* @__PURE__ */ h("li", { children: e.disabled ? /* @__PURE__ */ h("span", { "aria-disabled": "true", title: e.title, children: e.label }) : wr(e.to) ? /* @__PURE__ */ h(
       "a",
       {
         href: e.to.href,
@@ -675,7 +675,7 @@ class ze extends g {
     ) }, String(e.id))) }) }) });
   }
 }
-a(ze, "liveProps", []), a(ze, "dependencies", [fe]), a(ze, "hostName", "navigation-bar"), a(ze, "css", w`
+a(ze, "liveProps", []), a(ze, "dependencies", [fe]), a(ze, "hostName", "navigation-bar"), a(ze, "css", x`
         & {
             display: block;
             flex: 0 0 auto;
@@ -757,7 +757,7 @@ a(ze, "liveProps", []), a(ze, "dependencies", [fe]), a(ze, "hostName", "navigati
             cursor: not-allowed;
         }
     `);
-function Ht(t) {
+function Ft(t) {
   if (typeof t.label != "string" || t.label.trim() === "")
     throw new TypeError("NavigationBar label must be a non-empty string");
   if (!Array.isArray(t.items)) throw new TypeError("NavigationBar items must be an array");
@@ -766,7 +766,7 @@ function Ht(t) {
     if (e == null || e.id == null) throw new TypeError("Each navigation item requires an id");
     if (e.label == null) throw new TypeError("Each navigation item requires a label");
     if (e.to == null) throw new TypeError("Each navigation item requires a destination");
-    if (gr(e.to)) {
+    if (wr(e.to)) {
       if (typeof e.to.href != "string" || e.to.href.trim() === "")
         throw new TypeError("External navigation item requires a non-blank href");
       if (e.exact != null)
@@ -778,14 +778,14 @@ function Ht(t) {
     r.add(e.id);
   }
 }
-class Ce extends g {
+class Ce extends y {
   constructor(r) {
-    super(r), Kt(r);
+    super(r), _t(r);
   }
   render() {
-    Kt(this.props);
+    _t(this.props);
     const r = this.Host, e = this.props.items, i = e.length - 1;
-    return /* @__PURE__ */ h(r, { className: S(this.props) || null, children: /* @__PURE__ */ h("nav", { "aria-label": this.props.label ?? this.capillaryUiMessage("breadcrumbLabel"), children: /* @__PURE__ */ h("ol", { children: e.map((o, n) => /* @__PURE__ */ h("li", { children: n === i ? /* @__PURE__ */ h("span", { "aria-current": "page", ...o.title == null ? {} : { title: o.title }, children: o.label }) : o.to != null ? /* @__PURE__ */ h(
+    return /* @__PURE__ */ h(r, { className: T(this.props) || null, children: /* @__PURE__ */ h("nav", { "aria-label": this.props.label ?? this.capillaryUiMessage("breadcrumbLabel"), children: /* @__PURE__ */ h("ol", { children: e.map((o, n) => /* @__PURE__ */ h("li", { children: n === i ? /* @__PURE__ */ h("span", { "aria-current": "page", ...o.title == null ? {} : { title: o.title }, children: o.label }) : o.to != null ? /* @__PURE__ */ h(
       fe,
       {
         to: o.to,
@@ -806,7 +806,7 @@ class Ce extends g {
     ) : /* @__PURE__ */ h("span", { ...o.title == null ? {} : { title: o.title }, children: o.label }) }, String(o.id))) }) }) });
   }
 }
-a(Ce, "liveProps", []), a(Ce, "dependencies", [fe]), a(Ce, "hostName", "breadcrumb"), a(Ce, "css", w`
+a(Ce, "liveProps", []), a(Ce, "dependencies", [fe]), a(Ce, "hostName", "breadcrumb"), a(Ce, "css", x`
         & {
             display: block;
             min-width: 0;
@@ -851,7 +851,7 @@ a(Ce, "liveProps", []), a(Ce, "dependencies", [fe]), a(Ce, "hostName", "breadcru
             font-weight: var(--breadcrumb-current-font-weight, 600);
         }
     `);
-function Kt(t) {
+function _t(t) {
   if (!Array.isArray(t.items)) throw new TypeError("Breadcrumb items must be an array");
   const r = /* @__PURE__ */ new Set();
   for (const e of t.items) {
@@ -863,10 +863,10 @@ function Kt(t) {
     r.add(e.id);
   }
 }
-class Ft extends g {
+class Bt extends y {
   mount(r = null, e = null) {
     if (r != null) {
-      const i = yr(r, "CapillaryUiApp.mount"), o = this.constructor;
+      const i = vr(r, "CapillaryUiApp.mount"), o = this.constructor;
       this._runtime.registerStyles(o).injectStyles(i);
     }
     return super.mount(r, e);
@@ -885,24 +885,24 @@ class Ft extends g {
       layout: l,
       landmark: c = "main",
       ...u
-    } = this.props, p = this.Host, m = Yr(
+    } = this.props, p = this.Host, m = Xr(
       i,
       o,
-      Wr(s),
-      l == null ? void 0 : ur(l)
+      Yr(s),
+      l == null ? void 0 : pr(l)
     );
     return /* @__PURE__ */ h(
       p,
       {
         ...u,
-        role: Gr(c),
+        role: Jr(c),
         ...m == null ? {} : { className: m },
         children: this.renderContent()
       }
     );
   }
 }
-a(Ft, "hostName", "app"), a(Ft, "css", w`
+a(Bt, "hostName", "app"), a(Bt, "css", x`
         & {
             box-sizing: border-box;
             display: block;
@@ -913,13 +913,13 @@ a(Ft, "hostName", "app"), a(Ft, "css", w`
             line-height: var(--line-height);
         }
     `);
-function Xo(t, r, e, ...i) {
-  if (!(t instanceof Ar))
+function en(t, r, e, ...i) {
+  if (!(t instanceof jr))
     throw new TypeError("mountCapillaryUiApp requires a CapillaryUiRuntime");
-  const o = yr(e, "mountCapillaryUiApp");
+  const o = vr(e, "mountCapillaryUiApp");
   return t.registerStyles(r).injectStyles(o), t.mount(t.create(r, ...i), e);
 }
-function yr(t, r) {
+function vr(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);
@@ -927,7 +927,7 @@ function yr(t, r) {
     throw new TypeError(`${r} requires a parent associated with a document head`);
   return e;
 }
-function Wr(t) {
+function Yr(t) {
   switch (t) {
     case "embedded":
       return;
@@ -943,21 +943,21 @@ function Wr(t) {
       );
   }
 }
-function Gr(t) {
+function Jr(t) {
   if (t === "main") return "main";
   if (t === "none") return null;
   throw new TypeError("CapillaryUiApp landmark must be main or none");
 }
-function Yr(...t) {
+function Xr(...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 M extends g {
+class D extends y {
   constructor(e = {}) {
     super(e);
     a(this, "headerId");
     a(this, "headingId");
-    this.headerId = z("header", e.id), this.headingId = z("header-title", e.headingId ?? `${this.headerId}-title`);
+    this.headerId = R("header", e.id), this.headingId = R("header-title", e.headingId ?? `${this.headerId}-title`);
   }
   render() {
     const { level: e = 2, children: i = [] } = this.props;
@@ -977,7 +977,7 @@ class M extends g {
     );
   }
 }
-a(M, "liveProps", []), a(M, "hostName", "header"), a(M, "css", w`
+a(D, "liveProps", []), a(D, "hostName", "header"), a(D, "css", x`
         & {
             display: block;
             color: var(--section-header-color);
@@ -1000,29 +1000,29 @@ a(M, "liveProps", []), a(M, "hostName", "header"), a(M, "css", w`
             font: inherit;
         }
     `);
-class ce extends g {
+class ce extends y {
   constructor(e) {
     super(e);
     a(this, "panelId");
     a(this, "headerId");
-    this.panelId = z("group-box", e.id), this.headerId = `${this.panelId}-title`;
+    this.panelId = R("group-box", e.id), this.headerId = `${this.panelId}-title`;
   }
   render() {
     const { header: e, children: i = [] } = this.props;
     return this.renderGroupBox(e, i);
   }
   renderGroupBox(e, i) {
-    const o = this.Host, n = Jr(this.props.variant);
-    return /* @__PURE__ */ y(
+    const o = this.Host, n = Zr(this.props.variant);
+    return /* @__PURE__ */ v(
       o,
       {
         id: this.panelId,
         role: "group",
-        className: ve(S(this.props), n) || null,
+        className: ve(T(this.props), n) || null,
         "aria-labelledby": this.headerId,
         children: [
           /* @__PURE__ */ h(
-            M,
+            D,
             {
               id: `${this.panelId}-header`,
               headingId: this.headerId,
@@ -1035,7 +1035,7 @@ class ce extends g {
     );
   }
 }
-a(ce, "liveProps", []), a(ce, "hostName", "group-box"), a(ce, "dependencies", [M]), a(ce, "css", w`
+a(ce, "liveProps", []), a(ce, "hostName", "group-box"), a(ce, "dependencies", [D]), a(ce, "css", x`
         & {
             display: flex;
             flex-flow: var(--cap-groupbox-flow, row nowrap);
@@ -1280,28 +1280,28 @@ a(ce, "liveProps", []), a(ce, "hostName", "group-box"), a(ce, "dependencies", [M
             padding-block-end: 0;
         }
     `);
-function Jr(t) {
+function Zr(t) {
   if (t != null) {
     if (t === "section" || t === "column") return `cap-groupbox-${t}`;
     throw new TypeError("GroupBox variant must be section or column");
   }
 }
-class be extends g {
+class be extends y {
 }
-a(be, "hostName", null), a(be, "css", w`
+a(be, "hostName", null), a(be, "css", x`
         @keyframes cap-working-progress {
             from { background-position: 0 0, 0 0; }
             to { background-position: 2rem 0, 0 0; }
         }
     `);
-class k extends g {
+class E extends y {
   render() {
-    const r = wr(this.props.error, this.props.fallback ?? ""), e = this.Host;
-    return /* @__PURE__ */ y(
+    const r = xr(this.props.error, this.props.fallback ?? ""), e = this.Host;
+    return /* @__PURE__ */ v(
       e,
       {
         id: this.props.id,
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         role: "alert",
         tabIndex: 0,
         "aria-label": r,
@@ -1313,7 +1313,7 @@ class k extends g {
     );
   }
 }
-a(k, "hostName", "error"), a(k, "dependencies", [be]), a(k, "css", w`
+a(E, "hostName", "error"), a(E, "dependencies", [be]), a(E, "css", x`
         & {
             position: absolute;
             z-index: 1200;
@@ -1396,21 +1396,21 @@ a(k, "hostName", "error"), a(k, "dependencies", [be]), a(k, "css", w`
             }
         }
     `);
-function wr(t, r) {
-  if (t instanceof Error || Xr(t)) return t.message;
-  if (Zr(t)) {
-    const e = t.map((i) => wr(i.error, "")).filter((i) => i.length > 0);
+function xr(t, r) {
+  if (t instanceof Error || ei(t)) return t.message;
+  if (ti(t)) {
+    const e = t.map((i) => xr(i.error, "")).filter((i) => i.length > 0);
     if (e.length > 0) return [...new Set(e)].join("; ");
   }
   return t == null ? r : String(t);
 }
-function Xr(t) {
+function ei(t) {
   return t != null && typeof t == "object" && typeof Reflect.get(t, "message") == "string";
 }
-function Zr(t) {
+function ti(t) {
   return Array.isArray(t) && t.every((r) => r != null && typeof r == "object" && Object.hasOwn(r, "error"));
 }
-class ie extends g {
+class ie extends y {
   render() {
     throw new Error(`${this.constructor.name} must be a direct child of its documented parent`);
   }
@@ -1425,7 +1425,7 @@ function Je(t, r, e, i = {}) {
     }
     const u = o.find(([, m]) => c.type === m);
     if (u == null) {
-      if (ei(c.type))
+      if (ri(c.type))
         throw new Error(`${t} does not support region: ${c.type.name}`);
       n.push(c);
       continue;
@@ -1443,24 +1443,24 @@ function Je(t, r, e, i = {}) {
   }
   return { content: n, regions: s };
 }
-function ei(t) {
+function ri(t) {
   return typeof t == "function" && t.prototype instanceof ie;
 }
-class _t extends ie {
+class Qt extends ie {
 }
-const ti = ["disabled", "required", "busy", "error"];
-class Re extends g {
+const ii = ["disabled", "required", "busy", "error"];
+class Re extends y {
   constructor(e) {
     super(e);
     a(this, "groupId");
     a(this, "errorId");
-    this.groupId = z("option-group", e.id), this.errorId = `${this.groupId}-error`;
+    this.groupId = R("option-group", e.id), this.errorId = `${this.groupId}-error`;
   }
   render() {
     if (this.props.headerEnd != null)
       throw new Error("OptionGroup trailing header content must use a direct OptionGroupHeaderEnd child");
     const { content: e, regions: i } = Je("OptionGroup", this.props.children, {
-      headerEnd: _t
+      headerEnd: Qt
     });
     return this.renderOptionGroup(e, i.headerEnd ?? null);
   }
@@ -1473,8 +1473,8 @@ class Re extends g {
       busy: u = !1,
       error: p = null
     } = this.props;
-    return /* @__PURE__ */ y(o, { className: S(this.props) || null, children: [
-      /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(o, { className: T(this.props) || null, children: [
+      /* @__PURE__ */ v(
         "fieldset",
         {
           id: this.groupId,
@@ -1485,7 +1485,7 @@ class Re extends g {
           "aria-invalid": p == null ? null : "true",
           "aria-describedby": p == null ? null : this.errorId,
           children: [
-            n != null || i != null ? /* @__PURE__ */ y("legend", { children: [
+            n != null || i != null ? /* @__PURE__ */ v("legend", { children: [
               n != null ? /* @__PURE__ */ h("span", { children: n }) : null,
               i
             ] }) : null,
@@ -1498,10 +1498,10 @@ class Re extends g {
   }
   /** Shared error anatomy for OptionGroup specializations. */
   renderOptionGroupError(e) {
-    return e == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: e });
+    return e == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: e });
   }
 }
-a(Re, "liveProps", ti), a(Re, "hostName", "option-group"), a(Re, "dependencies", [_t, k]), a(Re, "css", w`
+a(Re, "liveProps", ii), a(Re, "hostName", "option-group"), a(Re, "dependencies", [Qt, E]), a(Re, "css", x`
         & {
             display: block;
             position: relative;
@@ -1561,9 +1561,9 @@ a(Re, "liveProps", ti), a(Re, "hostName", "option-group"), a(Re, "dependencies",
             }
         }
     `);
-class Bt extends ce {
+class Wt extends ce {
 }
-a(Bt, "hostName", "options-box"), a(Bt, "css", w`
+a(Wt, "hostName", "options-box"), a(Wt, "css", x`
         & > cap-content {
             display: flex;
             flex-direction: column;
@@ -1600,7 +1600,7 @@ a(Bt, "hostName", "options-box"), a(Bt, "css", w`
             padding: .25em 0 .5em 0;
         }
     `);
-class ge extends g {
+class ge extends y {
   defaultDirection() {
   }
   defaultScroll() {
@@ -1627,8 +1627,8 @@ class ge extends g {
         "data-cap-context": this.props.context ?? null,
         ...this.hostAccessibilityProps(),
         className: ve(
-          S(this.props),
-          ur(r),
+          T(this.props),
+          pr(r),
           gt(this.props.allocation),
           e ? "cap-scroll" : void 0
         ) || null,
@@ -1638,15 +1638,15 @@ class ge extends g {
   }
 }
 a(ge, "liveProps", []), a(ge, "hostName", "layout");
-const ri = ["disabled"];
-class Qt extends ie {
+const oi = ["disabled"];
+class Gt extends ie {
 }
-class $e extends g {
+class $e extends y {
   constructor(e = {}) {
     super(e);
     a(this, "panelId");
     a(this, "headerId");
-    this.panelId = z("panel", e.id), this.headerId = `${this.panelId}-title`;
+    this.panelId = R("panel", e.id), this.headerId = `${this.panelId}-title`;
   }
   render() {
     if (this.props.toolbar != null)
@@ -1659,7 +1659,7 @@ class $e extends g {
       disabled: s = !1,
       context: l = null
     } = this.props, { content: c, regions: u } = Je("Panel", i, {
-      toolbar: Qt
+      toolbar: Gt
     });
     if (o != null && !["horizontal", "vertical"].includes(o))
       throw new TypeError("Panel orientation must be horizontal or vertical");
@@ -1670,14 +1670,14 @@ class $e extends g {
       o ?? "vertical",
       "Panel"
     ), m = this.Host, f = e == null ? null : /* @__PURE__ */ h(
-      M,
+      D,
       {
         id: `${this.panelId}-header`,
         headingId: this.headerId,
         children: e
       }
     );
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(
       m,
       {
         id: this.panelId,
@@ -1703,7 +1703,7 @@ class $e extends g {
     );
   }
 }
-a($e, "liveProps", ri), a($e, "hostName", "panel"), a($e, "dependencies", [M, ge, Qt]), a($e, "css", w`
+a($e, "liveProps", oi), a($e, "hostName", "panel"), a($e, "dependencies", [D, ge, Gt]), a($e, "css", x`
         & {
             background: var(--panel-background);
             border: var(--panel-border);
@@ -1734,14 +1734,14 @@ a($e, "liveProps", ri), a($e, "hostName", "panel"), a($e, "dependencies", [M, ge
             opacity: .65;
         }
     `);
-class Wt extends ie {
+class Yt extends ie {
 }
-class Oe extends g {
+class Oe extends y {
   constructor(e = {}) {
     super(e);
     a(this, "sidebarId");
     a(this, "headerId");
-    this.sidebarId = z("sidebar", e.id), this.headerId = `${this.sidebarId}-title`;
+    this.sidebarId = R("sidebar", e.id), this.headerId = `${this.sidebarId}-title`;
   }
   render() {
     if (this.props.toolbar != null)
@@ -1751,16 +1751,16 @@ class Oe extends g {
       ariaLabel: i,
       children: o = []
     } = this.props, { content: n, regions: s } = Je("Sidebar", o, {
-      toolbar: Wt
+      toolbar: Yt
     }), l = this.Host, c = e == null ? null : /* @__PURE__ */ h(
-      M,
+      D,
       {
         id: `${this.sidebarId}-header`,
         headingId: this.headerId,
         children: e
       }
     );
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(
       l,
       {
         id: this.sidebarId,
@@ -1777,7 +1777,7 @@ class Oe extends g {
     );
   }
 }
-a(Oe, "liveProps", []), a(Oe, "hostName", "sidebar"), a(Oe, "dependencies", [M, Wt]), a(Oe, "css", w`
+a(Oe, "liveProps", []), a(Oe, "hostName", "sidebar"), a(Oe, "dependencies", [D, Yt]), a(Oe, "css", x`
         & {
             display: flex;
             flex-direction: column;
@@ -1803,7 +1803,7 @@ a(Oe, "liveProps", []), a(Oe, "hostName", "sidebar"), a(Oe, "dependencies", [M,
             overflow: auto;
         }
     `);
-class vr extends ge {
+class kr extends ge {
   render() {
     if (this.props.allocation != null)
       throw new TypeError("SplitView owns SplitPrimary and SplitSecondary allocation");
@@ -1824,13 +1824,13 @@ class vr extends ge {
     };
   }
 }
-class kt extends vr {
+class Et extends kr {
 }
-a(kt, "hostName", "primary");
-class St extends vr {
+a(Et, "hostName", "primary");
+class St extends kr {
 }
 a(St, "hostName", "secondary");
-class Ne extends g {
+class Ne extends y {
   constructor() {
     super(...arguments);
     a(this, "pointerResize", null);
@@ -1896,13 +1896,13 @@ class Ne extends g {
     if (e != null && (this.props.horizontal && e !== "horizontal" || this.props.vertical && e !== "vertical"))
       throw new TypeError("SplitView direction modifier conflicts with direction");
     const m = Fe(this.props, e ?? "horizontal", "SplitView");
-    ni(i, "primarySize"), Yt(s, "primaryMinSize"), Yt(l, "secondaryMinSize"), ai(c, "resizeStep");
-    const { primary: f, secondary: b } = ii(this.props.children), v = this.Host;
-    return /* @__PURE__ */ y(
-      v,
+    si(i, "primarySize"), Xt(s, "primaryMinSize"), Xt(l, "secondaryMinSize"), li(c, "resizeStep");
+    const { primary: f, secondary: b } = ni(this.props.children), g = this.Host;
+    return /* @__PURE__ */ v(
+      g,
       {
         className: ve(
-          S(this.props),
+          T(this.props),
           gt(this.props.allocation),
           m
         ) || null,
@@ -1913,7 +1913,7 @@ class Ne extends g {
         },
         "data-resizable": p ? "true" : "false",
         children: [
-          Gt(f, o),
+          Jt(f, o),
           /* @__PURE__ */ h(
             "cap-separator",
             {
@@ -1934,7 +1934,7 @@ class Ne extends g {
               } : {}
             }
           ),
-          Gt(b, n)
+          Jt(b, n)
         ]
       }
     );
@@ -1985,7 +1985,7 @@ class Ne extends g {
     return ((e = this.hostElement()) == null ? void 0 : e.querySelector(":scope > cap-separator")) ?? null;
   }
 }
-a(Ne, "liveProps", []), a(Ne, "hostName", "split-view"), a(Ne, "dependencies", [kt, St]), a(Ne, "css", w`
+a(Ne, "liveProps", []), a(Ne, "hostName", "split-view"), a(Ne, "dependencies", [Et, St]), a(Ne, "css", x`
         & {
             display: flex;
             flex: 1 1 auto;
@@ -2072,13 +2072,13 @@ a(Ne, "liveProps", []), a(Ne, "hostName", "split-view"), a(Ne, "dependencies", [
             cursor: default;
         }
     `);
-function ii(t) {
+function ni(t) {
   let r = null, e = null;
-  const i = oi(t);
+  const i = ai(t);
   for (const o of i) {
     if (!ee(o))
       throw new Error("SplitView accepts only direct SplitPrimary and SplitSecondary children");
-    if (o.type === kt) {
+    if (o.type === Et) {
       if (r != null) throw new Error("SplitView received duplicate SplitPrimary");
       r = o;
     } else if (o.type === St) {
@@ -2091,7 +2091,7 @@ function ii(t) {
   if (e == null) throw new Error("SplitView requires SplitSecondary");
   return { primary: r, secondary: e };
 }
-function oi(t) {
+function ai(t) {
   const r = [], e = (i) => {
     if (Array.isArray(i))
       for (const o of i) e(o);
@@ -2099,7 +2099,7 @@ function oi(t) {
   };
   return e(t ?? []), r;
 }
-function Gt(t, r) {
+function Jt(t, r) {
   if (r == null || t.props.label != null) return t;
   const { children: e, ...i } = t.props;
   return F(t.type, {
@@ -2108,19 +2108,19 @@ function Gt(t, r) {
     label: r
   }, e);
 }
-function ni(t, r) {
+function si(t, r) {
   if (t != null && (typeof t != "string" || t.length === 0))
     throw new TypeError(`SplitView ${r} must be a non-empty CSS size`);
 }
-function Yt(t, r) {
+function Xt(t, r) {
   if (typeof t != "number" || !Number.isFinite(t) || t < 0)
     throw new TypeError(`SplitView ${r} must be a finite non-negative number`);
 }
-function ai(t, r) {
+function li(t, r) {
   if (typeof t != "number" || !Number.isFinite(t) || t <= 0)
     throw new TypeError(`SplitView ${r} must be a finite positive number`);
 }
-class xr extends g {
+class Er extends y {
   render() {
     const { term: r, value: e, children: i = [] } = this.props;
     return [
@@ -2129,14 +2129,14 @@ class xr extends g {
     ];
   }
 }
-a(xr, "liveProps", []);
-class Le extends g {
+a(Er, "liveProps", []);
+class Le extends y {
   render() {
     const r = this.Host;
-    return /* @__PURE__ */ h(r, { className: S(this.props) || null, children: /* @__PURE__ */ h("dl", { "aria-label": this.props.label, children: this.props.children ?? [] }) });
+    return /* @__PURE__ */ h(r, { className: T(this.props) || null, children: /* @__PURE__ */ h("dl", { "aria-label": this.props.label, children: this.props.children ?? [] }) });
   }
 }
-a(Le, "liveProps", []), a(Le, "hostName", "descriptionlist"), a(Le, "dependencies", [xr]), a(Le, "css", w`
+a(Le, "liveProps", []), a(Le, "hostName", "descriptionlist"), a(Le, "dependencies", [Er]), a(Le, "css", x`
         & {
             display: block;
             user-select: none;
@@ -2147,7 +2147,7 @@ a(Le, "liveProps", []), a(Le, "hostName", "descriptionlist"), a(Le, "dependencie
             margin: 0;
         }
     `);
-class Er extends g {
+class Sr extends y {
   render() {
     const { label: r, value: e, children: i = [] } = this.props;
     return [
@@ -2156,29 +2156,29 @@ class Er extends g {
     ];
   }
 }
-a(Er, "liveProps", []);
-class Pe extends g {
+a(Sr, "liveProps", []);
+class Pe extends y {
   constructor(e = {}) {
     super(e);
     a(this, "panelId");
     a(this, "headerId");
-    this.panelId = z("info-panel", e.id), this.headerId = `${this.panelId}-title`;
+    this.panelId = R("info-panel", e.id), this.headerId = `${this.panelId}-title`;
   }
   render() {
     const { title: e = null, label: i, children: o = [] } = this.props, n = this.Host, s = e == null ? null : /* @__PURE__ */ h(
-      M,
+      D,
       {
         id: `${this.panelId}-header`,
         headingId: this.headerId,
         children: e
       }
     );
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(
       n,
       {
         id: this.panelId,
         role: e == null ? null : "region",
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         "aria-labelledby": e == null ? null : this.headerId,
         children: [
           s,
@@ -2188,7 +2188,7 @@ class Pe extends g {
     );
   }
 }
-a(Pe, "liveProps", []), a(Pe, "hostName", "infopanel"), a(Pe, "dependencies", [M, Er]), a(Pe, "css", w`
+a(Pe, "liveProps", []), a(Pe, "hostName", "infopanel"), a(Pe, "dependencies", [D, Sr]), a(Pe, "css", x`
         & {
             background: var(--panel-background);
             border: var(--panel-border);
@@ -2218,13 +2218,13 @@ a(Pe, "liveProps", []), a(Pe, "hostName", "infopanel"), a(Pe, "dependencies", [M
             margin: 0;
         }
     `);
-class q extends g {
+class A extends y {
   render() {
-    const r = si(this.props.width ?? 65), e = this.Host;
+    const r = ci(this.props.width ?? 65), e = this.Host;
     return /* @__PURE__ */ h(e, { style: { width: `${r}%` }, "aria-hidden": "true" });
   }
 }
-a(q, "liveProps", []), a(q, "dependencies", [be]), a(q, "hostName", "placeholder"), a(q, "css", w`
+a(A, "liveProps", []), a(A, "dependencies", [be]), a(A, "hostName", "placeholder"), a(A, "css", x`
         & {
             display: block;
             width: 5em;
@@ -2268,48 +2268,48 @@ a(q, "liveProps", []), a(q, "dependencies", [be]), a(q, "hostName", "placeholder
             }
         }
     `);
-function si(t) {
+function ci(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 kr(t, r, e) {
+function Ir(t, r, e) {
   It(e);
   for (const i of e) {
     const o = r[i.key];
     if (o == null) continue;
     const n = i.options.flatMap((c) => {
       const u = o[c.key];
-      return u == null || u === x.Neutral ? [] : [{ option: c, mode: u }];
+      return u == null || u === k.Neutral ? [] : [{ option: c, mode: u }];
     });
-    if (n.some(({ option: c, mode: u }) => u === x.Deny && c.matches(t)) || n.filter(({ mode: c }) => c === x.Require).some(({ option: c }) => !c.matches(t)))
+    if (n.some(({ option: c, mode: u }) => u === k.Deny && c.matches(t)) || n.filter(({ mode: c }) => c === k.Require).some(({ option: c }) => !c.matches(t)))
       return !1;
-    const l = n.filter(({ mode: c }) => c === x.Prefer);
+    const l = n.filter(({ mode: c }) => c === k.Prefer);
     if (l.length > 0 && !l.some(({ option: c }) => c.matches(t)))
       return !1;
   }
   return !0;
 }
-function li(t, r, e) {
+function di(t, r, e) {
   if (!Array.isArray(t)) throw new TypeError("Filtered items must be an array");
-  return t.filter((i) => kr(i, r, e));
+  return t.filter((i) => Ir(i, r, e));
 }
-function Zo(t, r, e = null) {
+function tn(t, r, e = null) {
   return It(r), new We(
     [t],
-    ([i]) => (o) => kr(o, i, r),
+    ([i]) => (o) => Ir(o, i, r),
     { owner: e, purpose: "filter predicate" }
   );
 }
-function en(t, r, e, i = null) {
+function rn(t, r, e, i = null) {
   return It(e), new We(
     [t, r],
-    ([o, n]) => li(o, n, e),
+    ([o, n]) => di(o, n, e),
     { owner: i, purpose: "filtered items" }
   );
 }
-function tn(t) {
-  ci(t);
+function on(t) {
+  ui(t);
   const r = {};
   for (const e of Object.keys(t).sort()) {
     const i = {}, o = t[e];
@@ -2319,7 +2319,7 @@ function tn(t) {
   }
   return { version: 1, dimensions: r };
 }
-function rn(t) {
+function nn(t) {
   if (!he(t) || t.version !== 1 || !he(t.dimensions))
     throw new TypeError("Filter state must use version 1 with a dimensions object");
   const r = {};
@@ -2338,7 +2338,7 @@ function rn(t) {
   }
   return r;
 }
-function ci(t) {
+function ui(t) {
   if (!he(t)) throw new TypeError("Filter state must be an object");
   for (const [r, e] of Object.entries(t)) {
     if (te(r, "Filter dimension"), !he(e))
@@ -2374,7 +2374,7 @@ function te(t, r) {
 function he(t) {
   return t != null && typeof t == "object" && !Array.isArray(t);
 }
-class Sr {
+class Tr {
   constructor({
     getItems: r,
     getKey: e = zt,
@@ -2406,7 +2406,7 @@ class Sr {
     this.getItems = r, this.getKey = e, this.ownedSelectedItemsEmitter = i == null ? new $([], { 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 = hi(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 = mi(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), n = (l) => this.handleMouseDown(e, l, r), s = (l) => this.handleMouseEnter(e, l);
@@ -2494,7 +2494,7 @@ class Sr {
     this.destroyed || (this.destroyed = !0, this.finishDrag(!1), this.clearClickSuppression(), this.releaseRows(), (r = this.ownedSelectedItemsEmitter) == null || r.dispose());
   }
 }
-class Tt extends Sr {
+class Tt extends Tr {
   constructor(e) {
     const i = e.selectedItemEmitter == null ? new $(null, {
       owner: e.owner,
@@ -2504,7 +2504,7 @@ class Tt extends Sr {
       getItems: e.getItems,
       ...e.getKey == null ? {} : { getKey: e.getKey },
       ...e.owner === void 0 ? {} : { owner: e.owner },
-      selectedItemsEmitter: new ui(o)
+      selectedItemsEmitter: new pi(o)
     });
     a(this, "selectedItemEmitter");
     a(this, "selectedItem$");
@@ -2523,12 +2523,12 @@ class Tt extends Sr {
     super.destroy(), (e = this.ownedSelectedItemEmitter) == null || e.dispose();
   }
 }
-class di extends Sr {
+class hi extends Tr {
   selectIndex(r, e) {
     const i = this.getItems(), o = i[r];
     if (o !== void 0) {
       if (e.shiftKey && this.anchorIndex != null) {
-        const n = Math.min(this.anchorIndex, r), s = Math.max(this.anchorIndex, r), l = i[this.anchorIndex], c = l !== void 0 && this.anchorSelected == null ? mi(this.getSelectedItems(), l, this.anchorIndex, this.getKey) : this.anchorSelected === !0, u = fi(
+        const n = Math.min(this.anchorIndex, r), s = Math.max(this.anchorIndex, r), l = i[this.anchorIndex], c = l !== void 0 && this.anchorSelected == null ? bi(this.getSelectedItems(), l, this.anchorIndex, this.getKey) : this.anchorSelected === !0, u = gi(
           i,
           this.getSelectedItems(),
           n,
@@ -2539,7 +2539,7 @@ class di extends Sr {
         this.setSelectedItems(u, "range selection changed");
         return;
       }
-      if (Jt(e) || "key" in e && e.key === " ") {
+      if (Zt(e) || "key" in e && e.key === " ") {
         const n = this.getSelectedItems(), s = this.getKey(o, r), l = n.some((u, p) => Object.is(this.getKey(u, p), s)), c = l ? n.filter((u, p) => !Object.is(this.getKey(u, p), s)) : [...n, o];
         this.anchorIndex = r, this.anchorSelected = !l, this.setSelectedItems(c, "multi selection toggled");
         return;
@@ -2554,14 +2554,14 @@ class di extends Sr {
     return !0;
   }
   selectDragRange(r, e, i) {
-    const o = this.getItems(), n = Math.min(r, e), s = Math.max(r, e), l = o.slice(n, s + 1), c = Jt(i) ? pi(this.getSelectedItems(), l, this.getKey) : [...l];
+    const o = this.getItems(), n = Math.min(r, e), s = Math.max(r, e), l = o.slice(n, s + 1), c = Zt(i) ? fi(this.getSelectedItems(), l, this.getKey) : [...l];
     this.anchorIndex = r, this.anchorSelected = !0, this.setSelectedItems(c, "drag selection changed");
   }
 }
 function Be(t) {
-  return t.multiSelect ? new di(t) : new Tt(t);
+  return t.multiSelect ? new hi(t) : new Tt(t);
 }
-class ui {
+class pi {
   constructor(r) {
     this.source = r;
   }
@@ -2595,13 +2595,13 @@ function zt(t, r) {
     `Selection item at index ${r} needs an id or an explicit itemKey/rowKey`
   );
 }
-function Jt(t) {
+function Zt(t) {
   return !!(t.ctrlKey || t.metaKey);
 }
-function hi(t, r) {
+function mi(t, r) {
   return r <= 0 ? 0 : Math.min(Math.max(t, 0), r - 1);
 }
-function pi(t, r, e) {
+function fi(t, r, e) {
   const i = [...t], o = new Set(t.map((n, s) => e(n, s)));
   for (const n of r) {
     const s = e(n, i.length);
@@ -2609,17 +2609,17 @@ function pi(t, r, e) {
   }
   return i;
 }
-function mi(t, r, e, i) {
+function bi(t, r, e, i) {
   const o = i(r, e);
   return t.some((n, s) => Object.is(i(n, s), o));
 }
-function fi(t, r, e, i, o, n) {
+function gi(t, r, e, i, o, n) {
   const s = new Set(t.slice(e, i + 1).map((c, u) => n(c, e + u))), l = new Set(r.map((c, u) => n(c, u)));
   for (const c of s)
     o ? l.add(c) : l.delete(c);
   return t.filter((c, u) => l.has(n(c, u)));
 }
-class ae extends g {
+class ae extends y {
   constructor(e = {}) {
     super(e);
     a(this, "itemsEmitter");
@@ -2631,25 +2631,25 @@ class ae extends g {
     a(this, "getItemKey");
     a(this, "selectionHandler");
     a(this, "ownedItemsEmitter");
-    Xt(e.items) ? (this.itemsEmitter = e.items, this.ownedItemsEmitter = null) : (this.ownedItemsEmitter = new $(e.items ?? [], {
+    er(e.items) ? (this.itemsEmitter = e.items, this.ownedItemsEmitter = null) : (this.ownedItemsEmitter = new $(e.items ?? [], {
       owner: this,
       purpose: "list items"
-    }), this.itemsEmitter = this.ownedItemsEmitter), this.items$ = this.itemsEmitter, this.getItemKey = bi(e.itemKey), this.selectionHandler = e.multiSelect === !0 ? Be({
+    }), this.itemsEmitter = this.ownedItemsEmitter), this.items$ = this.itemsEmitter, this.getItemKey = yi(e.itemKey), this.selectionHandler = e.multiSelect === !0 ? Be({
       owner: this,
       multiSelect: !0,
       ...e.selectedItemsEmitter == null ? {} : { selectedItemsEmitter: e.selectedItemsEmitter },
-      getItems: () => this.itemsEmitter.get(),
+      getItems: () => this.itemsEmitter.get() ?? [],
       getKey: this.getItemKey
     }) : Be({
       owner: this,
       ...e.selectedItemEmitter == null ? {} : { selectedItemEmitter: e.selectedItemEmitter },
-      getItems: () => this.itemsEmitter.get(),
+      getItems: () => this.itemsEmitter.get() ?? [],
       getKey: this.getItemKey
     }), this.selectedItemsEmitter = this.selectionHandler.selectedItemsEmitter, this.selectedItems$ = this.selectedItemsEmitter, this.selectedItemEmitter = this.selectionHandler instanceof Tt ? this.selectionHandler.selectedItemEmitter : null, this.selectedItem$ = this.selectedItemEmitter;
   }
   setProps(e) {
     if (this.ownedItemsEmitter != null) {
-      if (Xt(e.items))
+      if (er(e.items))
         throw new TypeError(
           "ListView cannot replace static or declarative items with an emitter"
         );
@@ -2662,46 +2662,47 @@ class ae 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(), n = i === I.Initial || i === I.Loading, s = new Set(this.selectedItemsEmitter.get().map((c, u) => this.getItemKey(c, u))), l = this.Host;
-    return /* @__PURE__ */ y(
-      l,
+    if (e !== void 0 && !Array.isArray(e))
+      throw new TypeError("ListView items must be an array");
+    const i = e ?? [], o = this.itemsEmitter.getFetchState(), n = this.itemsEmitter.getError(), s = o === I.Initial || o === I.Loading, l = o === I.Initial || o === I.Loading && e === void 0, c = new Set(this.selectedItemsEmitter.get().map((p, m) => this.getItemKey(p, m))), u = this.Host;
+    return /* @__PURE__ */ v(
+      u,
       {
-        className: S(this.props) || null,
-        "aria-busy": n ? "true" : null,
+        className: T(this.props) || null,
+        "aria-busy": s ? "true" : null,
         children: [
-          i === I.Error ? /* @__PURE__ */ h(
-            k,
+          o === I.Error ? /* @__PURE__ */ h(
+            E,
             {
               className: "cap-error-banner",
-              error: o,
+              error: n,
               fallback: this.capillaryUiMessage("listViewLoadError")
             }
           ) : null,
-          n ? /* @__PURE__ */ y(we, { children: [
+          l ? /* @__PURE__ */ v(we, { children: [
             /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("listViewLoading") }),
-            /* @__PURE__ */ h("ul", { "aria-hidden": "true", children: Array.from({ length: this.props.placeholderCount ?? 5 }, (c, u) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(q, { width: 45 + u * 7 }) }, `placeholder-${u}`)) })
+            /* @__PURE__ */ h("ul", { "aria-hidden": "true", children: Array.from({ length: this.props.placeholderCount ?? 5 }, (p, m) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(A, { width: 45 + m * 7 }) }, `placeholder-${m}`)) })
           ] }) : null,
-          i === I.Ready && e.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("listViewEmpty") }) : null,
-          !n && e.length > 0 ? /* @__PURE__ */ h(
+          o === I.Ready && i.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("listViewEmpty") }) : null,
+          !l && i.length > 0 ? /* @__PURE__ */ h(
             "ul",
             {
               role: "listbox",
               "aria-label": this.props.label ?? this.capillaryUiMessage("listViewLabel"),
-              "aria-busy": n ? "true" : null,
+              "aria-busy": s ? "true" : null,
               "aria-multiselectable": this.props.multiSelect ? "true" : null,
-              children: e.map((c, u) => {
-                const p = this.getItemKey(c, u), m = s.has(p), f = this.props.renderItem ? this.props.renderItem(c, u) : gi(c);
+              children: i.map((p, m) => {
+                const f = this.getItemKey(p, m), b = c.has(f), g = this.props.renderItem ? this.props.renderItem(p, m) : wi(p);
                 return /* @__PURE__ */ h(
                   "li",
                   {
                     role: "option",
                     "data-cap-selectable-row": "",
-                    "aria-selected": String(m),
-                    tabIndex: u === 0 ? 0 : -1,
-                    children: f
+                    "aria-selected": String(b),
+                    tabIndex: m === 0 ? 0 : -1,
+                    children: g
                   },
-                  String(p)
+                  String(f)
                 );
               })
             }
@@ -2732,13 +2733,16 @@ class ae extends g {
     this.selectionHandler.destroy(), (e = this.ownedItemsEmitter) == null || e.dispose();
   }
 }
-a(ae, "liveProps", []), a(ae, "dependencies", [q, k]), a(ae, "hostName", "listview"), a(ae, "dataSurface", "data"), a(ae, "css", w`
+a(ae, "liveProps", []), a(ae, "dependencies", [A, E]), a(ae, "hostName", "listview"), a(ae, "dataSurface", "data"), a(ae, "css", x`
         & {
             display: flex;
             position: relative;
+            flex: 1 1 auto;
             flex-direction: column;
-            overflow-y: auto;
-            height: 100%;
+            min-inline-size: 0;
+            min-block-size: 0;
+            max-block-size: 100%;
+            overflow: auto;
             padding: var(--ui-padding-v) var(--ui-padding-h);
             color: var(--ui-text-color);
             background: var(--ui-input-bg);
@@ -2803,7 +2807,7 @@ a(ae, "liveProps", []), a(ae, "dependencies", [q, k]), a(ae, "hostName", "listvi
             }
         }
     `);
-function bi(t) {
+function yi(t) {
   if (t == null) return zt;
   if (typeof t == "function") return t;
   if (typeof t == "string" && t.length > 0)
@@ -2817,22 +2821,22 @@ function bi(t) {
     };
   throw new TypeError("ListView itemKey must be a function or property name");
 }
-function Xt(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 gi(t) {
+function wi(t) {
   if (t != null && (typeof t == "object" || typeof t == "function")) {
     const r = Reflect.get(t, "label");
-    if (yi(r)) return r;
+    if (vi(r)) return r;
   }
   return String(t);
 }
-function yi(t) {
+function vi(t) {
   return t == null || typeof t == "string" || typeof t == "number";
 }
-class Ct extends g {
+class Ct extends y {
 }
-a(Ct, "css", w`
+a(Ct, "css", x`
         & {
             display: inline-flex;
             position: relative;
@@ -2944,8 +2948,8 @@ a(Ct, "css", w`
             }
         }
     `);
-const wi = ["disabled", "required", "busy", "error"];
-class D extends Ct {
+const xi = ["disabled", "required", "busy", "error"];
+class P extends Ct {
   constructor(e = {}) {
     super(e);
     a(this, "symbols");
@@ -2953,11 +2957,11 @@ class D extends Ct {
     a(this, "semanticStateEmitter");
     a(this, "inputId");
     a(this, "errorId");
-    this.inputId = z("checkbox", e.id), this.errorId = `${this.inputId}-error`;
+    this.inputId = R("checkbox", e.id), this.errorId = `${this.inputId}-error`;
     const i = this.constructor;
-    this.symbols = e.symbols ?? i.symbols, xi(this.symbols);
+    this.symbols = e.symbols ?? i.symbols, Ei(this.symbols);
     const o = e.initialSemanticState ?? i.defaultSemanticState ?? this.symbols[0][1], n = { ...e };
-    n.defaultValue == null && e.initialSemanticState != null && (n.defaultValue = e.initialSemanticState), this.valueEmitter = U(
+    n.defaultValue == null && e.initialSemanticState != null && (n.defaultValue = e.initialSemanticState), this.valueEmitter = j(
       this,
       n,
       o,
@@ -2980,55 +2984,55 @@ class D extends Ct {
       required: n = !1,
       busy: s = !1,
       error: l = null
-    } = this.props, c = this.valueEmitter.get(), u = this.symbols.findIndex(([, E]) => Object.is(E, c)), [p] = this.symbols[u] ?? ["?", c], m = p === "☐" ? null : p, f = Hr(c), b = this.localizedStateName(c, f), v = i ?? vi(e), R = Zt(this.symbols, c), T = this.Host;
-    return /* @__PURE__ */ y(
-      T,
+    } = this.props, c = this.valueEmitter.get(), u = this.symbols.findIndex(([, S]) => Object.is(S, c)), [p] = this.symbols[u] ?? ["?", c], m = p === "☐" ? null : p, f = Fr(c), b = this.localizedStateName(c, f), g = i ?? ki(e), w = tr(this.symbols, c), z = this.Host;
+    return /* @__PURE__ */ v(
+      z,
       {
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         "data-state": f,
         children: [
-          /* @__PURE__ */ y("label", { children: [
+          /* @__PURE__ */ v("label", { children: [
             /* @__PURE__ */ h(
               "input",
               {
                 id: this.inputId,
                 type: "checkbox",
-                checked: R,
+                checked: w,
                 disabled: o,
                 required: n,
                 name: this.props.name,
                 value: String(c),
                 "aria-busy": s ? "true" : null,
-                "aria-label": v == null ? null : this.capillaryUiMessage("checkboxStateLabel")(v, b),
+                "aria-label": g == null ? null : this.capillaryUiMessage("checkboxStateLabel")(g, b),
                 "aria-invalid": l == null ? null : "true",
                 "aria-describedby": l == null ? null : this.errorId,
-                onChange: (E) => {
-                  this.cycleState(1, E), E.currentTarget.checked = Zt(
+                onChange: (S) => {
+                  this.cycleState(1, S), S.currentTarget.checked = tr(
                     this.symbols,
                     this.valueEmitter.get()
                   );
                 },
-                onKeyDown: (E) => {
-                  E.key === "ArrowRight" || E.key === "ArrowDown" ? (E.preventDefault(), this.cycleState(1, E)) : (E.key === "ArrowLeft" || E.key === "ArrowUp") && (E.preventDefault(), this.cycleState(-1, E));
+                onKeyDown: (S) => {
+                  S.key === "ArrowRight" || S.key === "ArrowDown" ? (S.preventDefault(), this.cycleState(1, S)) : (S.key === "ArrowLeft" || S.key === "ArrowUp") && (S.preventDefault(), this.cycleState(-1, S));
                 }
               }
             ),
             /* @__PURE__ */ h("cap-checkshell", { "aria-hidden": "true", children: m }),
             e
           ] }),
-          l == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: l })
+          l == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: l })
         ]
       }
     );
   }
   localizedStateName(e, i) {
-    return e === x.Deny ? this.capillaryUiMessage("filterModeDenyLabel") : e === x.Neutral ? this.capillaryUiMessage("filterModeNeutralLabel") : e === x.Prefer ? this.capillaryUiMessage("filterModePreferLabel") : e === x.Require ? this.capillaryUiMessage("filterModeRequireLabel") : i;
+    return e === k.Deny ? this.capillaryUiMessage("filterModeDenyLabel") : e === k.Neutral ? this.capillaryUiMessage("filterModeNeutralLabel") : e === k.Prefer ? this.capillaryUiMessage("filterModePreferLabel") : e === k.Require ? this.capillaryUiMessage("filterModeRequireLabel") : i;
   }
 }
-a(D, "liveProps", wi), a(D, "dependencies", [k]), a(D, "symbols", [
-  ["☐", x.Neutral],
-  ["✓", x.Prefer]
-]), a(D, "defaultSemanticState", x.Neutral), a(D, "hostName", "check-box"), a(D, "css", w`
+a(P, "liveProps", xi), a(P, "dependencies", [E]), a(P, "symbols", [
+  ["☐", k.Neutral],
+  ["✓", k.Prefer]
+]), a(P, "defaultSemanticState", k.Neutral), a(P, "hostName", "check-box"), a(P, "css", x`
         & > label > input[value="require"] + cap-checkshell {
             color: var(--palette-contrast-light);
             background: var(--palette-green);
@@ -3041,49 +3045,49 @@ a(D, "liveProps", wi), a(D, "dependencies", [k]), a(D, "symbols", [
             box-shadow: var(--checkbox-box-shadow-checked);
         }
     `);
-function vi(t) {
+function ki(t) {
   return typeof t == "string" || typeof t == "number" ? String(t) : null;
 }
-function xi(t) {
+function Ei(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 Zt(t, r) {
+function tr(t, r) {
   const e = t.findIndex(([, i]) => Object.is(i, r));
-  return r === x.Prefer || r === x.Require || t.length === 2 && e === 1;
+  return r === k.Prefer || r === k.Require || t.length === 2 && e === 1;
 }
-class B extends g {
+class B extends y {
   constructor(e = {}) {
     super(e);
     a(this, "optionsEmitter");
     a(this, "optionStateEmitters", /* @__PURE__ */ new Map());
     a(this, "staleOptionValues", /* @__PURE__ */ new Set());
-    this.optionsEmitter = Ti(e.options) ? e.options : null;
+    this.optionsEmitter = Ci(e.options) ? e.options : null;
   }
   initialize() {
     this.optionsEmitter && this.watch(this.optionsEmitter);
   }
   render() {
-    var f, b, v;
+    var f, b, g;
     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 = ((b = this.optionsEmitter) == null ? void 0 : b.getFetchState()) ?? I.Ready, o = (v = this.optionsEmitter) == null ? void 0 : v.getError(), n = er(this.props.filters), s = this.props.filterModes ?? D.symbols, l = this.props.defaultSemanticState ?? x.Neutral, c = new Set(e.map(ht));
+    const i = ((b = this.optionsEmitter) == null ? void 0 : b.getFetchState()) ?? I.Ready, o = (g = this.optionsEmitter) == null ? void 0 : g.getError(), n = rr(this.props.filters), s = this.props.filterModes ?? P.symbols, l = this.props.defaultSemanticState ?? k.Neutral, c = new Set(e.map(ht));
     this.staleOptionValues = new Set(
-      [...this.optionStateEmitters.keys()].filter((R) => !c.has(R))
+      [...this.optionStateEmitters.keys()].filter((w) => !c.has(w))
     );
-    const u = this.Host, p = i === I.Initial || i === I.Loading, m = S(this.props) || null;
+    const u = this.Host, p = i === I.Initial || i === I.Loading, m = T(this.props) || null;
     return i === I.Error && e.length === 0 ? /* @__PURE__ */ h(u, { className: m, children: /* @__PURE__ */ h(
-      k,
+      E,
       {
         className: "cap-error-banner",
         error: o,
         fallback: this.capillaryUiMessage("filterPanelLoadError")
       }
-    ) }) : p && e.length === 0 ? /* @__PURE__ */ h(u, { className: m, "aria-busy": "true", children: /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("filterPanelLoading") }) }) : /* @__PURE__ */ y(
+    ) }) : p && e.length === 0 ? /* @__PURE__ */ h(u, { className: m, "aria-busy": "true", children: /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("filterPanelLoading") }) }) : /* @__PURE__ */ v(
       u,
       {
         className: m,
@@ -3092,7 +3096,7 @@ class B extends g {
         "aria-busy": p ? "true" : null,
         children: [
           i === I.Error ? /* @__PURE__ */ h(
-            k,
+            E,
             {
               className: "cap-error-banner",
               error: o,
@@ -3100,22 +3104,22 @@ class B extends g {
             }
           ) : null,
           p ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("filterPanelLoading") }) : null,
-          e.length === 0 ? /* @__PURE__ */ h("p", { children: this.capillaryUiMessage("filterPanelEmpty") }) : e.map((R) => {
-            const T = ht(R), E = ki(R), A = n.get(T) ?? l, C = this.optionEmitter(T, A);
+          e.length === 0 ? /* @__PURE__ */ h("p", { children: this.capillaryUiMessage("filterPanelEmpty") }) : e.map((w) => {
+            const z = ht(w), S = Ii(w), U = n.get(z) ?? l, C = this.optionEmitter(z, U);
             return /* @__PURE__ */ h(
-              Ei,
+              Si,
               {
-                label: E,
+                label: S,
                 valueEmitter: C,
                 symbols: s,
-                onChange: (V, L) => {
+                onChange: (V, M) => {
                   var H, oe;
-                  L == null || L.stopPropagation();
-                  const N = er(this.props.filters);
-                  V === x.Neutral ? N.delete(T) : N.set(T, V), (oe = (H = this.props).onChange) == null || oe.call(H, N, L);
+                  M == null || M.stopPropagation();
+                  const N = rr(this.props.filters);
+                  V === k.Neutral ? N.delete(z) : N.set(z, V), (oe = (H = this.props).onChange) == null || oe.call(H, N, M);
                 }
               },
-              Si(T)
+              Ti(z)
             );
           })
         ]
@@ -3140,7 +3144,7 @@ class B extends g {
     return this.optionStateEmitters.set(e, n), n;
   }
 }
-a(B, "liveProps", []), a(B, "dependencies", [D, k]), a(B, "hostName", "filter-panel"), a(B, "css", w`
+a(B, "liveProps", []), a(B, "dependencies", [P, E]), a(B, "hostName", "filter-panel"), a(B, "css", x`
         & {
             position: absolute;
             background: white;
@@ -3183,8 +3187,8 @@ a(B, "liveProps", []), a(B, "dependencies", [D, k]), a(B, "hostName", "filter-pa
             }
         }
     `);
-const Ei = D;
-function er(t) {
+const Si = P;
+function rr(t) {
   if (t == null) return /* @__PURE__ */ new Map();
   if (t instanceof Map) return new Map(t);
   if (Array.isArray(t)) return new Map(t);
@@ -3198,23 +3202,23 @@ function ht(t) {
   }
   throw new TypeError("Filter options must be strings, numbers, or value/label objects");
 }
-function ki(t) {
+function Ii(t) {
   if (t != null && typeof t == "object") {
     const r = Reflect.get(t, "label");
-    if (r != null) return Ii(r) ? r : String(r);
+    if (r != null) return zi(r) ? r : String(r);
   }
   return String(ht(t));
 }
-function Si(t) {
+function Ti(t) {
   return `${typeof t}:${String(t)}`;
 }
-function Ii(t) {
+function zi(t) {
   return typeof t == "string" || typeof t == "number";
 }
-function Ti(t) {
+function Ci(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-class pe extends g {
+class pe extends y {
   constructor() {
     super(...arguments);
     a(this, "filterVisible", !1);
@@ -3241,8 +3245,8 @@ class pe 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(Ci)
-    ), n = this.props.label ?? String(this.props.field), s = this.props.ariaLabel ?? zi(n) ?? String(this.props.field), l = this.capillaryUiMessage("tableFilterColumnLabel")(s);
+      (this.props.filtersEmitter.get()[this.props.field] ?? []).filter($i)
+    ), n = this.props.label ?? String(this.props.field), s = this.props.ariaLabel ?? Ri(n) ?? String(this.props.field), l = this.capillaryUiMessage("tableFilterColumnLabel")(s);
     let c = null;
     return this.filterVisible && this.props.filterOptions != null && (c = /* @__PURE__ */ h(
       B,
@@ -3255,14 +3259,14 @@ class pe extends g {
         ...this.props.defaultSemanticState == null ? {} : { defaultSemanticState: this.props.defaultSemanticState }
       },
       "filter-panel"
-    )), /* @__PURE__ */ y(
+    )), /* @__PURE__ */ v(
       "th",
       {
         scope: "col",
         "aria-sort": i === "asc" ? "ascending" : i === "desc" ? "descending" : "none",
         style: { zIndex: this.filterVisible ? 1200 : null },
         children: [
-          this.props.sortable ? /* @__PURE__ */ y(
+          this.props.sortable ? /* @__PURE__ */ v(
             "button",
             {
               type: "button",
@@ -3292,9 +3296,10 @@ class pe extends g {
     );
   }
 }
-a(pe, "liveProps", []), a(pe, "dependencies", [B]), a(pe, "css", w`
+a(pe, "liveProps", []), a(pe, "dependencies", [B]), a(pe, "css", x`
         cap-datatable > table > thead > tr > th[aria-sort] {
-            position: relative;
+            position: sticky;
+            inset-block-start: 0;
             padding-right: 24px;
             user-select: var(--noselect-user-select);
             cursor: var(--noselect-cursor);
@@ -3348,13 +3353,13 @@ a(pe, "liveProps", []), a(pe, "dependencies", [B]), a(pe, "css", w`
             opacity: 1;
         }
     `);
-function zi(t) {
+function Ri(t) {
   return typeof t == "string" || typeof t == "number" ? String(t) : null;
 }
-function Ci(t) {
+function $i(t) {
   return typeof t[0] == "string" || typeof t[0] == "number";
 }
-class me extends g {
+class me extends y {
   render() {
     return /* @__PURE__ */ h("thead", { children: /* @__PURE__ */ h("tr", { children: this.props.columns.map((r) => /* @__PURE__ */ h(
       pe,
@@ -3374,13 +3379,17 @@ class me extends g {
     )) }) });
   }
 }
-a(me, "liveProps", []), a(me, "dependencies", [pe]), a(me, "css", w`
+a(me, "liveProps", []), a(me, "dependencies", [pe]), a(me, "css", x`
         cap-datatable > table > thead {
             color: var(--table-header-color);
             background: var(--ui-gradient);
         }
 
         cap-datatable > table > thead > tr > th {
+            position: sticky;
+            inset-block-start: 0;
+            z-index: 2;
+            background: var(--ui-gradient);
             border: 2px groove #fff7;
             border-left: none;
         }
@@ -3389,77 +3398,77 @@ a(me, "liveProps", []), a(me, "dependencies", [pe]), a(me, "css", w`
             border-right: none;
         }
     `);
-const Ri = {
-  [x.Neutral]: "☐",
-  [x.Prefer]: "",
-  [x.Require]: "_",
-  [x.Deny]: "!"
+const Oi = {
+  [k.Neutral]: "☐",
+  [k.Prefer]: "",
+  [k.Require]: "_",
+  [k.Deny]: "!"
 };
-function $i(t, { sort: r = null, filters: e = {} } = {}) {
-  Di(t), r != null && (Ir(r), t.searchParams.set("sort", `${r.field}:${r.direction}`));
+function Ni(t, { sort: r = null, filters: e = {} } = {}) {
+  Ai(t), r != null && (zr(r), t.searchParams.set("sort", `${r.field}:${r.direction}`));
   for (const [i, o] of Object.entries(e))
     for (const [n, s] of o) {
       if (!Ge(s))
         throw new TypeError(`Unknown filter mode for ${i}: ${String(s)}`);
       t.searchParams.append(
         "filter",
-        `${i}:${Ri[s]}:${JSON.stringify(n)}`
+        `${i}:${Oi[s]}:${JSON.stringify(n)}`
       );
     }
   return t;
 }
-function Oi(t, r, e) {
+function Li(t, r, e) {
   if (!Array.isArray(t)) throw new TypeError("Local table data must be an array");
-  const i = t.filter((n) => Ni(n, e));
+  const i = t.filter((n) => Pi(n, e));
   if (r == null) return i;
-  Ir(r);
+  zr(r);
   const o = r.direction === "asc" ? 1 : -1;
-  return [...i].sort((n, s) => Pi(pt(n, r.field), pt(s, r.field)) * o);
+  return [...i].sort((n, s) => Mi(pt(n, r.field), pt(s, r.field)) * o);
 }
-function Ni(t, r) {
+function Pi(t, r) {
   for (const [e, i] of Object.entries(r)) {
     const o = pt(t, e);
-    if (i.filter(([, c]) => c === x.Deny).some(([c]) => Object.is(c, o))) return !1;
-    const s = i.filter(([, c]) => c === x.Require);
+    if (i.filter(([, c]) => c === k.Deny).some(([c]) => Object.is(c, o))) return !1;
+    const s = i.filter(([, c]) => c === k.Require);
     if (s.length > 0 && !s.some(([c]) => Object.is(c, o))) return !1;
-    const l = i.filter(([, c]) => c === x.Prefer);
+    const l = i.filter(([, c]) => c === k.Prefer);
     if (l.length > 0 && !l.some(([c]) => Object.is(c, o))) return !1;
   }
   return !0;
 }
-function Ir(t) {
-  if (t == null || typeof t != "object" || typeof Reflect.get(t, "field") != "string" || !Li(Reflect.get(t, "direction")))
+function zr(t) {
+  if (t == null || typeof t != "object" || typeof Reflect.get(t, "field") != "string" || !Di(Reflect.get(t, "direction")))
     throw new TypeError("Table sort must contain a field and asc/desc direction");
 }
-function Li(t) {
+function Di(t) {
   return t === "asc" || t === "desc";
 }
-function Pi(t, r) {
+function Mi(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 pt(t, r) {
   if (!(t == null || typeof t != "object" && typeof t != "function"))
     return Reflect.get(t, r);
 }
-function Di(t) {
+function Ai(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 Mi(t) {
-  const r = $t(t), e = zr(t.data) ? null : new $(t.data, {
+function qi(t) {
+  const r = $t(t), e = Rr(t.data) ? null : new $(t.data, {
     owner: t.owner,
     purpose: "local table data"
-  }), i = e ?? t.data, o = Tr(i, r, t.owner);
+  }), i = e ?? t.data, o = Cr(i, r, t.owner);
   return new Rt(o, r, () => {
     o.dispose(), e == null || e.dispose();
   });
 }
-function on(t) {
-  ji(t.query);
-  const r = $t(t), e = Tr(t.query, r, t.owner), i = t.query.retry;
+function an(t) {
+  Vi(t.query);
+  const r = $t(t), e = Cr(t.query, r, t.owner), i = t.query.retry;
   return new Rt(
     e,
     r,
@@ -3470,16 +3479,16 @@ function on(t) {
     }
   );
 }
-function Ai(t) {
+function ji(t) {
   if (t.handler == null || typeof t.handler.fetch != "function")
     throw new TypeError("Table data-source handler must implement fetch");
-  const r = $t(t), e = new Ut("sort", r.sortEmitter, {
+  const r = $t(t), e = new Ht("sort", r.sortEmitter, {
     owner: t.owner,
     purpose: "table sort argument"
-  }), i = new Ut("filters", r.filtersEmitter, {
+  }), i = new Ht("filters", r.filtersEmitter, {
     owner: t.owner,
     purpose: "table filters argument"
-  }), o = new qr({
+  }), o = new Ur({
     handler: t.handler,
     args: { sort: e, filters: i },
     owner: t.owner,
@@ -3490,15 +3499,15 @@ function Ai(t) {
     o.dispose(), e.dispose(), i.dispose();
   });
 }
-function qi(t) {
+function Ui(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 ?? $i
+    serialize: t.serializeQuery ?? Ni
   };
-  return t.baseUrl != null && (r.baseUrl = t.baseUrl), t.fetch != null && (r.fetch = t.fetch), Ai({
-    handler: new jr(r),
+  return t.baseUrl != null && (r.baseUrl = t.baseUrl), t.fetch != null && (r.fetch = t.fetch), ji({
+    handler: new Vr(r),
     ...t.sortEmitter == null ? {} : { sortEmitter: t.sortEmitter },
     ...t.filtersEmitter == null ? {} : { filtersEmitter: t.filtersEmitter },
     ...t.owner === void 0 ? {} : { owner: t.owner }
@@ -3517,10 +3526,10 @@ class Rt {
     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 Tr(t, r, e) {
+function Cr(t, r, e) {
   return new We(
     [t, r.sortEmitter, r.filtersEmitter],
-    ([i, o, n]) => i == null ? void 0 : Oi(i, o, n),
+    ([i, o, n]) => i == null ? void 0 : Li(i, o, n),
     { owner: e, purpose: "local table view" }
   );
 }
@@ -3539,14 +3548,14 @@ function $t(t) {
     ownedFiltersEmitter: e
   };
 }
-function zr(t) {
+function Rr(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 ji(t) {
-  if (!zr(t))
+function Vi(t) {
+  if (!Rr(t))
     throw new TypeError("Table query must be an emitter");
 }
-class se extends g {
+class se extends y {
   constructor(e) {
     var i, o;
     super(e);
@@ -3563,7 +3572,7 @@ class se extends g {
     a(this, "ownedSortEmitter");
     a(this, "ownedFiltersEmitter");
     a(this, "ownedDataSource", null);
-    Vi(e), this.columns = Ui(e.columns), this.rowKey = Hi(e.rowKey), this.suppliedDataSource = e.dataSource ?? null, this.ownedSortEmitter = this.suppliedDataSource == null ? new $(null, { owner: this, purpose: "table sort" }) : null, this.ownedFiltersEmitter = this.suppliedDataSource == null ? new $({}, { 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 ? Be({
+    Ki(e), this.columns = Hi(e.columns), this.rowKey = Fi(e.rowKey), this.suppliedDataSource = e.dataSource ?? null, this.ownedSortEmitter = this.suppliedDataSource == null ? new $(null, { owner: this, purpose: "table sort" }) : null, this.ownedFiltersEmitter = this.suppliedDataSource == null ? new $({}, { 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 ? Be({
       owner: this,
       multiSelect: !0,
       ...e.selectedItemsEmitter == null ? {} : { selectedItemsEmitter: e.selectedItemsEmitter },
@@ -3583,12 +3592,12 @@ class se extends g {
     }), this.selectedItemsEmitter = this.selectionHandler.selectedItemsEmitter, this.selectedItemEmitter = this.selectionHandler instanceof Tt ? this.selectionHandler.selectedItemEmitter : null;
   }
   initialize() {
-    this.suppliedDataSource != null ? this.dataSource = this.suppliedDataSource : this.props.rest != null ? (this.ownedDataSource = qi({
+    this.suppliedDataSource != null ? this.dataSource = this.suppliedDataSource : this.props.rest != null ? (this.ownedDataSource = Ui({
       ...this.props.rest,
       sortEmitter: this.sortEmitter,
       filtersEmitter: this.filtersEmitter,
       owner: this
-    }), this.dataSource = this.ownedDataSource) : (this.ownedDataSource = Mi({
+    }), this.dataSource = this.ownedDataSource) : (this.ownedDataSource = qi({
       data: this.props.data ?? [],
       sortEmitter: this.sortEmitter,
       filtersEmitter: this.filtersEmitter,
@@ -3596,38 +3605,38 @@ class se extends g {
     }), this.dataSource = this.ownedDataSource), this.query = this.dataSource.query, this.watch(this.query, this.selectedItemsEmitter);
   }
   render() {
-    var c, u, p, m;
-    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()) ?? I.Initial, o = (p = this.query) == null ? void 0 : p.getError(), n = i === I.Initial || i === I.Loading, s = new Set(
-      this.selectedItemsEmitter.get().map((f, b) => this.rowKey(f, b))
-    ), l = this.Host;
-    return /* @__PURE__ */ y(
-      l,
+    var p, m, f, b;
+    const e = (p = this.query) == null ? void 0 : p.get(), i = e ?? [];
+    if (!Array.isArray(i)) throw new TypeError("DataTable query value must be an array");
+    const o = ((m = this.query) == null ? void 0 : m.getFetchState()) ?? I.Initial, n = (f = this.query) == null ? void 0 : f.getError(), s = o === I.Initial || o === I.Loading, l = o === I.Initial || o === I.Loading && e === void 0, c = new Set(
+      this.selectedItemsEmitter.get().map((g, w) => this.rowKey(g, w))
+    ), u = this.Host;
+    return /* @__PURE__ */ v(
+      u,
       {
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         children: [
-          n ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("dataTableLoading") }) : null,
-          i === I.Error ? /* @__PURE__ */ h(
-            k,
+          l ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("dataTableLoading") }) : null,
+          o === I.Error ? /* @__PURE__ */ h(
+            E,
             {
               className: "cap-error-banner",
-              error: o,
+              error: n,
               fallback: this.capillaryUiMessage("dataTableLoadError")
             }
           ) : null,
-          i === I.Error && typeof ((m = this.dataSource) == null ? void 0 : m.retry) == "function" ? /* @__PURE__ */ h(
+          o === I.Error && typeof ((b = this.dataSource) == null ? void 0 : b.retry) == "function" ? /* @__PURE__ */ h(
             "button",
             {
               type: "button",
               onClick: () => {
-                var f, b;
-                return (b = (f = this.dataSource) == null ? void 0 : f.retry) == null ? void 0 : b.call(f, "table retry");
+                var g, w;
+                return (w = (g = this.dataSource) == null ? void 0 : g.retry) == null ? void 0 : w.call(g, "table retry");
               },
               children: this.capillaryUiMessage("dataTableRetry")
             }
           ) : null,
-          /* @__PURE__ */ y("table", { "aria-busy": n ? "true" : null, children: [
+          /* @__PURE__ */ v("table", { "aria-busy": s ? "true" : null, children: [
             this.props.caption == null ? null : /* @__PURE__ */ h("caption", { children: this.props.caption }),
             /* @__PURE__ */ h(
               me,
@@ -3641,7 +3650,7 @@ class se extends g {
               },
               "header"
             ),
-            /* @__PURE__ */ h("tbody", { children: n ? this.renderPlaceholders() : e.length > 0 ? e.map((f, b) => this.renderRow(f, b, s)) : i === I.Error ? null : /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", { colSpan: this.columns.length, children: this.props.emptyMessage ?? this.capillaryUiMessage("dataTableEmpty") }) }, "empty") })
+            /* @__PURE__ */ h("tbody", { children: l ? this.renderPlaceholders() : i.length > 0 ? i.map((g, w) => this.renderRow(g, w, c)) : o === I.Error ? null : /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", { colSpan: this.columns.length, children: this.props.emptyMessage ?? this.capillaryUiMessage("dataTableEmpty") }) }, "empty") })
           ] })
         ]
       }
@@ -3655,7 +3664,7 @@ class se extends g {
         "data-cap-selectable-row": "",
         "aria-selected": String(s),
         tabIndex: i === 0 ? 0 : -1,
-        children: this.columns.map((l) => /* @__PURE__ */ h("td", { children: l.render ? l.render(e, i) : Ki(e[l.field]) }, String(l.field)))
+        children: this.columns.map((l) => /* @__PURE__ */ h("td", { children: l.render ? l.render(e, i) : _i(e[l.field]) }, String(l.field)))
       },
       String(n)
     );
@@ -3663,7 +3672,7 @@ class se extends g {
   renderPlaceholders() {
     const e = this.props.placeholderCount ?? 5;
     return Array.from({ length: e }, (i, o) => /* @__PURE__ */ h("tr", { "aria-hidden": "true", children: this.columns.map((n, s) => /* @__PURE__ */ h("td", { children: /* @__PURE__ */ h(
-      q,
+      A,
       {
         width: 45 + (o + s) % 6 * 8
       }
@@ -3691,10 +3700,14 @@ class se extends g {
     this.selectionHandler.destroy(), (e = this.ownedDataSource) == null || e.dispose(), (i = this.ownedSortEmitter) == null || i.dispose(), (o = this.ownedFiltersEmitter) == null || o.dispose();
   }
 }
-a(se, "liveProps", []), a(se, "dependencies", [q, me, k]), a(se, "hostName", "data-table"), a(se, "dataSurface", "data"), a(se, "css", w`
+a(se, "liveProps", []), a(se, "dependencies", [A, me, E]), a(se, "hostName", "data-table"), a(se, "dataSurface", "data"), a(se, "css", x`
         & {
             display: block;
             position: relative;
+            flex: 1 1 auto;
+            min-inline-size: 0;
+            min-block-size: 0;
+            max-block-size: 100%;
             overflow: auto;
         }
 
@@ -3769,7 +3782,7 @@ a(se, "liveProps", []), a(se, "dependencies", [q, me, k]), a(se, "hostName", "da
         }
 
     `);
-function Ui(t) {
+function Hi(t) {
   if (!Array.isArray(t) || t.length === 0)
     throw new TypeError("DataTable columns must be a non-empty array");
   const r = /* @__PURE__ */ new Set();
@@ -3787,7 +3800,7 @@ function Ui(t) {
     return e;
   });
 }
-function Vi(t) {
+function Ki(t) {
   var s, l;
   const e = [
     "mode",
@@ -3811,7 +3824,7 @@ function Vi(t) {
       throw new TypeError("DataTable dataSource must implement the table data-source contract");
   }
 }
-function Hi(t) {
+function Fi(t) {
   if (t == null) return zt;
   if (typeof t == "function") return t;
   if (typeof t == "string" && t.length > 0)
@@ -3823,10 +3836,10 @@ function Hi(t) {
     };
   throw new TypeError("DataTable rowKey must be a function or property name");
 }
-function Ki(t) {
+function _i(t) {
   return t == null || typeof t == "string" || typeof t == "number" ? t : String(t);
 }
-class Ot extends g {
+class Ot extends y {
   render() {
     return this.props.children ?? [];
   }
@@ -3846,17 +3859,17 @@ function re(t) {
   };
   e(t);
 }
-function nn(t, r) {
+function sn(t, r) {
   return re(t), Nt(t, r);
 }
-function an(t, r, e = null) {
+function ln(t, r, e = null) {
   return new We(
     [t, r],
     ([i, o]) => (re(i), o == null ? null : Nt(i, o)),
     { owner: e, purpose: "tree node projection" }
   );
 }
-function Fi(t, r, e) {
+function Bi(t, r, e) {
   if (re(t), typeof e != "function") throw new TypeError("Tree node update must be a function");
   const i = (n) => {
     for (let s = 0; s < n.length; s += 1) {
@@ -3881,8 +3894,8 @@ function Fi(t, r, e) {
   }, o = i(t);
   return Object.is(o, t) || re(o), o;
 }
-function sn(t, r, e, i = "tree node updated") {
-  const o = t.get(), n = Fi(o, r, e);
+function cn(t, r, e, i = "tree node updated") {
+  const o = t.get(), n = Bi(o, r, e);
   return Object.is(n, o) ? !1 : t.set(n, i);
 }
 function Nt(t, r) {
@@ -3893,7 +3906,7 @@ function Nt(t, r) {
   }
   return null;
 }
-class le extends g {
+class le extends y {
   constructor(e) {
     super(e);
     a(this, "nodesEmitter");
@@ -3905,7 +3918,7 @@ class le extends g {
     a(this, "focusedKey", null);
     a(this, "typeahead", "");
     a(this, "typeaheadTimer", null);
-    if (rr(e.nodes))
+    if (or(e.nodes))
       this.nodesEmitter = e.nodes, this.ownedNodesEmitter = null;
     else {
       const i = e.nodes ?? mt(e.children);
@@ -3917,13 +3930,13 @@ class le extends g {
     this.ownedSelectedEmitter = e.selectedKeyEmitter == null ? new $(null, { owner: this, purpose: "selected tree key" }) : null, this.selectedKeyEmitter = e.selectedKeyEmitter ?? this.ownedSelectedEmitter, this.ownedExpandedEmitter = e.expandedKeysEmitter == null ? new $([], { 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), {
+    this.reconcile(this.nodesEmitter.get() ?? []), this.watch(this.nodesEmitter, this.selectedKeyEmitter, this.expandedKeysEmitter), this.onCleanup(this.nodesEmitter.subscribe(({ value: e }) => this.reconcile(e ?? []), {
       emitCurrent: !1
     }));
   }
   setProps(e) {
     if (this.ownedNodesEmitter != null) {
-      if (rr(e.nodes))
+      if (or(e.nodes))
         throw new TypeError(
           "TreeView cannot replace static or declarative nodes with an emitter"
         );
@@ -3935,86 +3948,86 @@ class le extends g {
     return super.setProps(e);
   }
   render() {
-    const e = this.nodesEmitter.get();
-    re(e);
-    const i = this.nodesEmitter.getFetchState(), o = this.nodesEmitter.getError(), n = i === I.Initial || i === I.Loading, s = new Set(this.expandedKeysEmitter.get()), l = tr(e, s), c = this.selectedKeyEmitter.get(), u = l.find(({ node: m }) => Object.is(m.id, this.focusedKey)) ?? l.find(({ node: m }) => Object.is(m.id, c)) ?? l[0] ?? null;
-    this.focusedKey = (u == null ? void 0 : u.node.id) ?? null;
-    const p = this.Host;
-    return /* @__PURE__ */ y(
-      p,
+    const e = this.nodesEmitter.get(), i = e ?? [];
+    re(i);
+    const o = this.nodesEmitter.getFetchState(), n = this.nodesEmitter.getError(), s = o === I.Initial || o === I.Loading, l = o === I.Initial || o === I.Loading && e === void 0, c = new Set(this.expandedKeysEmitter.get()), u = ir(i, c), p = this.selectedKeyEmitter.get(), m = u.find(({ node: b }) => Object.is(b.id, this.focusedKey)) ?? u.find(({ node: b }) => Object.is(b.id, p)) ?? u[0] ?? null;
+    this.focusedKey = (m == null ? void 0 : m.node.id) ?? null;
+    const f = this.Host;
+    return /* @__PURE__ */ v(
+      f,
       {
-        className: S(this.props) || null,
-        "aria-busy": n ? "true" : null,
+        className: T(this.props) || null,
+        "aria-busy": s ? "true" : null,
         children: [
-          i === I.Error ? /* @__PURE__ */ h(
-            k,
+          o === I.Error ? /* @__PURE__ */ h(
+            E,
             {
               className: "cap-error-banner",
-              error: o,
+              error: n,
               fallback: this.capillaryUiMessage("treeViewLoadError")
             }
           ) : null,
-          n ? /* @__PURE__ */ y(we, { children: [
+          l ? /* @__PURE__ */ v(we, { children: [
             /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("treeViewLoading") }),
-            /* @__PURE__ */ h("ul", { "aria-hidden": "true", children: Array.from({ length: this.props.placeholderCount ?? 5 }, (m, f) => {
-              const b = [0, 1, 2, 1, 0][f % 5] ?? 0;
-              return /* @__PURE__ */ y(
+            /* @__PURE__ */ h("ul", { "aria-hidden": "true", children: Array.from({ length: this.props.placeholderCount ?? 5 }, (b, g) => {
+              const w = [0, 1, 2, 1, 0][g % 5] ?? 0;
+              return /* @__PURE__ */ v(
                 "li",
                 {
-                  style: { "--tree-depth": b },
+                  style: { "--tree-depth": w },
                   children: [
                     /* @__PURE__ */ h("cap-expander", { children: "•" }),
-                    /* @__PURE__ */ h(q, { width: 42 + f % 5 * 9 })
+                    /* @__PURE__ */ h(A, { width: 42 + g % 5 * 9 })
                   ]
                 },
-                `placeholder-${f}`
+                `placeholder-${g}`
               );
             }) })
           ] }) : null,
-          i === I.Ready && l.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("treeViewEmpty") }) : null,
-          !n && l.length > 0 ? /* @__PURE__ */ h(
+          o === I.Ready && u.length === 0 ? /* @__PURE__ */ h("p", { role: "status", children: this.capillaryUiMessage("treeViewEmpty") }) : null,
+          !l && u.length > 0 ? /* @__PURE__ */ h(
             "ul",
             {
               role: "tree",
               "aria-label": this.props.label,
-              "aria-busy": n ? "true" : null,
-              children: l.map((m, f) => {
-                var H, oe, Dt, Mt, At, qt, jt;
-                const { node: b, depth: v, position: R, setSize: T } = m, E = (((H = b.children) == null ? void 0 : H.length) ?? 0) > 0, A = E && s.has(b.id), C = Object.is(b.id, c), V = ((Dt = (oe = this.props).renderItem) == null ? void 0 : Dt.call(oe, b, v)) ?? b.label, L = (At = (Mt = this.props).itemLabelClassName) == null ? void 0 : At.call(Mt, b, v), N = (jt = (qt = this.props).itemLabelStyle) == null ? void 0 : jt.call(qt, b, v);
-                return /* @__PURE__ */ y(
+              "aria-busy": s ? "true" : null,
+              children: u.map((b, g) => {
+                var Dt, Mt, At, qt, jt, Ut, Vt;
+                const { node: w, depth: z, position: S, setSize: U } = b, C = (((Dt = w.children) == null ? void 0 : Dt.length) ?? 0) > 0, V = C && c.has(w.id), M = Object.is(w.id, p), N = ((At = (Mt = this.props).renderItem) == null ? void 0 : At.call(Mt, w, z)) ?? w.label, H = (jt = (qt = this.props).itemLabelClassName) == null ? void 0 : jt.call(qt, w, z), oe = (Vt = (Ut = this.props).itemLabelStyle) == null ? void 0 : Vt.call(Ut, w, z);
+                return /* @__PURE__ */ v(
                   "li",
                   {
                     role: "treeitem",
-                    "data-index": f,
-                    "aria-level": v + 1,
-                    "aria-posinset": R,
-                    "aria-setsize": T,
-                    "aria-expanded": E ? String(A) : null,
-                    "aria-selected": String(C),
-                    tabIndex: Object.is(b.id, u == null ? void 0 : u.node.id) ? 0 : -1,
-                    style: { "--tree-depth": v },
+                    "data-index": g,
+                    "aria-level": z + 1,
+                    "aria-posinset": S,
+                    "aria-setsize": U,
+                    "aria-expanded": C ? String(V) : null,
+                    "aria-selected": String(M),
+                    tabIndex: Object.is(w.id, m == null ? void 0 : m.node.id) ? 0 : -1,
+                    style: { "--tree-depth": z },
                     onClick: (Ie) => {
-                      if (this.focusedKey = b.id, Wi(Ie.target) && E) {
-                        this.toggleExpanded(b.id), this.focusRow(b.id);
+                      if (this.focusedKey = w.id, Yi(Ie.target) && C) {
+                        this.toggleExpanded(w.id), this.focusRow(w.id);
                         return;
                       }
-                      this.selectNode(b, Ie);
+                      this.selectNode(w, Ie);
                     },
-                    onFocus: () => this.focusedKey = b.id,
-                    onKeyDown: (Ie) => this.handleKeyDown(Ie, f, l),
+                    onFocus: () => this.focusedKey = w.id,
+                    onKeyDown: (Ie) => this.handleKeyDown(Ie, g, u),
                     children: [
-                      /* @__PURE__ */ h("cap-expander", { "aria-hidden": "true", children: E ? A ? "▾" : "▸" : "•" }),
+                      /* @__PURE__ */ h("cap-expander", { "aria-hidden": "true", children: C ? V ? "▾" : "▸" : "•" }),
                       /* @__PURE__ */ h(
                         "cap-label",
                         {
-                          ...L == null ? {} : { className: L },
-                          ...N == null ? {} : { style: N },
-                          children: V
+                          ...H == null ? {} : { className: H },
+                          ...oe == null ? {} : { style: oe },
+                          children: N
                         }
                       )
                     ]
                   },
-                  b.id
+                  w.id
                 );
               })
             }
@@ -4029,10 +4042,10 @@ class le extends g {
   }
   reconcile(e) {
     re(e);
-    const i = new Set(_i(e).map(({ node: l }) => l.id)), o = this.selectedKeyEmitter.get();
+    const i = new Set(Qi(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 n = this.expandedKeysEmitter.get(), s = n.filter((l) => i.has(l));
-    this.ownedExpandedEmitter != null && !Qi(n, s) && this.expandedKeysEmitter.set(s, "removed tree expansions reconciled"), this.focusedKey != null && !i.has(this.focusedKey) && (this.focusedKey = null);
+    this.ownedExpandedEmitter != null && !Gi(n, s) && this.expandedKeysEmitter.set(s, "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"), O(this.props.onSelect, e, i), this.focusRow(e.id);
@@ -4078,8 +4091,8 @@ class le extends g {
     this.focusedKey = e;
     const i = this.dom instanceof Element ? [...this.dom.querySelectorAll('[role="treeitem"]')] : [];
     for (const n of i) {
-      const s = Number(n.dataset.index), l = tr(
-        this.nodesEmitter.get(),
+      const s = Number(n.dataset.index), l = ir(
+        this.nodesEmitter.get() ?? [],
         new Set(this.expandedKeysEmitter.get())
       ), c = Object.is((o = l[s]) == null ? void 0 : o.node.id, e);
       n.tabIndex = c ? 0 : -1, c && n.focus();
@@ -4089,17 +4102,19 @@ class le 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 s = [...i.slice(o + 1), ...i.slice(0, o + 1)].find(({ node: l }) => Bi(l).toLocaleLowerCase().startsWith(this.typeahead));
+    const s = [...i.slice(o + 1), ...i.slice(0, o + 1)].find(({ node: l }) => Wi(l).toLocaleLowerCase().startsWith(this.typeahead));
     s != null && this.focusRow(s.node.id);
   }
 }
-a(le, "liveProps", []), a(le, "dependencies", [Ot, q, k]), a(le, "hostName", "tree-view"), a(le, "dataSurface", "data"), a(le, "css", w`
+a(le, "liveProps", []), a(le, "dependencies", [Ot, A, E]), a(le, "hostName", "tree-view"), a(le, "dataSurface", "data"), a(le, "css", x`
         & {
             display: flex;
             position: relative;
+            flex: 1 1 auto;
             flex-direction: column;
-            min-width: 0;
-            min-height: 0;
+            min-inline-size: 0;
+            min-block-size: 0;
+            max-block-size: 100%;
             overflow: auto;
         }
 
@@ -4195,7 +4210,7 @@ function mt(t) {
     };
   });
 }
-function tr(t, r) {
+function ir(t, r) {
   const e = [], i = (o, n, s) => {
     o.forEach((l, c) => {
       var u;
@@ -4204,7 +4219,7 @@ function tr(t, r) {
   };
   return i(t, 0, null), e;
 }
-function _i(t) {
+function Qi(t) {
   const r = /* @__PURE__ */ new Set(), e = [], i = (o, n, s) => {
     o.forEach((l, c) => {
       if (r.has(l.id)) throw new Error(`Duplicate tree item id: ${String(l.id)}`);
@@ -4213,24 +4228,24 @@ function _i(t) {
   };
   return i(t, 0, null), e;
 }
-function Bi(t) {
+function Wi(t) {
   return t.textValue != null ? t.textValue : typeof t.label == "string" || typeof t.label == "number" ? String(t.label) : String(t.id);
 }
-function Qi(t, r) {
+function Gi(t, r) {
   return t.length === r.length && t.every((e, i) => Object.is(e, r[i]));
 }
-function rr(t) {
+function or(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-function Wi(t) {
+function Yi(t) {
   return t instanceof Element && t.closest("cap-expander") != null;
 }
-const Gi = ["disabled", "pressed", "busy", "error"];
-class Q extends g {
+const Ji = ["disabled", "pressed", "busy", "error"];
+class Q extends y {
   constructor(e = {}) {
     super(e);
     a(this, "errorId");
-    if (this.errorId = `${z("button", e.id)}-error`, e.onClick != null && typeof e.onClick != "function")
+    if (this.errorId = `${R("button", e.id)}-error`, e.onClick != null && typeof e.onClick != "function")
       throw new TypeError("Button onClick must be a function");
   }
   render() {
@@ -4247,10 +4262,10 @@ class Q extends g {
       name: m,
       value: f,
       title: b,
-      ariaLabel: v,
-      onClick: R
-    } = this.props, E = (Array.isArray(e) ? e.length > 0 : e != null && typeof e != "boolean") ? e : i ?? "", A = l ? c ?? E : E, C = n || l, V = this.Host;
-    return /* @__PURE__ */ y(V, { className: S(this.props) || null, children: [
+      ariaLabel: g,
+      onClick: w
+    } = this.props, S = (Array.isArray(e) ? e.length > 0 : e != null && typeof e != "boolean") ? e : i ?? "", U = l ? c ?? S : S, C = n || l, V = this.Host;
+    return /* @__PURE__ */ v(V, { className: T(this.props) || null, children: [
       /* @__PURE__ */ h(
         "button",
         {
@@ -4260,22 +4275,22 @@ class Q extends g {
           title: b,
           type: o,
           disabled: C,
-          "aria-label": v,
+          "aria-label": g,
           "aria-pressed": s == null ? null : String(!!s),
           "aria-busy": l ? "true" : null,
           "aria-invalid": u == null ? null : "true",
           "aria-describedby": u == null ? null : this.errorId,
-          onClick: (L) => {
-            C || O(R, L);
+          onClick: (M) => {
+            C || O(w, M);
           },
-          children: A
+          children: U
         }
       ),
-      u == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: u })
+      u == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: u })
     ] });
   }
 }
-a(Q, "liveProps", Gi), a(Q, "dependencies", [k]), a(Q, "hostName", "button"), a(Q, "css", w`
+a(Q, "liveProps", Ji), a(Q, "dependencies", [E]), a(Q, "hostName", "button"), a(Q, "css", x`
         & > button {
             display: inline-flex;
             align-items: center;
@@ -4355,10 +4370,10 @@ a(Q, "liveProps", Gi), a(Q, "dependencies", [k]), a(Q, "hostName", "button"), a(
             }
         }
     `);
-const Yi = ["showCloseButton"];
-class ir extends ie {
+const Xi = ["showCloseButton"];
+class nr extends ie {
 }
-class De extends g {
+class De extends y {
   constructor(e) {
     super(e);
     a(this, "openEmitter");
@@ -4368,7 +4383,7 @@ class De extends g {
     a(this, "dialogElement", null);
     a(this, "restoreFocusTo", null);
     a(this, "synchronizedOpen", !1);
-    this.openEmitter = U(this, e, !1, "dialog open state"), this.dialogId = z("dialog", e.id), this.titleId = `${this.dialogId}-title`, this.descriptionId = `${this.dialogId}-description`;
+    this.openEmitter = j(this, e, !1, "dialog open state"), this.dialogId = R("dialog", e.id), this.titleId = `${this.dialogId}-title`, this.descriptionId = `${this.dialogId}-description`;
   }
   initialize() {
     this.watch(this.openEmitter);
@@ -4383,9 +4398,9 @@ class De extends g {
       showCloseButton: n = !0,
       children: s = []
     } = this.props, { content: l, regions: c } = Je("Dialog", s, {
-      actions: ir
+      actions: nr
     }), u = this.Host;
-    return /* @__PURE__ */ h(u, { className: S(this.props) || null, children: /* @__PURE__ */ y(
+    return /* @__PURE__ */ h(u, { className: T(this.props) || null, children: /* @__PURE__ */ v(
       "dialog",
       {
         id: this.dialogId,
@@ -4397,7 +4412,7 @@ class De extends g {
           /* @__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("cap-content", { children: l }),
-          c.actions == null && !n ? null : /* @__PURE__ */ y("footer", { children: [
+          c.actions == null && !n ? null : /* @__PURE__ */ v("footer", { children: [
             c.actions,
             n ? /* @__PURE__ */ h(
               Q,
@@ -4438,7 +4453,7 @@ class De extends g {
     const i = this.openEmitter.get();
     if (i && !e.open) {
       const o = document.activeElement;
-      this.restoreFocusTo = o instanceof HTMLElement ? o : null, Ji(e), this.synchronizedOpen = !0, Xi(e, this.props.initialFocusRef);
+      this.restoreFocusTo = o instanceof HTMLElement ? o : null, Zi(e), this.synchronizedOpen = !0, eo(e, this.props.initialFocusRef);
       return;
     }
     if (!i && e.open) {
@@ -4454,7 +4469,7 @@ class De extends g {
     this.restoreFocusTo = null, (e == null ? void 0 : e.isConnected) === !0 && e.focus(), O(this.props.onClose);
   }
 }
-a(De, "liveProps", Yi), a(De, "hostName", "dialog"), a(De, "dependencies", [Q, ir]), a(De, "css", w`
+a(De, "liveProps", Xi), a(De, "hostName", "dialog"), a(De, "dependencies", [Q, nr]), a(De, "css", x`
         & > dialog {
             z-index: 2;
             width: min(38rem, calc(100vw - 2rem));
@@ -4529,7 +4544,7 @@ a(De, "liveProps", Yi), a(De, "hostName", "dialog"), a(De, "dependencies", [Q, i
             }
         }
     `);
-function Ji(t) {
+function Zi(t) {
   if (!t.open) {
     if (typeof t.showModal == "function") {
       t.showModal();
@@ -4538,38 +4553,38 @@ function Ji(t) {
     t.setAttribute("open", "");
   }
 }
-function Xi(t, r) {
+function eo(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 G = class G extends D {
+const G = class G extends P {
   constructor(r = {}) {
     super({ ...r, symbols: G.symbols });
   }
 };
 a(G, "hostName", "quadcheckbox"), a(G, "symbols", [
-  ["×", x.Deny],
-  ["☐", x.Neutral],
-  ["✓", x.Prefer],
-  ["+", x.Require]
-]), a(G, "defaultSemanticState", x.Neutral);
-let or = G;
-const Y = class Y extends D {
+  ["×", k.Deny],
+  ["☐", k.Neutral],
+  ["✓", k.Prefer],
+  ["+", k.Require]
+]), a(G, "defaultSemanticState", k.Neutral);
+let ar = G;
+const Y = class Y extends P {
   constructor(r = {}) {
     super({ ...r, symbols: Y.symbols });
   }
 };
 a(Y, "hostName", "tricheckbox"), a(Y, "symbols", [
-  ["×", x.Deny],
-  ["☐", x.Neutral],
-  ["✓", x.Prefer]
-]), a(Y, "defaultSemanticState", x.Neutral);
-let nr = Y;
-class ke extends g {
-}
-a(ke, "css", w`
+  ["×", k.Deny],
+  ["☐", k.Neutral],
+  ["✓", k.Prefer]
+]), a(Y, "defaultSemanticState", k.Neutral);
+let sr = Y;
+class Ee extends y {
+}
+a(Ee, "css", x`
         & {
             display: flex;
             flex-flow: row nowrap;
@@ -4596,9 +4611,9 @@ a(ke, "css", w`
         }
 
     `);
-class Cr extends ke {
+class $r extends Ee {
 }
-a(Cr, "css", w`
+a($r, "css", x`
         & {
             display: grid;
             grid-template-columns: minmax(var(--input-min-width, 6rem), 1fr);
@@ -4746,8 +4761,8 @@ a(Cr, "css", w`
             }
         }
     `);
-const Zi = ["disabled", "required", "busy", "error"];
-class de extends Cr {
+const to = ["disabled", "required", "busy", "error"];
+class de extends $r {
   constructor(e = {}) {
     var n;
     super(e);
@@ -4756,14 +4771,14 @@ class de extends Cr {
     a(this, "optionsEmitter");
     a(this, "valueEmitter");
     a(this, "ownsOptionsEmitter");
-    this.inputId = z("dropdown", e.id), this.errorId = `${this.inputId}-error`;
+    this.inputId = R("dropdown", e.id), this.errorId = `${this.inputId}-error`;
     const i = e.options ?? [];
-    eo(i) ? (this.optionsEmitter = i, this.ownsOptionsEmitter = !1) : (_e(i), this.optionsEmitter = new $(i, {
+    ro(i) ? (this.optionsEmitter = i, this.ownsOptionsEmitter = !1) : (_e(i), this.optionsEmitter = new $(i, {
       owner: this,
       purpose: "dropdown options"
     }), this.ownsOptionsEmitter = !0);
     const o = ((n = this.optionsEmitter.get()[0]) == null ? void 0 : n.value) ?? "";
-    this.valueEmitter = U(this, e, o, "dropdown value");
+    this.valueEmitter = j(this, e, o, "dropdown value");
   }
   initialize() {
     this.watch(this.valueEmitter, this.optionsEmitter);
@@ -4780,14 +4795,14 @@ class de extends Cr {
       ariaLabel: u
     } = this.props, p = this.optionsEmitter.get() ?? [];
     _e(p);
-    const m = this.valueEmitter.get(), f = this.optionsEmitter.getFetchState(), b = !this.ownsOptionsEmitter && (f === I.Initial || f === I.Loading), v = !this.ownsOptionsEmitter && f === I.Error, R = v ? this.optionsEmitter.getError() : null, T = l ?? (v ? R ?? this.capillaryUiMessage("dropdownLoadError") : null), E = s || b, A = this.Host;
-    return /* @__PURE__ */ y(
-      A,
+    const m = this.valueEmitter.get(), f = this.optionsEmitter.getFetchState(), b = !this.ownsOptionsEmitter && (f === I.Initial || f === I.Loading), g = !this.ownsOptionsEmitter && f === I.Error, w = g ? this.optionsEmitter.getError() : null, z = l ?? (g ? w ?? this.capillaryUiMessage("dropdownLoadError") : null), S = s || b, U = this.Host;
+    return /* @__PURE__ */ v(
+      U,
       {
         className: this.hostClass(),
         children: [
           e == null ? null : /* @__PURE__ */ h("label", { htmlFor: this.inputId, children: e }),
-          /* @__PURE__ */ h("cap-selectshell", { children: /* @__PURE__ */ y(
+          /* @__PURE__ */ h("cap-selectshell", { children: /* @__PURE__ */ v(
             "select",
             {
               id: this.inputId,
@@ -4796,9 +4811,9 @@ class de extends Cr {
               disabled: o,
               required: n,
               "aria-label": e == null ? u : null,
-              "aria-busy": E ? "true" : null,
-              "aria-invalid": T == null ? null : "true",
-              "aria-describedby": T == null ? null : this.errorId,
+              "aria-busy": S ? "true" : null,
+              "aria-invalid": z == null ? null : "true",
+              "aria-describedby": z == null ? null : this.errorId,
               onChange: (C) => this.selectOption(C),
               children: [
                 m == null || m === "" ? /* @__PURE__ */ h("option", { value: "", disabled: n, selected: !0, children: c }) : null,
@@ -4819,14 +4834,14 @@ class de extends Cr {
               ]
             }
           ) }),
-          T == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: T })
+          z == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: z })
         ]
       }
     );
   }
   /** Host class list. Subclasses may prepend a stable marker class. */
   hostClass() {
-    return S(this.props);
+    return T(this.props);
   }
   /** Resolve the rendered label for one option. */
   optionLabel(e) {
@@ -4834,7 +4849,7 @@ class de extends Cr {
   }
   /** Handle a native select change: resolve the option, update the value, emit. */
   selectOption(e) {
-    const i = to(e, "dropdown change"), n = (this.optionsEmitter.get() ?? []).find(({ value: l }) => String(l) === i), s = (n == null ? void 0 : n.value) ?? i;
+    const i = io(e, "dropdown change"), n = (this.optionsEmitter.get() ?? []).find(({ value: l }) => String(l) === i), s = (n == null ? void 0 : n.value) ?? i;
     this.valueEmitter.set(s, "dropdown selection"), this.emitChange(s, n, e);
   }
   /** Emit the public change callback. Subclasses may forward extra detail. */
@@ -4842,24 +4857,24 @@ class de extends Cr {
     O(this.props.onChange, e, o);
   }
 }
-a(de, "liveProps", Zi), a(de, "dependencies", [k]), a(de, "hostName", "dropdown"), a(de, "css", "");
-function eo(t) {
+a(de, "liveProps", to), a(de, "dependencies", [E]), a(de, "hostName", "dropdown"), a(de, "css", "");
+function ro(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 to(t, r) {
+function io(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 ro = ["text"];
-class io extends g {
+const oo = ["text"];
+class no extends y {
   render() {
     const { text: r, htmlFor: e, children: i } = this.props;
     return /* @__PURE__ */ h(
       "label",
       {
-        className: S(this.props) || void 0,
+        className: T(this.props) || void 0,
         htmlFor: e,
         "data-cap-component": "label",
         children: r ?? i
@@ -4867,14 +4882,14 @@ class io extends g {
     );
   }
 }
-a(io, "liveProps", ro);
-const oo = ["checked", "disabled", "required", "busy", "error"], no = ["disabled", "required", "busy", "error"];
+a(no, "liveProps", oo);
+const ao = ["checked", "disabled", "required", "busy", "error"], so = ["disabled", "required", "busy", "error"];
 class W extends Ct {
   constructor(e = {}) {
     super(e);
     a(this, "inputId");
     a(this, "errorId");
-    this.inputId = z("radio", e.id), this.errorId = `${this.inputId}-error`;
+    this.inputId = R("radio", e.id), this.errorId = `${this.inputId}-error`;
   }
   render() {
     const {
@@ -4885,8 +4900,8 @@ class W extends Ct {
       busy: s = !1,
       error: l = null
     } = this.props, c = this.Host;
-    return /* @__PURE__ */ y(c, { className: S(this.props) || null, children: [
-      /* @__PURE__ */ y("label", { htmlFor: this.inputId, children: [
+    return /* @__PURE__ */ v(c, { className: T(this.props) || null, children: [
+      /* @__PURE__ */ v("label", { htmlFor: this.inputId, children: [
         /* @__PURE__ */ h(
           "input",
           {
@@ -4910,11 +4925,11 @@ class W extends Ct {
         /* @__PURE__ */ h("cap-checkshell", { "aria-hidden": "true" }),
         e
       ] }),
-      l == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: l })
+      l == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: l })
     ] });
   }
 }
-a(W, "liveProps", oo), a(W, "dependencies", [k]), a(W, "hostName", "radio-button"), a(W, "css", w`
+a(W, "liveProps", ao), a(W, "dependencies", [E]), a(W, "hostName", "radio-button"), a(W, "css", x`
         & > label > input[type="radio"] + cap-checkshell {
             border-radius: 50%;
         }
@@ -4927,7 +4942,7 @@ a(W, "liveProps", oo), a(W, "dependencies", [k]), a(W, "hostName", "radio-button
             background: var(--checkbox-symbol-color);
         }
     `);
-class Me extends g {
+class Me extends y {
   constructor(e = {}) {
     var n;
     super(e);
@@ -4937,7 +4952,7 @@ class Me extends g {
     const i = e.options ?? [];
     et(i);
     const o = ((n = i[0]) == null ? void 0 : n[0]) ?? null;
-    this.valueEmitter = U(this, e, o, "radio group value"), this.groupId = z("radio-group", e.id), this.errorId = `${this.groupId}-error`;
+    this.valueEmitter = j(this, e, o, "radio group value"), this.groupId = R("radio-group", e.id), this.errorId = `${this.groupId}-error`;
   }
   initialize() {
     this.watch(this.valueEmitter);
@@ -4960,12 +4975,12 @@ class Me extends g {
     } = this.props;
     et(e);
     const c = this.valueEmitter.get(), u = this.Host;
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(
       u,
       {
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         children: [
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ v(
             "fieldset",
             {
               id: this.groupId,
@@ -4988,8 +5003,8 @@ class Me extends g {
                     disabled: o,
                     required: n,
                     busy: s && l == null,
-                    onChange: (b, v) => {
-                      b && this.selectOption(p, v);
+                    onChange: (b, g) => {
+                      b && this.selectOption(p, g);
                     }
                   },
                   String(p)
@@ -4997,7 +5012,7 @@ class Me extends g {
               ]
             }
           ),
-          l == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: l })
+          l == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: l })
         ]
       }
     );
@@ -5010,7 +5025,7 @@ class Me extends g {
     );
   }
 }
-a(Me, "dependencies", [W, k]), a(Me, "liveProps", no), a(Me, "hostName", "radio-group"), a(Me, "css", w`
+a(Me, "dependencies", [W, E]), a(Me, "liveProps", so), a(Me, "hostName", "radio-group"), a(Me, "css", x`
         & > fieldset {
             display: flex;
             flex-flow: column wrap;
@@ -5054,14 +5069,14 @@ function et(t) {
     if (!Array.isArray(r) || r.length < 2)
       throw new TypeError("Radio group options must be [value, label] tuples");
 }
-const ao = ["disabled", "required", "readOnly", "busy", "error"];
-class Ae extends ke {
+const lo = ["disabled", "required", "readOnly", "busy", "error"];
+class Ae extends Ee {
   constructor(e = {}) {
     super(e);
     a(this, "inputId");
     a(this, "errorId");
     a(this, "valueEmitter");
-    this.inputId = z("textbox", e.id), this.errorId = `${this.inputId}-error`, this.valueEmitter = U(this, e, "", "textbox value");
+    this.inputId = R("textbox", e.id), this.errorId = `${this.inputId}-error`, this.valueEmitter = j(this, e, "", "textbox value");
   }
   initialize() {
     this.watch(this.valueEmitter);
@@ -5080,14 +5095,14 @@ class Ae extends ke {
       autoComplete: m,
       inputMode: f,
       minLength: b,
-      maxLength: v,
-      pattern: R,
-      ariaLabel: T,
-      inputRef: E,
-      onInput: A,
+      maxLength: g,
+      pattern: w,
+      ariaLabel: z,
+      inputRef: S,
+      onInput: U,
       onChange: C
-    } = this.props, V = this.valueEmitter.get() ?? "", L = this.Host;
-    return /* @__PURE__ */ y(L, { className: S(this.props) || null, children: [
+    } = this.props, V = this.valueEmitter.get() ?? "", M = this.Host;
+    return /* @__PURE__ */ v(M, { className: T(this.props) || null, children: [
       e == null ? null : /* @__PURE__ */ h("label", { htmlFor: this.inputId, children: e }),
       /* @__PURE__ */ h(
         "input",
@@ -5103,29 +5118,29 @@ class Ae extends ke {
           autoComplete: m,
           inputMode: f,
           minLength: b,
-          maxLength: v,
-          pattern: R,
-          ref: E,
-          "aria-label": e == null ? T : null,
+          maxLength: g,
+          pattern: w,
+          ref: S,
+          "aria-label": e == null ? z : null,
           "aria-busy": u ? "true" : null,
           "aria-invalid": p == null ? null : "true",
           "aria-describedby": p == null ? null : this.errorId,
           onInput: (N) => {
-            const H = ar(N, "textbox input");
-            this.valueEmitter.set(H, "textbox input"), O(A, H, N);
+            const H = lr(N, "textbox input");
+            this.valueEmitter.set(H, "textbox input"), O(U, H, N);
           },
           onChange: (N) => O(
             C,
-            ar(N, "textbox change"),
+            lr(N, "textbox change"),
             N
           )
         }
       ),
-      p == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: p })
+      p == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: p })
     ] });
   }
 }
-a(Ae, "liveProps", ao), a(Ae, "dependencies", [k]), a(Ae, "hostName", "textbox"), a(Ae, "css", w`
+a(Ae, "liveProps", lo), a(Ae, "dependencies", [E]), a(Ae, "hostName", "textbox"), a(Ae, "css", x`
         & {
             display: grid;
             grid-template-columns: minmax(var(--input-min-width, 6rem), 1fr);
@@ -5202,14 +5217,14 @@ a(Ae, "liveProps", ao), a(Ae, "dependencies", [k]), a(Ae, "hostName", "textbox")
             }
         }
     `);
-function ar(t, r) {
+function lr(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 so = ["disabled", "required", "busy", "error"];
-class qe extends ke {
+const co = ["disabled", "required", "busy", "error"];
+class qe extends Ee {
   constructor(e = {}) {
     var n;
     super(e);
@@ -5220,12 +5235,12 @@ class qe extends ke {
     const i = e.options ?? [];
     tt(i);
     const o = ((n = i[0]) == null ? void 0 : n[0]) ?? null;
-    this.valueEmitter = U(
+    this.valueEmitter = j(
       this,
       e,
       o ?? null,
       "toggle value"
-    ), this.groupId = z("toggle", e.id), this.legendId = `${this.groupId}-label`, this.errorId = `${this.groupId}-error`;
+    ), this.groupId = R("toggle", e.id), this.legendId = `${this.groupId}-label`, this.errorId = `${this.groupId}-error`;
   }
   initialize() {
     this.selectFirstAvailableOption(this.props.options ?? []), this.watch(this.valueEmitter);
@@ -5251,7 +5266,7 @@ class qe extends ke {
       0,
       e.findIndex(([m]) => Object.is(m, c))
     ), p = this.Host;
-    return /* @__PURE__ */ y(p, { id: this.groupId, className: S(this.props) || null, children: [
+    return /* @__PURE__ */ v(p, { id: this.groupId, className: T(this.props) || null, children: [
       i == null ? null : /* @__PURE__ */ h("cap-label", { id: this.legendId, children: i }),
       /* @__PURE__ */ h(
         "cap-options",
@@ -5271,15 +5286,15 @@ class qe extends ke {
               disabled: o,
               "aria-checked": Object.is(c, m) ? "true" : "false",
               tabIndex: b === u ? 0 : -1,
-              onClick: (v) => this.selectOption(m, v),
-              onKeyDown: (v) => this.handleKeyDown(v, b, e),
+              onClick: (g) => this.selectOption(m, g),
+              onKeyDown: (g) => this.handleKeyDown(g, b, e),
               children: f
             },
             String(m)
           ))
         }
       ),
-      l == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: l })
+      l == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: l })
     ] });
   }
   handleKeyDown(e, i, o) {
@@ -5306,7 +5321,7 @@ class qe extends ke {
     );
   }
 }
-a(qe, "liveProps", so), a(qe, "dependencies", [k]), a(qe, "hostName", "toggle"), a(qe, "css", w`
+a(qe, "liveProps", co), a(qe, "dependencies", [E]), a(qe, "hostName", "toggle"), a(qe, "css", x`
         & {
             min-height: var(--control-min-height, 2em);
             display: flex;
@@ -5474,15 +5489,15 @@ function tt(t) {
     if (!Array.isArray(r) || r.length < 2)
       throw new TypeError("Toggle options must be [value, label] tuples");
 }
-const lo = ["disabled", "required", "readOnly", "busy", "error"];
-class Z extends ke {
+const uo = ["disabled", "required", "readOnly", "busy", "error"];
+class Z extends Ee {
   constructor(e) {
     super(e);
     a(this, "inputId");
     a(this, "errorId");
     a(this, "valueEmitter");
     const i = this.constructor.hostName;
-    this.inputId = z(i ?? "temporal", e.id), this.errorId = `${this.inputId}-error`, this.valueEmitter = U(this, e, null, `${i ?? "temporal"} value`);
+    this.inputId = R(i ?? "temporal", e.id), this.errorId = `${this.inputId}-error`, this.valueEmitter = j(this, e, null, `${i ?? "temporal"} value`);
   }
   initialize() {
     this.watch(this.valueEmitter);
@@ -5507,9 +5522,9 @@ class Z extends ke {
       min: m,
       max: f,
       step: b,
-      inputRef: v
-    } = this.props, R = this.valueEmitter.get(), T = this.Host;
-    return /* @__PURE__ */ y(T, { className: S(this.props) || null, children: [
+      inputRef: g
+    } = this.props, w = this.valueEmitter.get(), z = this.Host;
+    return /* @__PURE__ */ v(z, { className: T(this.props) || null, children: [
       e == null ? null : /* @__PURE__ */ h("label", { htmlFor: this.inputId, children: e }),
       /* @__PURE__ */ h(
         "input",
@@ -5517,7 +5532,7 @@ class Z extends ke {
           id: this.inputId,
           name: o,
           type: this.inputType,
-          value: R ?? "",
+          value: w ?? "",
           min: m,
           max: f,
           step: b,
@@ -5525,20 +5540,20 @@ class Z extends ke {
           disabled: s,
           required: l,
           readOnly: c,
-          ref: v,
+          ref: g,
           "aria-label": e == null ? i : null,
           "aria-busy": u ? "true" : null,
           "aria-invalid": p == null ? null : "true",
           "aria-describedby": p == null ? null : this.errorId,
-          onInput: (E) => this.handleEvent(E),
-          onChange: (E) => this.handleEvent(E)
+          onInput: (S) => this.handleEvent(S),
+          onChange: (S) => this.handleEvent(S)
         }
       ),
-      p == null ? null : /* @__PURE__ */ h(k, { id: this.errorId, error: p })
+      p == null ? null : /* @__PURE__ */ h(E, { id: this.errorId, error: p })
     ] });
   }
 }
-a(Z, "liveProps", lo), a(Z, "dependencies", [k]), a(Z, "css", w`
+a(Z, "liveProps", uo), a(Z, "dependencies", [E]), a(Z, "css", x`
         & {
             display: grid;
             grid-template-columns: minmax(var(--input-min-width, 6rem), 1fr);
@@ -5611,18 +5626,18 @@ a(Z, "liveProps", lo), a(Z, "dependencies", [k]), a(Z, "css", w`
             }
         }
     `);
-const Rr = /^(\d{4})-(\d{2})-(\d{2})$/, Lt = 864e5;
-function co(t) {
-  return typeof t != "string" ? !1 : Rr.test(t) && Se(t) != null;
+const Or = /^(\d{4})-(\d{2})-(\d{2})$/, Lt = 864e5;
+function ho(t) {
+  return typeof t != "string" ? !1 : Or.test(t) && Se(t) != null;
 }
 function Se(t) {
   if (t == null) return null;
-  const r = Rr.exec(t);
+  const r = Or.exec(t);
   if (r == null) return null;
   const e = Number(r[1]), i = Number(r[2]), o = Number(r[3]), n = Date.UTC(e, i - 1, o), s = new Date(n);
   return Number.isNaN(n) || s.getUTCFullYear() !== e || s.getUTCMonth() !== i - 1 || s.getUTCDate() !== o ? null : { year: e, month: i, day: o };
 }
-function $r(t) {
+function Nr(t) {
   const r = String(t.year).padStart(4, "0"), e = String(t.month).padStart(2, "0"), i = String(t.day).padStart(2, "0"), o = `${r}-${e}-${i}`;
   if (Se(o) == null)
     throw new TypeError(`Invalid civil date: ${o}`);
@@ -5633,52 +5648,52 @@ function ft(t) {
   if (r == null) throw new TypeError(`Invalid civil date: ${t}`);
   return Math.floor(Date.UTC(r.year, r.month - 1, r.day) / Lt);
 }
-function uo(t) {
+function po(t) {
   if (!Number.isInteger(t)) throw new TypeError("Civil day must be an integer");
   return new Date(t * Lt).toISOString().slice(0, 10);
 }
-function ln(t, r) {
+function dn(t, r) {
   if (!Number.isInteger(r)) throw new TypeError("Civil date offset must be an integer");
-  return uo(ft(t) + r);
+  return po(ft(t) + r);
 }
-function cn(t = /* @__PURE__ */ new Date()) {
+function un(t = /* @__PURE__ */ new Date()) {
   if (!(t instanceof Date) || Number.isNaN(t.getTime()))
     throw new TypeError("todayCivilDate requires a valid Date");
   return `${String(t.getFullYear()).padStart(4, "0")}-${String(
     t.getMonth() + 1
   ).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
 }
-function dn(t, r) {
+function hn(t, r) {
   return ft(t) - ft(r);
 }
-function un(t, r) {
+function pn(t, r) {
   const e = r === 12 ? { year: t + 1, month: 1 } : { year: t, month: r + 1 }, i = Date.UTC(e.year, e.month - 1, 1);
   return new Date(i - Lt).getUTCDate();
 }
-function hn(t, r) {
+function mn(t, r) {
   return new Date(Date.UTC(t, r - 1, 1)).getUTCDay();
 }
-function pn(t, r, e) {
+function fn(t, r, e) {
   const i = t * 12 + (r - 1) + e, o = Math.floor(i / 12), n = (i % 12 + 12) % 12 + 1;
   return { year: o, month: n };
 }
-class ho extends Z {
+class mo extends Z {
   constructor() {
     super(...arguments);
     a(this, "inputType", "date");
   }
   isValidValue(e) {
-    return co(e);
+    return ho(e);
   }
 }
-a(ho, "hostName", "datepicker");
-const Or = /^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/;
-function po(t) {
-  return typeof t != "string" ? !1 : Or.test(t) && Xe(t) != null;
+a(mo, "hostName", "datepicker");
+const Lr = /^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/;
+function fo(t) {
+  return typeof t != "string" ? !1 : Lr.test(t) && Xe(t) != null;
 }
 function Xe(t) {
   if (t == null) return null;
-  const r = Or.exec(t);
+  const r = Lr.exec(t);
   if (r == null) return null;
   const e = Number(r[1]), i = Number(r[2]), o = r[3] == null ? 0 : Number(r[3]), n = r[4] == null ? 0 : Number(r[4].padEnd(3, "0"));
   return e > 23 || i > 59 || o > 59 ? null : { hours: e, minutes: i, seconds: o, milliseconds: n };
@@ -5691,68 +5706,68 @@ function Pt(t) {
   let n = `${i}:${o}`;
   return (r !== 0 || e !== 0) && (n += `:${String(r).padStart(2, "0")}`, e !== 0 && (n += `.${String(e).padStart(3, "0")}`)), n;
 }
-function sr(t) {
+function cr(t) {
   const r = Xe(t);
   if (r == null) throw new TypeError(`Invalid time: ${t}`);
   return r.hours * 60 + r.minutes;
 }
-function mo(t) {
+function bo(t) {
   if (!Number.isInteger(t) || t < 0 || t >= 1440)
     throw new TypeError(`Invalid time minutes: ${t}`);
   return Pt({ hours: Math.floor(t / 60), minutes: t % 60 });
 }
-function mn(t, r, e) {
+function bn(t, r, e) {
   if (!Number.isInteger(e) || e <= 0) throw new TypeError("Time step must be a positive integer");
-  const i = t == null ? 0 : sr(t), o = r == null ? 1439 : sr(r);
+  const i = t == null ? 0 : cr(t), o = r == null ? 1439 : cr(r);
   if (o < i) throw new TypeError("max time must be >= min time");
   const n = [];
   for (let s = i; s <= o; s += e) {
-    const l = mo(s);
+    const l = bo(s);
     n.push({ value: l, label: l });
   }
   return n;
 }
-class fo extends Z {
+class go extends Z {
   constructor() {
     super(...arguments);
     a(this, "inputType", "time");
   }
   isValidValue(e) {
-    return po(e);
+    return fo(e);
   }
 }
-a(fo, "hostName", "timepicker");
-const bo = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?)$/;
-function go(t) {
+a(go, "hostName", "timepicker");
+const yo = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?)$/;
+function wo(t) {
   return typeof t == "string" && ye(t) != null;
 }
 function ye(t) {
   if (t == null) return null;
-  const r = bo.exec(t);
+  const r = yo.exec(t);
   if (r == null) return null;
   const e = Se(r[1]), i = Xe(r[2]);
   return e == null || i == null ? null : { ...e, ...i };
 }
-function Nr(t) {
-  return `${$r(t)}T${Pt(t)}`;
+function Pr(t) {
+  return `${Nr(t)}T${Pt(t)}`;
 }
-function fn(t, r) {
+function gn(t, r) {
   const e = ye(t), i = ye(r);
   if (e == null || i == null)
     throw new TypeError(`Invalid local date-time: ${e == null ? t : r}`);
   return e.year - i.year || e.month - i.month || e.day - i.day || e.hours - i.hours || e.minutes - i.minutes || (e.seconds ?? 0) - (i.seconds ?? 0) || (e.milliseconds ?? 0) - (i.milliseconds ?? 0);
 }
-function bn(t) {
+function yn(t) {
   const r = ye(t);
-  return r == null ? null : { date: $r(r), time: Pt(r) };
+  return r == null ? null : { date: Nr(r), time: Pt(r) };
 }
-function gn(t, r) {
+function wn(t, r) {
   const e = Se(t);
   if (e == null) return null;
   const i = r == null ? { hours: 0, minutes: 0 } : Xe(r);
-  return i == null ? null : Nr({ ...e, ...i });
+  return i == null ? null : Pr({ ...e, ...i });
 }
-function yn(t) {
+function vn(t) {
   const r = ye(t);
   if (r == null) throw new TypeError(`Invalid local date-time: ${t}`);
   return new Date(
@@ -5765,10 +5780,10 @@ function yn(t) {
     r.milliseconds ?? 0
   );
 }
-function yo(t) {
+function vo(t) {
   if (!(t instanceof Date) || Number.isNaN(t.getTime()))
     throw new TypeError("dateToLocalDateTime requires a valid Date");
-  return Nr({
+  return Pr({
     year: t.getFullYear(),
     month: t.getMonth() + 1,
     day: t.getDate(),
@@ -5778,20 +5793,20 @@ function yo(t) {
     milliseconds: t.getMilliseconds()
   });
 }
-function wn(t = /* @__PURE__ */ new Date()) {
-  return yo(t);
+function xn(t = /* @__PURE__ */ new Date()) {
+  return vo(t);
 }
-class wo extends Z {
+class xo extends Z {
   constructor() {
     super(...arguments);
     a(this, "inputType", "datetime-local");
   }
   isValidValue(e) {
-    return go(e);
+    return wo(e);
   }
 }
-a(wo, "hostName", "datetimepicker");
-class rt extends g {
+a(xo, "hostName", "datetimepicker");
+class rt extends y {
   render() {
     const {
       children: r = [],
@@ -5815,7 +5830,7 @@ class rt extends g {
     );
   }
 }
-a(rt, "liveProps", []), a(rt, "hostName", "toolbar"), a(rt, "css", w`
+a(rt, "liveProps", []), a(rt, "hostName", "toolbar"), a(rt, "css", x`
         & {
             display: flex;
             flex-wrap: wrap;
@@ -5838,11 +5853,11 @@ a(rt, "liveProps", []), a(rt, "hostName", "toolbar"), a(rt, "css", w`
             align-items: stretch;
         }
     `);
-class je extends g {
+class je extends y {
   constructor(e) {
     super(e);
     a(this, "progressId");
-    if (this.progressId = z("progress", e.id), e.valueEmitter != null && !vo(e.valueEmitter))
+    if (this.progressId = R("progress", e.id), e.valueEmitter != null && !ko(e.valueEmitter))
       throw new TypeError("ProgressBar valueEmitter must be a readable emitter");
   }
   render() {
@@ -5853,7 +5868,7 @@ class je 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), n = o == null ? null : o / e * 100, s = this.props.valueText ?? (o == null ? this.capillaryUiMessage("progressInProgress") : `${Math.round(o / e * 100)}%`), l = this.Host;
-    return /* @__PURE__ */ y(l, { className: S(this.props) || null, children: [
+    return /* @__PURE__ */ v(l, { className: T(this.props) || null, children: [
       /* @__PURE__ */ h("label", { htmlFor: this.progressId, children: this.props.label }),
       /* @__PURE__ */ h(
         "progress",
@@ -5865,7 +5880,7 @@ class je extends g {
           children: s
         }
       ),
-      /* @__PURE__ */ y("cap-content", { "aria-hidden": "true", children: [
+      /* @__PURE__ */ v("cap-content", { "aria-hidden": "true", children: [
         /* @__PURE__ */ h(
           "cap-progress",
           {
@@ -5881,7 +5896,7 @@ class je extends g {
     ] });
   }
 }
-a(je, "liveProps", []), a(je, "dependencies", [be]), a(je, "hostName", "progress-bar"), a(je, "css", w`
+a(je, "liveProps", []), a(je, "dependencies", [be]), a(je, "hostName", "progress-bar"), a(je, "css", x`
         & {
             display: block;
         }
@@ -5994,10 +6009,10 @@ a(je, "liveProps", []), a(je, "dependencies", [be]), a(je, "hostName", "progress
             }
         }
     `);
-function vo(t) {
+function ko(t) {
   return t != null && (typeof t == "object" || typeof t == "function") && typeof Reflect.get(t, "get") == "function" && typeof Reflect.get(t, "subscribe") == "function";
 }
-const vn = Object.freeze([
+const kn = Object.freeze([
   ...ot("primary"),
   ...ot("secondary"),
   ...ot("neutral"),
@@ -6146,35 +6161,35 @@ const vn = 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")
-]), xo = Object.freeze([
-  nt("shiny", "Shiny", P("themes/shiny/theme.css"), "light"),
-  nt("java", "Java", P("themes/java/theme.css"), "light"),
-  nt("minimal", "Minimal", P("themes/minimal/theme.css"), "adaptive")
 ]), Eo = Object.freeze([
-  K("iceblue", "Ice blue", P("colors/iceblue/colors.css")),
-  K("ocean", "Ocean", P("colors/ocean/colors.css")),
-  K("green", "Green", P("colors/green/colors.css")),
-  K("gray", "Gray", P("colors/gray/colors.css")),
-  K("orange", "Orange", P("colors/orange/colors.css")),
-  K("purple", "Purple", P("colors/purple/colors.css")),
-  K("red", "Red", P("colors/red/colors.css")),
-  K("yellow", "Yellow", P("colors/yellow/colors.css"))
+  nt("shiny", "Shiny", L("themes/shiny/theme.css"), "light"),
+  nt("java", "Java", L("themes/java/theme.css"), "light"),
+  nt("minimal", "Minimal", L("themes/minimal/theme.css"), "adaptive")
+]), So = Object.freeze([
+  K("iceblue", "Ice blue", L("colors/iceblue/colors.css")),
+  K("ocean", "Ocean", L("colors/ocean/colors.css")),
+  K("green", "Green", L("colors/green/colors.css")),
+  K("gray", "Gray", L("colors/gray/colors.css")),
+  K("orange", "Orange", L("colors/orange/colors.css")),
+  K("purple", "Purple", L("colors/purple/colors.css")),
+  K("red", "Red", L("colors/red/colors.css")),
+  K("yellow", "Yellow", L("colors/yellow/colors.css"))
 ]);
-function ko(t, r, e = globalThis.document) {
-  if (So(r), (e == null ? void 0 : e.head) == null || e.documentElement == null)
+function Io(t, r, e = globalThis.document) {
+  if (To(r), (e == null ? void 0 : e.head) == null || e.documentElement == null)
     throw new TypeError("replaceCapillaryUiStylesheet requires a document with a head and root");
   const i = `link[data-cap-stylesheet="${t}"]`;
   let o = e.head.querySelector(i);
   return o == null && (o = e.createElement("link"), o.rel = "stylesheet", o.dataset.capStylesheet = t, e.head.append(o)), o.dataset.capSelection = 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 xn(t, r = globalThis.document) {
+function En(t, r = globalThis.document) {
   if ((r == null ? void 0 : r.documentElement) == null)
     throw new TypeError("setCapillaryUiAppearance requires a document with a root");
   if (t !== "light" && t !== "dark" && t !== "system")
     throw new TypeError("Capillary UI appearance must be light, dark, or system");
   t === "system" ? r.documentElement.removeAttribute("data-appearance") : r.documentElement.dataset.appearance = t;
 }
-function En(t = globalThis.document) {
+function Sn(t = globalThis.document) {
   if ((t == null ? void 0 : t.documentElement) == null)
     throw new TypeError("getCapillaryUiAppearance requires a document with a root");
   const r = t.documentElement.dataset.appearance;
@@ -6206,21 +6221,21 @@ function K(t, r, e) {
 function nt(t, r, e, i) {
   return Object.freeze({ value: t, label: r, href: e, appearance: i });
 }
-function P(t) {
+function L(t) {
   const r = import.meta.url.includes("/src/styling/") ? `../../${t}` : `../${t}`;
   return new URL(r, import.meta.url).href;
 }
-function So(t) {
+function To(t) {
   if (t == null || typeof t != "object")
     throw new TypeError("Capillary UI 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(`Capillary UI stylesheet option ${r} must be a non-empty string`);
 }
-class Lr extends de {
+class Dr extends de {
   constructor(e, i, o) {
     const n = e.options ?? o;
-    Io(n);
+    zo(n);
     const { options: s, targetDocument: l, onChange: c, ...u } = e;
     super({
       ...u,
@@ -6281,24 +6296,24 @@ class Lr extends de {
   }
   applySelection() {
     const e = this.targetDocument ?? (typeof document > "u" ? null : document);
-    e != null && ko(
+    e != null && Io(
       this.kind,
       it(this.stylesheetOptions, this.valueEmitter.get()),
       e
     );
   }
 }
-class kn extends Lr {
+class In extends Dr {
   constructor(r = {}) {
-    super(r, "theme", xo);
+    super(r, "theme", Eo);
   }
 }
-class Sn extends Lr {
+class Tn extends Dr {
   constructor(r = {}) {
-    super(r, "colors", Eo);
+    super(r, "colors", So);
   }
 }
-function Io(t) {
+function zo(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();
@@ -6313,24 +6328,24 @@ function Io(t) {
     r.add(e.value);
   }
 }
-class In {
+class zn {
   constructor(r = "/") {
     a(this, "listeners", /* @__PURE__ */ new Set());
     a(this, "entries");
     a(this, "index", 0);
-    this.entries = [j(r)];
+    this.entries = [q(r)];
   }
   read() {
     return this.entries[this.index] ?? "/";
   }
   href(r) {
-    return j(r);
+    return q(r);
   }
   push(r) {
-    this.entries = this.entries.slice(0, this.index + 1), this.entries.push(j(r)), this.index += 1;
+    this.entries = this.entries.slice(0, this.index + 1), this.entries.push(q(r)), this.index += 1;
   }
   replace(r) {
-    this.entries[this.index] = j(r);
+    this.entries[this.index] = q(r);
   }
   subscribe(r) {
     if (typeof r != "function")
@@ -6354,16 +6369,16 @@ class In {
     for (const r of [...this.listeners]) r();
   }
 }
-function Tn(t = globalThis.window, r = {}) {
-  Pr(t);
-  const e = To(r.basePath ?? "/");
+function Cn(t = globalThis.window, r = {}) {
+  Mr(t);
+  const e = Co(r.basePath ?? "/");
   return {
     read() {
       const i = t.location.pathname, o = i === e.slice(0, -1) ? "/" : i.startsWith(e) ? `/${i.slice(e.length)}` : i;
-      return j(`${o}${t.location.search}`);
+      return q(`${o}${t.location.search}`);
     },
     href(i) {
-      const o = j(i);
+      const o = q(i);
       return `${e}${o.slice(1)}`;
     },
     push(i) {
@@ -6377,13 +6392,13 @@ function Tn(t = globalThis.window, r = {}) {
     }
   };
 }
-function zn(t = globalThis.window) {
-  return Pr(t), {
+function Rn(t = globalThis.window) {
+  return Mr(t), {
     read() {
-      return j(t.location.hash.slice(1) || "/");
+      return q(t.location.hash.slice(1) || "/");
     },
     href(r) {
-      return `#${j(r)}`;
+      return `#${q(r)}`;
     },
     push(r) {
       t.history.pushState(null, "", this.href(r));
@@ -6403,21 +6418,21 @@ function zn(t = globalThis.window) {
     }
   };
 }
-function j(t) {
+function q(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), n = i < 0 ? "" : e.slice(i);
   return `${(o.startsWith("/") ? o : `/${o}`).replace(/\/{2,}/g, "/").replace(/\/$/, "") || "/"}${n}`;
 }
-function To(t) {
-  const r = j(t).split("?")[0] ?? "/";
+function Co(t) {
+  const r = q(t).split("?")[0] ?? "/";
   return r === "/" ? "/" : `${r}/`;
 }
-function Pr(t) {
+function Mr(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 zo = 16;
-class Co {
+const Ro = 16;
+class $o {
   constructor(r) {
     a(this, "root");
     a(this, "transition");
@@ -6435,7 +6450,7 @@ class Co {
     a(this, "applying", 0);
     a(this, "syncQueued", !1);
     a(this, "disposed", !1);
-    this.adapter = r, Ao(r), this.root = Object.freeze({
+    this.adapter = r, jo(r), this.root = Object.freeze({
       route: null,
       parent: null,
       segment: null,
@@ -6471,7 +6486,7 @@ class Co {
     this.assertActive(), _(r, this);
     const i = this.scope(r).owners.get(e);
     if (i == null) throw new Error("Cannot complete an unopened route scope");
-    Ro(this.scope(r)), i.complete = !0, this.wakeRegistry();
+    Oo(this.scope(r)), i.complete = !0, this.wakeRegistry();
   }
   registerSelectionRoutes(r, e, i, o) {
     if (this.assertActive(), _(r, this), Ue(e), !Array.isArray(i)) throw new TypeError("Route bindings must be an array");
@@ -6490,13 +6505,13 @@ class Co {
         parent: r,
         match: (f) => st(f) === u.route.path ? { value: null } : null,
         currentValue: () => u.active() ? null : void 0,
-        activate: async (f, b, v) => {
+        activate: async (f, b, g) => {
           if (u.disabled)
             throw new vt(
               `Route "${u.route.id}" is currently disabled`
             );
-          if (v.aborted) throw v.reason;
-          return await u.activate(v), f;
+          if (g.aborted) throw g.reason;
+          return await u.activate(g), f;
         },
         context: () => p,
         disposeSubscription: () => {
@@ -6518,7 +6533,7 @@ class Co {
   registerValueRoute(r, e, i) {
     if (this.assertActive(), _(r, this), Ue(e), X(i.route), i.route.kind !== "parameter")
       throw new TypeError("Value routes require a parameter route descriptor");
-    if (dr(i.valueEmitter, "Value route emitter"), i.resolve != null && typeof i.resolve != "function")
+    if (hr(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))
@@ -6553,7 +6568,7 @@ class Co {
     o.entries.set(i.route, l), this.wakeRegistry();
     let c = !0;
     return {
-      context: Mo(i.valueEmitter, n, r),
+      context: qo(i.valueEmitter, n, r),
       contextFor: n,
       dispose: () => {
         if (!c) return;
@@ -6563,8 +6578,8 @@ class Co {
   }
   registerQuery(r, e, i) {
     this.assertActive(), _(r, this), Ue(e);
-    const o = Do(i.name);
-    dr(i.valueEmitter, "Route query emitter"), _r(i.codec);
+    const o = Ao(i.name);
+    hr(i.valueEmitter, "Route query emitter"), Qr(i.codec);
     const n = i.equals ?? Object.is;
     if (typeof n != "function") throw new TypeError("Route query equals must be a function");
     const s = this.scope(r);
@@ -6624,7 +6639,7 @@ class Co {
   }
   isActive(r, e = !1) {
     const i = Ke(r) ? r : this.resolveTargetContext(ct(r));
-    return e ? i === this.activeContext : cr(i, this.activeContext);
+    return e ? i === this.activeContext : ur(i, this.activeContext);
   }
   dispose() {
     var r;
@@ -6659,7 +6674,7 @@ class Co {
       const u = await this.waitForCompleteScope(n, o);
       let p;
       try {
-        p = $o(u, c);
+        p = No(u, c);
       } catch (f) {
         this.fallback(r, n, null, lt(f));
         return;
@@ -6675,7 +6690,7 @@ class Co {
       try {
         const f = await p.entry.activate(p.match, m, o);
         if (f instanceof dt) {
-          if (i >= zo) {
+          if (i >= Ro) {
             this.fallback(r, n, p.entry.descriptor, "Too many route redirects");
             return;
           }
@@ -6709,7 +6724,7 @@ class Co {
     for (; ; ) {
       if (e.aborted) throw e.reason;
       const i = this.scopes.get(r);
-      if (i != null && Oo(i)) return i;
+      if (i != null && Lo(i)) return i;
       await this.waitForRegistryChange(e);
     }
   }
@@ -6758,7 +6773,7 @@ class Co {
     return this.cachedContext(r, e, o, i);
   }
   cachedContext(r, e, i, o) {
-    const n = Lo(r.pathname, i), s = `${Po(r)}\0${e.id}\0${i}`, l = this.contextCache.get(s);
+    const n = Do(r.pathname, i), s = `${Mo(r)}\0${e.id}\0${i}`, l = this.contextCache.get(s);
     if (l != null) return l;
     const c = Object.freeze({ route: e, parent: r, segment: i, value: o, pathname: n });
     return Qe.set(c, this), this.contextCache.set(s, c), c;
@@ -6808,7 +6823,7 @@ class Co {
   formatContext(r) {
     const e = new URLSearchParams(this.requested.search);
     for (const o of this.knownQueryNames) e.delete(o);
-    for (const o of lr(r)) {
+    for (const o of dr(r)) {
       const n = this.scopes.get(o);
       if (n != null)
         for (const s of [...n.queries.values()].sort((l, c) => l.name.localeCompare(c.name))) {
@@ -6824,7 +6839,7 @@ class Co {
     return `${r.pathname}${i === "" ? "" : `?${i}`}`;
   }
   applyQueriesInLineage(r, e) {
-    for (const i of lr(r)) {
+    for (const i of dr(r)) {
       const o = this.scopes.get(i);
       if (o != null)
         for (const n of o.queries.values()) this.applyQueryEntry(n, e);
@@ -6832,7 +6847,7 @@ class Co {
   }
   applyQueryEntry(r, e) {
     var o;
-    if (!cr(r.context, this.activeContext) && !No(r.context.pathname, e.pathname)) return;
+    if (!ur(r.context, this.activeContext) && !Po(r.context.pathname, e.pathname)) return;
     const i = e.search.getAll(r.name);
     try {
       const n = i.length === 0 ? r.defaultValue : r.codec.parse(i);
@@ -6866,12 +6881,12 @@ class Co {
   }
 }
 const Qe = /* @__PURE__ */ new WeakMap();
-function Cn(t) {
+function $n(t) {
   if (t == null || typeof t != "object" || Array.isArray(t))
     throw new TypeError("Browser router options must be an object");
-  return new Co(t.adapter);
+  return new $o(t.adapter);
 }
-function Rn(t, r, e) {
+function On(t, r, e) {
   if (t == null || typeof t.subscribe != "function")
     throw new TypeError("waitForRouteValue requires a readable emitter");
   if (typeof r != "function")
@@ -6898,7 +6913,7 @@ function Rn(t, r, e) {
   });
 }
 function at(t) {
-  const r = j(t), e = r.indexOf("?"), i = e < 0 ? r : r.slice(0, e), o = e < 0 ? "" : r.slice(e + 1), n = i.split("/").filter(Boolean);
+  const r = q(t), e = r.indexOf("?"), i = e < 0 ? r : r.slice(0, e), o = e < 0 ? "" : r.slice(e + 1), n = i.split("/").filter(Boolean);
   return Object.freeze({
     location: r,
     pathname: i,
@@ -6906,7 +6921,7 @@ function at(t) {
     search: new URLSearchParams(o)
   });
 }
-function Ro(t) {
+function Oo(t) {
   const r = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
   let i = null;
   for (const o of t.entries.values()) {
@@ -6925,7 +6940,7 @@ function Ro(t) {
     }
   }
 }
-function $o(t, r) {
+function No(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);
@@ -6933,17 +6948,17 @@ function $o(t, r) {
   }
   return null;
 }
-function Oo(t) {
+function Lo(t) {
   return t.owners.size > 0 && [...t.owners.values()].every(({ complete: r }) => r);
 }
-function lr(t) {
+function dr(t) {
   const r = [];
   let e = t;
   for (; e != null; )
     r.unshift(e), e = e.parent;
   return r;
 }
-function cr(t, r) {
+function ur(t, r) {
   let e = r;
   for (; e != null; ) {
     if (e === t) return !0;
@@ -6951,13 +6966,13 @@ function cr(t, r) {
   }
   return !1;
 }
-function No(t, r) {
+function Po(t, r) {
   return t === "/" || r === t || r.startsWith(`${t}/`);
 }
-function Lo(t, r) {
+function Do(t, r) {
   return `${t === "/" ? "" : t}/${encodeURIComponent(r)}`;
 }
-function Po(t) {
+function Mo(t) {
   return t.pathname;
 }
 function st(t) {
@@ -6967,7 +6982,7 @@ function st(t) {
     throw new vt("Route contains malformed percent encoding");
   }
 }
-function Do(t) {
+function Ao(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;
@@ -6975,7 +6990,7 @@ function Do(t) {
 function lt(t) {
   return t instanceof Error && t.message !== "" ? t.message : "The requested route could not be resolved";
 }
-function Mo(t, r, e) {
+function qo(t, r, e) {
   const i = t.get();
   return i == null ? e : r(i);
 }
@@ -6989,7 +7004,7 @@ function _(t, r) {
   if (t !== r.root && (!Ke(t) || Qe.get(t) !== r))
     throw new TypeError("Resolved route does not belong to this router");
 }
-function Ao(t) {
+function jo(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");
 }
@@ -6997,11 +7012,11 @@ function Ue(t) {
   if (t == null || typeof t != "object" && typeof t != "function")
     throw new TypeError("Route registration owner must be an object");
 }
-function dr(t, r) {
+function hr(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 Ve extends g {
+class Ve extends y {
   constructor(e) {
     var n;
     super(e);
@@ -7010,12 +7025,12 @@ class Ve extends g {
     a(this, "outletId");
     a(this, "selection");
     const i = He(e.views), o = { ...e };
-    o.valueEmitter == null && e.activeViewEmitter != null && (o.valueEmitter = e.activeViewEmitter), o.defaultValue == null && e.initialActiveViewId != null && (o.defaultValue = e.initialActiveViewId), this.valueEmitter = U(
+    o.valueEmitter == null && e.activeViewEmitter != null && (o.valueEmitter = e.activeViewEmitter), o.defaultValue == null && e.initialActiveViewId != null && (o.defaultValue = e.initialActiveViewId), this.valueEmitter = j(
       this,
       o,
       ((n = i.find((s) => !s.disabled)) == null ? void 0 : n.id) ?? null,
       "active route view"
-    ), this.activeViewEmitter = this.valueEmitter, this.outletId = z("route-outlet", e.id), this.selection = new fr(this, this.valueEmitter, {
+    ), this.activeViewEmitter = this.valueEmitter, this.outletId = R("route-outlet", e.id), this.selection = new gr(this, this.valueEmitter, {
       subject: "outlet views",
       restoredCause: "route view restored",
       pendingCause: "pending route view selected",
@@ -7035,7 +7050,7 @@ class Ve extends g {
       s,
       {
         id: this.outletId,
-        className: S(this.props) || null,
+        className: T(this.props) || null,
         children: e.map((l) => {
           const c = o != null && Object.is(o.id, l.id);
           return /* @__PURE__ */ h(
@@ -7054,7 +7069,7 @@ class Ve extends g {
     this.selection.dispose();
   }
 }
-a(Ve, "liveProps", []), a(Ve, "dependencies", [Ee]), a(Ve, "hostName", "route-outlet"), a(Ve, "css", w`
+a(Ve, "liveProps", []), a(Ve, "dependencies", [ke]), a(Ve, "hostName", "route-outlet"), a(Ve, "css", x`
         & {
             display: flex;
             flex: 1 1 auto;
@@ -7094,7 +7109,7 @@ function He(t) {
     };
   });
 }
-class qo extends g {
+class Uo extends y {
   constructor() {
     super(...arguments);
     a(this, "unregister", null);
@@ -7119,8 +7134,8 @@ class qo extends g {
     (e = this.unregister) == null || e.call(this), this.unregister = null;
   }
 }
-a(qo, "liveProps", []);
-class jo extends g {
+a(Uo, "liveProps", []);
+class Vo extends y {
   constructor() {
     super(...arguments);
     a(this, "registration", null);
@@ -7137,7 +7152,7 @@ class jo extends g {
   }
   render() {
     const e = this.props.valueEmitter.get(), i = this.props.children ?? [];
-    return !this.props.scopeChildren || e == null || this.registration == null ? F(we, null, i) : F(Ee, {
+    return !this.props.scopeChildren || e == null || this.registration == null ? F(we, null, i) : F(ke, {
       key: this.registration.contextFor(e).pathname,
       context: this.registration.contextFor(e),
       children: i
@@ -7148,65 +7163,65 @@ class jo extends g {
     (e = this.registration) == null || e.dispose(), this.registration = null;
   }
 }
-a(jo, "liveProps", []);
+a(Vo, "liveProps", []);
 export {
-  Sr as BaseSelectionHandler,
+  Tr as BaseSelectionHandler,
   Ce as Breadcrumb,
-  Co as BrowserRouter,
+  $o as BrowserRouter,
   Q as Button,
-  Ft as CapillaryUiApp,
-  Ar as CapillaryUiRuntime,
-  D as Checkbox,
-  Sn as ColorPicker,
-  g as Component,
+  Bt as CapillaryUiApp,
+  jr as CapillaryUiRuntime,
+  P as Checkbox,
+  Tn as ColorPicker,
+  y as Component,
   se as DataTable,
-  ho as DatePicker,
-  wo as DateTimePicker,
+  mo as DatePicker,
+  xo as DateTimePicker,
   ie as DeclarativeRegion,
-  Ri as DefaultTableFilterEncoding,
-  xr as DescriptionItem,
+  Oi as DefaultTableFilterEncoding,
+  Er as DescriptionItem,
   Le as DescriptionList,
   De as Dialog,
-  ir as DialogActions,
+  nr as DialogActions,
   de as Dropdown,
-  x as FilterMode,
+  k as FilterMode,
   B as FilterPanel,
   we as Fragment,
   ce as GroupBox,
-  M as Header,
-  Er as InfoField,
+  D as Header,
+  Sr as InfoField,
   Pe as InfoPanel,
-  io as Label,
+  no as Label,
   ge as Layout,
   ae as ListView,
-  In as MemoryNavigationAdapter,
-  di as MultiSelectionHandler,
+  zn as MemoryNavigationAdapter,
+  hi as MultiSelectionHandler,
   ze as NavigationBar,
   Re as OptionGroup,
-  _t as OptionGroupHeaderEnd,
-  Bt as OptionsBox,
+  Qt as OptionGroupHeaderEnd,
+  Wt as OptionsBox,
   $e as Panel,
-  Qt as PanelToolbar,
-  q as Placeholder,
+  Gt as PanelToolbar,
+  A as Placeholder,
   je as ProgressBar,
-  or as QuadCheckbox,
+  ar as QuadCheckbox,
   W as RadioButton,
   Me as RadioGroup,
   fe as RouteLink,
   Ve as RouteOutlet,
-  qo as RouteQuery,
+  Uo as RouteQuery,
   dt as RouteRedirect,
-  Ee as RouteScope,
+  ke as RouteScope,
   vt as RouteUnavailableError,
-  jo as RouteValue,
-  Nn as ServiceScope,
+  Vo as RouteValue,
+  Pn as ServiceScope,
   Oe as Sidebar,
-  Wt as SidebarToolbar,
+  Yt as SidebarToolbar,
   Tt as SingleSelectionHandler,
-  kt as SplitPrimary,
+  Et as SplitPrimary,
   St as SplitSecondary,
   Ne as SplitView,
-  Ln as StyleRegistry,
+  Dn as StyleRegistry,
   bt as Tab,
   ue as TabLine,
   Te as TabPanel,
@@ -7214,105 +7229,105 @@ export {
   pe as TableHeaderCell,
   Z as TemporalInput,
   Ae as Textbox,
-  kn as ThemePicker,
-  fo as TimePicker,
+  In as ThemePicker,
+  go as TimePicker,
   qe as Toggle,
   rt as Toolbar,
   Ot as TreeItem,
   le as TreeView,
-  nr as TriCheckbox,
-  ln as addCivilDays,
-  pn as addMonths,
-  Oi as applyLocalTableState,
-  Fr as assertRouteCodec,
+  sr as TriCheckbox,
+  dn as addCivilDays,
+  fn as addMonths,
+  Li as applyLocalTableState,
+  Br as assertRouteCodec,
   X as assertRouteDescriptor,
-  _r as assertRouteQueryCodec,
+  Qr as assertRouteQueryCodec,
   Ye as assertRouteTarget,
-  Ir as assertSort,
+  zr as assertSort,
   re as assertTreeNodes,
-  _o as booleanRouteQueryCodec,
-  Eo as capillaryUiColorOptions,
-  xo as capillaryUiThemeOptions,
-  vn as capillaryUiThemeVariableCatalog,
+  Qo as booleanRouteQueryCodec,
+  So as capillaryUiColorOptions,
+  Eo as capillaryUiThemeOptions,
+  kn as capillaryUiThemeVariableCatalog,
   ft as civilDateToDay,
-  gn as combineLocalDateTime,
-  dn as compareCivilDates,
-  fn as compareLocalDateTimes,
-  Cn as createBrowserRouter,
-  Pn as createCapillaryUiRuntime,
-  Ai as createHandlerTableDataSource,
-  zn as createHashNavigation,
-  Tn as createHistoryNavigation,
-  Mi as createLocalTableDataSource,
-  on as createQueryTableDataSource,
-  qi as createRestTableDataSource,
+  wn as combineLocalDateTime,
+  hn as compareCivilDates,
+  gn as compareLocalDateTimes,
+  $n as createBrowserRouter,
+  Mn as createCapillaryUiRuntime,
+  ji as createHandlerTableDataSource,
+  Rn as createHashNavigation,
+  Cn as createHistoryNavigation,
+  qi as createLocalTableDataSource,
+  an as createQueryTableDataSource,
+  Ui as createRestTableDataSource,
   Be as createSelectionHandler,
-  Dn as createServiceScope,
-  Mn as createStyleRegistry,
-  w as css,
-  yo as dateToLocalDateTime,
-  uo as dayToCivilDate,
-  un as daysInMonth,
-  An as defaultCapillaryUiRuntime,
+  An as createServiceScope,
+  qn as createStyleRegistry,
+  x as css,
+  vo as dateToLocalDateTime,
+  po as dayToCivilDate,
+  pn as daysInMonth,
+  jn as defaultCapillaryUiRuntime,
   zt as defaultItemKey,
-  Bo as defineRoute,
-  Qo as defineRouteParameter,
-  qn as defineService,
-  Zo as deriveFilterPredicate,
-  en as deriveFilteredItems,
-  an as deriveTreeNode,
-  li as filterByState,
+  Wo as defineRoute,
+  Go as defineRouteParameter,
+  Un as defineService,
+  tn as deriveFilterPredicate,
+  rn as deriveFilteredItems,
+  ln as deriveTreeNode,
+  di as filterByState,
   it as findCapillaryUiStylesheetOption,
-  nn as findTreeNode,
-  $r as formatCivilDate,
-  Nr as formatLocalDateTime,
+  sn as findTreeNode,
+  Nr as formatCivilDate,
+  Pr as formatLocalDateTime,
   Ze as formatRouteTarget,
   Pt as formatTime,
-  En as getCapillaryUiAppearance,
+  Sn as getCapillaryUiAppearance,
   F as h,
-  co as isCivilDate,
-  gr as isExternalDestination,
+  ho as isCivilDate,
+  wr as isExternalDestination,
   Ge as isFilterMode,
-  go as isLocalDateTime,
+  wo as isLocalDateTime,
   xt as isRouteDescriptor,
-  Kr as isRouteTarget,
-  po as isTimeString,
+  _r as isRouteTarget,
+  fo as isTimeString,
   h as jsx,
-  jn as jsxDEV,
-  y as jsxs,
-  Un as live,
-  yn as localDateTimeToDate,
-  kr as matchesFilterState,
-  mo as minutesToTime,
-  Xo as mountCapillaryUiApp,
-  j as normalizeRouteLocation,
-  wn as nowLocalDateTime,
+  Vn as jsxDEV,
+  v as jsxs,
+  Hn as live,
+  vn as localDateTimeToDate,
+  Ir as matchesFilterState,
+  bo as minutesToTime,
+  en as mountCapillaryUiApp,
+  q as normalizeRouteLocation,
+  xn as nowLocalDateTime,
   Se as parseCivilDate,
-  rn as parseFilterState,
+  nn as parseFilterState,
   ye as parseLocalDateTime,
   Xe as parseTime,
-  Vn as provideService,
+  Kn as provideService,
   Je as readDeclarativeRegions,
-  Jo as redirectTo,
-  ko as replaceCapillaryUiStylesheet,
-  Wo as routeParameter,
-  Go as routeTarget,
-  tn as serializeFilterState,
-  $i as serializeTableQuery,
-  xn as setCapillaryUiAppearance,
-  bn as splitLocalDateTime,
-  hn as startOfMonthDay,
-  Ko as stringRouteCodec,
-  Fo as stringRouteQueryCodec,
-  Hn as styleRegistry,
-  hr as tabButtonId,
-  pr as tabPanelId,
-  mn as timeStepOptions,
-  sr as timeToMinutes,
-  cn as todayCivilDate,
-  Fi as updateTreeNode,
-  sn as updateWritableTreeNode,
-  Rn as waitForRouteValue,
-  Yo as withRouteQuery
+  Zo as redirectTo,
+  Io as replaceCapillaryUiStylesheet,
+  Yo as routeParameter,
+  Jo as routeTarget,
+  on as serializeFilterState,
+  Ni as serializeTableQuery,
+  En as setCapillaryUiAppearance,
+  yn as splitLocalDateTime,
+  mn as startOfMonthDay,
+  _o as stringRouteCodec,
+  Bo as stringRouteQueryCodec,
+  Fn as styleRegistry,
+  mr as tabButtonId,
+  fr as tabPanelId,
+  bn as timeStepOptions,
+  cr as timeToMinutes,
+  un as todayCivilDate,
+  Bi as updateTreeNode,
+  cn as updateWritableTreeNode,
+  On as waitForRouteValue,
+  Xo as withRouteQuery
 };
 //# sourceMappingURL=index.js.map