sud-ui 0.1.2009 → 0.1.2011

package/dist/index.js

@@ -1,4 +1,4 @@
-import J0, { createContext as k2, useEffect as z0, useContext as _2, useState as G, useRef as f0, useCallback as F0, useLayoutEffect as w1, useMemo as T0, Children as u2, isValidElement as p2, createElement as i1, useId as f2, cloneElement as b1, forwardRef as R1 } from "react";
+import J0, { createContext as k2, useEffect as z0, useContext as _2, useState as G, useRef as f0, useCallback as F0, useLayoutEffect as w1, useMemo as T0, Children as u2, isValidElement as p2, createElement as i1, useId as f2, cloneElement as y1, forwardRef as R1 } from "react";
 import { createPortal as f1 } from "react-dom";
 function F2(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
@@ -73,7 +73,7 @@ function T2() {
         ), r.$$typeof) {
           case F:
             return "Portal";
-          case N:
+          case L:
             return (r.displayName || "Context") + ".Provider";
           case _:
             return (r._context.displayName || "Context") + ".Consumer";
@@ -103,8 +103,8 @@ function T2() {
       }
       if (u) {
         u = console;
-        var y = u.error, E = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return y.call(
+        var b = u.error, E = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return b.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           E
@@ -123,7 +123,7 @@ function T2() {
       }
     }
     function o() {
-      var r = O.A;
+      var r = N.A;
       return r === null ? null : r.getOwner();
     }
     function a() {
@@ -137,14 +137,14 @@ function T2() {
       return r.key !== void 0;
     }
     function g(r, u) {
-      function y() {
+      function b() {
         v || (v = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           u
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: y,
+      b.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: b,
         configurable: !0
       });
     }
@@ -154,14 +154,14 @@ function T2() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function i(r, u, y, E, P, D, U, K) {
-      return y = D.ref, r = {
+    function i(r, u, b, E, P, D, U, K) {
+      return b = D.ref, r = {
         $$typeof: j,
         type: r,
         key: u,
         props: D,
         _owner: P
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(r, "ref", {
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: Z
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
@@ -186,7 +186,7 @@ function T2() {
         value: K
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function h(r, u, y, E, P, D, U, K) {
+    function h(r, u, b, E, P, D, U, K) {
       var W = u.children;
       if (W !== void 0)
         if (E)
@@ -217,13 +217,13 @@ React keys must be passed directly to JSX without using spread:
           W
         ), T[W + E] = !0);
       }
-      if (W = null, y !== void 0 && (n(y), W = "" + y), d(u) && (n(u.key), W = "" + u.key), "key" in u) {
-        y = {};
+      if (W = null, b !== void 0 && (n(b), W = "" + b), d(u) && (n(u.key), W = "" + u.key), "key" in u) {
+        b = {};
         for (var J in u)
-          J !== "key" && (y[J] = u[J]);
-      } else y = u;
+          J !== "key" && (b[J] = u[J]);
+      } else b = u;
       return W && g(
-        y,
+        b,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), i(
         r,
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         P,
         o(),
-        y,
+        b,
         U,
         K
       );
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     function x(r) {
       typeof r == "object" && r !== null && r.$$typeof === j && r._store && (r._store.validated = 1);
     }
-    var C = J0, j = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), N = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), O = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, V = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var C = J0, j = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), L = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), N = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, V = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     C = {
@@ -247,32 +247,32 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var v, m = {}, b = C["react-stack-bottom-frame"].bind(
+    var v, m = {}, y = C["react-stack-bottom-frame"].bind(
       C,
       a
     )(), f = w(l(a)), T = {};
-    v1.Fragment = M, v1.jsx = function(r, u, y, E, P) {
-      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
+    v1.Fragment = M, v1.jsx = function(r, u, b, E, P) {
+      var D = 1e4 > N.recentlyCreatedOwnerStacks++;
       return h(
         r,
         u,
-        y,
+        b,
         !1,
         E,
         P,
-        D ? Error("react-stack-top-frame") : b,
+        D ? Error("react-stack-top-frame") : y,
         D ? w(l(r)) : f
       );
-    }, v1.jsxs = function(r, u, y, E, P) {
-      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
+    }, v1.jsxs = function(r, u, b, E, P) {
+      var D = 1e4 > N.recentlyCreatedOwnerStacks++;
       return h(
         r,
         u,
-        y,
+        b,
         !0,
         E,
         P,
-        D ? Error("react-stack-top-frame") : b,
+        D ? Error("react-stack-top-frame") : y,
         D ? w(l(r)) : f
       );
     };
@@ -928,9 +928,9 @@ const e1 = {
   componentType: n = "button"
 } = {}) => {
   var Z, i;
-  const l = h0(), o = ((i = (Z = l.components) == null ? void 0 : Z[n]) == null ? void 0 : i[c]) || {}, a = L(o.bg, l), d = L(o.txt, l), g = s && o.border ? L(o.border, l) : null;
+  const l = h0(), o = ((i = (Z = l.components) == null ? void 0 : Z[n]) == null ? void 0 : i[c]) || {}, a = O(o.bg, l), d = O(o.txt, l), g = s && o.border ? O(o.border, l) : null;
   if (n === "breadcrumb") {
-    const h = L(o.separator, l), x = L(o.text, l), C = L(o.now, l);
+    const h = O(o.separator, l), x = O(o.text, l), C = O(o.now, l);
     return {
       separator: h,
       text: x,
@@ -946,7 +946,7 @@ const e1 = {
   if (!s) return { color: void 0, intensity: void 0 };
   const c = s.match(/^(.+)-(\d+)$/);
   return c ? { color: c[1], intensity: parseInt(c[2], 10) } : { color: s, intensity: void 0 };
-}, L = (s, c) => {
+}, O = (s, c) => {
   var o;
   if (!s) return "";
   if (s === "transparent") return "transparent";
@@ -1000,7 +1000,7 @@ const e1 = {
   // T, EL, L, R, M, SB, B, Black
   gmarket: n,
   // Light, Medium, Bold
-  suit: l,
+  suite: l,
   // L, R, M, SM, B, EB, H
   code: o = !1,
   fontFamily: a,
@@ -1012,14 +1012,14 @@ const e1 = {
   style: x = {},
   ...C
 }) => {
-  const j = h0(), F = Z, { fontSize: M, fontWeight: p } = $1({ size: d, weight: g, theme: j }), S = i ? L(i, j) : void 0, _ = a || o && "IntelOneMono-Medium" || n && `GmarketSans${n}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, N = !_;
+  const j = h0(), F = Z, { fontSize: M, fontWeight: p } = $1({ size: d, weight: g, theme: j }), S = i ? O(i, j) : void 0, _ = a || o && "IntelOneMono-Medium" || n && `GmarketSans${n}` || l && `SUITE-${l}` || c && `Pretendard-${c}`, L = !_;
   return /* @__PURE__ */ t.jsx(
     F,
     {
       className: l0("sud-typography", h),
       style: {
         fontSize: M,
-        fontWeight: N ? p : void 0,
+        fontWeight: L ? p : void 0,
         fontFamily: _,
         color: S,
         margin: 0,
@@ -1045,7 +1045,7 @@ const e1 = {
   const i = h0(), { txtColor: h, borColor: x } = i0({
     border: o,
     fallback: g
-  }), C = a ? L(a, i) : h, j = d ? L(d, i) : x, F = o && j ? `${n}px ${l} ${j}` : "none", M = () => s ? c === "left" ? { justifyContent: "flex-start" } : c === "right" ? { justifyContent: "flex-end" } : { justifyContent: "center" } : {};
+  }), C = a ? O(a, i) : h, j = d ? O(d, i) : x, F = o && j ? `${n}px ${l} ${j}` : "none", M = () => s ? c === "left" ? { justifyContent: "flex-start" } : c === "right" ? { justifyContent: "flex-end" } : { justifyContent: "center" } : {};
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1126,7 +1126,7 @@ const e1 = {
   borderWeight: p = 1,
   shape: S = "rounded",
   shadow: _ = "sm",
-  colorType: N = "default",
+  colorType: L = "default",
   style: k = {},
   followTrigger: B = !1,
   contentRef: $ = null,
@@ -1135,7 +1135,7 @@ const e1 = {
   variant: H = "popup"
   // "popup" | "popover" | "tooltip" | "dropdown" | "Menu" | "popconfirm"
 }) => {
-  const I = h0(), [z, O] = G(d), A = f0(null), V = f0(null), w = $ || V, v = f0(null), m = f0({}), [b, f] = G({
+  const I = h0(), [z, N] = G(d), A = f0(null), V = f0(null), w = $ || V, v = f0(null), m = f0({}), [y, f] = G({
     position: "absolute",
     top: "-9999px",
     left: "-9999px",
@@ -1143,9 +1143,9 @@ const e1 = {
     pointerEvents: "none",
     zIndex: 1e3,
     transition: "opacity 0.2s ease"
-  }), [T, r] = G(!1), u = a !== void 0, y = u ? a : z, E = F0(
+  }), [T, r] = G(!1), u = a !== void 0, b = u ? a : z, E = F0(
     (Y) => {
-      if (u || O(Y), g == null || g(Y), !Y && (r(!1), w.current)) {
+      if (u || N(Y), g == null || g(Y), !Y && (r(!1), w.current)) {
         const Q = j1.get(w.current);
         Q && Q.forEach((d0) => {
           var j0, o0;
@@ -1161,24 +1161,24 @@ const e1 = {
     },
     [u, g, w]
   ), P = () => {
-    !i && !y && (w != null && w.current) ? (v.current && (clearTimeout(v.current), v.current = null), E(!0)) : !i && !y && E(!0);
+    !i && !b && (w != null && w.current) ? (v.current && (clearTimeout(v.current), v.current = null), E(!0)) : !i && !b && E(!0);
   }, D = () => {
     i || (v.current && clearTimeout(v.current), v.current = setTimeout(() => {
       E(!1);
     }, 100));
-  }, U = () => !i && E(!y);
+  }, U = () => !i && E(!b);
   z0(() => {
-    if (l !== "click" || !y) return;
+    if (l !== "click" || !b) return;
     const Y = (Q) => {
       var d0, g0;
       !((d0 = A.current) != null && d0.contains(Q.target)) && !((g0 = w.current) != null && g0.contains(Q.target)) && D();
     };
     return document.addEventListener("click", Y, !0), () => document.removeEventListener("mousedown", Y);
-  }, [l, y, D]);
+  }, [l, b, D]);
   const { bgColor: K, txtColor: W, borColor: q } = i0({
     border: j,
-    fallback: N
-  }), J = x ? L(x, I) : K, p0 = C ? L(C, I) : W, x0 = F ? L(F, I) : q, y0 = j && x0 ? `${p}px ${M} ${x0}` : "none", b0 = O0(_, I), S0 = I0(S), B0 = F0(() => {
+    fallback: L
+  }), J = x ? O(x, I) : K, p0 = C ? O(C, I) : W, x0 = F ? O(F, I) : q, b0 = j && x0 ? `${p}px ${M} ${x0}` : "none", y0 = O0(_, I), S0 = I0(S), B0 = F0(() => {
     if (!A.current || !w.current) return {};
     const Y = A.current.getBoundingClientRect(), Q = w.current.getBoundingClientRect(), d0 = window.scrollY || document.documentElement.scrollTop, g0 = window.scrollX || document.documentElement.scrollLeft, j0 = {
       position: "absolute",
@@ -1221,29 +1221,29 @@ const e1 = {
     return { ...j0, ...o0 };
   }, [o]);
   w1(() => {
-    if (y && w.current && A.current && !T) {
+    if (b && w.current && A.current && !T) {
       const Y = B0();
       f({
         ...Y,
         opacity: 1,
         pointerEvents: "auto"
       }), r(!0);
-    } else y || f((Y) => ({
+    } else b || f((Y) => ({
       ...Y,
       top: "-9999px",
       left: "-9999px",
       opacity: 0,
       pointerEvents: "none"
     }));
-  }, [y, T, B0]), z0(() => {
-    if (!y || !B) return;
+  }, [b, T, B0]), z0(() => {
+    if (!b || !B) return;
     let Y;
     const Q = () => {
       const d0 = B0();
       f((g0) => ({ ...g0, ...d0 })), Y = requestAnimationFrame(Q);
     };
     return Q(), () => cancelAnimationFrame(Y);
-  }, [y, B, B0]);
+  }, [b, B, B0]);
   const X = F0(
     ({ type: Y = "background" }) => {
       const Q = Y === "border", d0 = x0 && p > 0, g0 = c1 * 2 + (d0 ? p * 2 : 0), j0 = Math.sqrt(p * p * 2), o0 = !Q && d0 ? j0 : 0, k0 = {
@@ -1257,11 +1257,11 @@ const e1 = {
         position: "absolute",
         transform: "rotate(45deg)",
         zIndex: Q ? 1 : 3,
-        border: Q ? y0 : void 0,
+        border: Q ? b0 : void 0,
         borderRadius: "2px 0 0 0",
         background: Q ? void 0 : k0[o],
         backgroundColor: Q ? x0 ?? J : void 0,
-        boxShadow: Q ? b0 : void 0
+        boxShadow: Q ? y0 : void 0
       }, _0 = {
         bottom: {
           top: `-${c1 - o0}px`,
@@ -1290,9 +1290,9 @@ const e1 = {
       o,
       J,
       x0,
-      y0,
+      b0,
       p,
-      b0
+      y0
     ]
   );
   return z0(() => {
@@ -1305,7 +1305,7 @@ const e1 = {
         D1,
         F1
       );
-      if (!y) {
+      if (!b) {
         g0 && P();
         return;
       }
@@ -1316,7 +1316,7 @@ const e1 = {
     return document.addEventListener("pointermove", Y), () => {
       document.removeEventListener("pointermove", Y), clearTimeout(v.current);
     };
-  }, [l, y, P, D]), z0(() => {
+  }, [l, b, P, D]), z0(() => {
     if (l === "hover" && (F1.add(w), R)) {
       D1.set(w, R);
       const Y = j1.get(R) || /* @__PURE__ */ new Set();
@@ -1354,12 +1354,12 @@ const e1 = {
             children: s
           }
         ),
-        y && f1(
+        b && f1(
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               ref: w,
-              style: b,
+              style: y,
               onClick: (Y) => {
                 Y.stopPropagation(), Z && D();
               },
@@ -1380,12 +1380,12 @@ const e1 = {
                     style: {
                       backgroundColor: J,
                       color: p0,
-                      border: y0,
+                      border: b0,
                       padding: "8px",
                       width: "max-content",
                       whiteSpace: "nowrap",
                       ...S0,
-                      boxShadow: b0,
+                      boxShadow: y0,
                       zIndex: 2,
                       position: "relative"
                     },
@@ -1463,11 +1463,11 @@ const e1 = {
   onKeyDown: S,
   tabIndex: _ = 0
 }) => {
-  const N = h0(), k = t2[o] || t2.md, { bgColor: B, txtColor: $, borColor: R } = i0({
+  const L = h0(), k = t2[o] || t2.md, { bgColor: B, txtColor: $, borColor: R } = i0({
     border: i,
     componentType: "tag",
     fallback: d
-  }), H = g ? L(g, N) : B, I = Z ? L(Z, N) : $, z = h ? L(h, N) : R, O = i && z ? `${C}px ${x} ${z}` : "none", A = I0(a, N), V = O0(j, N), w = l ? null : c ? R2[c] : s, v = (m) => {
+  }), H = g ? O(g, L) : B, I = Z ? O(Z, L) : $, z = h ? O(h, L) : R, N = i && z ? `${C}px ${x} ${z}` : "none", A = I0(a, L), V = O0(j, L), w = l ? null : c ? R2[c] : s, v = (m) => {
     (m.key === "Enter" || m.key === " ") && (m.preventDefault(), p == null || p()), S == null || S(m);
   };
   return /* @__PURE__ */ t.jsx(
@@ -1484,7 +1484,7 @@ const e1 = {
         height: k,
         background: H,
         color: I,
-        border: O,
+        border: N,
         boxShadow: V,
         fontSize: k * 0.4,
         display: "flex",
@@ -1533,14 +1533,14 @@ M1.Group = ({
   "aria-label": M = "아바타 그룹"
 }) => {
   const p = s.slice(0, c), S = s.slice(c), _ = T0(() => {
-    const N = {
+    const L = {
       xs: 32,
       sm: 40,
       md: 48,
       lg: 56,
       xl: 64
     }[n];
-    return Math.floor(N * 0.6);
+    return Math.floor(L * 0.6);
   }, [n]);
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -1555,7 +1555,7 @@ M1.Group = ({
         ...C
       },
       children: [
-        p.map((N, k) => /* @__PURE__ */ t.jsx(
+        p.map((L, k) => /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "sud-avatar-group-item",
@@ -1576,7 +1576,7 @@ M1.Group = ({
                 borderType: i,
                 borderWeight: h,
                 shadow: x,
-                ...N
+                ...L
               }
             )
           },
@@ -1603,7 +1603,7 @@ M1.Group = ({
                       maxWidth: "90vw",
                       padding: 8
                     },
-                    children: S.map((N, k) => /* @__PURE__ */ t.jsx(
+                    children: S.map((L, k) => /* @__PURE__ */ t.jsx(
                       M1,
                       {
                         size: n,
@@ -1616,7 +1616,7 @@ M1.Group = ({
                         borderType: i,
                         borderWeight: h,
                         shadow: x,
-                        ...N
+                        ...L
                       },
                       k
                     ))
@@ -1672,11 +1672,11 @@ const s2 = {
   children: p,
   "aria-label": S
 }) => {
-  const _ = h0(), { bgColor: N, txtColor: k, borColor: B } = i0({
+  const _ = h0(), { bgColor: L, txtColor: k, borColor: B } = i0({
     border: Z,
     fallback: a,
     componentType: "tag"
-  }), $ = d ? L(d, _) : k, R = g ? L(g, _) : N, H = i ? L(i, _) : B, I = Z && H ? `${x}px ${h} ${H}` : "none", z = typeof s == "number" && typeof c == "number" && s > c ? `${c}+` : s, O = n || s != null && (s !== 0 || l), A = s2[o] || s2["top-right"], V = () => S || (n ? "알림 표시" : typeof s == "number" ? `${s}개의 알림` : "알림");
+  }), $ = d ? O(d, _) : k, R = g ? O(g, _) : L, H = i ? O(i, _) : B, I = Z && H ? `${x}px ${h} ${H}` : "none", z = typeof s == "number" && typeof c == "number" && s > c ? `${c}+` : s, N = n || s != null && (s !== 0 || l), A = s2[o] || s2["top-right"], V = () => S || (n ? "알림 표시" : typeof s == "number" ? `${s}개의 알림` : "알림");
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1684,7 +1684,7 @@ const s2 = {
       style: { position: "relative", display: "inline-block" },
       children: [
         p,
-        O && /* @__PURE__ */ t.jsx(
+        N && /* @__PURE__ */ t.jsx(
           "span",
           {
             className: `sud-badge ${F}`,
@@ -1725,16 +1725,16 @@ function D2() {
       var n = 1e3, l = 6e4, o = 36e5, a = "millisecond", d = "second", g = "minute", Z = "hour", i = "day", h = "week", x = "month", C = "quarter", j = "year", F = "date", M = "Invalid Date", p = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, S = /\[([^\]]+)]|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, _ = { 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(w) {
         var v = ["th", "st", "nd", "rd"], m = w % 100;
         return "[" + w + (v[(m - 20) % 10] || v[m] || v[0]) + "]";
-      } }, N = function(w, v, m) {
-        var b = String(w);
-        return !b || b.length >= v ? w : "" + Array(v + 1 - b.length).join(m) + w;
-      }, k = { s: N, z: function(w) {
-        var v = -w.utcOffset(), m = Math.abs(v), b = Math.floor(m / 60), f = m % 60;
-        return (v <= 0 ? "+" : "-") + N(b, 2, "0") + ":" + N(f, 2, "0");
+      } }, L = function(w, v, m) {
+        var y = String(w);
+        return !y || y.length >= v ? w : "" + Array(v + 1 - y.length).join(m) + w;
+      }, k = { s: L, z: function(w) {
+        var v = -w.utcOffset(), m = Math.abs(v), y = Math.floor(m / 60), f = m % 60;
+        return (v <= 0 ? "+" : "-") + L(y, 2, "0") + ":" + L(f, 2, "0");
       }, m: function w(v, m) {
         if (v.date() < m.date()) return -w(m, v);
-        var b = 12 * (m.year() - v.year()) + (m.month() - v.month()), f = v.clone().add(b, x), T = m - f < 0, r = v.clone().add(b + (T ? -1 : 1), x);
-        return +(-(b + (m - f) / (T ? f - r : r - f)) || 0);
+        var y = 12 * (m.year() - v.year()) + (m.month() - v.month()), f = v.clone().add(y, x), T = m - f < 0, r = v.clone().add(y + (T ? -1 : 1), x);
+        return +(-(y + (m - f) / (T ? f - r : r - f)) || 0);
       }, a: function(w) {
         return w < 0 ? Math.ceil(w) || 0 : Math.floor(w);
       }, p: function(w) {
@@ -1745,7 +1745,7 @@ function D2() {
       $[B] = _;
       var R = "$isDayjsObject", H = function(w) {
         return w instanceof A || !(!w || !w[R]);
-      }, I = function w(v, m, b) {
+      }, I = function w(v, m, y) {
         var f;
         if (!v) return B;
         if (typeof v == "string") {
@@ -1757,13 +1757,13 @@ function D2() {
           var u = v.name;
           $[u] = v, f = u;
         }
-        return !b && f && (B = f), f || !b && B;
+        return !y && f && (B = f), f || !y && B;
       }, z = function(w, v) {
         if (H(w)) return w.clone();
         var m = typeof v == "object" ? v : {};
         return m.date = w, m.args = arguments, new A(m);
-      }, O = k;
-      O.l = I, O.i = H, O.w = function(w, v) {
+      }, N = k;
+      N.l = I, N.i = H, N.w = function(w, v) {
         return z(w, { locale: v.$L, utc: v.$u, x: v.$x, $offset: v.$offset });
       };
       var A = function() {
@@ -1772,16 +1772,16 @@ function D2() {
         }
         var v = w.prototype;
         return v.parse = function(m) {
-          this.$d = function(b) {
-            var f = b.date, T = b.utc;
+          this.$d = function(y) {
+            var f = y.date, T = y.utc;
             if (f === null) return /* @__PURE__ */ new Date(NaN);
-            if (O.u(f)) return /* @__PURE__ */ new Date();
+            if (N.u(f)) return /* @__PURE__ */ new Date();
             if (f instanceof Date) return new Date(f);
             if (typeof f == "string" && !/Z$/i.test(f)) {
               var r = f.match(p);
               if (r) {
-                var u = r[2] - 1 || 0, y = (r[7] || "0").substring(0, 3);
-                return T ? new Date(Date.UTC(r[1], u, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, y)) : new Date(r[1], u, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, y);
+                var u = r[2] - 1 || 0, b = (r[7] || "0").substring(0, 3);
+                return T ? new Date(Date.UTC(r[1], u, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, b)) : new Date(r[1], u, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, b);
               }
             }
             return new Date(f);
@@ -1790,28 +1790,28 @@ function D2() {
           var m = this.$d;
           this.$y = m.getFullYear(), this.$M = m.getMonth(), this.$D = m.getDate(), this.$W = m.getDay(), this.$H = m.getHours(), this.$m = m.getMinutes(), this.$s = m.getSeconds(), this.$ms = m.getMilliseconds();
         }, v.$utils = function() {
-          return O;
+          return N;
         }, v.isValid = function() {
           return this.$d.toString() !== M;
-        }, v.isSame = function(m, b) {
+        }, v.isSame = function(m, y) {
           var f = z(m);
-          return this.startOf(b) <= f && f <= this.endOf(b);
-        }, v.isAfter = function(m, b) {
-          return z(m) < this.startOf(b);
-        }, v.isBefore = function(m, b) {
-          return this.endOf(b) < z(m);
-        }, v.$g = function(m, b, f) {
-          return O.u(m) ? this[b] : this.set(f, m);
+          return this.startOf(y) <= f && f <= this.endOf(y);
+        }, v.isAfter = function(m, y) {
+          return z(m) < this.startOf(y);
+        }, v.isBefore = function(m, y) {
+          return this.endOf(y) < z(m);
+        }, v.$g = function(m, y, f) {
+          return N.u(m) ? this[y] : this.set(f, m);
         }, v.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, v.valueOf = function() {
           return this.$d.getTime();
-        }, v.startOf = function(m, b) {
-          var f = this, T = !!O.u(b) || b, r = O.p(m), u = function(q, J) {
-            var p0 = O.w(f.$u ? Date.UTC(f.$y, J, q) : new Date(f.$y, J, q), f);
+        }, v.startOf = function(m, y) {
+          var f = this, T = !!N.u(y) || y, r = N.p(m), u = function(q, J) {
+            var p0 = N.w(f.$u ? Date.UTC(f.$y, J, q) : new Date(f.$y, J, q), f);
             return T ? p0 : p0.endOf(i);
-          }, y = function(q, J) {
-            return O.w(f.toDate()[q].apply(f.toDate("s"), (T ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(J)), f);
+          }, b = function(q, J) {
+            return N.w(f.toDate()[q].apply(f.toDate("s"), (T ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(J)), f);
           }, E = this.$W, P = this.$M, D = this.$D, U = "set" + (this.$u ? "UTC" : "");
           switch (r) {
             case j:
@@ -1823,104 +1823,104 @@ function D2() {
               return u(T ? D - W : D + (6 - W), P);
             case i:
             case F:
-              return y(U + "Hours", 0);
+              return b(U + "Hours", 0);
             case Z:
-              return y(U + "Minutes", 1);
+              return b(U + "Minutes", 1);
             case g:
-              return y(U + "Seconds", 2);
+              return b(U + "Seconds", 2);
             case d:
-              return y(U + "Milliseconds", 3);
+              return b(U + "Milliseconds", 3);
             default:
               return this.clone();
           }
         }, v.endOf = function(m) {
           return this.startOf(m, !1);
-        }, v.$set = function(m, b) {
-          var f, T = O.p(m), r = "set" + (this.$u ? "UTC" : ""), u = (f = {}, f[i] = r + "Date", f[F] = r + "Date", f[x] = r + "Month", f[j] = r + "FullYear", f[Z] = r + "Hours", f[g] = r + "Minutes", f[d] = r + "Seconds", f[a] = r + "Milliseconds", f)[T], y = T === i ? this.$D + (b - this.$W) : b;
+        }, v.$set = function(m, y) {
+          var f, T = N.p(m), r = "set" + (this.$u ? "UTC" : ""), u = (f = {}, f[i] = r + "Date", f[F] = r + "Date", f[x] = r + "Month", f[j] = r + "FullYear", f[Z] = r + "Hours", f[g] = r + "Minutes", f[d] = r + "Seconds", f[a] = r + "Milliseconds", f)[T], b = T === i ? this.$D + (y - this.$W) : y;
           if (T === x || T === j) {
             var E = this.clone().set(F, 1);
-            E.$d[u](y), E.init(), this.$d = E.set(F, Math.min(this.$D, E.daysInMonth())).$d;
-          } else u && this.$d[u](y);
+            E.$d[u](b), E.init(), this.$d = E.set(F, Math.min(this.$D, E.daysInMonth())).$d;
+          } else u && this.$d[u](b);
           return this.init(), this;
-        }, v.set = function(m, b) {
-          return this.clone().$set(m, b);
+        }, v.set = function(m, y) {
+          return this.clone().$set(m, y);
         }, v.get = function(m) {
-          return this[O.p(m)]();
-        }, v.add = function(m, b) {
+          return this[N.p(m)]();
+        }, v.add = function(m, y) {
           var f, T = this;
           m = Number(m);
-          var r = O.p(b), u = function(P) {
+          var r = N.p(y), u = function(P) {
             var D = z(T);
-            return O.w(D.date(D.date() + Math.round(P * m)), T);
+            return N.w(D.date(D.date() + Math.round(P * m)), T);
           };
           if (r === x) return this.set(x, this.$M + m);
           if (r === j) return this.set(j, this.$y + m);
           if (r === i) return u(1);
           if (r === h) return u(7);
-          var y = (f = {}, f[g] = l, f[Z] = o, f[d] = n, f)[r] || 1, E = this.$d.getTime() + m * y;
-          return O.w(E, this);
-        }, v.subtract = function(m, b) {
-          return this.add(-1 * m, b);
+          var b = (f = {}, f[g] = l, f[Z] = o, f[d] = n, f)[r] || 1, E = this.$d.getTime() + m * b;
+          return N.w(E, this);
+        }, v.subtract = function(m, y) {
+          return this.add(-1 * m, y);
         }, v.format = function(m) {
-          var b = this, f = this.$locale();
+          var y = this, f = this.$locale();
           if (!this.isValid()) return f.invalidDate || M;
-          var T = m || "YYYY-MM-DDTHH:mm:ssZ", r = O.z(this), u = this.$H, y = this.$m, E = this.$M, P = f.weekdays, D = f.months, U = f.meridiem, K = function(J, p0, x0, y0) {
-            return J && (J[p0] || J(b, T)) || x0[p0].slice(0, y0);
+          var T = m || "YYYY-MM-DDTHH:mm:ssZ", r = N.z(this), u = this.$H, b = this.$m, E = this.$M, P = f.weekdays, D = f.months, U = f.meridiem, K = function(J, p0, x0, b0) {
+            return J && (J[p0] || J(y, T)) || x0[p0].slice(0, b0);
           }, W = function(J) {
-            return O.s(u % 12 || 12, J, "0");
+            return N.s(u % 12 || 12, J, "0");
           }, q = U || function(J, p0, x0) {
-            var y0 = J < 12 ? "AM" : "PM";
-            return x0 ? y0.toLowerCase() : y0;
+            var b0 = J < 12 ? "AM" : "PM";
+            return x0 ? b0.toLowerCase() : b0;
           };
           return T.replace(S, function(J, p0) {
             return p0 || function(x0) {
               switch (x0) {
                 case "YY":
-                  return String(b.$y).slice(-2);
+                  return String(y.$y).slice(-2);
                 case "YYYY":
-                  return O.s(b.$y, 4, "0");
+                  return N.s(y.$y, 4, "0");
                 case "M":
                   return E + 1;
                 case "MM":
-                  return O.s(E + 1, 2, "0");
+                  return N.s(E + 1, 2, "0");
                 case "MMM":
                   return K(f.monthsShort, E, D, 3);
                 case "MMMM":
                   return K(D, E);
                 case "D":
-                  return b.$D;
+                  return y.$D;
                 case "DD":
-                  return O.s(b.$D, 2, "0");
+                  return N.s(y.$D, 2, "0");
                 case "d":
-                  return String(b.$W);
+                  return String(y.$W);
                 case "dd":
-                  return K(f.weekdaysMin, b.$W, P, 2);
+                  return K(f.weekdaysMin, y.$W, P, 2);
                 case "ddd":
-                  return K(f.weekdaysShort, b.$W, P, 3);
+                  return K(f.weekdaysShort, y.$W, P, 3);
                 case "dddd":
-                  return P[b.$W];
+                  return P[y.$W];
                 case "H":
                   return String(u);
                 case "HH":
-                  return O.s(u, 2, "0");
+                  return N.s(u, 2, "0");
                 case "h":
                   return W(1);
                 case "hh":
                   return W(2);
                 case "a":
-                  return q(u, y, !0);
+                  return q(u, b, !0);
                 case "A":
-                  return q(u, y, !1);
+                  return q(u, b, !1);
                 case "m":
-                  return String(y);
+                  return String(b);
                 case "mm":
-                  return O.s(y, 2, "0");
+                  return N.s(b, 2, "0");
                 case "s":
-                  return String(b.$s);
+                  return String(y.$s);
                 case "ss":
-                  return O.s(b.$s, 2, "0");
+                  return N.s(y.$s, 2, "0");
                 case "SSS":
-                  return O.s(b.$ms, 3, "0");
+                  return N.s(y.$ms, 3, "0");
                 case "Z":
                   return r;
               }
@@ -1929,9 +1929,9 @@ function D2() {
           });
         }, v.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, v.diff = function(m, b, f) {
-          var T, r = this, u = O.p(b), y = z(m), E = (y.utcOffset() - this.utcOffset()) * l, P = this - y, D = function() {
-            return O.m(r, y);
+        }, v.diff = function(m, y, f) {
+          var T, r = this, u = N.p(y), b = z(m), E = (b.utcOffset() - this.utcOffset()) * l, P = this - b, D = function() {
+            return N.m(r, b);
           };
           switch (u) {
             case j:
@@ -1961,17 +1961,17 @@ function D2() {
             default:
               T = P;
           }
-          return f ? T : O.a(T);
+          return f ? T : N.a(T);
         }, v.daysInMonth = function() {
           return this.endOf(x).$D;
         }, v.$locale = function() {
           return $[this.$L];
-        }, v.locale = function(m, b) {
+        }, v.locale = function(m, y) {
           if (!m) return this.$L;
-          var f = this.clone(), T = I(m, b, !0);
+          var f = this.clone(), T = I(m, y, !0);
           return T && (f.$L = T), f;
         }, v.clone = function() {
-          return O.w(this.$d, this);
+          return N.w(this.$d, this);
         }, v.toDate = function() {
           return new Date(this.valueOf());
         }, v.toJSON = function() {
@@ -2123,16 +2123,16 @@ const n0 = /* @__PURE__ */ F2(A2), c2 = {
   shadow: p = "sm",
   border: S = !0,
   style: _ = {},
-  ariaLabel: N,
+  ariaLabel: L,
   ariaPressed: k,
   ariaExpanded: B,
   ariaControls: $,
   role: R = "button"
 }) => {
-  const H = h0(), I = f0(), { bgColor: z, txtColor: O, borColor: A } = i0({
+  const H = h0(), I = f0(), { bgColor: z, txtColor: N, borColor: A } = i0({
     border: S,
     fallback: x ? "disabled" : c
-  }), V = n ? L(n, H) : z, w = l ? L(l, H) : O, v = o ? L(o, H) : A, m = S && v ? `${d}px ${a} ${v}` : "none", b = I0(M, H), f = O0(p, H);
+  }), V = n ? O(n, H) : z, w = l ? O(l, H) : N, v = o ? O(o, H) : A, m = S && v ? `${d}px ${a} ${v}` : "none", y = I0(M, H), f = O0(p, H);
   z0(() => {
     E2("sud-button-styles", I2);
   }, []);
@@ -2159,12 +2159,12 @@ const n0 = /* @__PURE__ */ F2(A2), c2 = {
         color: w,
         border: m,
         boxShadow: c === "text" ? "none" : f,
-        ...b,
+        ...y,
         ..._
       },
       onClick: x ? void 0 : T,
       disabled: x || C,
-      "aria-label": N,
+      "aria-label": L,
       "aria-pressed": k,
       "aria-expanded": B,
       "aria-controls": $,
@@ -2236,7 +2236,7 @@ const n0 = /* @__PURE__ */ F2(A2), c2 = {
     }
   );
 };
-var A1 = { exports: {} }, y1 = {};
+var A1 = { exports: {} }, b1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -2248,7 +2248,7 @@ var A1 = { exports: {} }, y1 = {};
  */
 var n2;
 function V2() {
-  if (n2) return y1;
+  if (n2) return b1;
   n2 = 1;
   var s = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
   function n(l, o, a) {
@@ -2266,7 +2266,7 @@ function V2() {
       props: a
     };
   }
-  return y1.Fragment = c, y1.jsx = n, y1.jsxs = n, y1;
+  return b1.Fragment = c, b1.jsx = n, b1.jsxs = n, b1;
 }
 var T1 = {};
 /**
@@ -2306,7 +2306,7 @@ function P2() {
         ), r.$$typeof) {
           case F:
             return "Portal";
-          case N:
+          case L:
             return (r.displayName || "Context") + ".Provider";
           case _:
             return (r._context.displayName || "Context") + ".Consumer";
@@ -2336,8 +2336,8 @@ function P2() {
       }
       if (u) {
         u = console;
-        var y = u.error, E = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return y.call(
+        var b = u.error, E = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return b.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           E
@@ -2356,7 +2356,7 @@ function P2() {
       }
     }
     function o() {
-      var r = O.A;
+      var r = N.A;
       return r === null ? null : r.getOwner();
     }
     function a() {
@@ -2370,14 +2370,14 @@ function P2() {
       return r.key !== void 0;
     }
     function g(r, u) {
-      function y() {
+      function b() {
         v || (v = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           u
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: y,
+      b.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: b,
         configurable: !0
       });
     }
@@ -2387,14 +2387,14 @@ function P2() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function i(r, u, y, E, P, D, U, K) {
-      return y = D.ref, r = {
+    function i(r, u, b, E, P, D, U, K) {
+      return b = D.ref, r = {
         $$typeof: j,
         type: r,
         key: u,
         props: D,
         _owner: P
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(r, "ref", {
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: Z
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
@@ -2419,7 +2419,7 @@ function P2() {
         value: K
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function h(r, u, y, E, P, D, U, K) {
+    function h(r, u, b, E, P, D, U, K) {
       var W = u.children;
       if (W !== void 0)
         if (E)
@@ -2450,13 +2450,13 @@ React keys must be passed directly to JSX without using spread:
           W
         ), T[W + E] = !0);
       }
-      if (W = null, y !== void 0 && (n(y), W = "" + y), d(u) && (n(u.key), W = "" + u.key), "key" in u) {
-        y = {};
+      if (W = null, b !== void 0 && (n(b), W = "" + b), d(u) && (n(u.key), W = "" + u.key), "key" in u) {
+        b = {};
         for (var J in u)
-          J !== "key" && (y[J] = u[J]);
-      } else y = u;
+          J !== "key" && (b[J] = u[J]);
+      } else b = u;
       return W && g(
-        y,
+        b,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), i(
         r,
@@ -2464,7 +2464,7 @@ React keys must be passed directly to JSX without using spread:
         D,
         P,
         o(),
-        y,
+        b,
         U,
         K
       );
@@ -2472,7 +2472,7 @@ React keys must be passed directly to JSX without using spread:
     function x(r) {
       typeof r == "object" && r !== null && r.$$typeof === j && r._store && (r._store.validated = 1);
     }
-    var C = J0, j = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), N = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), O = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, V = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var C = J0, j = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), L = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), N = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, V = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     C = {
@@ -2480,32 +2480,32 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var v, m = {}, b = C["react-stack-bottom-frame"].bind(
+    var v, m = {}, y = C["react-stack-bottom-frame"].bind(
       C,
       a
     )(), f = w(l(a)), T = {};
-    T1.Fragment = M, T1.jsx = function(r, u, y, E, P) {
-      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
+    T1.Fragment = M, T1.jsx = function(r, u, b, E, P) {
+      var D = 1e4 > N.recentlyCreatedOwnerStacks++;
       return h(
         r,
         u,
-        y,
+        b,
         !1,
         E,
         P,
-        D ? Error("react-stack-top-frame") : b,
+        D ? Error("react-stack-top-frame") : y,
         D ? w(l(r)) : f
       );
-    }, T1.jsxs = function(r, u, y, E, P) {
-      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
+    }, T1.jsxs = function(r, u, b, E, P) {
+      var D = 1e4 > N.recentlyCreatedOwnerStacks++;
       return h(
         r,
         u,
-        y,
+        b,
         !0,
         E,
         P,
-        D ? Error("react-stack-top-frame") : b,
+        D ? Error("react-stack-top-frame") : y,
         D ? w(l(r)) : f
       );
     };
@@ -5709,11 +5709,11 @@ const Z1 = ({
   // 기본값 sm
   style: p = {}
 }) => {
-  const S = h0(), { bgColor: _, txtColor: N, borColor: k } = i0({
+  const S = h0(), { bgColor: _, txtColor: L, borColor: k } = i0({
     border: F,
     fallback: c,
     componentType: "tag"
-  }), B = n ? L(n, S) : _, $ = l ? L(l, S) : N, R = o ? L(o, S) : k, H = F && R ? `${d}px ${a} ${R}` : "none", I = I0(C, S), z = O0(j, S), O = {
+  }), B = n ? O(n, S) : _, $ = l ? O(l, S) : L, R = o ? O(o, S) : k, H = F && R ? `${d}px ${a} ${R}` : "none", I = I0(C, S), z = O0(j, S), N = {
     sm: S.typography.fontSize.sm,
     md: S.typography.fontSize.base,
     lg: S.typography.fontSize.lg
@@ -5722,7 +5722,7 @@ const Z1 = ({
     md: "4px 8px",
     lg: "6px 10px"
   }, V = {
-    fontSize: O[M] || S.typography.fontSize.base,
+    fontSize: N[M] || S.typography.fontSize.base,
     padding: A[M] || "4px 8px",
     iconSize: M === "sm" ? 6 : M === "md" ? 7 : 8,
     buttonSize: M === "sm" ? 12 : M === "md" ? 14 : 16
@@ -5796,7 +5796,7 @@ const Z1 = ({
   tagColorType: p = "default",
   colorType: S = "default",
   label: _,
-  errorText: N,
+  errorText: L,
   error: k = !1,
   clearable: B = !1,
   disabled: $ = !1,
@@ -5804,18 +5804,18 @@ const Z1 = ({
   dropdownStyle: H = {},
   Searchable: I = !0,
   multiMode: z = !1,
-  showSelectedCount: O = !1,
+  showSelectedCount: N = !1,
   options: A = [],
   placeholder: V = "선택하세요",
   ariaLabel: w,
   ariaRequired: v,
   ariaInvalid: m,
-  ariaDescribedby: b
+  ariaDescribedby: y
 }) => {
   var t1, o1;
-  const f = h0(), [T, r] = G(!1), [u, y] = G(""), [E, P] = G(null), [D, U] = G(-1), [K, W] = G(!1), q = f0(null), J = f0(null), p0 = f0(null), x0 = f0([]), y0 = A.filter(
+  const f = h0(), [T, r] = G(!1), [u, b] = G(""), [E, P] = G(null), [D, U] = G(-1), [K, W] = G(!1), q = f0(null), J = f0(null), p0 = f0(null), x0 = f0([]), b0 = A.filter(
     (e0) => e0.label.toLowerCase().includes(u.toLowerCase())
-  ), b0 = F0((e0) => {
+  ), y0 = F0((e0) => {
     var R0;
     (R0 = q.current) != null && R0.contains(e0.target) || r(!1);
   }, []), S0 = F0((e0) => {
@@ -5835,17 +5835,17 @@ const Z1 = ({
         case "ArrowDown":
           e0.preventDefault(), (X0 = J.current) == null || X0.focus(), U((M0) => {
             const w0 = M0 + 1;
-            return w0 >= y0.length ? 0 : w0;
+            return w0 >= b0.length ? 0 : w0;
           });
           break;
         case "ArrowUp":
           e0.preventDefault(), (G0 = J.current) == null || G0.focus(), U((M0) => {
             const w0 = M0 - 1;
-            return w0 < 0 ? y0.length - 1 : w0;
+            return w0 < 0 ? b0.length - 1 : w0;
           });
           break;
         case "Enter":
-          e0.preventDefault(), D >= 0 && D < y0.length && X(y0[D]);
+          e0.preventDefault(), D >= 0 && D < b0.length && X(b0[D]);
           break;
         case "Escape":
           e0.preventDefault(), r(!1);
@@ -5863,11 +5863,11 @@ const Z1 = ({
           break;
       }
     },
-    [T, D, y0, u, z, h, A]
+    [T, D, b0, u, z, h, A]
   );
-  z0(() => (document.addEventListener("mousedown", b0), document.addEventListener("keydown", S0), () => {
-    document.removeEventListener("mousedown", b0), document.removeEventListener("keydown", S0);
-  }), [b0, S0]), z0(() => {
+  z0(() => (document.addEventListener("mousedown", y0), document.addEventListener("keydown", S0), () => {
+    document.removeEventListener("mousedown", y0), document.removeEventListener("keydown", S0);
+  }), [y0, S0]), z0(() => {
     T && D >= 0 && x0.current[D] && x0.current[D].scrollIntoView({
       block: "nearest"
     });
@@ -5876,15 +5876,15 @@ const Z1 = ({
     if (!($ || R))
       if (z) {
         const R0 = Array.isArray(h) ? h : [], X0 = R0.includes(e0.value) ? R0.filter((G0) => G0 !== e0.value) : [...R0, e0.value];
-        x(X0), y(""), setTimeout(() => {
+        x(X0), b(""), setTimeout(() => {
           var G0;
           (G0 = J.current) == null || G0.focus();
         }, 0);
       } else
-        x(e0.value), y(""), r(!1);
+        x(e0.value), b(""), r(!1);
   }, Y = () => {
     var e0;
-    x(z ? [] : null), y(""), (e0 = J.current) == null || e0.focus();
+    x(z ? [] : null), b(""), (e0 = J.current) == null || e0.focus();
   }, { bgColor: Q, txtColor: d0, borColor: g0 } = i0({
     border: n,
     fallback: k ? "danger" : S,
@@ -5894,14 +5894,14 @@ const Z1 = ({
     "typeStyles:",
     (o1 = (t1 = f.components) == null ? void 0 : t1.input) == null ? void 0 : o1[k ? "danger" : S]
   );
-  const j0 = s ? L(s, f) : Q;
+  const j0 = s ? O(s, f) : Q;
   console.log("finalBgColor:", j0);
-  const o0 = c ? L(c, f) : d0, k0 = l ? L(l, f) : g0, $0 = n && k0 ? `${a}px ${o} ${k0}` : "none", _0 = I0(C, f), L0 = O0(j, f), D0 = {
+  const o0 = c ? O(c, f) : d0, k0 = l ? O(l, f) : g0, $0 = n && k0 ? `${a}px ${o} ${k0}` : "none", _0 = I0(C, f), L0 = O0(j, f), D0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
   }[F] || {}, H0 = z ? A.filter((e0) => Array.isArray(h) && h.includes(e0.value)) : A.find((e0) => e0.value === h), Y0 = () => {
-    if (!z || !O) return null;
+    if (!z || !N) return null;
     const e0 = Array.isArray(h) ? h.length : 0;
     return e0 === 0 ? null : `${e0}개 선택됨`;
   };
@@ -5929,7 +5929,7 @@ const Z1 = ({
               marginBottom: 6,
               fontSize: 14,
               fontWeight: 500,
-              color: L($ ? "cool-gray-3" : "cool-gray-9", f)
+              color: O($ ? "cool-gray-3" : "cool-gray-9", f)
             },
             children: _
           }
@@ -5948,13 +5948,13 @@ const Z1 = ({
             "aria-label": w || _,
             "aria-required": v,
             "aria-invalid": m || k,
-            "aria-describedby": `${M}-description ${b || (k ? `${M}-error` : "")}`,
+            "aria-describedby": `${M}-description ${y || (k ? `${M}-error` : "")}`,
             "aria-disabled": $,
             style: {
               display: "flex",
               alignItems: "center",
-              backgroundColor: $ ? L("cool-gray-1", f) : j0,
-              color: $ ? L("cool-gray-3", f) : o0,
+              backgroundColor: $ ? O("cool-gray-1", f) : j0,
+              color: $ ? O("cool-gray-3", f) : o0,
               ..._0,
               width: "100%",
               maxWidth: "100%",
@@ -5962,7 +5962,7 @@ const Z1 = ({
               padding: D0.padding,
               height: D0.height,
               ...d ? { border: "none", borderBottom: $0, borderRadius: 0 } : { border: $0 },
-              outline: K ? `2px solid ${L("primary-6", f)}` : "none",
+              outline: K ? `2px solid ${O("primary-6", f)}` : "none",
               outlineOffset: "2px"
             },
             onClick: () => {
@@ -6017,7 +6017,7 @@ const Z1 = ({
                             ref: J,
                             className: "sud-select__input",
                             value: T ? u : "",
-                            onChange: (e0) => y(e0.target.value),
+                            onChange: (e0) => b(e0.target.value),
                             disabled: $,
                             placeholder: Array.isArray(h) && h.length === 0 ? V : "",
                             "aria-autocomplete": "list",
@@ -6041,7 +6041,7 @@ const Z1 = ({
                       ref: J,
                       className: "sud-select__input",
                       value: T ? u : (H0 == null ? void 0 : H0.label) || "",
-                      onChange: (e0) => y(e0.target.value),
+                      onChange: (e0) => b(e0.target.value),
                       disabled: $,
                       readOnly: !I,
                       placeholder: H0 ? "" : V,
@@ -6069,13 +6069,13 @@ const Z1 = ({
                     marginLeft: 8
                   },
                   children: [
-                    O && z && /* @__PURE__ */ t.jsx(
+                    N && z && /* @__PURE__ */ t.jsx(
                       "span",
                       {
                         className: "sud-select__count",
                         style: {
                           fontSize: D0.fontSize,
-                          color: L("cool-gray-6", f),
+                          color: O("cool-gray-6", f),
                           whiteSpace: "nowrap"
                         },
                         children: Y0()
@@ -6124,7 +6124,7 @@ const Z1 = ({
               background: j0,
               ...H
             },
-            children: y0.length === 0 ? /* @__PURE__ */ t.jsx(
+            children: b0.length === 0 ? /* @__PURE__ */ t.jsx(
               "div",
               {
                 className: "sud-select__empty",
@@ -6133,11 +6133,11 @@ const Z1 = ({
                 style: {
                   padding: 10,
                   fontSize: 13,
-                  color: L("cool-gray-5", f)
+                  color: O("cool-gray-5", f)
                 },
                 children: "검색 결과가 없습니다"
               }
-            ) : y0.map((e0, R0) => {
+            ) : b0.map((e0, R0) => {
               const W0 = z ? h == null ? void 0 : h.includes(e0.value) : h === e0.value;
               return /* @__PURE__ */ t.jsx(
                 "div",
@@ -6156,7 +6156,7 @@ const Z1 = ({
                     padding: "8px 12px",
                     cursor: "pointer",
                     fontSize: D0.fontSize,
-                    backgroundColor: W0 ? L("cool-gray-2", f) : j0
+                    backgroundColor: W0 ? O("cool-gray-2", f) : j0
                   },
                   children: e0.label
                 },
@@ -6166,7 +6166,7 @@ const Z1 = ({
           }
         ),
         /* @__PURE__ */ t.jsx("div", { id: `${M}-description`, className: "sr-only", children: Y0() }),
-        k && N && /* @__PURE__ */ t.jsx(
+        k && L && /* @__PURE__ */ t.jsx(
           "div",
           {
             id: `${M}-error`,
@@ -6175,9 +6175,9 @@ const Z1 = ({
             style: {
               marginTop: 4,
               fontSize: 14,
-              color: L("danger-6", f)
+              color: O("danger-6", f)
             },
-            children: N
+            children: L
           }
         )
       ]
@@ -6203,11 +6203,11 @@ const Z1 = ({
   className: p = "",
   name: S = "segmented-control"
 }) => {
-  const _ = h0(), N = (z) => typeof z == "object" ? z.value : z, k = (z) => typeof z == "object" ? z.label : z, B = (z) => typeof z == "object" && z.disabled, { bgColor: $ } = i0({
+  const _ = h0(), L = (z) => typeof z == "object" ? z.value : z, k = (z) => typeof z == "object" ? z.label : z, B = (z) => typeof z == "object" && z.disabled, { bgColor: $ } = i0({
     fallback: "hovered",
     componentType: "etc"
-  }), R = I0(F, _), H = O0(j, _), I = (z, O) => {
-    (z.key === "Enter" || z.key === " ") && (z.preventDefault(), l || n == null || n(O));
+  }), R = I0(F, _), H = O0(j, _), I = (z, N) => {
+    (z.key === "Enter" || z.key === " ") && (z.preventDefault(), l || n == null || n(N));
   };
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -6226,8 +6226,8 @@ const Z1 = ({
         boxShadow: H,
         ...M
       },
-      children: s.map((z, O) => {
-        const A = N(z), V = k(z), w = A === c, v = l || B(z);
+      children: s.map((z, N) => {
+        const A = L(z), V = k(z), w = A === c, v = l || B(z);
         return /* @__PURE__ */ t.jsx(
           V0,
           {
@@ -6251,12 +6251,12 @@ const Z1 = ({
             },
             children: V
           },
-          A ?? O
+          A ?? N
         );
       })
     }
   );
-}, j9 = (s) => s ? s === "ko" ? H2 : s === "en" ? c2 : s : c2, y9 = {
+}, j9 = (s) => s ? s === "ko" ? H2 : s === "en" ? c2 : s : c2, b9 = {
   sm: {
     headerFontSize: 16,
     navButtonSize: 16,
@@ -6289,7 +6289,7 @@ const Z1 = ({
     dayFontSize: 12,
     itemFontSize: 10
   }
-}, b9 = ({
+}, y9 = ({
   value: s,
   onChange: c = () => {
   },
@@ -6313,7 +6313,7 @@ const Z1 = ({
   borderColor: p,
   borderType: S = "solid",
   borderWeight: _ = 1,
-  width: N,
+  width: L,
   height: k,
   className: B,
   range: $ = !1,
@@ -6321,18 +6321,18 @@ const Z1 = ({
   endDate: H,
   size: I = "md",
   style: z = {},
-  ...O
+  ...N
 }) => {
-  const A = h0(), V = j9(i), [w, v] = G(y9[I]), [m, b] = G(n0(s || /* @__PURE__ */ new Date())), [f, T] = G(
+  const A = h0(), V = j9(i), [w, v] = G(b9[I]), [m, y] = G(n0(s || /* @__PURE__ */ new Date())), [f, T] = G(
     R ? n0(R) : null
-  ), [r, u] = G(H ? n0(H) : null), [y, E] = G(null), [P, D] = G(n0(s || /* @__PURE__ */ new Date())), [U, K] = G(l), [W, q] = G(!1), [J, p0] = G(m.year()), [x0, y0] = G(m.month()), [b0, S0] = G(m.date()), [B0, X] = G(!1), Y = () => {
+  ), [r, u] = G(H ? n0(H) : null), [b, E] = G(null), [P, D] = G(n0(s || /* @__PURE__ */ new Date())), [U, K] = G(l), [W, q] = G(!1), [J, p0] = G(m.year()), [x0, b0] = G(m.month()), [y0, S0] = G(m.date()), [B0, X] = G(!1), Y = () => {
     X(!0), setTimeout(() => X(!1), 150);
   }, Q = (c0, m0, U0) => {
     const Z0 = n0(new Date(c0, m0, U0));
-    p0(c0), y0(m0), S0(U0), b(Z0), D(Z0);
+    p0(c0), b0(m0), S0(U0), y(Z0), D(Z0);
   }, d0 = n0().year(), g0 = Array.from({ length: 201 }, (c0, m0) => d0 - 100 + m0), j0 = Array.from({ length: 12 }, (c0, m0) => m0), o0 = m.daysInMonth(), k0 = Array.from({ length: o0 }, (c0, m0) => m0 + 1);
   z0(() => {
-    s && (D(n0(s)), b(n0(s)));
+    s && (D(n0(s)), y(n0(s)));
   }, [s]), z0(() => {
     R && T(n0(R)), H && u(n0(H));
   }, [R, H]);
@@ -6363,10 +6363,10 @@ const Z1 = ({
     border: !1,
     fallback: x,
     componentType: "etc"
-  }), o1 = C ? L(C, A) : D0, e0 = j ? L(j, A) : t1, R0 = F ? L(F, A) : H0, W0 = p ? L(p, A) : Y0, X0 = M && W0 ? `${_}px ${S} ${W0}` : "none", G0 = (c0) => c0 === 0 || c0 === 6 ? L("red-6", A) : "inherit", M0 = (c0) => {
+  }), o1 = C ? O(C, A) : D0, e0 = j ? O(j, A) : t1, R0 = F ? O(F, A) : H0, W0 = p ? O(p, A) : Y0, X0 = M && W0 ? `${_}px ${S} ${W0}` : "none", G0 = (c0) => c0 === 0 || c0 === 6 ? O("red-6", A) : "inherit", M0 = (c0) => {
     if (U === "year") {
       const U0 = n0(c0).startOf("month");
-      b(U0), K("month");
+      y(U0), K("month");
       return;
     }
     const m0 = n0(c0);
@@ -6379,9 +6379,9 @@ const Z1 = ({
       T(U0), u(Z0), c({ startDate: U0.toDate(), endDate: Z0.toDate() });
     }
   }, w0 = () => {
-    Y(), b(U === "daily" ? m.subtract(1, "day") : U === "month" ? m.subtract(1, "month").startOf("month") : m.subtract(1, "year").startOf("month"));
+    Y(), y(U === "daily" ? m.subtract(1, "day") : U === "month" ? m.subtract(1, "month").startOf("month") : m.subtract(1, "year").startOf("month"));
   }, Q0 = () => {
-    Y(), b(U === "daily" ? m.add(1, "day") : U === "month" ? m.add(1, "month").startOf("month") : m.add(1, "year").startOf("month"));
+    Y(), y(U === "daily" ? m.add(1, "day") : U === "month" ? m.add(1, "month").startOf("month") : m.add(1, "year").startOf("month"));
   }, l1 = (c0, m0) => {
     (c0.key === "Enter" || c0.key === " ") && (c0.preventDefault(), M0(m0));
   };
@@ -6392,14 +6392,14 @@ const Z1 = ({
       role: "application",
       "aria-label": "Calendar",
       style: {
-        width: N || "100%",
+        width: L || "100%",
         height: k || "100%",
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
         ...z
       },
-      ...O,
+      ...N,
       children: [
         d ?? /* @__PURE__ */ t.jsxs(
           "div",
@@ -6510,7 +6510,7 @@ const Z1 = ({
                       N1,
                       {
                         value: m.year(),
-                        onChange: (c0) => Q(c0, x0, b0),
+                        onChange: (c0) => Q(c0, x0, y0),
                         options: g0.map((c0) => ({
                           label: `${c0}년`,
                           value: c0
@@ -6523,7 +6523,7 @@ const Z1 = ({
                       N1,
                       {
                         value: m.month(),
-                        onChange: (c0) => Q(J, c0, b0),
+                        onChange: (c0) => Q(J, c0, y0),
                         options: j0.map((c0) => ({
                           label: V.monthFormat(n0().month(c0)),
                           value: c0
@@ -6621,7 +6621,7 @@ const Z1 = ({
                   children: Array.from({ length: 12 }, (c0, m0) => {
                     const Z0 = n0(m).month(m0), x1 = Z0.format("YYYY-MM"), s1 = n.filter(
                       (A0) => A0.date.slice(0, 7) === x1
-                    ), u1 = P.isSame(Z0, "month"), q0 = y && n0(y).isSame(Z0, "month"), n1 = u1 ? o1 : q0 ? e0 : "transparent", a1 = u1 ? R0 : "inherit";
+                    ), u1 = P.isSame(Z0, "month"), q0 = b && n0(b).isSame(Z0, "month"), n1 = u1 ? o1 : q0 ? e0 : "transparent", a1 = u1 ? R0 : "inherit";
                     return /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -6757,7 +6757,7 @@ const Z1 = ({
                       textAlign: "center"
                     },
                     children: L0.map(({ date: c0, inCurrentMonth: m0 }, U0) => {
-                      const Z0 = n0(c0), x1 = $0(y, Z0), s1 = $0(P, Z0), u1 = Z0.day(), q0 = U0 >= 35, n1 = Z0.format("YYYY-MM-DD"), a1 = n.filter((r1) => r1.date === n1), A0 = $ && (Z0.isSame(f, "day") || Z0.isSame(r, "day")), g1 = $ && f && r && Z0.isAfter(f, "day") && Z0.isBefore(r, "day"), w2 = A0 || s1 || g1 ? R0 : m0 ? G0(u1) : L("neutral-4", A), S2 = A0 || s1 || g1 ? o1 : x1 ? e0 : "transparent";
+                      const Z0 = n0(c0), x1 = $0(b, Z0), s1 = $0(P, Z0), u1 = Z0.day(), q0 = U0 >= 35, n1 = Z0.format("YYYY-MM-DD"), a1 = n.filter((r1) => r1.date === n1), A0 = $ && (Z0.isSame(f, "day") || Z0.isSame(r, "day")), g1 = $ && f && r && Z0.isAfter(f, "day") && Z0.isBefore(r, "day"), w2 = A0 || s1 || g1 ? R0 : m0 ? G0(u1) : O("neutral-4", A), S2 = A0 || s1 || g1 ? o1 : x1 ? e0 : "transparent";
                       return /* @__PURE__ */ t.jsxs(
                         "div",
                         {
@@ -6891,12 +6891,12 @@ const Z1 = ({
   style: S = {},
   variant: _ = "card",
   // "card" | "drawer" | "modal" | "notification" | "toast"
-  divider: N = !1
+  divider: L = !1
 }) => {
   const k = h0(), { bgColor: B, txtColor: $, borColor: R } = i0({
     border: g,
     fallback: o
-  }), H = a ? L(a, k) : B, I = d ? L(d, k) : $, z = Z ? L(Z, k) : R, O = g && z ? `${h}px ${i} ${z}` : "none", A = _ === "drawer" ? {} : I0(x, k), V = O0(C, k), w = k.spacing || {
+  }), H = a ? O(a, k) : B, I = d ? O(d, k) : $, z = Z ? O(Z, k) : R, N = g && z ? `${h}px ${i} ${z}` : "none", A = _ === "drawer" ? {} : I0(x, k), V = O0(C, k), w = k.spacing || {
     sm: "0.5rem",
     md: "1rem"
   };
@@ -6911,7 +6911,7 @@ const Z1 = ({
         height: F || "fit-content",
         background: H,
         color: I,
-        border: O,
+        border: N,
         boxShadow: V,
         ...A,
         padding: 0,
@@ -6927,7 +6927,7 @@ const Z1 = ({
             children: typeof s == "string" ? /* @__PURE__ */ t.jsx(s0, { as: "h2", size: "lg", pretendard: "SB", color: I, children: s }) : s
           }
         ),
-        s && N && /* @__PURE__ */ t.jsx(L1, {}),
+        s && L && /* @__PURE__ */ t.jsx(L1, {}),
         l && /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -6966,7 +6966,7 @@ const Z1 = ({
             children: c
           }
         )),
-        n && N && /* @__PURE__ */ t.jsx(L1, {}),
+        n && L && /* @__PURE__ */ t.jsx(L1, {}),
         n && /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -7003,22 +7003,22 @@ const Z1 = ({
   effectType: M = "fade"
   // "overlap" | "fade" | "slide" | "scale" | "stack"
 }) => {
-  const [p, S] = G(0), _ = f0(!1), N = f0(0), k = () => {
+  const [p, S] = G(0), _ = f0(!1), L = f0(0), k = () => {
     S(
       (z) => (z - 1 + s.length) % s.length
     );
   }, B = () => {
     S((z) => (z + 1) % s.length);
   }, $ = (z) => {
-    z.preventDefault(), _.current = !0, N.current = z.clientX || z.touches[0].clientX;
+    z.preventDefault(), _.current = !0, L.current = z.clientX || z.touches[0].clientX;
   }, R = (z) => {
     if (!_.current) return;
-    const O = z.clientX || z.touches[0].clientX, A = N.current - O;
+    const N = z.clientX || z.touches[0].clientX, A = L.current - N;
     A > 50 ? (B(), _.current = !1) : A < -50 && (k(), _.current = !1);
   }, H = () => {
     _.current = !1;
   }, I = (z) => {
-    const O = s.length, A = Math.min(l, O);
+    const N = s.length, A = Math.min(l, N);
     if (A === 1)
       return z === p ? {
         transform: "translate(-50%, -50%) scale(1)",
@@ -7030,8 +7030,8 @@ const Z1 = ({
         zIndex: 0
       };
     const V = Math.floor(A / 2) || 1;
-    let w = (z - p + O) % O;
-    w > O / 2 && (w -= O);
+    let w = (z - p + N) % N;
+    w > N / 2 && (w -= N);
     const v = Math.abs(w);
     if (v > V)
       return {
@@ -7039,7 +7039,7 @@ const Z1 = ({
         transform: "scale(0)",
         zIndex: 0
       };
-    const m = c * 1.2, b = w * (m / V), f = 1 - d * (v / V), T = 1 - g * (v / V), r = A - v;
+    const m = c * 1.2, y = w * (m / V), f = 1 - d * (v / V), T = 1 - g * (v / V), r = A - v;
     switch (M) {
       case "fade":
         return {
@@ -7050,7 +7050,7 @@ const Z1 = ({
         };
       case "slide":
         return {
-          transform: `translateX(${b}px)`,
+          transform: `translateX(${y}px)`,
           opacity: 1,
           zIndex: r,
           transition: "transform 0.5s ease"
@@ -7071,7 +7071,7 @@ const Z1 = ({
         };
       case "overlap":
         return {
-          transform: `translate(-50%, -50%) translateX(${b}px) scale(${f})`,
+          transform: `translate(-50%, -50%) translateX(${y}px) scale(${f})`,
           opacity: T,
           zIndex: r,
           transition: "transform 0.5s ease, opacity 0.5s ease"
@@ -7145,7 +7145,7 @@ const Z1 = ({
             },
             role: "list",
             "aria-label": "캐러셀 아이템 목록",
-            children: s.map((z, O) => /* @__PURE__ */ t.jsx(
+            children: s.map((z, N) => /* @__PURE__ */ t.jsx(
               "div",
               {
                 style: {
@@ -7154,14 +7154,14 @@ const Z1 = ({
                   top: "50%",
                   width: c,
                   height: n,
-                  ...I(O)
+                  ...I(N)
                 },
                 role: "listitem",
-                "aria-label": `슬라이드 ${O + 1}`,
-                "aria-hidden": O !== p,
+                "aria-label": `슬라이드 ${N + 1}`,
+                "aria-hidden": N !== p,
                 children: z
               },
-              O
+              N
             ))
           }
         ),
@@ -7205,7 +7205,7 @@ const Z1 = ({
   className: p = "",
   size: S = "md",
   shape: _ = "rounded",
-  style: N = {}
+  style: L = {}
 }) => {
   const k = h0(), [B, $] = G(n), R = c ?? B, H = (U) => {
     const K = R.includes(U) ? R.filter((W) => W !== U) : [...R, U];
@@ -7213,17 +7213,17 @@ const Z1 = ({
   }, {
     bgColor: I,
     borColor: z,
-    txtColor: O
+    txtColor: N
   } = i0({
     border: !0,
     fallback: Z
   }), { bgColor: A, txtColor: V } = i0({
     border: !1,
     fallback: x
-  }), w = i ? L(i, k) : I, v = h ? L(h, k) : O, m = a ? L(a, k) : z, b = C ? L(C, k) : A, f = j ? L(j, k) : V, T = o && m ? `${g}px ${d} ${m}` : "none", { bgColor: r, txtColor: u } = i0({
+  }), w = i ? O(i, k) : I, v = h ? O(h, k) : N, m = a ? O(a, k) : z, y = C ? O(C, k) : A, f = j ? O(j, k) : V, T = o && m ? `${g}px ${d} ${m}` : "none", { bgColor: r, txtColor: u } = i0({
     border: !1,
     fallback: "disabled"
-  }), y = O0(F, k), E = I0(_, k), P = k.spacing[S] || k.spacing.md, D = k.typography.fontSize[S === "md" ? "base" : S] || k.typography.fontSize.base;
+  }), b = O0(F, k), E = I0(_, k), P = k.spacing[S] || k.spacing.md, D = k.typography.fontSize[S === "md" ? "base" : S] || k.typography.fontSize.base;
   return /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -7231,9 +7231,9 @@ const Z1 = ({
       style: {
         border: T,
         borderRadius: E.borderRadius,
-        boxShadow: y,
+        boxShadow: b,
         overflow: "hidden",
-        ...N
+        ...L
       },
       children: s.map((U, K) => {
         const W = R.includes(U.key), q = M.includes(U.key);
@@ -7305,7 +7305,7 @@ const Z1 = ({
                     overflow: "hidden",
                     transition: "all 0.3s ease",
                     padding: W ? `${P} ${P}` : `0 ${P}`,
-                    background: b,
+                    background: y,
                     color: f
                   },
                   role: "region",
@@ -7341,11 +7341,11 @@ const Z1 = ({
   className: S = "",
   placement: _ = "right",
   // "left" | "right" | "top" | "bottom"
-  style: N = {},
+  style: L = {},
   ariaLabel: k,
   ariaDescribedby: B
 }) => {
-  const $ = h0(), R = I0(j, $), H = 9999, [I, z] = G(!1), [O, A] = G(!1), V = f0();
+  const $ = h0(), R = I0(j, $), H = 9999, [I, z] = G(!1), [N, A] = G(!1), V = f0();
   z0(() => {
     if (s)
       A(!0), requestAnimationFrame(() => {
@@ -7368,9 +7368,9 @@ const Z1 = ({
       transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
       pointerEvents: I ? "auto" : "none",
       opacity: I ? 1 : 0,
-      visibility: O ? "visible" : "hidden",
+      visibility: N ? "visible" : "hidden",
       willChange: "transform, opacity"
-    }, b = R.borderRadius;
+    }, y = R.borderRadius;
     switch (_) {
       case "left":
         return {
@@ -7380,8 +7380,8 @@ const Z1 = ({
           height: p || "100vh",
           width: M,
           transform: I ? "translateX(0)" : "translateX(-100%)",
-          borderTopRightRadius: b,
-          borderBottomRightRadius: b,
+          borderTopRightRadius: y,
+          borderBottomRightRadius: y,
           borderTopLeftRadius: 0,
           borderBottomLeftRadius: 0
         };
@@ -7393,8 +7393,8 @@ const Z1 = ({
           height: p || "100%",
           width: M,
           transform: I ? "translateX(0)" : "translateX(100%)",
-          borderTopLeftRadius: b,
-          borderBottomLeftRadius: b,
+          borderTopLeftRadius: y,
+          borderBottomLeftRadius: y,
           borderTopRightRadius: 0,
           borderBottomRightRadius: 0
         };
@@ -7406,8 +7406,8 @@ const Z1 = ({
           width: M || "100%",
           height: p,
           transform: I ? "translateY(0)" : "translateY(-100%)",
-          borderBottomLeftRadius: b,
-          borderBottomRightRadius: b,
+          borderBottomLeftRadius: y,
+          borderBottomRightRadius: y,
           borderTopLeftRadius: 0,
           borderTopRightRadius: 0
         };
@@ -7419,15 +7419,15 @@ const Z1 = ({
           width: M || "100%",
           height: p,
           transform: I ? "translateY(0)" : "translateY(100%)",
-          borderTopLeftRadius: b,
-          borderTopRightRadius: b,
+          borderTopLeftRadius: y,
+          borderTopRightRadius: y,
           borderBottomLeftRadius: 0,
           borderBottomRightRadius: 0
         };
       default:
         return {};
     }
-  }, [_, R.borderRadius, M, p, I, O]), v = n && (typeof n == "string" ? /* @__PURE__ */ t.jsxs(
+  }, [_, R.borderRadius, M, p, I, N]), v = n && (typeof n == "string" ? /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "sud-drawer__title",
@@ -7472,7 +7472,7 @@ const Z1 = ({
       ]
     }
   ));
-  return O ? f1(
+  return N ? f1(
     /* @__PURE__ */ t.jsx(
       p1,
       {
@@ -7501,7 +7501,7 @@ const Z1 = ({
         "aria-describedby": B,
         style: {
           ...w,
-          ...N
+          ...L
         }
       }
     ),
@@ -7561,13 +7561,13 @@ const Z1 = ({
       z.id = "sud-image-styles", z.innerText = M9, document.head.appendChild(z);
     }
   }, []);
-  const N = (z) => {
+  const L = (z) => {
     Z ? _(!0) : i && i(z);
   };
   let k = 1;
   if (h && h.includes("/")) {
-    const [z, O] = h.split("/").map(Number);
-    !isNaN(z) && !isNaN(O) && O !== 0 && (k = O / z);
+    const [z, N] = h.split("/").map(Number);
+    !isNaN(z) && !isNaN(N) && N !== 0 && (k = N / z);
   }
   const B = O0(C, p), $ = I0(x, p), R = `sud-image ${o}`, H = {
     position: "relative",
@@ -7576,7 +7576,7 @@ const Z1 = ({
     height: l || (h && n && typeof n == "number" ? `${n * k}px` : void 0),
     borderStyle: j ? F : void 0,
     borderWidth: j ? `${M}px` : void 0,
-    borderColor: j ? L(j, p) : void 0,
+    borderColor: j ? O(j, p) : void 0,
     boxShadow: B,
     overflow: "hidden",
     ...$,
@@ -7594,7 +7594,7 @@ const Z1 = ({
       {
         className: R,
         style: H,
-        onClick: N,
+        onClick: L,
         role: "img",
         "aria-label": c,
         children: [
@@ -7624,8 +7624,8 @@ const Z1 = ({
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                backgroundColor: L("black-6", p),
-                color: L("white-10", p),
+                backgroundColor: O("black-6", p),
+                color: O("white-10", p),
                 transition: "opacity 0.3s",
                 width: "100%",
                 height: "100%"
@@ -7648,7 +7648,7 @@ const Z1 = ({
             left: 0,
             right: 0,
             bottom: 0,
-            backgroundColor: L("black-7", p),
+            backgroundColor: O("black-7", p),
             display: "flex",
             justifyContent: "center",
             alignItems: "center",
@@ -7666,7 +7666,7 @@ const Z1 = ({
               style: {
                 maxWidth: "80%",
                 maxHeight: "80%",
-                boxShadow: L("black-8", p)
+                boxShadow: O("black-8", p)
               }
             }
           )
@@ -7695,7 +7695,7 @@ const Z1 = ({
   height: p,
   className: S = "",
   divider: _ = !1,
-  style: N = {},
+  style: L = {},
   ariaLabel: k,
   ariaDescribedby: B
 }) => (h0(), z0(() => {
@@ -7745,7 +7745,7 @@ const Z1 = ({
           className: S,
           divider: _,
           variant: "modal",
-          style: N,
+          style: L,
           children: o
         }
       ) })
@@ -7783,7 +7783,7 @@ const Z1 = ({
   borderWeight: p,
   shape: S = "rounded",
   shadow: _,
-  colorType: N,
+  colorType: L,
   style: k = {}
 }) => {
   const B = h0();
@@ -7809,7 +7809,7 @@ const Z1 = ({
       content: h,
       children: s,
       border: j,
-      colorType: N,
+      colorType: L,
       variant: "popover",
       role: "dialog",
       "aria-labelledby": c ? `popover-title-${c}` : void 0,
@@ -7838,15 +7838,15 @@ const Z1 = ({
   className: F = ""
 }) => {
   var u;
-  const M = h0(), p = l ? l.map((y) => ({
-    key: y.key,
-    label: y.label,
-    content: y.children || null
-  })) : u2.toArray(o).filter((y) => p2(y) && y.type === G1).map((y, E) => ({
-    key: y.props.tabKey || `tab-${E}`,
-    label: y.props.label,
-    content: y.props.children
-  })), S = (u = p[0]) == null ? void 0 : u.key, [_, N] = G(c ?? S), k = s ?? _, B = s !== void 0, $ = f0([]), R = {
+  const M = h0(), p = l ? l.map((b) => ({
+    key: b.key,
+    label: b.label,
+    content: b.children || null
+  })) : u2.toArray(o).filter((b) => p2(b) && b.type === G1).map((b, E) => ({
+    key: b.props.tabKey || `tab-${E}`,
+    label: b.props.label,
+    content: b.props.children
+  })), S = (u = p[0]) == null ? void 0 : u.key, [_, L] = G(c ?? S), k = s ?? _, B = s !== void 0, $ = f0([]), R = {
     xs: {
       padding: M.spacing.xs,
       fontSize: M.typography.fontSize.xs
@@ -7871,31 +7871,31 @@ const Z1 = ({
       padding: M.spacing["2xl"],
       fontSize: M.typography.fontSize["3xl"]
     }
-  }, H = (y) => {
-    B || N(y), n == null || n(y);
-  }, I = (y, E) => {
+  }, H = (b) => {
+    B || L(b), n == null || n(b);
+  }, I = (b, E) => {
     const P = p.findIndex((D) => D.key === E);
-    switch (y.key) {
+    switch (b.key) {
       case "ArrowRight":
-        y.preventDefault();
+        b.preventDefault();
         const D = (P + 1) % p.length;
         H(p[D].key);
         break;
       case "ArrowLeft":
-        y.preventDefault();
+        b.preventDefault();
         const U = (P - 1 + p.length) % p.length;
         H(p[U].key);
         break;
       case "Home":
-        y.preventDefault(), H(p[0].key);
+        b.preventDefault(), H(p[0].key);
         break;
       case "End":
-        y.preventDefault(), H(p[p.length - 1].key);
+        b.preventDefault(), H(p[p.length - 1].key);
         break;
     }
   }, {
     bgColor: z,
-    txtColor: O,
+    txtColor: N,
     borColor: A
   } = i0({
     border: i,
@@ -7906,7 +7906,7 @@ const Z1 = ({
   }), { bgColor: w, txtColor: v } = i0({
     fallback: "hovered",
     componentType: "etc"
-  }), m = p.find((y) => y.key === k), b = g ? L(g, M) : z, f = Z ? L(Z, M) : O, T = h ? L(h, M) : A, r = i && T ? `${C}px ${x} ${T}` : "none";
+  }), m = p.find((b) => b.key === k), y = g ? O(g, M) : z, f = Z ? O(Z, M) : N, T = h ? O(h, M) : A, r = i && T ? `${C}px ${x} ${T}` : "none";
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -7923,22 +7923,22 @@ const Z1 = ({
               gap: 2,
               borderBottom: `${C}px ${x} ${V}`
             },
-            children: p.map(({ key: y, label: E }) => {
-              const P = y === k;
+            children: p.map(({ key: b, label: E }) => {
+              const P = b === k;
               return /* @__PURE__ */ t.jsx(
                 "div",
                 {
-                  ref: (D) => $.current[y] = D,
-                  onClick: () => H(y),
-                  onKeyDown: (D) => I(D, y),
+                  ref: (D) => $.current[b] = D,
+                  onClick: () => H(b),
+                  onKeyDown: (D) => I(D, b),
                   tabIndex: P ? 0 : -1,
                   role: "tab",
                   "aria-selected": P,
-                  "aria-controls": `tabpanel-${y}`,
-                  id: `tab-${y}`,
+                  "aria-controls": `tabpanel-${b}`,
+                  id: `tab-${b}`,
                   style: {
                     padding: `calc(${R[a].padding}/2) ${R[a].padding}`,
-                    background: P ? b : w,
+                    background: P ? y : w,
                     borderTopLeftRadius: 6,
                     borderTopRightRadius: 6,
                     cursor: "pointer",
@@ -7961,7 +7961,7 @@ const Z1 = ({
                     }
                   ) : E
                 },
-                y
+                b
               );
             })
           }
@@ -8020,7 +8020,7 @@ const c4 = ({
   shape: p,
   shadow: S,
   colorType: _,
-  style: N = {}
+  style: L = {}
 }) => {
   const k = h0();
   return /* @__PURE__ */ t.jsx(
@@ -8049,7 +8049,7 @@ const c4 = ({
       role: "tooltip",
       "aria-describedby": c ? `tooltip-${c}` : void 0,
       style: {
-        ...N,
+        ...L,
         borderRadius: k.borderRadius[p] || k.borderRadius.md,
         padding: "8px 12px"
       }
@@ -8083,7 +8083,7 @@ const c4 = ({
       ]
     }
   );
-}, y2 = ({
+}, b2 = ({
   current: s = 1,
   total: c = 0,
   pageSize: n = 10,
@@ -8097,14 +8097,14 @@ const c4 = ({
 }) => {
   const h = h0(), x = Math.ceil(c / n), C = T0(() => {
     if (x <= d)
-      return Array.from({ length: x }, (N, k) => k + 1);
+      return Array.from({ length: x }, (L, k) => k + 1);
     const M = Math.floor(d / 2);
     let p = Math.max(1, s - M), S = p + d - 1;
     S > x && (S = x, p = S - d + 1);
     const _ = [];
     p > 1 && (_.push(1), p > 2 && _.push("..."));
-    for (let N = p; N <= S; N++)
-      _.push(N);
+    for (let L = p; L <= S; L++)
+      _.push(L);
     return S < x && (S < x - 1 && _.push("..."), _.push(x)), _;
   }, [s, x, d]), j = (M) => {
     if (M === "...")
@@ -8114,7 +8114,7 @@ const c4 = ({
           key: `ellipsis-${Math.random()}`,
           className: "sud-pagination__ellipsis",
           style: {
-            color: L("cool-gray-6", h),
+            color: O("cool-gray-6", h),
             padding: "0 8px"
           }
         },
@@ -8165,9 +8165,9 @@ const c4 = ({
         style: {
           ...F,
           cursor: s === 1 ? "not-allowed" : "pointer",
-          color: L(s === 1 ? "cool-gray-3" : "cool-gray-6", h),
+          color: O(s === 1 ? "cool-gray-3" : "cool-gray-6", h),
           "&:hover": {
-            background: s === 1 ? "transparent" : L("cool-gray-1", h)
+            background: s === 1 ? "transparent" : O("cool-gray-1", h)
           }
         },
         role: "button",
@@ -8182,9 +8182,9 @@ const c4 = ({
         style: {
           ...F,
           cursor: s === 1 ? "not-allowed" : "pointer",
-          color: L(s === 1 ? "cool-gray-3" : "cool-gray-6", h),
+          color: O(s === 1 ? "cool-gray-3" : "cool-gray-6", h),
           "&:hover": {
-            background: s === 1 ? "transparent" : L("cool-gray-1", h)
+            background: s === 1 ? "transparent" : O("cool-gray-1", h)
           }
         },
         role: "button",
@@ -8200,9 +8200,9 @@ const c4 = ({
         style: {
           ...F,
           cursor: s === x ? "not-allowed" : "pointer",
-          color: L(s === x ? "cool-gray-3" : "cool-gray-6", h),
+          color: O(s === x ? "cool-gray-3" : "cool-gray-6", h),
           "&:hover": {
-            background: s === x ? "transparent" : L("cool-gray-1", h)
+            background: s === x ? "transparent" : O("cool-gray-1", h)
           }
         },
         role: "button",
@@ -8217,9 +8217,9 @@ const c4 = ({
         style: {
           ...F,
           cursor: s === x ? "not-allowed" : "pointer",
-          color: L(s === x ? "cool-gray-3" : "cool-gray-6", h),
+          color: O(s === x ? "cool-gray-3" : "cool-gray-6", h),
           "&:hover": {
-            background: s === x ? "transparent" : L("cool-gray-1", h)
+            background: s === x ? "transparent" : O("cool-gray-1", h)
           }
         },
         role: "button",
@@ -8347,11 +8347,11 @@ const c4 = ({
   itemHeight: p = 40,
   overscanCount: S = 5
 }) => {
-  const [_, N] = G(1), [k, B] = G(0), $ = f0(null), [R, H] = G(0);
+  const [_, L] = G(1), [k, B] = G(0), $ = f0(null), [R, H] = G(0);
   z0(() => {
     if ($.current) {
-      const u = new ResizeObserver((y) => {
-        for (const E of y)
+      const u = new ResizeObserver((b) => {
+        for (const E of b)
           H(E.contentRect.height);
       });
       return u.observe($.current), () => u.disconnect();
@@ -8360,7 +8360,7 @@ const c4 = ({
   const I = T0(
     () => Array.isArray(s) && s.length > 0,
     [s]
-  ), { visibleItems: z, startIndex: O, endIndex: A } = T0(() => {
+  ), { visibleItems: z, startIndex: N, endIndex: A } = T0(() => {
     if (!M || !R)
       return {
         visibleItems: s,
@@ -8370,14 +8370,14 @@ const c4 = ({
     const u = Math.max(
       0,
       Math.floor(k / p) - S
-    ), y = Math.min(
+    ), b = Math.min(
       s.length,
       Math.ceil((k + R) / p) + S
     );
     return {
-      visibleItems: s.slice(u, y),
+      visibleItems: s.slice(u, b),
       startIndex: u,
-      endIndex: y
+      endIndex: b
     };
   }, [
     M,
@@ -8387,35 +8387,35 @@ const c4 = ({
     p,
     S
   ]), { pageSize: V, paginatedData: w } = T0(() => {
-    const u = (l == null ? void 0 : l.pageSize) || s.length, y = l ? s.slice((_ - 1) * u, _ * u) : s;
-    return { pageSize: u, paginatedData: y };
+    const u = (l == null ? void 0 : l.pageSize) || s.length, b = l ? s.slice((_ - 1) * u, _ * u) : s;
+    return { pageSize: u, paginatedData: b };
   }, [s, l, _]), v = c === "row", m = F0((u) => {
     B(u.target.scrollTop);
-  }, []), b = F0((u) => {
-    const y = {
+  }, []), y = F0((u) => {
+    const b = {
       left: "flex-start",
       center: "center",
       right: "flex-end"
     };
-    return u.includes("left") ? y.left : u.includes("center") ? y.center : u.includes("right") ? y.right : y.center;
+    return u.includes("left") ? b.left : u.includes("center") ? b.center : u.includes("right") ? b.right : b.center;
   }, []), f = F0((u) => {
-    N(u);
+    L(u);
   }, []), T = F0(
     (u) => {
       if (!l) return null;
-      const y = b(u);
+      const b = y(u);
       return /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
             display: "flex",
-            justifyContent: y,
+            justifyContent: b,
             marginTop: u.startsWith("bottom") ? "16px" : "0",
             marginBottom: u.startsWith("top") ? "16px" : "0",
             ...F
           },
           children: /* @__PURE__ */ t.jsx(
-            y2,
+            b2,
             {
               current: _,
               total: s.length,
@@ -8438,10 +8438,10 @@ const c4 = ({
   ), r = F0(() => {
     const u = M ? z : w;
     if (v) {
-      const y = [];
+      const b = [];
       for (let E = 0; E < u.length; E += n)
-        y.push(u.slice(E, E + n));
-      return y.map((E, P) => /* @__PURE__ */ t.jsx(
+        b.push(u.slice(E, E + n));
+      return b.map((E, P) => /* @__PURE__ */ t.jsx(
         "div",
         {
           style: {
@@ -8467,14 +8467,14 @@ const c4 = ({
         P
       ));
     } else
-      return u.map((y, E) => /* @__PURE__ */ t.jsxs(
+      return u.map((b, E) => /* @__PURE__ */ t.jsxs(
         "div",
         {
           style: {
             height: M ? p : "auto",
             ...M && {
               position: "absolute",
-              top: (O + E) * p
+              top: (N + E) * p
             }
           },
           children: [
@@ -8486,7 +8486,7 @@ const c4 = ({
                   ...x
                 },
                 className: "sud-list__item",
-                children: y
+                children: b
               }
             ),
             a && E !== u.length - 1 && /* @__PURE__ */ t.jsx(L1, { style: { margin: `${o / 2}px 0` } })
@@ -8505,7 +8505,7 @@ const c4 = ({
     x,
     a,
     p,
-    O
+    N
   ]);
   return /* @__PURE__ */ t.jsx(
     "div",
@@ -8664,7 +8664,7 @@ const c4 = ({
           else
             return null;
           return /* @__PURE__ */ t.jsx(
-            b2,
+            y2,
             {
               dot: i.dot,
               color: i.color,
@@ -8689,7 +8689,7 @@ const c4 = ({
   }
 );
 S9.displayName = "Timeline";
-const b2 = J0.memo(
+const y2 = J0.memo(
   ({
     dot: s,
     color: c = "cerulean",
@@ -8707,13 +8707,13 @@ const b2 = J0.memo(
     delay: j = 0
   }) => {
     var A, V;
-    const F = h0(), M = L(c, F), { txtColor: p, borColor: S } = i0({
+    const F = h0(), M = O(c, F), { txtColor: p, borColor: S } = i0({
       border: !0,
       fallback: "default"
-    }), _ = f0(), N = f0(), [k, B] = G(0);
+    }), _ = f0(), L = f0(), [k, B] = G(0);
     w1(() => {
-      var m, b;
-      const w = ((m = _.current) == null ? void 0 : m.offsetHeight) || 0, v = ((b = N.current) == null ? void 0 : b.offsetHeight) || 0;
+      var m, y;
+      const w = ((m = _.current) == null ? void 0 : m.offsetHeight) || 0, v = ((y = L.current) == null ? void 0 : y.offsetHeight) || 0;
       B(h + Math.max(w, v));
     }, [n, l, h]);
     const $ = T0(
@@ -8752,7 +8752,7 @@ const b2 = J0.memo(
         animationDelay: `${j}ms`
       }),
       [j]
-    ), O = J0.isValidElement(s) ? J0.cloneElement(s, {
+    ), N = J0.isValidElement(s) ? J0.cloneElement(s, {
       size: ((A = s.props) == null ? void 0 : A.size) || h,
       color: ((V = s.props) == null ? void 0 : V.color) || M
     }) : /* @__PURE__ */ t.jsx(e9, { size: h, color: M });
@@ -8801,7 +8801,7 @@ const b2 = J0.memo(
                     style: H,
                     className: "sud-timeline__item-head",
                     role: "presentation",
-                    children: O
+                    children: N
                   }
                 )
               ]
@@ -8810,7 +8810,7 @@ const b2 = J0.memo(
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: N,
+              ref: L,
               className: "sud-timeline__item-right",
               role: "presentation",
               children: C(l, "left", p)
@@ -8858,7 +8858,7 @@ const b2 = J0.memo(
                     style: H,
                     className: "sud-timeline__item-head",
                     role: "presentation",
-                    children: O
+                    children: N
                   }
                 )
               ]
@@ -8867,7 +8867,7 @@ const b2 = J0.memo(
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              ref: N,
+              ref: L,
               className: "sud-timeline__item-right",
               role: "presentation",
               children: C(l, "left", p)
@@ -8904,7 +8904,7 @@ const b2 = J0.memo(
                     style: H,
                     className: "sud-timeline__item-head",
                     role: "presentation",
-                    children: O
+                    children: N
                   }
                 )
               ]
@@ -8915,7 +8915,7 @@ const b2 = J0.memo(
     );
   }
 );
-b2.displayName = "TimelineItem";
+y2.displayName = "TimelineItem";
 const n4 = ({
   columns: s = [],
   dataSource: c = [],
@@ -8936,13 +8936,13 @@ const n4 = ({
   width: p = "100%",
   height: S = "auto",
   style: _ = {},
-  pagination: N,
+  pagination: L,
   onChange: k,
   emptyText: B = "데이터가 없습니다"
 }) => {
   if (s.length === 0 || c.length === 0)
     return /* @__PURE__ */ t.jsx(V1, { description: B });
-  const $ = h0(), [R, H] = G(null), [I, z] = G((N == null ? void 0 : N.current) || 1), O = (N == null ? void 0 : N.pageSize) || 10, A = (N == null ? void 0 : N.total) || c.length, {
+  const $ = h0(), [R, H] = G(null), [I, z] = G((L == null ? void 0 : L.current) || 1), N = (L == null ? void 0 : L.pageSize) || 10, A = (L == null ? void 0 : L.total) || c.length, {
     bgColor: V,
     txtColor: w,
     borColor: v
@@ -8950,14 +8950,14 @@ const n4 = ({
     fallback: o,
     componentType: "button",
     border: g
-  }), m = Z ? L(Z, $) : v, b = g ? `${h}px ${i} ${m}` : "none", f = T0(
+  }), m = Z ? O(Z, $) : v, y = g ? `${h}px ${i} ${m}` : "none", f = T0(
     () => ({
       sm: { padding: "8px 12px", fontSize: 12 },
       md: { padding: "12px 16px", fontSize: 14 },
       lg: { padding: "16px 20px", fontSize: 16 }
     }),
     []
-  ), T = f[l] || f.md, r = I0(a, $), u = O0(d, $), y = T.padding, E = F0(
+  ), T = f[l] || f.md, r = I0(a, $), u = O0(d, $), b = T.padding, E = F0(
     (X, Y) => typeof n == "function" ? n(X) : X[n] ?? Y,
     [n]
   ), P = T0(() => {
@@ -8973,9 +8973,9 @@ const n4 = ({
       return Y === "ascend" ? k0 : -k0;
     });
   }, [c, R, s]), D = T0(() => {
-    const X = (I - 1) * O, Y = X + O;
+    const X = (I - 1) * N, Y = X + N;
     return P.slice(X, Y);
-  }, [P, I, O]), U = F0(
+  }, [P, I, N]), U = F0(
     (X) => {
       if (!X.sorter) return;
       const Y = X.dataIndex || X.key;
@@ -8988,9 +8988,9 @@ const n4 = ({
   ), K = F0(
     (X) => {
       var Y;
-      z(X), (Y = N == null ? void 0 : N.onChange) == null || Y.call(N, X);
+      z(X), (Y = L == null ? void 0 : L.onChange) == null || Y.call(L, X);
     },
-    [N]
+    [L]
   ), W = F0((X) => {
     switch (X) {
       case "bottom-left":
@@ -9008,13 +9008,13 @@ const n4 = ({
       x0(d0);
     }
   }, [P, S]);
-  const y0 = T0(
+  const b0 = T0(
     () => ({
       borderTopLeftRadius: r.borderRadius,
       borderTopRightRadius: r.borderRadius
     }),
     [r.borderRadius]
-  ), b0 = T0(
+  ), y0 = T0(
     () => ({
       borderBottomLeftRadius: r.borderRadius,
       borderBottomRightRadius: r.borderRadius
@@ -9053,7 +9053,7 @@ const n4 = ({
               overflow: "hidden",
               paddingRight: `${p0}px`,
               background: V,
-              ...y0
+              ...b0
             },
             children: /* @__PURE__ */ t.jsxs(
               "table",
@@ -9090,11 +9090,11 @@ const n4 = ({
                           textAlign: j0,
                           background: V,
                           color: w,
-                          borderBottom: b,
-                          borderLeft: Y === 0 ? "none" : b,
-                          borderRight: Y === s.length - 1 ? "none" : b,
+                          borderBottom: y,
+                          borderLeft: Y === 0 ? "none" : y,
+                          borderRight: Y === s.length - 1 ? "none" : y,
                           fontSize: T.fontSize,
-                          padding: y,
+                          padding: b,
                           cursor: X.sorter ? "pointer" : "default"
                         },
                         role: "columnheader",
@@ -9165,7 +9165,7 @@ const n4 = ({
           {
             ref: J,
             className: l0("sud-table__body", j),
-            style: { maxHeight: S, overflow: "auto", ...b0 },
+            style: { maxHeight: S, overflow: "auto", ...y0 },
             role: "presentation",
             tabIndex: 0,
             "aria-label": "테이블 본문",
@@ -9179,7 +9179,7 @@ const n4 = ({
                   alignItems: "center",
                   minHeight: "200px",
                   background: V,
-                  ...b0
+                  ...y0
                 },
                 role: "alert",
                 "aria-live": "polite",
@@ -9205,7 +9205,7 @@ const n4 = ({
                     Y
                   )) }),
                   /* @__PURE__ */ t.jsx("tbody", { children: D.map((X, Y) => {
-                    const Q = E(X, Y), d0 = L(X.background, $) || "transparent", g0 = L(X.color, $) || "inherit", j0 = L(X.borderColor, $) || m, o0 = g ? `${h}px ${i} ${j0}` : "none";
+                    const Q = E(X, Y), d0 = O(X.background, $) || "transparent", g0 = O(X.color, $) || "inherit", j0 = O(X.borderColor, $) || m, o0 = g ? `${h}px ${i} ${j0}` : "none";
                     return /* @__PURE__ */ t.jsx(
                       "tr",
                       {
@@ -9235,7 +9235,7 @@ const n4 = ({
                                 borderLeft: $0 === 0 ? "none" : o0,
                                 borderRight: $0 === s.length - 1 ? "none" : o0,
                                 fontSize: T.fontSize,
-                                padding: y
+                                padding: b
                               },
                               role: "cell",
                               "aria-label": `${k0.title}: ${L0}`,
@@ -9253,23 +9253,23 @@ const n4 = ({
             )
           }
         ),
-        N && D.length > 0 && /* @__PURE__ */ t.jsx(
+        L && D.length > 0 && /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "sud-table__pagination",
             style: {
               display: "flex",
               marginTop: "12px",
-              ...W(N.position)
+              ...W(L.position)
             },
             role: "navigation",
             "aria-label": "페이지네이션",
             children: /* @__PURE__ */ t.jsx(
-              y2,
+              b2,
               {
                 current: I,
                 total: A,
-                pageSize: O,
+                pageSize: N,
                 onChange: K
               }
             )
@@ -9299,7 +9299,7 @@ function P1({
   const F = h0(), { bgColor: M } = i0({
     border: !1,
     fallback: g
-  }), p = a ? L(a, F) : M, [S, _] = G(c || !1), [N, k] = G(!1), B = s !== void 0, $ = B ? s : S, R = l === "top" || l === "bottom", H = f0(), I = f0(), z = N || $ ? p : L("cool-gray-3", F), O = (A) => {
+  }), p = a ? O(a, F) : M, [S, _] = G(c || !1), [L, k] = G(!1), B = s !== void 0, $ = B ? s : S, R = l === "top" || l === "bottom", H = f0(), I = f0(), z = L || $ ? p : O("cool-gray-3", F), N = (A) => {
     if (A.stopPropagation(), d) return;
     const V = !$;
     B || _(V), n == null || n(V), H.current && S1(H.current), I.current && W1(I.current);
@@ -9321,7 +9321,7 @@ function P1({
         opacity: d ? 0.5 : 1,
         ...Z
       },
-      onClick: O,
+      onClick: N,
       onMouseEnter: () => k(!0),
       onMouseLeave: () => k(!1),
       role: "checkbox",
@@ -9343,7 +9343,7 @@ function P1({
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
-              background: $ ? p : L("white-10", F),
+              background: $ ? p : O("white-10", F),
               border: `1px solid ${z}`,
               borderRadius: 4,
               transition: "border-color 0.2s ease, background 0.2s ease"
@@ -9357,7 +9357,7 @@ function P1({
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ t.jsx(a9, { color: L("white-10", F), size: "14" })
+                children: /* @__PURE__ */ t.jsx(a9, { color: O("white-10", F), size: "14" })
               }
             )
           }
@@ -9393,8 +9393,8 @@ P1.Group = function({
   role: F = "group"
 }) {
   const M = (_) => {
-    const N = n.includes(_) ? n.filter((k) => k !== _) : [...n, _];
-    l == null || l(N);
+    const L = n.includes(_) ? n.filter((k) => k !== _) : [...n, _];
+    l == null || l(L);
   }, p = o === "horizontal", S = {
     display: "grid",
     gap: d,
@@ -9410,7 +9410,7 @@ P1.Group = function({
       role: F,
       "aria-label": C,
       "aria-required": j,
-      children: c.map(({ value: _, label: N }) => /* @__PURE__ */ t.jsx(
+      children: c.map(({ value: _, label: L }) => /* @__PURE__ */ t.jsx(
         P1,
         {
           checked: n.includes(_),
@@ -9419,7 +9419,7 @@ P1.Group = function({
           color: i,
           colorType: h,
           labelPosition: x,
-          children: N
+          children: L
         },
         _
       ))
@@ -9447,7 +9447,7 @@ const E0 = ({
   maxLength: p,
   password: S = !1,
   type: _ = "text",
-  clearable: N = !1,
+  clearable: L = !1,
   placeholder: k,
   value: B = "",
   onChange: $ = () => {
@@ -9456,18 +9456,18 @@ const E0 = ({
   shadow: H = "sm",
   size: I = "md",
   id: z,
-  name: O,
+  name: N,
   autoComplete: A,
   inputMode: V,
   spellCheck: w,
   ariaLabel: v,
   colorType: m = "default",
-  label: b,
+  label: y,
   errorText: f,
   error: T = !1,
   required: r = !1,
   ariaRequired: u,
-  ariaInvalid: y,
+  ariaInvalid: b,
   ariaDescribedby: E,
   onClick: P
 }) => {
@@ -9475,7 +9475,7 @@ const E0 = ({
     border: n,
     fallback: T ? "danger" : m,
     componentType: "input"
-  }), q = s ? L(s, D) : U, J = c ? L(c, D) : K, p0 = l ? L(l, D) : W, x0 = n && p0 ? `${a}px ${o} ${p0}` : "none", y0 = I0(R, D), b0 = O0(H, D), S0 = {
+  }), q = s ? O(s, D) : U, J = c ? O(c, D) : K, p0 = l ? O(l, D) : W, x0 = n && p0 ? `${a}px ${o} ${p0}` : "none", b0 = I0(R, D), y0 = O0(H, D), S0 = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -9492,7 +9492,7 @@ const E0 = ({
         ...C
       },
       children: [
-        b && /* @__PURE__ */ t.jsx(
+        y && /* @__PURE__ */ t.jsx(
           "label",
           {
             className: "sud-input__label",
@@ -9503,9 +9503,9 @@ const E0 = ({
               marginLeft: S0.padding,
               fontSize: 14,
               fontWeight: 500,
-              color: L(j ? "cool-gray-3" : "cool-gray-9", D)
+              color: O(j ? "cool-gray-3" : "cool-gray-9", D)
             },
-            children: typeof b == "string" ? /* @__PURE__ */ t.jsx(
+            children: typeof y == "string" ? /* @__PURE__ */ t.jsx(
               s0,
               {
                 as: "span",
@@ -9518,9 +9518,9 @@ const E0 = ({
                   marginBottom: 6,
                   marginLeft: S0.padding
                 },
-                children: b
+                children: y
               }
-            ) : b
+            ) : y
           }
         ),
         /* @__PURE__ */ t.jsxs(
@@ -9536,12 +9536,12 @@ const E0 = ({
             style: {
               display: "flex",
               alignItems: "center",
-              backgroundColor: j ? L("cool-gray-1", D) : q,
-              color: j ? L("cool-gray-3", D) : J,
-              ...y0,
+              backgroundColor: j ? O("cool-gray-1", D) : q,
+              color: j ? O("cool-gray-3", D) : J,
+              ...b0,
               width: "100%",
               padding: S0.padding,
-              boxShadow: b0,
+              boxShadow: y0,
               ...d ? {
                 border: "none",
                 borderRadius: 0,
@@ -9581,13 +9581,13 @@ const E0 = ({
                   autoFocus: M,
                   maxLength: p,
                   id: z,
-                  name: O,
+                  name: N,
                   autoComplete: A,
                   inputMode: V,
                   spellCheck: w,
-                  "aria-label": v || b,
+                  "aria-label": v || y,
                   "aria-required": u || r,
-                  "aria-invalid": y || T,
+                  "aria-invalid": b || T,
                   "aria-describedby": E || (T ? `${z}-error` : void 0),
                   "aria-disabled": j,
                   style: {
@@ -9602,7 +9602,7 @@ const E0 = ({
                   }
                 }
               ),
-              N && !F && !j && B && /* @__PURE__ */ t.jsx(
+              L && !F && !j && B && /* @__PURE__ */ t.jsx(
                 "button",
                 {
                   className: "sud-input__clear",
@@ -9625,7 +9625,7 @@ const E0 = ({
                   className: "sud-input__length",
                   style: {
                     fontSize: 12,
-                    color: L(j ? "cool-gray-3" : "info-6", D)
+                    color: O(j ? "cool-gray-3" : "info-6", D)
                   },
                   children: [
                     B.length,
@@ -9668,7 +9668,7 @@ const E0 = ({
                 className: "sud-input__error__text",
                 size: "xs",
                 pretendard: "B",
-                color: L("danger-6", D),
+                color: O("danger-6", D),
                 children: f
               }
             )
@@ -9698,7 +9698,7 @@ const E0 = ({
   size: p = "md",
   rows: S = 4,
   maxLength: _,
-  resizable: N = !1,
+  resizable: L = !1,
   autoSize: k = !1,
   bottomLeft: B,
   bottomRight: $,
@@ -9706,17 +9706,17 @@ const E0 = ({
   name: H,
   autoComplete: I,
   ariaLabel: z,
-  spellCheck: O,
+  spellCheck: N,
   label: A,
   colorType: V = "default",
   errorText: w,
   error: v = !1
 }) => {
-  const m = h0(), { bgColor: b, txtColor: f, borColor: T } = i0({
+  const m = h0(), { bgColor: y, txtColor: f, borColor: T } = i0({
     border: n,
     fallback: v ? "danger" : V,
     componentType: "input"
-  }), r = s ? L(s, m) : b, u = c ? L(c, m) : f, y = l ? L(l, m) : T, E = n && y ? `${a}px ${o} ${y}` : "none", P = I0(F, m), D = O0(M, m), U = {
+  }), r = s ? O(s, m) : y, u = c ? O(c, m) : f, b = l ? O(l, m) : T, E = n && b ? `${a}px ${o} ${b}` : "none", P = I0(F, m), D = O0(M, m), U = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -9747,7 +9747,7 @@ const E0 = ({
               marginBottom: 6,
               marginLeft: U.padding,
               fontSize: 14,
-              color: L(Z ? "cool-gray-3" : "cool-gray-9", m)
+              color: O(Z ? "cool-gray-3" : "cool-gray-9", m)
             },
             children: typeof A == "string" ? /* @__PURE__ */ t.jsx(
               s0,
@@ -9779,8 +9779,8 @@ const E0 = ({
             style: {
               display: "flex",
               flexDirection: "column",
-              backgroundColor: Z ? L("cool-gray-1", m) : r,
-              color: Z ? L("cool-gray-3", m) : u,
+              backgroundColor: Z ? O("cool-gray-1", m) : r,
+              color: Z ? O("cool-gray-3", m) : u,
               ...P,
               width: "100%",
               padding: U.padding,
@@ -9806,7 +9806,7 @@ const E0 = ({
                   name: H,
                   autoComplete: I,
                   "aria-label": z,
-                  spellCheck: O,
+                  spellCheck: N,
                   style: {
                     margin: 0,
                     flex: 1,
@@ -9815,7 +9815,7 @@ const E0 = ({
                     outline: "none",
                     color: u,
                     fontSize: U.fontSize,
-                    resize: N ? "both" : "none",
+                    resize: L ? "both" : "none",
                     minHeight: U.height * S,
                     ...k && {
                       height: "auto",
@@ -9833,7 +9833,7 @@ const E0 = ({
                     justifyContent: "space-between",
                     marginTop: 4,
                     fontSize: 12,
-                    color: L(Z ? "cool-gray-3" : "cool-gray-6", m)
+                    color: O(Z ? "cool-gray-3" : "cool-gray-6", m)
                   },
                   children: [
                     /* @__PURE__ */ t.jsx("div", { className: "sud-textarea__bottom-left", children: B }),
@@ -9873,7 +9873,7 @@ const E0 = ({
                 size: "xs",
                 className: "sud-textarea__error__text",
                 pretendard: "B",
-                color: L("danger-6", m),
+                color: O("danger-6", m),
                 children: w
               }
             )
@@ -9906,17 +9906,17 @@ const _9 = ({
   shadow: p = "sm",
   size: S = "md",
   length: _ = 6,
-  id: N,
+  id: L,
   colorType: k = "default",
   label: B,
   errorText: $,
   error: R = !1
 }) => {
-  const H = h0(), I = f0([]), { bgColor: z, txtColor: O, borColor: A } = i0({
+  const H = h0(), I = f0([]), { bgColor: z, txtColor: N, borColor: A } = i0({
     border: n,
     fallback: R ? "danger" : k,
     componentType: "input"
-  }), V = s ? L(s, H) : z, w = c ? L(c, H) : O, v = l ? L(l, H) : A, m = n && v ? `${a}px ${o} ${v}` : "none", b = I0(M, H), f = O0(p, H), T = {
+  }), V = s ? O(s, H) : z, w = c ? O(c, H) : N, v = l ? O(l, H) : A, m = n && v ? `${a}px ${o} ${v}` : "none", y = I0(M, H), f = O0(p, H), T = {
     sm: { height: 32, fontSize: 14, padding: "4px" },
     md: { height: 38, fontSize: 16, padding: "6px" },
     lg: { height: 42, fontSize: 18, padding: "8px" }
@@ -9927,7 +9927,7 @@ const _9 = ({
     U[P] = D, F({ target: { value: U.join("") } }), D && P < _ - 1 && I.current[P + 1].focus();
   }, u = (E, P) => {
     E.key === "Backspace" && !C[P] && P > 0 && I.current[P - 1].focus();
-  }, y = (E) => {
+  }, b = (E) => {
     E.preventDefault();
     const P = E.clipboardData.getData("text");
     if (j === "int" && !/^\d*$/.test(P)) return;
@@ -9949,7 +9949,7 @@ const _9 = ({
           "label",
           {
             className: "sud-input-otp__label",
-            htmlFor: N,
+            htmlFor: L,
             style: {
               display: "block",
               marginBottom: 6,
@@ -9987,7 +9987,7 @@ const _9 = ({
               gap: 8,
               ...g
             },
-            onPaste: y,
+            onPaste: b,
             children: Array.from({ length: _ }).map((E, P) => /* @__PURE__ */ t.jsx(
               "input",
               {
@@ -10006,10 +10006,10 @@ const _9 = ({
                   height: T.height,
                   fontSize: T.fontSize,
                   textAlign: "center",
-                  backgroundColor: Z ? L("cool-gray-1", H) : V,
-                  color: Z ? L("cool-gray-3", H) : w,
+                  backgroundColor: Z ? O("cool-gray-1", H) : V,
+                  color: Z ? O("cool-gray-3", H) : w,
                   border: m,
-                  ...b,
+                  ...y,
                   boxShadow: f
                 }
               },
@@ -10032,7 +10032,7 @@ const _9 = ({
                 size: "xs",
                 className: "sud-input-otp__error__text",
                 pretendard: "B",
-                color: L("danger-6", H),
+                color: O("danger-6", H),
                 children: $
               }
             )
@@ -10064,7 +10064,7 @@ const i2 = ({
   minMaxVisible: p = !1,
   colorType: S = "primary",
   mark: _ = "",
-  style: N = {},
+  style: L = {},
   className: k = "",
   shadow: B = "md",
   size: $ = "sm",
@@ -10072,15 +10072,15 @@ const i2 = ({
   popupClassName: H = "",
   popupStyle: I = {},
   popupProps: z = {},
-  id: O,
+  id: N,
   ariaLabel: A,
   ariaValueText: V
 }) => {
-  const w = h0(), v = f0(null), m = f0(null), [b, f] = G(!1), [T, r] = G(n), u = f2(), y = O || u, { bgColor: E, borColor: P } = i0({
+  const w = h0(), v = f0(null), m = f0(null), [y, f] = G(!1), [T, r] = G(n), u = f2(), b = N || u, { bgColor: E, borColor: P } = i0({
     border: Z,
     fallback: S,
     componentType: "button"
-  }), D = O0(B, w), U = g ? L(g, w) : E, K = x ? L(x, w) : P, W = K ? `${h}px ${i} ${K}` : "none", q = {
+  }), D = O0(B, w), U = g ? O(g, w) : E, K = x ? O(x, w) : P, W = K ? `${h}px ${i} ${K}` : "none", q = {
     sm: { width: 8, height: 240, thumb: 20, fontSize: 14 },
     md: { width: 16, height: 320, thumb: 28, fontSize: 16 },
     lg: { width: 24, height: 400, thumb: 36, fontSize: 18 }
@@ -10091,12 +10091,12 @@ const i2 = ({
   }, {
     width: p0,
     height: x0,
-    thumb: y0,
-    fontSize: b0
+    thumb: b0,
+    fontSize: y0
   } = a ? q[$] : J[$], S0 = F || p0, B0 = M || x0, X = (T - s) / (c - s) * 100;
   z0(() => {
-    b || r(n);
-  }, [n, b]);
+    y || r(n);
+  }, [n, y]);
   const Y = F0(
     (_0, L0) => {
       const D0 = v.current.getBoundingClientRect();
@@ -10109,16 +10109,16 @@ const i2 = ({
   ), Q = (_0) => {
     d || (f(!0), S1(m.current), Y(_0.clientX, _0.clientY));
   }, d0 = (_0) => {
-    !b || d || Y(_0.clientX, _0.clientY);
+    !y || d || Y(_0.clientX, _0.clientY);
   }, g0 = () => {
     d || f(!1);
   };
   z0(() => {
-    if (b)
+    if (y)
       return window.addEventListener("mousemove", d0), window.addEventListener("mouseup", g0), () => {
         window.removeEventListener("mousemove", d0), window.removeEventListener("mouseup", g0);
       };
-  }, [b, d0]);
+  }, [y, d0]);
   const j0 = (_0) => {
     if (d) return;
     let L0 = T;
@@ -10167,10 +10167,10 @@ const i2 = ({
     position: "absolute",
     border: W,
     boxShadow: D,
-    background: L(R || "white-10", w),
+    background: O(R || "white-10", w),
     borderRadius: "50%",
-    width: `${y0}px`,
-    height: `${y0}px`,
+    width: `${b0}px`,
+    height: `${b0}px`,
     transform: "translate(-50%, -50%)",
     top: a ? `${100 - X}%` : "50%",
     left: a ? "50%" : `${X}%`,
@@ -10184,8 +10184,8 @@ const i2 = ({
     border: "2px solid transparent",
     borderRadius: "50%",
     background: "transparent",
-    width: `${y0}px`,
-    height: `${y0}px`,
+    width: `${b0}px`,
+    height: `${b0}px`,
     transform: "translate(-50%, -50%)",
     top: a ? `${100 - X}%` : "50%",
     left: a ? "50%" : `${X}%`,
@@ -10204,7 +10204,7 @@ const i2 = ({
         opacity: d ? 0.5 : 1,
         userSelect: "none",
         width: "100%",
-        ...N
+        ...L
       },
       role: "group",
       "aria-label": A || "슬라이더",
@@ -10217,7 +10217,7 @@ const i2 = ({
             onMouseDown: Q,
             style: {
               position: "relative",
-              background: C || L("cool-gray-2", w),
+              background: C || O("cool-gray-2", w),
               borderRadius: a ? S0 / 2 : B0 / 2,
               maxWidth: "100%",
               maxHeight: "100%",
@@ -10248,7 +10248,7 @@ const i2 = ({
                   "aria-valuetext": V || `${T}${_ ? ` ${_}` : ""}`,
                   "aria-orientation": a ? "vertical" : "horizontal",
                   "aria-disabled": d,
-                  id: y,
+                  id: b,
                   onKeyDown: j0,
                   style: k0,
                   onMouseDown: Q,
@@ -10257,8 +10257,8 @@ const i2 = ({
                     {
                       className: "sud-slider__thumb-inner",
                       style: {
-                        width: `${y0 - 10}px`,
-                        height: `${y0 - 10}px`,
+                        width: `${b0 - 10}px`,
+                        height: `${b0 - 10}px`,
                         borderRadius: "50%",
                         background: U,
                         display: "flex",
@@ -10307,8 +10307,8 @@ const i2 = ({
               height: a ? B0 : "auto",
               marginLeft: a ? 8 : 0,
               marginTop: a ? 0 : 8,
-              fontSize: b0,
-              color: L(d ? "cool-gray-3" : "cool-gray-9", w)
+              fontSize: y0,
+              color: O(d ? "cool-gray-3" : "cool-gray-9", w)
             },
             children: [
               /* @__PURE__ */ t.jsxs(
@@ -10365,16 +10365,16 @@ const i2 = ({
   borderWeight: p,
   shape: S = "rounded",
   shadow: _,
-  colorType: N,
+  colorType: L,
   type: k = "primary",
   onCancel: B,
   onConfirm: $,
   footer: R,
   style: H = {}
 }) => {
-  const I = h0(), [z, O] = G(a), A = o !== void 0, V = A ? o : z, w = F0(
+  const I = h0(), [z, N] = G(a), A = o !== void 0, V = A ? o : z, w = F0(
     (r) => {
-      A || O(r), d == null || d(r);
+      A || N(r), d == null || d(r);
     },
     [A, d]
   ), v = () => k === "primary" ? /* @__PURE__ */ t.jsx(g2, {}) : k === "danger" ? /* @__PURE__ */ t.jsx(m2, {}) : k === "warning" ? /* @__PURE__ */ t.jsx(I1, {}) : null, m = () => c ? /* @__PURE__ */ t.jsxs("div", { className: "sud-popconfirm__title flex item-cen jus-sta gap-8 fs-16", children: [
@@ -10391,7 +10391,7 @@ const i2 = ({
         children: c
       }
     ) : c
-  ] }) : null, b = () => {
+  ] }) : null, y = () => {
     $ == null || $(), w(!1);
   }, f = () => {
     B == null || B(), w(!1);
@@ -10400,7 +10400,7 @@ const i2 = ({
     const r = /* @__PURE__ */ t.jsx("div", { children: h });
     let u = null;
     return R === null ? u = null : R === !0 || R === void 0 ? u = /* @__PURE__ */ t.jsxs("div", { className: "sud-popconfirm__footer flex flex-row gap-8 item-cen jus-cen", children: [
-      /* @__PURE__ */ t.jsx(V0, { colorType: "primary", onClick: b, children: "확인" }),
+      /* @__PURE__ */ t.jsx(V0, { colorType: "primary", onClick: y, children: "확인" }),
       /* @__PURE__ */ t.jsx(V0, { colorType: "danger", onClick: f, children: "취소" })
     ] }) : u = R, /* @__PURE__ */ t.jsxs("div", { className: "sud-popconfirm__content flex flex-col gap-8", children: [
       r,
@@ -10429,7 +10429,7 @@ const i2 = ({
       title: m(),
       content: T(),
       children: s,
-      colorType: N,
+      colorType: L,
       variant: "popconfirm",
       style: {
         ...H,
@@ -10473,35 +10473,35 @@ const o4 = ({
   cardProps: j = {},
   buttonProps: F = {}
 }) => {
-  const M = f0(), [p, S] = G(s), [_, N] = G("HEX"), [k, B] = G(210), [$, R] = G(100), [H, I] = G({ x: 0, y: 0 }), [z, O] = G({ h: 210, s: 100, b: 100 }), [A, V] = G({ r: 22, g: 119, b: 255 }), w = {
+  const M = f0(), [p, S] = G(s), [_, L] = G("HEX"), [k, B] = G(210), [$, R] = G(100), [H, I] = G({ x: 0, y: 0 }), [z, N] = G({ h: 210, s: 100, b: 100 }), [A, V] = G({ r: 22, g: 119, b: 255 }), w = {
     sm: 32,
     md: 40,
     lg: 48
   }, v = F0(
-    ({ r: b, g: f, b: T }) => {
-      const r = Math.max(b, f, T), u = Math.min(b, f, T), y = r / 255, E = r === 0 ? 0 : (r - u) / r;
+    ({ r: y, g: f, b: T }) => {
+      const r = Math.max(y, f, T), u = Math.min(y, f, T), b = r / 255, E = r === 0 ? 0 : (r - u) / r;
       let P = 0;
       if (r !== u) {
         switch (r) {
-          case b:
+          case y:
             P = (f - T) / (r - u) + (f < T ? 6 : 0);
             break;
           case f:
-            P = (T - b) / (r - u) + 2;
+            P = (T - y) / (r - u) + 2;
             break;
           case T:
-            P = (b - f) / (r - u) + 4;
+            P = (y - f) / (r - u) + 4;
             break;
         }
         P *= 60;
       }
-      V({ r: b, g: f, b: T }), O({
+      V({ r: y, g: f, b: T }), N({
         h: Math.round(P),
         s: Math.round(E * 100),
-        b: Math.round(y * 100)
+        b: Math.round(b * 100)
       }), B(Math.round(P));
-      const D = z9(b, f, T);
-      S(D), c == null || c({ hex: D, rgb: { r: b, g: f, b: T }, hsb: z, alpha: $ });
+      const D = z9(y, f, T);
+      S(D), c == null || c({ hex: D, rgb: { r: y, g: f, b: T }, hsb: z, alpha: $ });
     },
     [c, $]
   );
@@ -10509,10 +10509,10 @@ const o4 = ({
     v(d2(s));
   }, [s]);
   const m = F0(
-    (b) => {
-      const f = M.current.getBoundingClientRect(), T = Math.min(Math.max(b.clientX - f.left, 0), f.width), r = Math.min(Math.max(b.clientY - f.top, 0), f.height);
+    (y) => {
+      const f = M.current.getBoundingClientRect(), T = Math.min(Math.max(y.clientX - f.left, 0), f.width), r = Math.min(Math.max(y.clientY - f.top, 0), f.height);
       I({ x: T, y: r });
-      const u = T / f.width, y = 1 - r / f.height, E = k, P = (W, q = (W + E / 60) % 6) => y - y * u * Math.max(Math.min(q, 4 - q, 1), 0), D = Math.round(P(5) * 255), U = Math.round(P(3) * 255), K = Math.round(P(1) * 255);
+      const u = T / f.width, b = 1 - r / f.height, E = k, P = (W, q = (W + E / 60) % 6) => b - b * u * Math.max(Math.min(q, 4 - q, 1), 0), D = Math.round(P(5) * 255), U = Math.round(P(3) * 255), K = Math.round(P(1) * 255);
       v({ r: D, g: U, b: K });
     },
     [k, v]
@@ -10546,15 +10546,15 @@ const o4 = ({
               {
                 ref: M,
                 className: "sud-color-picker__palette",
-                onMouseDown: (b) => {
-                  m(b);
+                onMouseDown: (y) => {
+                  m(y);
                   const f = (r) => m(r), T = () => {
                     window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", T);
                   };
                   window.addEventListener("mousemove", f), window.addEventListener("mouseup", T);
                 },
-                onTouchStart: (b) => {
-                  const f = b.touches[0];
+                onTouchStart: (y) => {
+                  const f = y.touches[0];
                   m(f);
                   const T = (u) => m(u.touches[0]), r = () => {
                     window.removeEventListener("touchmove", T), window.removeEventListener("touchend", r);
@@ -10610,7 +10610,7 @@ const o4 = ({
                     {
                       size: "sm",
                       value: _,
-                      onChange: N,
+                      onChange: L,
                       options: F9,
                       className: "sud-color-picker__mode-select",
                       ...h
@@ -10622,8 +10622,8 @@ const o4 = ({
                       {
                         size: "sm",
                         value: p,
-                        onChange: (b) => {
-                          const f = b.target.value;
+                        onChange: (y) => {
+                          const f = y.target.value;
                           S(f);
                           try {
                             v(d2(f));
@@ -10639,7 +10639,7 @@ const o4 = ({
                       {
                         size: "sm",
                         value: $,
-                        onChange: (b) => R(Number(b.target.value)),
+                        onChange: (y) => R(Number(y.target.value)),
                         placeholder: "A",
                         className: "sud-color-picker__alpha-input",
                         ...x
@@ -10652,9 +10652,9 @@ const o4 = ({
                       {
                         size: "sm",
                         value: z.h,
-                        onChange: (b) => {
-                          const f = Number(b.target.value);
-                          O((T) => ({ ...T, h: f })), B(f);
+                        onChange: (y) => {
+                          const f = Number(y.target.value);
+                          N((T) => ({ ...T, h: f })), B(f);
                         },
                         placeholder: "H",
                         className: "sud-color-picker__hue-input",
@@ -10666,8 +10666,8 @@ const o4 = ({
                       {
                         size: "sm",
                         value: z.s,
-                        onChange: (b) => {
-                          O((f) => ({ ...f, s: Number(b.target.value) }));
+                        onChange: (y) => {
+                          N((f) => ({ ...f, s: Number(y.target.value) }));
                         },
                         placeholder: "S",
                         className: "sud-color-picker__saturation-input",
@@ -10679,8 +10679,8 @@ const o4 = ({
                       {
                         size: "sm",
                         value: z.b,
-                        onChange: (b) => {
-                          O((f) => ({ ...f, b: Number(b.target.value) }));
+                        onChange: (y) => {
+                          N((f) => ({ ...f, b: Number(y.target.value) }));
                         },
                         placeholder: "B",
                         className: "sud-color-picker__brightness-input",
@@ -10692,7 +10692,7 @@ const o4 = ({
                       {
                         size: "sm",
                         value: $,
-                        onChange: (b) => R(Number(b.target.value)),
+                        onChange: (y) => R(Number(y.target.value)),
                         placeholder: "A",
                         className: "sud-color-picker__alpha-input",
                         ...x
@@ -10705,7 +10705,7 @@ const o4 = ({
                       {
                         size: "sm",
                         value: A.r,
-                        onChange: (b) => v({ ...A, r: Number(b.target.value) }),
+                        onChange: (y) => v({ ...A, r: Number(y.target.value) }),
                         placeholder: "R",
                         className: "sud-color-picker__red-input",
                         ...x
@@ -10716,7 +10716,7 @@ const o4 = ({
                       {
                         size: "sm",
                         value: A.g,
-                        onChange: (b) => v({ ...A, g: Number(b.target.value) }),
+                        onChange: (y) => v({ ...A, g: Number(y.target.value) }),
                         placeholder: "G",
                         className: "sud-color-picker__green-input",
                         ...x
@@ -10727,7 +10727,7 @@ const o4 = ({
                       {
                         size: "sm",
                         value: A.b,
-                        onChange: (b) => v({ ...A, b: Number(b.target.value) }),
+                        onChange: (y) => v({ ...A, b: Number(y.target.value) }),
                         placeholder: "B",
                         className: "sud-color-picker__blue-input",
                         ...x
@@ -10738,7 +10738,7 @@ const o4 = ({
                       {
                         size: "sm",
                         value: $,
-                        onChange: (b) => R(Number(b.target.value)),
+                        onChange: (y) => R(Number(y.target.value)),
                         placeholder: "A",
                         className: "sud-color-picker__alpha-input",
                         ...x
@@ -10755,8 +10755,8 @@ const o4 = ({
                 max: 360,
                 value: k,
                 size: "md",
-                onChange: (b) => {
-                  B(b), O((f) => ({ ...f, h: b }));
+                onChange: (y) => {
+                  B(y), N((f) => ({ ...f, h: y }));
                 },
                 fill: !1,
                 trackColor: "linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)",
@@ -10771,7 +10771,7 @@ const o4 = ({
                 max: 100,
                 value: $,
                 size: "md",
-                onChange: (b) => R(b),
+                onChange: (y) => R(y),
                 fill: !1,
                 trackColor: `linear-gradient(to right, transparent, ${p})`,
                 className: "sud-color-picker__alpha-slider",
@@ -10837,7 +10837,7 @@ const o4 = ({
   popConfirmProps: p = {},
   inputProps: S = {},
   calendarProps: _ = {},
-  id: N,
+  id: L,
   ariaLabel: k,
   ariaRequired: B,
   ariaInvalid: $,
@@ -10846,20 +10846,20 @@ const o4 = ({
   const [H, I] = G(!1), z = T0(() => {
     if (!i) return "";
     if (j) {
-      const v = i == null ? void 0 : i.startDate, m = i == null ? void 0 : i.endDate, b = v && n0(v).isValid() ? n0(v).format(C) : "", f = m && n0(m).isValid() ? n0(m).format(C) : "";
-      return [b, f].filter(Boolean).join(" ~ ");
+      const v = i == null ? void 0 : i.startDate, m = i == null ? void 0 : i.endDate, y = v && n0(v).isValid() ? n0(v).format(C) : "", f = m && n0(m).isValid() ? n0(m).format(C) : "";
+      return [y, f].filter(Boolean).join(" ~ ");
     }
     return n0(i).isValid() ? n0(i).format(C) : "";
-  }, [i, C, j]), O = (v) => {
+  }, [i, C, j]), N = (v) => {
     if (!v) return "";
     if (j) {
-      const m = v == null ? void 0 : v.startDate, b = v == null ? void 0 : v.endDate, f = m && n0(m).isValid() ? n0(m).format(C) : "", T = b && n0(b).isValid() ? n0(b).format(C) : "";
+      const m = v == null ? void 0 : v.startDate, y = v == null ? void 0 : v.endDate, f = m && n0(m).isValid() ? n0(m).format(C) : "", T = y && n0(y).isValid() ? n0(y).format(C) : "";
       return [f, T].filter(Boolean).join(" ~ ");
     }
     return n0(v).isValid() ? n0(v).format(C) : "";
   }, A = (v) => {
     if (o || a) return;
-    const m = O(v);
+    const m = N(v);
     h(v, m), (!j || (v == null ? void 0 : v.startDate) && (v == null ? void 0 : v.endDate)) && (I(!1), requestAnimationFrame(() => {
       setTimeout(() => I(!0), 0);
     }));
@@ -10876,7 +10876,7 @@ const o4 = ({
       shadow: n,
       ...p,
       content: /* @__PURE__ */ t.jsx(
-        b9,
+        y9,
         {
           value: j ? V : i,
           startDate: V,
@@ -10900,7 +10900,7 @@ const o4 = ({
           error: d,
           errorText: g,
           className: Z,
-          id: N,
+          id: L,
           ariaLabel: k || x,
           ariaRequired: B,
           ariaInvalid: $,
@@ -10939,8 +10939,8 @@ function Y1({
   const j = h0(), { bgColor: F } = i0({
     border: !1,
     fallback: g
-  }), M = a ? L(a, j) : F, [p, S] = G(c || !1), [_, N] = G(!1), k = s !== void 0, B = k ? s : p, $ = l === "top" || l === "bottom", R = f0(), H = f0(), I = _ || B ? M : L("cool-gray-3", j), z = (O) => {
-    if (O.stopPropagation(), d || B) return;
+  }), M = a ? O(a, j) : F, [p, S] = G(c || !1), [_, L] = G(!1), k = s !== void 0, B = k ? s : p, $ = l === "top" || l === "bottom", R = f0(), H = f0(), I = _ || B ? M : O("cool-gray-3", j), z = (N) => {
+    if (N.stopPropagation(), d || B) return;
     const A = !0;
     k || S(A), n == null || n(A), R.current && S1(R.current), H.current && W1(H.current);
   };
@@ -10962,8 +10962,8 @@ function Y1({
         ...Z
       },
       onClick: z,
-      onMouseEnter: () => N(!0),
-      onMouseLeave: () => N(!1),
+      onMouseEnter: () => L(!0),
+      onMouseLeave: () => L(!1),
       role: "radio",
       "aria-checked": B,
       "aria-label": h,
@@ -10981,7 +10981,7 @@ function Y1({
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center",
-              background: B ? M : L("white-10", j),
+              background: B ? M : O("white-10", j),
               border: `1px solid ${I}`,
               borderRadius: "50%",
               transition: "border-color 0.2s ease, background 0.2s ease"
@@ -10996,7 +10996,7 @@ function Y1({
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ t.jsx(Q2, { color: L("white-10", j), size: "12" })
+                children: /* @__PURE__ */ t.jsx(Q2, { color: O("white-10", j), size: "12" })
               }
             )
           }
@@ -11048,7 +11048,7 @@ Y1.Group = function({
       role: "radiogroup",
       "aria-label": C,
       "aria-required": j,
-      children: c.map(({ value: _, label: N }) => /* @__PURE__ */ t.jsx(
+      children: c.map(({ value: _, label: L }) => /* @__PURE__ */ t.jsx(
         Y1,
         {
           checked: n === _,
@@ -11058,8 +11058,8 @@ Y1.Group = function({
           colorType: h,
           labelPosition: x,
           name: F,
-          ariaLabel: N,
-          children: N
+          ariaLabel: L,
+          children: L
         },
         _
       ))
@@ -11087,14 +11087,14 @@ const i4 = ({
   testId: p = "rate",
   icon: S = "star"
 }) => {
-  const _ = h0(), [N, k] = G(n), [B, $] = G(null), R = l !== void 0, H = R ? l : N, I = T0(() => !i && typeof S == "string" ? S === "heart" ? "coral" : "gold" : i || "gold", [i, S]), { bgColor: z } = i0({
+  const _ = h0(), [L, k] = G(n), [B, $] = G(null), R = l !== void 0, H = R ? l : L, I = T0(() => !i && typeof S == "string" ? S === "heart" ? "coral" : "gold" : i || "gold", [i, S]), { bgColor: z } = i0({
     fallback: "hovered",
     componentType: "etc"
-  }), O = T0(
-    () => L(h || I, _),
+  }), N = T0(
+    () => O(h || I, _),
     [h, I, _]
   ), A = T0(
-    () => x ? L(x, _) : z,
+    () => x ? O(x, _) : z,
     [x, z, _]
   ), V = F0(
     (r) => typeof S == "function" ? S(r, C) : S === "heart" ? /* @__PURE__ */ t.jsx(r9, { size: C, color: r }) : /* @__PURE__ */ t.jsx(s9, { size: C, color: r }),
@@ -11116,12 +11116,12 @@ const i4 = ({
     };
     return /* @__PURE__ */ t.jsxs("div", { style: r, children: [
       V(A),
-      /* @__PURE__ */ t.jsx("div", { style: u, children: V(O) })
+      /* @__PURE__ */ t.jsx("div", { style: u, children: V(N) })
     ] });
-  }, [O, A, C, V]), v = F0(
+  }, [N, A, C, V]), v = F0(
     (r) => {
-      const u = B !== null ? B : H, y = u >= r + 1, E = !y && c && u >= r + 0.5;
-      return y ? V(O) : E ? w() : V(A);
+      const u = B !== null ? B : H, b = u >= r + 1, E = !b && c && u >= r + 0.5;
+      return b ? V(N) : E ? w() : V(A);
     },
     [
       B,
@@ -11129,7 +11129,7 @@ const i4 = ({
       c,
       V,
       w,
-      O,
+      N,
       A
     ]
   ), m = F0(
@@ -11139,10 +11139,10 @@ const i4 = ({
       R || k(u), o == null || o(u);
     },
     [a, d, g, H, R, o]
-  ), b = F0(
+  ), y = F0(
     (r, u) => {
       if (a || d) return;
-      const { left: y, width: E } = r.currentTarget.getBoundingClientRect(), P = (r.clientX - y) / E, D = c && P < 0.5 ? u + 0.5 : u + 1;
+      const { left: b, width: E } = r.currentTarget.getBoundingClientRect(), P = (r.clientX - b) / E, D = c && P < 0.5 ? u + 0.5 : u + 1;
       $(D);
     },
     [a, d, c]
@@ -11176,7 +11176,7 @@ const i4 = ({
             onClick: () => m(
               c ? B !== null ? B : H === u + 1 && g ? 0 : u + 1 : u + 1
             ),
-            onMouseMove: (y) => b(y, u),
+            onMouseMove: (b) => y(b, u),
             onMouseLeave: f,
             style: {
               cursor: a || d ? "default" : "pointer",
@@ -11220,21 +11220,21 @@ const i4 = ({
   id: M,
   ariaLabel: p
 }) => {
-  const S = h0(), [_, N] = G(c || !1), k = s !== void 0, B = k ? s : _, $ = f0(), R = f2(), H = M || R, I = (T) => {
+  const S = h0(), [_, L] = G(c || !1), k = s !== void 0, B = k ? s : _, $ = f0(), R = f2(), H = M || R, I = (T) => {
     if (l) return;
     const r = !B;
-    k || N(r), n == null || n(r), $.current && W1($.current), S1(T.currentTarget);
+    k || L(r), n == null || n(r), $.current && W1($.current), S1(T.currentTarget);
   }, z = (T) => {
     l || (T.key === "Enter" || T.key === " ") && (T.preventDefault(), I(T));
-  }, O = O0(h, S), { bgColor: A } = i0({
+  }, N = O0(h, S), { bgColor: A } = i0({
     border: !1,
     fallback: C,
     componentType: "button"
-  }), V = o ? L(o, S) : A, w = L(a || "cool-gray-3", S), v = {
+  }), V = o ? O(o, S) : A, w = O(a || "cool-gray-3", S), v = {
     sm: { height: 22, thumb: 18, fontSize: 12 },
     md: { height: 32, thumb: 28, fontSize: 14 },
     lg: { height: 40, thumb: 34, fontSize: 16 }
-  }, { height: m, thumb: b, fontSize: f } = v[x] || v.md;
+  }, { height: m, thumb: y, fontSize: f } = v[x] || v.md;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -11277,7 +11277,7 @@ const i4 = ({
             className: "sud-switch__label sud-switch__label-on",
             style: {
               paddingLeft: 4,
-              color: L("white-10", S),
+              color: O("white-10", S),
               transition: "all 0.25s ease",
               display: B ? "block" : "none"
             },
@@ -11290,19 +11290,19 @@ const i4 = ({
             className: "sud-switch__thumb",
             ref: $,
             style: {
-              width: b,
-              height: b,
+              width: y,
+              height: y,
               borderRadius: "50%",
-              background: L("white-10", S),
+              background: O("white-10", S),
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               color: B ? V : w,
-              boxShadow: O,
-              fontSize: b * 0.5,
+              boxShadow: N,
+              fontSize: y * 0.5,
               transition: "all 0.25s ease"
             },
-            children: p2(B ? Z : i) ? b1(B ? Z : i, {
+            children: p2(B ? Z : i) ? y1(B ? Z : i, {
               color: B ? V : w
             }) : B ? Z : i
           }
@@ -11314,7 +11314,7 @@ const i4 = ({
             className: "sud-switch__label sud-switch__label-off",
             style: {
               paddingLeft: 4,
-              color: L("white-10", S),
+              color: O("white-10", S),
               transition: "all 0.25s ease",
               display: B ? "none" : "block"
             },
@@ -11338,7 +11338,7 @@ const i4 = ({
   const [Z, i] = G(null), [h, x] = G(0), [C, j] = G("hour"), [F, M] = G({
     startTime: { hour: !1, minute: !1, second: !1 },
     endTime: { hour: !1, minute: !1, second: !1 }
-  }), p = n, S = l, _ = a, N = (D) => {
+  }), p = n, S = l, _ = a, L = (D) => {
     if (!D || !n0(D).isValid())
       return { hour: null, minute: null, second: null };
     const U = n0(D);
@@ -11353,12 +11353,12 @@ const i4 = ({
     minute: B,
     second: $,
     ampm: R
-  } = N(p ? s == null ? void 0 : s.startTime : s), {
+  } = L(p ? s == null ? void 0 : s.startTime : s), {
     hour: H,
     minute: I,
     second: z,
-    ampm: O
-  } = N(s == null ? void 0 : s.endTime), [A, V] = G({
+    ampm: N
+  } = L(s == null ? void 0 : s.endTime), [A, V] = G({
     startTime: {
       hour: k ?? null,
       minute: B ?? null,
@@ -11369,7 +11369,7 @@ const i4 = ({
       hour: H ?? null,
       minute: I ?? null,
       second: z ?? null,
-      ampm: O ?? "AM"
+      ampm: N ?? "AM"
     }
   }), w = T0(() => {
     const D = S ? 12 : 24;
@@ -11377,7 +11377,7 @@ const i4 = ({
   }, [l]), v = T0(
     () => Array.from({ length: 60 / _ }, (D, U) => U * _),
     [a]
-  ), m = T0(() => Array.from({ length: 60 }, (D, U) => U), []), b = (D, U) => S ? U === "AM" ? D % 12 : D % 12 + 12 : D, f = (D, U) => {
+  ), m = T0(() => Array.from({ length: 60 }, (D, U) => U), []), y = (D, U) => S ? U === "AM" ? D % 12 : D % 12 + 12 : D, f = (D, U) => {
     const K = { ...A }, W = p && h === 1 ? "endTime" : "startTime";
     K[W] = {
       ...K[W],
@@ -11393,11 +11393,11 @@ const i4 = ({
     V(K), M(q);
     const J = (p0) => p0.hour && p0.minute && (!o || p0.second);
     if (!p && J(q.startTime)) {
-      const p0 = b(K.startTime.hour, K.startTime.ampm), x0 = K.startTime.minute, y0 = o ? K.startTime.second : 0, b0 = n0().hour(p0).minute(x0).second(y0).toDate();
-      c == null || c(b0);
+      const p0 = y(K.startTime.hour, K.startTime.ampm), x0 = K.startTime.minute, b0 = o ? K.startTime.second : 0, y0 = n0().hour(p0).minute(x0).second(b0).toDate();
+      c == null || c(y0);
     }
     if (p && h === 0 && J(q.startTime) && (x(1), j("hour")), p && h === 1 && J(q.endTime)) {
-      let p0 = n0().hour(b(K.startTime.hour, K.startTime.ampm)).minute(K.startTime.minute).second(o ? K.startTime.second : 0), x0 = n0().hour(b(K.endTime.hour, K.endTime.ampm)).minute(K.endTime.minute).second(o ? K.endTime.second : 0);
+      let p0 = n0().hour(y(K.startTime.hour, K.startTime.ampm)).minute(K.startTime.minute).second(o ? K.startTime.second : 0), x0 = n0().hour(y(K.endTime.hour, K.endTime.ampm)).minute(K.endTime.minute).second(o ? K.endTime.second : 0);
       x0.isBefore(p0) && (x0 = x0.add(1, "day")), c == null || c({
         startTime: p0.toDate(),
         endTime: x0.toDate()
@@ -11410,15 +11410,15 @@ const i4 = ({
     border: !1,
     fallback: d,
     componentType: "tag"
-  }), { bgColor: y } = i0({
+  }), { bgColor: b } = i0({
     border: !1,
     fallback: g,
     componentType: "etc"
   }), E = (D, U, K) => {
     const W = p && h === 1 ? "endTime" : "startTime";
     return /* @__PURE__ */ t.jsx("div", { style: { flex: 1, overflowY: "auto", maxHeight: 160, padding: 4 }, children: U.map((q) => {
-      var b0;
-      const J = q.toString().padStart(2, "0"), p0 = (b0 = A[W]) == null ? void 0 : b0[K], x0 = p0 != null && p0 === q, y0 = Z && Z[K] === q;
+      var y0;
+      const J = q.toString().padStart(2, "0"), p0 = (y0 = A[W]) == null ? void 0 : y0[K], x0 = p0 != null && p0 === q, b0 = Z && Z[K] === q;
       return /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -11428,7 +11428,7 @@ const i4 = ({
           style: {
             padding: "6px 12px",
             cursor: "pointer",
-            backgroundColor: x0 ? r : y0 ? y : "transparent",
+            backgroundColor: x0 ? r : b0 ? b : "transparent",
             borderRadius: 6,
             textAlign: "center"
           },
@@ -11521,7 +11521,7 @@ const i4 = ({
   use12Hours: p = !1,
   step: S = 1,
   popConfirmProps: _ = {},
-  inputProps: N = {},
+  inputProps: L = {},
   timePickerProps: k = {},
   id: B,
   ariaLabel: $,
@@ -11529,7 +11529,7 @@ const i4 = ({
   ariaInvalid: H,
   ariaDescribedby: I
 }) => {
-  const [z, O] = G(!1), A = T0(() => C || (p ? M ? "hh:mm:ss A" : "hh:mm A" : M ? "HH:mm:ss" : "HH:mm"), [C, p, M]), V = T0(() => {
+  const [z, N] = G(!1), A = T0(() => C || (p ? M ? "hh:mm:ss A" : "hh:mm A" : M ? "HH:mm:ss" : "HH:mm"), [C, p, M]), V = T0(() => {
     if (!i) return "";
     if (j) {
       const f = i == null ? void 0 : i.startTime, T = i == null ? void 0 : i.endTime, r = f && n0(f).isValid() ? n0(f).format(A) : "", u = T && n0(T).isValid() ? n0(T).format(A) : "";
@@ -11539,23 +11539,23 @@ const i4 = ({
   }, [i, A, j]), w = (f) => {
     if (!f) return "";
     if (j) {
-      const T = f == null ? void 0 : f.startTime, r = f == null ? void 0 : f.endTime, u = T && n0(T).isValid() ? n0(T).format(A) : "", y = r && n0(r).isValid() ? n0(r).format(A) : "";
-      return [u, y].filter(Boolean).join(" ~ ");
+      const T = f == null ? void 0 : f.startTime, r = f == null ? void 0 : f.endTime, u = T && n0(T).isValid() ? n0(T).format(A) : "", b = r && n0(r).isValid() ? n0(r).format(A) : "";
+      return [u, b].filter(Boolean).join(" ~ ");
     }
     return n0(f).isValid() ? n0(f).format(A) : "";
   }, v = (f) => {
     if (o || a) return;
     const T = w(f);
     h(f, T);
-    const r = (y) => {
+    const r = (b) => {
       var E, P, D;
-      return n0(y).isValid() && ((E = y.getHours) == null ? void 0 : E.call(y)) != null && ((P = y.getMinutes) == null ? void 0 : P.call(y)) != null && (!M || ((D = y.getSeconds) == null ? void 0 : D.call(y)) != null);
+      return n0(b).isValid() && ((E = b.getHours) == null ? void 0 : E.call(b)) != null && ((P = b.getMinutes) == null ? void 0 : P.call(b)) != null && (!M || ((D = b.getSeconds) == null ? void 0 : D.call(b)) != null);
     };
     let u = !1;
-    j ? u = r(f == null ? void 0 : f.startTime) && r(f == null ? void 0 : f.endTime) : u = r(f), u && (O(!1), requestAnimationFrame(() => {
-      setTimeout(() => O(!0), 0);
+    j ? u = r(f == null ? void 0 : f.startTime) && r(f == null ? void 0 : f.endTime) : u = r(f), u && (N(!1), requestAnimationFrame(() => {
+      setTimeout(() => N(!0), 0);
     }));
-  }, m = j ? i == null ? void 0 : i.startTime : void 0, b = j ? i == null ? void 0 : i.endTime : void 0;
+  }, m = j ? i == null ? void 0 : i.startTime : void 0, y = j ? i == null ? void 0 : i.endTime : void 0;
   return /* @__PURE__ */ t.jsx(
     K1,
     {
@@ -11563,14 +11563,14 @@ const i4 = ({
       footer: null,
       placement: F,
       open: z,
-      onOpenChange: O,
+      onOpenChange: N,
       shape: c,
       shadow: n,
       ..._,
       content: /* @__PURE__ */ t.jsx(
         $9,
         {
-          value: j ? { startTime: m, endTime: b } : i,
+          value: j ? { startTime: m, endTime: y } : i,
           onChange: v,
           range: j,
           showSecond: M,
@@ -11600,10 +11600,10 @@ const i4 = ({
           placeholder: x,
           suffix: /* @__PURE__ */ t.jsx(g9, { size: O9[l] }),
           onClick: () => {
-            o || a || (O(!1), setTimeout(() => O(!0), 0));
+            o || a || (N(!1), setTimeout(() => N(!0), 0));
           },
           onKeyDown: (f) => {
-            (f.key === "Enter" || f.key === " ") && (f.preventDefault(), !o && !a && (O(!1), setTimeout(() => O(!0), 0)));
+            (f.key === "Enter" || f.key === " ") && (f.preventDefault(), !o && !a && (N(!1), setTimeout(() => N(!0), 0)));
           }
         }
       )
@@ -11796,7 +11796,7 @@ const E1 = {
   cardBorderType: p = "solid",
   cardBorderWeight: S = 1,
   cardShape: _ = "rounded",
-  cardShadow: N = "none",
+  cardShadow: L = "none",
   uploadIconSize: k = 24,
   uploadText: B = "업로드",
   uploadTextColor: $ = "cool-gray-6",
@@ -11804,18 +11804,18 @@ const E1 = {
   children: H,
   colorType: I = "default",
   background: z,
-  color: O,
+  color: N,
   borderColor: A,
   borderType: V = "solid",
   borderWeight: w = 1,
   className: v,
   icon: m,
-  iconPosition: b,
+  iconPosition: y,
   loading: f,
   loadingText: T,
   loadingType: r,
   shape: u = "rounded",
-  shadow: y = "sm",
+  shadow: b = "sm",
   border: E = !0,
   style: P,
   ariaLabel: D,
@@ -11826,9 +11826,9 @@ const E1 = {
   listColorType: J = "default",
   listErrorColorType: p0 = "red",
   listHoverColorType: x0 = "sky",
-  listDeleteColorType: y0 = "rose"
+  listDeleteColorType: b0 = "rose"
 }) => {
-  const b0 = h0(), S0 = f0(), [B0, X] = G(g), [Y, Q] = G(!1), [d0, g0] = G(!1), j0 = d !== void 0, o0 = j0 ? d : B0, k0 = f0(/* @__PURE__ */ new Set());
+  const y0 = h0(), S0 = f0(), [B0, X] = G(g), [Y, Q] = G(!1), [d0, g0] = G(!1), j0 = d !== void 0, o0 = j0 ? d : B0, k0 = f0(/* @__PURE__ */ new Set());
   z0(() => () => {
     k0.current.forEach((M0) => URL.revokeObjectURL(M0)), k0.current.clear();
   }, []);
@@ -11838,11 +11838,11 @@ const E1 = {
   }, []), _0 = i0({
     fallback: a ? "disabled" : I,
     border: E
-  }), L0 = I0(u, b0), D0 = O0(y, b0), H0 = z ? L(z, b0) : _0.bgColor, Y0 = O ? L(O, b0) : _0.txtColor, t1 = A ? L(A, b0) : _0.borColor, o1 = {
+  }), L0 = I0(u, y0), D0 = O0(b, y0), H0 = z ? O(z, y0) : _0.bgColor, Y0 = N ? O(N, y0) : _0.txtColor, t1 = A ? O(A, y0) : _0.borColor, o1 = {
     background: H0,
     color: Y0,
     border: E ? `${w}px ${V} ${t1}` : "none",
-    boxShadow: y !== "none" ? D0 : void 0,
+    boxShadow: b !== "none" ? D0 : void 0,
     ...L0
   }, e0 = () => {
     var M0;
@@ -11873,18 +11873,18 @@ const E1 = {
     children: H,
     colorType: I,
     background: z,
-    color: O,
+    color: N,
     borderColor: A,
     borderType: V,
     borderWeight: w,
     className: v,
     icon: m,
-    iconPosition: b,
+    iconPosition: y,
     loading: f,
     loadingText: T,
     loadingType: r,
     shape: u,
-    shadow: y,
+    shadow: b,
     border: E,
     style: P,
     ariaLabel: D,
@@ -11894,10 +11894,10 @@ const E1 = {
     role: q,
     disabled: a
   }, G0 = {
-    ...I0(_, b0),
-    border: M ? `${S}px ${p} ${L(
+    ...I0(_, y0),
+    border: M ? `${S}px ${p} ${O(
       M,
-      b0
+      y0
     )}` : `1px solid ${t1}`,
     width: j,
     height: j,
@@ -11906,8 +11906,8 @@ const E1 = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: L(F, b0),
-    boxShadow: O0(N, b0)
+    backgroundColor: O(F, y0),
+    boxShadow: O0(L, y0)
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -11968,7 +11968,7 @@ const E1 = {
                 {
                   id: "upload-description",
                   size: "sm",
-                  style: { color: L("cool-gray-6", b0) },
+                  style: { color: O("cool-gray-6", y0) },
                   children: "단일 또는 다중 파일 업로드를 지원합니다."
                 }
               )
@@ -12097,11 +12097,11 @@ const E1 = {
                 index: w0,
                 onRemove: W0,
                 onPreview: C,
-                theme: b0,
+                theme: y0,
                 listColorType: J,
                 listErrorColorType: p0,
                 listHoverColorType: x0,
-                listDeleteColorType: y0
+                listDeleteColorType: b0
               },
               w0
             ))
@@ -12128,10 +12128,10 @@ const E1 = {
   shadow: F = "md",
   style: M = {}
 }) => {
-  const p = h0(), S = Math.min(100, Math.max(0, c / n * 100)), { txtColor: _, bgColor: N } = i0({
+  const p = h0(), S = Math.min(100, Math.max(0, c / n * 100)), { txtColor: _, bgColor: L } = i0({
     fallback: g,
     componentType: "tag"
-  }), k = i ? L(i, p) : _, { bgColor: B } = i0({
+  }), k = i ? O(i, p) : _, { bgColor: B } = i0({
     fallback: Z,
     componentType: "etc"
   }), $ = O0(F, p), R = {
@@ -12153,9 +12153,9 @@ const E1 = {
       strokeWidth: 10,
       fontSize: $1({ size: "base", theme: p }).fontSize
     }
-  }, { barHeight: H, circleSize: I, strokeWidth: z, fontSize: O } = R[x], A = typeof C == "number" ? C : O;
+  }, { barHeight: H, circleSize: I, strokeWidth: z, fontSize: N } = R[x], A = typeof C == "number" ? C : N;
   if (s === "bar") {
-    const E = h.startsWith("inside"), P = E ? N : k, D = c === n ? a && J0.cloneElement(a, { color: P }) : d ? J0.cloneElement(d, { color: P }) : /* @__PURE__ */ t.jsxs(
+    const E = h.startsWith("inside"), P = E ? L : k, D = c === n ? a && J0.cloneElement(a, { color: P }) : d ? J0.cloneElement(d, { color: P }) : /* @__PURE__ */ t.jsxs(
       s0,
       {
         size: A,
@@ -12211,7 +12211,7 @@ const E1 = {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: U[h],
-                    color: E ? N : k,
+                    color: E ? L : k,
                     fontSize: A,
                     paddingInline: E ? 4 : 0,
                     boxSizing: "border-box",
@@ -12228,7 +12228,7 @@ const E1 = {
       }
     );
   }
-  const V = I / 2, w = V - z / 2, v = 2 * Math.PI * w, m = s === "dashboard", T = (m ? 270 : 360) / 360 * v, r = m ? `${T} ${v}` : `${v}`, u = m ? T * (1 - S / 100) : v * (1 - S / 100), y = c === n ? a && J0.cloneElement(a, { color: k }) : d ? J0.cloneElement(d, { color: k }) : o && /* @__PURE__ */ t.jsxs(
+  const V = I / 2, w = V - z / 2, v = 2 * Math.PI * w, m = s === "dashboard", T = (m ? 270 : 360) / 360 * v, r = m ? `${T} ${v}` : `${v}`, u = m ? T * (1 - S / 100) : v * (1 - S / 100), b = c === n ? a && J0.cloneElement(a, { color: k }) : d ? J0.cloneElement(d, { color: k }) : o && /* @__PURE__ */ t.jsxs(
     s0,
     {
       size: A,
@@ -12320,7 +12320,7 @@ const E1 = {
               transform: "translate(-50%, -50%)",
               lineHeight: 1
             },
-            children: y
+            children: b
           }
         )
       ]
@@ -12596,7 +12596,7 @@ const x4 = {
   ariaPressed: p,
   ariaExpanded: S,
   ariaControls: _,
-  role: N = "button",
+  role: L = "button",
   subColorType: k = "default",
   size: B = "md"
 }) => {
@@ -12619,22 +12619,22 @@ const x4 = {
       children: [
         H && n.map((V, w) => {
           const v = (w + 1) * 56, m = `${w * 40}ms`;
-          let b;
+          let y;
           switch (z) {
             case "up":
-              b = `translateY(-${v}px)`;
+              y = `translateY(-${v}px)`;
               break;
             case "down":
-              b = `translateY(${v}px)`;
+              y = `translateY(${v}px)`;
               break;
             case "left":
-              b = `translateX(-${v}px)`;
+              y = `translateX(-${v}px)`;
               break;
             case "right":
-              b = `translateX(${v}px)`;
+              y = `translateX(${v}px)`;
               break;
             default:
-              b = "none";
+              y = "none";
           }
           return /* @__PURE__ */ t.jsx(
             "div",
@@ -12645,7 +12645,7 @@ const x4 = {
                 transition: "all 0.3s ease",
                 transitionDelay: m,
                 opacity: $ ? 1 : 0,
-                transform: $ ? `${b} scale(1)` : "translate(0, 0) scale(0.9)",
+                transform: $ ? `${y} scale(1)` : "translate(0, 0) scale(0.9)",
                 pointerEvents: $ ? "auto" : "none"
               },
               children: /* @__PURE__ */ t.jsx(
@@ -12671,7 +12671,7 @@ const x4 = {
                   ariaPressed: V.ariaPressed,
                   ariaExpanded: V.ariaExpanded,
                   ariaControls: V.ariaControls,
-                  role: V.role || N
+                  role: V.role || L
                 }
               )
             },
@@ -12696,7 +12696,7 @@ const x4 = {
             ariaPressed: p,
             ariaExpanded: S,
             ariaControls: _,
-            role: N,
+            role: L,
             disabled: C,
             shadow: j,
             style: { width: A, height: A, ...F }
@@ -12709,8 +12709,8 @@ const x4 = {
   const n = f0(null), l = f0(null), o = f0(null), [a, d] = G(0), [g, Z] = G(0), [i, h] = G(0);
   w1(() => {
     const p = () => {
-      var _, N, k;
-      d(((_ = n.current) == null ? void 0 : _.offsetHeight) || 0), Z(((N = l.current) == null ? void 0 : N.offsetHeight) || 0), h(((k = o.current) == null ? void 0 : k.offsetWidth) || 0);
+      var _, L, k;
+      d(((_ = n.current) == null ? void 0 : _.offsetHeight) || 0), Z(((L = l.current) == null ? void 0 : L.offsetHeight) || 0), h(((k = o.current) == null ? void 0 : k.offsetWidth) || 0);
     };
     p();
     const S = new ResizeObserver(p);
@@ -12721,20 +12721,20 @@ const x4 = {
   return u2.forEach(s, (p) => {
     if (!(p != null && p.type)) return;
     const S = p.type.displayName;
-    S === "SUHeader" ? x = b1(p, {
+    S === "SUHeader" ? x = y1(p, {
       ref: n,
       siderPosition: c,
       siderWidth: i
-    }) : S === "SUFooter" ? C = b1(p, {
+    }) : S === "SUFooter" ? C = y1(p, {
       ref: l,
       siderPosition: c,
       siderWidth: i
-    }) : S === "SUSider" ? j = b1(p, {
+    }) : S === "SUSider" ? j = y1(p, {
       ref: o,
       headerHeight: a,
       footerHeight: g,
       siderPosition: c
-    }) : S === "SUContent" ? F = b1(p, {
+    }) : S === "SUContent" ? F = y1(p, {
       layoutOffset: {
         header: a,
         footer: g,
@@ -12746,8 +12746,8 @@ const x4 = {
     {
       className: "sud-layout",
       style: {
-        width: "100vw",
-        minHeight: "100vh",
+        width: "100%",
+        height: "100%",
         position: "relative",
         overflowY: "hidden",
         overflowX: "hidden"
@@ -12773,7 +12773,7 @@ const x4 = {
     borderWeight: d = "1",
     className: g = "",
     shape: Z = "square",
-    height: i = "80",
+    height: i = 80,
     FullWidth: h = !0,
     shadow: x = "",
     siderPosition: C = "below-header",
@@ -12781,10 +12781,10 @@ const x4 = {
     border: F = !0,
     style: M = {}
   }, p) => {
-    const S = h0(), { bgColor: _, txtColor: N, borColor: k } = i0({
+    const S = h0(), { bgColor: _, txtColor: L, borColor: k } = i0({
       border: F,
       fallback: l
-    }), B = c ? L(c, S) : _, $ = n ? L(n, S) : N, R = o ? L(o, S) : k, H = F && R ? `${d}px ${a} ${R}` : "none", I = Z === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, z = O0(x, S);
+    }), B = c ? O(c, S) : _, $ = n ? O(n, S) : L, R = o ? O(o, S) : k, H = F && R ? `${d}px ${a} ${R}` : "none", I = Z === "rounded" ? { borderRadius: "0 0 15px 15px" } : { borderRadius: "0" }, z = O0(x, S);
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -12797,11 +12797,11 @@ const x4 = {
         ),
         style: {
           width: h && C === "above-header" ? `calc(100% - ${j}px)` : "100%",
-          height: `${i}px`,
+          height: typeof i == "number" ? `${i}px` : i,
           backgroundColor: B,
           color: $,
           borderBottom: H,
-          position: "fixed",
+          position: "absolute",
           top: 0,
           left: C === "above-header" ? `${j}px` : 0,
           boxShadow: z,
@@ -12825,7 +12825,7 @@ const E9 = R1(
     borderWeight: d = "1",
     className: g = "",
     shape: Z = "square",
-    width: i = "200",
+    width: i = 200,
     FullHeight: h = !0,
     shadow: x = "",
     onWidthChange: C,
@@ -12835,14 +12835,14 @@ const E9 = R1(
     border: p = !0,
     style: S = {}
   }, _) => {
-    const N = f0(null), k = _ || N, B = h0();
+    const L = f0(null), k = _ || L, B = h0();
     z0(() => {
       k.current && (C == null || C(k.current.offsetWidth));
     }, []);
     const { bgColor: $, txtColor: R, borColor: H } = i0({
       border: p,
       fallback: n
-    }), I = c ? L(c, B) : $, z = l ? L(l, B) : R, O = o ? L(o, B) : H, A = p && O ? `${d}px ${a} ${O}` : "none", V = O0(x, B), w = Z === "rounded" ? { borderRadius: "0 15px 15px 0" } : { borderRadius: "0" };
+    }), I = c ? O(c, B) : $, z = l ? O(l, B) : R, N = o ? O(o, B) : H, A = p && N ? `${d}px ${a} ${N}` : "none", V = O0(x, B), w = Z === "rounded" ? { borderRadius: "0 15px 15px 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -12854,11 +12854,11 @@ const E9 = R1(
           g
         ),
         style: {
-          position: "fixed",
+          position: "absolute",
           top: j === "below-header" ? F : 0,
           left: 0,
           height: h && j === "below-header" ? `calc(100% - ${F}px - ${M}px)` : "100%",
-          width: i,
+          width: typeof i == "number" ? `${i}px` : i,
           minWidth: 0,
           // ✅ 내부 요소가 밀리지 않도록
           backgroundColor: I,
@@ -12891,9 +12891,9 @@ const I9 = R1(
     layoutOffset: o = { header: 0, footer: 0, sider: 0 },
     style: a = {}
   }, d) => {
-    const g = f0(null), Z = d || g, { header: i = 0, footer: h = 0, sider: x = 0 } = o, { bgColor: C, txtColor: j } = i0({
+    const g = f0(null), Z = d || g, i = h0(), { header: h = 0, footer: x = 0, sider: C = 0 } = o, { bgColor: j, txtColor: F } = i0({
       border: !1
-    }), F = n ? resolveColor(n, theme) : C, M = l ? resolveColor(l, theme) : j;
+    }), M = n ? O(n, i) : j, p = l ? O(l, i) : F;
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -12904,14 +12904,16 @@ const I9 = R1(
           c
         ),
         style: {
-          flex: 1,
-          width: `calc(100% - ${x}px)`,
-          height: `calc(100vh - ${i}px - ${h}px)`,
+          position: "absolute",
+          top: `${h}px`,
+          left: `${C}px`,
+          right: 0,
+          bottom: `${x}px`,
+          width: `calc(100% - ${C}px)`,
+          height: `calc(100% - ${h}px - ${x}px)`,
           overflowY: "auto",
-          backgroundColor: F,
-          color: M,
-          marginTop: `${i}px`,
-          marginLeft: `${x}px`,
+          backgroundColor: M,
+          color: p,
           boxSizing: "border-box",
           ...a
         },
@@ -12941,18 +12943,18 @@ const V9 = R1(
     border: M = !0,
     style: p = {}
   }, S) => {
-    const _ = f0(null), N = S || _, k = h0();
+    const _ = f0(null), L = S || _, k = h0();
     z0(() => {
-      N.current && (C == null || C(N.current.offsetHeight));
+      L.current && (C == null || C(L.current.offsetHeight));
     }, []);
     const { bgColor: B, txtColor: $, borColor: R } = i0({
       border: M,
       fallback: l
-    }), H = c ? L(c, k) : B, I = n ? L(n, k) : $, z = o ? L(o, k) : R, O = M && z ? `${d}px ${a} ${z}` : "none", A = O0(x, k), V = Z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
+    }), H = c ? O(c, k) : B, I = n ? O(n, k) : $, z = o ? O(o, k) : R, N = M && z ? `${d}px ${a} ${z}` : "none", A = O0(x, k), V = Z === "rounded" ? { borderRadius: "15px 15px 0 0" } : { borderRadius: "0" };
     return /* @__PURE__ */ t.jsx(
       "div",
       {
-        ref: N,
+        ref: L,
         className: l0(
           "sud-footer",
           "flex flex-row Pretendard-R pd-10",
@@ -12964,9 +12966,10 @@ const V9 = R1(
           height: `${i}px`,
           backgroundColor: H,
           color: I,
-          borderTop: O,
-          position: "relative",
-          marginLeft: j === "above-header" ? `${F}px` : 0,
+          borderTop: N,
+          position: "absolute",
+          left: j === "above-header" ? `${F}px` : 0,
+          bottom: 0,
           boxShadow: A,
           ...V,
           ...p
@@ -13157,15 +13160,15 @@ const P9 = ({ isOpen: s, children: c }) => {
     M(
       (B) => B.includes(k) ? B.filter(($) => $ !== k) : [...B, k]
     );
-  }, N = (k, B, $) => {
+  }, L = (k, B, $) => {
     const R = p === k && B, I = i0({
       border: !1,
       componentType: "etc",
       fallback: R ? "selected" : $ ? "hovered" : "default"
     });
     return {
-      backgroundColor: R && o && L(o, x) || $ && d && L(d, x) || I.bgColor,
-      color: R && a && L(a, x) || $ && g && L(g, x) || I.txtColor
+      backgroundColor: R && o && O(o, x) || $ && d && O(d, x) || I.bgColor,
+      color: R && a && O(a, x) || $ && g && O(g, x) || I.txtColor
     };
   };
   return /* @__PURE__ */ t.jsx(
@@ -13184,7 +13187,7 @@ const P9 = ({ isOpen: s, children: c }) => {
           onSelect: S,
           toggleOpen: _,
           openKeys: F,
-          getItemStyle: N,
+          getItemStyle: L,
           theme: x
         },
         k.key || `menu-item-${B}`
@@ -13206,7 +13209,7 @@ const P9 = ({ isOpen: s, children: c }) => {
     border: !1,
     componentType: "etc",
     fallback: j ? "selected" : "hovered"
-  }), _ = j ? a.selectedColor || S.bgColor : a.hoverColor || S.bgColor, N = j ? a.selectedTextColor || S.txtColor : a.hoverTextColor || S.txtColor;
+  }), _ = j ? a.selectedColor || S.bgColor : a.hoverColor || S.bgColor, L = j ? a.selectedTextColor || S.txtColor : a.hoverTextColor || S.txtColor;
   z0(() => {
     const B = ($) => {
       var I, z;
@@ -13225,7 +13228,7 @@ const P9 = ({ isOpen: s, children: c }) => {
       style: {
         ...M && {
           backgroundColor: _,
-          color: N
+          color: L
         },
         whiteSpace: "nowrap",
         padding: 12,
@@ -13300,7 +13303,7 @@ const P9 = ({ isOpen: s, children: c }) => {
   borderType: p = "solid",
   borderWeight: S = 1,
   shape: _ = "rounded",
-  shadow: N = "sm",
+  shadow: L = "sm",
   placement: k = ["bottom", "right"],
   horizontal: B = !1,
   // 메뉴 확장 타입
@@ -13331,8 +13334,8 @@ const P9 = ({ isOpen: s, children: c }) => {
     borderType: p,
     borderWeight: S,
     shape: _,
-    shadow: N
-  }, O = {
+    shadow: L
+  }, N = {
     selectedColor: o,
     selectedTextColor: a,
     hoverColor: d,
@@ -13357,7 +13360,7 @@ const P9 = ({ isOpen: s, children: c }) => {
           parentRef: H,
           selectedKey: c,
           onSelect: l,
-          styleProps: O,
+          styleProps: N,
           popupBaseStyleProps: z,
           placement: k,
           colorType: h
@@ -13397,7 +13400,7 @@ const P9 = ({ isOpen: s, children: c }) => {
   shape: p = "rounded",
   shadow: S,
   expandType: _ = "popover",
-  placement: N = ["right", "right"],
+  placement: L = ["right", "right"],
   colorType: k,
   style: B = {}
 }) => {
@@ -13436,7 +13439,7 @@ const P9 = ({ isOpen: s, children: c }) => {
         {
           items: i,
           expandType: _,
-          placement: N,
+          placement: L,
           colorType: k,
           parentContentRef: R,
           className: "sud-dropdown__menu"
@@ -13540,7 +13543,7 @@ const P9 = ({ isOpen: s, children: c }) => {
       })
     }
   ) });
-}, y4 = ({ children: s, theme: c, darkTheme: n, isDarkMode: l }) => /* @__PURE__ */ t.jsxs(O2, { theme: c, darkTheme: n, isDarkMode: l, children: [
+}, b4 = ({ children: s, theme: c, darkTheme: n, isDarkMode: l }) => /* @__PURE__ */ t.jsxs(O2, { theme: c, darkTheme: n, isDarkMode: l, children: [
   s,
   /* @__PURE__ */ t.jsx(L9, {}),
   /* @__PURE__ */ t.jsx(D9, {})
@@ -13550,7 +13553,7 @@ export {
   J9 as Badge,
   j4 as Breadcrumb,
   V0 as Button,
-  b9 as Calendar,
+  y9 as Calendar,
   p1 as Card,
   Q9 as Carousel,
   P1 as Checkbox,
@@ -13573,7 +13576,7 @@ export {
   C2 as Menu,
   s4 as Modal,
   D9 as NotificationRoot,
-  y2 as Pagination,
+  b2 as Pagination,
   K1 as PopConfirm,
   r4 as Popover,
   p4 as Progress,
@@ -13583,7 +13586,7 @@ export {
   N1 as Select,
   E9 as Sider,
   i2 as Slider,
-  y4 as SoonUIDesign,
+  b4 as SoonUIDesign,
   f4 as Spinner,
   d4 as Switch,
   n4 as Table,
@@ -13610,7 +13613,7 @@ export {
   x4 as notification,
   N2 as parseColorString,
   q9 as pulseThumbScaleWithBounce,
-  L as resolveColor,
+  O as resolveColor,
   E1 as toast,
   h0 as useTheme
 };