@sylwellsoftware/fray 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,15 +1,15 @@
 var Ye = Object.defineProperty;
 var _e = (t, r, e) => r in t ? Ye(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
 var s = (t, r, e) => _e(t, typeof r != "symbol" ? r + "" : r, e);
-import { C as g, j as u, c as v, a as w, i as ie } from "./jsx-dev-runtime-DukiDpV9.js";
-import { F as pr, b as mr, S as br, d as yr, e as gr, f as wr, h as Er, g as vr, l as Sr, s as kr } from "./jsx-dev-runtime-DukiDpV9.js";
+import { C as g, j as u, c as v, a as w, i as ie } from "./jsx-dev-runtime-pzseD2Sz.js";
+import { F as pr, b as mr, S as br, d as yr, e as gr, f as wr, g as Er, h as vr, k as Sr, l as kr, m as Ir, n as xr, p as Tr, s as Rr } from "./jsx-dev-runtime-pzseD2Sz.js";
 import { Emitter as I, DerivedEmitter as le, FetchState as k, QueryArg as ke, LiveQuery as Xe, RestQueryHandler as Ze } from "@sylwellsoftware/glue";
 class ze extends g {
   render() {
     return this.props.children ?? [];
   }
 }
-const y = {
+const b = {
   /** Deny mode: Excludes items that match the filter. */
   Deny: "deny",
   /** Require mode: Includes only items that match the filter. */
@@ -20,7 +20,7 @@ const y = {
   Neutral: "neutral"
 };
 function de(t) {
-  return Object.values(y).some((r) => r === t);
+  return Object.values(b).some((r) => r === t);
 }
 let et = 1;
 function j(t, r) {
@@ -593,11 +593,11 @@ function Pe(t, r, e) {
     if (i == null) continue;
     const n = a.options.flatMap((d) => {
       const h = i[d.key];
-      return h == null || h === y.Neutral ? [] : [{ option: d, mode: h }];
+      return h == null || h === b.Neutral ? [] : [{ option: d, mode: h }];
     });
-    if (n.some(({ option: d, mode: h }) => h === y.Deny && d.matches(t)) || n.filter(({ mode: d }) => d === y.Require).some(({ option: d }) => !d.matches(t)))
+    if (n.some(({ option: d, mode: h }) => h === b.Deny && d.matches(t)) || n.filter(({ mode: d }) => d === b.Require).some(({ option: d }) => !d.matches(t)))
       return !1;
-    const l = n.filter(({ mode: d }) => d === y.Prefer);
+    const l = n.filter(({ mode: d }) => d === b.Prefer);
     if (l.length > 0 && !l.some(({ option: d }) => d.matches(t)))
       return !1;
   }
@@ -969,7 +969,7 @@ class G extends g {
               "aria-busy": n ? "true" : null,
               "aria-multiselectable": this.props.multiSelect ? "true" : null,
               children: e.map((d, h) => {
-                const f = this.getItemKey(d, h), p = o.has(f), m = this.props.renderItem ? this.props.renderItem(d, h) : ut(d);
+                const f = this.getItemKey(d, h), m = o.has(f), y = this.props.renderItem ? this.props.renderItem(d, h) : ut(d);
                 return /* @__PURE__ */ u(
                   "div",
                   {
@@ -977,9 +977,9 @@ class G extends g {
                     "data-part": "row",
                     "data-fray-selectable-row": "",
                     "data-index": h,
-                    "aria-selected": String(p),
+                    "aria-selected": String(m),
                     tabIndex: h === 0 ? 0 : -1,
-                    children: m
+                    children: y
                   },
                   String(f)
                 );
@@ -1117,14 +1117,14 @@ class D extends g {
       required: i = !1,
       name: n,
       value: o
-    } = this.props, l = this.valueEmitter.get(), [d] = this.symbols.find(([, m]) => Object.is(m, l)) ?? ["?", l], h = rt(l), f = l === y.Prefer || l === y.Require, p = this.Host;
+    } = this.props, l = this.valueEmitter.get(), d = this.symbols.findIndex(([, p]) => Object.is(p, l)), [h] = this.symbols[d] ?? ["?", l], f = rt(l), m = l === b.Prefer || l === b.Require || this.symbols.length === 2 && d === 1, y = this.Host;
     return /* @__PURE__ */ u(
-      p,
+      y,
       {
         className: E(this.props) || null,
         "data-disabled": a ? "" : null,
         "data-required": i ? "" : null,
-        "data-state": h,
+        "data-state": f,
         children: /* @__PURE__ */ w(
           "button",
           {
@@ -1134,15 +1134,15 @@ class D extends g {
             name: n,
             value: o == null ? void 0 : String(o),
             "data-part": "control",
-            "aria-checked": f ? "true" : "false",
+            "aria-checked": m ? "true" : "false",
             "aria-required": i ? "true" : null,
-            "aria-label": `${e}: ${h}`,
-            onClick: (m) => this.cycleState(1, m),
-            onKeyDown: (m) => {
-              m.key === "ArrowRight" || m.key === "ArrowDown" ? (m.preventDefault(), this.cycleState(1, m)) : (m.key === "ArrowLeft" || m.key === "ArrowUp") && (m.preventDefault(), this.cycleState(-1, m));
+            "aria-label": `${e}: ${f}`,
+            onClick: (p) => this.cycleState(1, p),
+            onKeyDown: (p) => {
+              p.key === "ArrowRight" || p.key === "ArrowDown" ? (p.preventDefault(), this.cycleState(1, p)) : (p.key === "ArrowLeft" || p.key === "ArrowUp") && (p.preventDefault(), this.cycleState(-1, p));
             },
             children: [
-              /* @__PURE__ */ u("span", { "data-part": "symbol", "aria-hidden": "true", children: d }),
+              /* @__PURE__ */ u("span", { "data-part": "symbol", "aria-hidden": "true", children: h }),
               /* @__PURE__ */ u("span", { "data-part": "label", children: e })
             ]
           }
@@ -1152,9 +1152,9 @@ class D extends g {
   }
 }
 s(D, "symbols", [
-  ["☐", y.Neutral],
-  ["✓", y.Prefer]
-]), s(D, "defaultSemanticState", y.Neutral), s(D, "hostName", "checkbox"), s(D, "standaloneHostName", "check-box"), s(D, "baseStyles", [
+  ["☐", b.Neutral],
+  ["✓", b.Prefer]
+]), s(D, "defaultSemanticState", b.Neutral), s(D, "hostName", "checkbox"), s(D, "standaloneHostName", "check-box"), s(D, "baseStyles", [
   ["&", ["inputline"]],
   ['& > [data-part="control"]', ["input", "inputline"]],
   ["&[data-disabled]", ["disabled"]]
@@ -1206,13 +1206,13 @@ class V extends g {
     this.optionsEmitter && this.watch(this.optionsEmitter);
   }
   render() {
-    var f, p, m;
+    var f, m, y;
     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 a = ((p = this.optionsEmitter) == null ? void 0 : p.getFetchState()) ?? k.Ready, i = (m = this.optionsEmitter) == null ? void 0 : m.getError(), n = Ne(this.props.filters), o = this.props.filterModes ?? D.symbols, l = this.props.defaultSemanticState ?? y.Neutral, d = new Set(e.map(pe));
+    const a = ((m = this.optionsEmitter) == null ? void 0 : m.getFetchState()) ?? k.Ready, i = (y = this.optionsEmitter) == null ? void 0 : y.getError(), n = Ne(this.props.filters), o = this.props.filterModes ?? D.symbols, l = this.props.defaultSemanticState ?? b.Neutral, d = new Set(e.map(pe));
     this.staleOptionValues = new Set(
-      [...this.optionStateEmitters.keys()].filter((b) => !d.has(b))
+      [...this.optionStateEmitters.keys()].filter((p) => !d.has(p))
     );
     const h = this.Host;
     return a === k.Error ? /* @__PURE__ */ u(
@@ -1237,8 +1237,8 @@ class V extends g {
         className: E(this.props) || null,
         role: "group",
         "aria-label": this.props.label ?? "Filter options",
-        children: e.length === 0 ? /* @__PURE__ */ u("span", { children: "No filter options" }) : e.map((b) => {
-          const S = pe(b), x = bt(b), O = n.get(S) ?? l, $ = this.optionEmitter(S, O);
+        children: e.length === 0 ? /* @__PURE__ */ u("span", { children: "No filter options" }) : e.map((p) => {
+          const S = pe(p), x = bt(p), O = n.get(S) ?? l, $ = this.optionEmitter(S, O);
           return /* @__PURE__ */ u(
             mt,
             {
@@ -1249,7 +1249,7 @@ class V extends g {
                 var T, B;
                 A == null || A.stopPropagation();
                 const F = Ne(this.props.filters);
-                K === y.Neutral ? F.delete(S) : F.set(S, K), (B = (T = this.props).onChange) == null || B.call(T, F, A);
+                K === b.Neutral ? F.delete(S) : F.set(S, K), (B = (T = this.props).onChange) == null || B.call(T, F, A);
               }
             },
             yt(S)
@@ -1482,10 +1482,10 @@ class me extends g {
 }
 s(me, "dependencies", [W]);
 const St = {
-  [y.Neutral]: "☐",
-  [y.Prefer]: "",
-  [y.Require]: "_",
-  [y.Deny]: "!"
+  [b.Neutral]: "☐",
+  [b.Prefer]: "",
+  [b.Require]: "_",
+  [b.Deny]: "!"
 };
 function kt(t, { sort: r = null, filters: e = {} } = {}) {
   Nt(t), r != null && (Ge(r), t.searchParams.set("sort", `${r.field}:${r.direction}`));
@@ -1511,10 +1511,10 @@ function It(t, r, e) {
 function xt(t, r) {
   for (const [e, a] of Object.entries(r)) {
     const i = be(t, e);
-    if (a.filter(([, d]) => d === y.Deny).some(([d]) => Object.is(d, i))) return !1;
-    const o = a.filter(([, d]) => d === y.Require);
+    if (a.filter(([, d]) => d === b.Deny).some(([d]) => Object.is(d, i))) return !1;
+    const o = a.filter(([, d]) => d === b.Require);
     if (o.length > 0 && !o.some(([d]) => Object.is(d, i))) return !1;
-    const l = a.filter(([, d]) => d === y.Prefer);
+    const l = a.filter(([, d]) => d === b.Prefer);
     if (l.length > 0 && !l.some(([d]) => Object.is(d, i))) return !1;
   }
   return !0;
@@ -1680,11 +1680,11 @@ class X extends g {
     }), this.dataSource = this.ownedDataSource), this.query = this.dataSource.query, this.watch(this.query, this.selectedItemsEmitter);
   }
   render() {
-    var d, h, f, p;
+    var d, h, f, m;
     const e = ((d = this.query) == null ? void 0 : d.get()) ?? [];
     if (!Array.isArray(e)) throw new TypeError("DataTable query value must be an array");
     const a = ((h = this.query) == null ? void 0 : h.getFetchState()) ?? k.Initial, i = (f = this.query) == null ? void 0 : f.getError(), n = a === k.Initial || a === k.Loading, o = new Set(
-      this.selectedItemsEmitter.get().map((m, b) => this.rowKey(m, b))
+      this.selectedItemsEmitter.get().map((y, p) => this.rowKey(y, p))
     ), l = this.Host;
     return /* @__PURE__ */ w(
       l,
@@ -1696,13 +1696,13 @@ class X extends g {
           n ? /* @__PURE__ */ u("p", { role: "status", "data-part": "status", children: "Loading rows…" }) : null,
           a === k.Error ? /* @__PURE__ */ w("div", { "data-part": "error", role: "alert", children: [
             /* @__PURE__ */ u("span", { children: Ht(i, "Unable to load rows") }),
-            typeof ((p = this.dataSource) == null ? void 0 : p.retry) == "function" ? /* @__PURE__ */ u(
+            typeof ((m = this.dataSource) == null ? void 0 : m.retry) == "function" ? /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  var m, b;
-                  return (b = (m = this.dataSource) == null ? void 0 : m.retry) == null ? void 0 : b.call(m, "table retry");
+                  var y, p;
+                  return (p = (y = this.dataSource) == null ? void 0 : y.retry) == null ? void 0 : p.call(y, "table retry");
                 },
                 children: "Retry"
               }
@@ -1722,7 +1722,7 @@ class X extends g {
               },
               "header"
             ),
-            /* @__PURE__ */ u("tbody", { children: e.length > 0 ? e.map((m, b) => this.renderRow(m, b, o)) : n ? this.renderPlaceholders() : a === k.Error ? null : /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", { colSpan: this.columns.length, children: this.props.emptyMessage ?? "No rows" }) }, "empty") })
+            /* @__PURE__ */ u("tbody", { children: e.length > 0 ? e.map((y, p) => this.renderRow(y, p, o)) : n ? this.renderPlaceholders() : a === k.Error ? null : /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", { colSpan: this.columns.length, children: this.props.emptyMessage ?? "No rows" }) }, "empty") })
           ] })
         ]
       }
@@ -1927,8 +1927,8 @@ function Mt(t, r, e) {
         if (!Object.is(f.id, l.id))
           throw new Error("Tree node update cannot change the stable id");
         if (Object.is(f, l)) return n;
-        const p = [...n];
-        return p[o] = f, p;
+        const m = [...n];
+        return m[o] = f, m;
       }
       const d = l.children ?? [], h = a(d);
       if (!Object.is(h, d)) {
@@ -1988,21 +1988,21 @@ class Z extends g {
     const l = this.Host;
     return /* @__PURE__ */ u(l, { className: E(this.props) || null, children: i.length === 0 ? /* @__PURE__ */ u("p", { role: "status", "data-part": "empty", children: "No tree items" }) : /* @__PURE__ */ u("div", { role: "tree", "aria-label": this.props.label, "data-part": "tree", children: i.map((d, h) => {
       var K, A, F;
-      const { node: f, depth: p, position: m, setSize: b } = d, S = (((K = f.children) == null ? void 0 : K.length) ?? 0) > 0, x = S && a.has(f.id), O = Object.is(f.id, n), $ = ((F = (A = this.props).renderItem) == null ? void 0 : F.call(A, f, p)) ?? f.label;
+      const { node: f, depth: m, position: y, setSize: p } = d, S = (((K = f.children) == null ? void 0 : K.length) ?? 0) > 0, x = S && a.has(f.id), O = Object.is(f.id, n), $ = ((F = (A = this.props).renderItem) == null ? void 0 : F.call(A, f, m)) ?? f.label;
       return /* @__PURE__ */ w(
         "div",
         {
           role: "treeitem",
           "data-part": "item",
           "data-index": h,
-          "data-depth": p,
-          "aria-level": p + 1,
-          "aria-posinset": m,
-          "aria-setsize": b,
+          "data-depth": m,
+          "aria-level": m + 1,
+          "aria-posinset": y,
+          "aria-setsize": p,
           "aria-expanded": S ? String(x) : null,
           "aria-selected": String(O),
           tabIndex: Object.is(f.id, o == null ? void 0 : o.node.id) ? 0 : -1,
-          style: { "--tree-depth": p },
+          style: { "--tree-depth": m },
           onClick: (T) => {
             if (this.focusedKey = f.id, Ut(T.target) && S) {
               this.toggleExpanded(f.id), this.focusRow(f.id);
@@ -2062,11 +2062,11 @@ class Z extends g {
         e.preventDefault();
         const f = n.node.children ?? [];
         if (f.length === 0) return;
-        this.expandedKeysEmitter.get().some((m) => Object.is(m, n.node.id)) ? this.focusRow(f[0].id) : this.toggleExpanded(n.node.id);
+        this.expandedKeysEmitter.get().some((y) => Object.is(y, n.node.id)) ? this.focusRow(f[0].id) : this.toggleExpanded(n.node.id);
         return;
       }
       if (e.key === "ArrowLeft") {
-        e.preventDefault(), this.expandedKeysEmitter.get().some((p) => Object.is(p, n.node.id)) ? this.toggleExpanded(n.node.id) : n.parentId != null && this.focusRow(n.parentId);
+        e.preventDefault(), this.expandedKeysEmitter.get().some((m) => Object.is(m, n.node.id)) ? this.toggleExpanded(n.node.id) : n.parentId != null && this.focusRow(n.parentId);
         return;
       }
       if (e.key === "Enter" || e.key === " ") {
@@ -2224,9 +2224,9 @@ class se extends g {
       id: d,
       name: h,
       value: f,
-      title: p,
-      ariaLabel: m,
-      onClick: b
+      title: m,
+      ariaLabel: y,
+      onClick: p
     } = this.props, x = (Array.isArray(r) ? r.length > 0 : r != null && typeof r != "boolean") ? r : e ?? "", O = o ? l ?? x : x, $ = i || o;
     return /* @__PURE__ */ u(
       "button",
@@ -2234,16 +2234,16 @@ class se extends g {
         id: d,
         name: h,
         value: f == null ? void 0 : String(f),
-        title: p,
+        title: m,
         type: a,
         disabled: $,
         className: E(this.props) || void 0,
         "data-fray-component": "button",
-        "aria-label": m,
+        "aria-label": y,
         "aria-pressed": n == null ? null : String(!!n),
         "aria-busy": o ? "true" : null,
         onClick: (K) => {
-          $ || C(b, K);
+          $ || C(p, K);
         },
         children: O
       }
@@ -2438,11 +2438,11 @@ const z = class z extends D {
   }
 };
 s(z, "hostName", "quad-checkbox"), s(z, "standaloneHostName", "quad-checkbox"), s(z, "symbols", [
-  ["✖", y.Deny],
-  ["☐", y.Neutral],
-  ["✓", y.Prefer],
-  ["+", y.Require]
-]), s(z, "defaultSemanticState", y.Neutral);
+  ["✖", b.Deny],
+  ["☐", b.Neutral],
+  ["✓", b.Prefer],
+  ["+", b.Require]
+]), s(z, "defaultSemanticState", b.Neutral);
 let $e = z;
 const q = class q extends D {
   constructor(r = {}) {
@@ -2450,10 +2450,10 @@ const q = class q extends D {
   }
 };
 s(q, "hostName", "tri-checkbox"), s(q, "standaloneHostName", "tri-checkbox"), s(q, "symbols", [
-  ["✖", y.Deny],
-  ["☐", y.Neutral],
-  ["✓", y.Prefer]
-]), s(q, "defaultSemanticState", y.Neutral);
+  ["✖", b.Deny],
+  ["☐", b.Neutral],
+  ["✓", b.Prefer]
+]), s(q, "defaultSemanticState", b.Neutral);
 let Ce = q;
 class ee extends g {
   constructor(e = {}) {
@@ -2488,9 +2488,9 @@ class ee extends g {
       onChange: h
     } = this.props, f = this.optionsEmitter.get() ?? [];
     fe(f);
-    const p = this.valueEmitter.get(), m = this.Host;
+    const m = this.valueEmitter.get(), y = this.Host;
     return /* @__PURE__ */ w(
-      m,
+      y,
       {
         className: E(this.props) || null,
         "data-disabled": i ? "" : null,
@@ -2503,30 +2503,30 @@ class ee extends g {
             {
               id: this.inputId,
               name: a,
-              value: p == null ? "" : String(p),
+              value: m == null ? "" : String(m),
               disabled: i,
               required: n,
               "aria-label": e == null ? d : null,
               "aria-invalid": o == null ? null : "true",
               "aria-describedby": o == null ? null : this.errorId,
-              onChange: (b) => {
-                const S = Qt(b, "dropdown change"), x = f.find(({ value: $ }) => String($) === S), O = (x == null ? void 0 : x.value) ?? S;
-                this.valueEmitter.set(O, "dropdown selection"), C(h, O, b);
+              onChange: (p) => {
+                const S = Qt(p, "dropdown change"), x = f.find(({ value: $ }) => String($) === S), O = (x == null ? void 0 : x.value) ?? S;
+                this.valueEmitter.set(O, "dropdown selection"), C(h, O, p);
               },
               children: [
-                p == null || p === "" ? /* @__PURE__ */ u("option", { value: "", disabled: n, selected: !0, children: l }) : null,
-                f.map((b) => {
-                  if (b == null || !Object.hasOwn(b, "value"))
+                m == null || m === "" ? /* @__PURE__ */ u("option", { value: "", disabled: n, selected: !0, children: l }) : null,
+                f.map((p) => {
+                  if (p == null || !Object.hasOwn(p, "value"))
                     throw new TypeError("Dropdown options require value and label fields");
                   return /* @__PURE__ */ u(
                     "option",
                     {
-                      value: String(b.value),
-                      disabled: !!b.disabled,
-                      selected: Object.is(p, b.value),
-                      children: b.label ?? String(b.value)
+                      value: String(p.value),
+                      disabled: !!p.disabled,
+                      selected: Object.is(m, p.value),
+                      children: p.label ?? String(p.value)
                     },
-                    String(b.value)
+                    String(p.value)
                   );
                 })
               ]
@@ -2588,9 +2588,9 @@ class te extends g {
       readOnly: d = !1,
       error: h = null,
       autoComplete: f,
-      inputMode: p,
-      minLength: m,
-      maxLength: b,
+      inputMode: m,
+      minLength: y,
+      maxLength: p,
       pattern: S,
       ariaLabel: x,
       inputRef: O,
@@ -2618,9 +2618,9 @@ class te extends g {
               required: l,
               readOnly: d,
               autoComplete: f,
-              inputMode: p,
-              minLength: m,
-              maxLength: b,
+              inputMode: m,
+              minLength: y,
+              maxLength: p,
               pattern: S,
               ref: O,
               "aria-label": e == null ? x : null,
@@ -2736,8 +2736,8 @@ class Ae extends g {
                   "aria-checked": Object.is(o, d) ? "true" : "false",
                   "data-value": String(d),
                   tabIndex: f === l ? 0 : -1,
-                  onClick: (p) => this.selectOption(d, p),
-                  onKeyDown: (p) => this.handleKeyDown(p, f, e),
+                  onClick: (m) => this.selectOption(d, m),
+                  onKeyDown: (m) => this.handleKeyDown(m, f, e),
                   children: h
                 },
                 String(d)
@@ -3098,8 +3098,8 @@ class oe extends g {
               disabled: o,
               "aria-label": i == null ? n : null,
               onChange: (h) => {
-                const f = Zt(h), p = ae(e, f);
-                this.valueEmitter.set(f, `${this.kind} selected`), C(l, f, p, h);
+                const f = Zt(h), m = ae(e, f);
+                this.valueEmitter.set(f, `${this.kind} selected`), C(l, f, m, h);
               },
               children: e.map((h) => /* @__PURE__ */ u(
                 "option",
@@ -3194,7 +3194,7 @@ export {
   Te as DescriptionList,
   Oe as Dialog,
   ee as Dropdown,
-  y as FilterMode,
+  b as FilterMode,
   V as FilterPanel,
   pr as Fragment,
   mr as FrayRuntime,
@@ -3204,10 +3204,11 @@ export {
   H as Placeholder,
   he as ProgressBar,
   $e as QuadCheckbox,
+  br as ServiceScope,
   xe as Sidebar,
   ge as SingleSelectionHandler,
   ce as SplitView,
-  br as StyleRegistry,
+  yr as StyleRegistry,
   ze as Tab,
   L as TabLine,
   J as TabPanel,
@@ -3223,16 +3224,18 @@ export {
   It as applyLocalTableState,
   Ge as assertSort,
   P as assertTreeNodes,
-  yr as createFrayRuntime,
+  gr as createFrayRuntime,
   Ot as createHandlerTableDataSource,
   Dt as createLocalTableDataSource,
   or as createQueryTableDataSource,
   $t as createRestTableDataSource,
   ne as createSelectionHandler,
-  gr as createStyleRegistry,
+  wr as createServiceScope,
+  Er as createStyleRegistry,
   v as css,
-  wr as defaultFrayRuntime,
+  vr as defaultFrayRuntime,
   we as defaultItemKey,
+  Sr as defineService,
   ar as deriveFilterPredicate,
   ir as deriveFilteredItems,
   dr as deriveTreeNode,
@@ -3242,18 +3245,19 @@ export {
   Yt as frayColorOptions,
   Jt as frayThemeOptions,
   ur as frayThemeVariableCatalog,
-  Er as h,
+  kr as h,
   de as isFilterMode,
   u as jsx,
-  vr as jsxDEV,
+  Ir as jsxDEV,
   w as jsxs,
-  Sr as live,
+  xr as live,
   Pe as matchesFilterState,
   sr as parseFilterState,
+  Tr as provideService,
   _t as replaceFrayStylesheet,
   nr as serializeFilterState,
   kt as serializeTableQuery,
-  kr as styleRegistry,
+  Rr as styleRegistry,
   qe as tabButtonId,
   Le as tabPanelId,
   Mt as updateTreeNode,