sud-ui 1.3.5 → 1.4.0

package/dist/index.js

@@ -1349,9 +1349,9 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         j1 && j1.forEach((w1) => {
           var t0, X1;
           const _1 = Array.from(B0).find(
-            (D1) => {
+            (H1) => {
               var s0, J;
-              return ((J = (s0 = D1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
+              return ((J = (s0 = H1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
             }
           );
           (X1 = (t0 = _1 == null ? void 0 : _1.current) == null ? void 0 : t0.popupInstance) != null && X1.hide && _1.current.popupInstance.hide();
@@ -1389,13 +1389,13 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   const { bgColor: i1, txtColor: m1, borColor: k1 } = h1({
     border: y,
     fallback: p
-  }), C1 = f ? N(f, b) : i1, L1 = S ? N(S, b) : m1, T1 = L ? N(L, b) : k1, H1 = y && T1 ? `${M}px ${Z} ${T1}` : "none", P1 = E1(H, b), W1 = q1(T), z1 = S1(() => {
+  }), C1 = f ? N(f, b) : i1, L1 = S ? N(S, b) : m1, T1 = L ? N(L, b) : k1, B1 = y && T1 ? `${M}px ${Z} ${T1}` : "none", P1 = E1(H, b), W1 = q1(T), z1 = S1(() => {
     if (!j.current || !r.current) return {};
     const e1 = j.current.getBoundingClientRect(), j1 = r.current.getBoundingClientRect(), w1 = window.scrollY || document.documentElement.scrollTop, _1 = window.scrollX || document.documentElement.scrollLeft, t0 = {
       position: "fixed",
       zIndex: 1e4,
       transition: "opacity 0.2s ease"
-    }, [X1, D1] = a.split("-");
+    }, [X1, H1] = a.split("-");
     let J = ((C0, c0) => {
       switch (C0) {
         case "top": {
@@ -1433,10 +1433,10 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         default:
           return {};
       }
-    })(X1, D1);
-    const N1 = window.innerWidth, I1 = window.innerHeight;
+    })(X1, H1);
+    const R1 = window.innerWidth, I1 = window.innerHeight;
     let $1 = J.left ?? 0, V1 = J.top ?? 0, J1 = j1.width, Q1 = j1.height, o0 = !1;
-    return $1 < 0 ? ($1 = 8, o0 = !0) : $1 + J1 > N1 && ($1 = N1 - J1 - 8, o0 = !0), V1 < 0 ? (V1 = 8, o0 = !0) : V1 + Q1 > I1 && (V1 = I1 - Q1 - 8, o0 = !0), o0 && (J.transform = void 0), { ...t0, ...J, left: $1, top: V1 };
+    return $1 < 0 ? ($1 = 8, o0 = !0) : $1 + J1 > R1 && ($1 = R1 - J1 - 8, o0 = !0), V1 < 0 ? (V1 = 8, o0 = !0) : V1 + Q1 > I1 && (V1 = I1 - Q1 - 8, o0 = !0), o0 && (J.transform = void 0), { ...t0, ...J, left: $1, top: V1 };
   }, [a]);
   d0(() => {
     if (G && r.current && j.current && !E) {
@@ -1470,23 +1470,23 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   }, [G, z1]);
   const O1 = S1(
     ({ type: e1 = "background" }) => {
-      const j1 = e1 === "border", w1 = T1 && M > 0, _1 = n0 * 2 + (w1 ? M * 2 : 0), t0 = Math.sqrt(M * M * 2), X1 = !j1 && w1 ? t0 : 0, D1 = a.split("-")[0], s0 = {
+      const j1 = e1 === "border", w1 = T1 && M > 0, _1 = n0 * 2 + (w1 ? M * 2 : 0), t0 = Math.sqrt(M * M * 2), X1 = !j1 && w1 ? t0 : 0, H1 = {
         bottom: `linear-gradient(135deg, ${C1} 50%, transparent 50%)`,
         top: `linear-gradient(-45deg, ${C1} 50%, transparent 50%)`,
         left: `linear-gradient(225deg, ${C1} 50%, transparent 50%)`,
         right: `linear-gradient(45deg, ${C1} 50%, transparent 50%)`
-      }, J = {
+      }, s0 = {
         width: `${_1}px`,
         height: `${_1}px`,
         position: "fixed",
         transform: "rotate(45deg)",
         zIndex: j1 ? 1 : 3,
-        border: j1 ? H1 : void 0,
+        border: j1 ? B1 : void 0,
         borderRadius: "2px 0 0 0",
-        background: j1 ? void 0 : s0[D1],
+        background: j1 ? void 0 : H1[a],
         backgroundColor: j1 ? T1 ?? C1 : void 0,
         boxShadow: j1 ? P1 : void 0
-      }, N1 = {
+      }, J = {
         bottom: {
           top: `-${n0 - X1}px`,
           left: "50%",
@@ -1508,13 +1508,13 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
           transform: "translateY(-50%) rotate(45deg)"
         }
       };
-      return { ...J, ...N1[D1] };
+      return { ...s0, ...J[a] };
     },
     [
       a,
       C1,
       T1,
-      H1,
+      B1,
       M,
       P1
     ]
@@ -1522,8 +1522,8 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
   return v1(() => {
     if (n !== "hover") return;
     const e1 = (j1) => {
-      var D1, s0;
-      const w1 = document.elementFromPoint(j1.clientX, j1.clientY), _1 = (D1 = j.current) == null ? void 0 : D1.contains(w1), t0 = (s0 = r.current) == null ? void 0 : s0.contains(w1), X1 = G2(
+      var H1, s0;
+      const w1 = document.elementFromPoint(j1.clientX, j1.clientY), _1 = (H1 = j.current) == null ? void 0 : H1.contains(w1), t0 = (s0 = r.current) == null ? void 0 : s0.contains(w1), X1 = G2(
         r,
         w1,
         G0,
@@ -1614,7 +1614,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
                       gap: "8px",
                       backgroundColor: C1,
                       color: L1,
-                      border: H1,
+                      border: B1,
                       padding: "8px",
                       width: "max-content",
                       whiteSpace: "nowrap",
@@ -4139,7 +4139,7 @@ const j9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M12,5c-.5522461,0-1,.4477539-1,1v8c0,.5522461.4477539,1,1,1s1-.4477539,1-1V6c0-.5522461-.4477539-1-1-1Z" }),
     /* @__PURE__ */ e.jsx("path", { d: "M12.7099609,16.2904912c-.1000977-.090332-.2099609-.1601562-.3300781-.2104492-.3701172-.159668-.8100586-.0698242-1.0898438.2104492-.090332.0996094-.1601562.2099609-.2104492.3295898-.0498047.1201172-.0795898.25-.0795898.3803711,0,.2700195.1098633.5200195.2900391.7099609.1899414.1796875.449707.2900391.7099609.2900391.1298828,0,.2597656-.0302734.3798828-.0800781.1201172-.050293.2299805-.1201172.3300781-.2099609.1796875-.1899414.2900391-.4399414.2900391-.7099609,0-.1303711-.0302734-.2602539-.0800781-.3803711-.050293-.1196289-.1201172-.2299805-.2099609-.3295898Z" })
   ] })
-}, B1 = Object.entries(j9).reduce((s, [c, o]) => {
+}, D1 = Object.entries(j9).reduce((s, [c, o]) => {
   const l = ({ size: n = 24, color: a, style: h = {}, ...m }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -4156,29 +4156,29 @@ const j9 = {
   );
   return l.displayName = c, s[c] = l, s;
 }, {});
-B1.Aim;
-B1.EarthFill;
-B1.EarthOutline;
-B1.MapArrowCircleFill;
-B1.MapArrowCircleOutline;
-B1.MapArrowFill;
-B1.MapArrowOutline;
-B1.MapMarkerFill;
-B1.MapMarkerOutline;
-B1.Map;
-B1.SunOutline;
-B1.SunFill;
-B1.MoonOutline;
-B1.MoonFill;
-B1.ThunderFill;
-B1.ThunderOutline;
-B1.BicycleFill;
-B1.BicycleOutline;
-B1.Rain;
-B1.Snow;
-B1.Cloudy;
-B1.TemperatureFill;
-B1.TemperatureOutline;
+D1.Aim;
+D1.EarthFill;
+D1.EarthOutline;
+D1.MapArrowCircleFill;
+D1.MapArrowCircleOutline;
+D1.MapArrowFill;
+D1.MapArrowOutline;
+D1.MapMarkerFill;
+D1.MapMarkerOutline;
+D1.Map;
+D1.SunOutline;
+D1.SunFill;
+D1.MoonOutline;
+D1.MoonFill;
+D1.ThunderFill;
+D1.ThunderOutline;
+D1.BicycleFill;
+D1.BicycleOutline;
+D1.Rain;
+D1.Snow;
+D1.Cloudy;
+D1.TemperatureFill;
+D1.TemperatureOutline;
 const v9 = {
   GridFourFill: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx("rect", { x: "2", y: "2", width: "9", height: "9", rx: "2", ry: "2" }),
@@ -6605,15 +6605,15 @@ const M0 = ({
   }), t1 = u1(null), M1 = u1(null), K = u1(null), Q = u1([]), i1 = W.filter(
     (J) => J.label.toLowerCase().includes(k.toLowerCase())
   ), m1 = F ? W.filter((J) => Array.isArray(g) && g.includes(J.value)) : W.find((J) => J.value === g), k1 = S1((J) => {
-    var N1, I1;
-    !((N1 = t1.current) != null && N1.contains(J.target)) && !((I1 = K.current) != null && I1.contains(J.target)) && x(!1);
+    var R1, I1;
+    !((R1 = t1.current) != null && R1.contains(J.target)) && !((I1 = K.current) != null && I1.contains(J.target)) && x(!1);
   }, []), C1 = S1((J) => {
     J.key === "Escape" && x(!1);
   }, []), L1 = S1(
     (J) => {
       if (!($ || P))
         if (F) {
-          const N1 = Array.isArray(g) ? g : [], $1 = N1.includes(J.value) ? N1.filter((V1) => V1 !== J.value) : [...N1, J.value];
+          const R1 = Array.isArray(g) ? g : [], $1 = R1.includes(J.value) ? R1.filter((V1) => V1 !== J.value) : [...R1, J.value];
           v($1), Y(""), setTimeout(() => {
             var V1;
             (V1 = M1.current) == null || V1.focus();
@@ -6633,9 +6633,9 @@ const M0 = ({
     ]
   ), T1 = S1(
     (J) => {
-      var N1, I1, $1, V1;
+      var R1, I1, $1, V1;
       if (J.key.length === 1 && !J.ctrlKey && !J.altKey && !J.metaKey) {
-        u || x(!0), (N1 = M1.current) == null || N1.focus();
+        u || x(!0), (R1 = M1.current) == null || R1.focus();
         return;
       }
       if (!u && (J.key === "Enter" || J.key === "ArrowDown")) {
@@ -6684,32 +6684,32 @@ const M0 = ({
       W,
       L1
     ]
-  ), H1 = S1(() => {
+  ), B1 = S1(() => {
     if (!t1.current || !K.current) return;
-    const J = t1.current.getBoundingClientRect(), N1 = K.current.getBoundingClientRect(), I1 = window.innerHeight - J.bottom, $1 = J.top, V1 = I1 < N1.height && $1 > I1;
+    const J = t1.current.getBoundingClientRect(), R1 = K.current.getBoundingClientRect(), I1 = window.innerHeight - J.bottom, $1 = J.top, V1 = I1 < R1.height && $1 > I1;
     r1({
-      top: V1 ? J.top - N1.height - 4 : J.bottom + 4,
+      top: V1 ? J.top - R1.height - 4 : J.bottom + 4,
       left: J.left
     });
   }, []);
   d0(() => {
-    u && H1();
-  }, [u, H1]), v1(() => {
+    u && B1();
+  }, [u, B1]), v1(() => {
     if (!u) return;
     const J = () => {
-      H1();
+      B1();
     };
     return window.addEventListener("scroll", J, !0), window.addEventListener("resize", J), () => {
       window.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J);
     };
-  }, [u, H1]), d0(() => {
+  }, [u, B1]), d0(() => {
     t1.current && D(t1.current.offsetWidth);
   }, [u]), v1(() => (document.addEventListener("mousedown", k1), document.addEventListener("keydown", C1), () => {
     document.removeEventListener("mousedown", k1), document.removeEventListener("keydown", C1);
   }), [k1, C1]), v1(() => {
     if (u && m1 && !k) {
       const J = i1.findIndex(
-        (N1) => N1.value === (F ? g[0] : g)
+        (R1) => R1.value === (F ? g[0] : g)
       );
       J >= 0 && Q.current[J] && (Q.current[J].scrollIntoView({
         block: "center"
@@ -6723,7 +6723,7 @@ const M0 = ({
     border: o,
     fallback: p ? "error" : U ? "focus" : "default",
     componentType: "input"
-  }), e1 = s ? N(s, r) : W1, j1 = c ? N(c, r) : z1, w1 = l ? N(l, r) : O1, _1 = o && w1 ? `${a}px ${n} ${w1}` : "none", t0 = q1(f, r), X1 = E1(S, r), D1 = {
+  }), e1 = s ? N(s, r) : W1, j1 = c ? N(c, r) : z1, w1 = l ? N(l, r) : O1, _1 = o && w1 ? `${a}px ${n} ${w1}` : "none", t0 = q1(f, r), X1 = E1(S, r), H1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -6780,7 +6780,7 @@ const M0 = ({
               color: $ ? N("cool-gray-3", r) : j1,
               ...t0,
               width: "100%",
-              padding: D1.padding,
+              padding: H1.padding,
               cursor: $ ? "not-allowed" : "pointer",
               boxShadow: X1,
               ...h ? {
@@ -6824,7 +6824,7 @@ const M0 = ({
                         overflowX: "auto",
                         flex: 1,
                         minWidth: 0,
-                        minHeight: D1.height - (parseInt(D1.padding) || 0) * 2
+                        minHeight: H1.height - (parseInt(H1.padding) || 0) * 2
                       },
                       children: [
                         Array.isArray(m1) && m1.map((J) => /* @__PURE__ */ t.jsx(
@@ -6854,11 +6854,11 @@ const M0 = ({
                               border: "none",
                               outline: "none",
                               background: "transparent",
-                              fontSize: D1.fontSize,
+                              fontSize: H1.fontSize,
                               color: j1,
                               flexGrow: 1,
                               maxWidth: "100%",
-                              height: D1.height,
+                              height: H1.height,
                               minWidth: 0,
                               cursor: $ ? "not-allowed" : "text"
                             }
@@ -6883,9 +6883,9 @@ const M0 = ({
                         backgroundColor: "transparent",
                         border: "none",
                         outline: "none",
-                        fontSize: D1.fontSize,
+                        fontSize: H1.fontSize,
                         color: j1,
-                        height: D1.height,
+                        height: H1.height,
                         cursor: $ ? "not-allowed" : V ? "text" : "default"
                       }
                     }
@@ -6909,7 +6909,7 @@ const M0 = ({
                       {
                         className: "sud-select__count",
                         style: {
-                          fontSize: D1.fontSize,
+                          fontSize: H1.fontSize,
                           color: N("cool-gray-6", r),
                           whiteSpace: "nowrap"
                         },
@@ -6919,7 +6919,7 @@ const M0 = ({
                     _ && !$ && (F && (g == null ? void 0 : g.length) > 0 || !F && g) && /* @__PURE__ */ t.jsx(
                       Z0,
                       {
-                        size: D1.fontSize,
+                        size: H1.fontSize,
                         onClick: (J) => {
                           J.stopPropagation(), P1();
                         },
@@ -6979,16 +6979,16 @@ const M0 = ({
                   },
                   children: "검색 결과가 없습니다"
                 }
-              ) : i1.map((J, N1) => {
+              ) : i1.map((J, R1) => {
                 const I1 = F ? g == null ? void 0 : g.includes(J.value) : g === J.value;
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
-                    ref: ($1) => Q.current[N1] = $1,
+                    ref: ($1) => Q.current[R1] = $1,
                     className: o1(
                       "sud-select__option",
                       I1 ? "sud-select__option--selected" : "",
-                      N1 === E ? "sud-select__option--focused" : ""
+                      R1 === E ? "sud-select__option--focused" : ""
                     ),
                     role: "option",
                     "aria-selected": I1,
@@ -6999,7 +6999,7 @@ const M0 = ({
                     style: {
                       padding: "8px 12px",
                       cursor: $ ? "not-allowed" : "pointer",
-                      fontSize: D1.fontSize,
+                      fontSize: H1.fontSize,
                       backgroundColor: I1 ? N("sky-1", r) : e1,
                       transition: "background-color 0.2s ease"
                     },
@@ -7027,7 +7027,7 @@ const M0 = ({
             className: "sud-input__error",
             style: {
               marginTop: 4,
-              marginLeft: D1.padding
+              marginLeft: H1.padding
             },
             children: /* @__PURE__ */ t.jsx(
               l1,
@@ -7288,9 +7288,7 @@ const M0 = ({
               display: "flex",
               flexDirection: "column",
               gap: j.sm,
-              width: "100%",
-              flex: 1,
-              overflowY: "auto"
+              width: "100%"
             },
             children: c
           }
@@ -7400,9 +7398,9 @@ const M0 = ({
   v1(() => {
     const s1 = () => {
       if (b.current) {
-        const R1 = b.current.offsetWidth;
+        const N1 = b.current.offsetWidth;
         let x1 = P;
-        R1 >= 700 ? x1 = "lg" : R1 >= 500 ? x1 = "md" : R1 >= 300 ? x1 = "sm" : x1 = "miniView", O(x1), R(R1);
+        N1 >= 700 ? x1 = "lg" : N1 >= 500 ? x1 = "md" : N1 >= 300 ? x1 = "sm" : x1 = "miniView", O(x1), R(N1);
       }
     };
     s1();
@@ -7413,11 +7411,11 @@ const M0 = ({
   }, [P]);
   const [r, u] = q(L9[j]), [x, k] = q(d1(s || /* @__PURE__ */ new Date())), [Y, C] = q(
     _ ? d1(_) : null
-  ), [D, E] = q($ ? d1($) : null), [A, U] = q(null), [G, c1] = q(d1(s || /* @__PURE__ */ new Date())), [r1, t1] = q(l), [M1, K] = q(!1), [Q, i1] = q(x.year()), [m1, k1] = q(x.month()), [C1, L1] = q(x.date()), [T1, H1] = q(!1), P1 = () => {
-    H1(!0), setTimeout(() => H1(!1), 150);
-  }, W1 = (s1, f1, R1) => {
-    const x1 = d1(new Date(s1, f1, R1));
-    i1(s1), k1(f1), L1(R1), k(x1), c1(x1);
+  ), [D, E] = q($ ? d1($) : null), [A, U] = q(null), [G, c1] = q(d1(s || /* @__PURE__ */ new Date())), [r1, t1] = q(l), [M1, K] = q(!1), [Q, i1] = q(x.year()), [m1, k1] = q(x.month()), [C1, L1] = q(x.date()), [T1, B1] = q(!1), P1 = () => {
+    B1(!0), setTimeout(() => B1(!1), 150);
+  }, W1 = (s1, f1, N1) => {
+    const x1 = d1(new Date(s1, f1, N1));
+    i1(s1), k1(f1), L1(N1), k(x1), c1(x1);
   }, z1 = d1().year(), O1 = Array.from({ length: 201 }, (s1, f1) => z1 - 100 + f1), e1 = Array.from({ length: 12 }, (s1, f1) => f1), j1 = x.daysInMonth(), w1 = Array.from({ length: j1 }, (s1, f1) => f1 + 1);
   v1(() => {
     s && (c1(d1(s)), k(d1(s)));
@@ -7427,11 +7425,11 @@ const M0 = ({
   const _1 = (s1, f1) => !s1 || !f1 ? !1 : d1(s1).isSame(d1(f1), "day"), t0 = (s1) => {
     P1(), t1(s1), s1 === "daily" && k(G);
   }, X1 = F1(() => {
-    const s1 = [], f1 = d1(x), R1 = f1.startOf("month"), x1 = R1.day(), u0 = f1.daysInMonth(), a0 = f1.endOf("month").day(), w0 = x1 + u0 + (6 - a0);
+    const s1 = [], f1 = d1(x), N1 = f1.startOf("month"), x1 = N1.day(), u0 = f1.daysInMonth(), a0 = f1.endOf("month").day(), w0 = x1 + u0 + (6 - a0);
     for (let r0 = 0; r0 < w0; r0++) {
       let i0, l0 = !0;
       if (r0 < x1) {
-        const O0 = R1.subtract(1, "day").date() - (x1 - r0 - 1);
+        const O0 = N1.subtract(1, "day").date() - (x1 - r0 - 1);
         i0 = f1.subtract(1, "month").date(O0), l0 = !1;
       } else if (r0 < x1 + u0) {
         const p0 = r0 - x1 + 1;
@@ -7443,18 +7441,18 @@ const M0 = ({
       s1.push({ date: i0.toDate(), inCurrentMonth: l0 });
     }
     return s1;
-  }, [x]), { bgColor: D1, txtColor: s0, borColor: J } = h1({
+  }, [x]), { bgColor: H1, txtColor: s0, borColor: J } = h1({
     border: S,
     fallback: i,
     componentType: "tag"
-  }), N1 = g ? N(g, W) : D1, I1 = N(v || "neutral-2", W), $1 = f ? N(f, W) : s0, V1 = y ? N(y, W) : J, J1 = S && V1 ? `${Z}px ${L} ${V1}` : "none", Q1 = (s1) => {
+  }), R1 = g ? N(g, W) : H1, I1 = N(v || "neutral-2", W), $1 = f ? N(f, W) : s0, V1 = y ? N(y, W) : J, J1 = S && V1 ? `${Z}px ${L} ${V1}` : "none", Q1 = (s1) => {
     if (!V || V.length === 0) return !1;
     const f1 = d1(s1).format("YYYY-MM-DD");
     return V.includes(f1);
   }, o0 = (s1, f1) => Q1(f1) || s1 === 0 || s1 === 6 ? N("red-6", W) : "inherit", C0 = (s1) => {
     if (r1 === "year") {
-      const R1 = d1(s1).startOf("month");
-      k(R1), t1("month");
+      const N1 = d1(s1).startOf("month");
+      k(N1), t1("month");
       return;
     }
     const f1 = d1(s1);
@@ -7463,8 +7461,8 @@ const M0 = ({
     else if (!Y || Y && D)
       C(f1), E(null), c({ startDate: f1.toDate(), endDate: null });
     else {
-      const [R1, x1] = f1.isBefore(Y) ? [f1, Y] : [Y, f1];
-      C(R1), E(x1), c({ startDate: R1.toDate(), endDate: x1.toDate() });
+      const [N1, x1] = f1.isBefore(Y) ? [f1, Y] : [Y, f1];
+      C(N1), E(x1), c({ startDate: N1.toDate(), endDate: x1.toDate() });
     }
   }, c0 = () => {
     P1(), k(r1 === "daily" ? x.subtract(1, "day") : r1 === "month" ? x.subtract(1, "month").startOf("month") : x.subtract(1, "year").startOf("month"));
@@ -7532,12 +7530,12 @@ const M0 = ({
         paddingLeft: 4,
         gap: r.itemGap
       },
-      children: s1.map((R1) => {
+      children: s1.map((N1) => {
         var x1;
         return /* @__PURE__ */ t.jsx(
           M0,
           {
-            colorType: R1.colorType || "apricot",
+            colorType: N1.colorType || "apricot",
             style: {
               fontSize: r.itemFontSize
             },
@@ -7549,14 +7547,14 @@ const M0 = ({
                   color: "inherit",
                   fontSize: r.itemFontSize,
                   textAlign: "left",
-                  ...(x1 = R1.itemProps) == null ? void 0 : x1.style
+                  ...(x1 = N1.itemProps) == null ? void 0 : x1.style
                 },
-                ...R1.itemProps,
-                children: R1.content
+                ...N1.itemProps,
+                children: N1.content
               }
             )
           },
-          R1.key
+          N1.key
         );
       })
     }
@@ -7814,7 +7812,7 @@ const M0 = ({
                   children: Array.from({ length: 12 }, (s1, f1) => {
                     const x1 = d1(x).month(f1), u0 = x1.format("YYYY-MM"), b0 = o.filter(
                       (l0) => l0.date.slice(0, 7) === u0
-                    ), a0 = G.isSame(x1, "month"), w0 = A && d1(A).isSame(x1, "month"), r0 = a0 ? N1 : w0 ? I1 : "transparent", i0 = a0 ? $1 : "inherit";
+                    ), a0 = G.isSame(x1, "month"), w0 = A && d1(A).isSame(x1, "month"), r0 = a0 ? R1 : w0 ? I1 : "transparent", i0 = a0 ? $1 : "inherit";
                     return /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -7880,8 +7878,8 @@ const M0 = ({
                       gridTemplateColumns: "repeat(7, 1fr)",
                       textAlign: "center"
                     },
-                    children: X1.map(({ date: s1, inCurrentMonth: f1 }, R1) => {
-                      const x1 = d1(s1), u0 = _1(A, x1), b0 = _1(G, x1), a0 = x1.day(), w0 = R1 >= 35, r0 = x1.format("YYYY-MM-DD"), i0 = o.filter((U0) => U0.date === r0), l0 = p && (x1.isSame(Y, "day") || x1.isSame(D, "day")), p0 = p && Y && D && x1.isAfter(Y, "day") && x1.isBefore(D, "day"), O0 = Q1(x1) || a0 === 0 || a0 === 6, N2 = l0 || b0 || p0 ? $1 : f1 ? o0(a0, x1) : N("neutral-4", W), R2 = l0 || b0 || p0 ? N1 : u0 ? I1 : "transparent";
+                    children: X1.map(({ date: s1, inCurrentMonth: f1 }, N1) => {
+                      const x1 = d1(s1), u0 = _1(A, x1), b0 = _1(G, x1), a0 = x1.day(), w0 = N1 >= 35, r0 = x1.format("YYYY-MM-DD"), i0 = o.filter((U0) => U0.date === r0), l0 = p && (x1.isSame(Y, "day") || x1.isSame(D, "day")), p0 = p && Y && D && x1.isAfter(Y, "day") && x1.isBefore(D, "day"), O0 = Q1(x1) || a0 === 0 || a0 === 6, N2 = l0 || b0 || p0 ? $1 : f1 ? o0(a0, x1) : N("neutral-4", W), R2 = l0 || b0 || p0 ? R1 : u0 ? I1 : "transparent";
                       let N0 = { ...F };
                       return O0 && (F.background && (N0.backgroundColor = N(
                         F.background,
@@ -7937,7 +7935,7 @@ const M0 = ({
                             i2(i0, j === "miniView")
                           ]
                         },
-                        R1
+                        N1
                       );
                     })
                   }
@@ -10020,8 +10018,8 @@ const j3 = ({
     const { columnKey: K, order: Q } = _, i1 = s.find((C1) => (C1.dataIndex || C1.key) === K);
     if (!i1) return c;
     const m1 = i1.sorter === !0 ? (C1, L1) => {
-      const T1 = C1[K], H1 = L1[K];
-      return typeof T1 == "number" ? T1 - H1 : String(T1).localeCompare(String(H1));
+      const T1 = C1[K], B1 = L1[K];
+      return typeof T1 == "number" ? T1 - B1 : String(T1).localeCompare(String(B1));
     } : i1.sorter;
     return [...c].sort((C1, L1) => {
       const T1 = m1(C1, L1);
@@ -10273,7 +10271,7 @@ const j3 = ({
                         role: "row",
                         "aria-rowindex": Q + 1,
                         "aria-selected": K.selected || !1,
-                        children: t1.map((T1, H1) => {
+                        children: t1.map((T1, B1) => {
                           const P1 = T1.key, W1 = K[P1], z1 = T1.align || "left", O1 = T1.render ? T1.render(W1, K, Q) : /* @__PURE__ */ t.jsx(l1, { size: j.fontSize, children: W1 });
                           return /* @__PURE__ */ t.jsx(
                             "td",
@@ -10287,8 +10285,8 @@ const j3 = ({
                                 background: m1,
                                 color: k1,
                                 borderBottom: L1,
-                                borderLeft: H1 === 0 ? "none" : L1,
-                                borderRight: H1 === s.length - 1 ? "none" : L1,
+                                borderLeft: B1 === 0 ? "none" : L1,
+                                borderRight: B1 === s.length - 1 ? "none" : L1,
                                 fontSize: j.fontSize,
                                 padding: u
                               },
@@ -10296,7 +10294,7 @@ const j3 = ({
                               "aria-label": `${T1.title}: ${W1}`,
                               children: O1
                             },
-                            P1 || H1
+                            P1 || B1
                           );
                         })
                       },
@@ -10567,7 +10565,7 @@ const f0 = ({
     _({ target: { value: e1 } });
   }, T1 = (O1) => {
     O1.key === "Enter" && $(O1), P(O1);
-  }, H1 = p, P1 = Y && p && isNaN(Number(p.replace(/,/g, ""))), W1 = Y ? P1 : j, z1 = Y && P1 ? "숫자를 입력하세요" : R;
+  }, B1 = p, P1 = Y && p && isNaN(Number(p.replace(/,/g, ""))), W1 = Y ? P1 : j, z1 = Y && P1 ? "숫자를 입력하세요" : R;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -10667,7 +10665,7 @@ const f0 = ({
                   ref: D,
                   className: `sud-input__field cursor-${f ? "not-allowed" : ""}`,
                   type: Y ? "text" : k1,
-                  value: H1,
+                  value: B1,
                   onChange: L1,
                   onKeyDown: T1,
                   placeholder: H,
@@ -11361,7 +11359,7 @@ const E9 = ({
         return;
     }
     x(O1), n == null || n(O1);
-  }, H1 = a ? {
+  }, B1 = a ? {
     position: "absolute",
     left: 0,
     width: "100%",
@@ -11442,7 +11440,7 @@ const E9 = ({
                   className: "su-hover sud-slider__filled",
                   style: {
                     borderRadius: a ? K / 2 : Q / 2,
-                    ...H1
+                    ...B1
                   }
                 }
               ),
@@ -14727,7 +14725,7 @@ const s3 = ({ isOpen: s, children: c }) => {
   finalDividerColor: d,
   ...i
 }) => {
-  const [g, v] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, S = a.includes(s.key), y = !f, L = `${12 + c * 16}px`, { backgroundColor: Z, color: M } = h(s.key, y, g);
+  const [g, v] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, S = a.includes(s.key), y = !f, L = 12 + c * 16, { backgroundColor: Z, color: M } = h(s.key, y, g);
   return s.mode === "group" ? /* @__PURE__ */ t.jsxs("li", { style: { marginBottom: 6 }, children: [
     typeof s.title == "string" ? /* @__PURE__ */ t.jsx(
       l1,
@@ -14737,10 +14735,10 @@ const s3 = ({ isOpen: s, children: c }) => {
         size: "sm",
         pretendard: "B",
         color: "cool-gray-6",
-        style: { padding: "4px 12px", paddingLeft: L },
+        style: { padding: `4px 12px 4px ${L}px` },
         children: s.title
       }
-    ) : /* @__PURE__ */ t.jsx("div", { style: { padding: "4px 12px", paddingLeft: L }, children: s.title }),
+    ) : /* @__PURE__ */ t.jsx("div", { style: { padding: `4px 12px 4px ${L}px` }, children: s.title }),
     /* @__PURE__ */ t.jsx(
       "ul",
       {
@@ -14793,14 +14791,14 @@ const s3 = ({ isOpen: s, children: c }) => {
           transition: "all 0.2s ease",
           borderRadius: 10,
           cursor: "pointer",
-          padding: 12,
+          padding: `6px 12px 6px ${L}px`,
           display: "flex",
           justifyContent: "space-between",
           alignItems: "center"
         },
         onClick: () => {
           var T;
-          y ? (l == null || l(s.key), (T = s.onClick) == null || T.call(s)) : n(s.key);
+          l == null || l(s.key), (T = s.onClick) == null || T.call(s), y || n(s.key);
         },
         role: f ? "button" : "menuitem",
         "aria-expanded": f ? S : void 0,
@@ -14903,7 +14901,7 @@ const s3 = ({ isOpen: s, children: c }) => {
       (D) => D.includes(C) ? D.filter((E) => E !== C) : [...D, C]
     );
   }, b = (C, D, E) => {
-    const A = X === C && D, G = h1({
+    const A = X === C, G = h1({
       border: !1,
       componentType: "etc",
       fallback: A ? "selected" : E ? "hovered" : "default"