@wizleap-inc/wiz-ui-next 3.9.0 → 3.10.0

package/dist/wiz-ui.es.js

@@ -1,4 +1,4 @@
-import { ref as W, readonly as be, inject as ie, defineComponent as n, createElementBlock as s, openBlock as r, normalizeClass as o, unref as t, Fragment as A, renderList as N, createBlock as B, provide as We, renderSlot as L, createVNode as p, createElementVNode as d, normalizeStyle as F, withCtx as q, toDisplayString as T, nextTick as Fe, computed as b, resolveDynamicComponent as se, createCommentVNode as D, onMounted as re, onBeforeMount as Va, watch as le, onUnmounted as D1, Teleport as Ge, withModifiers as _t, createSlots as Ye, createTextVNode as P, withDirectives as me, vModelDynamic as Aa, vModelCheckbox as H1, withKeys as de, vModelRadio as E1, onBeforeUnmount as Q1, reactive as V1, vModelText as A1, resolveComponent as Pa, useSlots as bt, vShow as P1, toRef as Oa } from "vue";
+import { ref as W, readonly as be, inject as ie, defineComponent as n, createElementBlock as s, openBlock as r, normalizeClass as o, unref as t, Fragment as A, renderList as N, createBlock as B, provide as We, renderSlot as L, createVNode as p, createElementVNode as d, normalizeStyle as F, withCtx as q, toDisplayString as T, nextTick as Fe, computed as b, resolveDynamicComponent as se, createCommentVNode as D, onMounted as re, onBeforeMount as Va, watch as le, onUnmounted as D1, Teleport as Ge, withModifiers as _t, createSlots as Ye, createTextVNode as O, withDirectives as me, vModelDynamic as Aa, vModelCheckbox as H1, withKeys as de, vModelRadio as E1, onBeforeUnmount as Q1, reactive as V1, vModelText as A1, resolveComponent as Pa, useSlots as bt, vShow as P1, toRef as Oa } from "vue";
 const xt = {
   xs: "1px",
   sm: "2px",
@@ -537,10 +537,10 @@ const rl = () => {
       return !h || h === "0" || h === "auto" ? 0 : h === "9999px" ? 9999 : parseFloat(h) * parseFloat(window.getComputedStyle(document.documentElement).fontSize);
     })("md"), c = (f) => {
       var g;
-      return Array.from(((g = l.value) == null ? void 0 : g.children) ?? []).filter((y) => !y.className.includes("Hidden")).slice(0, f).reduce((y, m) => {
-        if (m.className.includes("Hidden")) return y;
+      return Array.from(((g = l.value) == null ? void 0 : g.children) ?? []).filter((w) => !w.className.includes("Hidden")).slice(0, f).reduce((w, m) => {
+        if (m.className.includes("Hidden")) return w;
         const k = m.getBoundingClientRect();
-        return y + k.height + u;
+        return w + k.height + u;
       }, 0) + u;
     };
     return (f, h) => (r(), s("div", {
@@ -549,10 +549,10 @@ const rl = () => {
       ref: l
     }, [
       (r(!0), s(A, null, N(t(a), (_, g) => {
-        var y;
+        var w;
         return r(), B(t(Ca), {
           key: _.created,
-          expand: (y = _.options) == null ? void 0 : y.expand,
+          expand: (w = _.options) == null ? void 0 : w.expand,
           message: _.message,
           onDelete: _.delete,
           bottom: `${c(g)}px`,
@@ -2692,10 +2692,10 @@ const e7 = ["aria-label"], t7 = ["src", "alt"], a7 = n({
     }, h = b(() => l.name ? l.name : l.fallback ? l.fallback : ""), _ = b(() => {
       if (l.bgColor) return $t(l.bgColor);
       if (!l.name) return G.color.gray[400];
-      const y = Array.from(l.name).map((k) => k.charCodeAt(0)).reduce((k, w) => k + w);
-      return `hsl(${y * y % 360}, 50%, 48%)`;
+      const w = Array.from(l.name).map((k) => k.charCodeAt(0)).reduce((k, y) => k + y);
+      return `hsl(${w * w % 360}, 50%, 48%)`;
     }), g = b(() => l.color ? l.color : l.fallback && !l.name ? "gray.900" : "white.800");
-    return (y, m) => (r(), s("div", {
+    return (w, m) => (r(), s("div", {
       class: o([
         t(Gc),
         t(gc)[e.size],
@@ -3610,7 +3610,7 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
   emits: ["click"],
   setup(e, { emit: a }) {
     const l = a, i = e, u = b(() => {
-      const w = [], x = i.currentMonth.getFullYear(), I = i.currentMonth.getMonth(), z = new Date(
+      const y = [], x = i.currentMonth.getFullYear(), I = i.currentMonth.getMonth(), z = new Date(
         x,
         I,
         1
@@ -3622,21 +3622,21 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
         x,
         I,
         0
-      ).getDate(), O = [...Array(z)].map(
+      ).getDate(), P = [...Array(z)].map(
         (R, M) => i.filledWeeks ? String(U - M) : ""
       ).reverse(), X = [...Array(C)].map(
         (R, M) => String(M + 1)
       ), ee = [...Array(6 - E)].map(
         (R, M) => i.filledWeeks ? String(M + 1) : ""
       ), V = [
-        ...O,
+        ...P,
         ...X,
         ...ee
       ];
       for (let R = 0; R < V.length / 7; R++)
-        w.push(V.slice(R * 7, (R + 1) * 7));
-      return w;
-    }), c = (w, x) => {
+        y.push(V.slice(R * 7, (R + 1) * 7));
+      return y;
+    }), c = (y, x) => {
       const I = i.currentMonth.getFullYear(), S = i.currentMonth.getMonth(), Z = new Date(
         I,
         S,
@@ -3646,26 +3646,26 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
         S + 1,
         0
       ).getDay();
-      return !(w === 0 && x < Z || w === u.value.length - 1 && E < x);
-    }, f = b(() => (w, x) => {
+      return !(y === 0 && x < Z || y === u.value.length - 1 && E < x);
+    }, f = b(() => (y, x) => {
       const I = new Date(
         i.currentMonth.getFullYear(),
         i.currentMonth.getMonth(),
-        Number(u.value[w][x])
+        Number(u.value[y][x])
       );
-      if (!c(w, x)) return "outOfCurrentMonth";
+      if (!c(y, x)) return "outOfCurrentMonth";
       if (i.disabledDate(I)) return "disabledDate";
       const S = i.activeDates.find(
         (z) => z.date.getFullYear() === I.getFullYear() && z.date.getMonth() === I.getMonth() && z.date.getDate() === I.getDate()
       );
       return S ? S.state : "inCurrentMonth";
     }), h = b(() => {
-      const w = (x, I) => {
+      const y = (x, I) => {
         var z, Z;
         return (Z = (z = u.value) == null ? void 0 : z[x]) != null && Z[I] ? f.value(x, I) : void 0;
       };
       return u.value.map((x, I) => x.map((S, z) => {
-        const Z = w(I, z), C = w(I - 1, z), E = w(I + 1, z), U = w(I, z - 1), O = w(I, z + 1);
+        const Z = y(I, z), C = y(I - 1, z), E = y(I + 1, z), U = y(I, z - 1), P = y(I, z + 1);
         return {
           current: {
             state: Z,
@@ -3678,12 +3678,12 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
           },
           top: C,
           left: U,
-          right: O,
+          right: P,
           bottom: E
         };
       }));
-    }), _ = (w, x, I) => {
-      if (c(w, x)) {
+    }), _ = (y, x, I) => {
+      if (c(y, x)) {
         const S = new Date(
           i.currentMonth.getFullYear(),
           i.currentMonth.getMonth(),
@@ -3691,30 +3691,30 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
         );
         l("click", S);
       }
-    }, g = (w, x, I) => c(w, x) ? new Date(
+    }, g = (y, x, I) => c(y, x) ? new Date(
       i.currentMonth.getFullYear(),
       i.currentMonth.getMonth(),
       Number(I)
-    ).toDateString() === (i._today || /* @__PURE__ */ new Date()).toDateString() : !1, y = b(() => {
+    ).toDateString() === (i._today || /* @__PURE__ */ new Date()).toDateString() : !1, w = b(() => {
       var x;
-      const w = new Set(
+      const y = new Set(
         (x = i.activeDates) == null ? void 0 : x.map((I) => new Date(
           I.date.getFullYear(),
           I.date.getMonth(),
           I.date.getDate()
         ).getTime())
       );
-      return (I) => w.has(
+      return (I) => y.has(
         new Date(I.getFullYear(), I.getMonth(), I.getDate()).getTime()
       );
-    }), m = (w, x) => {
-      const { top: I, bottom: S, left: z, right: Z, current: C } = w, { state: E, date: U } = C;
+    }), m = (y, x) => {
+      const { top: I, bottom: S, left: z, right: Z, current: C } = y, { state: E, date: U } = C;
       if (!E)
         return {};
-      const O = (H, K) => {
+      const P = (H, K) => {
         const ae = new Date(H);
         return ae.setDate(ae.getDate() + K), ae;
-      }, X = O(U, 1), ee = O(U, -1), V = x(X), R = x(ee), M = G.spacing.xs2, $ = {
+      }, X = P(U, 1), ee = P(U, -1), V = x(X), R = x(ee), M = G.spacing.xs2, $ = {
         borderTopLeftRadius: !z && !I && M || !z && I === "primary" && M || void 0,
         borderTopRightRadius: !I && !Z && M || void 0,
         borderBottomLeftRadius: !S && !z && M || void 0,
@@ -3726,10 +3726,10 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
         borderTopRightRadius: !V && "50%" || $.borderTopRightRadius,
         borderBottomRightRadius: !V && "50%" || $.borderBottomRightRadius
       } : $;
-    }, k = (w) => ({
-      borderRadius: w ? "50%" : void 0
+    }, k = (y) => ({
+      borderRadius: y ? "50%" : void 0
     });
-    return (w, x) => (r(), s("table", {
+    return (y, x) => (r(), s("table", {
       class: o(Y7)
     }, [
       (r(!0), s(A, null, N(t(Ya), (I) => (r(), s("td", {
@@ -3760,7 +3760,7 @@ const a6 = ["aria-label", "disabled", "onClick"], Ue = /* @__PURE__ */ n({
                 X7,
                 z.current.state === "primary" && J7
               ]),
-              style: F(m(z, y.value))
+              style: F(m(z, w.value))
             }, [
               z.current.state ? (r(), s("div", {
                 key: 0,
@@ -3974,7 +3974,7 @@ const rt = W(0), oa = (e) => {
       }
     ), D1(() => {
       u.value && _();
-    }), (g, y) => (r(), B(Ge, { to: "body" }, [
+    }), (g, w) => (r(), B(Ge, { to: "body" }, [
       d("div", {
         class: o([t(c6), u.value && t(h6)]),
         style: F({ zIndex: t(f) })
@@ -4227,7 +4227,7 @@ const I6 = n({
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const l = a, i = () => l("click"), u = W(!1), c = () => u.value = !0, f = () => u.value = !1, h = W(!1), _ = () => h.value = !0, g = () => h.value = !1, y = b(() => {
+    const l = a, i = () => l("click"), u = W(!1), c = () => u.value = !0, f = () => u.value = !1, h = W(!1), _ = () => h.value = !0, g = () => h.value = !1, w = b(() => {
       if (h.value)
         return "white.800";
       if (u.value)
@@ -4250,7 +4250,7 @@ const I6 = n({
             key: 0,
             size: "md",
             icon: e.icon,
-            color: y.value
+            color: w.value
           }, null, 8, ["icon", "color"])) : D("", !0)
         ]),
         _: 3
@@ -4299,7 +4299,7 @@ const F6 = n({
               }
             );
           else {
-            const y = (g = f.value) == null ? void 0 : g.animate(
+            const w = (g = f.value) == null ? void 0 : g.animate(
               [
                 {
                   top: "0px"
@@ -4313,7 +4313,7 @@ const F6 = n({
                 easing: "ease-in-out"
               }
             );
-            y && (y.onfinish = () => {
+            w && (w.onfinish = () => {
               u.value = !1;
             });
           }
@@ -4341,7 +4341,7 @@ const F6 = n({
                 default: q(() => [
                   p(t(te), { bold: "" }, {
                     default: q(() => [
-                      P(T(e.title), 1)
+                      O(T(e.title), 1)
                     ]),
                     _: 1
                   }),
@@ -4564,7 +4564,7 @@ const Y6 = ["placeholder", "disabled", "type", "id", "autocomplete"], K6 = n({
     }, _ = (g) => {
       i("focusout", g);
     };
-    return (g, y) => me((r(), s("input", {
+    return (g, w) => me((r(), s("input", {
       class: o([
         t(U6),
         t(G6)[e.spaceType],
@@ -4576,7 +4576,7 @@ const Y6 = ["placeholder", "disabled", "type", "id", "autocomplete"], K6 = n({
       type: e.type,
       onFocusin: h,
       onFocusout: _,
-      "onUpdate:modelValue": y[0] || (y[0] = (m) => u.value = m),
+      "onUpdate:modelValue": w[0] || (w[0] = (m) => u.value = m),
       id: e.id,
       autocomplete: e.autocomplete
     }, null, 46, Y6)), [
@@ -4631,11 +4631,11 @@ const Y6 = ["placeholder", "disabled", "type", "id", "autocomplete"], K6 = n({
   setup(e, { emit: a }) {
     const l = e, i = a, u = b({
       get: () => l.modelValue,
-      set: (y) => i("update:modelValue", y)
+      set: (w) => i("update:modelValue", w)
     }), c = ie(_e), f = b(() => c ? c.isError.value : !1), h = b(
       () => l.expand ? "100%" : l.width || "fit-content"
-    ), _ = (y) => i("focusin", y), g = (y) => i("focusout", y);
-    return (y, m) => (r(), s("div", {
+    ), _ = (w) => i("focusin", w), g = (w) => i("focusout", w);
+    return (w, m) => (r(), s("div", {
       class: o([t(R6)]),
       style: F({ width: h.value })
     }, [
@@ -4697,12 +4697,12 @@ const d4 = ["for"], c4 = ["id", "name", "value", "disabled", "onFocus"], h4 = /*
       get: () => l.modelValue,
       set: (g) => i("update:modelValue", g)
     }), c = (g) => l.disabled || g ? "disabled" : "default", f = W(null), h = b(
-      () => l.options.reduce((g, y) => (g[y.value] = y, g), {})
+      () => l.options.reduce((g, w) => (g[w.value] = w, g), {})
     ), _ = b(() => (g) => {
       if (!(l.disabled || h.value[g].disabled) && f.value === g)
         return u.value.includes(g) ? Nt.checked : Nt.default;
     });
-    return (g, y) => (r(), s("div", {
+    return (g, w) => (r(), s("div", {
       class: o(t(e4))
     }, [
       p(t(Me), {
@@ -4729,10 +4729,10 @@ const d4 = ["for"], c4 = ["id", "name", "value", "disabled", "onFocus"], h4 = /*
                 id: m.key,
                 name: m.key,
                 value: m.value,
-                "onUpdate:modelValue": y[0] || (y[0] = (k) => u.value = k),
+                "onUpdate:modelValue": w[0] || (w[0] = (k) => u.value = k),
                 disabled: e.disabled || m.disabled,
                 onFocus: (k) => f.value = m.value,
-                onBlur: y[1] || (y[1] = (k) => f.value = null)
+                onBlur: w[1] || (w[1] = (k) => f.value = null)
               }, null, 42, c4), [
                 [H1, u.value]
               ]),
@@ -4868,14 +4868,14 @@ const x4 = ["aria-label", "disabled"], S4 = n({
     const l = e, i = a, u = W(!1), c = b({
       get: () => l.modelValue,
       set: (m) => i("update:modelValue", m)
-    }), f = b(() => l.expand ? "100%" : l.width), h = ie(_e), _ = b(() => h ? h.isError.value : !1), g = (m) => i("focusin", m), y = (m) => i("focusout", m);
+    }), f = b(() => l.expand ? "100%" : l.width), h = ie(_e), _ = b(() => h ? h.isError.value : !1), g = (m) => i("focusin", m), w = (m) => i("focusout", m);
     return (m, k) => (r(), s("div", {
       class: o([t(y4)]),
       style: F({ width: f.value })
     }, [
       p(t(da), {
         modelValue: c.value,
-        "onUpdate:modelValue": k[0] || (k[0] = (w) => c.value = w),
+        "onUpdate:modelValue": k[0] || (k[0] = (y) => c.value = y),
         placeholder: e.placeholder,
         id: e.id,
         disabled: e.disabled,
@@ -4885,13 +4885,13 @@ const x4 = ["aria-label", "disabled"], S4 = n({
         autocomplete: e.autocomplete,
         "space-type": "right",
         onFocusin: g,
-        onFocusout: y
+        onFocusout: w
       }, null, 8, ["modelValue", "placeholder", "id", "disabled", "error", "type", "autocomplete"]),
       d("button", {
         type: "button",
         "aria-label": t(J).PASSWORD_VISIBLE_TOGGLE,
         class: o(t(w4)),
-        onClick: k[1] || (k[1] = (w) => u.value = !u.value),
+        onClick: k[1] || (k[1] = (y) => u.value = !u.value),
         disabled: e.disabled
       }, [
         p(t(J1), {
@@ -4937,7 +4937,7 @@ function j4(e, a, l) {
     (c, f) => i[c.label] - i[f.label]
   );
 }
-const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouseout", "onMousedown", "onKeypress"], Y4 = { key: 0 }, K4 = /* @__PURE__ */ n({
+const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["aria-label", "onClick", "onMouseover", "onMouseout", "onMousedown", "onKeypress"], Y4 = { key: 0 }, K4 = /* @__PURE__ */ n({
   __name: "popup-button-group",
   props: {
     options: {},
@@ -4953,12 +4953,12 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
   setup(e) {
     const a = e, l = b(() => {
       const m = { kind: "divider" };
-      return a.options.map((w, x) => {
-        if (w.kind === "divider")
+      return a.options.map((y, x) => {
+        if (y.kind === "divider")
           return [m];
         const I = {
           kind: "item",
-          item: w
+          item: y
         };
         if (x + 1 === a.options.length) return [I];
         switch (a.options[x].kind) {
@@ -4986,22 +4986,22 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
       a.disabled || m.kind === "button" && !m.option.disabled && (u.value = null);
     }, g = (m) => {
       a.disabled || m.kind === "button" && !m.option.disabled && m.option.onClick();
-    }, y = b(() => a.expand ? "100%" : a.width);
+    }, w = b(() => a.expand ? "100%" : a.width);
     return (m, k) => (r(), B(t(Y), {
       class: o([
         t(E4),
         m.disabled && t(Gt),
         m.depth === 0 && t(Q4)[m.borderRadius]
       ]),
-      style: F({ minWidth: y.value }),
+      style: F({ minWidth: w.value }),
       p: m.depth === 0 ? m.p : "no"
     }, {
       default: q(() => [
-        (r(!0), s(A, null, N(l.value, (w) => (r(), s("div", null, [
-          w.kind === "divider" ? (r(), s("hr", {
+        (r(!0), s(A, null, N(l.value, (y) => (r(), s("div", null, [
+          y.kind === "divider" ? (r(), s("hr", {
             key: 0,
             class: o(t(P4))
-          }, null, 2)) : w.item.kind === "group" ? (r(), s("div", N4, [
+          }, null, 2)) : y.item.kind === "group" ? (r(), s("div", N4, [
             d("span", {
               class: o([
                 t(A4),
@@ -5010,44 +5010,45 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
               style: F({
                 paddingLeft: `calc(${t(G).spacing.xs2} + ${m.depth} * ${t(G).spacing.lg})`
               })
-            }, T(w.item.title), 7),
+            }, T(y.item.title), 7),
             p(t(at), {
-              options: w.item.items,
-              groupDivider: w.item.groupDivider,
-              buttonDivider: w.item.buttonDivider,
+              options: y.item.items,
+              groupDivider: y.item.groupDivider,
+              buttonDivider: y.item.buttonDivider,
               disabled: m.disabled,
               depth: m.depth + 1
             }, null, 8, ["options", "groupDivider", "buttonDivider", "disabled", "depth"])
-          ])) : w.item.kind === "button" ? (r(), s("div", U4, [
+          ])) : y.item.kind === "button" ? (r(), s("div", U4, [
             (r(), s("div", {
               class: o([
                 t(V4),
-                m.disabled || w.item.option.disabled ? t(Yt).disabled : t(Yt).enabled,
-                w.item.option.disabled && t(Gt)
+                m.disabled || y.item.option.disabled ? t(Yt).disabled : t(Yt).enabled,
+                y.item.option.disabled && t(Gt)
               ]),
               style: F({
                 paddingLeft: `calc(${t(G).spacing.xs} + ${m.depth} * ${t(G).spacing.lg})`
               }),
-              onClick: (x) => f(w.item),
-              onMouseover: (x) => h(w.item),
-              onMouseout: (x) => _(w.item),
-              onMousedown: (x) => c(w.item),
-              onKeypress: de((x) => g(w.item), ["enter"]),
+              "aria-label": `search-selector-${y.item.option.label}`,
+              onClick: (x) => f(y.item),
+              onMouseover: (x) => h(y.item),
+              onMouseout: (x) => _(y.item),
+              onMousedown: (x) => c(y.item),
+              onKeypress: de((x) => g(y.item), ["enter"]),
               tabIndex: 0,
-              key: `${w.item.option.label}-${w.item.option.value}`
+              key: `${y.item.option.label}-${y.item.option.value}`
             }, [
               d("span", {
                 class: o(t(O4))
               }, [
-                d("span", null, T(w.item.option.label), 1),
-                w.item.option.icon ? (r(), B(t(j), {
+                d("span", null, T(y.item.option.label), 1),
+                y.item.option.icon ? (r(), B(t(j), {
                   key: 0,
-                  icon: w.item.option.icon,
-                  color: w.item.option.value === i.value ? "white.800" : m.disabled || w.item.option.disabled ? "gray.400" : w.item.option.value === u.value ? "green.800" : w.item.option.iconDefaultColor ?? "gray.500",
+                  icon: y.item.option.icon,
+                  color: y.item.option.value === i.value ? "white.800" : m.disabled || y.item.option.disabled ? "gray.400" : y.item.option.value === u.value ? "green.800" : y.item.option.iconDefaultColor ?? "gray.500",
                   size: "md"
                 }, null, 8, ["icon", "color"])) : D("", !0)
               ], 2),
-              w.item.option.exLabel ? (r(), s("span", Y4, T(w.item.option.exLabel), 1)) : D("", !0)
+              y.item.option.exLabel ? (r(), s("span", Y4, T(y.item.option.exLabel), 1)) : D("", !0)
             ], 46, G4))
           ])) : D("", !0)
         ]))), 256))
@@ -5088,7 +5089,7 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
       () => new Map(
         l.options.filter((M) => M.value !== void 0).map((M) => [M.value, M])
       )
-    ), g = b(() => l.modelValue.filter((M) => _.value.has(M)).map((M) => _.value.get(M)).filter((M) => M !== void 0)), y = (M) => ($) => {
+    ), g = b(() => l.modelValue.filter((M) => _.value.has(M)).map((M) => _.value.get(M)).filter((M) => M !== void 0)), w = (M) => ($) => {
       $ && M === g.value.length - 1 && (c.value = $);
     }, m = b(() => {
       const M = l.searchValue.length === 0 ? l.options : j4(
@@ -5101,7 +5102,7 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
       return ((H) => H.filter((K) => !g.value.some((ae) => ae && ae.value === K.value)))(M);
     }), k = () => {
       l.disabled || i("toggle", !l.isOpen);
-    }, w = (M) => {
+    }, y = (M) => {
       var $;
       i("unselect", M), ($ = u.value) == null || $.focus();
     }, x = (M) => {
@@ -5113,15 +5114,15 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
         M.key === "Backspace" && l.searchValue === "" && l.modelValue.length > 0 && (($ = c.value) == null || $.focus());
       },
       unselect: (M, $) => {
-        $.key === "Backspace" && w(M);
+        $.key === "Backspace" && y(M);
       }
     }, S = (M) => {
       l.multiSelectable || (k(), l.modelValue.forEach(($) => {
-        w($);
+        y($);
       })), i("setSearchValue", ""), i("update:modelValue", M), f();
     }, z = (M) => {
       i("add", M), i("setSearchValue", "");
-    }, Z = b(() => l.disabled ? "disabled" : !l.multiSelectable && l.modelValue.length > 0 ? "singleSelected" : "default"), C = ie(_e), E = b(() => C ? C.isError.value : !1), U = b(() => l.expand ? "100%" : l.width), O = b(() => E.value ? "error" : l.isOpen ? "active" : "default"), X = b(() => l.modelValue.length > 0), ee = b(
+    }, Z = b(() => l.disabled ? "disabled" : !l.multiSelectable && l.modelValue.length > 0 ? "singleSelected" : "default"), C = ie(_e), E = b(() => C ? C.isError.value : !1), U = b(() => l.expand ? "100%" : l.width), P = b(() => E.value ? "error" : l.isOpen ? "active" : "default"), X = b(() => l.modelValue.length > 0), ee = b(
       () => l.addable && l.searchValue !== "" && !l.options.some((M) => M.label === l.searchValue)
     ), V = b(() => ({
       kind: "button",
@@ -5148,7 +5149,7 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
         d("div", {
           class: o([
             t(z4),
-            t(ve)[O.value],
+            t(ve)[P.value],
             M.disabled && t(I4),
             t(T4)[Z.value]
           ]),
@@ -5175,13 +5176,13 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
                   }, T(H.label) + T(M.showExLabel && H.exLabel ? " " + H.exLabel : ""), 3),
                   d("button", {
                     type: "button",
-                    onClick: (ae) => w(H.value),
-                    onKeypress: de((ae) => w(H.value), ["enter"]),
+                    onClick: (ae) => y(H.value),
+                    onKeypress: de((ae) => y(H.value), ["enter"]),
                     onKeydown: (ae) => I.unselect(H.value, ae),
                     class: o(t(M4)),
                     ref_for: !0,
-                    ref: y(K),
-                    "aria-label": t(J).SEARCH_SELECTOR.UNSELECT,
+                    ref: w(K),
+                    "aria-label": `${H.label}の${t(J).SEARCH_SELECTOR.UNSELECT}`,
                     disabled: M.disabled
                   }, [
                     p(t(j), {
@@ -5258,7 +5259,7 @@ const N4 = { key: 1 }, U4 = { key: 2 }, G4 = ["onClick", "onMouseover", "onMouse
   }
 });
 var l8 = "_1qpeld60", n8 = "_1qpeld61", r8 = { default: "_1qpeld62", disabled: "_1qpeld63" }, i8 = { regular: "_1qpeld65 _1qpeld64", mini: "_1qpeld66 _1qpeld64" }, s8 = "_1qpeld67", o8 = "_1qpeld68", u8 = "_1qpeld69", d8 = "_1qpeld6a", c8 = "_1qpeld6b", h8 = "_1qpeld6c";
-const f8 = ["disabled", "onClick"], v8 = { key: 0 }, m8 = n({
+const f8 = ["disabled", "aria-label", "onClick"], v8 = { key: 0 }, m8 = n({
   name: v.SelectBox
 }), ha = /* @__PURE__ */ n({
   ...m8,
@@ -5283,8 +5284,8 @@ const f8 = ["disabled", "onClick"], v8 = { key: 0 }, m8 = n({
       u(), c("update:modelValue", x);
     }, h = b(
       () => l.disabled ? "disabled" : "default"
-    ), _ = ie(_e), g = b(() => _ ? _.isError.value : !1), y = b(() => l.expand ? "100%" : l.width), m = b(() => g.value ? "error" : i.value ? "active" : "default"), k = b(() => l.options.some((x) => x.value === l.modelValue)), w = b(() => l.options.find((x) => x.value === l.modelValue));
-    return (x, I) => (r(), B(t(he), { width: y.value }, {
+    ), _ = ie(_e), g = b(() => _ ? _.isError.value : !1), w = b(() => l.expand ? "100%" : l.width), m = b(() => g.value ? "error" : i.value ? "active" : "default"), k = b(() => l.options.some((x) => x.value === l.modelValue)), y = b(() => l.options.find((x) => x.value === l.modelValue));
+    return (x, I) => (r(), B(t(he), { width: w.value }, {
       default: q(() => [
         d("div", {
           class: o([
@@ -5309,10 +5310,10 @@ const f8 = ["disabled", "onClick"], v8 = { key: 0 }, m8 = n({
                   key: 0,
                   class: o(t(h8))
                 }, T(x.placeholder), 3)),
-                w.value ? (r(), s("span", {
+                y.value ? (r(), s("span", {
                   key: 1,
                   class: o(t(s8))
-                }, T(w.value.label) + " " + T(x.showExLabel && w.value.exLabel ? " " + w.value.exLabel : ""), 3)) : D("", !0),
+                }, T(y.value.label) + " " + T(x.showExLabel && y.value.exLabel ? " " + y.value.exLabel : ""), 3)) : D("", !0),
                 i.value ? (r(), B(t(He), {
                   key: 2,
                   class: o(t(o8))
@@ -5342,6 +5343,7 @@ const f8 = ["disabled", "onClick"], v8 = { key: 0 }, m8 = n({
                     class: o(t(c8)),
                     disabled: S.disabled,
                     key: "option" + z,
+                    "aria-label": `selectbox-${S.label}`,
                     onClick: (Z) => f(S.value)
                   }, [
                     d("span", null, T(S.label), 1),
@@ -5407,18 +5409,18 @@ const S8 = ["name", "id", "value", "disabled", "onFocus"], $8 = ["for"], z8 = /*
         wrap: ""
       }, {
         default: q(() => [
-          (r(!0), s(A, null, N(e.options, (y) => (r(), s("div", {
-            key: y.key
+          (r(!0), s(A, null, N(e.options, (w) => (r(), s("div", {
+            key: w.key
           }, [
             me(d("input", {
               class: o(t(p8)),
               type: "radio",
-              name: y.key,
-              id: y.key,
-              value: y.value,
+              name: w.key,
+              id: w.key,
+              value: w.value,
               "onUpdate:modelValue": g[0] || (g[0] = (m) => c.value = m),
-              disabled: e.disabled || y.disabled,
-              onFocus: (m) => i.value = y.value,
+              disabled: e.disabled || w.disabled,
+              onFocus: (m) => i.value = w.value,
               onBlur: g[1] || (g[1] = (m) => i.value = null)
             }, null, 42, S8), [
               [E1, c.value]
@@ -5426,14 +5428,14 @@ const S8 = ["name", "id", "value", "disabled", "onFocus"], $8 = ["for"], z8 = /*
             d("label", {
               class: o([
                 t(g8),
-                c.value === y.value && t(q8),
-                (e.disabled || y.disabled) && t(y8),
-                t(b8)[f(y.value)],
-                t(x8)[h(y.disabled)],
-                e.strikeThrough && c.value === y.value && t(w8)
+                c.value === w.value && t(q8),
+                (e.disabled || w.disabled) && t(y8),
+                t(b8)[f(w.value)],
+                t(x8)[h(w.disabled)],
+                e.strikeThrough && c.value === w.value && t(w8)
               ]),
-              for: y.key
-            }, T(y.label), 11, $8)
+              for: w.key
+            }, T(w.label), 11, $8)
           ]))), 128))
         ]),
         _: 1
@@ -5576,15 +5578,15 @@ const fa = (e, a) => {
   }, l = V1(a), i = (u) => {
     var c, f;
     if (e.value) {
-      const { top: h, left: _, right: g, bottom: y, width: m, height: k } = e.value.getBoundingClientRect(), w = {
+      const { top: h, left: _, right: g, bottom: w, width: m, height: k } = e.value.getBoundingClientRect(), y = {
         top: u ? ((c = window.visualViewport) == null ? void 0 : c.offsetTop) ?? 0 : 0,
         left: u ? ((f = window.visualViewport) == null ? void 0 : f.offsetLeft) ?? 0 : 0
       };
       Object.assign(l, {
-        top: h + w.top,
-        left: _ + w.left,
-        right: g + w.left,
-        bottom: y + w.top,
+        top: h + y.top,
+        left: _ + y.left,
+        right: g + y.left,
+        bottom: w + y.top,
         width: m,
         height: k
       });
@@ -5659,11 +5661,11 @@ const fa = (e, a) => {
       throw new Error(
         `${v.Popup}は${v.PopupContainer}の中で使用する必要があります。`
       );
-    const { bodyPxInfo: y, updateBodyPxInfo: m, containerRef: k } = g;
+    const { bodyPxInfo: w, updateBodyPxInfo: m, containerRef: k } = g;
     re(() => {
       c.value && (_.observe(c.value), c.value.style.animationName = "fade");
     }), D1(() => _.disconnect());
-    const w = () => {
+    const y = () => {
       if (!l.animation) return u.value = l.isOpen;
       if (c.value)
         if (l.isOpen)
@@ -5687,19 +5689,19 @@ const fa = (e, a) => {
     }, I = b(() => !!x(k.value || null));
     let S = null;
     const z = ($) => {
-      $ ? (w(), S = K8(
+      $ ? (y(), S = K8(
         () => m(I.value),
         k.value
       ), Fe(() => {
         h(), m(I.value);
-      })) : (w(), S && S(), S = null);
+      })) : (y(), S && S(), S = null);
     };
     le(() => l.isOpen, z), re(() => z(l.isOpen)), fa(k, ($) => {
       var H;
       !((H = c.value) != null && H.contains($.target)) && l.closeOnBlur && i("onClose", !1);
     }), new ResizeObserver(() => m(I.value)).observe(document.body);
     const C = b(() => {
-      const $ = l.direction === "tl" || l.direction === "bl" ? y.left : l.direction === "tr" || l.direction === "br" ? y.right - f.width : l.direction === "rt" || l.direction === "rb" || l.direction === "rc" ? y.right : l.direction === "lt" || l.direction === "lb" || l.direction === "lc" ? y.left - f.width : l.direction === "tc" || l.direction === "bc" ? y.left - (f.width - y.width) / 2 : 0, H = l.direction === "tl" || l.direction === "tr" || l.direction === "tc" ? y.top - f.height : l.direction === "bl" || l.direction === "br" || l.direction === "bc" ? y.bottom : l.direction === "rt" || l.direction === "lt" ? y.top : l.direction === "rb" || l.direction === "lb" ? y.top - (f.height - y.height) : l.direction === "rc" || l.direction === "lc" ? y.top - (f.height - y.height) / 2 : 0;
+      const $ = l.direction === "tl" || l.direction === "bl" ? w.left : l.direction === "tr" || l.direction === "br" ? w.right - f.width : l.direction === "rt" || l.direction === "rb" || l.direction === "rc" ? w.right : l.direction === "lt" || l.direction === "lb" || l.direction === "lc" ? w.left - f.width : l.direction === "tc" || l.direction === "bc" ? w.left - (f.width - w.width) / 2 : 0, H = l.direction === "tl" || l.direction === "tr" || l.direction === "tc" ? w.top - f.height : l.direction === "bl" || l.direction === "br" || l.direction === "bc" ? w.bottom : l.direction === "rt" || l.direction === "lt" ? w.top : l.direction === "rb" || l.direction === "lb" ? w.top - (f.height - w.height) : l.direction === "rc" || l.direction === "lc" ? w.top - (f.height - w.height) / 2 : 0;
       return {
         width: f.width,
         height: f.height,
@@ -5716,14 +5718,14 @@ const fa = (e, a) => {
         bottom: oe - K,
         left: ae
       };
-    }), U = ($) => ["t", "b", "l", "r", "c"].includes($), O = ($) => {
+    }), U = ($) => ["t", "b", "l", "r", "c"].includes($), P = ($) => {
       const [H, K] = $.split("");
       if (!U(H) || !U(K))
         throw new Error("Invalid direction");
       return [H, K];
     }, X = ($) => $ === "t" ? "b" : $ === "b" ? "t" : $ === "l" ? "r" : $ === "r" ? "l" : $, ee = b(() => {
       if (l.isDirectionFixed) return l.direction;
-      const $ = O(l.direction), { top: H, left: K, bottom: ae, right: oe } = E.value;
+      const $ = P(l.direction), { top: H, left: K, bottom: ae, right: oe } = E.value;
       return $[1] === "c" ? ($[0] === "t" || $[0] === "b" ? ((H < 0 || ae < 0) && ($[0] = X($[0])), K < 0 && ($[1] = "l"), oe < 0 && ($[1] = "r")) : ($[0] === "l" || $[0] === "r") && ((K < 0 || oe < 0) && ($[0] = X($[0])), H < 0 && ($[1] = "t"), ae < 0 && ($[1] = "b")), $.join("")) : ($[0] === "t" || $[0] === "b" ? (($[0] === "t" && H < 0 || $[0] === "b" && ae < 0) && ($[0] = X($[0])), ($[1] === "l" && oe < 0 || $[1] === "r" && K < 0) && ($[1] = X($[1]))) : ($[0] === "l" || $[0] === "r") && (($[1] === "t" && ae < 0 || $[1] === "b" && H < 0) && ($[1] = X($[1])), ($[0] === "l" && K < 0 || $[0] === "r" && oe < 0) && ($[0] = X($[0]))), $.join(""));
     });
     le(
@@ -5733,10 +5735,10 @@ const fa = (e, a) => {
       }
     );
     const V = b(() => {
-      const { scrollX: $, scrollY: H } = I.value ? { scrollX: 0, scrollY: 0 } : window, K = y.top + H + y.height, ae = y.top + H - C.value.height + y.height, oe = y.top + H - C.value.height, Qe = y.top + H, lt = y.left + $ + y.width, Ft = y.left + $ - C.value.width + y.width, nt = y.left + $ - C.value.width, Dt = y.left + $, Ht = y.left + $ + (y.width - C.value.width) / 2, Et = y.top + H + (y.height - C.value.height) / 2, [Ea, Qa] = ee.value === "bl" ? [K, Dt] : ee.value === "br" ? [K, Ft] : ee.value === "bc" ? [K, Ht] : ee.value === "tl" ? [oe, Dt] : ee.value === "tr" ? [oe, Ft] : ee.value === "tc" ? [oe, Ht] : ee.value === "rt" ? [Qe, lt] : ee.value === "rb" ? [ae, lt] : ee.value === "rc" ? [Et, lt] : ee.value === "lt" ? [Qe, nt] : ee.value === "lb" ? [ae, nt] : ee.value === "lc" ? [Et, nt] : [0, 0];
+      const { scrollX: $, scrollY: H } = I.value ? { scrollX: 0, scrollY: 0 } : window, K = w.top + H + w.height, ae = w.top + H - C.value.height + w.height, oe = w.top + H - C.value.height, Qe = w.top + H, lt = w.left + $ + w.width, Ft = w.left + $ - C.value.width + w.width, nt = w.left + $ - C.value.width, Dt = w.left + $, Ht = w.left + $ + (w.width - C.value.width) / 2, Et = w.top + H + (w.height - C.value.height) / 2, [Ea, Qa] = ee.value === "bl" ? [K, Dt] : ee.value === "br" ? [K, Ft] : ee.value === "bc" ? [K, Ht] : ee.value === "tl" ? [oe, Dt] : ee.value === "tr" ? [oe, Ft] : ee.value === "tc" ? [oe, Ht] : ee.value === "rt" ? [Qe, lt] : ee.value === "rb" ? [ae, lt] : ee.value === "rc" ? [Et, lt] : ee.value === "lt" ? [Qe, nt] : ee.value === "lb" ? [ae, nt] : ee.value === "lc" ? [Et, nt] : [0, 0];
       return `${Ea}px auto auto ${Qa}px`;
     }), R = b(() => {
-      const $ = ne(l.gap) ?? "0", [H] = O(ee.value);
+      const $ = ne(l.gap) ?? "0", [H] = P(ee.value);
       return H === "t" ? `translate(0, -${$})` : H === "b" ? `translate(0, ${$})` : H === "l" ? `translate(-${$}, 0)` : H === "r" ? `translate(${$}, 0)` : "translate(0, 0)";
     }), M = ($) => i("mouseLeave", $);
     return ($, H) => (r(), B(Ge, { to: "body" }, [
@@ -5822,12 +5824,12 @@ const fa = (e, a) => {
       (Z, C) => String(C * 5).padStart(2, "0")
     ), _ = () => {
       l.disabled || (i.value = !i.value);
-    }, g = a, y = (Z, C = !1) => {
+    }, g = a, w = (Z, C = !1) => {
       let E = l.modelValue.length > 0 ? l.modelValue.split(":") : ["0", "00"];
       C ? (E[0] = Z, u.value = Z) : (E[1] = Z, c.value = Z), g("update:modelValue", E.join(":"));
     }, m = b(
       () => l.disabled ? "disabled" : "default"
-    ), k = b(() => l.disabled ? "disabled" : l.modelValue ? "selected" : "default"), w = (Z) => Z ? "selected" : "default", x = b(() => l.width), I = ie(_e), S = b(() => I ? I.isError.value : !1), z = b(() => S.value ? "error" : i.value ? "active" : "default");
+    ), k = b(() => l.disabled ? "disabled" : l.modelValue ? "selected" : "default"), y = (Z) => Z ? "selected" : "default", x = b(() => l.width), I = ie(_e), S = b(() => I ? I.isError.value : !1), z = b(() => S.value ? "error" : i.value ? "active" : "default");
     return (Z, C) => (r(), B(t(he), { width: x.value }, {
       default: q(() => [
         d("div", {
@@ -5895,9 +5897,9 @@ const fa = (e, a) => {
                                 t(a1),
                                 t(st)[m.value],
                                 E === u.value && t(l1),
-                                t(n1)[w(E === u.value)]
+                                t(n1)[y(E === u.value)]
                               ]),
-                              onClick: (O) => y(E, !0)
+                              onClick: (P) => w(E, !0)
                             }, T(E), 11, th))), 128))
                           ]),
                           _: 1
@@ -5936,11 +5938,11 @@ const fa = (e, a) => {
                                 t(a1),
                                 t(st)[m.value],
                                 E === c.value && t(l1),
-                                t(n1)[w(
+                                t(n1)[y(
                                   E === c.value
                                 )]
                               ]),
-                              onClick: (O) => y(E)
+                              onClick: (P) => w(E)
                             }, T(E), 11, ah))), 128))
                           ]),
                           _: 1
@@ -6033,49 +6035,49 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
   },
   emits: ["update:modelValue", "update:isOpen"],
   setup(e, { emit: a }) {
-    const l = e, i = a, u = l.modelValue || /* @__PURE__ */ new Date(), c = W(u), f = (O) => i("update:isOpen", O), h = W(l.modelValue), _ = (O) => {
-      O.preventDefault();
+    const l = e, i = a, u = l.modelValue || /* @__PURE__ */ new Date(), c = W(u), f = (P) => i("update:isOpen", P), h = W(l.modelValue), _ = (P) => {
+      P.preventDefault();
       const X = new Date(
         c.value.getFullYear(),
         c.value.getMonth() + 1,
         1
       );
       c.value = new Date(X);
-    }, g = (O) => {
-      O.preventDefault();
+    }, g = (P) => {
+      P.preventDefault();
       const X = new Date(
         c.value.getFullYear(),
         c.value.getMonth() - 1,
         1
       );
       c.value = new Date(X);
-    }, y = (O) => {
-      O.preventDefault();
+    }, w = (P) => {
+      P.preventDefault();
       const X = new Date(
         c.value.getFullYear() + 1,
         c.value.getMonth(),
         1
       );
       c.value = new Date(X);
-    }, m = (O) => {
-      O.preventDefault();
+    }, m = (P) => {
+      P.preventDefault();
       const X = new Date(
         c.value.getFullYear() - 1,
         c.value.getMonth(),
         1
       );
       c.value = new Date(X);
-    }, k = b(() => `${c.value.getMonth() + 1}月`), w = b({
+    }, k = b(() => `${c.value.getMonth() + 1}月`), y = b({
       get: () => l.modelValue,
-      set: (O) => O && i("update:modelValue", O)
-    }), x = ie(_e), I = b(() => x ? x.isError.value : !1), S = b(() => I.value ? "error" : l.isOpen && !l.disabled ? "active" : "default"), z = b(() => l.disabled ? "disabled" : w.value ? "selected" : "default"), Z = (O) => h.value = O, C = (O) => {
-      O.stopPropagation(), h.value = null, c.value = new Date(u), i("update:modelValue", null), f(!1);
+      set: (P) => P && i("update:modelValue", P)
+    }), x = ie(_e), I = b(() => x ? x.isError.value : !1), S = b(() => I.value ? "error" : l.isOpen && !l.disabled ? "active" : "default"), z = b(() => l.disabled ? "disabled" : y.value ? "selected" : "default"), Z = (P) => h.value = P, C = (P) => {
+      P.stopPropagation(), h.value = null, c.value = new Date(u), i("update:modelValue", null), f(!1);
     }, E = () => {
-      h.value = w.value, c.value = new Date(u), f(!1);
+      h.value = y.value, c.value = new Date(u), f(!1);
     }, U = () => {
-      w.value = h.value, f(!1);
+      y.value = h.value, f(!1);
     };
-    return (O, X) => (r(), B(t(he), { width: e.width }, {
+    return (P, X) => (r(), B(t(he), { width: e.width }, {
       default: q(() => [
         d("button", {
           type: "button",
@@ -6087,7 +6089,7 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
           "aria-label": t(J).DATE_PICKER_INPUT,
           onClick: X[0] || (X[0] = (ee) => f(!e.isOpen)),
           onKeydown: [
-            de(y, ["up"]),
+            de(w, ["up"]),
             de(m, ["down"]),
             de(g, ["left"]),
             de(_, ["right"])
@@ -6114,11 +6116,11 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
                       icon: t(Xe)
                     }, null, 8, ["icon"])
                   ]),
-                  d("span", ch, T(w.value && e.formatDate(w.value) || e.placeholder), 1)
+                  d("span", ch, T(y.value && e.formatDate(y.value) || e.placeholder), 1)
                 ]),
                 _: 1
               }),
-              !e.disabled && w.value ? (r(), s("button", {
+              !e.disabled && y.value ? (r(), s("button", {
                 key: 0,
                 type: "button",
                 class: o(t(uh)),
@@ -6168,7 +6170,7 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
                             color: "gray.800"
                           }, {
                             default: q(() => [
-                              P(T(e.formatYear(c.value.getFullYear())), 1)
+                              O(T(e.formatYear(c.value.getFullYear())), 1)
                             ]),
                             _: 1
                           }),
@@ -6178,7 +6180,7 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
                                 type: "button",
                                 "aria-label": t(J).YEAR_SELECTOR_NEXT,
                                 class: o([t(i1)]),
-                                onClick: y
+                                onClick: w
                               }, [
                                 p(t(U1), {
                                   class: o([
@@ -6214,7 +6216,7 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
                         color: "gray.800"
                       }, {
                         default: q(() => [
-                          P(T(k.value), 1)
+                          O(T(k.value), 1)
                         ]),
                         _: 1
                       })
@@ -6277,13 +6279,13 @@ const dh = ["aria-label"], ch = { style: { whiteSpace: "nowrap" } }, hh = ["aria
                     variant: "sub"
                   }, {
                     default: q(() => [
-                      P(T(t(J).CANCEL), 1)
+                      O(T(t(J).CANCEL), 1)
                     ]),
                     _: 1
                   }),
                   p(t(De), { onClick: U }, {
                     default: q(() => [
-                      P(T(t(J).APPLY), 1)
+                      O(T(t(J).APPLY), 1)
                     ]),
                     _: 1
                   })
@@ -6383,7 +6385,7 @@ const Ih = n({
     }
   },
   setup(e) {
-    const a = e, l = W(!1), i = W(!1), u = W(!1), c = W(0), f = W(0), h = W([]), _ = W([0]), g = b(() => _.value.reduce((z, Z) => z + Z, 0) / _.value.length), y = () => {
+    const a = e, l = W(!1), i = W(!1), u = W(!1), c = W(0), f = W(0), h = W([]), _ = W([0]), g = b(() => _.value.reduce((z, Z) => z + Z, 0) / _.value.length), w = () => {
       l.value = !0;
     }, m = () => {
       l.value = !1;
@@ -6396,7 +6398,7 @@ const Ih = n({
       }), E.addEventListener("load", () => {
         E.status === 200 && Z();
       }), E.send(C);
-    }, w = async (S) => {
+    }, y = async (S) => {
       u.value = !1, i.value = !0, c.value = S.length, Array.from(S).map(async (Z, C) => {
         await k(
           Z,
@@ -6413,18 +6415,18 @@ const Ih = n({
     }, x = (S) => {
       l.value = !1, !(!S || !S.dataTransfer) && (h.value && h.value.length ? Array.from(S.dataTransfer.files).forEach((z) => {
         h.value.push(z);
-      }) : h.value = Array.from(S.dataTransfer.files), w(S.dataTransfer.files));
+      }) : h.value = Array.from(S.dataTransfer.files), y(S.dataTransfer.files));
     }, I = (S) => {
       !S || !S.target || S.target instanceof HTMLInputElement && S.target.files && S.target.files.length && (h.value && h.value.length ? Array.from(S.target.files).forEach((z) => {
         h.value.push(z);
-      }) : h.value = Array.from(S.target.files), w(S.target.files));
+      }) : h.value = Array.from(S.target.files), y(S.target.files));
     };
     return (S, z) => (r(), B(t(Y), { gap: "xl3" }, {
       default: q(() => [
         !e.multiple && !u.value || e.multiple ? (r(), s("label", {
           key: 0,
           class: o([t(gh), l.value ? t(qh) : ""]),
-          onDragenter: y,
+          onDragenter: w,
           onDragleave: m,
           onDragover: z[0] || (z[0] = _t(() => {
           }, ["prevent"])),
@@ -6436,7 +6438,7 @@ const Ih = n({
             type: "file",
             multiple: e.multiple
           }, null, 42, Th),
-          P("こちらにドラック＆ドロップしてファイルをアップロード")
+          O("こちらにドラック＆ドロップしてファイルをアップロード")
         ], 34)) : D("", !0),
         p(ma, {
           progress: g.value,
@@ -6485,11 +6487,11 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
       const z = /* @__PURE__ */ new Map(), Z = (C) => C.flatMap((E) => {
         if (!E.children) return [E];
         if (!l.showParentLabel) return [E, ...Z(E.children)];
-        const U = E.children.map((O) => ({
-          ...O,
+        const U = E.children.map((P) => ({
+          ...P,
           // 要件上、全角空白のため無視
           // eslint-disable-next-line no-irregular-whitespace
-          label: `${E.label}　${O.label}`
+          label: `${E.label}　${P.label}`
         }));
         return [E, ...Z(U)];
       });
@@ -6498,7 +6500,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
       }), z;
     }), _ = b(() => f.value ? "active" : "default"), g = b(
       () => l.expand ? "100%" : l.inputWidth
-    ), y = b(() => l.popupWidth), m = b(
+    ), w = b(() => l.popupWidth), m = b(
       () => l.showSelectedItem && c.value.length > 0
     ), k = (z) => (Z) => Z.flatMap((C) => {
       const E = z(C.label);
@@ -6512,11 +6514,11 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
           children: U
         }
       ];
-    }), w = (z) => (Z) => Z.includes(z), x = (z) => {
+    }), y = (z) => (Z) => Z.includes(z), x = (z) => {
       c.value = c.value.filter((Z) => Z !== z), f.value = !0, i("toggle", !0);
     }, I = (z, Z) => {
       Z.key === "Backspace" && x(z);
-    }, S = b(() => u.value.length ? k(w(u.value))(l.options) : l.options);
+    }, S = b(() => u.value.length ? k(y(u.value))(l.options) : l.options);
     return (z, Z) => (r(), B(t(he), { width: g.value }, {
       default: q(() => [
         d("div", {
@@ -6551,7 +6553,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
                 }, {
                   default: q(() => [
                     z.showSelectedItem ? (r(!0), s(A, { key: 0 }, N(c.value, (C) => {
-                      var E;
+                      var E, U;
                       return r(), s("span", {
                         key: C.toString(),
                         class: o(Ph)
@@ -6561,11 +6563,11 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
                         }, T((E = h.value.get(C)) == null ? void 0 : E.label), 3),
                         d("button", {
                           type: "button",
-                          onClick: (U) => x(C),
-                          onKeypress: de((U) => x(C), ["enter"]),
-                          onKeydown: (U) => I(C, U),
+                          onClick: (P) => x(C),
+                          onKeypress: de((P) => x(C), ["enter"]),
+                          onKeydown: (P) => I(C, P),
                           class: o(jh),
-                          "aria-label": t(J).SEARCH_SELECTOR.UNSELECT,
+                          "aria-label": `${(U = h.value.get(C)) == null ? void 0 : U.label}の${t(J).SEARCH_SELECTOR.UNSELECT}`,
                           disabled: z.disabled
                         }, [
                           p(t(j), {
@@ -6611,7 +6613,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
                   modelValue: c.value,
                   "onUpdate:modelValue": Z[4] || (Z[4] = (C) => c.value = C),
                   options: S.value,
-                  popupWidth: y.value,
+                  popupWidth: w.value,
                   emptyMessage: z.emptyMessage,
                   singleSelect: z.singleSelect,
                   onToggle: Z[5] || (Z[5] = (C) => i("toggle", C))
@@ -6626,7 +6628,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
       _: 1
     }, 8, ["width"]));
   }
-}), Xh = ["id", "onClick"], Jh = n({
+}), Xh = ["id", "aria-label", "onClick"], Jh = n({
   name: v.SearchPopup
 }), _a = /* @__PURE__ */ n({
   ...Jh,
@@ -6642,15 +6644,15 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
     const l = e, i = a, u = W(), c = b(() => l.options.find((S) => S.value === u.value)), f = b(() => {
       var S;
       return (S = c.value) == null ? void 0 : S.children;
-    }), h = b(() => f.value !== void 0), _ = W(null), g = (S) => S.every((z) => !!z.children), y = b({
+    }), h = b(() => f.value !== void 0), _ = W(null), g = (S) => S.every((z) => !!z.children), w = b({
       get: () => l.modelValue,
       set: (S) => i("update:modelValue", S)
-    }), m = b(() => l.popupWidth), k = b(() => (S) => u.value === S ? "green.800" : "gray.500"), w = (S, z) => {
+    }), m = b(() => l.popupWidth), k = b(() => (S) => u.value === S ? "green.800" : "gray.500"), y = (S, z) => {
       u.value = S, z && (_.value = z.findIndex((Z) => Z.value === S));
     }, x = (S) => {
-      y.value.includes(S) ? y.value = y.value.filter((z) => z !== S) : y.value = [...y.value, S];
+      w.value.includes(S) ? w.value = w.value.filter((z) => z !== S) : w.value = [...w.value, S];
     }, I = (S) => {
-      y.value = [S], i("toggle", !1);
+      w.value = [S], i("toggle", !1);
     };
     return (S, z) => {
       const Z = Pa("WizSearchPopup");
@@ -6678,7 +6680,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
                   Fh,
                   u.value === C.value && Hh
                 ]),
-                onMouseover: (U) => w(C.value, C.children)
+                onMouseover: (U) => y(C.value, C.children)
               }, {
                 default: q(() => [
                   p(t(Q), {
@@ -6729,6 +6731,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
                 class: o([Qh]),
                 width: "100%",
                 gap: "xs2",
+                "aria-label": `${C.label}_${C.value}`,
                 onClick: (U) => I(C.value)
               }, [
                 d("div", {
@@ -6741,9 +6744,10 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
             }, [
               p(t(ca), {
                 style: { width: "100%" },
-                checked: y.value.includes(C.value),
+                checked: w.value.includes(C.value),
                 value: C.value,
                 id: `${C.label}_${C.value}`,
+                "aria-label": `${C.label}_${C.value}`,
                 "onUpdate:checked": (U) => x(C.value)
               }, {
                 default: q(() => [
@@ -6769,7 +6773,7 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
                   }, 1024)
                 ]),
                 _: 2
-              }, 1032, ["checked", "value", "id", "onUpdate:checked"])
+              }, 1032, ["checked", "value", "id", "aria-label", "onUpdate:checked"])
             ], 2)),
             p(t(we), { color: "gray.300" })
           ]))), 128)) : (r(), s("div", {
@@ -6779,8 +6783,8 @@ const Uh = ["onClick", "onKeypress", "onKeydown", "aria-label", "disabled"], Gh
         ], 6),
         h.value ? (r(), B(Z, {
           key: 0,
-          modelValue: y.value,
-          "onUpdate:modelValue": z[0] || (z[0] = (C) => y.value = C),
+          modelValue: w.value,
+          "onUpdate:modelValue": z[0] || (z[0] = (C) => w.value = C),
           options: f.value ?? [],
           popupWidth: m.value,
           emptyMessage: S.emptyMessage,
@@ -6882,11 +6886,11 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
         V.getMonth() + 1,
         1
       ) : h.value = /* @__PURE__ */ new Date();
-    }, y = (V) => i("update:isOpen", V), m = W(l.modelValue), k = (V) => {
+    }, w = (V) => i("update:isOpen", V), m = W(l.modelValue), k = (V) => {
       V.preventDefault(), h.value = new Date(
         h.value.setMonth(h.value.getMonth() + 1)
       );
-    }, w = (V) => {
+    }, y = (V) => {
       V.preventDefault(), h.value = _.value;
     }, x = b(() => {
       const V = ($, H) => ({
@@ -6930,12 +6934,12 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
     fa(f, () => {
       c.value = !1;
     });
-    const C = ie(_e), E = b(() => C ? C.isError.value : !1), U = b(() => E.value ? "error" : l.isOpen && !l.disabled ? "active" : "default"), O = (V) => {
-      V.stopPropagation(), m.value = { start: null, end: null }, g(), i("update:modelValue", m.value), y(!1);
+    const C = ie(_e), E = b(() => C ? C.isError.value : !1), U = b(() => E.value ? "error" : l.isOpen && !l.disabled ? "active" : "default"), P = (V) => {
+      V.stopPropagation(), m.value = { start: null, end: null }, g(), i("update:modelValue", m.value), w(!1);
     }, X = () => {
-      m.value = l.modelValue, g(), y(!1);
+      m.value = l.modelValue, g(), w(!1);
     }, ee = () => {
-      i("update:modelValue", m.value), y(!1);
+      i("update:modelValue", m.value), w(!1);
     };
     return (V, R) => (r(), B(t(he), { width: u.value }, {
       default: q(() => [
@@ -6949,9 +6953,9 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
           style: { width: "100%" },
           "aria-label": t(J).RANGE_DATE_PICKER_INPUT,
           disabled: e.disabled,
-          onClick: R[0] || (R[0] = (M) => y(!e.isOpen)),
+          onClick: R[0] || (R[0] = (M) => w(!e.isOpen)),
           onKeydown: [
-            de(w, ["left"]),
+            de(y, ["left"]),
             de(k, ["right"])
           ]
         }, [
@@ -6990,7 +6994,7 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
             type: "button",
             class: o(cf),
             "aria-label": t(J).RANGE_DATE_PICKER_CANCEL,
-            onClick: O
+            onClick: P
           }, [
             p(t(j), {
               size: "xl2",
@@ -7030,7 +7034,7 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
                           "aria-label": t(J).RANGE_DATE_PICKER_SELECT_BOX_INPUT,
                           onClick: S
                         }, [
-                          P(T(((M = z.value) == null ? void 0 : M.label) || "未選択") + " ", 1),
+                          O(T(((M = z.value) == null ? void 0 : M.label) || "未選択") + " ", 1),
                           p(t(j), {
                             size: "xl",
                             color: "gray.400",
@@ -7064,7 +7068,7 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
                             type: "button",
                             class: o(v1),
                             "aria-label": t(J).MONTH_SELECTOR_PREV,
-                            onClick: w
+                            onClick: y
                           }, [
                             p(t(j), {
                               size: "md",
@@ -7135,13 +7139,13 @@ const hf = ["aria-label", "disabled"], ff = ["aria-label"], vf = ["aria-label"],
                           variant: "sub"
                         }, {
                           default: q(() => [
-                            P(T(t(J).CANCEL), 1)
+                            O(T(t(J).CANCEL), 1)
                           ]),
                           _: 1
                         }),
                         p(t(De), { onClick: ee }, {
                           default: q(() => [
-                            P(T(t(J).APPLY), 1)
+                            O(T(t(J).APPLY), 1)
                           ]),
                           _: 1
                         })
@@ -7203,8 +7207,8 @@ const bf = /* @__PURE__ */ n({
   setup(e, { emit: a }) {
     const l = e, i = a, u = W(!1), c = W(!1), f = () => {
       u.value = !0;
-    }, h = () => u.value = !1, _ = () => l.clickable && i("click"), g = () => c.value = !0, y = () => c.value = !1, m = b(() => l.width), k = b(() => l.clickable ? l.selected ? "selected" : l.active || c.value ? "active" : u.value ? "hover" : "default" : "disabled");
-    return (w, x) => (r(), s("div", {
+    }, h = () => u.value = !1, _ = () => l.clickable && i("click"), g = () => c.value = !0, w = () => c.value = !1, m = b(() => l.width), k = b(() => l.clickable ? l.selected ? "selected" : l.active || c.value ? "active" : u.value ? "hover" : "default" : "disabled");
+    return (y, x) => (r(), s("div", {
       class: o([
         t(qf),
         t(wf)[k.value],
@@ -7214,8 +7218,8 @@ const bf = /* @__PURE__ */ n({
       onMouseover: f,
       onMouseleave: h,
       onMousedown: g,
-      onMouseup: y,
-      onMouseout: y,
+      onMouseup: w,
+      onMouseout: w,
       onClick: _
     }, [
       p(t(Q), {
@@ -7370,7 +7374,7 @@ const Of = n({
     } : {
       ...k,
       items: g(k.items)
-    }), y = b(() => g(l.buttons ?? []));
+    }), w = b(() => g(l.buttons ?? []));
     return (m, k) => (r(), B(t(et), { expand: !0 }, Ye({
       default: q(() => [
         p(t(he), { expand: !0 }, {
@@ -7441,7 +7445,7 @@ const Of = n({
               }, {
                 default: q(() => [
                   p(t(at), {
-                    options: y.value,
+                    options: w.value,
                     class: o(t(Pf)),
                     p: "xs",
                     borderRadius: "xs2",
@@ -7460,7 +7464,7 @@ const Of = n({
       m.tooltipText ? {
         name: "content",
         fn: q(() => [
-          P(T(m.tooltipText), 1)
+          O(T(m.tooltipText), 1)
         ]),
         key: "0"
       } : void 0
@@ -7501,9 +7505,9 @@ const Yf = ["onClick"], Kf = /* @__PURE__ */ n({
     }, f = b(() => {
       const h = Math.max(0, l.sideLength), _ = h * 2 + 1;
       if (l.length <= _)
-        return Array.from({ length: l.length }, (y, m) => m + 1);
+        return Array.from({ length: l.length }, (w, m) => m + 1);
       let g = u.value - h;
-      return u.value <= h && (g = 1), u.value > l.length - h && (g = l.length - 2 * h), Array.from({ length: _ }, (y, m) => g + m);
+      return u.value <= h && (g = 1), u.value > l.length - h && (g = l.length - 2 * h), Array.from({ length: _ }, (w, m) => g + m);
     });
     return (h, _) => (r(), s("div", {
       class: o([
@@ -7526,7 +7530,7 @@ const Yf = ["onClick"], Kf = /* @__PURE__ */ n({
           t(ut),
           t(dt)[u.value === g ? "active" : "default"]
         ]),
-        onClick: (y) => c(g)
+        onClick: (w) => c(g)
       }, T(g), 11, Yf))), 256)),
       u.value < e.length ? (r(), s("div", {
         key: 1,
@@ -7745,7 +7749,7 @@ const $v = n({
                   whiteSpace: "nowrap"
                 }, {
                   default: q(() => [
-                    P(T(i.annotation), 1)
+                    O(T(i.annotation), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -7763,7 +7767,7 @@ const $v = n({
                   whiteSpace: "nowrap"
                 }, {
                   default: q(() => [
-                    P(T(i.label), 1)
+                    O(T(i.label), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -7775,7 +7779,7 @@ const $v = n({
           i.tooltip ? {
             name: "content",
             fn: q(() => [
-              P(T(i.status === "none" ? void 0 : i.tooltip), 1)
+              O(T(i.status === "none" ? void 0 : i.tooltip), 1)
             ]),
             key: "0"
           } : void 0
@@ -8546,7 +8550,7 @@ const t_ = n({
         color: t(Jm)[e.variant],
         size: t(e_)[e.fontSize]
       }, null, 8, ["icon", "color", "size"])) : D("", !0),
-      P(" " + T(e.label), 1)
+      O(" " + T(e.label), 1)
     ], 6));
   }
 });
@@ -8609,7 +8613,7 @@ const n_ = ["placeholder", "id", "disabled", "rows"], r_ = n({
       set: (_) => i("update:modelValue", _)
     }), c = ie(_e), f = b(() => c ? c.isError.value : !1), h = b(() => f.value ? "error" : "default");
     return (_, g) => me((r(), s("textarea", {
-      "onUpdate:modelValue": g[0] || (g[0] = (y) => u.value = y),
+      "onUpdate:modelValue": g[0] || (g[0] = (w) => u.value = w),
       placeholder: e.placeholder,
       id: e.id,
       disabled: e.disabled,
@@ -8780,15 +8784,15 @@ const T_ = /* @__PURE__ */ n({
   setup(e) {
     const a = e, l = W(), i = W(), u = W(), c = W(), f = () => {
       if (!u.value || !c.value) return;
-      const k = u.value.clientWidth / 2, w = Math.cos(a.theta) * k, x = c.value.clientWidth * a.barGroupWidth / 2, I = a.theta === 0 ? 0 : x < w ? x - w : 0;
+      const k = u.value.clientWidth / 2, y = Math.cos(a.theta) * k, x = c.value.clientWidth * a.barGroupWidth / 2, I = a.theta === 0 ? 0 : x < y ? x - y : 0;
       u.value.style.transform = `
     translateX(${I}px)
     translate(-50%, ${k * Math.abs(Math.sin(a.theta))}px)
     rotate(-${a.theta}rad)`;
     }, h = () => {
-      const k = l.value, w = i.value;
-      !k || !w || Array.from({ length: w.length }).forEach((x, I) => {
-        const S = w[I], z = k[I];
+      const k = l.value, y = i.value;
+      !k || !y || Array.from({ length: y.length }).forEach((x, I) => {
+        const S = y[I], z = k[I];
         if (S.offsetHeight + 16 < z.offsetHeight) {
           S.style.padding = "8px 0";
           return;
@@ -8809,17 +8813,17 @@ const T_ = /* @__PURE__ */ n({
     }), Q1(() => {
       _.disconnect(), g.disconnect();
     });
-    const y = b(() => a.barGroupWidth / a.data.data.length), m = b(
-      () => a.data.data.map((k, w) => ({
+    const w = b(() => a.barGroupWidth / a.data.data.length), m = b(
+      () => a.data.data.map((k, y) => ({
         id: k.id,
-        x: y.value * (w + 0.5),
+        x: w.value * (y + 0.5),
         y: k.frequency / a.maxFrequency,
         bgColorStyle: Se[k.barColor ?? "green.800"],
         numberColorStyle: Te[k.numberColor ?? "white.800"],
         frequency: k.frequency
       }))
     );
-    return (k, w) => (r(), s("div", {
+    return (k, y) => (r(), s("div", {
       class: o(t(S_)),
       ref_key: "graphRef",
       ref: c
@@ -8837,7 +8841,7 @@ const T_ = /* @__PURE__ */ n({
         ref: l,
         style: F({
           height: `${x.y * 100}%`,
-          width: `${y.value * (1 - e.barGap) * 100}%`,
+          width: `${w.value * (1 - e.barGap) * 100}%`,
           left: `${(x.x - e.barGroupWidth / 2) * 200}%`
         })
       }, [
@@ -9016,10 +9020,10 @@ const V_ = /* @__PURE__ */ n({
   },
   setup(e) {
     const a = e, l = W(), i = W(), u = W(), c = b(() => a.isColorFixed || a.barPercentage >= 75 ? "green.700" : a.barPercentage >= 50 ? "blue.700" : a.barPercentage >= 25 ? "yellow.700" : "red.700"), f = () => {
-      const h = l.value, _ = i.value, g = u.value, y = 10;
+      const h = l.value, _ = i.value, g = u.value, w = 10;
       if (!h || !_ || !g) return 0;
       const m = h.offsetWidth * a.barPercentage / 100;
-      a.barPercentage === 0 ? _.style.width = "0px" : (_.style.width = (g.offsetWidth > m - y * 2 ? g.offsetWidth : m) + "px", g.style.right = (g.offsetWidth > m - y * 2 ? "0" : y) + "px");
+      a.barPercentage === 0 ? _.style.width = "0px" : (_.style.width = (g.offsetWidth > m - w * 2 ? g.offsetWidth : m) + "px", g.style.right = (g.offsetWidth > m - w * 2 ? "0" : w) + "px");
     };
     return re(() => {
       const h = new ResizeObserver(() => {
@@ -9179,38 +9183,38 @@ const tp = /* @__PURE__ */ d("br", null, null, -1), ap = /* @__PURE__ */ n({
     }
   },
   setup(e) {
-    const a = e, l = W(), i = W(), u = W(), c = W(), f = W(), h = W(), _ = b(() => a.maxFrequency === 0 ? 0 : a.lastFrequency / a.maxFrequency), g = b(() => a.maxFrequency === 0 ? 0 : a.frequency / a.maxFrequency), y = b(() => a.lastFrequency === 0 ? 0 : (a.frequency / a.lastFrequency - 1) * 100), m = () => {
-      const w = l.value, x = i.value, I = u.value, S = c.value;
-      if (!w || !x || !I || !S)
+    const a = e, l = W(), i = W(), u = W(), c = W(), f = W(), h = W(), _ = b(() => a.maxFrequency === 0 ? 0 : a.lastFrequency / a.maxFrequency), g = b(() => a.maxFrequency === 0 ? 0 : a.frequency / a.maxFrequency), w = b(() => a.lastFrequency === 0 ? 0 : (a.frequency / a.lastFrequency - 1) * 100), m = () => {
+      const y = l.value, x = i.value, I = u.value, S = c.value;
+      if (!y || !x || !I || !S)
         return;
       const z = x.offsetWidth, Z = x.offsetHeight, C = Math.sqrt(
         Math.pow(z, 2) + Math.pow(Z, 2)
       ), E = a.frequency < a.lastFrequency ? Math.atan(Z / z) : -1 * Math.atan(Z / z);
-      I.style.width = `${C}px`, I.style.transform = `rotate(${E}rad)`, x.offsetHeight + x.offsetTop + S.offsetHeight < w.offsetHeight ? (S.style.top = "100%", S.style.bottom = "auto") : (S.style.top = "auto", S.style.bottom = "100%");
+      I.style.width = `${C}px`, I.style.transform = `rotate(${E}rad)`, x.offsetHeight + x.offsetTop + S.offsetHeight < y.offsetHeight ? (S.style.top = "100%", S.style.bottom = "auto") : (S.style.top = "auto", S.style.bottom = "100%");
     }, k = () => {
-      const w = f.value, x = h.value;
-      if (!(!w || !x)) {
-        if (x.offsetHeight + 16 < w.offsetHeight) {
+      const y = f.value, x = h.value;
+      if (!(!y || !x)) {
+        if (x.offsetHeight + 16 < y.offsetHeight) {
           x.style.padding = "8px 0";
           return;
         }
-        if (x.style.padding = "0", x.offsetHeight < w.offsetHeight) {
-          x.style.top = (w.offsetHeight - x.offsetHeight) / 2 + "px";
+        if (x.style.padding = "0", x.offsetHeight < y.offsetHeight) {
+          x.style.top = (y.offsetHeight - x.offsetHeight) / 2 + "px";
           return;
         }
         x.style.top = x.offsetHeight * -1 + "px", x.style.color = "#606166";
       }
     };
     return re(() => {
-      const w = new ResizeObserver(() => {
+      const y = new ResizeObserver(() => {
         k();
       });
-      f.value && w.observe(f.value);
+      f.value && y.observe(f.value);
       const x = new ResizeObserver(() => {
         m();
       });
       i.value && x.observe(i.value);
-    }), (w, x) => (r(), s("div", {
+    }), (y, x) => (r(), s("div", {
       class: o(t(G_)),
       ref_key: "barRef",
       ref: l
@@ -9237,8 +9241,8 @@ const tp = /* @__PURE__ */ d("br", null, null, -1), ap = /* @__PURE__ */ n({
           ref: u,
           style: F({
             display: e.frequency === 0 && e.lastFrequency === 0 ? "none" : "block",
-            transformOrigin: y.value <= 0 ? "left top" : "left bottom",
-            top: y.value <= 0 ? "0" : "100%"
+            transformOrigin: w.value <= 0 ? "left top" : "left bottom",
+            top: w.value <= 0 ? "0" : "100%"
           })
         }, null, 6),
         d("div", {
@@ -9246,9 +9250,9 @@ const tp = /* @__PURE__ */ d("br", null, null, -1), ap = /* @__PURE__ */ n({
           ref_key: "barTransitionLabelRef",
           ref: c
         }, [
-          P(T(e.frequency === 0 && e.lastFrequency === 0 ? "―" : Math.abs(Math.floor(y.value))) + "% ", 1),
+          O(T(e.frequency === 0 && e.lastFrequency === 0 ? "―" : Math.abs(Math.floor(w.value))) + "% ", 1),
           tp,
-          P(" " + T(y.value <= 0 ? "Dropped" : "Gained"), 1)
+          O(" " + T(w.value <= 0 ? "Dropped" : "Gained"), 1)
         ], 2)
       ], 6),
       d("div", {
@@ -9495,7 +9499,7 @@ const qp = n({
             fontSize: "sm"
           }, {
             default: q(() => [
-              P(T(e.message), 1)
+              O(T(e.message), 1)
             ]),
             _: 1
           })
@@ -9516,7 +9520,7 @@ const qp = n({
   }
 });
 var bp = "_1mq37f40", C1 = "_1mq37f41", xp = { no: "_1mq37f42", xs2: "_1mq37f43", xs: "_1mq37f44", sm: "_1mq37f45", md: "_1mq37f46", lg: "_1mq37f47", xl: "_1mq37f48", xl2: "_1mq37f49", xl3: "_1mq37f4a", xl4: "_1mq37f4b", max: "_1mq37f4c", at: "_1mq37f4d" }, Sp = "_1mq37f4e", k1 = { enabled: "_1mq37f4f", disabled: "_1mq37f4g" }, $p = "_1mq37f4h", W1 = { enabled: "_1mq37f4i", disabled: "_1mq37f4j" }, zp = "_1mq37f4k", Ip = "_1mq37f4l";
-const Tp = { key: 1 }, Cp = { key: 2 }, kp = ["onClick", "onMouseover", "onMouseout", "onMousedown", "onKeypress"], Wp = { key: 0 }, Bp = n({
+const Tp = { key: 1 }, Cp = { key: 2 }, kp = ["aria-label", "onClick", "onMouseover", "onMouseout", "onMousedown", "onKeypress"], Wp = { key: 0 }, Bp = n({
   name: v.PopupButtonGroup
 }), at = /* @__PURE__ */ n({
   ...Bp,
@@ -9534,12 +9538,12 @@ const Tp = { key: 1 }, Cp = { key: 2 }, kp = ["onClick", "onMouseover", "onMouse
   setup(e) {
     const a = e, l = b(() => {
       const m = { kind: "divider" };
-      return a.options.map((w, x) => {
-        if (w.kind === "divider")
+      return a.options.map((y, x) => {
+        if (y.kind === "divider")
           return [m];
         const I = {
           kind: "item",
-          item: w
+          item: y
         };
         if (x + 1 === a.options.length) return [I];
         switch (a.options[x].kind) {
@@ -9567,7 +9571,7 @@ const Tp = { key: 1 }, Cp = { key: 2 }, kp = ["onClick", "onMouseover", "onMouse
       a.disabled || m.kind === "button" && !m.option.disabled && (u.value = null);
     }, g = (m) => {
       a.disabled || m.kind === "button" && !m.option.disabled && m.option.onClick();
-    }, y = b(() => a.expand ? "100%" : a.width);
+    }, w = b(() => a.expand ? "100%" : a.width);
     return (m, k) => (r(), B(t(Y), {
       gap: "xs2",
       class: o([
@@ -9575,15 +9579,15 @@ const Tp = { key: 1 }, Cp = { key: 2 }, kp = ["onClick", "onMouseover", "onMouse
         m.disabled && t(C1),
         m.depth === 0 && t(xp)[m.borderRadius]
       ]),
-      style: F({ minWidth: y.value }),
+      style: F({ minWidth: w.value }),
       p: m.depth === 0 ? m.p : "no"
     }, {
       default: q(() => [
-        (r(!0), s(A, null, N(l.value, (w) => (r(), s("div", null, [
-          w.kind === "divider" ? (r(), s("hr", {
+        (r(!0), s(A, null, N(l.value, (y) => (r(), s("div", null, [
+          y.kind === "divider" ? (r(), s("hr", {
             key: 0,
             class: o(t(zp))
-          }, null, 2)) : w.item.kind === "group" ? (r(), s("div", Tp, [
+          }, null, 2)) : y.item.kind === "group" ? (r(), s("div", Tp, [
             d("span", {
               class: o([
                 t($p),
@@ -9592,44 +9596,45 @@ const Tp = { key: 1 }, Cp = { key: 2 }, kp = ["onClick", "onMouseover", "onMouse
               style: F({
                 paddingLeft: `calc(${t(G).spacing.xs2} + ${m.depth} * ${t(G).spacing.lg})`
               })
-            }, T(w.item.title), 7),
+            }, T(y.item.title), 7),
             p(t(at), {
-              options: w.item.items,
-              groupDivider: w.item.groupDivider,
-              buttonDivider: w.item.buttonDivider,
+              options: y.item.items,
+              groupDivider: y.item.groupDivider,
+              buttonDivider: y.item.buttonDivider,
               disabled: m.disabled,
               depth: m.depth + 1
             }, null, 8, ["options", "groupDivider", "buttonDivider", "disabled", "depth"])
-          ])) : w.item.kind === "button" ? (r(), s("div", Cp, [
+          ])) : y.item.kind === "button" ? (r(), s("div", Cp, [
             (r(), s("div", {
               class: o([
                 t(Sp),
-                m.disabled || w.item.option.disabled ? t(k1).disabled : t(k1).enabled,
-                w.item.option.disabled && t(C1)
+                m.disabled || y.item.option.disabled ? t(k1).disabled : t(k1).enabled,
+                y.item.option.disabled && t(C1)
               ]),
               style: F({
                 paddingLeft: `calc(${t(G).spacing.xs2} + ${m.depth} * ${t(G).spacing.lg})`
               }),
-              onClick: (x) => f(w.item),
-              onMouseover: (x) => h(w.item),
-              onMouseout: (x) => _(w.item),
-              onMousedown: (x) => c(w.item),
-              onKeypress: de((x) => g(w.item), ["enter"]),
+              "aria-label": `popup-button-group-${y.item.option.label}`,
+              onClick: (x) => f(y.item),
+              onMouseover: (x) => h(y.item),
+              onMouseout: (x) => _(y.item),
+              onMousedown: (x) => c(y.item),
+              onKeypress: de((x) => g(y.item), ["enter"]),
               tabIndex: 0,
-              key: `${w.item.option.label}-${w.item.option.value}`
+              key: `${y.item.option.label}-${y.item.option.value}`
             }, [
               d("span", {
                 class: o(t(Ip))
               }, [
-                d("span", null, T(w.item.option.label), 1),
-                w.item.option.icon ? (r(), B(t(j), {
+                d("span", null, T(y.item.option.label), 1),
+                y.item.option.icon ? (r(), B(t(j), {
                   key: 0,
-                  icon: w.item.option.icon,
-                  color: w.item.option.value === i.value ? "white.800" : m.disabled || w.item.option.disabled ? "gray.400" : w.item.option.value === u.value ? "green.800" : w.item.option.iconDefaultColor ?? "gray.500",
+                  icon: y.item.option.icon,
+                  color: y.item.option.value === i.value ? "white.800" : m.disabled || y.item.option.disabled ? "gray.400" : y.item.option.value === u.value ? "green.800" : y.item.option.iconDefaultColor ?? "gray.500",
                   size: "md"
                 }, null, 8, ["icon", "color"])) : D("", !0)
               ], 2),
-              w.item.option.exLabel ? (r(), s("span", Wp, T(w.item.option.exLabel), 1)) : D("", !0)
+              y.item.option.exLabel ? (r(), s("span", Wp, T(y.item.option.exLabel), 1)) : D("", !0)
             ], 46, kp))
           ])) : D("", !0)
         ]))), 256))
@@ -9762,7 +9767,7 @@ const Pp = n({
     }, [
       p(t(Y), { gap: "xs" }, {
         default: q(() => [
-          (r(!0), s(A, null, N(e.messages, (g, y) => (r(), s("div", { key: y }, [
+          (r(!0), s(A, null, N(e.messages, (g, w) => (r(), s("div", { key: w }, [
             u(g) ? (r(), s("div", {
               key: 0,
               class: o([t(Ap)[g.type]])
@@ -9853,14 +9858,14 @@ const r9 = ["for"], i9 = ["id", "name", "value"], s9 = n({
         ]),
         for: `panel${g}`
       }, [
-        P(T(_.label) + " ", 1),
+        O(T(_.label) + " ", 1),
         me(d("input", {
           class: o(t(n9)),
           type: "radio",
           id: `panel${g}`,
           name: `panel${g}`,
           value: _.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (y) => u.value = y)
+          "onUpdate:modelValue": h[0] || (h[0] = (w) => u.value = w)
         }, null, 10, i9), [
           [E1, u.value]
         ])
@@ -9940,13 +9945,13 @@ const d9 = (e) => {
     }), le(l, () => {
       Fe(_);
     });
-    const y = b({
+    const w = b({
       get: () => l.modelValue,
       set: (x) => i("update:modelValue", x)
     }), m = b({
       get: () => l.status,
       set: (x) => x && i("update:status", x)
-    }), k = () => i("submit"), w = () => {
+    }), k = () => i("submit"), y = () => {
       u.value = !0, i("toggleDisplay"), Fe(() => u.value = !1);
     };
     return (x, I) => (r(), B(t(xe), {
@@ -9976,7 +9981,7 @@ const d9 = (e) => {
                   bold: ""
                 }, {
                   default: q(() => [
-                    P(T(x.username), 1)
+                    O(T(x.username), 1)
                   ]),
                   _: 1
                 }),
@@ -10006,8 +10011,8 @@ const d9 = (e) => {
             }, {
               default: q(() => [
                 p(t(ka), {
-                  modelValue: y.value,
-                  "onUpdate:modelValue": I[0] || (I[0] = (S) => y.value = S),
+                  modelValue: w.value,
+                  "onUpdate:modelValue": I[0] || (I[0] = (S) => w.value = S),
                   onSubmit: k,
                   placeholder: x.placeholder,
                   formRows: x.formRows
@@ -10044,11 +10049,11 @@ const d9 = (e) => {
                       color: "gray.700"
                     }, {
                       default: q(() => [
-                        P(T(x.typingUsername), 1)
+                        O(T(x.typingUsername), 1)
                       ]),
                       _: 1
                     }),
-                    P(" さんが入力しています... ")
+                    O(" さんが入力しています... ")
                   ]),
                   _: 1
                 })) : D("", !0)
@@ -10101,7 +10106,7 @@ const d9 = (e) => {
         d("button", {
           type: "button",
           class: o(t(u9)),
-          onClick: w,
+          onClick: y,
           "aria-label": t(J).CHAT_CARD.EXPAND
         }, null, 10, p9)
       ]),
@@ -10193,7 +10198,7 @@ const d9 = (e) => {
           color: "gray.600"
         }, {
           default: q(() => [
-            P(T(e.content.username), 1)
+            O(T(e.content.username), 1)
           ]),
           _: 1
         })) : D("", !0),
@@ -10220,7 +10225,7 @@ const d9 = (e) => {
                     fontSize: "xs"
                   }, {
                     default: q(() => [
-                      P(T(c.content), 1)
+                      O(T(c.content), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])) : (r(), B(t(te), {
@@ -10232,7 +10237,7 @@ const d9 = (e) => {
                     key: "text" + f
                   }, {
                     default: q(() => [
-                      P(T(c.content), 1)
+                      O(T(c.content), 1)
                     ]),
                     _: 2
                   }, 1024))
@@ -10255,7 +10260,7 @@ const d9 = (e) => {
                         color: "gray.500"
                       }, {
                         default: q(() => [
-                          P(T(l.value), 1)
+                          O(T(l.value), 1)
                         ]),
                         _: 1
                       })) : D("", !0)
@@ -10267,7 +10272,7 @@ const d9 = (e) => {
                       fn: q(() => {
                         var f;
                         return [
-                          P(T((f = e.content.readers) == null ? void 0 : f.join(`
+                          O(T((f = e.content.readers) == null ? void 0 : f.join(`
 `)), 1)
                         ];
                       }),
@@ -10280,7 +10285,7 @@ const d9 = (e) => {
                     color: "gray.500"
                   }, {
                     default: q(() => [
-                      P(T(t(d9)(e.content.time)), 1)
+                      O(T(t(d9)(e.content.time)), 1)
                     ]),
                     _: 1
                   })
@@ -10361,7 +10366,7 @@ const S9 = () => {
     ), _ = N6();
     We(_e, _);
     const { setIsError: g } = _;
-    return le(a, (y) => g(!!y.error)), re(() => g(!!a.error)), (y, m) => (r(), B(t(Y), {
+    return le(a, (w) => g(!!w.error)), re(() => g(!!a.error)), (w, m) => (r(), B(t(Y), {
       nowrap: "",
       style: F({
         paddingBottom: e.error === void 0 ? t(G).fontSize.sm : void 0
@@ -10399,7 +10404,7 @@ const S9 = () => {
                       class: o([e.borderLeft && t(x9)])
                     }, {
                       default: q(() => [
-                        P(T(e.label), 1)
+                        O(T(e.label), 1)
                       ]),
                       _: 1
                     }, 8, ["htmlFor", "color", "font-size", "bold", "class"]),
@@ -10411,11 +10416,11 @@ const S9 = () => {
                   ]),
                   _: 1
                 }, 8, ["reverse", "justify", "class"]),
-                L(y.$slots, "labelSuffix")
+                L(w.$slots, "labelSuffix")
               ]),
               _: 3
             }, 8, ["width"]),
-            L(y.$slots, "default")
+            L(w.$slots, "default")
           ]),
           _: 3
         }, 8, ["direction", "align"]),
@@ -10426,7 +10431,7 @@ const S9 = () => {
           style: F({ marginInlineStart: h.value })
         }, {
           default: q(() => [
-            P(T(e.error), 1)
+            O(T(e.error), 1)
           ]),
           _: 1
         }, 8, ["style"])
@@ -10507,11 +10512,11 @@ const S9 = () => {
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const l = e, i = b(() => c9(l.timestamp)), u = b(() => h9(l.timestamp)), c = b(() => window.innerWidth > 768), f = W(!1), h = W(!1), _ = (w) => {
-      f.value = w;
-    }, g = (w) => {
-      h.value = w;
-    }, y = () => {
+    const l = e, i = b(() => c9(l.timestamp)), u = b(() => h9(l.timestamp)), c = b(() => window.innerWidth > 768), f = W(!1), h = W(!1), _ = (y) => {
+      f.value = y;
+    }, g = (y) => {
+      h.value = y;
+    }, w = () => {
       if (c) {
         if (h.value)
           return "green.300";
@@ -10522,7 +10527,7 @@ const S9 = () => {
     }, m = a, k = () => {
       m("click");
     };
-    return (w, x) => (r(), B(t(xe), {
+    return (y, x) => (r(), B(t(xe), {
       onMouseover: x[0] || (x[0] = (I) => _(!0)),
       onMouseleave: x[1] || (x[1] = (I) => _(!1)),
       onPointerdown: x[2] || (x[2] = (I) => g(!0)),
@@ -10530,7 +10535,7 @@ const S9 = () => {
       onPointerleave: x[4] || (x[4] = (I) => g(!1)),
       onPointercancel: x[5] || (x[5] = (I) => g(!1)),
       onClick: k,
-      bgColor: y(),
+      bgColor: w(),
       height: "fit-content",
       cursor: "pointer",
       style: F({
@@ -10579,7 +10584,7 @@ const S9 = () => {
                                       color: "gray.700"
                                     }, {
                                       default: q(() => [
-                                        P(T(I.title), 1)
+                                        O(T(I.title), 1)
                                       ]),
                                       _: 2
                                     }, 1032, ["bold"])
@@ -10597,7 +10602,7 @@ const S9 = () => {
                                       color: "gray.700"
                                     }, {
                                       default: q(() => [
-                                        P(T(I.content), 1)
+                                        O(T(I.content), 1)
                                       ]),
                                       _: 2
                                     }, 1032, ["bold"])
@@ -10618,7 +10623,7 @@ const S9 = () => {
                       fontSize: "xs2"
                     }, {
                       default: q(() => [
-                        P(T(u.value), 1)
+                        O(T(u.value), 1)
                       ]),
                       _: 1
                     })
@@ -10634,7 +10639,7 @@ const S9 = () => {
                       bold: !e.read
                     }, {
                       default: q(() => [
-                        P(T(e.title), 1)
+                        O(T(e.title), 1)
                       ]),
                       _: 1
                     }, 8, ["bold"]),
@@ -10644,7 +10649,7 @@ const S9 = () => {
                       fontSize: "xs2"
                     }, {
                       default: q(() => [
-                        P(T(i.value), 1)
+                        O(T(i.value), 1)
                       ]),
                       _: 1
                     })) : D("", !0)
@@ -10721,7 +10726,7 @@ const S9 = () => {
               fontSize: "sm"
             }, {
               default: q(() => [
-                P(T(e.emptyMessage), 1)
+                O(T(e.emptyMessage), 1)
               ]),
               _: 1
             })
@@ -10763,7 +10768,7 @@ const S9 = () => {
     return (_, g) => (r(), s("div", null, [
       p(t(ya), {
         modelValue: c.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (y) => c.value = y),
+        "onUpdate:modelValue": g[0] || (g[0] = (w) => c.value = w),
         items: e.tabs
       }, null, 8, ["modelValue", "items"]),
       p(t(xe), {
@@ -10948,14 +10953,14 @@ ${e}Hour: ${a}`, A9 = (e, a) => `Scheduleは${e}時以降から始まる必要
         return console.warn(P9(i.endHour, g)), null;
       if (h.hour > _.hour || h.hour === _.hour && h.minute > _.minute)
         return console.warn(O9(g)), null;
-      const y = Z1(h, Le), m = Z1(_, Le), k = c(y) - c({
+      const w = Z1(h, Le), m = Z1(_, Le), k = c(w) - c({
         hour: i.startHour,
         minute: 0
-      }), w = c(m) - c({
+      }), y = c(m) - c({
         hour: i.startHour,
         minute: 0
       });
-      return k === w ? `${k + 1} / ${w + 2}` : `${k + 1} / ${w + 1}`;
+      return k === y ? `${k + 1} / ${y + 2}` : `${k + 1} / ${y + 1}`;
     };
     return (h, _) => (r(), s("div", {
       class: o([D9]),
@@ -10972,7 +10977,7 @@ ${e}Hour: ${a}`, A9 = (e, a) => `Scheduleは${e}時以降から始まる必要
         gridRow: f(g.start, g.end, g.text) || "",
         gridColumn: `${g.col} / ${g.col + 1}`,
         show: f(g.start, g.end, g.text) !== null,
-        onScheduleClick: _[0] || (_[0] = (y) => l("scheduleClick", y))
+        onScheduleClick: _[0] || (_[0] = (w) => l("scheduleClick", w))
       }, null, 8, ["id", "text", "variant", "gridRow", "gridColumn", "show"]))), 128))
     ], 6));
   }
@@ -11122,7 +11127,7 @@ const Ha = Symbol("timeline"), ig = n({
                 d("div", {
                   class: o(F1)
                 }, [
-                  P(T(e.annotation) + " ", 1),
+                  O(T(e.annotation) + " ", 1),
                   L(f.$slots, "annotation")
                 ], 2)
               ]),
@@ -11151,7 +11156,7 @@ const Ha = Symbol("timeline"), ig = n({
                     d("div", {
                       class: o(F1)
                     }, [
-                      P(T(e.annotation) + " ", 1),
+                      O(T(e.annotation) + " ", 1),
                       L(f.$slots, "annotation")
                     ], 2)
                   ]),