sud-ui 1.2.4 → 1.2.5

package/dist/index.js

@@ -1350,8 +1350,8 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
           var t0, X1;
           const _1 = Array.from(B0).find(
             (H1) => {
-              var s0, J;
-              return ((J = (s0 = H1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : J.id) === w1;
+              var s0, q;
+              return ((q = (s0 = H1.current) == null ? void 0 : s0.popupInstance) == null ? void 0 : q.id) === w1;
             }
           );
           (X1 = (t0 = _1 == null ? void 0 : _1.current) == null ? void 0 : t0.popupInstance) != null && X1.hide && _1.current.popupInstance.hide();
@@ -1373,7 +1373,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
     }
   }, Z1 = () => {
     !d && n1(!X);
-  }, q = () => {
+  }, J = () => {
     W == null || W(), Z1();
   }, Q = () => {
     U == null || U(), Z1();
@@ -1396,7 +1396,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
       zIndex: 1e4,
       transition: "opacity 0.2s ease"
     }, [X1, H1] = a.split("-");
-    let J = ((C0, c0) => {
+    let q = ((C0, c0) => {
       switch (C0) {
         case "top": {
           let Y1 = e1.left + e1.width / 2 + _1, U1 = "translateX(-50%)";
@@ -1435,8 +1435,8 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
       }
     })(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 > 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 };
+    let $1 = q.left ?? 0, V1 = q.top ?? 0, J1 = j1.width, Q1 = j1.height, o0 = !1;
+    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 && (q.transform = void 0), { ...t0, ...q, left: $1, top: V1 };
   }, [a]);
   d0(() => {
     if (X && r.current && j.current && !Y) {
@@ -1486,7 +1486,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
         background: j1 ? void 0 : H1[a],
         backgroundColor: j1 ? T1 ?? C1 : void 0,
         boxShadow: j1 ? P1 : void 0
-      }, J = {
+      }, q = {
         bottom: {
           top: `-${n0 - X1}px`,
           left: "50%",
@@ -1508,7 +1508,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
           transform: "translateY(-50%) rotate(45deg)"
         }
       };
-      return { ...s0, ...J[a] };
+      return { ...s0, ...q[a] };
     },
     [
       a,
@@ -1646,7 +1646,7 @@ const u2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, $0 = (s) => {
                         }
                       ) : c),
                       I === "popconfirm" && (L === !0 || L === void 0) ? /* @__PURE__ */ t.jsxs("div", { className: "sud-popconfirm__footer flex flex-row gap-8 item-cen jus-cen", children: [
-                        /* @__PURE__ */ t.jsx(K1, { colorType: "primary", onClick: q, children: "okay" }),
+                        /* @__PURE__ */ t.jsx(K1, { colorType: "primary", onClick: J, children: "okay" }),
                         /* @__PURE__ */ t.jsx(K1, { colorType: "danger", onClick: Q, children: "cancel" })
                       ] }) : L === !0 || L !== void 0 ? L : null
                     ]
@@ -6602,24 +6602,24 @@ const M0 = ({
   const r = b1(), [i, u] = K(!1), [b, P] = K(""), [T, H] = K(null), [Y, A] = K(-1), [G, X] = K(!1), [n1, t1] = K({
     top: 0,
     left: 0
-  }), r1 = u1(null), Z1 = u1(null), q = u1(null), Q = u1([]), i1 = W.filter(
-    (J) => J.label.toLowerCase().includes(b.toLowerCase())
-  ), m1 = L ? W.filter((J) => Array.isArray(x) && x.includes(J.value)) : W.find((J) => J.value === x), k1 = S1((J) => {
+  }), r1 = u1(null), Z1 = u1(null), J = u1(null), Q = u1([]), i1 = W.filter(
+    (q) => q.label.toLowerCase().includes(b.toLowerCase())
+  ), m1 = L ? W.filter((q) => Array.isArray(x) && x.includes(q.value)) : W.find((q) => q.value === x), k1 = S1((q) => {
     var R1, I1;
-    !((R1 = r1.current) != null && R1.contains(J.target)) && !((I1 = q.current) != null && I1.contains(J.target)) && u(!1);
-  }, []), C1 = S1((J) => {
-    J.key === "Escape" && u(!1);
+    !((R1 = r1.current) != null && R1.contains(q.target)) && !((I1 = J.current) != null && I1.contains(q.target)) && u(!1);
+  }, []), C1 = S1((q) => {
+    q.key === "Escape" && u(!1);
   }, []), L1 = S1(
-    (J) => {
+    (q) => {
       if (!(F || V))
         if (L) {
-          const R1 = Array.isArray(x) ? x : [], $1 = R1.includes(J.value) ? R1.filter((V1) => V1 !== J.value) : [...R1, J.value];
+          const R1 = Array.isArray(x) ? x : [], $1 = R1.includes(q.value) ? R1.filter((V1) => V1 !== q.value) : [...R1, q.value];
           y($1), P(""), setTimeout(() => {
             var V1;
             (V1 = Z1.current) == null || V1.focus();
           }, 0);
         } else
-          y(J.value), P(""), u(!1);
+          y(q.value), P(""), u(!1);
     },
     [
       F,
@@ -6632,34 +6632,34 @@ const M0 = ({
       Z1
     ]
   ), T1 = S1(
-    (J) => {
+    (q) => {
       var R1, I1, $1, V1;
-      if (J.key.length === 1 && !J.ctrlKey && !J.altKey && !J.metaKey) {
+      if (q.key.length === 1 && !q.ctrlKey && !q.altKey && !q.metaKey) {
         i || u(!0), (R1 = Z1.current) == null || R1.focus();
         return;
       }
-      if (!i && (J.key === "Enter" || J.key === "ArrowDown")) {
-        J.preventDefault(), u(!0), A(0), (I1 = Z1.current) == null || I1.focus();
+      if (!i && (q.key === "Enter" || q.key === "ArrowDown")) {
+        q.preventDefault(), u(!0), A(0), (I1 = Z1.current) == null || I1.focus();
         return;
       }
-      switch (J.key) {
+      switch (q.key) {
         case "ArrowDown":
-          J.preventDefault(), ($1 = Z1.current) == null || $1.focus(), A((J1) => {
+          q.preventDefault(), ($1 = Z1.current) == null || $1.focus(), A((J1) => {
             const Q1 = J1 + 1;
             return Q1 >= i1.length ? 0 : Q1;
           });
           break;
         case "ArrowUp":
-          J.preventDefault(), (V1 = Z1.current) == null || V1.focus(), A((J1) => {
+          q.preventDefault(), (V1 = Z1.current) == null || V1.focus(), A((J1) => {
             const Q1 = J1 - 1;
             return Q1 < 0 ? i1.length - 1 : Q1;
           });
           break;
         case "Enter":
-          J.preventDefault(), Y >= 0 && Y < i1.length && L1(i1[Y]);
+          q.preventDefault(), Y >= 0 && Y < i1.length && L1(i1[Y]);
           break;
         case "Escape":
-          J.preventDefault(), u(!1);
+          q.preventDefault(), u(!1);
           break;
         case "Tab":
           u(!1);
@@ -6685,22 +6685,22 @@ const M0 = ({
       L1
     ]
   ), B1 = S1(() => {
-    if (!r1.current || !q.current) return;
-    const J = r1.current.getBoundingClientRect(), R1 = q.current.getBoundingClientRect(), I1 = window.innerHeight - J.bottom, $1 = J.top, V1 = I1 < R1.height && $1 > I1;
+    if (!r1.current || !J.current) return;
+    const q = r1.current.getBoundingClientRect(), R1 = J.current.getBoundingClientRect(), I1 = window.innerHeight - q.bottom, $1 = q.top, V1 = I1 < R1.height && $1 > I1;
     t1({
-      top: V1 ? J.top - R1.height - 4 : J.bottom + 4,
-      left: J.left
+      top: V1 ? q.top - R1.height - 4 : q.bottom + 4,
+      left: q.left
     });
   }, []);
   d0(() => {
     i && B1();
   }, [i, B1]), v1(() => {
     if (!i) return;
-    const J = () => {
+    const q = () => {
       B1();
     };
-    return window.addEventListener("scroll", J, !0), window.addEventListener("resize", J), () => {
-      window.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J);
+    return window.addEventListener("scroll", q, !0), window.addEventListener("resize", q), () => {
+      window.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q);
     };
   }, [i, B1]), d0(() => {
     r1.current && H(r1.current.offsetWidth);
@@ -6708,17 +6708,17 @@ const M0 = ({
     document.removeEventListener("mousedown", k1), document.removeEventListener("keydown", C1);
   }), [k1, C1]), v1(() => {
     if (i && m1 && !b) {
-      const J = i1.findIndex(
+      const q = i1.findIndex(
         (R1) => R1.value === (L ? x[0] : x)
       );
-      J >= 0 && Q.current[J] && (Q.current[J].scrollIntoView({
+      q >= 0 && Q.current[q] && (Q.current[q].scrollIntoView({
         block: "center"
-      }), A(J));
+      }), A(q));
     }
   }, [i]);
   const P1 = () => {
-    var J;
-    y(L ? [] : null), P(""), (J = Z1.current) == null || J.focus();
+    var q;
+    y(L ? [] : null), P(""), (q = Z1.current) == null || q.focus();
   }, { bgColor: W1, txtColor: z1, borColor: O1 } = h1({
     border: o,
     fallback: m ? "error" : G ? "focus" : "default",
@@ -6729,8 +6729,8 @@ const M0 = ({
     lg: { height: 42, fontSize: 18, padding: "8px" }
   }[v] || {}, s0 = () => {
     if (!L || !U) return null;
-    const J = Array.isArray(x) ? x.length : 0;
-    return J === 0 ? null : `${J}개 선택됨`;
+    const q = Array.isArray(x) ? x.length : 0;
+    return q === 0 ? null : `${q}개 선택됨`;
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -6792,8 +6792,8 @@ const M0 = ({
               } : { border: _1 }
             },
             onClick: () => {
-              var J;
-              !F && !V && (u(!i), (J = Z1.current) == null || J.focus());
+              var q;
+              !F && !V && (u(!i), (q = Z1.current) == null || q.focus());
             },
             onFocus: () => X(!0),
             onBlur: () => X(!1),
@@ -6827,17 +6827,17 @@ const M0 = ({
                         minHeight: H1.height - (parseInt(H1.padding) || 0) * 2
                       },
                       children: [
-                        Array.isArray(m1) && m1.map((J) => /* @__PURE__ */ t.jsx(
+                        Array.isArray(m1) && m1.map((q) => /* @__PURE__ */ t.jsx(
                           M0,
                           {
                             size: v,
                             closeable: !0,
-                            onClose: () => L1(J),
+                            onClose: () => L1(q),
                             colorType: M,
                             className: "sud-select__tag",
-                            children: J.label
+                            children: q.label
                           },
-                          J.value
+                          q.value
                         )),
                         /* @__PURE__ */ t.jsx(
                           "input",
@@ -6845,7 +6845,7 @@ const M0 = ({
                             ref: Z1,
                             className: "sud-select__input",
                             value: i ? b : "",
-                            onChange: (J) => P(J.target.value),
+                            onChange: (q) => P(q.target.value),
                             disabled: F,
                             placeholder: Array.isArray(x) && x.length === 0 ? B : "",
                             "aria-autocomplete": "list",
@@ -6872,7 +6872,7 @@ const M0 = ({
                       ref: Z1,
                       className: "sud-select__input",
                       value: i ? b : (m1 == null ? void 0 : m1.label) || "",
-                      onChange: (J) => P(J.target.value),
+                      onChange: (q) => P(q.target.value),
                       disabled: F,
                       readOnly: !I,
                       placeholder: m1 ? "" : B,
@@ -6920,8 +6920,8 @@ const M0 = ({
                       Z0,
                       {
                         size: H1.fontSize,
-                        onClick: (J) => {
-                          J.stopPropagation(), P1();
+                        onClick: (q) => {
+                          q.stopPropagation(), P1();
                         },
                         className: "sud-select__clear",
                         style: { cursor: "pointer" },
@@ -6939,7 +6939,7 @@ const M0 = ({
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: q,
+              ref: J,
               id: `${$}-listbox`,
               className: "sud-select__dropdown",
               role: "listbox",
@@ -6962,8 +6962,8 @@ const M0 = ({
                 background: e1,
                 ...E
               },
-              onClick: (J) => {
-                J.stopPropagation();
+              onClick: (q) => {
+                q.stopPropagation();
               },
               children: i1.length === 0 ? /* @__PURE__ */ t.jsx(
                 "div",
@@ -6979,8 +6979,8 @@ const M0 = ({
                   },
                   children: "검색 결과가 없습니다"
                 }
-              ) : i1.map((J, R1) => {
-                const I1 = L ? x == null ? void 0 : x.includes(J.value) : x === J.value;
+              ) : i1.map((q, R1) => {
+                const I1 = L ? x == null ? void 0 : x.includes(q.value) : x === q.value;
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
@@ -6994,7 +6994,7 @@ const M0 = ({
                     "aria-selected": I1,
                     "aria-disabled": F,
                     onClick: ($1) => {
-                      $1.stopPropagation(), L1(J);
+                      $1.stopPropagation(), L1(q);
                     },
                     style: {
                       padding: "8px 12px",
@@ -7012,9 +7012,9 @@ const M0 = ({
                     onMouseLeave: ($1) => {
                       I1 || ($1.currentTarget.style.backgroundColor = e1);
                     },
-                    children: J.label
+                    children: q.content ? q.content : q.label
                   },
-                  J.value
+                  q.value
                 );
               })
             }
@@ -7411,7 +7411,7 @@ const M0 = ({
   }, [V]);
   const [r, i] = K(L9[j]), [u, b] = K(d1(s || /* @__PURE__ */ new Date())), [P, T] = K(
     k ? d1(k) : null
-  ), [H, Y] = K(F ? d1(F) : null), [A, G] = K(null), [X, n1] = K(d1(s || /* @__PURE__ */ new Date())), [t1, r1] = K(l), [Z1, q] = K(!1), [Q, i1] = K(u.year()), [m1, k1] = K(u.month()), [C1, L1] = K(u.date()), [T1, B1] = K(!1), P1 = () => {
+  ), [H, Y] = K(F ? d1(F) : null), [A, G] = K(null), [X, n1] = K(d1(s || /* @__PURE__ */ new Date())), [t1, r1] = K(l), [Z1, J] = K(!1), [Q, i1] = K(u.year()), [m1, k1] = K(u.month()), [C1, L1] = K(u.date()), [T1, B1] = K(!1), P1 = () => {
     B1(!0), setTimeout(() => B1(!1), 150);
   }, W1 = (s1, f1, N1) => {
     const x1 = d1(new Date(s1, f1, N1));
@@ -7441,11 +7441,11 @@ const M0 = ({
       s1.push({ date: i0.toDate(), inCurrentMonth: l0 });
     }
     return s1;
-  }, [u]), { bgColor: H1, txtColor: s0, borColor: J } = h1({
+  }, [u]), { bgColor: H1, txtColor: s0, borColor: q } = h1({
     border: w,
     fallback: d,
     componentType: "tag"
-  }), R1 = x ? N(x, W) : H1, I1 = N(y || "neutral-2", W), $1 = p ? N(p, W) : s0, V1 = v ? N(v, W) : J, J1 = w && V1 ? `${M}px ${$} ${V1}` : "none", Q1 = (s1) => {
+  }), R1 = x ? N(x, W) : H1, I1 = N(y || "neutral-2", W), $1 = p ? N(p, W) : s0, V1 = v ? N(v, W) : q, J1 = w && V1 ? `${M}px ${$} ${V1}` : "none", Q1 = (s1) => {
     if (!I || I.length === 0) return !1;
     const f1 = d1(s1).format("YYYY-MM-DD");
     return I.includes(f1);
@@ -7610,7 +7610,7 @@ const M0 = ({
                   {
                     as: "span",
                     gmarket: "Medium",
-                    onClick: () => q(!Z1),
+                    onClick: () => J(!Z1),
                     style: {
                       cursor: "pointer",
                       fontSize: r.headerFontSize,
@@ -10038,14 +10038,14 @@ const j3 = ({
     }),
     []
   ), j = O[l] || O.md, R = q1(a, m), r = E1(f, m), i = j.padding, u = S1(
-    (q, Q) => typeof o == "function" ? o(q) : q[o] ?? Q,
+    (J, Q) => typeof o == "function" ? o(J) : J[o] ?? Q,
     [o]
   ), b = F1(() => {
     if (!k) return c;
-    const { columnKey: q, order: Q } = k, i1 = s.find((C1) => (C1.dataIndex || C1.key) === q);
+    const { columnKey: J, order: Q } = k, i1 = s.find((C1) => (C1.dataIndex || C1.key) === J);
     if (!i1) return c;
     const m1 = i1.sorter === !0 ? (C1, L1) => {
-      const T1 = C1[q], B1 = L1[q];
+      const T1 = C1[J], B1 = L1[J];
       return typeof T1 == "number" ? T1 - B1 : String(T1).localeCompare(String(B1));
     } : i1.sorter;
     return [...c].sort((C1, L1) => {
@@ -10055,12 +10055,12 @@ const j3 = ({
   }, [c, k, s]), P = F1(() => {
     if (!M || M === !1)
       return b;
-    const q = (V - 1) * I, Q = q + I;
-    return b.slice(q, Q);
+    const J = (V - 1) * I, Q = J + I;
+    return b.slice(J, Q);
   }, [b, V, I, M]), T = S1(
-    (q) => {
-      if (!q.sorter) return;
-      const Q = q.key;
+    (J) => {
+      if (!J.sorter) return;
+      const Q = J.key;
       let i1 = null;
       !k || k.columnKey !== Q ? i1 = "ascend" : k.order === "ascend" ? i1 = "descend" : k.order === "descend" && (i1 = null);
       const m1 = i1 ? { columnKey: Q, order: i1 } : null;
@@ -10068,23 +10068,23 @@ const j3 = ({
     },
     [k, C]
   ), H = S1(
-    (q) => {
-      E(q), typeof M == "object" && M.onChange && M.onChange(q);
+    (J) => {
+      E(J), typeof M == "object" && M.onChange && M.onChange(J);
     },
     [M]
   );
-  S1((q) => {
+  S1((J) => {
     const Q = {
       left: "flex-start",
       center: "center",
       right: "flex-end"
     };
-    return q.includes("left") ? Q.left : q.includes("center") ? Q.center : q.includes("right") ? Q.right : Q.center;
+    return J.includes("left") ? Q.left : J.includes("center") ? Q.center : J.includes("right") ? Q.right : Q.center;
   }, []);
   const Y = u1(null), A = u1(null), [G, X] = K(0);
   v1(() => {
-    const q = Y.current, Q = A.current;
-    if (Q && q) {
+    const J = Y.current, Q = A.current;
+    if (Q && J) {
       const m1 = Q.scrollHeight > Q.clientHeight ? Q.offsetWidth - Q.clientWidth : 0;
       X(m1);
     }
@@ -10102,17 +10102,17 @@ const j3 = ({
     }),
     [R.borderRadius]
   ), r1 = F1(() => {
-    const q = s.reduce((Q, i1) => Q + (i1.col || (i1.width ? 0 : 1)), 0);
+    const J = s.reduce((Q, i1) => Q + (i1.col || (i1.width ? 0 : 1)), 0);
     return s.map((Q) => {
       let i1 = "auto";
-      return Q.width ? typeof Q.width == "number" ? i1 = `${Q.width}px` : typeof Q.width == "string" && (i1 = /^\d+$/.test(Q.width) ? `${Q.width}px` : Q.width) : q > 0 && (i1 = `${(Q.col || 1) / q * 100}%`), {
+      return Q.width ? typeof Q.width == "number" ? i1 = `${Q.width}px` : typeof Q.width == "string" && (i1 = /^\d+$/.test(Q.width) ? `${Q.width}px` : Q.width) : J > 0 && (i1 = `${(Q.col || 1) / J * 100}%`), {
         ...Q,
         width: i1
       };
     });
   }, [s]), Z1 = S1(
-    (q, Q) => {
-      (q.key === "Enter" || q.key === " ") && (q.preventDefault(), T(Q));
+    (J, Q) => {
+      (J.key === "Enter" || J.key === " ") && (J.preventDefault(), T(Q));
     },
     [T]
   );
@@ -10147,26 +10147,26 @@ const j3 = ({
                 },
                 role: "presentation",
                 children: [
-                  /* @__PURE__ */ t.jsx("colgroup", { children: r1.map((q, Q) => /* @__PURE__ */ t.jsx(
+                  /* @__PURE__ */ t.jsx("colgroup", { children: r1.map((J, Q) => /* @__PURE__ */ t.jsx(
                     "col",
                     {
                       style: {
-                        width: typeof q.width == "string" ? q.width : "auto"
+                        width: typeof J.width == "string" ? J.width : "auto"
                       }
                     },
                     Q
                   )) }),
-                  /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsx("tr", { children: r1.map((q, Q) => {
-                    const i1 = q.key, m1 = (k == null ? void 0 : k.columnKey) === i1, k1 = m1 ? k.order : null, C1 = q.align || "left";
+                  /* @__PURE__ */ t.jsx("thead", { children: /* @__PURE__ */ t.jsx("tr", { children: r1.map((J, Q) => {
+                    const i1 = J.key, m1 = (k == null ? void 0 : k.columnKey) === i1, k1 = m1 ? k.order : null, C1 = J.align || "left";
                     return /* @__PURE__ */ t.jsx(
                       "th",
                       {
-                        onClick: () => T(q),
+                        onClick: () => T(J),
                         className: o1(
                           "sud-table__header-cell",
-                          q.sorter && "sud-table__header-cell--sortable",
+                          J.sorter && "sud-table__header-cell--sortable",
                           m1 && `sud-table__header-cell--sorted-${k1}`,
-                          q.className
+                          J.className
                         ),
                         style: {
                           textAlign: C1,
@@ -10177,13 +10177,13 @@ const j3 = ({
                           borderRight: Q === s.length - 1 ? "none" : Z,
                           fontSize: j.fontSize,
                           padding: i,
-                          cursor: q.sorter ? "pointer" : "default"
+                          cursor: J.sorter ? "pointer" : "default"
                         },
                         role: "columnheader",
                         "aria-sort": m1 ? k1 === "ascend" ? "ascending" : "descending" : "none",
-                        tabIndex: q.sorter ? 0 : -1,
-                        onKeyDown: (L1) => Z1(L1, q),
-                        "aria-label": `${q.title} ${m1 ? k1 === "ascend" ? "오름차순 정렬됨" : "내림차순 정렬됨" : ""}`,
+                        tabIndex: J.sorter ? 0 : -1,
+                        onKeyDown: (L1) => Z1(L1, J),
+                        "aria-label": `${J.title} ${m1 ? k1 === "ascend" ? "오름차순 정렬됨" : "내림차순 정렬됨" : ""}`,
                         children: /* @__PURE__ */ t.jsxs(
                           "div",
                           {
@@ -10200,10 +10200,10 @@ const j3 = ({
                                   as: "span",
                                   pretendard: "SB",
                                   size: j.fontSize,
-                                  children: q.title
+                                  children: J.title
                                 }
                               ),
-                              q.sorter && /* @__PURE__ */ t.jsxs(
+                              J.sorter && /* @__PURE__ */ t.jsxs(
                                 "div",
                                 {
                                   style: {
@@ -10277,29 +10277,29 @@ const j3 = ({
                 },
                 role: "presentation",
                 children: [
-                  /* @__PURE__ */ t.jsx("colgroup", { children: r1.map((q, Q) => /* @__PURE__ */ t.jsx(
+                  /* @__PURE__ */ t.jsx("colgroup", { children: r1.map((J, Q) => /* @__PURE__ */ t.jsx(
                     "col",
                     {
                       style: {
-                        width: typeof q.width == "string" ? q.width : "auto"
+                        width: typeof J.width == "string" ? J.width : "auto"
                       }
                     },
                     Q
                   )) }),
-                  /* @__PURE__ */ t.jsx("tbody", { children: P.map((q, Q) => {
-                    const i1 = u(q, Q), m1 = N(q.background, m) || "transparent", k1 = N(q.color, m) || "inherit", C1 = N(q.borderColor, m) || _, L1 = g ? `${d}px ${h} ${C1}` : "none";
+                  /* @__PURE__ */ t.jsx("tbody", { children: P.map((J, Q) => {
+                    const i1 = u(J, Q), m1 = N(J.background, m) || "transparent", k1 = N(J.color, m) || "inherit", C1 = N(J.borderColor, m) || _, L1 = g ? `${d}px ${h} ${C1}` : "none";
                     return /* @__PURE__ */ t.jsx(
                       "tr",
                       {
                         className: o1(
                           "sud-table__row",
-                          q.className
+                          J.className
                         ),
                         role: "row",
                         "aria-rowindex": Q + 1,
-                        "aria-selected": q.selected || !1,
+                        "aria-selected": J.selected || !1,
                         children: r1.map((T1, B1) => {
-                          const P1 = T1.key, W1 = q[P1], z1 = T1.align || "left", O1 = T1.render ? T1.render(W1, q, Q) : /* @__PURE__ */ t.jsx(c1, { size: j.fontSize, children: W1 });
+                          const P1 = T1.key, W1 = J[P1], z1 = T1.align || "left", O1 = T1.render ? T1.render(W1, J, Q) : /* @__PURE__ */ t.jsx(c1, { size: j.fontSize, children: W1 });
                           return /* @__PURE__ */ t.jsx(
                             "td",
                             {
@@ -10572,7 +10572,7 @@ const f0 = ({
   v1(() => {
     v && H.current && H.current.focus();
   }, [v]);
-  const t1 = s ? N(s, T) : G, r1 = c ? N(c, T) : X, Z1 = l ? N(l, T) : n1, q = o && Z1 ? `${a}px ${n} ${Z1}` : "none", Q = q1(E, T), i1 = E1(I, T), m1 = {
+  const t1 = s ? N(s, T) : G, r1 = c ? N(c, T) : X, Z1 = l ? N(l, T) : n1, J = o && Z1 ? `${a}px ${n} ${Z1}` : "none", Q = q1(E, T), i1 = E1(I, T), m1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10662,10 +10662,10 @@ const f0 = ({
               ...f ? {
                 border: "none",
                 borderRadius: 0,
-                borderBottom: q,
+                borderBottom: J,
                 boxShadow: "none"
               } : {
-                border: q
+                border: J
               },
               ...y
             },
@@ -10853,7 +10853,7 @@ const f0 = ({
   v1(() => {
     x && b.current && b.current.focus();
   }, [x]);
-  const n1 = s ? N(s, u) : A, t1 = c ? N(c, u) : G, r1 = l ? N(l, u) : X, Z1 = o && r1 ? `${a}px ${n} ${r1}` : "none", q = q1(M, u), Q = E1(C, u), i1 = {
+  const n1 = s ? N(s, u) : A, t1 = c ? N(c, u) : G, r1 = l ? N(l, u) : X, Z1 = o && r1 ? `${a}px ${n} ${r1}` : "none", J = q1(M, u), Q = E1(C, u), i1 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10930,7 +10930,7 @@ const f0 = ({
               flexDirection: "column",
               backgroundColor: h ? N("cool-gray-1", u) : n1,
               color: h ? N("cool-gray-3", u) : t1,
-              ...q,
+              ...J,
               width: "100%",
               padding: i1.padding,
               boxShadow: Q,
@@ -11188,7 +11188,7 @@ const f0 = ({
                 border: o,
                 fallback: E ? "error" : O === G ? "focus" : "default",
                 componentType: "input"
-              }), r1 = s ? N(s, _) : X, Z1 = l ? N(l, _) : t1, q = o && Z1 ? `${a}px ${n} ${Z1}` : "none";
+              }), r1 = s ? N(s, _) : X, Z1 = l ? N(l, _) : t1, J = o && Z1 ? `${a}px ${n} ${Z1}` : "none";
               return /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -11204,10 +11204,10 @@ const f0 = ({
                     ...f ? {
                       border: "none",
                       borderRadius: 0,
-                      borderBottom: q,
+                      borderBottom: J,
                       boxShadow: "none"
                     } : {
-                      border: q,
+                      border: J,
                       ...i,
                       boxShadow: u
                     }
@@ -11332,7 +11332,7 @@ const E9 = ({
     height: t1,
     thumb: r1,
     fontSize: Z1
-  } = a ? G[k] : X[k], q = w || n1, Q = v || t1, i1 = (i - s) / (c - s) * 100;
+  } = a ? G[k] : X[k], J = w || n1, Q = v || t1, i1 = (i - s) / (c - s) * 100;
   v1(() => {
     R || u(o);
   }, [o, R]);
@@ -11437,7 +11437,7 @@ const E9 = ({
       className: o1("sud-slider", D),
       style: {
         position: "relative",
-        width: q,
+        width: J,
         height: Q,
         maxWidth: "100%",
         minWidth: 0,
@@ -11454,10 +11454,10 @@ const E9 = ({
             style: {
               position: "relative",
               background: N(y || "cool-gray-2", Z),
-              borderRadius: a ? q / 2 : Q / 2,
+              borderRadius: a ? J / 2 : Q / 2,
               maxWidth: "100%",
               maxHeight: "100%",
-              width: `${q}px`,
+              width: `${J}px`,
               height: `${Q}px`
             },
             children: [
@@ -11466,7 +11466,7 @@ const E9 = ({
                 {
                   className: "su-hover sud-slider__filled",
                   style: {
-                    borderRadius: a ? q / 2 : Q / 2,
+                    borderRadius: a ? J / 2 : Q / 2,
                     ...B1
                   }
                 }
@@ -12920,8 +12920,8 @@ const b3 = ({
     B(A), $(X);
     const n1 = (t1) => t1.hour && t1.minute && (!n || t1.second);
     if (!M && n1(X.startTime)) {
-      const t1 = j(A.startTime.hour, A.startTime.ampm), r1 = A.startTime.minute, Z1 = n ? A.startTime.second : 0, q = d1().hour(t1).minute(r1).second(Z1).toDate();
-      c == null || c(q);
+      const t1 = j(A.startTime.hour, A.startTime.ampm), r1 = A.startTime.minute, Z1 = n ? A.startTime.second : 0, J = d1().hour(t1).minute(r1).second(Z1).toDate();
+      c == null || c(J);
     }
     if (M && x === 0 && n1(X.startTime) && (y(1), w("hour")), M && x === 1 && n1(X.endTime)) {
       let t1 = d1().hour(j(A.startTime.hour, A.startTime.ampm)).minute(A.startTime.minute).second(n ? A.startTime.second : 0), r1 = d1().hour(j(A.endTime.hour, A.endTime.ampm)).minute(A.endTime.minute).second(n ? A.endTime.second : 0);
@@ -12944,8 +12944,8 @@ const b3 = ({
   }), P = (H, Y, A) => {
     const G = M && x === 1 ? "endTime" : "startTime";
     return /* @__PURE__ */ t.jsx("div", { style: { flex: 1, overflowY: "auto", maxHeight: 160, padding: 4 }, children: Y.map((X) => {
-      var q;
-      const n1 = X.toString().padStart(2, "0"), t1 = (q = W[G]) == null ? void 0 : q[A], r1 = t1 != null && t1 === X, Z1 = h && h[A] === X;
+      var J;
+      const n1 = X.toString().padStart(2, "0"), t1 = (J = W[G]) == null ? void 0 : J[A], r1 = t1 != null && t1 === X, Z1 = h && h[A] === X;
       return /* @__PURE__ */ t.jsx(
         "div",
         {