sud-ui 0.2.5 → 0.2.7

package/dist/index.js

@@ -54,7 +54,7 @@ function L2() {
         return r.$$typeof === P ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case y:
+        case b:
           return "Fragment";
         case C:
           return "Profiler";
@@ -112,7 +112,7 @@ function L2() {
       }
     }
     function l(r) {
-      if (r === y) return "<>";
+      if (r === b) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === H)
         return "<...>";
       try {
@@ -204,7 +204,7 @@ function L2() {
         var G = Object.keys(p).filter(function(c0) {
           return c0 !== "key";
         });
-        D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", b[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", y[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -215,7 +215,7 @@ React keys must be passed directly to JSX without using spread:
           A,
           G,
           A
-        ), b[A + D] = !0);
+        ), y[A + D] = !0);
       }
       if (A = null, g !== void 0 && (o(g), A = "" + g), u(p) && (o(p.key), A = "" + p.key), "key" in p) {
         g = {};
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     function m(r) {
       typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
     }
-    var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -250,8 +250,8 @@ React keys must be passed directly to JSX without using spread:
     var $, x = {}, F = j["react-stack-bottom-frame"].bind(
       j,
       a
-    )(), d = B(l(a)), b = {};
-    b1.Fragment = y, b1.jsx = function(r, p, g, D, U) {
+    )(), d = B(l(a)), y = {};
+    b1.Fragment = b, b1.jsx = function(r, p, g, D, U) {
       var T = 1e4 > k.recentlyCreatedOwnerStacks++;
       return i(
         r,
@@ -1014,13 +1014,13 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   style: m = {},
   ...j
 }) => {
-  const f = g0(), Z = z, { fontSize: y, fontWeight: O } = h1({ size: u, weight: v, theme: f }), C = h ? L(h, f) : void 0, w = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, _ = !w;
+  const f = g0(), Z = z, { fontSize: b, fontWeight: O } = h1({ size: u, weight: v, theme: f }), C = h ? L(h, f) : void 0, w = a || n && "IntelOneMono-Medium" || o && `GmarketSans${o}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, _ = !w;
   return /* @__PURE__ */ t.jsx(
     Z,
     {
       className: n0("sud-typography", i),
       style: {
-        fontSize: y,
+        fontSize: b,
         fontWeight: _ ? O : void 0,
         fontFamily: w,
         color: C,
@@ -1047,10 +1047,10 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   style: m = {},
   ...j
 }) => {
-  const f = g0(), { txtColor: Z, borColor: y } = i0({
+  const f = g0(), { txtColor: Z, borColor: b } = i0({
     border: n,
     fallback: v
-  }), O = a ? L(a, f) : Z, C = u ? L(u, f) : y, w = n && C ? `${o}px ${l} ${C}` : "none", _ = (R) => s ? i ? c === "top" ? { flex: R ? 0 : 1 } : c === "bottom" ? { flex: R ? 1 : 0 } : { flex: 1 } : c === "left" ? { flex: R ? 0 : 1 } : c === "right" ? { flex: R ? 1 : 0 } : { flex: 1 } : { flex: 1 };
+  }), O = a ? L(a, f) : Z, C = u ? L(u, f) : b, w = n && C ? `${o}px ${l} ${C}` : "none", _ = (R) => s ? i ? c === "top" ? { flex: R ? 0 : 1 } : c === "bottom" ? { flex: R ? 1 : 0 } : { flex: 1 } : c === "left" ? { flex: R ? 0 : 1 } : c === "right" ? { flex: R ? 1 : 0 } : { flex: 1 } : { flex: 1 };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1178,7 +1178,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   disabled: j = !1,
   loading: f = !1,
   loadingText: Z = "",
-  loadingType: y = "default",
+  loadingType: b = "default",
   loadingPosition: O = "right",
   shape: C = "rounded",
   shadow: w = "sm",
@@ -1193,7 +1193,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   const P = g0(), k = h0(), { bgColor: W, txtColor: Y, borColor: B } = i0({
     border: n,
     fallback: j ? "disabled" : c
-  }), $ = o ? L(o, P) : W, x = l ? L(l, P) : Y, F = a ? L(a, P) : B, d = n && F ? `${v}px ${u} ${F}` : "none", b = G0(C, P), r = D0(w, P);
+  }), $ = o ? L(o, P) : W, x = l ? L(l, P) : Y, F = a ? L(a, P) : B, d = n && F ? `${v}px ${u} ${F}` : "none", y = G0(C, P), r = D0(w, P);
   let p = {};
   typeof V == "string" && (V === "sm" ? p = { padding: "4px 10px", fontSize: "0.875rem" } : V === "md" ? p = { padding: "6px 16px", fontSize: "1rem" } : V === "lg" && (p = { padding: "10px 20px", fontSize: "1.125rem" })), v0(() => {
     B2("sud-button-styles", V2);
@@ -1221,7 +1221,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         color: x,
         border: d,
         boxShadow: c === "text" ? "none" : r,
-        ...b,
+        ...y,
         ...p,
         ..._
       },
@@ -1239,7 +1239,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
           {
             className: n0(
               "sud-button__spinner",
-              r2(y)
+              r2(b)
             ),
             style: {
               borderColor: x,
@@ -1255,7 +1255,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
           {
             className: n0(
               "sud-button__spinner",
-              r2(y)
+              r2(b)
             ),
             style: {
               borderColor: x,
@@ -1310,7 +1310,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   divider: j = !1,
   background: f,
   color: Z,
-  border: y = !0,
+  border: b = !0,
   borderColor: O,
   borderType: C = "solid",
   borderWeight: w = 1,
@@ -1327,7 +1327,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   onConfirm: Y,
   ...B
 }) => {
-  const $ = g0(), [x, F] = q(v), d = h0(null), b = h0(null), r = H || b, p = h0(null), g = h0({}), [D, U] = q(!1), [T, I] = q({
+  const $ = g0(), [x, F] = q(v), d = h0(null), y = h0(null), r = H || y, p = h0(null), g = h0({}), [D, U] = q(!1), [T, I] = q({
     position: "fixed",
     top: "-9999px",
     left: "-9999px",
@@ -1338,8 +1338,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   }), [E, A] = q(!1), G = u !== void 0, X = G ? u : x;
   v0(() => (U(!0), () => U(!1)), []);
   const c0 = Z0(
-    (s0) => {
-      if (G || F(s0), z == null || z(s0), !s0 && (A(!1), r.current)) {
+    (r0) => {
+      if (G || F(r0), z == null || z(r0), !r0 && (A(!1), r.current)) {
         const M0 = M1.get(r.current);
         M0 && M0.forEach((_0) => {
           var J0, H0;
@@ -1375,18 +1375,18 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   };
   v0(() => {
     if (n !== "click" || !X) return;
-    const s0 = (M0) => {
+    const r0 = (M0) => {
       var _0, $0;
       !((_0 = d.current) != null && _0.contains(M0.target)) && !(($0 = r.current) != null && $0.contains(M0.target)) && l0();
     };
-    return document.addEventListener("click", s0, !0), () => document.removeEventListener("mousedown", s0);
+    return document.addEventListener("click", r0, !0), () => document.removeEventListener("mousedown", r0);
   }, [n, X, l0]);
   const { bgColor: d0, txtColor: C0, borColor: R0 } = i0({
-    border: y,
+    border: b,
     fallback: M
-  }), w0 = f ? L(f, $) : d0, F0 = Z ? L(Z, $) : C0, S0 = O ? L(O, $) : R0, N0 = y && S0 ? `${w}px ${C} ${S0}` : "none", X0 = D0(R, $), I0 = G0(_), k0 = Z0(() => {
+  }), w0 = f ? L(f, $) : d0, F0 = Z ? L(Z, $) : C0, S0 = O ? L(O, $) : R0, N0 = b && S0 ? `${w}px ${C} ${S0}` : "none", X0 = D0(R, $), I0 = G0(_), k0 = Z0(() => {
     if (!d.current || !r.current) return {};
-    const s0 = d.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, $0 = window.scrollX || document.documentElement.scrollLeft, J0 = {
+    const r0 = d.current.getBoundingClientRect(), M0 = r.current.getBoundingClientRect(), _0 = window.scrollY || document.documentElement.scrollTop, $0 = window.scrollX || document.documentElement.scrollLeft, J0 = {
       position: "fixed",
       zIndex: 1e3,
       transition: "opacity 0.2s ease"
@@ -1395,29 +1395,29 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     switch (a) {
       case "top":
         H0 = {
-          top: s0.top - M0.height - c1 - F1 + _0,
-          left: s0.left + s0.width / 2 + $0,
+          top: r0.top - M0.height - c1 - F1 + _0,
+          left: r0.left + r0.width / 2 + $0,
           transform: "translateX(-50%)"
         };
         break;
       case "bottom":
         H0 = {
-          top: s0.bottom + c1 + F1 + _0,
-          left: s0.left + s0.width / 2 + $0,
+          top: r0.bottom + c1 + F1 + _0,
+          left: r0.left + r0.width / 2 + $0,
           transform: "translateX(-50%)"
         };
         break;
       case "left":
         H0 = {
-          top: s0.top + s0.height / 2 + _0,
-          left: s0.left - M0.width - c1 - F1 + $0,
+          top: r0.top + r0.height / 2 + _0,
+          left: r0.left - M0.width - c1 - F1 + $0,
           transform: "translateY(-50%)"
         };
         break;
       case "right":
         H0 = {
-          top: s0.top + s0.height / 2 + _0,
-          left: s0.right + c1 + F1 + $0,
+          top: r0.top + r0.height / 2 + _0,
+          left: r0.right + c1 + F1 + $0,
           transform: "translateY(-50%)"
         };
         break;
@@ -1428,14 +1428,14 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   }, [a]);
   o1(() => {
     if (X && r.current && d.current && !E) {
-      const s0 = k0();
+      const r0 = k0();
       I({
-        ...s0,
+        ...r0,
         opacity: 1,
         pointerEvents: "auto"
       }), A(!0);
-    } else X || I((s0) => ({
-      ...s0,
+    } else X || I((r0) => ({
+      ...r0,
       top: "-9999px",
       left: "-9999px",
       opacity: 0,
@@ -1443,7 +1443,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     }));
   }, [X, E, k0]), v0(() => {
     if (!X) return;
-    const s0 = () => {
+    const r0 = () => {
       const M0 = k0();
       I((_0) => ({
         ..._0,
@@ -1452,13 +1452,13 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         pointerEvents: "auto"
       }));
     };
-    return window.addEventListener("scroll", s0, !0), window.addEventListener("resize", s0), () => {
-      window.removeEventListener("scroll", s0, !0), window.removeEventListener("resize", s0);
+    return window.addEventListener("scroll", r0, !0), window.addEventListener("resize", r0), () => {
+      window.removeEventListener("scroll", r0, !0), window.removeEventListener("resize", r0);
     };
   }, [X, k0]);
   const A0 = Z0(
-    ({ type: s0 = "background" }) => {
-      const M0 = s0 === "border", _0 = S0 && w > 0, $0 = c1 * 2 + (_0 ? w * 2 : 0), J0 = Math.sqrt(w * w * 2), H0 = !M0 && _0 ? J0 : 0, P0 = {
+    ({ type: r0 = "background" }) => {
+      const M0 = r0 === "border", _0 = S0 && w > 0, $0 = c1 * 2 + (_0 ? w * 2 : 0), J0 = Math.sqrt(w * w * 2), H0 = !M0 && _0 ? J0 : 0, P0 = {
         bottom: `linear-gradient(135deg, ${w0} 50%, transparent 50%)`,
         top: `linear-gradient(-45deg, ${w0} 50%, transparent 50%)`,
         left: `linear-gradient(225deg, ${w0} 50%, transparent 50%)`,
@@ -1509,7 +1509,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   );
   return v0(() => {
     if (n !== "hover") return;
-    const s0 = (M0) => {
+    const r0 = (M0) => {
       var P0, Q0;
       const _0 = document.elementFromPoint(M0.clientX, M0.clientY), $0 = (P0 = d.current) == null ? void 0 : P0.contains(_0), J0 = (Q0 = r.current) == null ? void 0 : Q0.contains(_0), H0 = I2(
         r,
@@ -1525,14 +1525,14 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
         l0();
       }, 100)) : (clearTimeout(p.current), p.current = null);
     };
-    return document.addEventListener("pointermove", s0), () => {
-      document.removeEventListener("pointermove", s0), clearTimeout(p.current);
+    return document.addEventListener("pointermove", r0), () => {
+      document.removeEventListener("pointermove", r0), clearTimeout(p.current);
     };
   }, [n, X, f0, l0]), v0(() => {
     if (n === "hover" && (z1.add(r), V)) {
       A1.set(r, V);
-      const s0 = M1.get(V) || /* @__PURE__ */ new Set();
-      s0.add(g.current), M1.set(V, s0);
+      const r0 = M1.get(V) || /* @__PURE__ */ new Set();
+      r0.add(g.current), M1.set(V, r0);
     }
     return r.current && (r.current.popupInstance = {
       show: f0,
@@ -1543,8 +1543,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
     }), () => {
       if (n === "hover") {
         if (z1.delete(r), A1.delete(r), V) {
-          const s0 = M1.get(V);
-          s0 && (s0.delete(g.current), s0.size === 0 && M1.delete(V));
+          const r0 = M1.get(V);
+          r0 && (r0.delete(g.current), r0.size === 0 && M1.delete(V));
         }
         p.current && (clearTimeout(p.current), p.current = null);
       }
@@ -1561,8 +1561,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
           {
             ref: d,
             onClick: n === "click" ? y0 : void 0,
-            onContextMenu: n === "contextMenu" ? (s0) => {
-              s0.preventDefault(), y0();
+            onContextMenu: n === "contextMenu" ? (r0) => {
+              r0.preventDefault(), y0();
             } : void 0,
             children: s
           }
@@ -1573,8 +1573,8 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
             {
               ref: r,
               style: T,
-              onClick: (s0) => {
-                s0.stopPropagation(), h && l0();
+              onClick: (r0) => {
+                r0.stopPropagation(), h && l0();
               },
               onMouseEnter: () => {
                 p.current && (clearTimeout(p.current), p.current = null);
@@ -1683,7 +1683,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   borderWeight: j = 1,
   shadow: f = "none",
   style: Z = {},
-  className: y = "",
+  className: b = "",
   onClick: O,
   onKeyDown: C,
   tabIndex: w = 0,
@@ -1724,7 +1724,7 @@ const r2 = (s = "") => `loading-spinner ${s ? `${s}-spin` : ""}`, S1 = (s) => {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `sud-avatar ${y}`,
+      className: `sud-avatar ${b}`,
       role: "img",
       "aria-label": o || "아바타 이미지",
       tabIndex: O ? w : void 0,
@@ -1768,7 +1768,7 @@ w1.Group = ({
   style: j,
   className: f,
   zIndexStart: Z = 10,
-  gap: y = 0.6,
+  gap: b = 0.6,
   "aria-label": O = "아바타 그룹"
 }) => {
   const C = s.slice(0, c), w = s.slice(c), _ = z0(() => {
@@ -1779,8 +1779,8 @@ w1.Group = ({
       lg: 56,
       xl: 64
     }[o];
-    return Math.floor(M * y);
-  }, [o, y]), R = typeof o == "number" ? o : L1[o] || L1.md;
+    return Math.floor(M * b);
+  }, [o, b]), R = typeof o == "number" ? o : L1[o] || L1.md;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1963,7 +1963,7 @@ const W2 = {
   borderWeight: j = 1,
   shadow: f = "none",
   size: Z = "sm",
-  offsetRatio: y = 0.25,
+  offsetRatio: b = 0.25,
   label: O = !1,
   className: C = "",
   style: w = {},
@@ -1993,7 +1993,7 @@ const W2 = {
             "aria-live": "polite",
             style: {
               position: "absolute",
-              ...Y2(n, Z, o, y, O),
+              ...Y2(n, Z, o, b, O),
               borderRadius: z === "rounded" ? 4 : z === "square" ? 0 : 999,
               background: P,
               color: k,
@@ -2018,7 +2018,7 @@ function G2() {
     (function(o, l) {
       s.exports = l();
     })(U2, function() {
-      var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", v = "minute", z = "hour", h = "day", i = "week", m = "month", j = "quarter", f = "year", Z = "date", y = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, C = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, w = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(B) {
+      var o = 1e3, l = 6e4, n = 36e5, a = "millisecond", u = "second", v = "minute", z = "hour", h = "day", i = "week", m = "month", j = "quarter", f = "year", Z = "date", b = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, C = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, w = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(B) {
         var $ = ["th", "st", "nd", "rd"], x = B % 100;
         return "[" + B + ($[(x - 20) % 10] || $[x] || $[0]) + "]";
       } }, _ = function(B, $, x) {
@@ -2029,8 +2029,8 @@ function G2() {
         return ($ <= 0 ? "+" : "-") + _(F, 2, "0") + ":" + _(d, 2, "0");
       }, m: function B($, x) {
         if ($.date() < x.date()) return -B(x, $);
-        var F = 12 * (x.year() - $.year()) + (x.month() - $.month()), d = $.clone().add(F, m), b = x - d < 0, r = $.clone().add(F + (b ? -1 : 1), m);
-        return +(-(F + (x - d) / (b ? d - r : r - d)) || 0);
+        var F = 12 * (x.year() - $.year()) + (x.month() - $.month()), d = $.clone().add(F, m), y = x - d < 0, r = $.clone().add(F + (y ? -1 : 1), m);
+        return +(-(F + (x - d) / (y ? d - r : r - d)) || 0);
       }, a: function(B) {
         return B < 0 ? Math.ceil(B) || 0 : Math.floor(B);
       }, p: function(B) {
@@ -2045,8 +2045,8 @@ function G2() {
         var d;
         if (!$) return M;
         if (typeof $ == "string") {
-          var b = $.toLowerCase();
-          S[b] && (d = b), x && (S[b] = x, d = b);
+          var y = $.toLowerCase();
+          S[y] && (d = y), x && (S[y] = x, d = y);
           var r = $.split("-");
           if (!d && r.length > 1) return B(r[0]);
         } else {
@@ -2069,7 +2069,7 @@ function G2() {
         var $ = B.prototype;
         return $.parse = function(x) {
           this.$d = function(F) {
-            var d = F.date, b = F.utc;
+            var d = F.date, y = F.utc;
             if (d === null) return /* @__PURE__ */ new Date(NaN);
             if (k.u(d)) return /* @__PURE__ */ new Date();
             if (d instanceof Date) return new Date(d);
@@ -2077,7 +2077,7 @@ function G2() {
               var r = d.match(O);
               if (r) {
                 var p = r[2] - 1 || 0, g = (r[7] || "0").substring(0, 3);
-                return b ? new Date(Date.UTC(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g)) : new Date(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g);
+                return y ? new Date(Date.UTC(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g)) : new Date(r[1], p, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, g);
               }
             }
             return new Date(d);
@@ -2088,7 +2088,7 @@ function G2() {
         }, $.$utils = function() {
           return k;
         }, $.isValid = function() {
-          return this.$d.toString() !== y;
+          return this.$d.toString() !== b;
         }, $.isSame = function(x, F) {
           var d = P(x);
           return this.startOf(F) <= d && d <= this.endOf(F);
@@ -2103,20 +2103,20 @@ function G2() {
         }, $.valueOf = function() {
           return this.$d.getTime();
         }, $.startOf = function(x, F) {
-          var d = this, b = !!k.u(F) || F, r = k.p(x), p = function(G, X) {
+          var d = this, y = !!k.u(F) || F, r = k.p(x), p = function(G, X) {
             var c0 = k.w(d.$u ? Date.UTC(d.$y, X, G) : new Date(d.$y, X, G), d);
-            return b ? c0 : c0.endOf(h);
+            return y ? c0 : c0.endOf(h);
           }, g = function(G, X) {
-            return k.w(d.toDate()[G].apply(d.toDate("s"), (b ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), d);
+            return k.w(d.toDate()[G].apply(d.toDate("s"), (y ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(X)), d);
           }, D = this.$W, U = this.$M, T = this.$D, I = "set" + (this.$u ? "UTC" : "");
           switch (r) {
             case f:
-              return b ? p(1, 0) : p(31, 11);
+              return y ? p(1, 0) : p(31, 11);
             case m:
-              return b ? p(1, U) : p(0, U + 1);
+              return y ? p(1, U) : p(0, U + 1);
             case i:
               var E = this.$locale().weekStart || 0, A = (D < E ? D + 7 : D) - E;
-              return p(b ? T - A : T + (6 - A), U);
+              return p(y ? T - A : T + (6 - A), U);
             case h:
             case Z:
               return g(I + "Hours", 0);
@@ -2132,8 +2132,8 @@ function G2() {
         }, $.endOf = function(x) {
           return this.startOf(x, !1);
         }, $.$set = function(x, F) {
-          var d, b = k.p(x), r = "set" + (this.$u ? "UTC" : ""), p = (d = {}, d[h] = r + "Date", d[Z] = r + "Date", d[m] = r + "Month", d[f] = r + "FullYear", d[z] = r + "Hours", d[v] = r + "Minutes", d[u] = r + "Seconds", d[a] = r + "Milliseconds", d)[b], g = b === h ? this.$D + (F - this.$W) : F;
-          if (b === m || b === f) {
+          var d, y = k.p(x), r = "set" + (this.$u ? "UTC" : ""), p = (d = {}, d[h] = r + "Date", d[Z] = r + "Date", d[m] = r + "Month", d[f] = r + "FullYear", d[z] = r + "Hours", d[v] = r + "Minutes", d[u] = r + "Seconds", d[a] = r + "Milliseconds", d)[y], g = y === h ? this.$D + (F - this.$W) : F;
+          if (y === m || y === f) {
             var D = this.clone().set(Z, 1);
             D.$d[p](g), D.init(), this.$d = D.set(Z, Math.min(this.$D, D.daysInMonth())).$d;
           } else p && this.$d[p](g);
@@ -2143,11 +2143,11 @@ function G2() {
         }, $.get = function(x) {
           return this[k.p(x)]();
         }, $.add = function(x, F) {
-          var d, b = this;
+          var d, y = this;
           x = Number(x);
           var r = k.p(F), p = function(U) {
-            var T = P(b);
-            return k.w(T.date(T.date() + Math.round(U * x)), b);
+            var T = P(y);
+            return k.w(T.date(T.date() + Math.round(U * x)), y);
           };
           if (r === m) return this.set(m, this.$M + x);
           if (r === f) return this.set(f, this.$y + x);
@@ -2159,16 +2159,16 @@ function G2() {
           return this.add(-1 * x, F);
         }, $.format = function(x) {
           var F = this, d = this.$locale();
-          if (!this.isValid()) return d.invalidDate || y;
-          var b = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), p = this.$H, g = this.$m, D = this.$M, U = d.weekdays, T = d.months, I = d.meridiem, E = function(X, c0, f0, l0) {
-            return X && (X[c0] || X(F, b)) || f0[c0].slice(0, l0);
+          if (!this.isValid()) return d.invalidDate || b;
+          var y = x || "YYYY-MM-DDTHH:mm:ssZ", r = k.z(this), p = this.$H, g = this.$m, D = this.$M, U = d.weekdays, T = d.months, I = d.meridiem, E = function(X, c0, f0, l0) {
+            return X && (X[c0] || X(F, y)) || f0[c0].slice(0, l0);
           }, A = function(X) {
             return k.s(p % 12 || 12, X, "0");
           }, G = I || function(X, c0, f0) {
             var l0 = X < 12 ? "AM" : "PM";
             return f0 ? l0.toLowerCase() : l0;
           };
-          return b.replace(C, function(X, c0) {
+          return y.replace(C, function(X, c0) {
             return c0 || function(f0) {
               switch (f0) {
                 case "YY":
@@ -2226,46 +2226,46 @@ function G2() {
         }, $.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, $.diff = function(x, F, d) {
-          var b, r = this, p = k.p(F), g = P(x), D = (g.utcOffset() - this.utcOffset()) * l, U = this - g, T = function() {
+          var y, r = this, p = k.p(F), g = P(x), D = (g.utcOffset() - this.utcOffset()) * l, U = this - g, T = function() {
             return k.m(r, g);
           };
           switch (p) {
             case f:
-              b = T() / 12;
+              y = T() / 12;
               break;
             case m:
-              b = T();
+              y = T();
               break;
             case j:
-              b = T() / 3;
+              y = T() / 3;
               break;
             case i:
-              b = (U - D) / 6048e5;
+              y = (U - D) / 6048e5;
               break;
             case h:
-              b = (U - D) / 864e5;
+              y = (U - D) / 864e5;
               break;
             case z:
-              b = U / n;
+              y = U / n;
               break;
             case v:
-              b = U / l;
+              y = U / l;
               break;
             case u:
-              b = U / o;
+              y = U / o;
               break;
             default:
-              b = U;
+              y = U;
           }
-          return d ? b : k.a(b);
+          return d ? y : k.a(y);
         }, $.daysInMonth = function() {
           return this.endOf(m).$D;
         }, $.$locale = function() {
           return S[this.$L];
         }, $.locale = function(x, F) {
           if (!x) return this.$L;
-          var d = this.clone(), b = V(x, F, !0);
-          return b && (d.$L = b), d;
+          var d = this.clone(), y = V(x, F, !0);
+          return y && (d.$L = y), d;
         }, $.clone = function() {
           return k.w(this.$d, this);
         }, $.toDate = function() {
@@ -2381,7 +2381,7 @@ function J2() {
         return r.$$typeof === P ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case y:
+        case b:
           return "Fragment";
         case C:
           return "Profiler";
@@ -2439,7 +2439,7 @@ function J2() {
       }
     }
     function l(r) {
-      if (r === y) return "<>";
+      if (r === b) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === H)
         return "<...>";
       try {
@@ -2531,7 +2531,7 @@ function J2() {
         var G = Object.keys(p).filter(function(c0) {
           return c0 !== "key";
         });
-        D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", b[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", y[A + D] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -2542,7 +2542,7 @@ React keys must be passed directly to JSX without using spread:
           A,
           G,
           A
-        ), b[A + D] = !0);
+        ), y[A + D] = !0);
       }
       if (A = null, g !== void 0 && (o(g), A = "" + g), u(p) && (o(p.key), A = "" + p.key), "key" in p) {
         g = {};
@@ -2566,7 +2566,7 @@ React keys must be passed directly to JSX without using spread:
     function m(r) {
       typeof r == "object" && r !== null && r.$$typeof === f && r._store && (r._store.validated = 1);
     }
-    var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var j = B0, f = Symbol.for("react.transitional.element"), Z = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -2577,8 +2577,8 @@ React keys must be passed directly to JSX without using spread:
     var $, x = {}, F = j["react-stack-bottom-frame"].bind(
       j,
       a
-    )(), d = B(l(a)), b = {};
-    T1.Fragment = y, T1.jsx = function(r, p, g, D, U) {
+    )(), d = B(l(a)), y = {};
+    T1.Fragment = b, T1.jsx = function(r, p, g, D, U) {
       var T = 1e4 > k.recentlyCreatedOwnerStacks++;
       return i(
         r,
@@ -3744,7 +3744,7 @@ const i9 = {
   ] }),
   LogoutCircle: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M4.861024,14.9405509c.2828369-.1414186.2828368-.282837.4242552-.4242555l-.0000005-1.5556641,5.5154419-.0000019c.5656738-.0000002.9899291-.4242557.9899289-.9899295s-.4242557-.9899291-.9899295-.9899289l-5.5154419.0000019-.0000005-1.5556641c0-.2828369-.1414186-.4242553-.4242555-.4242552s-.4242554.0000001-.5656738.1414187l-1.9799186,2.5455939c-.1414184.1414185-.1414183.4242554.0000002.5656738l1.9799203,2.5455926c.1414185.1414184.282837.2828368.5656739.1414183Z" }),
-    /* @__PURE__ */ e.jsx("path", { d: "M17.4990234,22H6.5009766c-1.3789062,0-2.5009766-1.1220703-2.5009766-2.5009766v-2.4990234c0-.5522461.4477539-1,1-1s1,.4477539,1,1v2.4990234c0,.2763672.2246094.5009766.5009766.5009766h10.9980469c.2763672,0,.5009766-.2246094.5009766-.5009766V4.5009766c0-.2763672-.2246094-.5009766-.5009766-.5009766H6.5009766c-.2763672,0-.5009766.2246094-.5009766.5009766v2.4990234c0,.5522461-.4477539,1-1,1s-1-.4477539-1-1v-2.4990234c0-1.3789062,1.1220703-2.5009766,2.5009766-2.5009766h10.9980469c1.3789062,0,2.5009766,1.1220703,2.5009766,2.5009766v14.9980469c0,1.3789062-1.1220703,2.5009766-2.5009766,2.5009766Z" })
+    /* @__PURE__ */ e.jsx("path", { d: "M12,2c-2.6713867,0-5.1826172,1.0405273-7.0708008,2.9291992-.390625.390625-.390625,1.0239258,0,1.4140625.390625.390625,1.0234375.390625,1.4140625,0,1.5107422-1.5112305,3.5195312-2.3432617,5.6567383-2.3432617,4.4111328,0,8,3.5888672,8,8s-3.5888672,8-8,8c-2.137207,0-4.1459961-.8320312-5.6567383-2.3432617-.390625-.390625-1.0234375-.390625-1.4140625,0-.390625.3901367-.390625,1.0234375,0,1.4140625,1.8881836,1.8886719,4.3994141,2.9291992,7.0708008,2.9291992,5.5141602,0,10-4.4858398,10-10S17.5141602,2,12,2Z" })
   ] }),
   LoginBox: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx("path", { d: "M9.1389922,9.0594305c-.2828369.1414185-.2828369.2828369-.4242554.4242554v1.5556641s-5.5154418.0000002-5.5154418.0000002c-.5656738,0-.9899292.4242554-.9899292.9899292,0,.5656738.4242554.9899292.9899292.9899292l5.5154419-.0000002v1.5556641c0,.2828369.1414185.4242554.4242554.4242554s.4242554,0,.5656738-.1414185l1.9799193-2.5455933c.1414185-.1414185.1414184-.4242554,0-.5656738l-1.9799195-2.5455932c-.1414185-.1414185-.2828369-.2828369-.5656738-.1414185Z" }),
@@ -4899,7 +4899,7 @@ const b9 = {
     /* @__PURE__ */ e.jsx("path", { d: "M14,19h-4c-.5522461,0-1-.4477539-1-1s.4477539-1,1-1h4c.5522461,0,1,.4477539,1,1s-.4477539,1-1,1Z" }),
     /* @__PURE__ */ e.jsx("path", { d: "M12,7c-.2602539,0-.5200195-.1103516-.7099609-.2900391-.1801758-.1899414-.2900391-.4399414-.2900391-.7099609s.1098633-.5200195.2900391-.7099609c.3696289-.3701172,1.0498047-.3701172,1.4199219,0,.1796875.1899414.2900391.4399414.2900391.7099609s-.1103516.5200195-.2900391.7099609c-.1899414.1796875-.4501953.2900391-.7099609.2900391Z" })
   ] })
-}, r0 = Object.entries(b9).reduce((s, [c, o]) => {
+}, s0 = Object.entries(b9).reduce((s, [c, o]) => {
   const l = ({ size: n = 24, color: a, style: u = {}, ...v }) => /* @__PURE__ */ e.jsx(
     "svg",
     {
@@ -4916,63 +4916,63 @@ const b9 = {
   );
   return l.displayName = c, s[c] = l, s;
 }, {});
-r0.ClockFill;
-const M9 = r0.ClockOutline;
-r0.TimerOutline;
-r0.AngleDownBoxFill;
-r0.AngleDownBoxOutline;
-r0.AngleLeftBoxFill;
-r0.AngleLeftBoxOutline;
-r0.AngleRightBoxFill;
-r0.AngleRightBoxOutline;
-r0.AngleUpBoxFill;
-r0.AngleUpBoxOutline;
-r0.MinusBoxFill;
-r0.MinusBoxOutline;
-r0.PlusBoxFill;
-r0.PlusBoxOutline;
-r0.TriangleDownBoxFill;
-r0.TriangleDownBoxOutline;
-r0.TriangleLeftBoxFill;
-r0.TriangleLeftBoxOutline;
-r0.TriangleRightBoxFill;
-r0.TriangleRightBoxOutline;
-r0.TriangleUpBoxFill;
-r0.TriangleUpBoxOutline;
-r0.AngleDownCircleFill;
-r0.AngleDownCircleOutline;
-r0.AngleLeftCircleFill;
-r0.AngleLeftCircleOutline;
-r0.AngleRightCircleFill;
-r0.AngleRightCircleOutline;
-r0.AngleUpCircleFill;
-r0.AngleUpCircleOutline;
-r0.MinusCircleFill;
-r0.MinusCircleOutline;
-r0.PlusCircleFill;
-r0.PlusCircleOutline;
-r0.TriangleDownCircleFill;
-r0.TriangleDownCircleOutline;
-r0.TriangleLeftCircleFill;
-r0.TriangleLeftCircleOutline;
-r0.TriangleRightCircleFill;
-r0.TriangleRightCircleOutline;
-r0.TriangleUpCircleFill;
-r0.TriangleUpCircleOutline;
-r0.CopyFill;
-r0.CopyOutline;
-r0.XMarkBoxFill;
-r0.XMarkBoxOutline;
-r0.MonitorFill;
-r0.MonitorOutline;
-r0.MouseFill;
-r0.MouseOutline;
-r0.KeyboardFill;
-r0.KeyboardOutline;
-r0.PhoneFill;
-r0.PhoneOutline;
-r0.SmartphoneFill;
-r0.SmartphoneOutline;
+s0.ClockFill;
+const M9 = s0.ClockOutline;
+s0.TimerOutline;
+s0.AngleDownBoxFill;
+s0.AngleDownBoxOutline;
+s0.AngleLeftBoxFill;
+s0.AngleLeftBoxOutline;
+s0.AngleRightBoxFill;
+s0.AngleRightBoxOutline;
+s0.AngleUpBoxFill;
+s0.AngleUpBoxOutline;
+s0.MinusBoxFill;
+s0.MinusBoxOutline;
+s0.PlusBoxFill;
+s0.PlusBoxOutline;
+s0.TriangleDownBoxFill;
+s0.TriangleDownBoxOutline;
+s0.TriangleLeftBoxFill;
+s0.TriangleLeftBoxOutline;
+s0.TriangleRightBoxFill;
+s0.TriangleRightBoxOutline;
+s0.TriangleUpBoxFill;
+s0.TriangleUpBoxOutline;
+s0.AngleDownCircleFill;
+s0.AngleDownCircleOutline;
+s0.AngleLeftCircleFill;
+s0.AngleLeftCircleOutline;
+s0.AngleRightCircleFill;
+s0.AngleRightCircleOutline;
+s0.AngleUpCircleFill;
+s0.AngleUpCircleOutline;
+s0.MinusCircleFill;
+s0.MinusCircleOutline;
+s0.PlusCircleFill;
+s0.PlusCircleOutline;
+s0.TriangleDownCircleFill;
+s0.TriangleDownCircleOutline;
+s0.TriangleLeftCircleFill;
+s0.TriangleLeftCircleOutline;
+s0.TriangleRightCircleFill;
+s0.TriangleRightCircleOutline;
+s0.TriangleUpCircleFill;
+s0.TriangleUpCircleOutline;
+s0.CopyFill;
+s0.CopyOutline;
+s0.XMarkBoxFill;
+s0.XMarkBoxOutline;
+s0.MonitorFill;
+s0.MonitorOutline;
+s0.MouseFill;
+s0.MouseOutline;
+s0.KeyboardFill;
+s0.KeyboardOutline;
+s0.PhoneFill;
+s0.PhoneOutline;
+s0.SmartphoneFill;
+s0.SmartphoneOutline;
 const C9 = {
   LogoDocker: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -5800,7 +5800,7 @@ const m1 = ({
   shape: j = "rounded",
   shadow: f = "none",
   border: Z = !0,
-  size: y = "sm",
+  size: b = "sm",
   // 기본값 sm
   style: O = {},
   ...C
@@ -5818,10 +5818,10 @@ const m1 = ({
     md: "4px 8px",
     lg: "6px 10px"
   }, B = {
-    fontSize: W[y] || w.typography.fontSize.base,
-    padding: Y[y] || "4px 8px",
-    iconSize: y === "sm" ? 6 : y === "md" ? 7 : 8,
-    buttonSize: y === "sm" ? 12 : y === "md" ? 14 : 16
+    fontSize: W[b] || w.typography.fontSize.base,
+    padding: Y[b] || "4px 8px",
+    iconSize: b === "sm" ? 6 : b === "md" ? 7 : 8,
+    buttonSize: b === "sm" ? 12 : b === "md" ? 14 : 16
   }, $ = typeof s == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "span", pretendard: "L", className: "sud-tag__label", children: s }) : s;
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -5890,7 +5890,7 @@ const m1 = ({
   },
   shape: f = "rounded",
   shadow: Z = "sm",
-  size: y = "md",
+  size: b = "md",
   id: O,
   tagColorType: C = "default",
   colorType: w = "default",
@@ -5910,7 +5910,7 @@ const m1 = ({
   ariaRequired: x,
   ariaInvalid: F,
   ariaDescribedby: d,
-  ...b
+  ...y
 }) => {
   const r = g0(), [p, g] = q(!1), [D, U] = q(""), [T, I] = q(null), [E, A] = q(-1), [G, X] = q(!1), [c0, f0] = q({
     top: 0,
@@ -6036,13 +6036,11 @@ const m1 = ({
     border: o,
     fallback: M ? "error" : G ? "focus" : "default",
     componentType: "input"
-  }), s0 = s ? L(s, r) : I0;
-  console.log("finalBgColor:", s0);
-  const M0 = c ? L(c, r) : k0, _0 = l ? L(l, r) : A0, $0 = o && _0 ? `${a}px ${n} ${_0}` : "none", J0 = G0(f, r), H0 = D0(Z, r), P0 = {
+  }), r0 = s ? L(s, r) : I0, M0 = c ? L(c, r) : k0, _0 = l ? L(l, r) : A0, $0 = o && _0 ? `${a}px ${n} ${_0}` : "none", J0 = G0(f, r), H0 = D0(Z, r), P0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
-  }[y] || {}, Q0 = () => {
+  }[b] || {}, Q0 = () => {
     if (!k || !W) return null;
     const Q = Array.isArray(m) ? m.length : 0;
     return Q === 0 ? null : `${Q}개 선택됨`;
@@ -6058,7 +6056,7 @@ const m1 = ({
         minWidth: 0,
         ...i
       },
-      ...b,
+      ...y,
       children: [
         _ && /* @__PURE__ */ t.jsx(
           "label",
@@ -6091,7 +6089,7 @@ const m1 = ({
               display: "flex",
               alignItems: "center",
               gap: 4,
-              backgroundColor: N ? L("cool-gray-1", r) : s0,
+              backgroundColor: N ? L("cool-gray-1", r) : r0,
               color: N ? L("cool-gray-3", r) : M0,
               ...J0,
               width: "100%",
@@ -6144,7 +6142,7 @@ const m1 = ({
                         Array.isArray(C0) && C0.map((Q) => /* @__PURE__ */ t.jsx(
                           m1,
                           {
-                            size: y,
+                            size: b,
                             closeable: !0,
                             onClose: () => F0(Q),
                             colorType: C,
@@ -6270,7 +6268,7 @@ const m1 = ({
                 boxShadow: D0("md", r),
                 color: M0,
                 zIndex: 1500,
-                background: s0,
+                background: r0,
                 ...V
               },
               onClick: (Q) => {
@@ -6311,7 +6309,7 @@ const m1 = ({
                       padding: "8px 12px",
                       cursor: N ? "not-allowed" : "pointer",
                       fontSize: P0.fontSize,
-                      backgroundColor: V0 ? L("sky-1", r) : s0,
+                      backgroundColor: V0 ? L("sky-1", r) : r0,
                       transition: "background-color 0.2s ease"
                     },
                     onMouseEnter: (E0) => {
@@ -6321,7 +6319,7 @@ const m1 = ({
                       ));
                     },
                     onMouseLeave: (E0) => {
-                      V0 || (E0.currentTarget.style.backgroundColor = s0);
+                      V0 || (E0.currentTarget.style.backgroundColor = r0);
                     },
                     children: Q.label
                   },
@@ -6372,7 +6370,7 @@ const m1 = ({
   borderWeight: j,
   shadow: f,
   shape: Z = "rounded",
-  style: y = {},
+  style: b = {},
   className: O = "",
   name: C = "segmented-control",
   ...w
@@ -6398,7 +6396,7 @@ const m1 = ({
         padding: 3,
         width: a ? "100%" : "fit-content",
         boxShadow: V,
-        ...y
+        ...b
       },
       ...w,
       children: s.map((k, W) => {
@@ -6449,7 +6447,7 @@ const m1 = ({
   color: f = "neutral-8",
   ...Z
 }) => {
-  const y = s ? g1(s, { size: o }) : null;
+  const b = s ? g1(s, { size: o }) : null;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -6467,7 +6465,7 @@ const m1 = ({
       "aria-label": "데이터가 없습니다",
       ...Z,
       children: [
-        /* @__PURE__ */ t.jsx(Z1, { color: l, children: y ?? defaultIcon }),
+        /* @__PURE__ */ t.jsx(Z1, { color: l, children: b ?? defaultIcon }),
         /* @__PURE__ */ t.jsx(
           t0,
           {
@@ -6502,7 +6500,7 @@ const m1 = ({
   shadow: j = "sm",
   width: f,
   height: Z,
-  thumbHeight: y,
+  thumbHeight: b,
   className: O = "",
   style: C = {},
   variant: w = "card",
@@ -6573,7 +6571,7 @@ const m1 = ({
             className: `sud-${w}__thumbnail`,
             style: {
               width: "100%",
-              height: y || "auto",
+              height: b || "auto",
               overflow: "hidden"
             },
             children: typeof l == "string" ? /* @__PURE__ */ t.jsx(
@@ -6689,7 +6687,7 @@ const m1 = ({
   hoverBackground: j,
   color: f,
   border: Z = !0,
-  borderColor: y,
+  borderColor: b,
   borderType: O = "solid",
   borderWeight: C = 1,
   width: w,
@@ -6717,14 +6715,14 @@ const m1 = ({
       x0.disconnect();
     };
   }, [H]);
-  const [d, b] = q(S9[x]), [r, p] = q(a0(s || /* @__PURE__ */ new Date())), [g, D] = q(
+  const [d, y] = q(S9[x]), [r, p] = q(a0(s || /* @__PURE__ */ new Date())), [g, D] = q(
     S ? a0(S) : null
   ), [U, T] = q(N ? a0(N) : null), [I, E] = q(null), [A, G] = q(a0(s || /* @__PURE__ */ new Date())), [X, c0] = q(l), [f0, l0] = q(!1), [y0, K] = q(r.year()), [J, d0] = q(r.month()), [C0, R0] = q(r.date()), [w0, F0] = q(!1), S0 = () => {
     F0(!0), setTimeout(() => F0(!1), 150);
   }, N0 = (e0, x0, O0) => {
     const p0 = a0(new Date(e0, x0, O0));
     K(e0), d0(x0), R0(O0), p(p0), G(p0);
-  }, X0 = a0().year(), I0 = Array.from({ length: 201 }, (e0, x0) => X0 - 100 + x0), k0 = Array.from({ length: 12 }, (e0, x0) => x0), A0 = r.daysInMonth(), s0 = Array.from({ length: A0 }, (e0, x0) => x0 + 1);
+  }, X0 = a0().year(), I0 = Array.from({ length: 201 }, (e0, x0) => X0 - 100 + x0), k0 = Array.from({ length: 12 }, (e0, x0) => x0), A0 = r.daysInMonth(), r0 = Array.from({ length: A0 }, (e0, x0) => x0 + 1);
   v0(() => {
     s && (G(a0(s)), p(a0(s)));
   }, [s]), v0(() => {
@@ -6753,7 +6751,7 @@ const m1 = ({
     border: Z,
     fallback: i,
     componentType: "tag"
-  }), Q0 = m ? L(m, k) : J0, Q = L(j || "neutral-2", k), T0 = f ? L(f, k) : H0, V0 = y ? L(y, k) : P0, E0 = Z && V0 ? `${C}px ${O} ${V0}` : "none", K0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", k) : "inherit", e1 = (e0) => {
+  }), Q0 = m ? L(m, k) : J0, Q = L(j || "neutral-2", k), T0 = f ? L(f, k) : H0, V0 = b ? L(b, k) : P0, E0 = Z && V0 ? `${C}px ${O} ${V0}` : "none", K0 = (e0) => e0 === 0 || e0 === 6 ? L("red-6", k) : "inherit", e1 = (e0) => {
     if (X === "year") {
       const O0 = a0(e0).startOf("month");
       p(O0), c0("month");
@@ -7055,7 +7053,7 @@ const m1 = ({
                       {
                         value: r.date(),
                         onChange: (e0) => N0(y0, J, e0),
-                        options: s0.map((e0) => ({ label: `${e0}`, value: e0 })),
+                        options: r0.map((e0) => ({ label: `${e0}`, value: e0 })),
                         size: "sm",
                         style: { maxWidth: 60 }
                       }
@@ -7284,7 +7282,7 @@ const m1 = ({
   rightBtnIcon: f = /* @__PURE__ */ t.jsx(X1, { size: 30 }),
   effectType: Z = "fade",
   // "overlap" | "fade" | "slide" | "scale" | "stack"
-  drag: y = !0,
+  drag: b = !0,
   ...O
 }) => {
   const [C, w] = q(0), _ = h0(null), [R, M] = q({ width: 0, height: 0 }), S = h0(!1), N = h0(0), H = h0([]);
@@ -7296,8 +7294,8 @@ const m1 = ({
     M((F) => ({ ...F, maxItemHeight: x }));
   }, [s, C]), o1(() => {
     const x = new ResizeObserver(([F]) => {
-      const { width: d, height: b } = F.contentRect;
-      M({ width: d, height: b });
+      const { width: d, height: y } = F.contentRect;
+      M({ width: d, height: y });
     });
     return _.current && x.observe(_.current), () => x.disconnect();
   }, []);
@@ -7357,17 +7355,17 @@ const m1 = ({
           };
       }
     }
-    const b = Math.floor(d / 2) || 1;
+    const y = Math.floor(d / 2) || 1;
     let r = (x - C + F) % F;
     r > F / 2 && (r -= F);
     const p = Math.abs(r);
-    if (p > b)
+    if (p > y)
       return {
         opacity: 0,
         transform: "scale(0)",
         zIndex: 0
       };
-    const g = V * 1.2, D = r * (g / b), U = 1 - a * (p / b), T = 1 - u * (p / b), I = d - p;
+    const g = V * 1.2, D = r * (g / y), U = 1 - a * (p / y), T = 1 - u * (p / y), I = d - p;
     switch (Z) {
       case "fade":
         return {
@@ -7419,7 +7417,7 @@ const m1 = ({
       className: n0("sud-carousel", h),
       style: {
         overflow: "hidden",
-        cursor: y ? "grab" : "default",
+        cursor: b ? "grab" : "default",
         userSelect: "none",
         touchAction: "pan-y pinch-zoom",
         position: "relative",
@@ -7433,13 +7431,13 @@ const m1 = ({
         // 기본 최소 높이
         ...i
       },
-      onMouseDown: y ? W : void 0,
-      onMouseMove: y ? Y : void 0,
-      onMouseUp: y ? B : void 0,
-      onMouseLeave: y ? B : void 0,
-      onTouchStart: y ? W : void 0,
-      onTouchMove: y ? Y : void 0,
-      onTouchEnd: y ? B : void 0,
+      onMouseDown: b ? W : void 0,
+      onMouseMove: b ? Y : void 0,
+      onMouseUp: b ? B : void 0,
+      onMouseLeave: b ? B : void 0,
+      onTouchStart: b ? W : void 0,
+      onTouchMove: b ? Y : void 0,
+      onTouchEnd: b ? B : void 0,
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": "캐러셀",
@@ -7532,7 +7530,7 @@ const m1 = ({
   contentBackground: j,
   contentColor: f,
   shadow: Z = "sm",
-  disabledKeys: y = [],
+  disabledKeys: b = [],
   className: O = "",
   size: C = "md",
   shape: w = "rounded",
@@ -7552,7 +7550,7 @@ const m1 = ({
   }), { bgColor: Y, txtColor: B } = i0({
     border: !1,
     fallback: m
-  }), $ = h ? L(h, M) : P, x = i ? L(i, M) : W, F = a ? L(a, M) : k, d = j ? L(j, M) : Y, b = f ? L(f, M) : B, r = n && F ? `${v}px ${u} ${F}` : "none", { bgColor: p, txtColor: g } = i0({
+  }), $ = h ? L(h, M) : P, x = i ? L(i, M) : W, F = a ? L(a, M) : k, d = j ? L(j, M) : Y, y = f ? L(f, M) : B, r = n && F ? `${v}px ${u} ${F}` : "none", { bgColor: p, txtColor: g } = i0({
     border: !1,
     fallback: "disabled"
   }), D = D0(Z, M), U = G0(w, M), T = M.spacing[C] || M.spacing.md, I = M.typography.fontSize[C === "md" ? "base" : C] || M.typography.fontSize.base;
@@ -7569,7 +7567,7 @@ const m1 = ({
       },
       ...R,
       children: s.map((E, A) => {
-        const G = H.includes(E.key), X = y.includes(E.key);
+        const G = H.includes(E.key), X = b.includes(E.key);
         return /* @__PURE__ */ t.jsxs(
           "div",
           {
@@ -7639,11 +7637,11 @@ const m1 = ({
                     transition: "all 0.3s ease",
                     padding: G ? `${T} ${T}` : `0 ${T}`,
                     background: d,
-                    color: b
+                    color: y
                   },
                   role: "region",
                   "aria-hidden": !G,
-                  children: typeof E.children == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "div", size: "sm", color: b, children: E.children }) : E.children
+                  children: typeof E.children == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "div", size: "sm", color: y, children: E.children }) : E.children
                 }
               )
             ]
@@ -7669,7 +7667,7 @@ const m1 = ({
   borderType: j = "solid",
   borderWeight: f = 1,
   shape: Z = "rounded",
-  shadow: y = "sm",
+  shadow: b = "sm",
   width: O = 300,
   height: C = 300,
   className: w = "",
@@ -7705,7 +7703,7 @@ const m1 = ({
       opacity: k ? 1 : 0,
       visibility: Y ? "visible" : "hidden",
       willChange: "transform, opacity"
-    }, b = V.borderRadius;
+    }, y = V.borderRadius;
     switch (_) {
       case "left":
         return {
@@ -7715,8 +7713,8 @@ const m1 = ({
           height: "100vh",
           width: O,
           transform: k ? "translateX(0)" : "translateX(-100%)",
-          borderTopRightRadius: b,
-          borderBottomRightRadius: b,
+          borderTopRightRadius: y,
+          borderBottomRightRadius: y,
           borderTopLeftRadius: 0,
           borderBottomLeftRadius: 0
         };
@@ -7728,8 +7726,8 @@ const m1 = ({
           height: "100vh",
           width: O,
           transform: k ? "translateX(0)" : "translateX(100%)",
-          borderTopLeftRadius: b,
-          borderBottomLeftRadius: b,
+          borderTopLeftRadius: y,
+          borderBottomLeftRadius: y,
           borderTopRightRadius: 0,
           borderBottomRightRadius: 0
         };
@@ -7741,8 +7739,8 @@ const m1 = ({
           width: "100vw",
           height: C,
           transform: k ? "translateY(0)" : "translateY(-100%)",
-          borderBottomLeftRadius: b,
-          borderBottomRightRadius: b,
+          borderBottomLeftRadius: y,
+          borderBottomRightRadius: y,
           borderTopLeftRadius: 0,
           borderTopRightRadius: 0
         };
@@ -7754,8 +7752,8 @@ const m1 = ({
           width: "100vw",
           height: C,
           transform: k ? "translateY(0)" : "translateY(100%)",
-          borderTopLeftRadius: b,
-          borderTopRightRadius: b,
+          borderTopLeftRadius: y,
+          borderTopRightRadius: y,
           borderBottomLeftRadius: 0,
           borderBottomRightRadius: 0
         };
@@ -7842,7 +7840,7 @@ const m1 = ({
           borderColor: m,
           borderType: j,
           borderWeight: f,
-          shadow: y,
+          shadow: b,
           width: O,
           height: C,
           className: w,
@@ -7908,7 +7906,7 @@ const m1 = ({
   shadow: j = "",
   borderColor: f,
   borderType: Z = "solid",
-  borderWeight: y = "1",
+  borderWeight: b = "1",
   ...O
 }) => {
   const C = g0(), [w, _] = q(!1);
@@ -7932,7 +7930,7 @@ const m1 = ({
     width: typeof o == "number" ? `${o}px` : o || "100%",
     height: l || (i && o && typeof o == "number" ? `${o * M}px` : void 0),
     borderStyle: f ? Z : void 0,
-    borderWidth: f ? `${y}px` : void 0,
+    borderWidth: f ? `${b}px` : void 0,
     borderColor: f ? L(f, C) : void 0,
     boxShadow: S,
     overflow: "hidden",
@@ -8049,7 +8047,7 @@ const m1 = ({
   borderWeight: j = 1,
   shape: f = "rounded",
   shadow: Z = "lg",
-  width: y = 480,
+  width: b = 480,
   height: O,
   className: C = "",
   divider: w = !1,
@@ -8100,7 +8098,7 @@ const m1 = ({
           borderWeight: j,
           shadow: Z,
           shape: f,
-          width: y,
+          width: b,
           height: O,
           className: C,
           divider: w,
@@ -8141,7 +8139,7 @@ const m1 = ({
   background: j,
   color: f,
   border: Z = !0,
-  borderColor: y,
+  borderColor: b,
   borderType: O,
   borderWeight: C,
   shape: w = "rounded",
@@ -8162,7 +8160,7 @@ const m1 = ({
     className: `sud-popover ${h}`,
     background: j,
     color: f,
-    borderColor: y,
+    borderColor: b,
     borderType: O,
     borderWeight: C,
     shape: w,
@@ -8198,7 +8196,7 @@ const m1 = ({
   borderWeight: j = 1,
   style: f = {},
   className: Z = "",
-  disabledKeys: y = [],
+  disabledKeys: b = [],
   align: O = "left",
   ...C
 }) => {
@@ -8298,7 +8296,7 @@ const m1 = ({
   }), { borColor: F } = i0({
     border: h,
     fallback: "default"
-  }), d = Y(), b = {
+  }), d = Y(), y = {
     left: "flex-start",
     center: "center",
     right: "flex-end"
@@ -8319,10 +8317,10 @@ const m1 = ({
               display: "flex",
               gap: 2,
               borderBottom: `${j}px ${m} ${F}`,
-              justifyContent: b[O]
+              justifyContent: y[O]
             },
             children: _.map(({ key: g, label: D }) => {
-              const U = g === N, T = y.includes(g), I = U ? d.active : d.inactive;
+              const U = g === N, T = b.includes(g), I = U ? d.active : d.inactive;
               return /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -8416,7 +8414,7 @@ const i4 = ({
   border: j,
   borderColor: f,
   borderType: Z,
-  borderWeight: y,
+  borderWeight: b,
   shape: O,
   shadow: C,
   colorType: w = "sub",
@@ -8437,7 +8435,7 @@ const i4 = ({
     color: m,
     borderColor: f,
     borderType: Z,
-    borderWeight: y,
+    borderWeight: b,
     shape: O,
     shadow: C,
     content: c,
@@ -8466,7 +8464,7 @@ const i4 = ({
   align: i = "left",
   ...m
 }) => {
-  const j = g0(), [f, Z] = B0.useState(s), y = Math.ceil(c / o), O = (M) => {
+  const j = g0(), [f, Z] = B0.useState(s), b = Math.ceil(c / o), O = (M) => {
     Z(M), l == null || l(M);
   }, C = () => {
     switch (i) {
@@ -8478,16 +8476,16 @@ const i4 = ({
         return { justifyContent: "flex-start" };
     }
   }, w = z0(() => {
-    if (y <= u)
-      return Array.from({ length: y }, (S, N) => N + 1);
+    if (b <= u)
+      return Array.from({ length: b }, (S, N) => N + 1);
     const M = [];
     if (f <= Math.ceil(u / 2)) {
       for (let S = 1; S <= u; S++)
         M.push(S);
-      u < y && M.push("...");
-    } else if (f > y - Math.floor(u / 2)) {
+      u < b && M.push("...");
+    } else if (f > b - Math.floor(u / 2)) {
       M.push("...");
-      for (let S = y - u + 1; S <= y; S++)
+      for (let S = b - u + 1; S <= b; S++)
         M.push(S);
     } else {
       M.push("...");
@@ -8497,7 +8495,7 @@ const i4 = ({
       M.push("...");
     }
     return M;
-  }, [f, y, u]), _ = (M, S) => {
+  }, [f, b, u]), _ = (M, S) => {
     if (M === "...")
       return d1(
         "span",
@@ -8590,35 +8588,35 @@ const i4 = ({
       n && d1("div", {
         key: "next",
         className: "sud-pagination__nav sud-pagination__nav--next",
-        onClick: f === y ? void 0 : () => O(f + 1),
+        onClick: f === b ? void 0 : () => O(f + 1),
         style: {
           ...R,
-          cursor: f === y ? "not-allowed" : "pointer",
-          color: L(f === y ? "cool-gray-3" : "cool-gray-6", j),
+          cursor: f === b ? "not-allowed" : "pointer",
+          color: L(f === b ? "cool-gray-3" : "cool-gray-6", j),
           "&:hover": {
-            background: f === y ? "transparent" : L("cool-gray-1", j)
+            background: f === b ? "transparent" : L("cool-gray-1", j)
           }
         },
         role: "button",
         "aria-label": "다음 페이지로 이동",
-        "aria-disabled": f === y,
+        "aria-disabled": f === b,
         children: /* @__PURE__ */ t.jsx(X1, { size: "12" })
       }),
       a && d1("div", {
         key: "last",
         className: "sud-pagination__nav sud-pagination__nav--last",
-        onClick: f === y ? void 0 : () => O(y),
+        onClick: f === b ? void 0 : () => O(b),
         style: {
           ...R,
-          cursor: f === y ? "not-allowed" : "pointer",
-          color: L(f === y ? "cool-gray-3" : "cool-gray-6", j),
+          cursor: f === b ? "not-allowed" : "pointer",
+          color: L(f === b ? "cool-gray-3" : "cool-gray-6", j),
           "&:hover": {
-            background: f === y ? "transparent" : L("cool-gray-1", j)
+            background: f === b ? "transparent" : L("cool-gray-1", j)
           }
         },
         role: "button",
         "aria-label": "마지막 페이지로 이동",
-        "aria-disabled": f === y,
+        "aria-disabled": f === b,
         children: /* @__PURE__ */ t.jsx(g9, { size: "12" })
       })
     ]
@@ -8739,12 +8737,12 @@ const i4 = ({
   overscanCount: j = 5,
   ...f
 }) => {
-  const [Z, y] = q(1), [O, C] = q(0), w = h0(null), [_, R] = q(0), M = h0(/* @__PURE__ */ new Map());
+  const [Z, b] = q(1), [O, C] = q(0), w = h0(null), [_, R] = q(0), M = h0(/* @__PURE__ */ new Map());
   v0(() => {
     if (w.current) {
       const F = new ResizeObserver((d) => {
-        for (const b of d)
-          R(b.contentRect.height);
+        for (const y of d)
+          R(y.contentRect.height);
       });
       return F.observe(w.current), () => F.disconnect();
     }
@@ -8762,19 +8760,19 @@ const i4 = ({
         endIndex: s.length,
         totalHeight: 0
       };
-    let F = 0, d = 0, b = 0, r = !1;
+    let F = 0, d = 0, y = 0, r = !1;
     for (let p = 0; p < s.length; p++) {
       const g = M.current.get(p) || g || 40;
       if (!r && F + g > O && (d = Math.max(0, p - j), r = !0), r && F > O + _) {
-        b = Math.min(s.length, p + j);
+        y = Math.min(s.length, p + j);
         break;
       }
       F += g;
     }
-    return r || (d = 0), b === 0 && (b = s.length), {
-      visibleItems: s.slice(d, b),
+    return r || (d = 0), y === 0 && (y = s.length), {
+      visibleItems: s.slice(d, y),
       startIndex: d,
-      endIndex: b,
+      endIndex: y,
       totalHeight: F
     };
   }, [
@@ -8803,13 +8801,13 @@ const i4 = ({
   }, []);
   const $ = Z0(
     (F) => {
-      y(F), typeof c == "object" && c.onChange && c.onChange(F);
+      b(F), typeof c == "object" && c.onChange && c.onChange(F);
     },
     [c]
   ), x = Z0(() => {
     const F = i ? H : Y;
-    return F.map((d, b) => {
-      const r = i ? V + b : b;
+    return F.map((d, y) => {
+      const r = i ? V + y : y;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -8839,7 +8837,7 @@ const i4 = ({
                 children: d
               }
             ),
-            l && b !== F.length - 1 && /* @__PURE__ */ t.jsx(a1, {})
+            l && y !== F.length - 1 && /* @__PURE__ */ t.jsx(a1, {})
           ]
         },
         r
@@ -8999,22 +8997,22 @@ const i4 = ({
       if (!i) return null;
       const f = { color: j, textAlign: m };
       return Array.isArray(i) ? /* @__PURE__ */ t.jsx("div", { style: f, children: i.map(
-        (Z, y) => typeof Z == "string" ? /* @__PURE__ */ t.jsx(
+        (Z, b) => typeof Z == "string" ? /* @__PURE__ */ t.jsx(
           t0,
           {
             as: "div",
             color: j,
-            style: { marginBottom: y === i.length - 1 ? 0 : 4 },
+            style: { marginBottom: b === i.length - 1 ? 0 : 4 },
             children: Z
           },
-          y
+          b
         ) : /* @__PURE__ */ t.jsx(
           "div",
           {
-            style: { marginBottom: y === i.length - 1 ? 0 : 4 },
+            style: { marginBottom: b === i.length - 1 ? 0 : 4 },
             children: Z
           },
-          y
+          b
         )
       ) }) : /* @__PURE__ */ t.jsx("div", { style: f, children: typeof i == "string" ? /* @__PURE__ */ t.jsx(t0, { as: "span", color: j, children: i }) : i });
     }, []), z = z0(() => 20, []), h = z0(() => 2, []);
@@ -9034,11 +9032,11 @@ const i4 = ({
         ...n,
         children: s.map((i, m) => {
           const j = !!i.label, f = !!i.content;
-          let Z = null, y = null, O = "center";
+          let Z = null, b = null, O = "center";
           if (j && f)
-            c === "alternate" ? m % 2 === 0 ? (Z = i.label, y = i.content) : (Z = i.content, y = i.label) : c === "left" ? (Z = i.label, y = i.content) : c === "right" && (Z = i.content, y = i.label);
+            c === "alternate" ? m % 2 === 0 ? (Z = i.label, b = i.content) : (Z = i.content, b = i.label) : c === "left" ? (Z = i.label, b = i.content) : c === "right" && (Z = i.content, b = i.label);
           else if (f && !j)
-            u ? c === "alternate" ? m % 2 === 0 ? (Z = null, y = i.content) : (Z = i.content, y = null) : c === "left" ? (Z = null, y = i.content) : c === "right" && (Z = i.content, y = null) : c === "left" ? (O = "left", y = i.content) : c === "right" ? (O = "right", Z = i.content) : c === "alternate" && (O = "center", m % 2 === 0 ? (Z = null, y = i.content) : (Z = i.content, y = null));
+            u ? c === "alternate" ? m % 2 === 0 ? (Z = null, b = i.content) : (Z = i.content, b = null) : c === "left" ? (Z = null, b = i.content) : c === "right" && (Z = i.content, b = null) : c === "left" ? (O = "left", b = i.content) : c === "right" ? (O = "right", Z = i.content) : c === "alternate" && (O = "center", m % 2 === 0 ? (Z = null, b = i.content) : (Z = i.content, b = null));
           else
             return null;
           return /* @__PURE__ */ t.jsx(
@@ -9047,7 +9045,7 @@ const i4 = ({
               dot: i.dot,
               color: i.color,
               leftContent: Z,
-              rightContent: y,
+              rightContent: b,
               dotPosition: O,
               isLast: m === s.length - 1,
               textAlignMode: c,
@@ -9085,14 +9083,14 @@ const C2 = B0.memo(
     delay: f = 0
   }) => {
     var W, Y;
-    const Z = g0(), y = L(c, Z), { txtColor: O, borColor: C } = i0({
+    const Z = g0(), b = L(c, Z), { txtColor: O, borColor: C } = i0({
       border: !0,
       fallback: "default"
     }), w = h0(), _ = h0(), [R, M] = q(0);
     o1(() => {
       const B = () => {
-        var d, b;
-        const x = ((d = w.current) == null ? void 0 : d.offsetHeight) || 0, F = ((b = _.current) == null ? void 0 : b.offsetHeight) || 0;
+        var d, y;
+        const x = ((d = w.current) == null ? void 0 : d.offsetHeight) || 0, F = ((y = _.current) == null ? void 0 : y.offsetHeight) || 0;
         M(i + Math.max(x, F));
       }, $ = new ResizeObserver(() => {
         B();
@@ -9139,8 +9137,8 @@ const C2 = B0.memo(
       [f]
     ), k = B0.isValidElement(s) ? B0.cloneElement(s, {
       size: ((W = s.props) == null ? void 0 : W.size) || i,
-      color: ((Y = s.props) == null ? void 0 : Y.color) || y
-    }) : /* @__PURE__ */ t.jsx(a9, { size: i, color: y });
+      color: ((Y = s.props) == null ? void 0 : Y.color) || b
+    }) : /* @__PURE__ */ t.jsx(a9, { size: i, color: b });
     return n === "center" ? /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -9317,7 +9315,7 @@ const h4 = ({
   headerClassName: j = "",
   bodyClassName: f = "",
   width: Z = "100%",
-  height: y = "auto",
+  height: b = "auto",
   style: O = {},
   pagination: C = !1,
   onChange: w,
@@ -9343,7 +9341,7 @@ const h4 = ({
       lg: { padding: "16px 20px", fontSize: 16 }
     }),
     []
-  ), d = F[l] || F.md, b = G0(a, M), r = D0(u, M), p = d.padding, g = Z0(
+  ), d = F[l] || F.md, y = G0(a, M), r = D0(u, M), p = d.padding, g = Z0(
     (K, J) => typeof o == "function" ? o(K) : K[o] ?? J,
     [o]
   ), D = z0(() => {
@@ -9394,19 +9392,19 @@ const h4 = ({
       const C0 = J.scrollHeight > J.clientHeight ? J.offsetWidth - J.clientWidth : 0;
       X(C0);
     }
-  }, [D, y]);
+  }, [D, b]);
   const c0 = z0(
     () => ({
-      borderTopLeftRadius: b.borderRadius,
-      borderTopRightRadius: b.borderRadius
+      borderTopLeftRadius: y.borderRadius,
+      borderTopRightRadius: y.borderRadius
     }),
-    [b.borderRadius]
+    [y.borderRadius]
   ), f0 = z0(
     () => ({
-      borderBottomLeftRadius: b.borderRadius,
-      borderBottomRightRadius: b.borderRadius
+      borderBottomLeftRadius: y.borderRadius,
+      borderBottomRightRadius: y.borderRadius
     }),
-    [b.borderRadius]
+    [y.borderRadius]
   ), l0 = z0(() => {
     const K = s.reduce((J, d0) => J + (d0.col || (d0.width ? 0 : 1)), 0);
     return s.map((J) => {
@@ -9553,7 +9551,7 @@ const h4 = ({
           {
             ref: A,
             className: n0("sud-table__body", f),
-            style: { maxHeight: y, overflow: "auto", ...f0 },
+            style: { maxHeight: b, overflow: "auto", ...f0 },
             role: "presentation",
             tabIndex: 0,
             "aria-label": "테이블 본문",
@@ -9681,10 +9679,10 @@ function W1({
   ariaInvalid: j,
   ariaDescribedby: f
 }) {
-  const Z = g0(), { bgColor: y } = i0({
+  const Z = g0(), { bgColor: b } = i0({
     border: !1,
     fallback: v
-  }), O = a ? L(a, Z) : y, [C, w] = q(c || !1), [_, R] = q(!1), M = s !== void 0, S = M ? s : C, N = l === "top" || l === "bottom", H = h0(), V = h0(), P = _ || S ? O : L("cool-gray-3", Z), k = (W) => {
+  }), O = a ? L(a, Z) : b, [C, w] = q(c || !1), [_, R] = q(!1), M = s !== void 0, S = M ? s : C, N = l === "top" || l === "bottom", H = h0(), V = h0(), P = _ || S ? O : L("cool-gray-3", Z), k = (W) => {
     if (W.stopPropagation(), u) return;
     const Y = !S;
     M || w(Y), o == null || o(Y), H.current && S1(H.current), V.current && G1(V.current);
@@ -9776,7 +9774,7 @@ W1.Group = function({
   labelPosition: j = "right",
   ariaLabel: f,
   ariaRequired: Z,
-  name: y,
+  name: b,
   role: O = "checkboxgroup",
   className: C = "",
   style: w = {}
@@ -9814,7 +9812,7 @@ W1.Group = function({
           color: i,
           colorType: m,
           labelPosition: j,
-          name: y,
+          name: b,
           ariaLabel: N,
           children: N
         },
@@ -9840,7 +9838,7 @@ const W0 = ({
   style: j = {},
   disabled: f = !1,
   readOnly: Z = !1,
-  autoFocus: y = !1,
+  autoFocus: b = !1,
   password: O = !1,
   maxLength: C,
   type: w = "text",
@@ -9861,19 +9859,19 @@ const W0 = ({
   error: x = !1,
   required: F = !1,
   ariaRequired: d,
-  ariaInvalid: b,
+  ariaInvalid: y,
   ariaDescribedby: r,
   onClick: p,
   thousandSeparator: g = !1
 }) => {
-  const D = g0(), U = h0(null), [T, I] = q(y), { bgColor: E, txtColor: A, borColor: G } = i0({
+  const D = g0(), U = h0(null), [T, I] = q(b), { bgColor: E, txtColor: A, borColor: G } = i0({
     border: o,
     fallback: x ? "error" : T ? "focus" : "default",
     componentType: "input"
   });
   v0(() => {
-    y && U.current && U.current.focus();
-  }, [y]);
+    b && U.current && U.current.focus();
+  }, [b]);
   const X = s ? L(s, D) : E, c0 = c ? L(c, D) : A, f0 = l ? L(l, D) : G, l0 = o && f0 ? `${a}px ${n} ${f0}` : "none", y0 = G0(N, D), K = D0(H, D), J = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
@@ -9917,7 +9915,7 @@ const W0 = ({
             },
             "aria-label": Y,
             "aria-required": d,
-            "aria-invalid": b,
+            "aria-invalid": y,
             "aria-describedby": r,
             children: typeof B == "string" ? /* @__PURE__ */ t.jsx(
               t0,
@@ -9997,14 +9995,14 @@ const W0 = ({
                   placeholder: R,
                   disabled: f,
                   readOnly: Z,
-                  autoFocus: y,
+                  autoFocus: b,
                   maxLength: C,
                   id: P,
                   name: k,
                   autoComplete: W,
                   "aria-label": Y || B,
                   "aria-required": d || F,
-                  "aria-invalid": b || S0,
+                  "aria-invalid": y || S0,
                   "aria-describedby": r || (S0 ? `${P}-error` : void 0),
                   "aria-disabled": f,
                   onFocus: () => I(!0),
@@ -10118,7 +10116,7 @@ const W0 = ({
   value: f = "",
   onChange: Z = () => {
   },
-  shape: y = "rounded",
+  shape: b = "rounded",
   shadow: O = "sm",
   size: C = "md",
   rows: w = 4,
@@ -10138,7 +10136,7 @@ const W0 = ({
   ariaRequired: x,
   ariaInvalid: F,
   ariaDescribedby: d,
-  onClick: b
+  onClick: y
 }) => {
   const r = g0(), p = h0(null), [g, D] = q(m), [U, T] = q(!1), { bgColor: I, txtColor: E, borColor: A } = i0({
     border: o,
@@ -10148,7 +10146,7 @@ const W0 = ({
   v0(() => {
     m && p.current && p.current.focus();
   }, [m]);
-  const G = s ? L(s, r) : I, X = c ? L(c, r) : E, c0 = l ? L(l, r) : A, f0 = o && c0 ? `${a}px ${n} ${c0}` : "none", l0 = G0(y, r), y0 = D0(O, r), K = {
+  const G = s ? L(s, r) : I, X = c ? L(c, r) : E, c0 = l ? L(l, r) : A, f0 = o && c0 ? `${a}px ${n} ${c0}` : "none", l0 = G0(b, r), y0 = D0(O, r), K = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -10214,7 +10212,7 @@ const W0 = ({
               v,
               `cursor-${h ? "not-allowed" : ""}`
             ),
-            onClick: b,
+            onClick: y,
             "data-name": V,
             style: {
               display: "flex",
@@ -10361,7 +10359,7 @@ const W0 = ({
   password: j = !1,
   length: f = 6,
   type: Z = "int",
-  value: y = "",
+  value: b = "",
   onChange: O = () => {
   },
   shape: C = "rounded",
@@ -10379,7 +10377,7 @@ const W0 = ({
   ariaDescribedby: Y,
   onClick: B
 }) => {
-  const $ = g0(), x = h0([]), [F, d] = q(m ? 0 : -1), { txtColor: b } = i0({
+  const $ = g0(), x = h0([]), [F, d] = q(m ? 0 : -1), { txtColor: y } = i0({
     border: o,
     fallback: V ? "error" : "default",
     componentType: "input"
@@ -10387,17 +10385,17 @@ const W0 = ({
   v0(() => {
     m && x.current[0] && x.current[0].focus();
   }, [m]);
-  const r = c ? L(c, $) : b, p = G0(C, $), g = D0(w, $), D = {
+  const r = c ? L(c, $) : y, p = G0(C, $), g = D0(w, $), D = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
   }[_] || {}, U = j ? "password" : Z, T = (A, G) => {
     const X = A.target.value;
     if (Z === "int" && !/^\d*$/.test(X)) return;
-    const c0 = y.split("");
+    const c0 = b.split("");
     c0[G] = X, O({ target: { value: c0.join("") } }), X && G < f - 1 && x.current[G + 1].focus();
   }, I = (A, G) => {
-    A.key === "Backspace" && !y[G] && G > 0 && x.current[G - 1].focus();
+    A.key === "Backspace" && !b[G] && G > 0 && x.current[G - 1].focus();
   }, E = (A) => {
     A.preventDefault();
     const G = A.clipboardData.getData("text");
@@ -10509,7 +10507,7 @@ const W0 = ({
                       ref: (J) => x.current[G] = J,
                       type: U,
                       maxLength: 1,
-                      value: y[G] || "",
+                      value: b[G] || "",
                       onChange: (J) => T(J, G),
                       onKeyDown: (J) => I(J, G),
                       disabled: h,
@@ -10585,7 +10583,7 @@ const h2 = ({
   trackColor: j,
   fill: f = !0,
   width: Z,
-  height: y,
+  height: b,
   minMaxVisible: O = !1,
   colorType: C = "primary",
   unit: w = "",
@@ -10603,7 +10601,7 @@ const h2 = ({
   ariaValueText: B,
   ...$
 }) => {
-  const x = g0(), F = h0(null), d = h0(null), [b, r] = q(!1), [p, g] = q(o), D = g2(), U = W || D, { bgColor: T, borColor: I } = i0({
+  const x = g0(), F = h0(null), d = h0(null), [y, r] = q(!1), [p, g] = q(o), D = g2(), U = W || D, { bgColor: T, borColor: I } = i0({
     border: z,
     fallback: C,
     componentType: "button"
@@ -10622,15 +10620,15 @@ const h2 = ({
     height: f0,
     thumb: l0,
     fontSize: y0
-  } = a ? G[S] : X[S], K = Z || c0, J = y || f0, d0 = (p - s) / (c - s) * 100;
+  } = a ? G[S] : X[S], K = Z || c0, J = b || f0, d0 = (p - s) / (c - s) * 100;
   v0(() => {
-    b || g(o);
-  }, [o, b]);
+    y || g(o);
+  }, [o, y]);
   const C0 = Z0(
     (k0, A0) => {
-      const s0 = F.current.getBoundingClientRect();
+      const r0 = F.current.getBoundingClientRect();
       let M0;
-      a ? M0 = 1 - (A0 - s0.top) / s0.height : M0 = (k0 - s0.left) / s0.width;
+      a ? M0 = 1 - (A0 - r0.top) / r0.height : M0 = (k0 - r0.left) / r0.width;
       let _0 = s + M0 * (c - s);
       _0 = Math.round(_0 / l) * l, _0 = Math.min(c, Math.max(s, _0)), g(_0), n == null || n(_0);
     },
@@ -10638,16 +10636,16 @@ const h2 = ({
   ), R0 = (k0) => {
     u || (r(!0), S1(d.current), C0(k0.clientX, k0.clientY));
   }, w0 = (k0) => {
-    !b || u || C0(k0.clientX, k0.clientY);
+    !y || u || C0(k0.clientX, k0.clientY);
   }, F0 = () => {
     u || r(!1);
   };
   v0(() => {
-    if (b)
+    if (y)
       return window.addEventListener("mousemove", w0), window.addEventListener("mouseup", F0), () => {
         window.removeEventListener("mousemove", w0), window.removeEventListener("mouseup", F0);
       };
-  }, [b, w0]);
+  }, [y, w0]);
   const S0 = (k0) => {
     if (u) return;
     let A0 = p;
@@ -10897,7 +10895,7 @@ const h2 = ({
   divider: j = !1,
   color: f,
   border: Z = !0,
-  borderColor: y,
+  borderColor: b,
   borderType: O,
   borderWeight: C,
   shape: w = "rounded",
@@ -10957,7 +10955,7 @@ const h2 = ({
       background: m,
       color: f,
       border: Z,
-      borderColor: y,
+      borderColor: b,
       borderType: O,
       borderWeight: C,
       shape: w,
@@ -11010,7 +11008,7 @@ const u4 = ({
   inputProps: j = {},
   sliderProps: f = {},
   cardProps: Z = {},
-  buttonProps: y = {},
+  buttonProps: b = {},
   ...O
 }) => {
   const C = h0(), [w, _] = q(s), [R, M] = q("HEX"), [S, N] = q(210), [H, V] = q(100), [P, k] = q({ x: 0, y: 0 }), [W, Y] = q({ h: 210, s: 100, b: 100 }), [B, $] = q({ r: 22, g: 119, b: 255 }), x = {
@@ -11018,30 +11016,36 @@ const u4 = ({
     md: 40,
     lg: 48
   }, F = Z0(
-    ({ r: b, g: r, b: p }) => {
-      const g = Math.max(b, r, p), D = Math.min(b, r, p), U = g / 255, T = g === 0 ? 0 : (g - D) / g;
+    ({ r: y, g: r, b: p }) => {
+      const g = Math.max(y, r, p), D = Math.min(y, r, p), U = g / 255, T = g === 0 ? 0 : (g - D) / g;
       let I = 0;
       if (g !== D) {
         switch (g) {
-          case b:
+          case y:
             I = (r - p) / (g - D) + (r < p ? 6 : 0);
             break;
           case r:
-            I = (p - b) / (g - D) + 2;
+            I = (p - y) / (g - D) + 2;
             break;
           case p:
-            I = (b - r) / (g - D) + 4;
+            I = (y - r) / (g - D) + 4;
             break;
         }
         I *= 60;
       }
-      $({ r: b, g: r, b: p }), Y({
+      $({ r: y, g: r, b: p }), Y({
         h: Math.round(I),
         s: Math.round(T * 100),
         b: Math.round(U * 100)
       }), N(Math.round(I));
-      const E = L9(b, r, p);
-      _(E), c == null || c({ hex: E, rgb: { r: b, g: r, b: p }, hsb: W, alpha: H });
+      const E = L9(y, r, p), A = `rgba(${y}, ${r}, ${p}, ${H / 100})`;
+      _(A), c == null || c({
+        hex: E,
+        rgb: { r: y, g: r, b: p },
+        hsb: W,
+        alpha: H,
+        rgba: A
+      });
     },
     [c, H]
   );
@@ -11049,8 +11053,8 @@ const u4 = ({
     F(u2(s));
   }, [s]);
   const d = Z0(
-    (b) => {
-      const r = C.current.getBoundingClientRect(), p = Math.min(Math.max(b.clientX - r.left, 0), r.width), g = Math.min(Math.max(b.clientY - r.top, 0), r.height);
+    (y) => {
+      const r = C.current.getBoundingClientRect(), p = Math.min(Math.max(y.clientX - r.left, 0), r.width), g = Math.min(Math.max(y.clientY - r.top, 0), r.height);
       k({ x: p, y: g });
       const D = p / r.width, U = 1 - g / r.height, T = S, I = (X, c0 = (X + T / 60) % 6) => U - U * D * Math.max(Math.min(c0, 4 - c0, 1), 0), E = Math.round(I(5) * 255), A = Math.round(I(3) * 255), G = Math.round(I(1) * 255);
       F({ r: E, g: A, b: G });
@@ -11087,15 +11091,15 @@ const u4 = ({
               {
                 ref: C,
                 className: "sud-color-picker__palette",
-                onMouseDown: (b) => {
-                  d(b);
+                onMouseDown: (y) => {
+                  d(y);
                   const r = (g) => d(g), p = () => {
                     window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", p);
                   };
                   window.addEventListener("mousemove", r), window.addEventListener("mouseup", p);
                 },
-                onTouchStart: (b) => {
-                  const r = b.touches[0];
+                onTouchStart: (y) => {
+                  const r = y.touches[0];
                   d(r);
                   const p = (D) => d(D.touches[0]), g = () => {
                     window.removeEventListener("touchmove", p), window.removeEventListener("touchend", g);
@@ -11163,8 +11167,8 @@ const u4 = ({
                       {
                         size: "sm",
                         value: w,
-                        onChange: (b) => {
-                          const r = b.target.value;
+                        onChange: (y) => {
+                          const r = y.target.value;
                           _(r);
                           try {
                             F(u2(r));
@@ -11180,7 +11184,7 @@ const u4 = ({
                       {
                         size: "sm",
                         value: H,
-                        onChange: (b) => V(Number(b.target.value)),
+                        onChange: (y) => V(Number(y.target.value)),
                         placeholder: "A",
                         className: "sud-color-picker__alpha-input",
                         ...j
@@ -11193,8 +11197,8 @@ const u4 = ({
                       {
                         size: "sm",
                         value: W.h,
-                        onChange: (b) => {
-                          const r = Number(b.target.value);
+                        onChange: (y) => {
+                          const r = Number(y.target.value);
                           Y((p) => ({ ...p, h: r })), N(r);
                         },
                         placeholder: "H",
@@ -11207,8 +11211,8 @@ const u4 = ({
                       {
                         size: "sm",
                         value: W.s,
-                        onChange: (b) => {
-                          Y((r) => ({ ...r, s: Number(b.target.value) }));
+                        onChange: (y) => {
+                          Y((r) => ({ ...r, s: Number(y.target.value) }));
                         },
                         placeholder: "S",
                         className: "sud-color-picker__saturation-input",
@@ -11220,8 +11224,8 @@ const u4 = ({
                       {
                         size: "sm",
                         value: W.b,
-                        onChange: (b) => {
-                          Y((r) => ({ ...r, b: Number(b.target.value) }));
+                        onChange: (y) => {
+                          Y((r) => ({ ...r, b: Number(y.target.value) }));
                         },
                         placeholder: "B",
                         className: "sud-color-picker__brightness-input",
@@ -11233,7 +11237,7 @@ const u4 = ({
                       {
                         size: "sm",
                         value: H,
-                        onChange: (b) => V(Number(b.target.value)),
+                        onChange: (y) => V(Number(y.target.value)),
                         placeholder: "A",
                         className: "sud-color-picker__alpha-input",
                         ...j
@@ -11246,7 +11250,7 @@ const u4 = ({
                       {
                         size: "sm",
                         value: B.r,
-                        onChange: (b) => F({ ...B, r: Number(b.target.value) }),
+                        onChange: (y) => F({ ...B, r: Number(y.target.value) }),
                         placeholder: "R",
                         className: "sud-color-picker__red-input",
                         ...j
@@ -11257,7 +11261,7 @@ const u4 = ({
                       {
                         size: "sm",
                         value: B.g,
-                        onChange: (b) => F({ ...B, g: Number(b.target.value) }),
+                        onChange: (y) => F({ ...B, g: Number(y.target.value) }),
                         placeholder: "G",
                         className: "sud-color-picker__green-input",
                         ...j
@@ -11268,7 +11272,7 @@ const u4 = ({
                       {
                         size: "sm",
                         value: B.b,
-                        onChange: (b) => F({ ...B, b: Number(b.target.value) }),
+                        onChange: (y) => F({ ...B, b: Number(y.target.value) }),
                         placeholder: "B",
                         className: "sud-color-picker__blue-input",
                         ...j
@@ -11279,7 +11283,7 @@ const u4 = ({
                       {
                         size: "sm",
                         value: H,
-                        onChange: (b) => V(Number(b.target.value)),
+                        onChange: (y) => V(Number(y.target.value)),
                         placeholder: "A",
                         className: "sud-color-picker__alpha-input",
                         ...j
@@ -11296,8 +11300,8 @@ const u4 = ({
                 max: 360,
                 value: S,
                 size: "md",
-                onChange: (b) => {
-                  N(b), Y((r) => ({ ...r, h: b }));
+                onChange: (y) => {
+                  N(y), Y((r) => ({ ...r, h: y }));
                 },
                 fill: !1,
                 trackColor: "linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)",
@@ -11312,7 +11316,7 @@ const u4 = ({
                 max: 100,
                 value: H,
                 size: "md",
-                onChange: (b) => V(b),
+                onChange: (y) => V(y),
                 fill: !1,
                 trackColor: `linear-gradient(to right, transparent, ${w})`,
                 className: "sud-color-picker__alpha-slider",
@@ -11340,7 +11344,7 @@ const u4 = ({
           size: h,
           style: v,
           className: n0("sud-color-picker__trigger", z),
-          ...y,
+          ...b,
           children: /* @__PURE__ */ t.jsx(
             u1,
             {
@@ -11374,7 +11378,7 @@ const u4 = ({
   format: j = "YYYY-MM-DD",
   range: f = !1,
   placement: Z = "top",
-  locale: y = "en",
+  locale: b = "en",
   popConfirmProps: O = {},
   inputProps: C = {},
   color: w,
@@ -11405,7 +11409,7 @@ const u4 = ({
       return [T, I].filter(Boolean).join(" ~ ");
     }
     return a0(g).isValid() ? a0(g).format(j) : "";
-  }, b = (g) => {
+  }, y = (g) => {
     if (n || a) return;
     const D = d(g);
     i(g, D), (!f || (g == null ? void 0 : g.startDate) && (g == null ? void 0 : g.endDate)) && (x(!1), requestAnimationFrame(() => {
@@ -11429,10 +11433,10 @@ const u4 = ({
           value: f ? r : h,
           startDate: r,
           endDate: p,
-          onChange: b,
+          onChange: y,
           range: f,
           size: "miniView",
-          locale: y,
+          locale: b,
           ...V
         }
       ),
@@ -11494,7 +11498,7 @@ function Y1({
   const f = g0(), { bgColor: Z } = i0({
     border: !1,
     fallback: v
-  }), y = a ? L(a, f) : Z, [O, C] = q(c || !1), [w, _] = q(!1), R = s !== void 0, M = R ? s : O, S = l === "top" || l === "bottom", N = h0(), H = h0(), V = w || M ? y : L("cool-gray-3", f), P = (k) => {
+  }), b = a ? L(a, f) : Z, [O, C] = q(c || !1), [w, _] = q(!1), R = s !== void 0, M = R ? s : O, S = l === "top" || l === "bottom", N = h0(), H = h0(), V = w || M ? b : L("cool-gray-3", f), P = (k) => {
     if (k.stopPropagation(), u || M) return;
     const W = !0;
     R || C(W), o == null || o(W), N.current && S1(N.current), H.current && G1(H.current);
@@ -11537,7 +11541,7 @@ function Y1({
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
-              background: M ? y : L("white-10", f),
+              background: M ? b : L("white-10", f),
               border: `1px solid ${V}`,
               borderRadius: "50%",
               transition: "border-color 0.2s ease, background 0.2s ease"
@@ -11586,7 +11590,7 @@ Y1.Group = function({
   labelPosition: j = "right",
   ariaLabel: f,
   ariaRequired: Z,
-  name: y,
+  name: b,
   className: O = "",
   style: C = {}
 }) {
@@ -11622,7 +11626,7 @@ Y1.Group = function({
           color: i,
           colorType: m,
           labelPosition: j,
-          name: y,
+          name: b,
           ariaLabel: S,
           children: S
         },
@@ -11648,7 +11652,7 @@ const f4 = ({
   ariaLabel: j = "별점 평가",
   testId: f = "rate",
   icon: Z = "star",
-  ...y
+  ...b
 }) => {
   const O = g0(), [C, w] = q(o), [_, R] = q(null), M = l !== void 0, S = M ? l : C, N = z0(() => typeof Z == "string" && Z === "heart" ? "coral" : "gold", [Z]), { bgColor: H } = i0({
     fallback: "hovered",
@@ -11667,7 +11671,7 @@ const f4 = ({
       position: "relative",
       width: h,
       height: h
-    }, b = {
+    }, y = {
       position: "absolute",
       top: 0,
       left: 0,
@@ -11678,11 +11682,11 @@ const f4 = ({
     };
     return /* @__PURE__ */ t.jsxs("div", { style: d, children: [
       k(P),
-      /* @__PURE__ */ t.jsx("div", { style: b, children: k(V) })
+      /* @__PURE__ */ t.jsx("div", { style: y, children: k(V) })
     ] });
   }, [V, P, h, k]), Y = Z0(
     (d) => {
-      const b = _ !== null ? _ : S, r = b >= d + 1, p = !r && c && b >= d + 0.5;
+      const y = _ !== null ? _ : S, r = y >= d + 1, p = !r && c && y >= d + 0.5;
       return r ? k(V) : p ? W() : k(P);
     },
     [
@@ -11697,14 +11701,14 @@ const f4 = ({
   ), B = Z0(
     (d) => {
       if (a) return;
-      const b = c && _ !== null ? _ : d;
-      M || w(b), n == null || n(b);
+      const y = c && _ !== null ? _ : d;
+      M || w(y), n == null || n(y);
     },
     [a, c, _, M, n]
   ), $ = Z0(
-    (d, b) => {
+    (d, y) => {
       if (a) return;
-      const { left: r, width: p } = d.currentTarget.getBoundingClientRect(), g = (d.clientX - r) / p, D = c && g < 0.5 ? b + 0.5 : b + 1;
+      const { left: r, width: p } = d.currentTarget.getBoundingClientRect(), g = (d.clientX - r) / p, D = c && g < 0.5 ? y + 0.5 : y + 1;
       R(D);
     },
     [a, c]
@@ -11713,8 +11717,8 @@ const f4 = ({
   }, [a]), F = Z0(
     (d) => {
       if (a) return;
-      let b = S;
-      d.key === "ArrowRight" ? b = Math.min(S + 1, s) : d.key === "ArrowLeft" ? b = Math.max(S - 1, 0) : d.key === "Home" ? b = 0 : d.key === "End" && (b = s), M || w(b), n == null || n(b);
+      let y = S;
+      d.key === "ArrowRight" ? y = Math.min(S + 1, s) : d.key === "ArrowLeft" ? y = Math.max(S - 1, 0) : d.key === "Home" ? y = 0 : d.key === "End" && (y = s), M || w(y), n == null || n(y);
     },
     [a, S, s, M, n]
   );
@@ -11734,26 +11738,26 @@ const f4 = ({
         ...m
       },
       "data-testid": f,
-      ...y,
+      ...b,
       children: [
-        Array.from({ length: s }).map((d, b) => /* @__PURE__ */ t.jsx(
+        Array.from({ length: s }).map((d, y) => /* @__PURE__ */ t.jsx(
           "div",
           {
             role: "radio",
-            "aria-checked": S > b,
-            "aria-label": `${b + 1}점`,
-            onClick: () => B(b + 1),
-            onMouseMove: (r) => $(r, b),
+            "aria-checked": S > y,
+            "aria-label": `${y + 1}점`,
+            onClick: () => B(y + 1),
+            onMouseMove: (r) => $(r, y),
             onMouseLeave: x,
             style: {
               cursor: a ? "not-allowed" : "pointer",
               width: h,
               height: h
             },
-            "data-testid": `${f}-star-${b + 1}`,
-            children: Y(b)
+            "data-testid": `${f}-star-${y + 1}`,
+            children: Y(y)
           },
-          b
+          y
         )),
         u && /* @__PURE__ */ t.jsx(
           t0,
@@ -11784,7 +11788,7 @@ const f4 = ({
   size: j = "md",
   colorType: f = "primary",
   className: Z = "",
-  style: y = {},
+  style: b = {},
   id: O,
   ariaLabel: C,
   ...w
@@ -11799,7 +11803,7 @@ const f4 = ({
     border: !1,
     fallback: f,
     componentType: "button"
-  }), b = n ? L(n, _) : d, r = L(a || "cool-gray-3", _), p = {
+  }), y = n ? L(n, _) : d, r = L(a || "cool-gray-3", _), p = {
     sm: { height: 22, thumb: 18, fontSize: 12 },
     md: { height: 32, thumb: 28, fontSize: 14 },
     lg: { height: 40, thumb: 34, fontSize: 16 }
@@ -11829,7 +11833,7 @@ const f4 = ({
         minWidth: g * 2,
         height: g,
         borderRadius: g / 2,
-        background: N ? b : r,
+        background: N ? y : r,
         overflow: "hidden",
         cursor: l ? "not-allowed" : "pointer",
         opacity: l ? 0.5 : 1,
@@ -11842,7 +11846,7 @@ const f4 = ({
         fontSize: U,
         transition: "background 0.25s ease",
         outline: "none",
-        ...y
+        ...b
       },
       ...w,
       children: [
@@ -11891,13 +11895,13 @@ const f4 = ({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              color: N ? b : r,
+              color: N ? y : r,
               boxShadow: F,
               fontSize: D * 0.5,
               transition: "all 0.25s ease"
             },
             children: x2(N ? z : h) ? g1(N ? z : h, {
-              color: N ? b : r
+              color: N ? y : r
             }) : N ? z : h
           }
         ),
@@ -11932,7 +11936,7 @@ const f4 = ({
   ...z
 }) => {
   g0();
-  const [h, i] = q(null), [m, j] = q(0), [f, Z] = q("hour"), [y, O] = q({
+  const [h, i] = q(null), [m, j] = q(0), [f, Z] = q("hour"), [b, O] = q({
     startTime: { hour: !1, minute: !1, second: !1 },
     endTime: { hour: !1, minute: !1, second: !1 }
   }), C = o, w = l, _ = a, R = (I) => {
@@ -11974,16 +11978,16 @@ const f4 = ({
   }, [l]), x = z0(
     () => Array.from({ length: 60 / _ }, (I, E) => E * _),
     [a]
-  ), F = z0(() => Array.from({ length: 60 }, (I, E) => E), []), d = (I, E) => w ? E === "AM" ? I % 12 : I % 12 + 12 : I, b = (I, E) => {
+  ), F = z0(() => Array.from({ length: 60 }, (I, E) => E), []), d = (I, E) => w ? E === "AM" ? I % 12 : I % 12 + 12 : I, y = (I, E) => {
     const A = { ...Y }, G = C && m === 1 ? "endTime" : "startTime";
     A[G] = {
       ...A[G],
       [I]: E
     };
     const X = {
-      ...y,
+      ...b,
       [G]: {
-        ...y[G],
+        ...b[G],
         [I]: !0
       }
     };
@@ -12019,7 +12023,7 @@ const f4 = ({
       return /* @__PURE__ */ t.jsx(
         "div",
         {
-          onClick: () => b(A, X),
+          onClick: () => y(A, X),
           onMouseEnter: () => i({ ...h, [A]: X }),
           onMouseLeave: () => i(null),
           style: {
@@ -12114,7 +12118,7 @@ const f4 = ({
   format: j = "HH:mm:ss",
   range: f = !1,
   placement: Z = "top",
-  showSecond: y = !1,
+  showSecond: b = !1,
   use12Hours: O = !1,
   step: C = 1,
   popConfirmProps: w = {},
@@ -12133,27 +12137,27 @@ const f4 = ({
   ariaInvalid: $,
   ariaDescribedby: x
 }) => {
-  const [F, d] = q(!1), b = z0(() => j && !O ? j : O ? y ? "hh:mm:ss A" : "hh:mm A" : y ? "HH:mm:ss" : "HH:mm", [j, O, y]), r = z0(() => {
+  const [F, d] = q(!1), y = z0(() => j && !O ? j : O ? b ? "hh:mm:ss A" : "hh:mm A" : b ? "HH:mm:ss" : "HH:mm", [j, O, b]), r = z0(() => {
     if (!h) return "";
     if (f) {
-      const T = h == null ? void 0 : h.startTime, I = h == null ? void 0 : h.endTime, E = T && a0(T).isValid() ? a0(T).format(b) : "", A = I && a0(I).isValid() ? a0(I).format(b) : "";
+      const T = h == null ? void 0 : h.startTime, I = h == null ? void 0 : h.endTime, E = T && a0(T).isValid() ? a0(T).format(y) : "", A = I && a0(I).isValid() ? a0(I).format(y) : "";
       return [E, A].filter(Boolean).join(" ~ ");
     }
-    return a0(h).isValid() ? a0(h).format(b) : "";
-  }, [h, b, f]), p = (T) => {
+    return a0(h).isValid() ? a0(h).format(y) : "";
+  }, [h, y, f]), p = (T) => {
     if (!T) return "";
     if (f) {
-      const I = T == null ? void 0 : T.startTime, E = T == null ? void 0 : T.endTime, A = I && a0(I).isValid() ? a0(I).format(b) : "", G = E && a0(E).isValid() ? a0(E).format(b) : "";
+      const I = T == null ? void 0 : T.startTime, E = T == null ? void 0 : T.endTime, A = I && a0(I).isValid() ? a0(I).format(y) : "", G = E && a0(E).isValid() ? a0(E).format(y) : "";
       return [A, G].filter(Boolean).join(" ~ ");
     }
-    return a0(T).isValid() ? a0(T).format(b) : "";
+    return a0(T).isValid() ? a0(T).format(y) : "";
   }, g = (T) => {
     if (n || a) return;
     const I = p(T);
     i(T, I);
     const E = (G) => {
       var X, c0, f0;
-      return a0(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((c0 = G.getMinutes) == null ? void 0 : c0.call(G)) != null && (!y || ((f0 = G.getSeconds) == null ? void 0 : f0.call(G)) != null);
+      return a0(G).isValid() && ((X = G.getHours) == null ? void 0 : X.call(G)) != null && ((c0 = G.getMinutes) == null ? void 0 : c0.call(G)) != null && (!b || ((f0 = G.getSeconds) == null ? void 0 : f0.call(G)) != null);
     };
     let A = !1;
     f ? A = E(T == null ? void 0 : T.startTime) && E(T == null ? void 0 : T.endTime) : A = E(T), A && (d(!1), requestAnimationFrame(() => {
@@ -12177,7 +12181,7 @@ const f4 = ({
           value: f ? { startTime: D, endTime: U } : h,
           onChange: g,
           range: f,
-          showSecond: y,
+          showSecond: b,
           use12Hours: O,
           step: C,
           ...k
@@ -12344,7 +12348,7 @@ const V1 = {
   thumbnailSize: z,
   cardSize: h
 }) => {
-  const i = s.status === "error", [m, j] = q(!1), [f, Z] = q(!1), [y, O] = q(null);
+  const i = s.status === "error", [m, j] = q(!1), [f, Z] = q(!1), [b, O] = q(null);
   v0(() => {
     if (s.type.startsWith("image/")) {
       const _ = URL.createObjectURL(s);
@@ -12393,10 +12397,10 @@ const V1 = {
                           {
                             className: "sud-upload__file-thumbnail",
                             style: { width: z, height: z },
-                            children: s.type.startsWith("image/") && y ? /* @__PURE__ */ t.jsx(
+                            children: s.type.startsWith("image/") && b ? /* @__PURE__ */ t.jsx(
                               d2,
                               {
-                                src: y,
+                                src: b,
                                 alt: s.name,
                                 preview: !1,
                                 mask: null,
@@ -12475,10 +12479,10 @@ const V1 = {
                     alignItems: "center",
                     justifyContent: "center"
                   },
-                  children: s.type.startsWith("image/") && y ? /* @__PURE__ */ t.jsx(
+                  children: s.type.startsWith("image/") && b ? /* @__PURE__ */ t.jsx(
                     d2,
                     {
-                      src: y,
+                      src: b,
                       alt: s.name,
                       preview: !1,
                       mask: null,
@@ -12603,7 +12607,7 @@ const V1 = {
   className: j,
   ariaLabel: f,
   role: Z = "button",
-  listColorType: y = "default",
+  listColorType: b = "default",
   listErrorColorType: O = "red",
   listHoverColorType: C = "sky",
   listDeleteColorType: w = "rose",
@@ -12621,7 +12625,7 @@ const V1 = {
     a || (T = N.current) == null || T.click();
   }, d = (T) => {
     T.preventDefault(), T.stopPropagation(), a || (Y(!0), i == null || i(!0));
-  }, b = (T) => {
+  }, y = (T) => {
     T.preventDefault(), T.stopPropagation(), Y(!1), i == null || i(!1);
   }, r = (T) => {
     if (T.preventDefault(), T.stopPropagation(), Y(!1), i == null || i(!1), a) return;
@@ -12689,7 +12693,7 @@ const V1 = {
           index: I,
           onRemove: D,
           listType: s,
-          listColorType: y,
+          listColorType: b,
           listErrorColorType: O,
           listHoverColorType: C,
           listDeleteColorType: w,
@@ -12734,7 +12738,7 @@ const V1 = {
             style: { cursor: a || P ? "not-allowed" : "pointer" },
             ...S && {
               onDragOver: d,
-              onDragLeave: b,
+              onDragLeave: y,
               onDrop: r
             },
             children: m
@@ -12760,7 +12764,7 @@ const V1 = {
   fontSize: j,
   className: f = "",
   style: Z = {},
-  ...y
+  ...b
 }) => {
   const O = g0(), C = Math.min(100, Math.max(0, c / o * 100)), { borColor: w, bgColor: _ } = i0({
     fallback: v,
@@ -12847,7 +12851,7 @@ const V1 = {
         "aria-valuemin": 0,
         "aria-valuemax": o,
         "aria-label": `Progress: ${C.toFixed(0)}${l ? ` ${l}` : ""}`,
-        ...y,
+        ...b,
         children: [
           i === "outside-left" && n && I,
           /* @__PURE__ */ t.jsx(
@@ -12944,7 +12948,7 @@ const V1 = {
       "aria-valuemin": 0,
       "aria-valuemax": o,
       "aria-label": `Progress: ${C.toFixed(0)}${l ? ` ${l}` : ""}`,
-      ...y,
+      ...b,
       children: [
         /* @__PURE__ */ t.jsxs(
           "svg",
@@ -13119,7 +13123,7 @@ const y4 = {
     border: j,
     shape: f,
     shadow: Z,
-    width: y
+    width: b
   }) => {
     w2.includes(n) || (n = "top-right"), Z2({
       title: s,
@@ -13137,7 +13141,7 @@ const y4 = {
       border: j,
       shape: f,
       shadow: Z,
-      width: y
+      width: b
     });
   }
 }, V9 = ({}) => {
@@ -13154,7 +13158,7 @@ const y4 = {
       color: j,
       background: f,
       borderType: Z,
-      borderColor: y,
+      borderColor: b,
       borderWeight: O,
       border: C,
       shape: w,
@@ -13176,7 +13180,7 @@ const y4 = {
           color: j,
           background: f,
           borderType: Z,
-          borderColor: y,
+          borderColor: b,
           borderWeight: O,
           border: C,
           shape: w,
@@ -13234,7 +13238,7 @@ const y4 = {
   borderWeight: j = 1,
   shape: f = "rounded",
   shadow: Z = "md",
-  width: y = 320
+  width: b = 320
 }) => {
   const [O, C] = q(!1);
   return v0(() => {
@@ -13259,7 +13263,7 @@ const y4 = {
       borderColor: i,
       borderWeight: j,
       border: m,
-      width: y,
+      width: b,
       style: {
         opacity: O ? 1 : 0,
         transform: O ? "translateY(0)" : "translateY(-12px)",
@@ -13360,7 +13364,7 @@ const y4 = {
   disabled: j = !1,
   shadow: f = "md",
   style: Z = {},
-  ariaLabel: y,
+  ariaLabel: b,
   ariaPressed: O,
   ariaExpanded: C,
   ariaControls: w,
@@ -13389,7 +13393,7 @@ const y4 = {
       },
       children: [
         k && o.map((x, F) => {
-          const d = (F + 1) * ($ * 1.2), b = `${F * 40}ms`;
+          const d = (F + 1) * ($ * 1.2), y = `${F * 40}ms`;
           let r;
           switch (Y) {
             case "up":
@@ -13414,7 +13418,7 @@ const y4 = {
               style: {
                 position: "absolute",
                 transition: "all 0.3s ease",
-                transitionDelay: b,
+                transitionDelay: y,
                 opacity: V ? 1 : 0,
                 transform: V ? `${r} scale(1)` : "translate(0, 0) scale(0.9)",
                 pointerEvents: V ? "auto" : "none"
@@ -13463,7 +13467,7 @@ const y4 = {
             borderColor: h,
             borderType: i,
             borderWeight: m,
-            ariaLabel: y,
+            ariaLabel: b,
             ariaPressed: O,
             ariaExpanded: C,
             ariaControls: w,
@@ -13491,7 +13495,7 @@ const y4 = {
     const w = new ResizeObserver(C);
     return l.current && w.observe(l.current), n.current && w.observe(n.current), a.current && w.observe(a.current), () => w.disconnect();
   }, []);
-  let j = null, f = null, Z = null, y = null;
+  let j = null, f = null, Z = null, b = null;
   const O = [];
   return f2.forEach(s, (C) => {
     if (!(C != null && C.type)) return;
@@ -13509,7 +13513,7 @@ const y4 = {
       headerHeight: u,
       footerHeight: z,
       siderPosition: c
-    }) : w === "SUContent" ? y = g1(C, {
+    }) : w === "SUContent" ? b = g1(C, {
       layoutOffset: {
         header: u,
         footer: z,
@@ -13532,7 +13536,7 @@ const y4 = {
         c === "above-header" && Z,
         j,
         c === "below-header" && Z,
-        y,
+        b,
         f,
         O
       ]
@@ -13555,7 +13559,7 @@ const y4 = {
     siderPosition: j = "below-header",
     siderWidth: f = 0,
     border: Z = !0,
-    style: y = {},
+    style: b = {},
     ...O
   }, C) => {
     const w = g0(), { bgColor: _, txtColor: R, borColor: M } = i0({
@@ -13583,7 +13587,7 @@ const y4 = {
           left: j === "above-header" ? `${f}px` : 0,
           boxShadow: k,
           ...P,
-          ...y
+          ...b
         },
         ...O,
         children: s
@@ -13609,7 +13613,7 @@ const Y9 = B1(
     onWidthChange: j,
     siderPosition: f = "below-header",
     headerHeight: Z = 0,
-    footerHeight: y = 0,
+    footerHeight: b = 0,
     border: O = !0,
     style: C = {},
     ...w
@@ -13636,7 +13640,7 @@ const Y9 = B1(
           position: "absolute",
           top: f === "below-header" ? Z : 0,
           left: 0,
-          height: i && f === "below-header" ? `calc(100% - ${Z}px - ${y}px)` : "100%",
+          height: i && f === "below-header" ? `calc(100% - ${Z}px - ${b}px)` : "100%",
           width: typeof h == "number" ? `${h}px` : h,
           minWidth: 0,
           // ✅ 내부 요소가 밀리지 않도록
@@ -13672,9 +13676,9 @@ const U9 = B1(
     style: a = {},
     ...u
   }, v) => {
-    const z = h0(null), h = v || z, i = g0(), { header: m = 0, footer: j = 0, sider: f = 0 } = n, { bgColor: Z, txtColor: y } = i0({
+    const z = h0(null), h = v || z, i = g0(), { header: m = 0, footer: j = 0, sider: f = 0 } = n, { bgColor: Z, txtColor: b } = i0({
       border: !1
-    }), O = o ? L(o, i) : Z, C = l ? L(l, i) : y;
+    }), O = o ? L(o, i) : Z, C = l ? L(l, i) : b;
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -13718,7 +13722,7 @@ const G9 = B1(
     onHeightChange: j,
     siderPosition: f = "below-header",
     siderWidth: Z = 0,
-    border: y = !0,
+    border: b = !0,
     style: O = {},
     ...C
   }, w) => {
@@ -13727,9 +13731,9 @@ const G9 = B1(
       R.current && (j == null || j(R.current.offsetHeight));
     }, []);
     const { bgColor: S, txtColor: N, borColor: H } = i0({
-      border: y,
+      border: b,
       fallback: l
-    }), V = c ? L(c, M) : S, P = o ? L(o, M) : N, k = n ? L(n, M) : H, W = y && k ? `${u}px ${a} ${k}` : "none", Y = D0(m, M), B = z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
+    }), V = c ? L(c, M) : S, P = o ? L(o, M) : N, k = n ? L(n, M) : H, W = b && k ? `${u}px ${a} ${k}` : "none", Y = D0(m, M), B = z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -13813,7 +13817,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   finalDividerColor: h,
   ...i
 }) => {
-  const [m, j] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, Z = a.includes(s.key), y = !f, O = `${12 + c * 16}px`, { backgroundColor: C, color: w } = u(s.key, y, m);
+  const [m, j] = q(!1), f = Array.isArray(s.children) && s.children.length > 0, Z = a.includes(s.key), b = !f, O = `${12 + c * 16}px`, { backgroundColor: C, color: w } = u(s.key, b, m);
   return s.mode === "group" ? /* @__PURE__ */ t.jsxs("li", { className: "mg-b-6", children: [
     typeof s.title == "string" ? /* @__PURE__ */ t.jsx(
       t0,
@@ -13880,7 +13884,7 @@ const X9 = ({ isOpen: s, children: c }) => {
         },
         onClick: () => {
           var _;
-          y ? (l == null || l(s.key), (_ = s.onClick) == null || _.call(s)) : n(s.key);
+          b ? (l == null || l(s.key), (_ = s.onClick) == null || _.call(s)) : n(s.key);
         },
         role: f ? "button" : "menuitem",
         "aria-expanded": f ? Z : void 0,
@@ -13966,7 +13970,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   background: j,
   color: f,
   border: Z,
-  borderColor: y,
+  borderColor: b,
   borderType: O,
   borderWeight: C,
   shape: w,
@@ -13994,10 +13998,10 @@ const X9 = ({ isOpen: s, children: c }) => {
   }, { bgColor: x, txtColor: F, borColor: d } = i0({
     border: Z,
     fallback: i
-  }), { borColor: b } = i0({
+  }), { borColor: y } = i0({
     border: h,
     fallback: i
-  }), r = j ? L(j, M) : x, p = f ? L(f, M) : F, g = y ? L(y, M) : d, D = m ? L(m, M) : b, U = Z && g ? `${C}px ${O} ${g}` : "none";
+  }), r = j ? L(j, M) : x, p = f ? L(f, M) : F, g = b ? L(b, M) : d, D = m ? L(m, M) : y, U = Z && g ? `${C}px ${O} ${g}` : "none";
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -14046,7 +14050,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   placement: v,
   colorType: z
 }) => {
-  const [h, i] = q(!1), m = h0(), j = h0(null), f = l === s.key, Z = Array.isArray(s.children) && s.children.length > 0, y = f || h, C = i0({
+  const [h, i] = q(!1), m = h0(), j = h0(null), f = l === s.key, Z = Array.isArray(s.children) && s.children.length > 0, b = f || h, C = i0({
     border: !1,
     componentType: "etc",
     fallback: f ? "selected" : "hovered"
@@ -14064,10 +14068,10 @@ const X9 = ({ isOpen: s, children: c }) => {
     {
       ref: m,
       className: n0("sud-menu__item", {
-        "sud-menu__item--active": y
+        "sud-menu__item--active": b
       }),
       style: {
-        ...y && {
+        ...b && {
           backgroundColor: w,
           color: _
         },
@@ -14140,7 +14144,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   // PopupBase용 추가 스타일 props
   background: f,
   color: Z,
-  border: y = !1,
+  border: b = !1,
   borderColor: O,
   borderType: C = "solid",
   borderWeight: w = 1,
@@ -14170,7 +14174,7 @@ const X9 = ({ isOpen: s, children: c }) => {
     dividerColor: m,
     background: f,
     color: Z,
-    border: y,
+    border: b,
     borderColor: O,
     borderType: C,
     borderWeight: w,
@@ -14180,7 +14184,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   }, Y = {
     background: f,
     color: Z,
-    border: y,
+    border: b,
     borderColor: O,
     borderType: C,
     borderWeight: w,
@@ -14195,7 +14199,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   if (N === "accordion")
     return /* @__PURE__ */ t.jsx(K9, { ...W });
   const { borColor: $ } = i0({
-    border: y,
+    border: b,
     fallback: i
   });
   O && L(O, k);
@@ -14215,7 +14219,7 @@ const X9 = ({ isOpen: s, children: c }) => {
       role: "menu",
       "aria-orientation": S ? "horizontal" : "vertical",
       ...P,
-      children: s.map((d, b) => /* @__PURE__ */ t.jsxs(B0.Fragment, { children: [
+      children: s.map((d, y) => /* @__PURE__ */ t.jsxs(B0.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
           q9,
           {
@@ -14230,7 +14234,7 @@ const X9 = ({ isOpen: s, children: c }) => {
             colorType: i
           }
         ),
-        h && b < s.length - 1 && (S ? /* @__PURE__ */ t.jsx(
+        h && y < s.length - 1 && (S ? /* @__PURE__ */ t.jsx(
           "div",
           {
             style: {
@@ -14247,7 +14251,7 @@ const X9 = ({ isOpen: s, children: c }) => {
             style: { margin: "1rem 0" }
           }
         ))
-      ] }, d.key || `menu-item-${b}`))
+      ] }, d.key || `menu-item-${y}`))
     }
   ) : null;
 }, C4 = ({
@@ -14277,7 +14281,7 @@ const X9 = ({ isOpen: s, children: c }) => {
   border: j,
   borderColor: f,
   borderType: Z,
-  borderWeight: y,
+  borderWeight: b,
   shape: O = "rounded",
   shadow: C,
   expandType: w = "popover",
@@ -14304,7 +14308,7 @@ const X9 = ({ isOpen: s, children: c }) => {
       color: m,
       borderColor: f,
       borderType: Z,
-      borderWeight: y,
+      borderWeight: b,
       shape: O,
       shadow: C,
       variant: "dropdown",
@@ -14356,7 +14360,7 @@ const X9 = ({ isOpen: s, children: c }) => {
     color: i
   }, Z = {
     color: m
-  }, y = {
+  }, b = {
     height: "1em",
     display: "inline-flex",
     alignItems: "center",
@@ -14412,7 +14416,7 @@ const X9 = ({ isOpen: s, children: c }) => {
                       },
                       pretendard: "L",
                       size: z,
-                      children: _ ? /* @__PURE__ */ t.jsx("span", { style: y, children: O.label }) : O.label
+                      children: _ ? /* @__PURE__ */ t.jsx("span", { style: b, children: O.label }) : O.label
                     }
                   ) : /* @__PURE__ */ t.jsx(
                     t0,
@@ -14422,7 +14426,7 @@ const X9 = ({ isOpen: s, children: c }) => {
                       style: Z,
                       pretendard: "SB",
                       size: z,
-                      children: _ ? /* @__PURE__ */ t.jsx("span", { style: y, children: O.label }) : O.label
+                      children: _ ? /* @__PURE__ */ t.jsx("span", { style: b, children: O.label }) : O.label
                     }
                   ),
                   !w && /* @__PURE__ */ t.jsx(t.Fragment, { children: typeof o == "string" ? /* @__PURE__ */ t.jsx(
@@ -14437,7 +14441,7 @@ const X9 = ({ isOpen: s, children: c }) => {
                       size: z,
                       children: o
                     }
-                  ) : /* @__PURE__ */ t.jsx("span", { style: y, children: o }) })
+                  ) : /* @__PURE__ */ t.jsx("span", { style: b, children: o }) })
                 ]
               },
               `${O.label}-${C}`