@wizleap-inc/wiz-ui-next 1.14.2 → 1.15.0

package/dist/wiz-ui.es.js

@@ -1,4 +1,4 @@
-import { ref as k, readonly as we, inject as ue, defineComponent as s, openBlock as n, createElementBlock as c, normalizeClass as i, unref as e, Fragment as P, renderList as O, createBlock as W, provide as Ue, renderSlot as F, createVNode as m, createElementVNode as h, normalizeStyle as A, withCtx as y, toDisplayString as w, computed as g, resolveDynamicComponent as oe, createCommentVNode as H, watch as ae, Teleport as _a, withModifiers as dt, createSlots as Ge, withDirectives as se, isRef as J, vModelDynamic as ml, vModelCheckbox as Ye, withKeys as qa, vShow as pt, vModelRadio as ba, createTextVNode as Z, onMounted as le, onBeforeUnmount as Sa, reactive as xa, nextTick as Re, vModelText as wa, useSlots as pl } from "vue";
+import { ref as k, readonly as we, inject as ue, defineComponent as s, openBlock as n, createElementBlock as c, normalizeClass as i, unref as e, Fragment as P, renderList as O, createBlock as W, provide as Ue, renderSlot as F, createVNode as m, createElementVNode as h, normalizeStyle as H, withCtx as y, toDisplayString as w, computed as g, resolveDynamicComponent as oe, createCommentVNode as A, watch as ae, Teleport as _a, withModifiers as dt, createSlots as Ge, withDirectives as se, isRef as J, vModelDynamic as ml, vModelCheckbox as Ye, withKeys as qa, vShow as pt, vModelRadio as ba, createTextVNode as Z, onMounted as le, onBeforeUnmount as Sa, reactive as xa, nextTick as Re, vModelText as wa, useSlots as pl } from "vue";
 const yt = {
   sm: "576px",
   md: "768px",
@@ -1265,7 +1265,7 @@ const Mt = {
     };
     return (u, f) => (n(), c("details", {
       class: i([e(co), t.bgColor && e(me)[t.bgColor]]),
-      style: A({ width: t.width }),
+      style: H({ width: t.width }),
       open: t.isOpen || o.value
     }, [
       h("summary", {
@@ -1373,14 +1373,14 @@ const Uo = s({
           icon: t.icon,
           size: e(ct)(t.fontSize, 3),
           color: t.color
-        }, null, 8, ["icon", "size", "color"])) : H("", !0),
+        }, null, 8, ["icon", "size", "color"])) : A("", !0),
         F(r.$slots, "default"),
         t.icon && t.iconPosition === "right" ? (n(), W(e(N), {
           key: 1,
           icon: t.icon,
           size: e(ct)(t.fontSize, 3),
           color: t.color
-        }, null, 8, ["icon", "size", "color"])) : H("", !0)
+        }, null, 8, ["icon", "size", "color"])) : A("", !0)
       ]),
       _: 3
     }, 8, ["class", "to", "href", "target", "rel"]));
@@ -1492,7 +1492,7 @@ const n1 = s({
       class: i(e(a1))
     }, [
       F(a.$slots, "default"),
-      t.hidden ? H("", !0) : (n(), c("div", {
+      t.hidden ? A("", !0) : (n(), c("div", {
         key: 0,
         class: i([
           e(r1),
@@ -1645,7 +1645,7 @@ const n1 = s({
       )}`), a.zIndex && (r.zIndex = +bl(a.zIndex)), a.bgColor && (r.backgroundColor = _l(a.bgColor)), a.shadow && (r.boxShadow = Tt(a.shadow)), a.dropShadow && (r.filter = `drop-shadow(${Tt(a.dropShadow)})`), a.overflow && (r.overflow = a.overflow), a.overflowX && (r.overflowX = a.overflowX), a.overflowY && (r.overflowY = a.overflowY), a.cursor && (r.cursor = a.cursor), a.pointerEvents && (r.pointerEvents = a.pointerEvents), a.transform && (r.transform = a.transform), a.transition && (r.transition = a.transition), a.opacity && (r.opacity = a.opacity), a.snapScroll && (r.scrollSnapType = a.snapScroll, r.overflow = "scroll"), a.backdropBlur && (r.backdropFilter = `blur(${te(a.backdropBlur)})`), r;
     });
     return (r, o) => (n(), c("div", {
-      style: A(e(l))
+      style: H(e(l))
     }, [
       F(r.$slots, "default")
     ], 4));
@@ -1732,7 +1732,7 @@ const h1 = ["disabled"], v1 = s({
             icon: t.icon,
             color: e(o),
             size: e(d)
-          }, null, 8, ["icon", "color", "size"])) : H("", !0),
+          }, null, 8, ["icon", "color", "size"])) : A("", !0),
           F(u.$slots, "default")
         ]),
         _: 3
@@ -1923,7 +1923,7 @@ const V1 = s({
         t.pb && e(yo)[t.pb],
         t.pl && e(go)[t.pl]
       ]),
-      style: A({
+      style: H({
         width: t.width,
         height: t.height,
         overflow: t.overflow
@@ -2275,7 +2275,7 @@ const N1 = ["disabled"], Q1 = s({
             icon: t.icon,
             color: "white.800",
             size: "xs"
-          }, null, 8, ["icon"])) : H("", !0),
+          }, null, 8, ["icon"])) : A("", !0),
           F(u.$slots, "default")
         ]),
         _: 3
@@ -2392,7 +2392,7 @@ const Y1 = ["aria-label", "disabled", "onClick"], Qe = /* @__PURE__ */ s({
             "aria-label": `${t.currentMonth.getFullYear()}年${t.currentMonth.getMonth() + 1}月${z}日${e(d)(b, B) === "primary" || e(d)(b, B) === "secondary" ? "-選択済み" : ""}`,
             disabled: e(d)(b, B) === "outOfCurrentMonth",
             onClick: (S) => u(b, B, z)
-          }, w(z), 11, Y1)) : H("", !0)
+          }, w(z), 11, Y1)) : A("", !0)
         ], 2))), 128))
       ]))), 128))
     ], 2));
@@ -2469,7 +2469,7 @@ const lu = { key: 2 }, ru = s({
         !t.px && !t.py && e(zt)[t.p],
         e(me)[t.backgroundColor]
       ]),
-      style: A({ maxWidth: t.maxWidth })
+      style: H({ maxWidth: t.maxWidth })
     }, [
       m(e(G), {
         gap: t.gap,
@@ -2486,16 +2486,16 @@ const lu = { key: 2 }, ru = s({
             h("div", null, [
               F(a.$slots, "subHeaderArea")
             ])
-          ], 2)) : H("", !0),
+          ], 2)) : A("", !0),
           a.$slots.default && a.$slots.default() ? (n(), c("div", {
             key: 1,
             class: i(e(K1))
           }, [
             F(a.$slots, "default")
-          ], 2)) : H("", !0),
+          ], 2)) : A("", !0),
           a.$slots.footer && a.$slots.footer() ? (n(), c("div", lu, [
             F(a.$slots, "footer")
-          ])) : H("", !0)
+          ])) : A("", !0)
         ]),
         _: 3
       }, 8, ["gap", "align"])
@@ -2553,7 +2553,7 @@ const lt = k(0), Aa = (t) => {
     ), (f, v) => (n(), W(_a, { to: "body" }, [
       h("div", {
         class: i([e(su), e(r) && e(iu)]),
-        style: A({ zIndex: e(d) })
+        style: H({ zIndex: e(d) })
       }, [
         h("div", {
           class: i(e(nu)),
@@ -2566,7 +2566,7 @@ const lt = k(0), Aa = (t) => {
             align: t.align
           }, Ge({
             mainHeaderArea: y(() => [
-              t.title ? H("", !0) : F(f.$slots, "title", { key: 0 })
+              t.title ? A("", !0) : F(f.$slots, "title", { key: 0 })
             ]),
             footer: y(() => [
               F(f.$slots, "footer")
@@ -2725,7 +2725,7 @@ const yu = s({
             size: "md",
             icon: t.icon,
             color: e(_)
-          }, null, 8, ["icon", "color"])) : H("", !0)
+          }, null, 8, ["icon", "color"])) : A("", !0)
         ]),
         _: 3
       })
@@ -2755,7 +2755,7 @@ const wu = s({
     const { isMenuOpen: a, setIsMenuOpen: l } = Xe(Te), r = () => l(!a.value), { currentZIndex: o } = Aa(X.zIndex.floating);
     return (d, u) => (n(), c("div", {
       class: i([e(xu), t.sticky && e(Su)]),
-      style: A({ zIndex: e(o) })
+      style: H({ zIndex: e(o) })
     }, [
       m(e(j), {
         align: "center",
@@ -2918,7 +2918,7 @@ const Vu = ["placeholder", "disabled", "type", "id", "autocomplete"], Eu = s({
         t.disabled && e(Mu),
         e(pe)[e(u)]
       ]),
-      style: A({ width: e(d) }),
+      style: H({ width: e(d) }),
       placeholder: t.placeholder,
       disabled: t.disabled,
       type: t.type,
@@ -3323,7 +3323,7 @@ const _d = (t, a) => {
             t.disabled && e(id),
             e(sd)[e(I)]
           ]),
-          style: A({ width: e(T) })
+          style: H({ width: e(T) })
         }, [
           h("div", {
             class: i(e(md)),
@@ -3371,7 +3371,7 @@ const _d = (t, a) => {
                   disabled: t.disabled,
                   onKeydown: L[0] || (L[0] = //@ts-ignore
                   (...Q) => V.focus && V.focus(...Q))
-                }, null, 42, bd)) : H("", !0)
+                }, null, 42, bd)) : A("", !0)
               ]),
               _: 1
             })
@@ -3386,7 +3386,7 @@ const _d = (t, a) => {
               icon: e(De),
               class: i(e(cd)),
               color: t.isOpen ? "green.800" : "white.800"
-            }, null, 8, ["icon", "class", "color"])) : t.isOpen ? H("", !0) : (n(), W(e(N), {
+            }, null, 8, ["icon", "class", "color"])) : t.isOpen ? A("", !0) : (n(), W(e(N), {
               key: 1,
               icon: e($e),
               class: i(e(fd))
@@ -3403,7 +3403,7 @@ const _d = (t, a) => {
             e(z).length > 0 || t.searchValue !== "" && !t.options.some((Q) => Q.label === t.searchValue) ? (n(), c("div", {
               key: 0,
               class: i(e(yd)),
-              style: A({ minWidth: t.width })
+              style: H({ minWidth: t.width })
             }, [
               m(e(G), { gap: "xs2" }, {
                 default: y(() => [
@@ -3413,7 +3413,7 @@ const _d = (t, a) => {
                 ]),
                 _: 1
               })
-            ], 6)) : H("", !0)
+            ], 6)) : A("", !0)
           ]),
           _: 1
         }, 8, ["isOpen", "isDirectionFixed"])
@@ -3484,7 +3484,7 @@ const Fd = ["onClick"], Vd = { key: 0 }, Ed = s({
             t.disabled && e(zd),
             e($d)[e(u)]
           ]),
-          style: A({ width: e(_) })
+          style: H({ width: e(_) })
         }, [
           h("div", {
             class: i(e(Wd)),
@@ -3496,7 +3496,7 @@ const Fd = ["onClick"], Vd = { key: 0 }, Ed = s({
               height: "100%"
             }, {
               default: y(() => [
-                e(z) ? H("", !0) : (n(), c("span", {
+                e(z) ? A("", !0) : (n(), c("span", {
                   key: 0,
                   class: i(e(Bd))
                 }, w(t.placeholder), 3)),
@@ -3509,7 +3509,7 @@ const Fd = ["onClick"], Vd = { key: 0 }, Ed = s({
                 r.value ? (n(), W(e(De), {
                   key: 1,
                   class: i(e(kd))
-                }, null, 8, ["class"])) : r.value ? H("", !0) : (n(), W(e($e), {
+                }, null, 8, ["class"])) : r.value ? A("", !0) : (n(), W(e($e), {
                   key: 2,
                   class: i(e(Cd))
                 }, null, 8, ["class"]))
@@ -3526,7 +3526,7 @@ const Fd = ["onClick"], Vd = { key: 0 }, Ed = s({
           default: y(() => [
             h("div", {
               class: i(e(Md)),
-              style: A({ minWidth: t.width })
+              style: H({ minWidth: t.width })
             }, [
               m(e(G), { gap: "xs2" }, {
                 default: y(() => [
@@ -3536,7 +3536,7 @@ const Fd = ["onClick"], Vd = { key: 0 }, Ed = s({
                     onClick: (M) => d(C.value)
                   }, [
                     h("span", null, w(C.label), 1),
-                    C.exLabel ? (n(), c("span", Vd, w(C.exLabel), 1)) : H("", !0)
+                    C.exLabel ? (n(), c("span", Vd, w(C.exLabel), 1)) : A("", !0)
                   ], 10, Fd))), 128))
                 ]),
                 _: 1
@@ -3918,7 +3918,7 @@ const La = (t, a) => {
           !r.value && e(wc),
           e(T) && e(xc)
         ]),
-        style: A({
+        style: H({
           inset: e(U),
           transform: `${e(K)} translateZ(0)`
         }),
@@ -4005,7 +4005,7 @@ const La = (t, a) => {
               e(pc),
               e(mc)[e(z)]
             ]),
-            style: A({ width: e(S) }),
+            style: H({ width: e(S) }),
             onClick: v
           }, [
             m(e(j), {
@@ -4225,7 +4225,7 @@ const Pc = (t) => {
             e(Hc)[e(D)],
             e(pe)[e(M)]
           ]),
-          style: A({
+          style: H({
             width: t.width
           }),
           "aria-label": e(ne).DATE_PICKER_INPUT,
@@ -4434,7 +4434,7 @@ const u5 = s({
             ]),
             _: 1
           })
-        ], 2)) : H("", !0),
+        ], 2)) : A("", !0),
         t.multiple && t.fileList.length || !t.multiple && !t.isUploading ? (n(!0), c(P, { key: 1 }, O(Array.from(t.fileList), (d, u) => (n(), c("div", {
           class: i([
             e(Ut),
@@ -4453,7 +4453,7 @@ const u5 = s({
             ]),
             _: 2
           }, 1024)
-        ], 2))), 256)) : H("", !0)
+        ], 2))), 256)) : A("", !0)
       ]),
       _: 1
     }));
@@ -4531,7 +4531,7 @@ const u5 = s({
             multiple: t.multiple
           }, null, 42, c5),
           Z("こちらにドラック＆ドロップしてファイルをアップロード")
-        ], 42, d5)) : H("", !0),
+        ], 42, d5)) : A("", !0),
         m(ja, {
           progress: e(_),
           completedFileCount: u.value,
@@ -4637,7 +4637,7 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
               t.disabled && e(g5),
               e(pe)[e(z)]
             ]),
-            style: A({ width: e(B) }),
+            style: H({ width: e(B) }),
             "onUpdate:modelValue": x[0] || (x[0] = (q) => o.value = q),
             placeholder: t.placeholder,
             name: t.name,
@@ -4661,13 +4661,14 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
           default: y(() => [
             m(e(j), null, {
               default: y(() => [
-                h("div", {
+                d.value.length ? (n(), c("div", {
+                  key: 0,
                   class: i([
                     e(p5),
                     e(v5),
                     b.value && e(m5)
                   ]),
-                  style: A({ width: e(S) })
+                  style: H({ width: e(S) })
                 }, [
                   (n(!0), c(P, null, O(d.value, (q, T) => (n(), c("div", {
                     key: `${q.label}_${q.value}_${T}`
@@ -4725,7 +4726,7 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
                         e(r).includes(q.value) ? (n(), W(e(Je), {
                           key: 0,
                           class: i(e(Za))
-                        }, null, 8, ["class"])) : H("", !0),
+                        }, null, 8, ["class"])) : A("", !0),
                         h("span", {
                           class: i([
                             (e(r).includes(q.value) || f.value === q.value) && e(Ra)
@@ -4736,9 +4737,9 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
                     T !== t.options.length - 1 ? (n(), W(e(Ie), {
                       key: 2,
                       color: "gray.300"
-                    })) : H("", !0)
+                    })) : A("", !0)
                   ]))), 128))
-                ], 6),
+                ], 6)) : A("", !0),
                 m(e(kt), {
                   modelValue: e(r),
                   "onUpdate:modelValue": x[8] || (x[8] = (q) => J(r) ? r.value = q : null),
@@ -4838,7 +4839,7 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
             e(S)(x.children) && e(S5),
             !e(S)(x.children) && e(b5)
           ]),
-          style: A({ width: e(C) })
+          style: H({ width: e(C) })
         }, [
           (n(!0), c(P, null, O(x.children, (T, U) => (n(), c("div", {
             key: `${T.label}_${T.value}_${U}`
@@ -4893,7 +4894,7 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
                 e(f).includes(T.value) ? (n(), W(e(Je), {
                   key: 0,
                   class: i(e(Za))
-                }, null, 8, ["class"])) : H("", !0),
+                }, null, 8, ["class"])) : A("", !0),
                 h("span", {
                   class: i([
                     (e(f).includes(T.value) || r.value === T.value) && e(Ra)
@@ -4904,7 +4905,7 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
             U !== x.children.length - 1 ? (n(), W(e(Ie), {
               key: 2,
               color: "gray.300"
-            })) : H("", !0)
+            })) : A("", !0)
           ]))), 128))
         ], 46, M5),
         m(e(kt), {
@@ -4916,7 +4917,7 @@ const k5 = ["placeholder", "name", "disabled"], C5 = ["onMouseover"], I5 = ["val
           dy: o.value || 0,
           parentScrollAmount: b.value
         }, null, 8, ["modelValue", "options", "selectedItem", "popupWidth", "dy", "parentScrollAmount"])
-      ], 2)) : H("", !0)
+      ], 2)) : A("", !0)
     ], 64))), 256));
   }
 });
@@ -5122,9 +5123,9 @@ const G5 = ["aria-label", "disabled"], Y5 = { key: 0 }, K5 = ["aria-label"], X5
                             "aria-label": K.label,
                             onClick: ($) => M(K.value)
                           }, w(K.label), 11, J5))), 128))
-                        ], 2)) : H("", !0)
+                        ], 2)) : A("", !0)
                       ], 2)
-                    ], 2)) : H("", !0),
+                    ], 2)) : A("", !0),
                     h("div", {
                       class: i(P5)
                     }, [
@@ -5238,7 +5239,7 @@ const n2 = /* @__PURE__ */ s({
     }, u = () => r.value = !1, f = () => l.clickable && a("click"), v = () => o.value = !0, _ = () => o.value = !1, b = g(() => l.width), z = g(() => l.clickable && (l.active || r.value) ? "green.800" : "gray.500"), B = g(() => l.clickable ? l.active || o.value ? "active" : r.value ? "hover" : "default" : "disabled");
     return (S, C) => (n(), c("div", {
       class: i([e(l2), e(r2)[e(B)]]),
-      style: A({ width: e(b) }),
+      style: H({ width: e(b) }),
       onMouseover: d,
       onMouseleave: u,
       onMousedown: v,
@@ -5302,7 +5303,7 @@ const f2 = s({
       t.icon ? (n(), W(oe(t.icon), {
         key: 0,
         class: i([e(i2), e(s2)[t.variant]])
-      }, null, 8, ["class"])) : H("", !0),
+      }, null, 8, ["class"])) : A("", !0),
       h("div", null, [
         h("div", {
           class: i(e(u2))
@@ -5437,7 +5438,7 @@ const z2 = { key: 0 }, k2 = s({
                 ]),
                 _: 1
               }, 8, ["isOpen"])
-            ])) : H("", !0)
+            ])) : A("", !0)
           ]),
           _: 1
         })
@@ -5474,7 +5475,7 @@ const z2 = { key: 0 }, k2 = s({
     });
     return (u, f) => (n(), c("div", {
       class: i(e(p2)),
-      style: A({
+      style: H({
         ...e(d),
         width: e(o)
       })
@@ -5489,7 +5490,7 @@ const z2 = { key: 0 }, k2 = s({
         class: i(e(v2))
       }, [
         F(u.$slots, "footer")
-      ], 2)) : H("", !0)
+      ], 2)) : A("", !0)
     ], 6));
   }
 });
@@ -5538,7 +5539,7 @@ const T2 = ["onClick"], M2 = /* @__PURE__ */ s({
         (n(), W(oe(e(et)), {
           class: i(e(aa))
         }, null, 8, ["class"]))
-      ], 2)) : H("", !0),
+      ], 2)) : A("", !0),
       (n(!0), c(P, null, O(e(d), (v) => (n(), c("div", {
         class: i([
           e(rt),
@@ -5554,7 +5555,7 @@ const T2 = ["onClick"], M2 = /* @__PURE__ */ s({
         (n(), W(oe(e(Se)), {
           class: i(e(aa))
         }, null, 8, ["class"]))
-      ], 2)) : H("", !0)
+      ], 2)) : A("", !0)
     ], 2));
   }
 });
@@ -5640,7 +5641,7 @@ const J2 = s({
         t.lineThrough && e(Y2)
       ]),
       for: t.htmlFor,
-      style: A(e(l))
+      style: H(e(l))
     }, {
       default: y(() => [
         t.dummyValue ? (n(), c("span", {
@@ -5719,7 +5720,7 @@ const s3 = s({
               ], 2)
             ]),
             _: 3
-          }, 8, ["isOpen", "direction", "isDirectionFixed"])) : H("", !0)
+          }, 8, ["isOpen", "direction", "isDirectionFixed"])) : A("", !0)
         ]),
         _: 3
       }, 8, ["expand"])
@@ -5888,7 +5889,7 @@ const v3 = s({
           e(c3)[t.borderRadius]
         ]
       ),
-      style: A({ width: t.width, height: t.height })
+      style: H({ width: t.width, height: t.height })
     }, [
       F(a.$slots, "default")
     ], 6));
@@ -5961,7 +5962,7 @@ const v3 = s({
   setup(t) {
     return (a, l) => (n(), c("div", {
       class: i(t.isLoading && [e(Ct), e(f3)]),
-      style: A({ width: t.size, height: t.size })
+      style: H({ width: t.size, height: t.size })
     }, [
       F(a.$slots, "default")
     ], 6));
@@ -6000,7 +6001,7 @@ const w3 = s({
     const l = t, r = () => l.disabled || a("click"), o = g(() => l.disabled ? "disabled" : l.active ? "active" : "default");
     return (d, u) => (n(), c("div", {
       class: i([e(S3), e(x3)[e(o)]]),
-      style: A({ width: t.width }),
+      style: H({ width: t.width }),
       onClick: r
     }, [
       h("span", {
@@ -6009,7 +6010,7 @@ const w3 = s({
       t.notificationCount ? (n(), c("span", {
         key: 0,
         class: i(e(b3))
-      }, w(t.notificationCount), 3)) : H("", !0),
+      }, w(t.notificationCount), 3)) : A("", !0),
       F(d.$slots, "default")
     ], 6));
   }
@@ -6076,7 +6077,7 @@ const T3 = s({
   setup(t) {
     return (a, l) => (n(), c("table", {
       class: i([e(C3), t.fixed && e(k3)]),
-      style: A({ width: t.width })
+      style: H({ width: t.width })
     }, [
       F(a.$slots, "default")
     ], 6));
@@ -6135,7 +6136,7 @@ const T3 = s({
   setup(t) {
     return (a, l) => (n(), c("th", {
       class: i(e(W3)),
-      style: A({ width: t.width }),
+      style: H({ width: t.width }),
       rowSpan: t.rowSpan,
       colSpan: t.colSpan
     }, [
@@ -6185,7 +6186,7 @@ const X3 = s({
   setup(t) {
     return (a, l) => (n(), c("table", {
       class: i([e(Q3), t.fixed && e(N3)]),
-      style: A({ width: t.width })
+      style: H({ width: t.width })
     }, [
       F(a.$slots, "default")
     ], 6));
@@ -6249,7 +6250,7 @@ const X3 = s({
   setup(t) {
     return (a, l) => (n(), c("th", {
       class: i([e(Y3), e(K3)[t.scope]]),
-      style: A({ width: t.width, fontSize: e(X).fontSize[t.fontSize] }),
+      style: H({ width: t.width, fontSize: e(X).fontSize[t.fontSize] }),
       rowSpan: t.rowSpan,
       colSpan: t.colSpan
     }, [
@@ -6283,7 +6284,7 @@ const X3 = s({
   setup(t) {
     return (a, l) => (n(), c("td", {
       class: i([e(G3), e(U3)[t.align]]),
-      style: A({ fontSize: e(X).fontSize[t.fontSize] }),
+      style: H({ fontSize: e(X).fontSize[t.fontSize] }),
       rowSpan: t.rowSpan,
       colSpan: t.colSpan
     }, [
@@ -6333,7 +6334,7 @@ const q0 = s({
         t.fixed && e(h0),
         t.borderCollapse && e(f0)[t.borderCollapse]
       ]),
-      style: A({ width: t.width })
+      style: H({ width: t.width })
     }, [
       F(a.$slots, "default")
     ], 6));
@@ -6408,7 +6409,7 @@ const q0 = s({
   setup(t) {
     return (a, l) => (n(), c("th", {
       class: i([e(p0), t.divider && e(y0)]),
-      style: A({ width: t.width }),
+      style: H({ width: t.width }),
       rowSpan: t.rowSpan,
       colSpan: t.colSpan
     }, [
@@ -6486,13 +6487,13 @@ const E0 = s({
         e(ve)[t.fontSize],
         e(Va)[t.fontWeight]
       ]),
-      style: A({ width: t.width || "max-content" })
+      style: H({ width: t.width || "max-content" })
     }, [
       t.icon ? (n(), W(e(N), {
         key: 0,
         icon: t.icon,
         color: e(F0)[t.variant]
-      }, null, 8, ["icon", "color"])) : H("", !0),
+      }, null, 8, ["icon", "color"])) : A("", !0),
       Z(" " + w(t.label), 1)
     ], 6));
   }
@@ -6592,7 +6593,7 @@ const Y0 = ["viewBox"], K0 = ["stroke-width", "d"], X0 = ["stroke-dasharray", "s
           d.percentage > 0 ? (n(), c("path", {
             key: 0,
             class: i(e(Q0)),
-            style: A({
+            style: H({
               stroke: e(qe)[u] || e(qe)[e(qe).length - 1]
             }),
             "stroke-dasharray": `${d.percentage}, 100`,
@@ -6601,7 +6602,7 @@ const Y0 = ["viewBox"], K0 = ["stroke-width", "d"], X0 = ["stroke-dasharray", "s
               a ${e(ge)} ${e(ge)} 0 0 1 0 ${e(Pe)}
               a ${e(ge)} ${e(ge)} 0 0 1 0 ${-1 * e(Pe)}`,
             transform: `rotate(${(d.start + e(We) / 2) * 360 / 100}, ${e(Le)}, ${e(Le)})`
-          }, null, 14, X0)) : H("", !0)
+          }, null, 14, X0)) : A("", !0)
         ], 64))), 256))
       ], 10, Y0)),
       h("div", {
@@ -6646,7 +6647,7 @@ const Y0 = ["viewBox"], K0 = ["stroke-width", "d"], X0 = ["stroke-dasharray", "s
         }, [
           h("span", {
             class: i([e(la)]),
-            style: A({
+            style: H({
               backgroundColor: e(qe)[o] || e(qe)[e(qe).length - 1]
             })
           }, null, 6),
@@ -6659,7 +6660,7 @@ const Y0 = ["viewBox"], K0 = ["stroke-width", "d"], X0 = ["stroke-dasharray", "s
         }, [
           h("span", {
             class: i([e(la)]),
-            style: A({
+            style: H({
               backgroundColor: e(qe)[e(qe).length - 1]
             })
           }, null, 6),
@@ -6765,7 +6766,7 @@ const ff = /* @__PURE__ */ s({
         ref_for: !0,
         ref_key: "barRefs",
         ref: l,
-        style: A({
+        style: H({
           height: `${C.y * 100}%`,
           width: `${e(b) * (1 - t.barGap) * 100}%`,
           left: `${(C.x - t.barGroupWidth / 2) * 200}%`
@@ -6777,7 +6778,7 @@ const ff = /* @__PURE__ */ s({
           ref_for: !0,
           ref_key: "barFrequencyRefs",
           ref: r
-        }, w(C.frequency), 3)) : H("", !0)
+        }, w(C.frequency), 3)) : A("", !0)
       ], 6))), 128))
     ], 2));
   }
@@ -6807,7 +6808,7 @@ const ff = /* @__PURE__ */ s({
         t.annotationUnit ? (n(), c("span", {
           key: 0,
           class: i([e(it), e(st).unit])
-        }, " (" + w(t.annotationUnit) + ") ", 3)) : H("", !0),
+        }, " (" + w(t.annotationUnit) + ") ", 3)) : A("", !0),
         h("span", {
           class: i([e(it), e(st).max])
         }, w(t.maxFrequency) + w(t.labelUnit), 3),
@@ -6969,7 +6970,7 @@ const $f = /* @__PURE__ */ s({
         ref_key: "barRef",
         ref: r,
         class: i([e(yf), e(me)[e(d)]]),
-        style: A({
+        style: H({
           backgroundColor: e(d)
         })
       }, [
@@ -7011,7 +7012,7 @@ const $f = /* @__PURE__ */ s({
     }, [
       h("span", {
         class: i(e(Sf)),
-        style: A({ width: t.labelWidth })
+        style: H({ width: t.labelWidth })
       }, w(t.label), 7),
       h("div", {
         class: i(e(wf))
@@ -7021,7 +7022,7 @@ const $f = /* @__PURE__ */ s({
           isColorFixed: t.isColorFixed,
           barPercentage: t.barPercentage,
           innerLabel: t.innerLabel
-        }, null, 8, ["isColorFixed", "barPercentage", "innerLabel"])) : H("", !0)
+        }, null, 8, ["isColorFixed", "barPercentage", "innerLabel"])) : A("", !0)
       ], 2)
     ], 2));
   }
@@ -7078,7 +7079,7 @@ const $f = /* @__PURE__ */ s({
       }, null, 8, ["labelWidth"]))), 128)),
       h("span", {
         class: i(e(gf)),
-        style: A({
+        style: H({
           left: `calc(${t.labelWidth} - ${e(pf)})`,
           height: `${l.value}px`
         })
@@ -7155,7 +7156,7 @@ const Hf = /* @__PURE__ */ h("br", null, null, -1), Pf = /* @__PURE__ */ s({
         class: i(e(Mf)),
         ref_key: "barTransitionRef",
         ref: r,
-        style: A({
+        style: H({
           display: t.isFirst ? "none" : "block",
           height: `${Math.abs(e(v) - e(_)) * 100}%`,
           top: `${Math.min(
@@ -7168,7 +7169,7 @@ const Hf = /* @__PURE__ */ h("br", null, null, -1), Pf = /* @__PURE__ */ s({
           class: i(e(Tf)),
           ref_key: "barTransitionLineRef",
           ref: o,
-          style: A({
+          style: H({
             display: t.frequency === 0 && t.lastFrequency === 0 ? "none" : "block",
             transformOrigin: e(b) <= 0 ? "left top" : "left bottom",
             top: e(b) <= 0 ? "0" : "100%"
@@ -7186,20 +7187,20 @@ const Hf = /* @__PURE__ */ h("br", null, null, -1), Pf = /* @__PURE__ */ s({
       ], 6),
       h("div", {
         class: i([e(da), e(ua).last]),
-        style: A({ height: `${e(v) * 100}%` })
+        style: H({ height: `${e(v) * 100}%` })
       }, null, 6),
       h("div", {
         class: i([e(da), e(ua).current]),
         ref_key: "barItemCurrentRef",
         ref: u,
-        style: A({ height: `${e(_) * 100}%` })
+        style: H({ height: `${e(_) * 100}%` })
       }, [
         t.frequency !== 0 ? (n(), c("span", {
           key: 0,
           class: i(e(If)),
           ref_key: "barItemCurrentFrequencyRef",
           ref: f
-        }, w(t.frequency), 3)) : H("", !0)
+        }, w(t.frequency), 3)) : A("", !0)
       ], 6)
     ], 2));
   }
@@ -7229,7 +7230,7 @@ const Hf = /* @__PURE__ */ h("br", null, null, -1), Pf = /* @__PURE__ */ s({
         t.annotationUnit ? (n(), c("span", {
           key: 0,
           class: i([e(ut), e(ot).unit])
-        }, " (" + w(t.annotationUnit) + ") ", 3)) : H("", !0),
+        }, " (" + w(t.annotationUnit) + ") ", 3)) : A("", !0),
         h("span", {
           class: i([e(ut), e(ot).max])
         }, w(t.maxFrequency) + w(t.labelUnit), 3),
@@ -7324,7 +7325,7 @@ const Gf = ["viewBox"], Yf = ["stroke-dasharray", "stroke-width", "d", "transfor
               a ${e(_e)} ${e(_e)} 0 0 1 0 ${e(Oe)}
               a ${e(_e)} ${e(_e)} 0 0 1 0 ${-1 * e(Oe)}`,
           transform: `rotate(${-e(je) * 360 / 100 / 2}, ${e(Ce)}, ${e(Ce)})`
-        }, null, 10, Kf)) : H("", !0)
+        }, null, 10, Kf)) : A("", !0)
       ], 10, Gf)),
       h("div", {
         class: i(e(Nf))
@@ -7351,7 +7352,7 @@ const a7 = s({
     }, [
       h("div", {
         class: i(e(e7)),
-        style: A({ width: `${t.percentage}%` })
+        style: H({ width: `${t.percentage}%` })
       }, null, 6)
     ], 2));
   }
@@ -7394,7 +7395,7 @@ const a7 = s({
         !t.isStatic && e(kl),
         o.value && e(Cl)
       ]),
-      style: A({
+      style: H({
         bottom: `${t.bottom}`,
         left: `${t.left}`
       }),
@@ -7529,7 +7530,7 @@ const d7 = { key: 1 }, c7 = { key: 2 }, f7 = ["onClick", "onMouseover", "onMouse
         t.disabled && e(ma),
         t.depth === 0 && e(r7)[t.borderRadius]
       ]),
-      style: A({ minWidth: e(b) }),
+      style: H({ minWidth: e(b) }),
       p: t.depth === 0 ? t.p : "no"
     }, {
       default: y(() => [
@@ -7543,7 +7544,7 @@ const d7 = { key: 1 }, c7 = { key: 2 }, f7 = ["onClick", "onMouseover", "onMouse
                 e(u7),
                 t.disabled ? e(pa).disabled : e(pa).enabled
               ]),
-              style: A({
+              style: H({
                 paddingLeft: `calc(${e(X).spacing.xs2} + ${t.depth} * ${e(X).spacing.lg})`
               })
             }, w(S.item.title), 7),
@@ -7561,7 +7562,7 @@ const d7 = { key: 1 }, c7 = { key: 2 }, f7 = ["onClick", "onMouseover", "onMouse
                 t.disabled || S.item.option.disabled ? e(va).disabled : e(va).enabled,
                 S.item.option.disabled && e(ma)
               ]),
-              style: A({
+              style: H({
                 paddingLeft: `calc(${e(X).spacing.xs2} + ${t.depth} * ${e(X).spacing.lg})`
               }),
               onClick: (C) => u(S.item),
@@ -7581,10 +7582,10 @@ const d7 = { key: 1 }, c7 = { key: 2 }, f7 = ["onClick", "onMouseover", "onMouse
                   icon: S.item.option.icon,
                   color: S.item.option.value === r.value ? "white.800" : t.disabled || S.item.option.disabled ? "gray.400" : S.item.option.value === o.value ? "green.800" : S.item.option.iconDefaultColor ?? "gray.500",
                   size: "md"
-                }, null, 8, ["icon", "color"])) : H("", !0)
+                }, null, 8, ["icon", "color"])) : A("", !0)
               ], 2)
             ], 46, f7))
-          ])) : H("", !0)
+          ])) : A("", !0)
         ]))), 256))
       ]),
       _: 1
@@ -7634,7 +7635,7 @@ const q7 = /* @__PURE__ */ s({
     };
     return (u, f) => (n(), W(e(G), {
       class: i([e(m7), t.bgColor && e(me)[t.bgColor]]),
-      style: A({ width: t.width }),
+      style: H({ width: t.width }),
       open: t.isOpen || r.value
     }, {
       default: y(() => [
@@ -7642,7 +7643,7 @@ const q7 = /* @__PURE__ */ s({
           ref_key: "contentRef",
           ref: l,
           class: i([e(v7)]),
-          style: A({
+          style: H({
             maxHeight: t.isOpen ? e(o) : 0
           })
         }, [
@@ -7716,7 +7717,7 @@ const $7 = s({
     };
     return (d, u) => se((n(), c("div", {
       class: i([e(w7), t.border && e(b7)]),
-      style: A({ width: t.width })
+      style: H({ width: t.width })
     }, [
       m(e(G), { gap: "xs" }, {
         default: y(() => [
@@ -7871,7 +7872,7 @@ const C7 = s({
                   height: e(X).fontSize.md,
                   bgColor: "red.800",
                   round: "max"
-                }, null, 8, ["width", "height"])) : H("", !0)
+                }, null, 8, ["width", "height"])) : A("", !0)
               ]),
               _: 1
             })
@@ -7907,14 +7908,14 @@ const C7 = s({
                       expand: ""
                     }, null, 8, ["options", "modelValue", "placeholder"]),
                     h("div", {
-                      style: A({
+                      style: H({
                         width: e(X).spacing.xl4,
                         flexShrink: 0
                       })
                     }, null, 4)
                   ]),
                   _: 1
-                })) : H("", !0),
+                })) : A("", !0),
                 t.typingUsername ? (n(), W(e(Y), {
                   key: 1,
                   color: "gray.600",
@@ -7936,7 +7937,7 @@ const C7 = s({
                     Z(" さんが入力しています... ")
                   ]),
                   _: 1
-                })) : H("", !0)
+                })) : A("", !0)
               ]),
               _: 1
             })
@@ -8078,7 +8079,7 @@ const C7 = s({
             Z(w(t.content.username), 1)
           ]),
           _: 1
-        })) : H("", !0),
+        })) : A("", !0),
         m(e(j), {
           align: "end",
           reverse: t.content.sender === "me",
@@ -8140,7 +8141,7 @@ const C7 = s({
                           Z(w(e(l)), 1)
                         ]),
                         _: 1
-                      })) : H("", !0)
+                      })) : A("", !0)
                     ]),
                     _: 2
                   }, [
@@ -8242,7 +8243,7 @@ const C7 = s({
                   key: 0,
                   "font-size": "xs2",
                   label: "必須"
-                })) : H("", !0)
+                })) : A("", !0)
               ]),
               _: 1
             }, 8, ["width"]),
@@ -8415,7 +8416,7 @@ const C7 = s({
                     })
                   ]),
                   _: 1
-                })) : H("", !0),
+                })) : A("", !0),
                 m(e(Y), {
                   color: "gray.700",
                   fontSize: "xs",
@@ -8436,7 +8437,7 @@ const C7 = s({
                     Z(w(e(r)), 1)
                   ]),
                   _: 1
-                })) : H("", !0)
+                })) : A("", !0)
               ]),
               _: 1
             }),
@@ -8494,7 +8495,7 @@ const C7 = s({
           }, null, 8, ["variant", "read", "title", "timestamp", "tableInfo", "onClick"]),
           u !== t.notifications.length - 1 ? (n(), W(e(Ie), {
             key: "divider" + u
-          })) : H("", !0)
+          })) : A("", !0)
         ], 64))), 128)) : (n(), W(e(j), {
           key: 1,
           align: "center",
@@ -8612,7 +8613,7 @@ const N7 = s({
     });
     return (o, d) => se((n(), c("div", {
       class: i([H7[t.variant]]),
-      style: A({ gridRow: t.gridRow, gridColumn: t.gridColumn }),
+      style: H({ gridRow: t.gridRow, gridColumn: t.gridColumn }),
       onClick: d[0] || (d[0] = (u) => a("scheduleClick", t.id))
     }, w(e(r)), 7)), [
       [pt, t.show]
@@ -8744,7 +8745,7 @@ ${t}Hour: ${a}`, Y7 = (t, a) => `Scheduleは${t}時以降から始まる必要
     };
     return (u, f) => (n(), c("div", {
       class: i([L7]),
-      style: A({
+      style: H({
         gridTemplateRows: `repeat(${(t.endHour - t.startHour + 1) * Be}, 1fr)`,
         gridTemplateColumns: `repeat(${e(r)}, 1fr)`
       })