@geckou/ui-vue 0.9.0 → 0.12.0

package/dist/components/DateRangePicker.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, computed as i, watch as z, onBeforeUnmount as E, openBlock as b, createElementBlock as q, normalizeClass as c, createVNode as r, createElementVNode as x, unref as k } from "vue";
-import { MESSAGES as B } from "@geckou/ui-core";
-import g from "./DatePicker.vue.js";
-import S from "./ErrorMessage.vue.js";
-const A = /* @__PURE__ */ R({
+import { defineComponent as b, computed as l, watch as q, onBeforeUnmount as x, openBlock as S, createElementBlock as k, normalizeClass as v, createVNode as s, createElementVNode as B, unref as $ } from "vue";
+import { formatDateValue as M, MESSAGES as N } from "@geckou/ui-core";
+import y from "./DatePicker.vue.js";
+import U from "./ErrorMessage.vue.js";
+const w = /* @__PURE__ */ b({
   __name: "DateRangePicker",
   props: {
     name: {},
@@ -16,59 +16,61 @@ const A = /* @__PURE__ */ R({
     type: { default: "date" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: M }) {
-    const u = M, t = e, l = i(() => t.modelValue.start), n = i(() => t.modelValue.end), s = i(
-      () => !(l.value && n.value && l.value > n.value)
-    ), f = i(() => `${t.name}Range`);
-    z(
-      [s, f],
-      ([a, d], m) => {
-        var V, D;
-        const o = m == null ? void 0 : m[1];
-        o && o !== d && ((V = t.formValidationManager) == null || V.remove(o)), (D = t.formValidationManager) == null || D.setValid(d, a);
+  setup(e, { emit: z }) {
+    const f = z, t = e, n = l(() => t.modelValue.start), i = l(() => t.modelValue.end), d = l(
+      () => M(n.value, t.type)
+    ), m = l(() => M(i.value, t.type)), V = l(
+      () => !(d.value && m.value && d.value > m.value)
+    ), c = l(() => `${t.name}Range`);
+    q(
+      [V, c],
+      ([a, o], r) => {
+        var D, g;
+        const u = r == null ? void 0 : r[1];
+        u && u !== o && ((D = t.formValidationManager) == null || D.remove(u)), (g = t.formValidationManager) == null || g.setValid(o, a);
       },
       { immediate: !0 }
-    ), E(() => {
+    ), x(() => {
       var a;
-      return (a = t.formValidationManager) == null ? void 0 : a.remove(f.value);
+      return (a = t.formValidationManager) == null ? void 0 : a.remove(c.value);
     });
-    const v = (a) => u("update:modelValue", { start: a ?? "", end: n.value }), y = (a) => u("update:modelValue", { start: l.value, end: a ?? "" });
-    return (a, d) => (b(), q("div", {
-      class: c(a.$style.date_range_picker)
+    const R = (a) => f("update:modelValue", { start: a ?? "", end: i.value }), E = (a) => f("update:modelValue", { start: n.value, end: a ?? "" });
+    return (a, o) => (S(), k("div", {
+      class: v(a.$style.date_range_picker)
     }, [
-      r(g, {
+      s(y, {
         name: `${e.name}Start`,
-        modelValue: l.value,
+        modelValue: n.value,
         isDisabled: e.isDisabled,
         isRequired: e.isRequired,
         formValidationManager: e.formValidationManager,
         minDate: e.minDate,
-        maxDate: n.value || e.maxDate,
+        maxDate: m.value || e.maxDate,
         size: e.size,
         type: e.type,
-        "onUpdate:modelValue": v
+        "onUpdate:modelValue": R
       }, null, 8, ["name", "modelValue", "isDisabled", "isRequired", "formValidationManager", "minDate", "maxDate", "size", "type"]),
-      x("div", {
-        class: c(a.$style.range)
+      B("div", {
+        class: v(a.$style.range)
       }, "〜", 2),
-      r(g, {
+      s(y, {
         name: `${e.name}End`,
-        modelValue: n.value,
+        modelValue: i.value,
         isDisabled: e.isDisabled,
         isRequired: e.isRequired,
         formValidationManager: e.formValidationManager,
-        minDate: l.value || e.minDate,
+        minDate: d.value || e.minDate,
         maxDate: e.maxDate,
         size: e.size,
         type: e.type,
-        "onUpdate:modelValue": y
+        "onUpdate:modelValue": E
       }, null, 8, ["name", "modelValue", "isDisabled", "isRequired", "formValidationManager", "minDate", "maxDate", "size", "type"]),
-      r(S, {
-        errorMessages: s.value ? void 0 : [k(B).startAfterEnd]
+      s(U, {
+        errorMessages: V.value ? void 0 : [$(N).startAfterEnd]
       }, null, 8, ["errorMessages"])
     ], 2));
   }
 });
 export {
-  A as default
+  w as default
 };

package/dist/components/DateSelector.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as T, ref as x, computed as y, watch as M, watchEffect as A, onBeforeUnmount as O, openBlock as s, createBlock as j, normalizeClass as u, withCtx as U, createElementVNode as o, createElementBlock as d, Fragment as h, renderList as $, toDisplayString as B, createVNode as c, createCommentVNode as Y, unref as k } from "vue";
-import { daysInMonth as z, splitDate as H } from "@geckou/ui-core";
-import P from "./InputBox.vue.js";
-import C from "./Icon/KeyboardArrowDownIcon.vue.js";
-import G from "./TextButton.vue.js";
-import { nextUniqueId as J } from "../scripts/unique-id.js";
-const K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["value"], W = ["value", "name", "aria-label", "aria-labelledby", "required"], X = ["value"], Z = ["value", "name", "aria-label", "aria-labelledby", "required"], w = ["value"], _ = ["id"], ee = ["id"], te = ["id"], de = /* @__PURE__ */ T({
+import { defineComponent as F, ref as x, computed as y, watch as I, watchEffect as A, onBeforeUnmount as O, openBlock as d, createBlock as T, normalizeClass as u, withCtx as _, createElementVNode as o, createElementBlock as s, Fragment as h, renderList as g, toDisplayString as $, createVNode as c, createCommentVNode as M, unref as B } from "vue";
+import { daysInMonth as j, splitDate as U } from "@geckou/ui-core";
+import z from "./InputBox.vue.js";
+import q from "./Icon/KeyboardArrowDownIcon.vue.js";
+import H from "./TextButton.vue.js";
+import { nextUniqueId as P } from "../scripts/unique-id.js";
+const G = ["value", "name", "aria-label", "aria-labelledby", "required"], J = ["value"], K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["value"], W = ["value", "name", "aria-label", "aria-labelledby", "required"], X = ["value"], Z = ["id"], w = ["id"], ee = ["id"], de = /* @__PURE__ */ F({
   __name: "DateSelector",
   props: {
     name: {},
@@ -18,67 +18,64 @@ const K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["
     ariaLabelledBy: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: D }) {
-    const q = D, l = i, m = J("date_selector_unit"), f = (e) => l.ariaLabelledBy ? void 0 : `${l.ariaLabel ?? l.name}の${e}`, v = (e) => l.ariaLabelledBy ? `${l.ariaLabelledBy} ${m}_${e}` : void 0, n = x({
+  setup(i, { emit: Y }) {
+    const S = Y, l = i, m = P("date_selector_unit"), v = (e) => l.ariaLabelledBy ? void 0 : `${l.ariaLabel ?? l.name}の${e}`, b = (e) => l.ariaLabelledBy ? `${l.ariaLabelledBy} ${m}_${e}` : void 0, n = x({
       year: "",
       month: "",
       day: ""
-    }), E = y(() => {
-      const e = (/* @__PURE__ */ new Date()).getFullYear(), a = l.minYear ?? e - 100, t = l.maxYear ?? e - 14, r = Math.max(t - a + 1, 0);
-      return Array.from({ length: r }, (g, F) => (a + F).toString()).map((g) => ({ label: g, value: g }));
-    }), N = y(() => Array.from({ length: 12 }, (e, a) => {
-      const t = (a + 1).toString();
+    }), D = y(() => {
+      const e = (/* @__PURE__ */ new Date()).getFullYear(), t = l.minYear ?? e - 100, a = l.maxYear ?? e - 14, r = Math.max(a - t + 1, 0);
+      return Array.from({ length: r }, (p, V) => (t + V).toString()).map((p) => ({ label: p, value: p }));
+    }), E = y(() => Array.from({ length: 12 }, (e, t) => {
+      const a = (t + 1).toString();
       return {
-        label: t,
-        value: t.padStart(2, "0")
+        label: a,
+        value: a.padStart(2, "0")
       };
-    })), S = y(() => {
-      var t, r;
-      const e = Number((t = n.value) == null ? void 0 : t.month);
+    })), L = y(() => {
+      var a, r;
+      const e = Number((a = n.value) == null ? void 0 : a.month);
       if (!e)
         return 31;
-      const a = Number((r = n.value) == null ? void 0 : r.year) || 2e3;
-      return z(a, e);
-    }), R = y(() => {
-      const e = [], a = S.value;
-      for (let t = 1; t <= a; t++) {
-        const r = t.toString();
+      const t = Number((r = n.value) == null ? void 0 : r.year) || 2e3;
+      return j(t, e);
+    }), N = y(() => {
+      const e = [], t = L.value;
+      for (let a = 1; a <= t; a++) {
+        const r = a.toString();
         e.push(r);
       }
-      return e.map((t) => ({
-        label: t,
-        value: String(t).padStart(2, "0")
+      return e.map((a) => ({
+        label: a,
+        value: String(a).padStart(2, "0")
       }));
-    }), b = (e) => {
-      const t = e.currentTarget.firstElementChild;
-      t && t.click();
-    }, p = (e, a) => {
-      const t = e.target, { value: r } = t;
-      n.value = { ...n.value, [a]: r };
+    }), f = (e, t) => {
+      const a = e.target, { value: r } = a;
+      n.value = { ...n.value, [t]: r };
     };
-    M(S, (e) => {
-      const a = Number(n.value.day);
-      a && a > e && (n.value = { ...n.value, day: String(e).padStart(2, "0") });
+    I(L, (e) => {
+      const t = Number(n.value.day);
+      t && t > e && (n.value = { ...n.value, day: String(e).padStart(2, "0") });
     });
-    const V = { year: "", month: "", day: "" };
+    const R = { year: "", month: "", day: "" };
     A(() => {
-      n.value = l.modelValue ? H(l.modelValue) : { ...V };
+      n.value = l.modelValue ? U(l.modelValue) : { ...R };
     });
-    const L = (e) => {
+    const k = (e) => {
       l.formValidationManager && l.formValidationManager.setValid(l.name, e);
-    }, I = (e) => {
-      const a = !!(e.year && e.month && (l.type === "month" || e.day)), t = !e.year && !e.month && !e.day;
-      return l.isRequired ? a : a || t;
+    }, C = (e) => {
+      const t = !!(e.year && e.month && (l.type === "month" || e.day)), a = !e.year && !e.month && !e.day;
+      return l.isRequired ? t : t || a;
     };
-    return L(I(n.value)), M(
+    return k(C(n.value)), I(
       () => n.value,
       (e) => {
-        const a = !!(e.year && e.month && (l.type === "month" || e.day)), t = !e.year && !e.month && !e.day;
-        if (L(I(e)), t)
-          q("update:modelValue", "");
-        else if (a) {
+        const t = !!(e.year && e.month && (l.type === "month" || e.day)), a = !e.year && !e.month && !e.day;
+        if (k(C(e)), a)
+          S("update:modelValue", "");
+        else if (t) {
           const r = l.type === "month" ? [e.year, e.month] : [e.year, e.month, e.day];
-          q("update:modelValue", r.filter(Boolean).join("-"));
+          S("update:modelValue", r.filter(Boolean).join("-"));
         } else
           return;
       },
@@ -86,103 +83,100 @@ const K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["
     ), O(() => {
       var e;
       return (e = l.formValidationManager) == null ? void 0 : e.remove(l.name);
-    }), (e, a) => (s(), j(P, {
+    }), (e, t) => (d(), T(z, {
       class: u(e.$style.date_selector)
     }, {
-      default: U(() => [
+      default: _(() => [
         o("div", {
-          class: u([e.$style.selector_wrapper]),
-          onClick: a[1] || (a[1] = (t) => b(t))
+          class: u([e.$style.selector_wrapper])
         }, [
           o("select", {
             value: n.value.year,
             name: `${i.name}-year`,
-            "aria-label": f("年"),
-            "aria-labelledby": v("年"),
+            "aria-label": v("年"),
+            "aria-labelledby": b("年"),
             required: i.isRequired,
             class: u(e.$style.year),
-            onChange: a[0] || (a[0] = (t) => p(t, "year"))
+            onChange: t[0] || (t[0] = (a) => f(a, "year"))
           }, [
-            a[7] || (a[7] = o("option", {
+            t[4] || (t[4] = o("option", {
               disabled: "",
               selected: "",
               value: ""
             }, "年", -1)),
-            (s(!0), d(h, null, $(E.value, (t) => (s(), d("option", {
-              key: t.value,
-              value: t.value
-            }, B(t.label), 9, Q))), 128))
-          ], 42, K),
-          c(C)
+            (d(!0), s(h, null, g(D.value, (a) => (d(), s("option", {
+              key: a.value,
+              value: a.value
+            }, $(a.label), 9, J))), 128))
+          ], 42, G),
+          c(q)
         ], 2),
         o("div", {
-          class: u([e.$style.selector_wrapper]),
-          onClick: a[3] || (a[3] = (t) => b(t))
+          class: u([e.$style.selector_wrapper])
         }, [
           o("select", {
             value: n.value.month,
             name: `${i.name}-month`,
-            "aria-label": f("月"),
-            "aria-labelledby": v("月"),
+            "aria-label": v("月"),
+            "aria-labelledby": b("月"),
             required: i.isRequired,
-            onChange: a[2] || (a[2] = (t) => p(t, "month"))
+            onChange: t[1] || (t[1] = (a) => f(a, "month"))
           }, [
-            a[8] || (a[8] = o("option", {
+            t[5] || (t[5] = o("option", {
               disabled: "",
               selected: "",
               value: ""
             }, "月", -1)),
-            (s(!0), d(h, null, $(N.value, (t) => (s(), d("option", {
-              key: t.value,
-              value: t.value
-            }, B(t.label), 9, X))), 128))
-          ], 40, W),
-          c(C)
+            (d(!0), s(h, null, g(E.value, (a) => (d(), s("option", {
+              key: a.value,
+              value: a.value
+            }, $(a.label), 9, Q))), 128))
+          ], 40, K),
+          c(q)
         ], 2),
-        i.type === "date" ? (s(), d("div", {
+        i.type === "date" ? (d(), s("div", {
           key: 0,
-          class: u([e.$style.selector_wrapper]),
-          onClick: a[5] || (a[5] = (t) => b(t))
+          class: u([e.$style.selector_wrapper])
         }, [
           o("select", {
             value: n.value.day,
             name: `${i.name}-day`,
-            "aria-label": f("日"),
-            "aria-labelledby": v("日"),
+            "aria-label": v("日"),
+            "aria-labelledby": b("日"),
             required: i.isRequired,
-            onChange: a[4] || (a[4] = (t) => p(t, "day"))
+            onChange: t[2] || (t[2] = (a) => f(a, "day"))
           }, [
-            a[9] || (a[9] = o("option", {
+            t[6] || (t[6] = o("option", {
               disabled: "",
               selected: "",
               value: ""
             }, "日", -1)),
-            (s(!0), d(h, null, $(R.value, (t) => (s(), d("option", {
-              key: t.value,
-              value: t.value
-            }, B(t.label), 9, w))), 128))
-          ], 40, Z),
-          c(C)
-        ], 2)) : Y("", !0),
-        i.ariaLabelledBy ? (s(), d("span", {
+            (d(!0), s(h, null, g(N.value, (a) => (d(), s("option", {
+              key: a.value,
+              value: a.value
+            }, $(a.label), 9, X))), 128))
+          ], 40, W),
+          c(q)
+        ], 2)) : M("", !0),
+        i.ariaLabelledBy ? (d(), s("span", {
           key: 1,
           class: u(e.$style.unit_labels)
         }, [
           o("span", {
-            id: `${k(m)}_年`
-          }, "の年", 8, _),
+            id: `${B(m)}_年`
+          }, "の年", 8, Z),
           o("span", {
-            id: `${k(m)}_月`
-          }, "の月", 8, ee),
+            id: `${B(m)}_月`
+          }, "の月", 8, w),
           o("span", {
-            id: `${k(m)}_日`
-          }, "の日", 8, te)
-        ], 2)) : Y("", !0),
-        c(G, {
+            id: `${B(m)}_日`
+          }, "の日", 8, ee)
+        ], 2)) : M("", !0),
+        c(H, {
           text: "削除",
           variant: "caution",
           class: u(e.$style.delete_button),
-          onClick: a[6] || (a[6] = (t) => n.value = { year: "", month: "", day: "" })
+          onClick: t[3] || (t[3] = (a) => n.value = { year: "", month: "", day: "" })
         }, null, 8, ["class"])
       ]),
       _: 1

package/dist/components/SelectBox.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as q, ref as E, computed as M, watch as N, openBlock as t, createBlock as D, normalizeClass as n, withCtx as O, withDirectives as R, createElementVNode as v, createElementBlock as a, toDisplayString as d, createCommentVNode as B, Fragment as i, renderList as y, vModelSelect as x, renderSlot as A, createVNode as I } from "vue";
-import { isEmptyValue as C, MESSAGES as z } from "@geckou/ui-core";
+import { defineComponent as E, ref as $, computed as q, watch as M, openBlock as t, createBlock as p, normalizeClass as u, withCtx as O, withDirectives as N, createElementVNode as v, createElementBlock as a, toDisplayString as c, Fragment as i, renderList as y, vModelSelect as R, renderSlot as x, createCommentVNode as I, createVNode as z } from "vue";
+import { isEmptyValue as D, MESSAGES as A } from "@geckou/ui-core";
 import F from "./InputBox.vue.js";
 import G from "./ErrorMessage.vue.js";
 import L from "./Icon/KeyboardArrowDownIcon.vue.js";
-const U = ["name", "disabled", "required"], H = {
+const U = ["name", "disabled", "required", "aria-invalid"], H = {
   key: 0,
   value: ""
 }, J = {
@@ -11,7 +11,7 @@ const U = ["name", "disabled", "required"], H = {
   disabled: "",
   selected: "",
   value: ""
-}, K = ["value"], P = ["value", "disabled"], Q = ["label"], T = ["value", "disabled"], _ = /* @__PURE__ */ q({
+}, K = ["value", "disabled"], P = ["label"], Q = ["value", "disabled"], j = /* @__PURE__ */ E({
   __name: "SelectBox",
   props: {
     options: {},
@@ -24,86 +24,82 @@ const U = ["name", "disabled", "required"], H = {
     isRequired: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: p }) {
-    const w = p, c = e, m = E([]), o = M({
-      get: () => c.modelValue ?? "",
-      set: (l) => w("update:modelValue", l)
-    }), b = (l) => typeof l == "object" && l !== null && "label" in l && typeof l.label == "string" && "value" in l, f = () => {
-      m.value = [], C(o.value) && c.isRequired && m.value.push(z.required);
+  setup(l, { emit: B }) {
+    const C = B, m = l, o = $([]), d = q({
+      get: () => m.modelValue ?? "",
+      set: (e) => C("update:modelValue", e)
+    }), b = (e) => typeof e == "object" && e !== null && "label" in e && typeof e.label == "string" && "value" in e, f = () => {
+      o.value = [], D(d.value) && m.isRequired && o.value.push(A.required);
     };
-    return N(
-      () => o.value,
+    return M(
+      () => d.value,
       () => f(),
-      { immediate: !C(c.modelValue), flush: "post" }
-    ), (l, r) => (t(), D(F, {
-      cssStyle: e.cssStyle,
-      class: n(l.$style.select_box),
-      isDisabled: e.isDisabled
+      { immediate: !D(m.modelValue), flush: "post" }
+    ), (e, r) => (t(), p(F, {
+      cssStyle: l.cssStyle,
+      class: u(e.$style.select_box),
+      isDisabled: l.isDisabled,
+      isErrored: !!o.value.length
     }, {
       default: O(() => {
-        var S, h, k, g;
+        var S, g, h, k;
         return [
-          R(v("select", {
-            "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
-            name: e.name,
-            disabled: e.isDisabled,
-            required: e.isRequired,
-            class: n(l.$style.select),
+          N(v("select", {
+            "onUpdate:modelValue": r[0] || (r[0] = (s) => d.value = s),
+            name: l.name,
+            disabled: l.isDisabled,
+            required: l.isRequired,
+            "aria-invalid": o.value.length > 0 || void 0,
+            class: u(e.$style.select),
             onBlur: r[1] || (r[1] = (s) => f())
           }, [
-            e.canOmitSelect ? (t(), a("option", H, d(e.placeholder || "選択しない"), 1)) : (t(), a("option", J, d(e.placeholder || "選択してください"), 1)),
-            ["0", "NA"].includes(o.value.toString()) && e.isDisabled ? (t(), a("option", {
-              key: 2,
-              disabled: "",
-              selected: "",
-              value: o.value
-            }, d(e.placeholder || "選択してください"), 9, K)) : B("", !0),
-            (t(!0), a(i, null, y(e.options, (s) => (t(), a(i, {
+            l.canOmitSelect ? (t(), a("option", H, c(l.placeholder || "選択しない"), 1)) : (t(), a("option", J, c(l.placeholder || "選択してください"), 1)),
+            (t(!0), a(i, null, y(l.options, (s) => (t(), a(i, {
               key: b(s) ? s.value : Object.keys(s)[0]
             }, [
               b(s) ? (t(), a("option", {
                 key: 0,
                 value: s.value,
                 disabled: s.isDisabled
-              }, d(s.label), 9, P)) : (t(), a(i, { key: 1 }, [
-                (t(!0), a(i, null, y(s, ($, V) => (t(), a("optgroup", {
+              }, c(s.label), 9, K)) : (t(), a(i, { key: 1 }, [
+                (t(!0), a(i, null, y(s, (w, V) => (t(), a("optgroup", {
                   key: V,
                   label: V
                 }, [
-                  (t(!0), a(i, null, y($, (u) => (t(), a("option", {
-                    key: u.value,
-                    value: u.value,
-                    disabled: u.isDisabled
-                  }, d(u.label), 9, T))), 128))
-                ], 8, Q))), 128)),
+                  (t(!0), a(i, null, y(w, (n) => (t(), a("option", {
+                    key: n.value,
+                    value: n.value,
+                    disabled: n.isDisabled
+                  }, c(n.label), 9, Q))), 128))
+                ], 8, P))), 128)),
                 r[2] || (r[2] = v("hr", null, null, -1))
               ], 64))
             ], 64))), 128))
           ], 42, U), [
-            [x, o.value]
+            [R, d.value]
           ]),
           v("div", {
-            class: n(l.$style.arrow_container)
+            class: u(e.$style.arrow_container)
           }, [
-            A(l.$slots, "arrow"),
-            l.$slots.arrow ? B("", !0) : (t(), D(L, {
+            x(e.$slots, "arrow"),
+            e.$slots.arrow ? I("", !0) : (t(), p(L, {
               key: 0,
-              class: n(l.$style.arrow)
+              class: u(e.$style.arrow)
             }, null, 8, ["class"]))
           ], 2),
-          I(G, {
-            errorMessages: m.value,
+          z(G, {
+            errorMessages: o.value,
             cssStyle: {
-              textColor: (h = (S = e.cssStyle) == null ? void 0 : S.error) == null ? void 0 : h.backgroundColor,
-              backgroundColor: (g = (k = e.cssStyle) == null ? void 0 : k.error) == null ? void 0 : g.textColor
+              textColor: (g = (S = l.cssStyle) == null ? void 0 : S.error) == null ? void 0 : g.backgroundColor,
+              backgroundColor: (k = (h = l.cssStyle) == null ? void 0 : h.error) == null ? void 0 : k.textColor
             }
           }, null, 8, ["errorMessages", "cssStyle"])
         ];
       }),
       _: 3
-    }, 8, ["cssStyle", "class", "isDisabled"]));
+    }, 8, ["cssStyle", "class", "isDisabled", "isErrored"]));
   }
 });
 export {
-  _ as default
+  j as default
 };