@texaryn/solid 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,19 +1,19 @@
-import { createFormRuntime as pe, objectChildKey as re, createRendererRegistry as ve, createFailedSubmitTracker as $e, visibleErrorLabel as be, visibleErrorMessages as _e, englishMessages as we } from "@texaryn/core";
-import { createSignal as z, createEffect as V, onCleanup as K, createContext as se, useContext as ce, createMemo as b, Show as x, For as E, Switch as xe, Match as j, createUniqueId as Te } from "solid-js";
-import { createComponent as i, Dynamic as ue, memo as O, delegateEvents as G, use as de, insert as l, setAttribute as k, effect as A, template as y, spread as L, mergeProps as U } from "solid-js/web";
+import { createFormRuntime as pe, visibleFieldLabel as ve, objectChildKey as re, createRendererRegistry as $e, createFailedSubmitTracker as be, visibleErrorLabel as _e, visibleErrorMessages as we, englishMessages as xe } from "@texaryn/core";
+import { createSignal as z, createEffect as q, onCleanup as K, createContext as le, useContext as ce, createMemo as b, Show as x, For as E, Switch as Te, Match as j, createUniqueId as Ie } from "solid-js";
+import { createComponent as a, Dynamic as ue, memo as C, delegateEvents as G, use as de, insert as c, setAttribute as k, effect as A, template as $, spread as L, mergeProps as U } from "solid-js/web";
 function ht(t, e) {
   return pe(t, e);
 }
-function M(t) {
+function V(t) {
   const [e, n] = z(t().getSnapshot(), { equals: !1 });
-  return V(() => {
-    const a = t();
-    n(() => a.getSnapshot()), K(a.subscribe(() => n(() => a.getSnapshot())));
+  return q(() => {
+    const o = t();
+    n(() => o.getSnapshot()), K(o.subscribe(() => n(() => o.getSnapshot())));
   }), e;
 }
-const me = se();
-function q() {
-  const t = ce(me);
+const ge = le();
+function F() {
+  const t = ce(ge);
   if (!t) throw new Error("Solid form widgets must be rendered below FormRoot");
   return t;
 }
@@ -21,41 +21,44 @@ const ne = [];
 function W(t, e, n) {
   return `${t}-${e}-${n}`;
 }
-function ge(t) {
-  const e = q(), n = b(() => {
-    const m = e.document().nodes[t()];
-    return m?.type === "field" ? m : void 0;
+function me(t) {
+  const e = F(), n = b(() => {
+    const s = e.document().nodes[t()];
+    return s?.type === "field" ? s : void 0;
   });
-  function a(m, s) {
-    const [$, I] = z(s, { equals: !1 });
-    return V(() => {
-      const D = m(t());
-      if (!D) {
-        I(() => s);
+  function o(s, l) {
+    const [v, I] = z(l, { equals: !1 });
+    return q(() => {
+      const O = s(t());
+      if (!O) {
+        I(() => l);
         return;
       }
-      I(() => D.getSnapshot()), K(D.subscribe(() => I(() => D.getSnapshot())));
-    }), $;
+      I(() => O.getSnapshot()), K(O.subscribe(() => I(() => O.getSnapshot())));
+    }), v;
   }
-  const h = a((m) => e.form().getNodeState(m)?.value, void 0), g = a((m) => e.form().getNodeState(m)?.errors, ne), d = a((m) => e.form().getNodeState(m)?.dirty, !1), w = a((m) => e.form().getNodeState(m)?.touched, !1), c = a((m) => e.form().getNodeState(m)?.visible, !0), u = a((m) => e.form().getNodeState(m)?.disabled, !1), r = a((m) => e.form().getNodeState(m)?.showErrors, !1), p = b(() => r() ? g() : ne), o = b(() => n()?.annotations.title ?? n()?.dataPointer ?? n()?.id ?? ""), f = b(() => n()?.helpText ?? n()?.annotations.description), T = b(() => W(e.idPrefix(), n()?.id ?? t(), "input")), v = b(() => W(e.idPrefix(), n()?.id ?? t(), "description")), _ = b(() => W(e.idPrefix(), n()?.id ?? t(), "error")), S = b(() => p().length > 0), C = b(() => [
-    f() ? v() : void 0,
+  const h = o((s) => e.form().getNodeState(s)?.value, void 0), u = o((s) => e.form().getNodeState(s)?.errors, ne), m = o((s) => e.form().getNodeState(s)?.dirty, !1), w = o((s) => e.form().getNodeState(s)?.touched, !1), d = o((s) => e.form().getNodeState(s)?.visible, !0), g = o((s) => e.form().getNodeState(s)?.disabled, !1), r = o((s) => e.form().getNodeState(s)?.showErrors, !1), f = b(() => r() ? u() : ne), i = b(() => {
+    const s = n();
+    return s ? ve(s.annotations.title, s.dataPointer, e.messages()) : "";
+  }), y = b(() => n()?.helpText ?? n()?.annotations.description), T = b(() => W(e.idPrefix(), n()?.id ?? t(), "input")), p = b(() => W(e.idPrefix(), n()?.id ?? t(), "description")), _ = b(() => W(e.idPrefix(), n()?.id ?? t(), "error")), S = b(() => f().length > 0), D = b(() => [
+    y() ? p() : void 0,
     S() ? _() : void 0
   ].filter(Boolean).join(" ") || void 0), N = b(() => {
-    const m = h();
-    return typeof m == "number" ? m : m == null ? "" : String(m);
+    const s = h();
+    return typeof s == "number" ? s : s == null ? "" : String(s);
   });
-  function R(m) {
-    n()?.readOnly || e.form().dispatch({ type: "SetValue", nodeId: t(), value: m });
+  function R(s) {
+    n()?.readOnly || e.form().dispatch({ type: "SetValue", nodeId: t(), value: s });
   }
-  function P(m, s) {
-    const $ = n();
-    if (!(!$ || $.readOnly)) {
-      if ($.enumValues?.length) {
-        const I = Number(s);
-        Number.isInteger(I) && I >= 0 && $.enumValues[I] && R($.enumValues[I].value);
+  function P(s, l) {
+    const v = n();
+    if (!(!v || v.readOnly)) {
+      if (v.enumValues?.length) {
+        const I = Number(l);
+        Number.isInteger(I) && I >= 0 && v.enumValues[I] && R(v.enumValues[I].value);
         return;
       }
-      $.fieldType === "number" || $.fieldType === "integer" ? R(m === "" ? void 0 : Number(m)) : R(m);
+      v.fieldType === "number" || v.fieldType === "integer" ? R(s === "" ? void 0 : Number(s)) : R(s);
     }
   }
   function B() {
@@ -64,37 +67,37 @@ function ge(t) {
   return {
     node: n,
     value: h,
-    errors: g,
-    visibleErrors: p,
-    dirty: d,
+    errors: u,
+    visibleErrors: f,
+    dirty: m,
     touched: w,
-    visible: c,
-    disabled: u,
+    visible: d,
+    disabled: g,
     showErrors: r,
-    label: o,
-    description: f,
+    label: i,
+    description: y,
     inputId: T,
-    descriptionId: v,
+    descriptionId: p,
     errorId: _,
     invalid: S,
-    describedBy: C,
+    describedBy: D,
     display: N,
     setRaw: P,
     setValue: R,
     onBlur: B
   };
 }
-const yt = ge;
+const yt = me;
 function Q(t) {
-  const e = q(), n = b(() => e.document().nodes[t.node.id] ?? t.node), a = b(() => e.registry().resolve(n()));
-  return i(x, {
+  const e = F(), n = b(() => e.document().nodes[t.node.id] ?? t.node), o = b(() => e.registry().resolve(n()));
+  return a(x, {
     get when() {
-      return O(() => !!n().visible)() && a();
+      return C(() => !!n().visible)() && o();
     },
     get children() {
-      return i(ue, {
+      return a(ue, {
         get component() {
-          return a();
+          return o();
         },
         get node() {
           return n();
@@ -103,213 +106,214 @@ function Q(t) {
     }
   });
 }
-var oe = /* @__PURE__ */ y("<button type=button>"), Ie = /* @__PURE__ */ y("<div data-array-container>"), Se = /* @__PURE__ */ y("<span aria-hidden=true class=texaryn-array-drag-handle tabindex=-1>⠿"), ke = /* @__PURE__ */ y("<button type=button data-reorder-direction=up>"), Ae = /* @__PURE__ */ y("<button type=button data-reorder-direction=down>"), Ee = /* @__PURE__ */ y("<div data-array-row>");
-const F = "application/x-texaryn-array-item";
-function Re(t) {
-  const e = q(), n = b(() => e.document().nodes[t.node.id] ?? t.node), a = b(() => n().arrayMeta), h = b(() => n().annotations.title), g = b(() => a()?.itemIds ?? []), [d, w] = z(null);
-  let c;
-  const u = () => a()?.canReorder === !0 && !n().readOnly && !n().disabled, r = () => {
-    c?.removeAttribute("data-array-drag-active"), c?.querySelectorAll("[data-dragging], [data-drop-target]").forEach((v) => {
-      v.removeAttribute("data-dragging"), v.removeAttribute("data-drop-target");
+var oe = /* @__PURE__ */ $("<button type=button>"), Se = /* @__PURE__ */ $("<div data-array-container>"), ke = /* @__PURE__ */ $("<span aria-hidden=true class=texaryn-array-drag-handle tabindex=-1>⠿"), Ae = /* @__PURE__ */ $("<button type=button data-reorder-direction=up>"), Ee = /* @__PURE__ */ $("<button type=button data-reorder-direction=down>"), Re = /* @__PURE__ */ $("<div data-array-row>");
+const M = "application/x-texaryn-array-item";
+function Oe(t) {
+  const e = F(), n = b(() => e.document().nodes[t.node.id] ?? t.node), o = b(() => n().arrayMeta), h = b(() => n().annotations.title), u = b(() => o()?.itemIds ?? []), [m, w] = z(null);
+  let d;
+  const g = () => o()?.canReorder === !0 && !n().readOnly && !n().disabled, r = () => {
+    d?.removeAttribute("data-array-drag-active"), d?.querySelectorAll("[data-dragging], [data-drop-target]").forEach((p) => {
+      p.removeAttribute("data-dragging"), p.removeAttribute("data-drop-target");
     }), w(null);
   };
-  V(() => {
-    const v = d();
-    if (!v) return;
+  q(() => {
+    const p = m();
+    if (!p) return;
     const _ = e.form();
-    (v.runtime !== _ || v.root !== c || v.identityKey !== a()?.identityKey || !u() || !g().includes(v.itemId)) && r();
+    (p.runtime !== _ || p.root !== d || p.identityKey !== o()?.identityKey || !g() || !u().includes(p.itemId)) && r();
   }), K(r);
-  const p = (v) => v.target instanceof Element && v.target.closest("[data-array-container]") === c, o = (v) => {
-    const _ = n().children[v];
+  const f = (p) => p.target instanceof Element && p.target.closest("[data-array-container]") === d, i = (p) => {
+    const _ = n().children[p];
     return _ ? e.document().nodes[_] : void 0;
-  }, f = () => e.messages().addItem({
-    itemTemplateTitle: a()?.itemTitle,
+  }, y = () => e.messages().addItem({
+    itemTemplateTitle: o()?.itemTitle,
     containerTitle: h()
-  }), T = (v, _, S) => {
-    const C = S.currentTarget, N = document.activeElement === C, R = g()[v];
+  }), T = (p, _, S) => {
+    const D = S.currentTarget, N = document.activeElement === D, R = u()[p];
     e.form().dispatch({
       type: "MoveItem",
       containerId: n().id,
-      from: v,
+      from: p,
       to: _
-    }), !(!N || !R || _ === v) && queueMicrotask(() => {
-      const P = [...document.querySelectorAll("[data-array-item-id]")].find((m) => m.dataset.arrayItemId === R), B = _ < v && _ === 0 ? "down" : _ > v && _ === g().length - 1 ? "up" : void 0;
+    }), !(!N || !R || _ === p) && queueMicrotask(() => {
+      const P = [...document.querySelectorAll("[data-array-item-id]")].find((s) => s.dataset.arrayItemId === R), B = _ < p && _ === 0 ? "down" : _ > p && _ === u().length - 1 ? "up" : void 0;
       B && P?.querySelector(`[data-reorder-direction="${B}"]`)?.focus();
     });
   };
   return (() => {
-    var v = Ie();
+    var p = Se();
     return de((_) => {
-      c = _;
-    }, v), l(v, i(E, {
+      d = _;
+    }, p), c(p, a(E, {
       get each() {
-        return g();
+        return u();
       },
       children: (_, S) => {
-        const C = () => o(S())?.annotations.title, N = () => S() + 1, R = () => e.messages().moveItemUp({
+        const D = () => i(S())?.annotations.title, N = () => S() + 1, R = () => e.messages().moveItemUp({
           position: N(),
-          itemTitle: C(),
+          itemTitle: D(),
           containerTitle: h()
         }), P = () => e.messages().moveItemDown({
           position: N(),
-          itemTitle: C(),
+          itemTitle: D(),
           containerTitle: h()
         }), B = () => e.messages().removeItem({
           position: N(),
-          itemTitle: C(),
+          itemTitle: D(),
           containerTitle: h()
         });
         return (() => {
-          var m = Ee();
-          return m.addEventListener("drop", (s) => {
-            if (!Array.from(s.dataTransfer?.types ?? []).includes(F)) return;
-            s.stopPropagation();
-            const $ = d(), I = g();
-            if (!c || !p(s) || !$) {
+          var s = Re();
+          return s.addEventListener("drop", (l) => {
+            if (!Array.from(l.dataTransfer?.types ?? []).includes(M)) return;
+            l.stopPropagation();
+            const v = m(), I = u();
+            if (!d || !f(l) || !v) {
               r();
               return;
             }
-            const D = I.indexOf($.itemId), Z = I.indexOf(_);
-            if ($.runtime !== e.form() || $.root !== c || $.identityKey !== a()?.identityKey || !u() || D < 0 || Z < 0) {
+            const O = I.indexOf(v.itemId), Z = I.indexOf(_);
+            if (v.runtime !== e.form() || v.root !== d || v.identityKey !== o()?.identityKey || !g() || O < 0 || Z < 0) {
               r();
               return;
             }
-            s.preventDefault();
-            const ee = s.currentTarget.getBoundingClientRect(), ye = s.clientY >= ee.top + ee.height / 2, H = Z + (ye ? 1 : 0), te = H > D ? H - 1 : H;
-            r(), te !== D && e.form().dispatch({
+            l.preventDefault();
+            const ee = l.currentTarget.getBoundingClientRect(), ye = l.clientY >= ee.top + ee.height / 2, H = Z + (ye ? 1 : 0), te = H > O ? H - 1 : H;
+            r(), te !== O && e.form().dispatch({
               type: "MoveItem",
               containerId: n().id,
-              from: D,
+              from: O,
               to: te
             });
-          }), m.addEventListener("dragleave", (s) => {
-            Array.from(s.dataTransfer?.types ?? []).includes(F) && s.currentTarget.removeAttribute("data-drop-target");
-          }), m.addEventListener("dragover", (s) => {
-            if (!Array.from(s.dataTransfer?.types ?? []).includes(F)) return;
-            if (!c || !p(s)) {
-              s.stopPropagation();
+          }), s.addEventListener("dragleave", (l) => {
+            Array.from(l.dataTransfer?.types ?? []).includes(M) && l.currentTarget.removeAttribute("data-drop-target");
+          }), s.addEventListener("dragover", (l) => {
+            if (!Array.from(l.dataTransfer?.types ?? []).includes(M)) return;
+            if (!d || !f(l)) {
+              l.stopPropagation();
               return;
             }
-            const $ = d(), I = g();
-            if (!$ || $.runtime !== e.form() || $.root !== c || $.identityKey !== a()?.identityKey || !u() || !I.includes($.itemId) || !I.includes(_)) {
-              s.stopPropagation();
+            const v = m(), I = u();
+            if (!v || v.runtime !== e.form() || v.root !== d || v.identityKey !== o()?.identityKey || !g() || !I.includes(v.itemId) || !I.includes(_)) {
+              l.stopPropagation();
               return;
             }
-            s.preventDefault(), s.stopPropagation(), s.dataTransfer && (s.dataTransfer.dropEffect = "move"), s.currentTarget.setAttribute("data-drop-target", "");
-          }), k(m, "data-array-item-id", _), l(m, i(x, {
+            l.preventDefault(), l.stopPropagation(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), l.currentTarget.setAttribute("data-drop-target", "");
+          }), k(s, "data-array-item-id", _), c(s, a(x, {
             get when() {
-              return u();
+              return g();
             },
             get children() {
-              var s = Se();
-              return s.addEventListener("dragend", ($) => {
-                $.dataTransfer?.clearData(F), r();
-              }), s.addEventListener("dragstart", ($) => {
-                const I = a()?.identityKey;
-                if (!u() || !c || I === void 0 || !g().includes(_)) {
-                  $.preventDefault();
+              var l = ke();
+              return l.addEventListener("dragend", (v) => {
+                v.dataTransfer?.clearData(M), r();
+              }), l.addEventListener("dragstart", (v) => {
+                const I = o()?.identityKey;
+                if (!g() || !d || I === void 0 || !u().includes(_)) {
+                  v.preventDefault();
                   return;
                 }
-                $.stopPropagation(), $.dataTransfer?.setData(F, _), $.dataTransfer && ($.dataTransfer.effectAllowed = "move"), w({
+                v.stopPropagation(), v.dataTransfer?.setData(M, _), v.dataTransfer && (v.dataTransfer.effectAllowed = "move"), w({
                   runtime: e.form(),
                   identityKey: I,
-                  root: c,
+                  root: d,
                   itemId: _
-                }), c.setAttribute("data-array-drag-active", ""), $.currentTarget.closest("[data-array-row]")?.setAttribute("data-dragging", "");
-              }), k(s, "draggable", !0), s;
+                }), d.setAttribute("data-array-drag-active", ""), v.currentTarget.closest("[data-array-row]")?.setAttribute("data-dragging", "");
+              }), k(l, "draggable", !0), l;
             }
-          }), null), l(m, i(x, {
+          }), null), c(s, a(x, {
             get when() {
-              return o(S());
+              return i(S());
             },
-            children: (s) => i(Q, {
+            children: (l) => a(Q, {
               get node() {
-                return s();
+                return l();
               }
             })
-          }), null), l(m, i(x, {
+          }), null), c(s, a(x, {
             get when() {
-              return O(() => !!a()?.canReorder)() && S() > 0;
+              return C(() => !!o()?.canReorder)() && S() > 0;
             },
             get children() {
-              var s = ke();
-              return s.$$click = ($) => T(S(), S() - 1, $), l(s, () => R().label), A(() => k(s, "aria-label", R().accessibleName)), s;
+              var l = Ae();
+              return l.$$click = (v) => T(S(), S() - 1, v), c(l, () => R().label), A(() => k(l, "aria-label", R().accessibleName)), l;
             }
-          }), null), l(m, i(x, {
+          }), null), c(s, a(x, {
             get when() {
-              return O(() => !!a()?.canReorder)() && S() < g().length - 1;
+              return C(() => !!o()?.canReorder)() && S() < u().length - 1;
             },
             get children() {
-              var s = Ae();
-              return s.$$click = ($) => T(S(), S() + 1, $), l(s, () => P().label), A(() => k(s, "aria-label", P().accessibleName)), s;
+              var l = Ee();
+              return l.$$click = (v) => T(S(), S() + 1, v), c(l, () => P().label), A(() => k(l, "aria-label", P().accessibleName)), l;
             }
-          }), null), l(m, i(x, {
+          }), null), c(s, a(x, {
             get when() {
-              return a()?.canRemove;
+              return o()?.canRemove;
             },
             get children() {
-              var s = oe();
-              return s.$$click = () => e.form().dispatch({
+              var l = oe();
+              return l.$$click = () => e.form().dispatch({
                 type: "RemoveItem",
                 containerId: n().id,
                 index: S()
-              }), l(s, () => B().label), A(() => k(s, "aria-label", B().accessibleName)), s;
+              }), c(l, () => B().label), A(() => k(l, "aria-label", B().accessibleName)), l;
             }
-          }), null), m;
+          }), null), s;
         })();
       }
-    }), null), l(v, i(x, {
+    }), null), c(p, a(x, {
       get when() {
-        return a()?.canAdd;
+        return o()?.canAdd;
       },
       get children() {
         var _ = oe();
         return _.$$click = () => e.form().dispatch({
           type: "InsertItem",
           containerId: n().id,
-          index: g().length
-        }), l(_, () => f().label), A(() => k(_, "aria-label", f().accessibleName)), _;
+          index: u().length
+        }), c(_, () => y().label), A(() => k(_, "aria-label", y().accessibleName)), _;
       }
-    }), null), v;
+    }), null), p;
   })();
 }
 G(["click"]);
-var De = /* @__PURE__ */ y("<ul>"), Oe = /* @__PURE__ */ y("<div aria-live=polite aria-atomic=true>"), Ce = /* @__PURE__ */ y("<li>");
-function Ne(t) {
+var Ce = /* @__PURE__ */ $("<ul>"), De = /* @__PURE__ */ $("<div aria-live=polite aria-atomic=true>"), Ne = /* @__PURE__ */ $("<li>");
+function Be(t) {
+  const e = F();
   return (() => {
-    var e = Oe();
-    return l(e, i(x, {
+    var n = De();
+    return c(n, a(x, {
       get when() {
         return t.errors.length > 0;
       },
       get children() {
-        var n = De();
-        return l(n, i(E, {
+        var o = Ce();
+        return c(o, a(E, {
           get each() {
             return t.errors;
           },
-          children: (a) => (() => {
-            var h = Ce();
-            return l(h, () => a.message ?? a.keyword), h;
+          children: (h) => (() => {
+            var u = Ne();
+            return c(u, () => e.messages().validationMessage(h)), u;
           })()
-        })), n;
+        })), o;
       }
-    })), A(() => k(e, "id", t.id)), e;
+    })), A(() => k(n, "id", t.id)), n;
   })();
 }
-var Be = /* @__PURE__ */ y("<span> (required)"), Pe = /* @__PURE__ */ y("<select>"), ae = /* @__PURE__ */ y("<input>"), Fe = /* @__PURE__ */ y("<textarea>"), Me = /* @__PURE__ */ y("<div>"), Ve = /* @__PURE__ */ y("<div><label>"), qe = /* @__PURE__ */ y("<option>");
+var Pe = /* @__PURE__ */ $("<span> (required)"), Fe = /* @__PURE__ */ $("<select>"), ae = /* @__PURE__ */ $("<input>"), Me = /* @__PURE__ */ $("<textarea>"), Ve = /* @__PURE__ */ $("<div>"), qe = /* @__PURE__ */ $("<div><label>"), je = /* @__PURE__ */ $("<option>");
 function J(t, e) {
   if (t === e) return !0;
   if (typeof t != "object" || t === null || typeof e != "object" || e === null) return !1;
   if (Array.isArray(t) || Array.isArray(e))
-    return Array.isArray(t) && Array.isArray(e) && t.length === e.length && t.every((g, d) => J(g, e[d]));
-  const n = t, a = e, h = Object.keys(n);
-  return h.length === Object.keys(a).length && h.every((g) => Object.hasOwn(a, g) && J(n[g], a[g]));
+    return Array.isArray(t) && Array.isArray(e) && t.length === e.length && t.every((u, m) => J(u, e[m]));
+  const n = t, o = e, h = Object.keys(n);
+  return h.length === Object.keys(o).length && h.every((u) => Object.hasOwn(o, u) && J(n[u], o[u]));
 }
 function ie(t) {
-  const e = ge(() => t.node.id), n = b(() => e.node()), a = b(() => {
-    const d = n()?.enumValues ?? [], w = e.value();
-    return String(d.findIndex((c) => J(c.value, w)));
+  const e = me(() => t.node.id), n = b(() => e.node()), o = b(() => {
+    const m = n()?.enumValues ?? [], w = e.value();
+    return String(m.findIndex((d) => J(d.value, w)));
   }), h = () => ({
     id: e.inputId(),
     name: n()?.dataPointer || n()?.id || "",
@@ -318,40 +322,40 @@ function ie(t) {
     "aria-invalid": e.invalid() || void 0,
     "aria-describedby": e.describedBy(),
     placeholder: n()?.placeholder
-  }), g = (d) => {
-    e.setRaw(d.currentTarget.value);
+  }), u = (m) => {
+    e.setRaw(m.currentTarget.value);
   };
-  return i(x, {
+  return a(x, {
     get when() {
-      return O(() => !!e.visible())() && n();
+      return C(() => !!e.visible())() && n();
     },
-    children: (d) => (() => {
-      var w = Ve(), c = w.firstChild;
-      return l(c, () => e.label(), null), l(c, i(x, {
+    children: (m) => (() => {
+      var w = qe(), d = w.firstChild;
+      return c(d, () => e.label(), null), c(d, a(x, {
         get when() {
-          return d().constraints.required;
+          return m().constraints.required;
         },
         get children() {
-          return Be();
+          return Pe();
         }
-      }), null), l(w, i(xe, {
+      }), null), c(w, a(Te, {
         get children() {
-          return [i(j, {
+          return [a(j, {
             get when() {
-              return d().enumValues?.length;
+              return m().enumValues?.length;
             },
             get children() {
-              var u = Pe();
-              return L(u, U(h, {
+              var g = Fe();
+              return L(g, U(h, {
                 get value() {
-                  return a();
+                  return o();
                 },
                 get "aria-readonly"() {
-                  return d().readOnly ? "true" : void 0;
+                  return m().readOnly ? "true" : void 0;
                 },
                 onChange: (r) => {
-                  if (d().readOnly) {
-                    r.currentTarget.value = a();
+                  if (m().readOnly) {
+                    r.currentTarget.value = o();
                     return;
                   }
                   e.setRaw("", r.currentTarget.value);
@@ -359,32 +363,32 @@ function ie(t) {
                 get onBlur() {
                   return e.onBlur;
                 }
-              }), !1, !0), l(u, i(E, {
+              }), !1, !0), c(g, a(E, {
                 get each() {
-                  return d().enumValues;
+                  return m().enumValues;
                 },
-                children: (r, p) => (() => {
-                  var o = qe();
-                  return l(o, () => r.title ?? String(r.value)), A(() => o.value = String(p())), o;
+                children: (r, f) => (() => {
+                  var i = je();
+                  return c(i, () => r.title ?? String(r.value)), A(() => i.value = String(f())), i;
                 })()
-              })), u;
+              })), g;
             }
-          }), i(j, {
+          }), a(j, {
             get when() {
-              return d().fieldType === "boolean";
+              return m().fieldType === "boolean";
             },
             get children() {
-              var u = ae();
-              return L(u, U(h, {
+              var g = ae();
+              return L(g, U(h, {
                 type: "checkbox",
                 get checked() {
                   return !!e.value();
                 },
                 get "aria-readonly"() {
-                  return d().readOnly ? "true" : void 0;
+                  return m().readOnly ? "true" : void 0;
                 },
                 onChange: (r) => {
-                  if (d().readOnly) {
+                  if (m().readOnly) {
                     r.currentTarget.checked = !!e.value();
                     return;
                   }
@@ -393,137 +397,137 @@ function ie(t) {
                 get onBlur() {
                   return e.onBlur;
                 }
-              }), !1, !1), u;
+              }), !1, !1), g;
             }
-          }), i(j, {
+          }), a(j, {
             get when() {
-              return d().widget === "textarea";
+              return m().widget === "textarea";
             },
             get children() {
-              var u = Fe();
-              return L(u, U(h, {
+              var g = Me();
+              return L(g, U(h, {
                 get value() {
                   return e.display();
                 },
                 get readOnly() {
-                  return d().readOnly;
+                  return m().readOnly;
                 },
-                onInput: g,
+                onInput: u,
                 get onBlur() {
                   return e.onBlur;
                 }
-              }), !1, !1), u;
+              }), !1, !1), g;
             }
-          }), i(j, {
+          }), a(j, {
             when: !0,
             get children() {
-              var u = ae();
-              return L(u, U(h, {
+              var g = ae();
+              return L(g, U(h, {
                 get type() {
-                  return d().fieldType === "number" || d().fieldType === "integer" ? "number" : "text";
+                  return m().fieldType === "number" || m().fieldType === "integer" ? "number" : "text";
                 },
                 get value() {
                   return e.display();
                 },
                 get readOnly() {
-                  return d().readOnly;
+                  return m().readOnly;
                 },
-                onInput: g,
+                onInput: u,
                 get onBlur() {
                   return e.onBlur;
                 }
-              }), !1, !1), u;
+              }), !1, !1), g;
             }
           })];
         }
-      }), null), l(w, i(x, {
+      }), null), c(w, a(x, {
         get when() {
           return e.description();
         },
         get children() {
-          var u = Me();
-          return l(u, () => e.description()), A(() => k(u, "id", e.descriptionId())), u;
+          var g = Ve();
+          return c(g, () => e.description()), A(() => k(g, "id", e.descriptionId())), g;
         }
-      }), null), l(w, i(Ne, {
+      }), null), c(w, a(Be, {
         get id() {
           return e.errorId();
         },
         get errors() {
           return e.visibleErrors();
         }
-      }), null), A(() => k(c, "for", e.inputId())), w;
+      }), null), A(() => k(d, "for", e.inputId())), w;
     })()
   });
 }
-var je = /* @__PURE__ */ y("<div>"), Le = /* @__PURE__ */ y("<button type=button>"), Ue = /* @__PURE__ */ y("<fieldset>"), Ke = /* @__PURE__ */ y("<legend>");
-function He(t) {
-  const e = q(), n = b(() => e.document().nodes[t.node.id] ?? t.node), a = b(() => n().children.map((r) => e.document().nodes[r]).filter((r) => r != null)), h = b(() => a().map(re)), g = b(() => n().annotations.title), d = b(() => {
+var Le = /* @__PURE__ */ $("<div>"), Ue = /* @__PURE__ */ $("<button type=button>"), Ke = /* @__PURE__ */ $("<fieldset>"), He = /* @__PURE__ */ $("<legend>");
+function We(t) {
+  const e = F(), n = b(() => e.document().nodes[t.node.id] ?? t.node), o = b(() => n().children.map((r) => e.document().nodes[r]).filter((r) => r != null)), h = b(() => o().map(re)), u = b(() => n().annotations.title), m = b(() => {
     const r = /* @__PURE__ */ new Map();
-    for (const p of n().boundaryTargets ?? [])
-      r.has(p.reason) || r.set(p.reason, p);
+    for (const f of n().boundaryTargets ?? [])
+      r.has(f.reason) || r.set(f.reason, f);
     return [...r.values()];
-  }), w = (r) => (e.messages().expandBoundary ?? ((o) => ({
-    label: `Show ${o.boundary}`,
-    accessibleName: `Show ${o.boundary}`
+  }), w = (r) => (e.messages().expandBoundary ?? ((i) => ({
+    label: `Show ${i.boundary}`,
+    accessibleName: `Show ${i.boundary}`
   })))({
     boundary: r.reason,
-    containerTitle: g(),
+    containerTitle: u(),
     position: 1,
     count: 1
-  }), c = (r) => {
+  }), d = (r) => {
     e.form().dispatch({
       type: "ExpandBoundary",
       containerId: n().id,
       targetToken: r.token
     });
-  }, u = () => (() => {
-    var r = je();
-    return l(r, i(E, {
+  }, g = () => (() => {
+    var r = Le();
+    return c(r, a(E, {
       get each() {
         return h();
       },
-      children: (p) => {
-        const o = b(() => a().find((f) => re(f) === p));
-        return i(x, {
+      children: (f) => {
+        const i = b(() => o().find((y) => re(y) === f));
+        return a(x, {
           get when() {
-            return o();
+            return i();
           },
-          children: (f) => i(Q, {
+          children: (y) => a(Q, {
             get node() {
-              return f();
+              return y();
             }
           })
         });
       }
-    }), null), l(r, i(E, {
+    }), null), c(r, a(E, {
       get each() {
-        return d();
+        return m();
       },
-      children: (p) => {
-        const o = w(p);
+      children: (f) => {
+        const i = w(f);
         return (() => {
-          var f = Le();
-          return f.$$click = () => c(p), l(f, () => o.label), A(() => k(f, "aria-label", o.accessibleName)), f;
+          var y = Ue();
+          return y.$$click = () => d(f), c(y, () => i.label), A(() => k(y, "aria-label", i.accessibleName)), y;
         })();
       }
     }), null), r;
   })();
-  return t.node.parentId === null ? u() : (() => {
-    var r = Ue();
-    return l(r, i(x, {
+  return t.node.parentId === null ? g() : (() => {
+    var r = Ke();
+    return c(r, a(x, {
       get when() {
-        return g();
+        return u();
       },
-      children: (p) => (() => {
-        var o = Ke();
-        return l(o, p), o;
+      children: (f) => (() => {
+        var i = He();
+        return c(i, f), i;
       })()
-    }), null), l(r, u, null), A(() => k(r, "role", g() === void 0 ? "none" : void 0)), r;
+    }), null), c(r, g, null), A(() => k(r, "role", u() === void 0 ? "none" : void 0)), r;
   })();
 }
 G(["click"]);
-function We() {
-  const t = ve();
+function Je() {
+  const t = $e();
   return t.register({
     test: (e) => e.type === "field" && e.enumValues != null && e.enumValues.length > 0,
     rank: 2
@@ -533,108 +537,102 @@ function We() {
   }, ie), t.register({
     test: (e) => e.type === "container" && e.containerType === "object",
     rank: 1
-  }, He), t.register({
+  }, We), t.register({
     test: (e) => e.type === "container" && e.containerType === "array",
     rank: 1
-  }, Re), t;
+  }, Oe), t;
 }
-var Je = /* @__PURE__ */ y("<div role=group tabindex=-1><h2></h2><ul>"), Ye = /* @__PURE__ */ y("<li><a>");
-function le(t, e, n) {
+var Ye = /* @__PURE__ */ $("<div role=group tabindex=-1><h2></h2><ul>"), ze = /* @__PURE__ */ $("<li><a>");
+function se(t, e, n) {
   return `${t}-${e}-${n}`;
 }
-function ze(t) {
-  const e = q(), n = M(() => e.form().visibleErrors), a = M(() => e.form().submission), h = $e(e.form().submission.getSnapshot()), g = b(() => le(e.idPrefix(), "error-summary", "heading"));
-  let d;
-  V(() => {
-    const c = n();
-    c.length > 0 && h.settle(a(), c) && t.focus !== !1 && queueMicrotask(() => d?.isConnected && d.focus());
+function Ge(t) {
+  const e = F(), n = V(() => e.form().visibleErrors), o = V(() => e.form().submission), h = be(e.form().submission.getSnapshot()), u = b(() => se(e.idPrefix(), "error-summary", "heading"));
+  let m;
+  q(() => {
+    const d = n();
+    d.length > 0 && h.settle(o(), d) && t.focus !== !1 && queueMicrotask(() => m?.isConnected && m.focus());
   });
-  const w = (c) => e.messages().errorSummaryDetail({
-    messages: _e(c)
+  const w = (d) => e.messages().errorSummaryDetail({
+    messages: we(d, e.messages())
   });
-  return i(x, {
+  return a(x, {
     get when() {
       return n().length > 0;
     },
     get children() {
-      var c = Je(), u = c.firstChild, r = u.nextSibling, p = d;
-      return typeof p == "function" ? de(p, c) : d = c, l(u, () => e.messages().errorSummaryHeading({
+      var d = Ye(), g = d.firstChild, r = g.nextSibling, f = m;
+      return typeof f == "function" ? de(f, d) : m = d, c(g, () => e.messages().errorSummaryHeading({
         count: n().length
-      })), l(r, i(E, {
+      })), c(r, a(E, {
         get each() {
           return n();
         },
-        children: (o) => (() => {
-          var f = Ye(), T = f.firstChild;
-          return l(T, () => be(o)), l(f, () => w(o), null), A(() => k(T, "href", `#${le(e.idPrefix(), o.nodeId, "input")}`)), f;
+        children: (i) => (() => {
+          var y = ze(), T = y.firstChild;
+          return c(T, () => _e(i, e.messages())), c(y, () => w(i), null), A(() => k(T, "href", `#${se(e.idPrefix(), i.nodeId, "input")}`)), y;
         })()
-      })), A((o) => {
-        var f = g(), T = g();
-        return f !== o.e && k(c, "aria-labelledby", o.e = f), T !== o.t && k(u, "id", o.t = T), o;
+      })), A((i) => {
+        var y = u(), T = u();
+        return y !== i.e && k(d, "aria-labelledby", i.e = y), T !== i.t && k(g, "id", i.t = T), i;
       }, {
         e: void 0,
         t: void 0
-      }), c;
+      }), d;
     }
   });
 }
-var Ge = /* @__PURE__ */ y("<form>");
 function Qe(t) {
   return Array.from(t, (e) => e.codePointAt(0).toString(36)).join("_");
 }
 function pt(t) {
-  const e = We(), n = t.form, a = b(() => t.form), h = M(() => a().document), g = () => t.registry ?? e, d = () => t.messages ?? we, w = `texaryn-${Qe(Te())}`, c = () => t.idPrefix ?? w;
-  let u = n;
-  V(() => {
-    const o = a();
-    if (o === u) return;
-    const f = u;
-    u = o, t.destroyOnUnmount !== !1 && f !== o && f.destroy();
+  const e = Je(), n = t.form, o = b(() => t.form), h = V(() => o().document), u = () => t.registry ?? e, m = () => t.messages ?? xe, w = `texaryn-${Qe(Ie())}`, d = () => t.idPrefix ?? w;
+  let g = n;
+  q(() => {
+    const f = o();
+    if (f === g) return;
+    const i = g;
+    g = f, t.destroyOnUnmount !== !1 && i !== f && i.destroy();
   }), K(() => {
-    t.destroyOnUnmount !== !1 && a().destroy();
+    t.destroyOnUnmount !== !1 && o().destroy();
   });
   const r = {
-    form: a,
+    form: o,
     document: h,
-    registry: g,
-    messages: d,
-    idPrefix: c
-  }, p = (o) => {
-    o.preventDefault(), a().dispatch({
-      type: "Submit"
-    });
+    registry: u,
+    messages: m,
+    idPrefix: d
   };
-  return i(me.Provider, {
+  return a(ge.Provider, {
     value: r,
     get children() {
-      var o = Ge();
-      return o.addEventListener("submit", p), l(o, i(x, {
+      return [a(x, {
         get when() {
-          return O(() => !!t.showErrorSummary)() && a();
+          return C(() => !!t.showErrorSummary)() && o();
         },
         keyed: !0,
         get children() {
-          return i(ze, {
+          return a(Ge, {
             get focus() {
               return t.summaryFocus !== !1;
             }
           });
         }
-      }), null), l(o, i(x, {
+      }), a(x, {
         get when() {
           return h().nodes[h().rootId];
         },
-        children: (f) => i(Q, {
+        children: (f) => a(Q, {
           get node() {
             return f();
           }
         })
-      }), null), l(o, () => t.children, null), o;
+      }), C(() => t.children)];
     }
   });
 }
-var Xe = /* @__PURE__ */ y("<fieldset><legend>"), Ze = /* @__PURE__ */ y("<div data-texaryn-layout>"), et = /* @__PURE__ */ y("<h2>"), tt = /* @__PURE__ */ y("<p role=note>"), rt = /* @__PURE__ */ y("<p>"), nt = /* @__PURE__ */ y("<button type=button>"), ot = /* @__PURE__ */ y("<ul>"), at = /* @__PURE__ */ y("<li>"), it = /* @__PURE__ */ y("<table><thead><tr></tr></thead><tbody>"), lt = /* @__PURE__ */ y("<th scope=col>"), st = /* @__PURE__ */ y("<tr>"), ct = /* @__PURE__ */ y("<td>");
-const fe = se();
+var Xe = /* @__PURE__ */ $("<fieldset><legend>"), Ze = /* @__PURE__ */ $("<div data-texaryn-layout>"), et = /* @__PURE__ */ $("<h2>"), tt = /* @__PURE__ */ $("<p role=note>"), rt = /* @__PURE__ */ $("<p>"), nt = /* @__PURE__ */ $("<button type=button>"), ot = /* @__PURE__ */ $("<ul>"), at = /* @__PURE__ */ $("<li>"), it = /* @__PURE__ */ $("<table><thead><tr></tr></thead><tbody>"), st = /* @__PURE__ */ $("<th scope=col>"), lt = /* @__PURE__ */ $("<tr>"), ct = /* @__PURE__ */ $("<td>");
+const fe = le();
 function X() {
   const t = ce(fe);
   if (!t) throw new Error("Display nodes must be rendered below DocumentRoot");
@@ -642,114 +640,114 @@ function X() {
 }
 function he(t) {
   const e = X();
-  return M(() => {
+  return V(() => {
     const n = e.runtime().getCollection(t);
     if (!n) throw new Error(`Node ${t} is not a collection`);
     return n;
   });
 }
 function Y(t) {
-  const e = X(), n = b(() => e.document().nodes[t.nodeId]), a = b(() => {
+  const e = X(), n = b(() => e.document().nodes[t.nodeId]), o = b(() => {
     const r = n();
     if (r)
       return r.type === "container" ? `container:${r.containerType}` : r.type === "text" ? `text:${r.textRole}` : r.type;
   }), h = b(() => {
     const r = n();
     return r ? e.registry()?.resolve(r) : void 0;
-  }), g = () => {
+  }), u = () => {
     const r = n();
     return r?.type === "container" ? r : void 0;
-  }, d = () => {
+  }, m = () => {
     const r = n();
     return r?.type === "text" ? r : void 0;
   }, w = () => {
     const r = n();
     return r?.type === "list" ? r : void 0;
-  }, c = () => {
+  }, d = () => {
     const r = n();
     return r?.type === "table" ? r : void 0;
-  }, u = () => {
+  }, g = () => {
     const r = n();
     return r?.type === "action" ? r : void 0;
   };
-  return i(x, {
+  return a(x, {
     get when() {
-      return a();
+      return o();
     },
     keyed: !0,
     children: (r) => {
-      let p = null;
+      let f = null;
       if (r.startsWith("container:")) {
-        const o = () => g()?.children ?? [];
-        p = r === "container:group" ? (() => {
-          var f = Xe(), T = f.firstChild;
-          return l(T, () => g()?.annotations.title), l(f, i(E, {
+        const i = () => u()?.children ?? [];
+        f = r === "container:group" ? (() => {
+          var y = Xe(), T = y.firstChild;
+          return c(T, () => u()?.annotations.title), c(y, a(E, {
             get each() {
-              return o();
+              return i();
             },
-            children: (v) => i(Y, {
-              nodeId: v
+            children: (p) => a(Y, {
+              nodeId: p
             })
-          }), null), f;
+          }), null), y;
         })() : (() => {
-          var f = Ze();
-          return l(f, i(E, {
+          var y = Ze();
+          return c(y, a(E, {
             get each() {
-              return o();
+              return i();
             },
-            children: (T) => i(Y, {
+            children: (T) => a(Y, {
               nodeId: T
             })
-          })), f;
+          })), y;
         })();
-      } else r === "text:heading" ? p = (() => {
-        var o = et();
-        return l(o, () => d()?.content), o;
-      })() : r === "text:help" ? p = (() => {
-        var o = tt();
-        return l(o, () => d()?.content), o;
-      })() : r === "text:paragraph" ? p = (() => {
-        var o = rt();
-        return l(o, () => d()?.content), o;
-      })() : r === "list" ? p = i(x, {
+      } else r === "text:heading" ? f = (() => {
+        var i = et();
+        return c(i, () => m()?.content), i;
+      })() : r === "text:help" ? f = (() => {
+        var i = tt();
+        return c(i, () => m()?.content), i;
+      })() : r === "text:paragraph" ? f = (() => {
+        var i = rt();
+        return c(i, () => m()?.content), i;
+      })() : r === "list" ? f = a(x, {
         get when() {
           return w();
         },
         get children() {
-          return i(ut, {
+          return a(ut, {
             get nodeId() {
               return t.nodeId;
             }
           });
         }
-      }) : r === "table" ? p = i(x, {
+      }) : r === "table" ? f = a(x, {
         get when() {
-          return c();
+          return d();
         },
         get children() {
-          return i(dt, {
+          return a(dt, {
             get nodeId() {
               return t.nodeId;
             }
           });
         }
-      }) : r === "action" && (p = (() => {
-        var o = nt();
-        return o.$$click = () => {
-          const f = n();
-          f?.type === "action" && e.runtime().invokeAction(f.id).catch((T) => {
-            const v = e.onActionError();
-            v ? v(T) : console.error(T);
+      }) : r === "action" && (f = (() => {
+        var i = nt();
+        return i.$$click = () => {
+          const y = n();
+          y?.type === "action" && e.runtime().invokeAction(y.id).catch((T) => {
+            const p = e.onActionError();
+            p ? p(T) : console.error(T);
           });
-        }, l(o, () => u()?.label ?? ""), A(() => o.disabled = !e.runtime().hasActionHandler(u()?.actionType ?? "")), o;
+        }, c(i, () => g()?.label ?? ""), A(() => i.disabled = !e.runtime().hasActionHandler(g()?.actionType ?? "")), i;
       })());
-      return i(x, {
+      return a(x, {
         get when() {
           return h();
         },
-        fallback: p,
+        fallback: f,
         get children() {
-          return i(ue, {
+          return a(ue, {
             get component() {
               return h();
             },
@@ -769,57 +767,57 @@ function ut(t) {
   const e = he(t.nodeId);
   return (() => {
     var n = ot();
-    return l(n, i(E, {
+    return c(n, a(E, {
       get each() {
-        return e().map((a) => a.id);
+        return e().map((o) => o.id);
       },
-      children: (a) => {
-        const h = () => e().find((g) => g.id === a);
+      children: (o) => {
+        const h = () => e().find((u) => u.id === o);
         return (() => {
-          var g = at();
-          return l(g, (() => {
-            var d = O(() => h()?.value == null);
-            return () => d() ? "" : String(h()?.value);
-          })()), g;
+          var u = at();
+          return c(u, (() => {
+            var m = C(() => h()?.value == null);
+            return () => m() ? "" : String(h()?.value);
+          })()), u;
         })();
       }
     })), n;
   })();
 }
 function dt(t) {
-  const e = X(), n = he(t.nodeId), a = b(() => {
+  const e = X(), n = he(t.nodeId), o = b(() => {
     const h = e.document().nodes[t.nodeId];
     return h?.type === "table" ? h : void 0;
   });
   return (() => {
-    var h = it(), g = h.firstChild, d = g.firstChild, w = g.nextSibling;
-    return l(d, i(E, {
+    var h = it(), u = h.firstChild, m = u.firstChild, w = u.nextSibling;
+    return c(m, a(E, {
       get each() {
-        return a()?.columns ?? [];
+        return o()?.columns ?? [];
       },
-      children: (c) => (() => {
-        var u = lt();
-        return l(u, () => c.label), u;
+      children: (d) => (() => {
+        var g = st();
+        return c(g, () => d.label), g;
       })()
-    })), l(w, i(E, {
+    })), c(w, a(E, {
       get each() {
-        return n().map((c) => c.id);
+        return n().map((d) => d.id);
       },
-      children: (c) => {
-        const u = () => n().find((r) => r.id === c);
+      children: (d) => {
+        const g = () => n().find((r) => r.id === d);
         return (() => {
-          var r = st();
-          return l(r, i(E, {
+          var r = lt();
+          return c(r, a(E, {
             get each() {
-              return a()?.columns ?? [];
+              return o()?.columns ?? [];
             },
-            children: (p, o) => {
-              const f = () => u()?.cells[o()] ?? null;
+            children: (f, i) => {
+              const y = () => g()?.cells[i()] ?? null;
               return (() => {
                 var T = ct();
-                return l(T, (() => {
-                  var v = O(() => f() === null);
-                  return () => v() ? "" : String(f());
+                return c(T, (() => {
+                  var p = C(() => y() === null);
+                  return () => p() ? "" : String(y());
                 })()), T;
               })();
             }
@@ -830,41 +828,41 @@ function dt(t) {
   })();
 }
 function vt(t) {
-  const e = M(() => t.runtime.document), n = {
+  const e = V(() => t.runtime.document), n = {
     runtime: () => t.runtime,
     document: e,
     registry: () => t.registry,
     onActionError: () => t.onActionError
   };
-  return i(fe.Provider, {
+  return a(fe.Provider, {
     value: n,
     get children() {
-      return [i(x, {
+      return [a(x, {
         get when() {
           return e().rootId;
         },
         keyed: !0,
-        children: (a) => i(Y, {
-          nodeId: a
+        children: (o) => a(Y, {
+          nodeId: o
         })
-      }), O(() => t.children)];
+      }), C(() => t.children)];
     }
   });
 }
 G(["click"]);
 export {
-  Re as ArrayControl,
+  Oe as ArrayControl,
   vt as DocumentRoot,
-  ze as ErrorSummary,
-  Ne as FieldErrors,
+  Ge as ErrorSummary,
+  Be as FieldErrors,
   ie as FieldWidget,
-  me as FormContext,
+  ge as FormContext,
   pt as FormRoot,
   Q as NodeRenderer,
-  He as ObjectLayout,
-  We as createDefaultRegistry,
+  We as ObjectLayout,
+  Je as createDefaultRegistry,
   ht as createForm,
   yt as useField,
-  q as useFormContext,
-  M as useStore
+  F as useFormContext,
+  V as useStore
 };