@wizleap-inc/wiz-ui-react 2.7.0 → 2.8.0

package/dist/wiz-ui.es.js

@@ -40,11 +40,11 @@ var O1 = {};
 var rt;
 function vr() {
   return rt || (rt = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = h5, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), o = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), q = Symbol.for("react.offscreen"), p = Symbol.iterator, f = "@@iterator";
+    var r = h5, t = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), o = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), q = Symbol.for("react.offscreen"), p = Symbol.iterator, g = "@@iterator";
     function y(h) {
       if (h === null || typeof h != "object")
         return null;
-      var _ = p && h[p] || h[f];
+      var _ = p && h[p] || h[g];
       return typeof _ == "function" ? _ : null;
     }
     var w = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -1073,7 +1073,7 @@ function y5(r) {
   else for (t in r) r[t] && (a && (a += " "), a += t);
   return a;
 }
-function g() {
+function f() {
   for (var r, t, s = 0, a = ""; s < arguments.length; ) (r = arguments[s++]) && (t = y5(r)) && (a && (a += " "), a += t);
   return a;
 }
@@ -1106,7 +1106,7 @@ const Nr = {
     {
       ref: v,
       ...u,
-      className: g(
+      className: f(
         r,
         br[s],
         Tr[i],
@@ -1163,7 +1163,7 @@ const Er = {
     {
       ref: d,
       ...c,
-      className: g(
+      className: f(
         r,
         Cr,
         Mr[i],
@@ -1207,18 +1207,18 @@ const z5 = c1(
     children: m,
     ...q
   }, p) => {
-    const [f, y] = W(!1), w = `${s ? "clickable" : "unclickable"}+${a ? "active" : "inactive"}`;
+    const [g, y] = W(!1), w = `${s ? "clickable" : "unclickable"}+${a ? "active" : "inactive"}`;
     return /* @__PURE__ */ e.jsx(
       "button",
       {
         ref: p,
         ...q,
-        className: g(
+        className: f(
           r,
           Lr,
           Dr,
           Qr[w],
-          s && (f || n) && Rr,
+          s && (g || n) && Rr,
           !l && !o && ie.xs2,
           !l && !i && le.sm,
           l && Ee[l],
@@ -1272,7 +1272,7 @@ const vs = {
     {
       ref: o,
       ...i,
-      className: g(
+      className: f(
         r,
         us[a],
         n && ms
@@ -1303,12 +1303,12 @@ const S5 = ({
   offset: i = "no",
   size: o = "md",
   children: c
-}) => /* @__PURE__ */ e.jsxs("div", { className: g(r, qs), style: t, children: [
+}) => /* @__PURE__ */ e.jsxs("div", { className: f(r, qs), style: t, children: [
   c,
   !a && /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(
+      className: f(
         xs,
         s && ps[o],
         M1[n],
@@ -1511,7 +1511,7 @@ const N5 = (r) => {
   isDirectionFixed: v = !1,
   children: m
 }) => {
-  const q = R(null), p = ws(u, q, s), [f, y] = W({});
+  const q = R(null), p = ws(u, q, s), [g, y] = W({});
   T5([q, n], () => l && (a == null ? void 0 : a()));
   const w = N5(n.current), x = o1(() => {
     if (!n.current || !q.current)
@@ -1554,7 +1554,7 @@ const N5 = (r) => {
     "div",
     {
       ref: q,
-      className: g(
+      className: f(
         r,
         fs,
         d && gs,
@@ -1567,7 +1567,7 @@ const N5 = (r) => {
         position: w ? "fixed" : "absolute",
         transform: "translateZ(0)",
         // Safariで影が消えない問題の対策
-        ...f
+        ...g
       },
       children: m
     }
@@ -1599,7 +1599,7 @@ const C5 = c1(
     onClick: u,
     ...v
   }, m) => {
-    const [q, p] = W(!0), f = O(() => a || c || "", [a, c]), y = O(() => l || (c && !a ? "gray.900" : "white.800"), [l, c, a]), w = O(() => {
+    const [q, p] = W(!0), g = O(() => a || c || "", [a, c]), y = O(() => l || (c && !a ? "gray.900" : "white.800"), [l, c, a]), w = O(() => {
       if (i) return x5(i);
       if (!a) return Y.color.gray[400];
       const x = Array.from(a).map((I) => I.charCodeAt(0)).reduce((I, N) => I + N);
@@ -1609,7 +1609,7 @@ const C5 = c1(
       "div",
       {
         ref: m,
-        className: g(
+        className: f(
           r,
           zs,
           Fr[n],
@@ -1638,14 +1638,14 @@ const C5 = c1(
         ) : /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: g(
+            className: f(
               Ns[n],
               Ts
             ),
             style: {
               background: w
             },
-            children: f
+            children: g
           }
         )
       }
@@ -1670,7 +1670,7 @@ const Fo = C5, B5 = c1(
     maxHeight: m,
     round: q,
     roundT: p,
-    roundL: f,
+    roundL: g,
     roundR: y,
     roundB: w,
     zIndex: x,
@@ -1690,8 +1690,8 @@ const Fo = C5, B5 = c1(
     ...r1
   }, l1) => {
     const v1 = (() => {
-      if (f)
-        return `${x1(f)} 0 0 ${x1(f)}`;
+      if (g)
+        return `${x1(g)} 0 0 ${x1(g)}`;
       if (w)
         return `0 0 ${x1(w)} ${x1(w)}`;
       if (y)
@@ -1750,13 +1750,13 @@ const k5 = ({
   children: m,
   mainHeaderArea: q,
   subHeaderArea: p,
-  footerArea: f,
+  footerArea: g,
   ...y
 }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ...y,
-    className: g([
+    className: f([
       r,
       Ws,
       d && Zs,
@@ -1774,7 +1774,7 @@ const k5 = ({
         /* @__PURE__ */ e.jsx("div", { children: p })
       ] }),
       m && /* @__PURE__ */ e.jsx("div", { className: Cs, children: m }),
-      f && /* @__PURE__ */ e.jsx("div", { children: f })
+      g && /* @__PURE__ */ e.jsx("div", { children: g })
     ] })
   }
 );
@@ -1797,7 +1797,7 @@ const Z5 = c1(
     "div",
     {
       ref: u,
-      className: g(
+      className: f(
         r,
         Es,
         Ls[n],
@@ -1838,9 +1838,9 @@ const Hs = ({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(r, Rs, Fs[a]),
+      className: f(r, Rs, Fs[a]),
       style: t,
-      children: /* @__PURE__ */ e.jsx("div", { className: g(I1[a], l), children: /* @__PURE__ */ e.jsx(i, {}) })
+      children: /* @__PURE__ */ e.jsx("div", { className: f(I1[a], l), children: /* @__PURE__ */ e.jsx(i, {}) })
     }
   );
 }, L = Z1(Hs);
@@ -1855,7 +1855,7 @@ const Vs = (r) => typeof r == "object" && r !== null && "text" in r && "type" in
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
-    className: g(
+    className: f(
       r,
       As,
       n && $s
@@ -1939,7 +1939,7 @@ const E5 = ({
     "div",
     {
       ref: c,
-      className: g(
+      className: f(
         r,
         Gs,
         i && Us
@@ -1968,7 +1968,7 @@ const Xs = ({
 }) => /* @__PURE__ */ e.jsx(
   "hr",
   {
-    className: g(
+    className: f(
       r,
       Ys[a],
       Ks[n],
@@ -1981,7 +1981,7 @@ var Js = "_199ofun0", ea = { default: "_199ofun2 _199ofun1", first: "_199ofun3 _
 const L5 = ({ className: r, style: t, status: s, value: a }) => /* @__PURE__ */ e.jsx(
   "span",
   {
-    className: g(
+    className: f(
       r,
       ia,
       s !== "none" && oa[s]
@@ -1990,7 +1990,7 @@ const L5 = ({ className: r, style: t, status: s, value: a }) => /* @__PURE__ */
     children: /* @__PURE__ */ e.jsx(
       "span",
       {
-        className: g([
+        className: f([
           ca,
           da[s === "active" ? "active" : "inactive"]
         ]),
@@ -2004,7 +2004,7 @@ const ha = L5, lt = ({ content: r }) => /* @__PURE__ */ e.jsxs("div", { classNam
   /* @__PURE__ */ e.jsx("span", { className: sa, children: /* @__PURE__ */ e.jsx(t1, { fontSize: "xs2", color: "red.800", whiteSpace: "nowrap", children: r.annotation }) }),
   /* @__PURE__ */ e.jsx(ha, { status: r.status, value: r.value }),
   /* @__PURE__ */ e.jsx("span", { className: ra, children: /* @__PURE__ */ e.jsx(t1, { fontSize: "xs2", color: "gray.600", whiteSpace: "nowrap", children: r.label }) })
-] }), Q5 = ({ className: r, style: t, contents: s }) => /* @__PURE__ */ e.jsx("div", { className: g(r, Js), style: t, children: s.map((a, n) => /* @__PURE__ */ e.jsxs(
+] }), Q5 = ({ className: r, style: t, contents: s }) => /* @__PURE__ */ e.jsx("div", { className: f(r, Js), style: t, children: s.map((a, n) => /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: ea[n === 0 ? "first" : "default"],
@@ -2019,7 +2019,7 @@ Q5.displayName = j.ProgressBar;
 const Ao = Q5, D5 = ({ className: r, style: t, active: s, isFirst: a }) => /* @__PURE__ */ e.jsx(
   "span",
   {
-    className: g(
+    className: f(
       r,
       aa,
       na[s ? "active" : "inactive"],
@@ -2047,7 +2047,7 @@ const R5 = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(
+      className: f(
         r,
         ma,
         va[u]
@@ -2109,7 +2109,7 @@ const he = () => {
   return /* @__PURE__ */ e.jsx(
     "table",
     {
-      className: g(
+      className: f(
         r,
         i ? ya : ga,
         s && wa
@@ -2130,7 +2130,7 @@ const Vo = A5, $5 = ({ className: r, children: t, ...s }) => {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
-      className: g(
+      className: f(
         r,
         a ? Ta : Sa
       ),
@@ -2152,7 +2152,7 @@ const Go = $5, O5 = ({
   return /* @__PURE__ */ e.jsx(
     "th",
     {
-      className: g(
+      className: f(
         r,
         ja[a],
         i ? Ia : za
@@ -2169,7 +2169,7 @@ const Uo = O5, V5 = ({ className: r, style: t, children: s, ...a }) => {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
-      className: g(
+      className: f(
         r,
         n ? ba : _a
       ),
@@ -2192,7 +2192,7 @@ const U5 = ({
 }) => /* @__PURE__ */ e.jsx(
   "table",
   {
-    className: g(
+    className: f(
       r,
       Na,
       s && Wa
@@ -2221,7 +2221,7 @@ const ec = X5, J5 = ({
 }) => /* @__PURE__ */ e.jsx(
   "th",
   {
-    className: g(
+    className: f(
       r,
       Ba,
       G5[s],
@@ -2243,7 +2243,7 @@ const tc = J5, e0 = ({
 }) => /* @__PURE__ */ e.jsx(
   "td",
   {
-    className: g(
+    className: f(
       r,
       Ca,
       G5[s]
@@ -2270,7 +2270,7 @@ const r0 = ({
 }) => /* @__PURE__ */ e.jsx(
   "table",
   {
-    className: g(
+    className: f(
       r,
       a && ns[a],
       n && ls[n],
@@ -2292,7 +2292,7 @@ const Fa = r0, s0 = ({
 }) => /* @__PURE__ */ e.jsx(
   "thead",
   {
-    className: g(r, t && Ea),
+    className: f(r, t && Ea),
     ...a,
     children: s
   }
@@ -2300,7 +2300,7 @@ const Fa = r0, s0 = ({
 s0.displayName = j.UnstyledThead;
 const sc = s0, a0 = ({ children: r, ...t }) => /* @__PURE__ */ e.jsx("tbody", { ...t, children: r });
 a0.displayName = j.UnstyledTbody;
-const Pa = a0, n0 = ({ divider: r = !1, children: t, ...s }) => /* @__PURE__ */ e.jsx("tr", { className: g(r && La), ...s, children: t });
+const Pa = a0, n0 = ({ divider: r = !1, children: t, ...s }) => /* @__PURE__ */ e.jsx("tr", { className: f(r && La), ...s, children: t });
 n0.displayName = j.UnstyledTr;
 const Ha = n0, l0 = ({
   className: r,
@@ -2313,7 +2313,7 @@ const Ha = n0, l0 = ({
 }) => /* @__PURE__ */ e.jsx(
   "th",
   {
-    className: g(
+    className: f(
       r,
       Da,
       t0[s],
@@ -2333,7 +2333,7 @@ const ac = l0, i0 = ({
 }) => /* @__PURE__ */ e.jsx(
   "td",
   {
-    className: g(
+    className: f(
       r,
       Qa,
       t0[t]
@@ -2345,7 +2345,7 @@ const ac = l0, i0 = ({
 i0.displayName = j.UnstyledTd;
 const it = i0;
 var Aa = "_1hl3e5z0", $a = { default: "_1hl3e5z2 _1hl3e5z1", first: "_1hl3e5z3 _1hl3e5z1" }, Oa = "_1hl3e5z4", Va = "_1hl3e5z5", Ga = { inactive: "_1hl3e5z6", active: "_1hl3e5z7" }, Ua = { default: "_1hl3e5z8", first: "_1hl3e5z9" }, Ya = "_1hl3e5za", Ka = "_1hl3e5zb";
-const o0 = ({ className: r, style: t, contents: s }) => /* @__PURE__ */ e.jsx("div", { className: g(r, Aa), style: t, children: s.map((a, n) => {
+const o0 = ({ className: r, style: t, contents: s }) => /* @__PURE__ */ e.jsx("div", { className: f(r, Aa), style: t, children: s.map((a, n) => {
   const l = n === 0, i = a.status === "done" ? "green.800" : "gray.800";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2369,7 +2369,7 @@ o0.displayName = j.StepBar;
 const nc = o0, c0 = ({ className: r, style: t, active: s, isFirst: a }) => /* @__PURE__ */ e.jsx(
   "span",
   {
-    className: g(
+    className: f(
       r,
       Va,
       Ga[s ? "active" : "inactive"],
@@ -2382,7 +2382,7 @@ c0.displayName = j.StepLine;
 const Xa = c0, Ja = {
   done: "green.800",
   pending: "gray.500"
-}, d0 = ({ className: r, style: t, status: s }) => /* @__PURE__ */ e.jsx("span", { className: g(r, Ya), style: t, children: /* @__PURE__ */ e.jsx("span", { className: Ka, children: /* @__PURE__ */ e.jsx(
+}, d0 = ({ className: r, style: t, status: s }) => /* @__PURE__ */ e.jsx("span", { className: f(r, Ya), style: t, children: /* @__PURE__ */ e.jsx("span", { className: Ka, children: /* @__PURE__ */ e.jsx(
   L,
   {
     icon: xe,
@@ -2412,7 +2412,7 @@ const i3 = {
       "div",
       {
         ref: o,
-        className: g(
+        className: f(
           r,
           t3,
           s3[c],
@@ -2450,7 +2450,7 @@ const u0 = c1(
     onMouseOut: m,
     onClick: q,
     onKeyDown: p,
-    ...f
+    ...g
   }, y) => {
     const [w, x] = W(!1), [b, I] = W(!1), N = l && (n || w) ? "green.800" : "gray.500";
     function B() {
@@ -2475,14 +2475,14 @@ const u0 = c1(
       "div",
       {
         ref: y,
-        className: g(
+        className: f(
           r,
           o3,
           d3[B()],
           i && c3
         ),
         style: { ...t, width: a },
-        ...f,
+        ...g,
         onMouseOver: S,
         onMouseLeave: C,
         onMouseDown: Q,
@@ -2519,7 +2519,7 @@ const q3 = ({
   p: m,
   pt: q,
   pr: p,
-  pb: f,
+  pb: g,
   pl: y,
   px: w,
   py: x,
@@ -2541,7 +2541,7 @@ const q3 = ({
       case "vertical":
         return k ? "verticalReverse" : "vertical";
     }
-  })(), z = g(
+  })(), z = f(
     r,
     h3,
     u3[F],
@@ -2564,7 +2564,7 @@ const q3 = ({
     !w && !x && m && Ee[m],
     q && Pr[q],
     p && Hr[p],
-    f && Ar[f],
+    g && Ar[g],
     y && $r[y]
   );
   return /* @__PURE__ */ e.jsx(
@@ -2593,11 +2593,11 @@ const m0 = c1(
     children: u,
     ...v
   }, m) => {
-    const q = "href" in v && v.as === void 0, p = v.as || "a", f = q ? {
+    const q = "href" in v && v.as === void 0, p = v.as || "a", g = q ? {
       href: v.href,
       target: o ? "_blank" : void 0,
       rel: o ? "noopener noreferrer" : void 0
-    } : v.asProps, y = g([
+    } : v.asProps, y = f([
       r,
       y3,
       M1[s],
@@ -2615,7 +2615,7 @@ const m0 = c1(
     return /* @__PURE__ */ e.jsxs(
       p,
       {
-        ...f,
+        ...g,
         ref: m,
         className: y,
         style: t,
@@ -2656,11 +2656,11 @@ const v0 = ({
       gap: i,
       direction: l,
       children: s.map((m) => {
-        const q = a.includes(m.value), p = n || m.disabled, f = !p && m.key === u;
+        const q = a.includes(m.value), p = n || m.disabled, g = !p && m.key === u;
         return /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
           "label",
           {
-            className: g(
+            className: f(
               b3,
               q && z3,
               p && I3,
@@ -2692,10 +2692,10 @@ const v0 = ({
                   height: "1em",
                   width: "1em",
                   viewBox: "0 0 24 24",
-                  className: g(
+                  className: f(
                     N3,
                     W3[q ? "checked" : "default"],
-                    f && B3[q ? "checked" : "default"]
+                    g && B3[q ? "checked" : "default"]
                   ),
                   children: /* @__PURE__ */ e.jsx("path", { d: "M9.55 16.975q-.15 0-.288-.05-.137-.05-.287-.175l-4.05-4.05q-.15-.175-.15-.363 0-.187.175-.362.15-.15.35-.15.2 0 .35.15l3.9 3.9 8.8-8.8q.15-.15.35-.15.2 0 .375.15.15.175.15.363 0 .187-.15.362l-8.95 8.95q-.15.125-.287.175-.138.05-.288.05Z" })
                 }
@@ -2703,7 +2703,7 @@ const v0 = ({
               /* @__PURE__ */ e.jsx(
                 "span",
                 {
-                  className: g(
+                  className: f(
                     q && k3,
                     o && q && S3
                   ),
@@ -4470,17 +4470,17 @@ const I0 = c1(
       u && m(s);
     }, [s, u]);
     const q = o1(
-      (f) => {
-        o == null || o(f), u || m(f.target.checked);
+      (g) => {
+        o == null || o(g), u || m(g.target.checked);
       },
       [u, o]
     ), p = O(() => {
-      const f = c.disabled ? "disabled" : i ? "error" : v ? "checked" : "default";
-      return g(
+      const g = c.disabled ? "disabled" : i ? "error" : v ? "checked" : "default";
+      return f(
         r,
         Z3[c.disabled ? "disabled" : "default"],
         n && M3,
-        l && E3[f]
+        l && E3[g]
       );
     }, [
       v,
@@ -4497,7 +4497,7 @@ const I0 = c1(
           ...c,
           ref: d,
           type: "checkbox",
-          className: g(
+          className: f(
             L3,
             ot[l ? "bordered" : "default"]
           ),
@@ -4508,7 +4508,7 @@ const I0 = c1(
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: g(
+          className: f(
             Q3,
             ot[l ? "bordered" : "default"]
           ),
@@ -4535,15 +4535,15 @@ const S0 = ({
   onChange: d
 }) => {
   const u = u5(), [v, m] = W(null), q = (p) => a === p ? "checked" : v === p ? "focused" : "default";
-  return /* @__PURE__ */ e.jsx("div", { className: g(r, Gl), style: t, children: /* @__PURE__ */ e.jsx(U1, { gap: o, direction: i, children: s.map((p) => {
-    const f = `${u}-${p.value}`, y = a === p.value, w = l || p.disabled;
+  return /* @__PURE__ */ e.jsx("div", { className: f(r, Gl), style: t, children: /* @__PURE__ */ e.jsx(U1, { gap: o, direction: i, children: s.map((p) => {
+    const g = `${u}-${p.value}`, y = a === p.value, w = l || p.disabled;
     return /* @__PURE__ */ e.jsxs("div", { children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           className: Ul,
           type: "radio",
-          id: f,
+          id: g,
           name: n,
           value: p.value,
           checked: y,
@@ -4562,7 +4562,7 @@ const S0 = ({
       /* @__PURE__ */ e.jsx(
         "label",
         {
-          className: g(
+          className: f(
             Yl,
             y && Kl,
             w && Xl,
@@ -4570,11 +4570,11 @@ const S0 = ({
             ti[w ? "disabled" : "default"],
             c && y && Jl
           ),
-          htmlFor: f,
+          htmlFor: g,
           children: p.label
         }
       )
-    ] }, f);
+    ] }, g);
   }) }) });
 };
 S0.displayName = j.Radio;
@@ -4597,17 +4597,17 @@ const T0 = c1(
       u && m(s);
     }, [s, u]);
     const q = o1(
-      (f) => {
-        o == null || o(f), u || m(f.target.checked);
+      (g) => {
+        o == null || o(g), u || m(g.target.checked);
       },
       [u, o]
     ), p = O(() => {
-      const f = c.disabled ? "disabled" : l ? "error" : v ? "checked" : "default";
-      return g(
+      const g = c.disabled ? "disabled" : l ? "error" : v ? "checked" : "default";
+      return f(
         r,
         ri[c.disabled ? "disabled" : "default"],
         a && si,
-        n && ai[f]
+        n && ai[g]
       );
     }, [
       v,
@@ -4624,7 +4624,7 @@ const T0 = c1(
           ...c,
           ref: d,
           type: "radio",
-          className: g(
+          className: f(
             ni,
             ct[n ? "bordered" : "default"]
           ),
@@ -4635,7 +4635,7 @@ const T0 = c1(
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: g(
+          className: f(
             li,
             ct[n ? "bordered" : "default"]
           )
@@ -4668,7 +4668,7 @@ const N0 = ({
       o(Array.from(new Set(b)));
     },
     [o, a]
-  ), f = (w) => {
+  ), g = (w) => {
     o([w]), c();
   };
   K(() => {
@@ -4679,7 +4679,7 @@ const N0 = ({
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: g(
+        className: f(
           r,
           di,
           ui,
@@ -4699,7 +4699,7 @@ const N0 = ({
                   children: /* @__PURE__ */ e.jsx(
                     "div",
                     {
-                      className: g(
+                      className: f(
                         mi,
                         x && xi
                       ),
@@ -4748,7 +4748,7 @@ const N0 = ({
                 style: { width: "100%" },
                 type: "button",
                 className: qi,
-                onClick: () => f(w.value),
+                onClick: () => g(w.value),
                 children: [
                   /* @__PURE__ */ e.jsx("div", { className: we, children: w.label }),
                   b ? /* @__PURE__ */ e.jsx(
@@ -4845,7 +4845,7 @@ const C0 = ({
   emptyMessage: m = "選択肢がありません。",
   showSelectedItem: q = !1,
   onChangeValues: p,
-  showParentLabel: f,
+  showParentLabel: g,
   icon: y = b0
 }) => {
   const [w, x] = W(""), [b, I] = W(!1), [N, B] = W(!1), S = R(null), C = O(
@@ -4854,7 +4854,7 @@ const C0 = ({
   ), Q = O(() => {
     const z = /* @__PURE__ */ new Map(), P = (r1) => r1.flatMap((l1) => {
       if (!l1.children) return [l1];
-      if (!f) return [l1, ...P(l1.children)];
+      if (!g) return [l1, ...P(l1.children)];
       const v1 = l1.children.map((i1) => ({
         ...i1,
         // 要件上、全角空白のため無視
@@ -4866,7 +4866,7 @@ const C0 = ({
     return P(s).forEach((r1) => {
       z.set(r1.value, r1);
     }), z;
-  }, [s, f]), k = (z) => {
+  }, [s, g]), k = (z) => {
     const P = a.filter((r1) => r1 !== z);
     p == null || p(P);
   }, A = (z) => (P) => {
@@ -4879,7 +4879,7 @@ const C0 = ({
       "div",
       {
         ref: S,
-        className: g(
+        className: f(
           r,
           ii,
           gi,
@@ -5001,7 +5001,7 @@ const _1 = V1({}), Hi = ({
     d || c(!1);
   }, p = (y) => {
     y.key === "Enter" && (d || s.option.onClick());
-  }, f = () => {
+  }, g = () => {
     if (d) return;
     i(!0);
     const y = () => {
@@ -5012,7 +5012,7 @@ const _1 = V1({}), Hi = ({
   return /* @__PURE__ */ e.jsx("div", { className: r, style: t, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(
+      className: f(
         Di,
         d ? ht.disabled : ht.enabled,
         s.option.disabled && B0
@@ -5023,7 +5023,7 @@ const _1 = V1({}), Hi = ({
       onClick: v,
       onMouseOver: m,
       onMouseOut: q,
-      onMouseDown: f,
+      onMouseDown: g,
       onKeyDown: p,
       tabIndex: 0,
       children: [
@@ -5045,7 +5045,7 @@ const _1 = V1({}), Hi = ({
   /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: g(
+      className: f(
         Ri,
         a ? ut.disabled : ut.enabled
       ),
@@ -5080,19 +5080,19 @@ const _1 = V1({}), Hi = ({
 }) => {
   const v = O(() => {
     const m = { kind: "divider" };
-    return s.map((p, f) => {
+    return s.map((p, g) => {
       if (p.kind === "divider")
         return [m];
       const y = {
         kind: "item",
         item: p
       };
-      if (f + 1 === s.length) return [y];
-      switch (s[f].kind) {
+      if (g + 1 === s.length) return [y];
+      switch (s[g].kind) {
         case "group":
           return c ? [y, m] : [y];
         case "button":
-          return d && s[f + 1].kind === "button" ? [y, m] : [y];
+          return d && s[g + 1].kind === "button" ? [y, m] : [y];
         case "divider":
           return [];
       }
@@ -5101,7 +5101,7 @@ const _1 = V1({}), Hi = ({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(
+      className: f(
         r,
         Li,
         i && B0,
@@ -5184,7 +5184,7 @@ const Z0 = ({
   showExLabel: m = !1,
   dropdownMaxHeight: q,
   threshold: p = 0.75,
-  onChangeValues: f,
+  onChangeValues: g,
   onCreate: y,
   onInputSearchText: w
 }) => {
@@ -5213,7 +5213,7 @@ const Z0 = ({
           disabled: u1.disabled,
           onClick: () => {
             var E;
-            b(""), c ? (f == null || f([...a, u1.value]), (E = Q.current) == null || E.focus()) : (f == null || f([u1.value]), N(!1));
+            b(""), c ? (g == null || g([...a, u1.value]), (E = Q.current) == null || E.focus()) : (g == null || g([u1.value]), N(!1));
           }
         }
       })
@@ -5235,7 +5235,7 @@ const Z0 = ({
   }, [
     d,
     c,
-    f,
+    g,
     y,
     s,
     x,
@@ -5243,7 +5243,7 @@ const Z0 = ({
     p,
     a
   ]), r1 = (U) => {
-    f == null || f(a.filter((J) => J !== U.value)), setTimeout(() => {
+    g == null || g(a.filter((J) => J !== U.value)), setTimeout(() => {
       var J;
       (J = Q.current) == null || J.focus();
     });
@@ -5274,7 +5274,7 @@ const Z0 = ({
       "div",
       {
         ref: C,
-        className: g(
+        className: f(
           r,
           bi,
           j1[N1()],
@@ -5376,24 +5376,24 @@ const M0 = ({
   dropdownMaxHeight: m,
   onChange: q
 }) => {
-  const [p, f] = W(!1), y = R(null), w = p1(_1);
+  const [p, g] = W(!1), y = R(null), w = p1(_1);
   K(() => {
-    i && p && f(!1);
+    i && p && g(!1);
   }, [i, p]);
   const x = O(
     () => s.find((S) => S.value === a),
     [s, a]
   ), b = () => {
-    i || f(!p);
+    i || g(!p);
   }, I = (S) => {
-    f(!1), q == null || q(S.value);
+    g(!1), q == null || q(S.value);
   }, N = () => d || w.error ? "error" : p ? "active" : "default", B = (S) => {
     switch (S.key) {
       case " ":
-        p || f(!0);
+        p || g(!0);
         break;
       case "Escape":
-        f(!1);
+        g(!1);
         break;
     }
   };
@@ -5402,7 +5402,7 @@ const M0 = ({
       "div",
       {
         ref: y,
-        className: g(
+        className: f(
           r,
           Gi,
           j1[N()],
@@ -5444,7 +5444,7 @@ const M0 = ({
       b1,
       {
         isOpen: p,
-        onClose: o1(() => f(!1), []),
+        onClose: o1(() => g(!1), []),
         anchorElement: y,
         isDirectionFixed: u,
         children: /* @__PURE__ */ e.jsx(
@@ -5496,7 +5496,7 @@ const E0 = c1(
       {
         ref: m,
         ...v,
-        className: g(
+        className: f(
           r,
           i6,
           o6[u],
@@ -5508,12 +5508,12 @@ const E0 = c1(
         type: o,
         id: s,
         onFocus: (p) => {
-          var f;
-          (f = v.onFocus) == null || f.call(v, p);
+          var g;
+          (g = v.onFocus) == null || g.call(v, p);
         },
         onBlur: (p) => {
-          var f;
-          (f = v.onBlur) == null || f.call(v, p);
+          var g;
+          (g = v.onBlur) == null || g.call(v, p);
         },
         onChange: v.onChange,
         value: a
@@ -5541,7 +5541,7 @@ const L0 = Z1(E0), Q0 = c1(
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: g(r, n6),
+        className: f(r, n6),
         style: { ...t, width: u },
         children: [
           s && /* @__PURE__ */ e.jsx("div", { className: l6, children: /* @__PURE__ */ e.jsx(s, {}) }),
@@ -5575,7 +5575,7 @@ const D0 = ({
   ...l
 }) => {
   const i = s ? "checked" : "default";
-  return /* @__PURE__ */ e.jsxs("label", { className: g(r, c6), style: t, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: f(r, c6), style: t, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -5593,7 +5593,7 @@ const D0 = ({
     /* @__PURE__ */ e.jsx(
       "span",
       {
-        className: g(
+        className: f(
           h6[i],
           n ? m6[i] : u6[i]
         )
@@ -5619,11 +5619,11 @@ const R0 = c1(
     onChange: u,
     ...v
   }, m) => {
-    const q = p1(_1), [p, f] = W(!1), y = d || q.error, w = i ? "100%" : o;
+    const q = p1(_1), [p, g] = W(!1), y = d || q.error, w = i ? "100%" : o;
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: g(r, v6),
+        className: f(r, v6),
         style: { ...t, width: w },
         children: [
           /* @__PURE__ */ e.jsx(
@@ -5650,12 +5650,12 @@ const R0 = c1(
               type: "button",
               "aria-label": s1.PASSWORD_VISIBLE_TOGGLE,
               className: x6,
-              onClick: () => f(!p),
+              onClick: () => g(!p),
               disabled: l,
               children: /* @__PURE__ */ e.jsx(
                 w0,
                 {
-                  className: g(
+                  className: f(
                     !l && p && p6
                   )
                 }
@@ -5706,9 +5706,9 @@ const j6 = [
   error: o = !1,
   onChange: c
 }) => {
-  const d = R(null), [u, v] = W(!1), [m, q] = W(!1), [p, f] = W(!1), y = !l && !!s && (m || p);
+  const d = R(null), [u, v] = W(!1), [m, q] = W(!1), [p, g] = W(!1), y = !l && !!s && (m || p);
   K(() => {
-    y || f(!1);
+    y || g(!1);
   }, [y]);
   const w = () => {
     l || v(!u);
@@ -5718,7 +5718,7 @@ const j6 = [
       "div",
       {
         ref: d,
-        className: g([
+        className: f([
           r,
           q6,
           j1[S],
@@ -5739,8 +5739,8 @@ const j6 = [
               disabled: !y,
               "aria-label": s1.TIME_PICKER_CANCEL,
               onClick: () => c == null ? void 0 : c(null),
-              onFocus: () => f(!0),
-              onBlur: () => f(!1),
+              onFocus: () => g(!0),
+              onBlur: () => g(!1),
               children: y ? /* @__PURE__ */ e.jsx(L, { size: "xl2", color: "inherit", icon: me }) : /* @__PURE__ */ e.jsx(L, { size: "xl2", color: "gray.500", icon: _0 })
             }
           ),
@@ -5761,7 +5761,7 @@ const j6 = [
             /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: g(
+                className: f(
                   ee,
                   vt,
                   xt
@@ -5779,7 +5779,7 @@ const j6 = [
                 children: j6.map((C) => /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    className: g([
+                    className: f([
                       ee,
                       je[x],
                       C !== (s == null ? void 0 : s.hour) && pt,
@@ -5799,7 +5799,7 @@ const j6 = [
             /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: g(
+                className: f(
                   ee,
                   vt,
                   xt
@@ -5817,7 +5817,7 @@ const j6 = [
                 children: _6.map((C) => /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    className: g([
+                    className: f([
                       ee,
                       je[x],
                       C !== (s == null ? void 0 : s.minute) && pt,
@@ -5848,7 +5848,7 @@ const P0 = ({
   multiple: s = !1,
   setupXHR: a
 }) => {
-  const [n, l] = W([]), [i, o] = W(!1), [c, d] = W(!1), [u, v] = W(!1), [m, q] = W(0), [p, f] = W(0), [y, w] = W(0), x = !s && !u || s, b = (B) => {
+  const [n, l] = W([]), [i, o] = W(!1), [c, d] = W(!1), [u, v] = W(!1), [m, q] = W(0), [p, g] = W(0), [y, w] = W(0), x = !s && !u || s, b = (B) => {
     v(!1), d(!0), q(B.length), w(0);
     const S = (C) => {
       const Q = new FormData();
@@ -5862,10 +5862,10 @@ const P0 = ({
           );
         }
       }), k.addEventListener("load", () => {
-        k.status === 200 && f((A) => {
+        k.status === 200 && g((A) => {
           const D = A + 1;
           return D === B.length && (v(!0), setTimeout(() => {
-            d(!1), f(0);
+            d(!1), g(0);
           }, 500)), D;
         });
       }), k.send(Q);
@@ -5883,7 +5883,7 @@ const P0 = ({
     x && /* @__PURE__ */ e.jsxs(
       "label",
       {
-        className: g(
+        className: f(
           b6,
           i && z6
         ),
@@ -5941,7 +5941,7 @@ const H0 = ({
     o && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: g(
+        className: f(
           gt,
           i && B6
         ),
@@ -5952,7 +5952,7 @@ const H0 = ({
             /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: g(
+                className: f(
                   S6,
                   i ? W6 : N6
                 ),
@@ -5969,7 +5969,7 @@ const H0 = ({
     d && s.map((v, m) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: g(
+        className: f(
           gt,
           u(m) && C6
         ),
@@ -6007,7 +6007,7 @@ const A0 = ({
   formatDate: v = (q) => `${q.getFullYear()}年${q.getMonth() + 1}月${q.getDate()}日`,
   _today: m
 }) => {
-  const [q, p] = W(!1), f = !l && !!s, [y, w] = W(s || /* @__PURE__ */ new Date()), x = (z, P) => {
+  const [q, p] = W(!1), g = !l && !!s, [y, w] = W(s || /* @__PURE__ */ new Date()), x = (z, P) => {
     w(
       new Date(
         y.getFullYear() + z,
@@ -6046,7 +6046,7 @@ const A0 = ({
       {
         type: "button",
         ref: k,
-        className: g(
+        className: f(
           r,
           Z6,
           M6[Q],
@@ -6062,7 +6062,7 @@ const A0 = ({
             /* @__PURE__ */ e.jsx("span", { className: _t, children: /* @__PURE__ */ e.jsx(L, { size: "xl2", color: "gray.500", icon: ue }) }),
             /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "nowrap" }, children: s && v(s) || a })
           ] }),
-          f && /* @__PURE__ */ e.jsx(
+          g && /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
@@ -6109,7 +6109,7 @@ const A0 = ({
                       children: /* @__PURE__ */ e.jsx(
                         "svg",
                         {
-                          className: g(
+                          className: f(
                             Ce["gray.800"],
                             I1.xs2,
                             jt
@@ -6133,7 +6133,7 @@ const A0 = ({
                       children: /* @__PURE__ */ e.jsx(
                         "svg",
                         {
-                          className: g(
+                          className: f(
                             Ce["gray.800"],
                             I1.xs2,
                             jt
@@ -6215,7 +6215,7 @@ const $0 = ({
   onChangeDateRange: m,
   onChangeSelectBoxValue: q,
   disabledDate: p = () => !1,
-  formatDate: f = (y) => `${y.getFullYear()}年${y.getMonth() + 1}月${y.getDate()}日`
+  formatDate: g = (y) => `${y.getFullYear()}年${y.getMonth() + 1}月${y.getDate()}日`
 }) => {
   const [y, w] = W(!1), [x, b] = W(!1), [I, N] = W(s), B = !l && !!s.start, [S, C] = W(
     (() => {
@@ -6304,7 +6304,7 @@ const $0 = ({
         onKeyDown: z,
         disabled: l,
         style: { ...t, width: Q },
-        className: g(
+        className: f(
           r,
           D6[l ? "disabled" : "active"],
           Q6[d],
@@ -6325,7 +6325,7 @@ const $0 = ({
                   "span",
                   {
                     className: bt[l && "disabled" || s.start && "selected" || "default"],
-                    children: s.start ? f(s.start) : "開始日"
+                    children: s.start ? g(s.start) : "開始日"
                   }
                 ),
                 /* @__PURE__ */ e.jsx("span", { className: R6, children: "-" }),
@@ -6333,7 +6333,7 @@ const $0 = ({
                   "span",
                   {
                     className: bt[l && "disabled" || s.end && "selected" || "default"],
-                    children: s.end ? f(s.end) : "終了日"
+                    children: s.end ? g(s.end) : "終了日"
                   }
                 )
               ]
@@ -6370,7 +6370,7 @@ const $0 = ({
                 "button",
                 {
                   type: "button",
-                  className: g(
+                  className: f(
                     A6,
                     j1[x ? "active" : "default"]
                   ),
@@ -6499,11 +6499,11 @@ const O0 = (r) => {
   }, p = () => {
     var x;
     (x = d.current) == null || x.stepDown(), m();
-  }, [f, y] = W(!1), w = v ? "error" : f ? "active" : "default";
+  }, [g, y] = W(!1), w = v ? "error" : g ? "active" : "default";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(
+      className: f(
         G6,
         j1[w],
         t
@@ -6519,7 +6519,7 @@ const O0 = (r) => {
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            className: g(U6),
+            className: f(U6),
             type: "number",
             value: n,
             ref: d,
@@ -6581,7 +6581,7 @@ const V0 = ({
   }, [d]), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(r, Y6),
+      className: f(r, Y6),
       style: { ...t, width: l },
       children: /* @__PURE__ */ e.jsxs(V, { children: [
         /* @__PURE__ */ e.jsx(
@@ -6599,12 +6599,12 @@ const V0 = ({
             className: X6[i],
             onClick: m,
             style: { width: l },
-            children: /* @__PURE__ */ e.jsx("div", { className: g(K6), children: /* @__PURE__ */ e.jsxs(Z, { align: "center", justify: "between", gap: "xs2", children: [
+            children: /* @__PURE__ */ e.jsx("div", { className: f(K6), children: /* @__PURE__ */ e.jsxs(Z, { align: "center", justify: "between", gap: "xs2", children: [
               /* @__PURE__ */ e.jsx("div", { children: s ? n : a }),
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: g(
+                  className: f(
                     e7,
                     s && t7
                   ),
@@ -6633,7 +6633,7 @@ const G0 = ({
 }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: g(r, r7, n && s7),
+    className: f(r, r7, n && s7),
     style: { ...t, zIndex: Y.zIndex.floating },
     children: /* @__PURE__ */ e.jsxs(Z, { align: "center", justify: "between", height: "100%", children: [
       /* @__PURE__ */ e.jsxs(Z, { align: "center", gap: s, pl: "lg", children: [
@@ -6698,7 +6698,7 @@ const U0 = ({
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: g(
+        className: f(
           r,
           a7,
           s && n7
@@ -6759,10 +6759,10 @@ function m7(r, t, s) {
     ...v,
     ...m,
     ...q
-  ], f = [];
+  ], g = [];
   for (let y = 0; y < p.length / 7; y++)
-    f.push(p.slice(y * 7, (y + 1) * 7));
-  return f;
+    g.push(p.slice(y * 7, (y + 1) * 7));
+  return g;
 }
 const v7 = (r, t) => {
   const { top: s, bottom: a, left: n, right: l, current: i } = r, { activeDateStatus: o, itemStyle: c } = i;
@@ -6771,18 +6771,18 @@ const v7 = (r, t) => {
   const d = (y, w) => {
     const x = new Date(y);
     return x.setDate(x.getDate() + w), x;
-  }, u = d(o.date, 1), v = d(o.date, -1), m = t(u), q = t(v), p = Y.spacing.xs2, f = {
+  }, u = d(o.date, 1), v = d(o.date, -1), m = t(u), q = t(v), p = Y.spacing.xs2, g = {
     borderTopLeftRadius: !n && !s && p || !n && (s == null ? void 0 : s.state) === "primary" && p || void 0,
     borderTopRightRadius: !s && !l && p || void 0,
     borderBottomLeftRadius: !a && !n && p || void 0,
     borderBottomRightRadius: !l && !a && p || !l && (a == null ? void 0 : a.state) === "primary" && p || void 0
   };
   return c === "primary" ? {
-    borderTopLeftRadius: !q && "50%" || f.borderTopLeftRadius,
-    borderBottomLeftRadius: !q && "50%" || f.borderBottomLeftRadius,
-    borderTopRightRadius: !m && "50%" || f.borderTopRightRadius,
-    borderBottomRightRadius: !m && "50%" || f.borderBottomRightRadius
-  } : f;
+    borderTopLeftRadius: !q && "50%" || g.borderTopLeftRadius,
+    borderBottomLeftRadius: !q && "50%" || g.borderBottomLeftRadius,
+    borderTopRightRadius: !m && "50%" || g.borderTopRightRadius,
+    borderBottomRightRadius: !m && "50%" || g.borderBottomRightRadius
+  } : g;
 }, x7 = (r) => ({
   borderRadius: r ? "50%" : void 0
 }), Y0 = ({
@@ -6825,7 +6825,7 @@ const v7 = (r, t) => {
       itemStyle: N,
       activeDateStatus: I
     };
-  })), f = p.map((x, b) => x.map((I, N) => {
+  })), g = p.map((x, b) => x.map((I, N) => {
     var D, F, z, P, r1, l1, v1, i1;
     const B = I, S = (F = (D = p[b - 1]) == null ? void 0 : D[N]) == null ? void 0 : F.activeDateStatus, C = (P = (z = p[b + 1]) == null ? void 0 : z[N]) == null ? void 0 : P.activeDateStatus, Q = (l1 = (r1 = p[b]) == null ? void 0 : r1[N - 1]) == null ? void 0 : l1.activeDateStatus, k = (i1 = (v1 = p[b]) == null ? void 0 : v1[N + 1]) == null ? void 0 : i1.activeDateStatus;
     return {
@@ -6844,9 +6844,9 @@ const v7 = (r, t) => {
   ), w = (x) => y.has(
     new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime()
   );
-  return /* @__PURE__ */ e.jsxs("table", { className: g(r, i7), style: t, children: [
+  return /* @__PURE__ */ e.jsxs("table", { className: f(r, i7), style: t, children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: _r.map((x) => /* @__PURE__ */ e.jsx("td", { className: Zt, children: /* @__PURE__ */ e.jsx("div", { className: Mt.dayOfWeek, children: x }) }, x)) }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: f.map((x, b) => /* @__PURE__ */ e.jsx("tr", { children: x.map((I, N) => {
+    /* @__PURE__ */ e.jsx("tbody", { children: g.map((x, b) => /* @__PURE__ */ e.jsx("tr", { children: x.map((I, N) => {
       const B = I.current.item, S = I.current.itemStyle, C = I.current.activeDateStatus, Q = v(u(B));
       return /* @__PURE__ */ e.jsx(
         "td",
@@ -6863,7 +6863,7 @@ const v7 = (r, t) => {
               children: /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: g(
+                  className: f(
                     c7,
                     S === "primary" && d7
                   ),
@@ -6950,7 +6950,7 @@ const K0 = ({
     {
       open: u,
       style: { ...t, width: l },
-      className: g(
+      className: f(
         r,
         p7,
         i && k1[i]
@@ -6966,7 +6966,7 @@ const K0 = ({
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: g(
+                className: f(
                   q7,
                   M1[o],
                   i && k1[i]
@@ -6976,7 +6976,7 @@ const K0 = ({
                   /* @__PURE__ */ e.jsx(
                     "div",
                     {
-                      className: g(
+                      className: f(
                         y7,
                         s && w7
                       ),
@@ -7012,7 +7012,7 @@ const X0 = ({
   textAlign: m = "start",
   lineThrough: q = !1,
   display: p,
-  children: f
+  children: g
 }) => {
   const y = {
     ...t,
@@ -7022,7 +7022,7 @@ const X0 = ({
       WebkitBoxOrient: "vertical",
       WebkitLineClamp: c
     }
-  }, w = g([
+  }, w = f([
     r,
     _7,
     z7[o ? "bold" : "default"],
@@ -7038,11 +7038,11 @@ const X0 = ({
   ]);
   switch (s) {
     case "p":
-      return /* @__PURE__ */ e.jsx("p", { className: w, style: y, children: f });
+      return /* @__PURE__ */ e.jsx("p", { className: w, style: y, children: g });
     case "label":
-      return /* @__PURE__ */ e.jsx("label", { htmlFor: a, className: w, style: y, children: f });
+      return /* @__PURE__ */ e.jsx("label", { htmlFor: a, className: w, style: y, children: g });
     case "span":
-      return /* @__PURE__ */ e.jsx("span", { className: w, style: y, children: f });
+      return /* @__PURE__ */ e.jsx("span", { className: w, style: y, children: g });
   }
 };
 X0.displayName = j.Text;
@@ -7068,11 +7068,11 @@ const F7 = ({
     return u.observe(d), () => {
       u.disconnect();
     };
-  }, [s]), /* @__PURE__ */ e.jsx("div", { className: g(r, k7), style: t, children: /* @__PURE__ */ e.jsx(
+  }, [s]), /* @__PURE__ */ e.jsx("div", { className: f(r, k7), style: t, children: /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: l,
-      className: g(Z7, k1[o]),
+      className: f(Z7, k1[o]),
       style: {
         backgroundColor: o
       },
@@ -7087,7 +7087,7 @@ const F7 = ({
   innerLabel: n,
   labelWidth: l,
   isColorFixed: i
-}) => /* @__PURE__ */ e.jsxs("div", { className: g(r, E7), style: t, children: [
+}) => /* @__PURE__ */ e.jsxs("div", { className: f(r, E7), style: t, children: [
   /* @__PURE__ */ e.jsx("span", { className: L7, style: { width: l }, children: a }),
   /* @__PURE__ */ e.jsx("div", { className: D7, children: s !== void 0 && /* @__PURE__ */ e.jsx(
     F7,
@@ -7109,7 +7109,7 @@ const F7 = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(r, B7),
+      className: f(r, B7),
       style: t,
       children: [
         s.map((o, c) => /* @__PURE__ */ e.jsx(
@@ -7164,7 +7164,7 @@ const e2 = ({ className: r, style: t, percentage: s, children: a }) => {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(r, $7),
+      className: f(r, $7),
       style: t,
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -7186,7 +7186,7 @@ const e2 = ({ className: r, style: t, percentage: s, children: a }) => {
               s > 0 && /* @__PURE__ */ e.jsx(
                 "path",
                 {
-                  className: g(
+                  className: f(
                     A7,
                     ss[G7(s)]
                   ),
@@ -7212,7 +7212,7 @@ const t2 = ({ className: r, style: t, percentage: s, hiddenBg: a }) => {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(
+      className: f(
         r,
         Y7,
         K7[n]
@@ -7247,31 +7247,31 @@ const h4 = ({
     isDropped: a < n
   }, [a, n, l]);
   return K(() => {
-    const p = i.current, f = o.current, y = c.current, w = d.current;
-    if (!q || !p || !f || !y || !w)
+    const p = i.current, g = o.current, y = c.current, w = d.current;
+    if (!q || !p || !g || !y || !w)
       return;
     const x = () => {
-      const I = f.offsetWidth, N = f.offsetHeight, B = Math.sqrt(
+      const I = g.offsetWidth, N = g.offsetHeight, B = Math.sqrt(
         Math.pow(I, 2) + Math.pow(N, 2)
       ), S = q.isDropped ? Math.atan(N / I) : -1 * Math.atan(N / I);
-      y.style.width = `${B}px`, y.style.transform = `rotate(${S}rad)`, N + f.offsetTop + w.offsetHeight < p.offsetHeight ? (w.style.top = "100%", w.style.bottom = "unset") : (w.style.top = "unset", w.style.bottom = "100%");
+      y.style.width = `${B}px`, y.style.transform = `rotate(${S}rad)`, N + g.offsetTop + w.offsetHeight < p.offsetHeight ? (w.style.top = "100%", w.style.bottom = "unset") : (w.style.top = "unset", w.style.bottom = "100%");
     }, b = new ResizeObserver(() => {
       x();
     });
-    return b.observe(f), () => {
+    return b.observe(g), () => {
       b.disconnect();
     };
   }, [q]), K(() => {
     if (a === 0) return;
-    const p = v.current, f = u.current;
-    if (!p || !f) return;
+    const p = v.current, g = u.current;
+    if (!p || !g) return;
     const y = () => {
-      if (f.offsetHeight > p.offsetHeight) {
-        f.style.top = "unset", f.style.bottom = "100%", f.style.color = "#606166";
+      if (g.offsetHeight > p.offsetHeight) {
+        g.style.top = "unset", g.style.bottom = "100%", g.style.color = "#606166";
         return;
       }
-      const x = p.offsetHeight - f.offsetHeight, I = Math.min(8, x / 2);
-      f.style.top = `${I}px`, f.style.bottom = "unset", f.style.color = "";
+      const x = p.offsetHeight - g.offsetHeight, I = Math.min(8, x / 2);
+      g.style.top = `${I}px`, g.style.bottom = "unset", g.style.color = "";
     }, w = new ResizeObserver(() => {
       y();
     });
@@ -7282,7 +7282,7 @@ const h4 = ({
     "div",
     {
       ref: i,
-      className: g(r, n4),
+      className: f(r, n4),
       style: t,
       children: [
         /* @__PURE__ */ e.jsx("span", { className: i4, children: s }),
@@ -7333,7 +7333,7 @@ const h4 = ({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: g(
+              className: f(
                 At,
                 $t.last
               ),
@@ -7347,7 +7347,7 @@ const h4 = ({
           "div",
           {
             ref: v,
-            className: g(
+            className: f(
               At,
               $t.current
             ),
@@ -7371,12 +7371,12 @@ const h4 = ({
     })),
     [s]
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: g(r, r4), style: t, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: f(r, r4), style: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: s4, children: [
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: g(
+          className: f(
             Pt,
             Ht.max
           ),
@@ -7386,7 +7386,7 @@ const h4 = ({
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: g(
+          className: f(
             Pt,
             Ht.half
           ),
@@ -7421,7 +7421,7 @@ const w4 = ({
 }) => {
   const o = R(null), c = R(null), d = R([]), u = R([]), v = O(() => {
     const m = s.data, q = l / m.length;
-    return m.map((p, f) => ({
+    return m.map((p, g) => ({
       id: p.id,
       frequency: p.frequency,
       bgColorStyle: k1[p.barColor ?? "green.800"],
@@ -7429,7 +7429,7 @@ const w4 = ({
       elementStyle: {
         height: `${p.frequency / a * 100}%`,
         width: `${q * (1 - n) * 100}%`,
-        left: `${(q * (f * 2 + 1) - l) * 100}%`
+        left: `${(q * (g * 2 + 1) - l) * 100}%`
       }
     }));
   }, [n, l, s.data, a]);
@@ -7452,9 +7452,9 @@ const w4 = ({
         translate(${b}px, ${I}px)
         rotate(-${i}rad)
       `;
-    }, f = new ResizeObserver(p);
-    return f.observe(q), () => {
-      f.disconnect();
+    }, g = new ResizeObserver(p);
+    return g.observe(q), () => {
+      g.disconnect();
     };
   }, [l, i]), K(() => {
     const m = d.current, q = u.current;
@@ -7474,18 +7474,18 @@ const w4 = ({
         }
         x.style.top = x.offsetHeight * -1 + "px", x.style.color = "#606166";
       });
-    }, f = new ResizeObserver(
+    }, g = new ResizeObserver(
       p
     );
     return m.forEach((y) => {
-      y && f.observe(y);
+      y && g.observe(y);
     }), () => {
-      f.disconnect();
+      g.disconnect();
     };
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(r, q4),
+      className: f(r, q4),
       style: t,
       ref: o,
       children: [
@@ -7493,7 +7493,7 @@ const w4 = ({
         v.map((m, q) => /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: g(f4, m.bgColorStyle),
+            className: f(f4, m.bgColorStyle),
             style: m.elementStyle,
             ref: (p) => {
               d.current[q] = p;
@@ -7501,7 +7501,7 @@ const w4 = ({
             children: m.frequency !== 0 && /* @__PURE__ */ e.jsx(
               "span",
               {
-                className: g(
+                className: f(
                   g4,
                   m.numberColorStyle
                 ),
@@ -7533,17 +7533,17 @@ const w4 = ({
   const v = c === "intersection" ? o : void 0, m = c === "vertical" ? o : void 0, q = d ? Math.PI / 4 : 0, p = O(() => {
     if (a)
       return a;
-    const f = s.map((x) => x.data).flat(), y = Math.max(
-      ...f.map((x) => x.frequency)
+    const g = s.map((x) => x.data).flat(), y = Math.max(
+      ...g.map((x) => x.frequency)
     ), w = Math.pow(10, n);
     return Math.ceil(y / w) * w;
   }, [n, s, a]);
-  return /* @__PURE__ */ e.jsxs("div", { className: g(r, v4), style: t, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: f(r, v4), style: t, children: [
     /* @__PURE__ */ e.jsxs("div", { className: x4, children: [
       v && /* @__PURE__ */ e.jsxs(
         "span",
         {
-          className: g(
+          className: f(
             be,
             ze.unit
           ),
@@ -7557,7 +7557,7 @@ const w4 = ({
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: g(
+          className: f(
             be,
             ze.max
           ),
@@ -7567,7 +7567,7 @@ const w4 = ({
       /* @__PURE__ */ e.jsxs(
         "span",
         {
-          className: g(
+          className: f(
             be,
             ze.half
           ),
@@ -7579,16 +7579,16 @@ const w4 = ({
       )
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: p4, children: [
-      /* @__PURE__ */ e.jsx("div", { className: u4, children: s.map((f, y) => /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("div", { className: u4, children: s.map((g, y) => /* @__PURE__ */ e.jsx(
         w4,
         {
-          data: f,
+          data: g,
           maxFrequency: p,
           barGap: l,
           barGroupWidth: i,
           theta: q
         },
-        `${y}-${f.label}`
+        `${y}-${g.label}`
       )) }),
       /* @__PURE__ */ e.jsx("div", { className: m4, children: u })
     ] })
@@ -7613,7 +7613,7 @@ const W4 = ({ className: r, style: t, percentages: s, children: a }) => {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(r, z4),
+      className: f(r, z4),
       style: t,
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -7662,7 +7662,7 @@ const W4 = ({ className: r, style: t, percentages: s, children: a }) => {
     () => s.map((i) => i.percentage),
     [s]
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: g(r, T4), style: t, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: f(r, T4), style: t, children: [
     /* @__PURE__ */ e.jsx(W4, { percentages: l, children: n }),
     /* @__PURE__ */ e.jsxs("div", { className: N4, children: [
       s.map((i, o) => /* @__PURE__ */ e.jsxs("div", { className: Gt, children: [
@@ -7710,7 +7710,7 @@ const n2 = ({
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: g(r, C4),
+        className: f(r, C4),
         style: {
           ...t,
           width: o ? "100%" : "initial"
@@ -7736,13 +7736,13 @@ const n2 = ({
         children: /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: g(E4[s], B4),
+            className: f(E4[s], B4),
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: g(k4), children: i }),
+              /* @__PURE__ */ e.jsx("div", { className: f(k4), children: i }),
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: g(
+                  className: f(
                     Z4,
                     M4[s]
                   ),
@@ -7781,7 +7781,7 @@ const Q4 = {
   fontSize: n = Q4[s],
   children: l
 }) => {
-  const i = g(
+  const i = f(
     r,
     L4,
     I1[n],
@@ -7820,7 +7820,7 @@ const O4 = ({
     d || c(!1);
   }, p = (y) => {
     y.key === "Enter" && (d || s.option.onClick());
-  }, f = () => {
+  }, g = () => {
     if (d) return;
     i(!0);
     const y = () => {
@@ -7831,7 +7831,7 @@ const O4 = ({
   return /* @__PURE__ */ e.jsx("div", { className: r, style: t, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(
+      className: f(
         P4,
         d ? Kt.disabled : Kt.enabled,
         s.option.disabled && i2
@@ -7842,7 +7842,7 @@ const O4 = ({
       onClick: v,
       onMouseOver: m,
       onMouseOut: q,
-      onMouseDown: f,
+      onMouseDown: g,
       onKeyDown: p,
       tabIndex: 0,
       children: [
@@ -7864,7 +7864,7 @@ const O4 = ({
   /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: g(
+      className: f(
         H4,
         a ? Xt.disabled : Xt.enabled
       ),
@@ -7899,19 +7899,19 @@ const O4 = ({
 }) => {
   const v = O(() => {
     const m = { kind: "divider" };
-    return s.map((p, f) => {
+    return s.map((p, g) => {
       if (p.kind === "divider")
         return [m];
       const y = {
         kind: "item",
         item: p
       };
-      if (f + 1 === s.length) return [y];
-      switch (s[f].kind) {
+      if (g + 1 === s.length) return [y];
+      switch (s[g].kind) {
         case "group":
           return c ? [y, m] : [y];
         case "button":
-          return d && s[f + 1].kind === "button" ? [y, m] : [y];
+          return d && s[g + 1].kind === "button" ? [y, m] : [y];
         case "divider":
           return [];
       }
@@ -7920,7 +7920,7 @@ const O4 = ({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(
+      className: f(
         r,
         R4,
         i && i2,
@@ -7980,7 +7980,7 @@ const d2 = ({
       cursor: l ? "not-allowed" : "pointer",
       ...(S = u.asProps) == null ? void 0 : S.style
     }
-  }, f = R(null), y = o && o.length > 0, w = o1(() => {
+  }, g = R(null), y = o && o.length > 0, w = o1(() => {
     d == null || d(!1);
   }, [d]), x = () => {
     d == null || d(!c);
@@ -8001,7 +8001,7 @@ const d2 = ({
   ), I = O(() => o ? b(o) : [], [o, b]), N = /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: f,
+      ref: g,
       onClick: x,
       className: r,
       style: { ...t, display: i ? "block" : "inline-block" },
@@ -8009,7 +8009,7 @@ const d2 = ({
         m,
         {
           ...p,
-          className: g(
+          className: f(
             X4,
             l ? e8 : n && J4
           ),
@@ -8018,7 +8018,7 @@ const d2 = ({
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: g(
+                  className: f(
                     t8,
                     l ? s8 : n && r8
                   ),
@@ -8029,7 +8029,7 @@ const d2 = ({
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: g(
+                  className: f(
                     a8,
                     !l && n && n8
                   ),
@@ -8058,7 +8058,7 @@ const d2 = ({
     y && /* @__PURE__ */ e.jsx(
       b1,
       {
-        anchorElement: f,
+        anchorElement: g,
         isOpen: c,
         onClose: w,
         direction: "rightTop",
@@ -8097,7 +8097,7 @@ const Cc = d2, h2 = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(r, U4),
+      className: f(r, U4),
       style: { ...t, ...c, width: o },
       children: [
         /* @__PURE__ */ e.jsx("div", { className: Y4, children: l }),
@@ -8146,7 +8146,7 @@ const u2 = ({
         children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: g(
+            className: f(
               i8,
               l && o8
             ),
@@ -8177,7 +8177,7 @@ const kc = u2, m2 = ({
     "button",
     {
       type: "button",
-      className: g(r, c8),
+      className: f(r, c8),
       style: t,
       disabled: a,
       onClick: n,
@@ -8224,7 +8224,7 @@ const q8 = 200, f8 = 3e3, v2 = ({
   }, []), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(
+      className: f(
         r,
         d8,
         v8[d],
@@ -8335,12 +8335,12 @@ const p2 = c1(
     maxHeight: m,
     minHeight: q,
     onChange: p
-  }, f) => {
+  }, g) => {
     const y = p1(_1), w = c || y.error;
     return /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        ref: f,
+        ref: g,
         id: s,
         value: a,
         placeholder: n,
@@ -8354,7 +8354,7 @@ const p2 = c1(
           maxHeight: m,
           minHeight: q
         },
-        className: g(
+        className: f(
           r,
           w8,
           i && j8,
@@ -8377,7 +8377,7 @@ const f2 = ({
   isLoading: l = !0,
   children: i
 }) => {
-  const o = l ? g(
+  const o = l ? f(
     r,
     De,
     q2,
@@ -8393,7 +8393,7 @@ const Lc = f2, g2 = ({
   isLoading: a = !0,
   children: n
 }) => {
-  const l = a ? g(r, De, I8) : r;
+  const l = a ? f(r, De, I8) : r;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -8417,7 +8417,7 @@ const Qc = g2, y2 = ({
   return l ? /* @__PURE__ */ e.jsx(V, { className: r, style: t, gap: a, children: Array.from({ length: n }, (c, d) => /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(
+      className: f(
         De,
         q2,
         z8[o(d)],
@@ -8433,7 +8433,7 @@ var T8 = "a4jm6v0", N8 = "a4jm6v1", W8 = "a4jm6v3", C8 = "a4jm6v4";
 const w2 = ({ className: r, style: t, isLoading: s }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: g(
+    className: f(
       r,
       T8,
       !s && C8
@@ -8480,7 +8480,7 @@ const Ne = ({ onKeyDown: r, ...t }) => /* @__PURE__ */ e.jsx(
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
-      className: g(
+      className: f(
         r,
         B8,
         s <= 1 && e5.left,
@@ -8493,7 +8493,7 @@ const Ne = ({ onKeyDown: r, ...t }) => /* @__PURE__ */ e.jsx(
           Ne,
           {
             onClick: () => c(s - 1),
-            className: g(
+            className: f(
               Se,
               Te.default
             ),
@@ -8507,7 +8507,7 @@ const Ne = ({ onKeyDown: r, ...t }) => /* @__PURE__ */ e.jsx(
             Ne,
             {
               onClick: () => c(u),
-              className: g(
+              className: f(
                 Se,
                 Te[v ? "active" : "default"]
               ),
@@ -8521,7 +8521,7 @@ const Ne = ({ onKeyDown: r, ...t }) => /* @__PURE__ */ e.jsx(
           Ne,
           {
             onClick: () => c(s + 1),
-            className: g(
+            className: f(
               Se,
               Te.default
             ),
@@ -8586,7 +8586,7 @@ const _2 = ({
     "div",
     {
       ref: l,
-      className: g([
+      className: f([
         Z8,
         !i && k8
       ]),
@@ -8635,14 +8635,14 @@ const b2 = ({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(r, L8),
+      className: f(r, L8),
       style: { ...t, ...n ? { width: n } : {} },
       children: a.map((o, c) => {
         const d = `${i}-${o.value}`, u = c === 0, v = c === a.length - 1, m = s && s === o.value;
         return /* @__PURE__ */ e.jsxs(
           "label",
           {
-            className: g(
+            className: f(
               Q8,
               !v && R8,
               u && F8,
@@ -8722,7 +8722,7 @@ const O8 = (r) => {
   statusPlaceholder: m,
   onChangeStatus: q,
   onChangeTextValue: p,
-  onSubmit: f,
+  onSubmit: g,
   onToggle: y
 }) => {
   const w = R(null), x = R(null), b = R(null), [I, N] = W(0), B = O(() => {
@@ -8805,7 +8805,7 @@ const O8 = (r) => {
                 {
                   value: a,
                   onChange: p,
-                  onSubmit: f,
+                  onSubmit: g,
                   placeholder: l,
                   formRows: c
                 }
@@ -8976,14 +8976,15 @@ const T2 = V1({}), N2 = ({
   children: o,
   borderLeft: c = !1,
   borderColor: d = "green.800",
-  labelTagPosition: u
+  labelTagPosition: u,
+  labelSuffix: v
 }) => {
   const {
-    labelWidth: v = "8rem",
-    labelColor: m,
-    labelFontSize: q,
-    labelTagPosition: p
-  } = p1(T2), f = u || p || "right", y = O(() => i === "horizontal" ? v : void 0, [v, i]);
+    labelWidth: m = "8rem",
+    labelColor: q,
+    labelFontSize: p,
+    labelTagPosition: g
+  } = p1(T2), y = u || g || "right", w = O(() => i === "horizontal" ? m : void 0, [m, i]);
   return /* @__PURE__ */ e.jsx(_1.Provider, { value: { error: l !== void 0 }, children: /* @__PURE__ */ e.jsxs(
     V,
     {
@@ -9001,38 +9002,39 @@ const T2 = V1({}), N2 = ({
             nowrap: !0,
             align: i === "horizontal" ? "center" : void 0,
             children: [
-              /* @__PURE__ */ e.jsxs(
-                Z,
-                {
-                  width: v,
-                  align: "center",
-                  reverse: f === "left",
-                  justify: f === "left" ? "end" : "start",
-                  gap: "xs",
-                  my: "xs2",
-                  className: g({
-                    [ro]: c,
-                    [b5[d]]: c
-                  }),
-                  children: [
-                    /* @__PURE__ */ e.jsx(
-                      t1,
-                      {
-                        as: "label",
-                        htmlFor: s,
-                        color: m,
-                        fontSize: q,
-                        bold: c,
-                        className: g({
-                          [so]: c
-                        }),
-                        children: a
-                      }
-                    ),
-                    n && /* @__PURE__ */ e.jsx(B1, { fontSize: "xs2", label: "必須" })
-                  ]
-                }
-              ),
+              /* @__PURE__ */ e.jsxs(Z, { width: m, gap: "xs2", my: "xs2", nowrap: !0, children: [
+                /* @__PURE__ */ e.jsxs(
+                  Z,
+                  {
+                    align: "center",
+                    reverse: y === "left",
+                    justify: y === "left" ? "end" : "start",
+                    gap: "xs",
+                    className: f({
+                      [ro]: c,
+                      [b5[d]]: c
+                    }),
+                    children: [
+                      /* @__PURE__ */ e.jsx(
+                        t1,
+                        {
+                          as: "label",
+                          htmlFor: s,
+                          color: q,
+                          fontSize: p,
+                          bold: c,
+                          className: f({
+                            [so]: c
+                          }),
+                          children: a
+                        }
+                      ),
+                      n && /* @__PURE__ */ e.jsx(B1, { fontSize: "xs2", label: "必須" })
+                    ]
+                  }
+                ),
+                v
+              ] }),
               o
             ]
           }
@@ -9043,7 +9045,7 @@ const T2 = V1({}), N2 = ({
             fontSize: "xs2",
             lineHeight: "sm",
             color: "red.800",
-            style: { marginInlineStart: y },
+            style: { marginInlineStart: w },
             children: l
           }
         )
@@ -9094,7 +9096,7 @@ const Oc = W2, C2 = ({
       window.removeEventListener("resize", b);
     };
   }, []);
-  const f = O(
+  const g = O(
     () => V8(a),
     [a]
   ), y = O(() => G8(a), [a]), w = q > 768, x = () => {
@@ -9148,7 +9150,7 @@ const Oc = W2, C2 = ({
           ] }),
           /* @__PURE__ */ e.jsxs(V, { gap: "xs", children: [
             /* @__PURE__ */ e.jsx(t1, { color: "gray.700", fontSize: "xs", maxLines: 2, bold: !l, children: s }),
-            n === "secondary" && /* @__PURE__ */ e.jsx(t1, { color: "gray.600", fontSize: "xs2", children: f })
+            n === "secondary" && /* @__PURE__ */ e.jsx(t1, { color: "gray.600", fontSize: "xs2", children: g })
           ] })
         ] }),
         /* @__PURE__ */ e.jsx(L, { icon: T1, color: "green.800" })
@@ -9258,7 +9260,7 @@ const Z2 = ({
     "button",
     {
       type: "button",
-      className: g(r, s5[a], io),
+      className: f(r, s5[a], io),
       style: { ...t, gridRow: l, gridColumn: i },
       hidden: !o,
       onClick: () => c(s),
@@ -9285,7 +9287,7 @@ ${r}Hour: ${t}`, qo = (r, t) => `Scheduleは${r}時以降から始まる必要
   style: t,
   startHour: s,
   endHour: a
-}) => (s > a && console.warn(po(s, a)), (s < ke || s > Ze) && console.warn(a5("start", s)), (a < ke || a > Ze) && console.warn(a5("end", a)), /* @__PURE__ */ e.jsx("table", { className: g(r, oo), style: t, children: /* @__PURE__ */ e.jsx("tbody", { children: Array.from({ length: a - s + 1 }, (n, l) => /* @__PURE__ */ e.jsxs("tr", { className: uo, children: [
+}) => (s > a && console.warn(po(s, a)), (s < ke || s > Ze) && console.warn(a5("start", s)), (a < ke || a > Ze) && console.warn(a5("end", a)), /* @__PURE__ */ e.jsx("table", { className: f(r, oo), style: t, children: /* @__PURE__ */ e.jsx("tbody", { children: Array.from({ length: a - s + 1 }, (n, l) => /* @__PURE__ */ e.jsxs("tr", { className: uo, children: [
   /* @__PURE__ */ e.jsx("td", { className: co, children: Y8(s + l) }),
   /* @__PURE__ */ e.jsx("td", { className: ho })
 ] }, l)) }) }));
@@ -9329,7 +9331,7 @@ const yo = (r, t) => {
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: g(mo, r),
+      className: f(mo, r),
       style: {
         gridTemplateColumns: `repeat(${i}, 1fr)`,
         ...t
@@ -9358,7 +9360,7 @@ const wo = ({
   endHour: a = xo,
   schedules: n = [],
   onScheduleClick: l
-}) => /* @__PURE__ */ e.jsxs("div", { className: g(r, lo), style: t, children: [
+}) => /* @__PURE__ */ e.jsxs("div", { className: f(r, lo), style: t, children: [
   /* @__PURE__ */ e.jsx(M2, { startHour: s, endHour: a }),
   /* @__PURE__ */ e.jsx(
     E2,
@@ -9405,7 +9407,7 @@ const Gc = Q2, o5 = {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: g(
+      className: f(
         zo,
         bo[v],
         _o
@@ -9414,7 +9416,7 @@ const Gc = Q2, o5 = {
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: g(
+            className: f(
               Io,
               So[r],
               o && l5
@@ -9425,7 +9427,7 @@ const Gc = Q2, o5 = {
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: g(
+            className: f(
               To,
               o && l5,
               k1[d]