@xy-planning-network/trees 0.6.5-rc-2 → 0.6.5-rc-4

package/README.md

@@ -57,6 +57,25 @@ Additional peer dependecies will be installed by NPM. If you are using NPM < 7 y
 
 ## Setup
 
+### ESLint
+
+**Initialize ESLint rules in .eslintrc.js**
+
+```js
+/* eslint-env node */
+module.exports = {
+  extends: "./node_modules/@xy-planning-network/trees/config/eslint.js",
+}
+```
+
+### Prettier
+
+**Initialize Prettier rules in .prettierrc.json**
+
+```json
+"@xy-planning-network/trees/config/prettier.js"
+```
+
 ### Fonts
 
 **Include Inter Var in html template**

package/{eslint-config-base/index.js → config/eslint.js}

@@ -4,7 +4,7 @@ require("@rushstack/eslint-patch/modern-module-resolution")
 module.exports = {
   root: true,
   extends: [
-    "plugin:vue/vue3-essential",
+    "plugin:vue/vue3-recommended",
     "eslint:recommended",
     "@vue/eslint-config-typescript",
     "@vue/eslint-config-prettier/skip-formatting",

package/dist/trees.es.js

@@ -3705,7 +3705,7 @@ function tl(t, n) {
     })
   ]);
 }
-const nl = /* @__PURE__ */ m("span", { class: "sr-only" }, "Open options", -1), rl = { class: "py-1" }, al = ["textContent", "onClick"], ol = /* @__PURE__ */ L({
+const nl = /* @__PURE__ */ m("span", { class: "sr-only" }, "Open options", -1), rl = { class: "py-1" }, al = ["onClick", "textContent"], ol = /* @__PURE__ */ L({
   props: {
     currentUser: null,
     items: null,
@@ -3768,8 +3768,8 @@ const nl = /* @__PURE__ */ m("span", { class: "sr-only" }, "Open options", -1),
                             c ? "bg-gray-100 text-gray-900" : "text-gray-700",
                             "block w-full text-left px-4 py-2 text-sm font-semibold"
                           ]),
-                          textContent: H(s.label),
-                          onClick: (f) => a(s.event)
+                          onClick: (f) => a(s.event),
+                          textContent: H(s.label)
                         }, null, 10, al)
                       ]),
                       _: 2
@@ -3795,8 +3795,8 @@ const nl = /* @__PURE__ */ m("span", { class: "sr-only" }, "Open options", -1),
       class: Y(["mt-5 grid grid-cols-1 gap-5", "lg:grid-cols-" + t.cards.length])
     }, [
       (y(!0), E(K, null, ee(t.cards, (a, r) => (y(), E("div", {
-        class: "bg-white overflow-hidden shadow rounded-lg",
-        key: r
+        key: r,
+        class: "bg-white overflow-hidden shadow rounded-lg"
       }, [
         m("div", il, [
           m("dl", null, [
@@ -3835,8 +3835,8 @@ const nl = /* @__PURE__ */ m("span", { class: "sr-only" }, "Open options", -1),
           as: "div",
           static: "",
           class: "fixed z-30 inset-0 overflow-y-auto",
-          onClose: r[1] || (r[1] = (o) => e(!1)),
-          open: t.modelValue
+          open: t.modelValue,
+          onClose: r[1] || (r[1] = (o) => e(!1))
         }, {
           default: P(() => [
             m("div", dl, [
@@ -5167,7 +5167,7 @@ const Ne = /* @__PURE__ */ L({
       _: 1
     }, 16)) : W("", !0);
   }
-}), Dl = ["aria-labelledby", "aria-describedby", "id", "placeholder", "type", "value"], go = /* @__PURE__ */ L({
+}), Dl = ["id", "aria-labelledby", "aria-describedby", "placeholder", "type", "value"], go = /* @__PURE__ */ L({
   props: {
     type: null,
     help: { default: "" },
@@ -5192,12 +5192,13 @@ const Ne = /* @__PURE__ */ L({
     ], i = F(() => typeof e.type == "string" && o.includes(e.type));
     return (s, u) => (y(), E(K, null, [
       k(Ne, {
-        class: "block",
         id: `${v(r)}-label`,
+        class: "block",
         for: v(r),
         label: t.label
       }, null, 8, ["id", "for", "label"]),
       m("input", je({
+        id: v(r),
         "aria-labelledby": t.label ? `${v(r)}-label` : void 0,
         "aria-describedby": t.help ? `${v(r)}-help` : void 0,
         class: [
@@ -5215,12 +5216,12 @@ const Ne = /* @__PURE__ */ L({
             "disabled:cursor-not-allowed"
           ] : []
         ],
-        id: v(r),
         placeholder: t.label,
         type: t.type,
-        value: t.modelValue,
+        value: t.modelValue
+      }, s.$attrs, {
         onInput: u[0] || (u[0] = (c) => n("update:modelValue", c.target.value))
-      }, s.$attrs), null, 16, Dl),
+      }), null, 16, Dl),
       k(Ie, {
         id: `${v(r)}-help`,
         text: t.help
@@ -5259,14 +5260,14 @@ const Ne = /* @__PURE__ */ L({
         }
       });
     }), (i, s) => (y(), V(go, {
+      id: v(r),
       type: "text",
       placeholder: "mm-dd-yyyy range",
-      id: v(r),
       label: t.label,
       help: t.help
     }, null, 8, ["id", "label", "help"]));
   }
-}), $l = ["aria-labelledby", "aria-describedby", "id", "value"], El = {
+}), $l = ["id", "aria-labelledby", "aria-describedby", "value"], El = {
   key: 0,
   value: "",
   disabled: "",
@@ -5293,10 +5294,10 @@ const Ne = /* @__PURE__ */ L({
         label: t.label
       }, null, 8, ["id", "for", "label"]),
       m("select", je({
+        id: v(r),
         "aria-labelledby": t.label ? `${v(r)}-label` : void 0,
         "aria-describedby": t.help ? `${v(r)}-help` : void 0,
         class: v(o),
-        id: v(r),
         value: t.modelValue
       }, {
         ...i.$attrs,
@@ -5306,9 +5307,9 @@ const Ne = /* @__PURE__ */ L({
       }), [
         t.placeholder ? (y(), E("option", El, H(t.placeholder), 1)) : W("", !0),
         (y(!0), E(K, null, ee(t.options, (u) => (y(), E("option", {
+          key: u.value,
           value: u.value,
-          textContent: H(u.label),
-          key: u.value
+          textContent: H(u.label)
         }, null, 8, kl))), 128))
       ], 16, $l),
       k(Ie, {
@@ -5503,7 +5504,7 @@ const wo = {
 ], -1), Rl = /* @__PURE__ */ Fe(" Previous "), Nl = [
   Ll,
   Rl
-], Fl = { class: "hidden md:flex" }, jl = ["textContent", "onClick"], Bl = { class: "w-0 flex-1 flex justify-end" }, Vl = /* @__PURE__ */ Fe(" Next "), Hl = /* @__PURE__ */ m("svg", {
+], Fl = { class: "hidden md:flex" }, jl = ["onClick", "textContent"], Bl = { class: "w-0 flex-1 flex justify-end" }, Vl = /* @__PURE__ */ Fe(" Next "), Hl = /* @__PURE__ */ m("svg", {
   class: "ml-3 h-5 w-5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
@@ -5556,14 +5557,14 @@ const wo = {
       ]),
       m("div", Fl, [
         (y(!0), E(K, null, ee(v(r), (s) => (y(), E("a", {
+          key: s,
           href: "#",
           class: Y([
             "-mt-px border-t-2 pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium",
             t.modelValue.page === s ? "border-blue-500 text-blue-600 focus:outline-none focus:text-blue-800 focus:border-blue-700" : "border-transparent text-gray-700 hover:text-gray-900 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400"
           ]),
-          key: s,
-          textContent: H(s),
-          onClick: Pt((u) => a(s), ["prevent"])
+          onClick: Pt((u) => a(s), ["prevent"]),
+          textContent: H(s)
         }, null, 10, jl))), 128))
       ]),
       m("div", Bl, [
@@ -5726,8 +5727,8 @@ const wo = {
                       ]),
                       m("div", eu, [
                         m("button", {
-                          onClick: (u) => v(n).remove(i),
-                          class: "inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150"
+                          class: "inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150",
+                          onClick: (u) => v(n).remove(i)
                         }, ru, 8, tu)
                       ])
                     ])
@@ -5829,7 +5830,7 @@ const su = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20
 }, "​", -1), uu = { class: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl w-full" }, du = { class: "block absolute top-0 right-0 pt-4 pr-4" }, cu = /* @__PURE__ */ m("span", { class: "sr-only" }, "Close", -1), fu = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, pu = { class: "mt-3 sm:mt-0 sm:text-left" }, mu = { class: "mt-2" }, hu = {
   key: 0,
   class: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"
-}, vu = ["textContent", "disabled"], gu = /* @__PURE__ */ L({
+}, vu = ["disabled", "textContent"], gu = /* @__PURE__ */ L({
   props: {
     destructive: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
@@ -5853,8 +5854,8 @@ const su = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20
           as: "div",
           static: "",
           class: "fixed z-30 inset-0 overflow-y-auto",
-          onClose: o[3] || (o[3] = (i) => a(!1)),
-          open: t.modelValue
+          open: t.modelValue,
+          onClose: o[3] || (o[3] = (i) => a(!1))
         }, {
           default: P(() => [
             m("div", su, [
@@ -5917,15 +5918,15 @@ const su = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20
                       m("button", {
                         type: "button",
                         class: Y(["xy-btn w-full sm:ml-3 sm:w-auto sm:text-sm", [t.destructive ? "xy-btn-red" : "xy-btn"]]),
+                        disabled: t.disabled,
                         onClick: o[1] || (o[1] = (i) => e()),
-                        textContent: H(t.submitText),
-                        disabled: t.disabled
+                        textContent: H(t.submitText)
                       }, null, 10, vu),
                       m("button", {
+                        ref: "cancelButtonRef",
                         type: "button",
                         class: "xy-btn-white mt-3 w-full sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm",
-                        onClick: o[2] || (o[2] = (i) => a(!1)),
-                        ref: "cancelButtonRef"
+                        onClick: o[2] || (o[2] = (i) => a(!1))
                       }, " Cancel ", 512)
                     ])) : W("", !0),
                     ne(r.$slots, "buttons")
@@ -6104,8 +6105,8 @@ const su = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20
               as: "div",
               static: "",
               class: "fixed inset-0 flex z-10 md:hidden",
-              onClose: o[1] || (o[1] = (i) => e.value = !1),
-              open: e.value
+              open: e.value,
+              onClose: o[1] || (o[1] = (i) => e.value = !1)
             }, {
               default: P(() => [
                 k(v(Je), {
@@ -6495,8 +6496,8 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
           as: "div",
           static: "",
           class: "fixed inset-0 z-20 overflow-hidden bg-black bg-opacity-50",
-          onClose: i[1] || (i[1] = (s) => r()),
-          open: t.modelValue
+          open: t.modelValue,
+          onClose: i[1] || (i[1] = (s) => r())
         }, {
           default: P(() => [
             m("div", cd, [
@@ -6777,8 +6778,8 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
               m("thead", null, [
                 m("tr", null, [
                   (y(!0), E(K, null, ee(t.tableData.columns, (r, o) => (y(), E("th", {
-                    class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase bg-gray-50 leading-4",
                     key: o,
+                    class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase bg-gray-50 leading-4",
                     textContent: H(r.display)
                   }, null, 8, ac))), 128))
                 ])
@@ -6788,8 +6789,8 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
                   key: r.id ? r.id : o
                 }, [
                   (y(!0), E(K, null, ee(t.tableData.columns, (i, s) => (y(), E("td", {
-                    class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap leading-5",
-                    key: o + "-" + s
+                    key: o + "-" + s,
+                    class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap leading-5"
                   }, [
                     i.component ? (y(), V(lt(i.component), {
                       key: 0,
@@ -6946,6 +6947,7 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
     loader: { type: Boolean, default: !0 },
     tableData: null
   },
+  emits: ["handleClick"],
   setup(t) {
     const n = t, e = S(
       n.tableData.defaultSort ? n.tableData.defaultSort : ""
@@ -7021,9 +7023,9 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
           m("div", Sc, [
             Mc,
             Jn(m("input", {
+              "onUpdate:modelValue": C[0] || (C[0] = (D) => s.value = D),
               class: "pl-10",
               type: "search",
-              "onUpdate:modelValue": C[0] || (C[0] = (D) => s.value = D),
               placeholder: "Search",
               onChange: C[1] || (C[1] = (D) => p())
             }, null, 544), [
@@ -7051,8 +7053,8 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
           m("thead", null, [
             m("tr", null, [
               (y(!0), E(K, null, ee(t.tableData.columns, (D, _) => (y(), E("th", {
-                class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase border-b border-gray-200 bg-gray-50 leading-4",
-                key: _
+                key: _,
+                class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase border-b border-gray-200 bg-gray-50 leading-4"
               }, [
                 D.display.length ? (y(), E("span", Ac, H(D.display), 1)) : W("", !0),
                 D.sort ? (y(), E("span", {
@@ -7068,12 +7070,12 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
           m("tbody", Yc, [
             (y(!0), E(K, null, ee(o.value, (D, _) => (y(), E("tr", {
               key: D.id ? D.id : _,
-              onClick: (O) => w.$emit("handleClick", D),
-              class: Y({ "cursor-pointer": t.clickable })
+              class: Y({ "cursor-pointer": t.clickable }),
+              onClick: (O) => w.$emit("handleClick", D)
             }, [
               (y(!0), E(K, null, ee(t.tableData.columns, (O, R) => (y(), E("td", {
-                class: Y(["px-6 py-4 text-sm text-gray-700 whitespace-nowrap border-b border-gray-200 leading-5", O.class]),
-                key: _ + "-" + R
+                key: _ + "-" + R,
+                class: Y(["px-6 py-4 text-sm text-gray-700 whitespace-nowrap border-b border-gray-200 leading-5", O.class])
               }, [
                 O.component ? (y(), V(lt(O.component), {
                   key: 0,
@@ -7109,7 +7111,7 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
 }), Jc = /* @__PURE__ */ m("label", {
   for: "tabs",
   class: "sr-only"
-}, "Select a tab", -1), Xc = { class: "hidden sm:block" }, Qc = ["textContent", "onClick"], Zc = /* @__PURE__ */ L({
+}, "Select a tab", -1), Xc = { class: "hidden sm:block" }, Qc = ["onClick", "textContent"], Zc = /* @__PURE__ */ L({
   props: {
     modelValue: null,
     pillDesign: { type: Boolean, default: !1 },
@@ -7132,10 +7134,10 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
           Jc,
           k(u, {
             name: "tabs",
-            modelValue: t.modelValue,
-            "onUpdate:modelValue": s[0] || (s[0] = (c) => a(c)),
-            options: t.tabs
-          }, null, 8, ["modelValue", "options"])
+            "model-value": t.modelValue,
+            options: t.tabs,
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => a(c))
+          }, null, 8, ["model-value", "options"])
         ], 2),
         m("div", Xc, [
           m("div", {
@@ -7145,11 +7147,11 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
               class: Y(["flex", [t.pillDesign ? "ml-8" : "-mb-px"]])
             }, [
               (y(!0), E(K, null, ee(t.tabs, (c, f) => (y(), E("a", {
+                key: f,
                 href: "#",
                 class: Y(r(c.value, f > 0)),
-                key: f,
-                textContent: H(c.label),
-                onClick: Pt((b) => a(c.value), ["prevent"])
+                onClick: Pt((b) => a(c.value), ["prevent"]),
+                textContent: H(c.label)
               }, null, 10, Qc))), 128))
             ], 2)
           ], 2)
@@ -7168,7 +7170,7 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
         t.modelValue ? "bg-blue-600" : "bg-gray-200",
         "relative inline-flex shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
       ]),
-      modelValue: t.modelValue,
+      "model-value": t.modelValue,
       "onUpdate:modelValue": a[0] || (a[0] = (r) => n("update:modelValue", r))
     }, {
       default: P(() => [
@@ -7182,7 +7184,7 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
         }, null, 2)
       ]),
       _: 1
-    }, 8, ["class", "modelValue"]));
+    }, 8, ["class", "model-value"]));
   }
 }), nf = { class: "relative flex items-start" }, rf = { class: "flex items-center h-5" }, af = ["id", "aria-labelledby", "aria-describedby", "checked"], of = { class: "ml-3" }, sf = /* @__PURE__ */ L({
   props: {
@@ -7211,15 +7213,15 @@ const dd = /* @__PURE__ */ id(sd, [["render", ud]]), cd = { class: "absolute ins
       ]),
       m("div", of, [
         k(Ne, {
+          id: `${v(a)}-label`,
           class: "mt-auto",
           disabled: r.$attrs.hasOwnProperty("disabled") && r.$attrs.disabled !== !1,
-          id: `${v(a)}-label`,
           for: v(a),
           label: t.label
-        }, null, 8, ["disabled", "id", "for", "label"]),
+        }, null, 8, ["id", "disabled", "for", "label"]),
         k(Ie, {
-          class: "-mt-1",
           id: `${v(a)}-help`,
+          class: "-mt-1",
           text: t.help
         }, null, 8, ["id", "text"])
       ])
@@ -7277,10 +7279,10 @@ const gn = /* @__PURE__ */ L({
           _: 3
         }, 8, ["id"]),
         k(Ie, {
+          id: `${v(o)}-help`,
           tag: "p",
-          text: t.help,
-          id: `${v(o)}-help`
-        }, null, 8, ["text", "id"])
+          text: t.help
+        }, null, 8, ["id", "text"])
       ])) : W("", !0),
       m("div", ff, [
         m("div", {
@@ -7313,15 +7315,15 @@ const gn = /* @__PURE__ */ L({
             ]),
             m("div", hf, [
               k(Ne, {
+                id: `${v(o)}-${b}-label`,
                 class: "mt-auto",
                 disabled: u.$attrs.hasOwnProperty("disabled") && u.$attrs.disabled !== !1 || f.disabled === !0,
-                id: `${v(o)}-${b}-label`,
                 for: `${v(o)}-${b}`,
                 label: f.label
-              }, null, 8, ["disabled", "id", "for", "label"]),
+              }, null, 8, ["id", "disabled", "for", "label"]),
               k(Ie, {
-                class: "-mt-1",
                 id: `${v(o)}-${b}-help`,
+                class: "-mt-1",
                 text: f.help
               }, null, 8, ["id", "text"])
             ])
@@ -7333,7 +7335,7 @@ const gn = /* @__PURE__ */ L({
 }), gf = ["aria-labelledby", "aria-describedby"], bf = {
   key: 0,
   class: "space-y-0.5"
-}, yf = { key: 0 }, wf = { class: "flex" }, xf = { class: "flex items-center h-5" }, Cf = ["aria-describedby", "aria-labelledby", "checked", "disabled", "id", "name", "value"], Df = { class: "ml-3" }, $f = /* @__PURE__ */ L({
+}, yf = { key: 0 }, wf = { class: "flex" }, xf = { class: "flex items-center h-5" }, Cf = ["id", "aria-describedby", "aria-labelledby", "checked", "disabled", "name", "value"], Df = { class: "ml-3" }, $f = /* @__PURE__ */ L({
   props: {
     options: null,
     help: { default: "" },
@@ -7360,10 +7362,10 @@ const gn = /* @__PURE__ */ L({
           _: 3
         }, 8, ["id"]),
         k(Ie, {
+          id: `${v(o)}-help`,
           tag: "p",
-          text: t.help,
-          id: `${v(o)}-help`
-        }, null, 8, ["text", "id"])
+          text: t.help
+        }, null, 8, ["id", "text"])
       ])) : W("", !0),
       m("div", wf, [
         m("div", {
@@ -7380,12 +7382,12 @@ const gn = /* @__PURE__ */ L({
           }, [
             m("div", xf, [
               m("input", je({
+                id: `${v(o)}-${f}`,
                 "aria-describedby": c != null && c.help && c.help ? `${v(o)}-${f}-help` : void 0,
                 "aria-labelledby": `${v(o)}-${f}-label`,
                 checked: t.modelValue === c.value,
                 class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue disabled:opacity-50 disabled:cursor-not-allowed",
                 disabled: c.disabled === !0 ? !0 : void 0,
-                id: `${v(o)}-${f}`,
                 name: v(o),
                 type: "radio",
                 value: c.value
@@ -7398,15 +7400,15 @@ const gn = /* @__PURE__ */ L({
             ]),
             m("div", Df, [
               k(Ne, {
+                id: `${v(o)}-${f}-label`,
                 class: "mt-auto",
                 disabled: s.$attrs.hasOwnProperty("disabled") && s.$attrs.disabled !== !1 || c.disabled === !0,
-                id: `${v(o)}-${f}-label`,
                 for: `${v(o)}-${f}`,
                 label: c.label
-              }, null, 8, ["disabled", "id", "for", "label"]),
+              }, null, 8, ["id", "disabled", "for", "label"]),
               k(Ie, {
-                class: "-mt-1",
                 id: `${v(o)}-${f}-help`,
+                class: "-mt-1",
                 text: c.help
               }, null, 8, ["id", "text"])
             ])
@@ -7432,11 +7434,11 @@ const gn = /* @__PURE__ */ L({
       o.value = f, i.value = !1, n("update:modelValue", f);
     }, c = F(() => typeof a.name == "string" && a.name !== "" ? a.name : r);
     return (f, b) => (y(), V(v(Us), {
-      modelValue: v(s),
-      "onUpdate:modelValue": u,
+      "model-value": v(s),
       disabled: typeof v(a).disabled == "boolean" ? v(a).disabled : !1,
       "aria-invalid": i.value === !0 ? "true" : null,
-      "aria-errormessage": i.value === !0 ? `error-${v(r)}` : null
+      "aria-errormessage": i.value === !0 ? `error-${v(r)}` : null,
+      "onUpdate:modelValue": u
     }, {
       default: P(() => [
         t.legend ? (y(), V(v(ma), {
@@ -7471,9 +7473,9 @@ const gn = /* @__PURE__ */ L({
           }])
         }, [
           (y(!0), E(K, null, ee(t.options, (p) => (y(), V(v(Ys), {
+            key: p.value,
             as: "template",
             disabled: p != null && p.disabled ? p.disabled : !1,
-            key: p.value,
             value: p.value
           }, {
             default: P(({ active: g, checked: w, disabled: C }) => [
@@ -7559,9 +7561,9 @@ const gn = /* @__PURE__ */ L({
         ], 2)
       ]),
       _: 3
-    }, 8, ["modelValue", "disabled", "aria-invalid", "aria-errormessage"]));
+    }, 8, ["model-value", "disabled", "aria-invalid", "aria-errormessage"]));
   }
-}), Of = ["aria-labelledby", "aria-describedby", "id", "value"], Pf = /* @__PURE__ */ L({
+}), Of = ["id", "aria-labelledby", "aria-describedby", "value"], Pf = /* @__PURE__ */ L({
   props: {
     help: { default: "" },
     label: { default: "" },
@@ -7572,12 +7574,13 @@ const gn = /* @__PURE__ */ L({
     const a = Ke().id || ze.CreateIdAttribute();
     return (r, o) => (y(), E(K, null, [
       k(Ne, {
-        class: "block",
         id: `${v(a)}-label`,
+        class: "block",
         for: v(a),
         label: t.label
       }, null, 8, ["id", "for", "label"]),
       m("textarea", je({
+        id: v(a),
         "aria-labelledby": t.label ? `${v(a)}-label` : void 0,
         "aria-describedby": t.help ? `${v(a)}-help` : void 0,
         class: [
@@ -7593,10 +7596,10 @@ const gn = /* @__PURE__ */ L({
           "disabled:opacity-70",
           "disabled:cursor-not-allowed"
         ],
-        id: v(a),
-        value: t.modelValue,
+        value: t.modelValue
+      }, r.$attrs, {
         onInput: o[0] || (o[0] = (i) => n("update:modelValue", i.target.value))
-      }, r.$attrs), null, 16, Of),
+      }), null, 16, Of),
       k(Ie, {
         id: `${v(a)}-help`,
         text: t.help
@@ -7630,10 +7633,10 @@ const gn = /* @__PURE__ */ L({
           tag: "legend"
         }, null, 8, ["label"]),
         k(Ie, {
+          id: `${v(r)}-help`,
           tag: "p",
-          text: t.help,
-          id: `${v(r)}-help`
-        }, null, 8, ["text", "id"])
+          text: t.help
+        }, null, 8, ["id", "text"])
       ])) : W("", !0),
       m("div", null, [
         m("label", {
@@ -7641,9 +7644,9 @@ const gn = /* @__PURE__ */ L({
           for: `${v(o) ? t.name : v(r)}-true`
         }, [
           m("input", je({
+            id: `${v(o) ? t.name : v(r)}-true`,
             type: "radio",
             class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue disabled:opacity-50 disabled:cursor-not-allowed",
-            id: `${v(o) ? t.name : v(r)}-true`,
             name: v(o) ? t.name : v(r),
             value: !0,
             checked: t.modelValue === !0
@@ -7663,9 +7666,9 @@ const gn = /* @__PURE__ */ L({
           for: `${v(o) ? t.name : v(r)}-false`
         }, [
           m("input", je({
+            id: `${v(o) ? t.name : v(r)}-false`,
             type: "radio",
             class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue disabled:opacity-50 disabled:cursor-not-allowed",
-            id: `${v(o) ? t.name : v(r)}-false`,
             name: v(o) ? t.name : v(r),
             value: !1,
             checked: t.modelValue === !1